@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500;700&display=swap";:root{--ink: #0f0e0c;--ink2: #4a4540;--ink3: #8a857e;--ink4: #b8b2ab;--cream: #f5f3ee;--cream2: #eceae4;--cream3: #dedad2;--cream4: #cdc8bf;--white: #ffffff;--purple: #6d28d9;--purple-light: #7c3aed;--purple-dim: #ede9fb;--purple-pale: #f5f3ff;--purple-border:#c4b5fd;--hot: #ff5c00;--hot-dim: #fff0e8;--hot-border: #ffd0b8;--green: #15803d;--green-dim: #dcfce7;--amber: #b45309;--amber-dim: #fef3c7;--red: #dc2626;--red-dim: #fee2e2;--blue: #1d4ed8;--blue-dim: #dbeafe;--score-great: #15803d;--score-good: #65a30d;--score-ok: #b45309;--score-poor: #dc2626;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--nav-h: 52px;--filter-h: 45px;--max-w: 1100px;--pad: 20px;--r-sm: 6px;--r: 10px;--r-lg: 14px;--r-xl: 18px;--shadow-sm: 0 1px 3px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 2px 8px rgba(0,0,0,.07), 0 1px 3px rgba(0,0,0,.05);--shadow-lg: 0 8px 28px rgba(0,0,0,.1), 0 3px 8px rgba(0,0,0,.06);--shadow-tray: 0 8px 32px rgba(0,0,0,.22), 0 2px 8px rgba(0,0,0,.1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--cream);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;background:none}input,textarea,select{font-family:inherit}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 var(--pad)}.page-wrap{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.nav{position:sticky;top:0;z-index:200;height:var(--nav-h);background:var(--white);border-bottom:1px solid var(--cream3);box-shadow:var(--shadow-sm);display:flex;align-items:center;padding:0 var(--pad);gap:14px}.nav-logo{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--purple);flex-shrink:0;text-decoration:none}.nav-logo-mark{width:30px;height:30px;background:var(--purple);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;letter-spacing:-.02em;flex-shrink:0}.nav-search{flex:1;max-width:400px;position:relative}.nav-search-input{width:100%;height:34px;padding:0 12px 0 34px;border:1.5px solid var(--cream3);border-radius:99px;background:var(--cream);font-size:13px;color:var(--ink);outline:none;transition:border-color .15s,background .15s}.nav-search-input:focus{border-color:var(--purple);background:var(--white);box-shadow:0 0 0 3px var(--purple-dim)}.nav-search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--ink3);font-size:14px;pointer-events:none}.nav-links{display:flex;gap:2px;margin-left:auto}.nav-link{padding:6px 11px;border-radius:var(--r);font-size:13px;font-weight:500;color:var(--ink2);transition:background .12s,color .12s;text-decoration:none}.nav-link:hover{background:var(--cream);color:var(--ink)}.nav-link.active{background:var(--purple-dim);color:var(--purple)}.nav-compare-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--purple);color:#fff;border-radius:99px;font-size:13px;font-weight:600;text-decoration:none;transition:background .12s,transform .1s}.nav-compare-btn:hover{background:var(--purple-light);transform:translateY(-1px)}.nav-compare-count{background:var(--hot);color:#fff;border-radius:99px;padding:1px 6px;font-size:10px;font-weight:700}.search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--white);border:1px solid var(--cream3);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);z-index:300;max-height:380px;overflow-y:auto}.search-item{display:flex;align-items:center;gap:10px;padding:9px 13px;cursor:pointer;transition:background .1s}.search-item:hover{background:var(--purple-pale)}.search-item-img{width:38px;height:38px;object-fit:contain;border-radius:var(--r-sm);border:1px solid var(--cream3);flex-shrink:0}.search-item-name{font-size:13px;font-weight:600}.search-item-brand{font-size:11px;color:var(--ink3)}.search-item-score{margin-left:auto;font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--purple)}.search-empty{padding:1.5rem;text-align:center;color:var(--ink3);font-size:13px}.hero{background:var(--white);border-bottom:1px solid var(--cream3);padding:22px var(--pad) 18px}.hero-eyebrow{display:inline-flex;align-items:center;gap:5px;background:var(--hot-dim);border:1px solid var(--hot-border);border-radius:99px;padding:3px 10px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--hot);margin-bottom:9px}.hero-title{font-family:var(--font-display);font-size:25px;font-weight:700;line-height:1.2;margin-bottom:6px}.hero-title em{font-style:normal;color:var(--purple)}.hero-sub{font-size:13px;color:var(--ink2);max-width:500px;line-height:1.65;margin-bottom:13px}.hero-stats{display:flex;gap:22px}.hero-stat-val{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--purple)}.hero-stat-lbl{font-size:11px;color:var(--ink3)}.brand-strip{background:var(--white);border-bottom:1px solid var(--cream3);padding:11px var(--pad)}.brand-strip-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink3);margin-bottom:9px}.brand-row{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px}.brand-row::-webkit-scrollbar{display:none}.brand-chip{display:flex;align-items:center;gap:6px;padding:5px 11px;border:1.5px solid var(--cream3);border-radius:9px;background:var(--cream);cursor:pointer;flex-shrink:0;transition:border-color .12s,background .12s}.brand-chip:hover,.brand-chip.active{border-color:var(--purple);background:var(--purple-dim)}.brand-logo{width:22px;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;flex-shrink:0}.brand-chip-name{font-size:12px;font-weight:600;color:var(--ink)}.brand-chip-count{font-size:10px;color:var(--ink3);font-family:var(--font-mono)}.filter-bar{background:var(--white);border-bottom:2px solid var(--cream3);position:sticky;top:var(--nav-h);z-index:100}.filter-inner{display:flex;align-items:stretch;overflow-x:auto;padding:0 var(--pad)}.filter-inner::-webkit-scrollbar{display:none}.filter-group{display:flex;align-items:center;gap:5px;padding:9px 0;flex-shrink:0}.filter-group+.filter-group{border-left:1px solid var(--cream2);padding-left:14px;margin-left:8px}.filter-group-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink3);flex-shrink:0;margin-right:2px}.fpill{padding:4px 12px;border-radius:99px;border:1.5px solid var(--cream3);background:var(--cream);font-size:12px;font-weight:500;color:var(--ink2);white-space:nowrap;flex-shrink:0;transition:border-color .12s,background .12s,color .12s}.fpill:hover{border-color:var(--purple);color:var(--purple)}.fpill.active-budget{background:var(--ink);border-color:var(--ink);color:#fff}.fpill.active-cat{background:var(--purple);border-color:var(--purple);color:#fff}.filter-summary{display:flex;align-items:center;gap:7px;padding:7px var(--pad);background:var(--purple-dim);border-bottom:1px solid var(--purple-border);font-size:12px;color:var(--purple);font-weight:500}.filter-summary-clear{margin-left:auto;font-size:11px;color:var(--ink3);text-decoration:underline;cursor:pointer}.page-content{max-width:var(--max-w);margin:0 auto;padding:20px var(--pad) 40px}.section{margin-bottom:28px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.section-title{font-family:var(--font-display);font-size:15px;font-weight:700;display:flex;align-items:center;gap:6px}.section-title-icon{font-size:15px;color:var(--hot)}.section-link{font-size:12px;font-weight:500;color:var(--purple);display:flex;align-items:center;gap:3px;text-decoration:none}.section-link:hover{text-decoration:underline}.phone-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:10px}.phone-card{background:var(--white);border:1.5px solid var(--cream3);border-radius:var(--r-lg);overflow:hidden;transition:border-color .15s,transform .15s,box-shadow .15s;cursor:pointer;display:flex;flex-direction:column}.phone-card:hover{border-color:var(--purple);transform:translateY(-2px);box-shadow:var(--shadow)}.phone-card-img{background:var(--cream);height:120px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.phone-card-img img{max-height:108px;max-width:90%;object-fit:contain;transition:transform .3s}.phone-card:hover .phone-card-img img{transform:scale(1.05)}.phone-card-img-placeholder{font-size:42px;color:var(--cream3)}.phone-card-score{position:absolute;top:7px;right:7px}.phone-card-body{padding:8px 10px;flex:1}.phone-card-brand{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--purple);margin-bottom:2px}.phone-card-name{font-size:12px;font-weight:600;color:var(--ink);margin-bottom:4px;line-height:1.3}.phone-card-price{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--green);margin-bottom:5px}.phone-card-price span{font-family:var(--font-body);font-size:9px;font-weight:400;color:var(--ink3)}.phone-card-tags{display:flex;flex-wrap:wrap;gap:3px}.tag{font-size:9px;padding:2px 5px;border-radius:99px;font-weight:600}.tag-purple{background:var(--purple-dim);color:var(--purple)}.tag-green{background:var(--green-dim);color:var(--green)}.tag-amber{background:var(--amber-dim);color:var(--amber)}.tag-hot{background:var(--hot-dim);color:var(--hot)}.tag-blue{background:var(--blue-dim);color:var(--blue)}.phone-card-footer{padding:0 10px 10px;display:flex;gap:5px}.btn-view-detail{flex:1;padding:5px;border-radius:var(--r-sm);border:1.5px solid var(--cream3);background:var(--cream);font-size:11px;font-weight:500;color:var(--ink2);transition:border-color .12s,color .12s,background .12s}.btn-view-detail:hover{border-color:var(--purple);color:var(--purple);background:var(--purple-dim)}.btn-add-compare{width:28px;height:28px;flex-shrink:0;border-radius:var(--r-sm);border:1.5px solid var(--cream3);background:var(--cream);color:var(--ink3);display:flex;align-items:center;justify-content:center;font-size:13px;transition:border-color .12s,background .12s,color .12s}.btn-add-compare:hover{border-color:var(--purple);color:var(--purple);background:var(--purple-dim)}.btn-add-compare.in-compare{background:var(--purple);border-color:var(--purple);color:#fff}.score-ring-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.score-ring-wrap svg{transform:rotate(-90deg)}.score-ring-bg{fill:none;stroke:var(--cream2)}.score-ring-fill{fill:none;stroke-linecap:round;transition:stroke-dashoffset .7s cubic-bezier(.4,0,.2,1)}.score-ring-num{position:absolute;font-family:var(--font-mono);font-weight:700;line-height:1}.score-chip{background:#ffffffeb;border:1px solid var(--cream3);border-radius:var(--r);padding:3px 5px;display:inline-flex;align-items:center;justify-content:center}.h-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.h-scroll::-webkit-scrollbar{display:none}.searched-list{display:flex;flex-direction:column;gap:6px}.searched-item{display:flex;align-items:center;gap:12px;padding:9px 13px;background:var(--white);border:1.5px solid var(--cream3);border-radius:var(--r-lg);cursor:pointer;transition:border-color .15s}.searched-item:hover{border-color:var(--purple)}.searched-rank{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--ink3);width:20px;flex-shrink:0}.searched-rank.top{color:var(--hot)}.searched-info{flex:1}.searched-name{font-size:13px;font-weight:600}.searched-brand{font-size:11px;color:var(--ink3)}.searched-price{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--green);flex-shrink:0}.cmp-card{background:var(--white);border:1.5px solid var(--cream3);border-radius:var(--r-lg);padding:13px;min-width:210px;max-width:230px;flex-shrink:0;cursor:pointer;transition:border-color .15s}.cmp-card:hover{border-color:var(--purple)}.cmp-phones{display:flex;align-items:center;gap:6px;margin-bottom:7px}.cmp-phone-name{font-size:12px;font-weight:600;line-height:1.3}.cmp-vs{font-family:var(--font-mono);font-size:9px;font-weight:700;color:var(--ink3);background:var(--cream);border-radius:4px;padding:2px 5px;flex-shrink:0}.cmp-count{font-size:11px;color:var(--ink3);margin-bottom:10px}.cmp-count strong{color:var(--hot);font-family:var(--font-mono)}.cmp-yt-btn{width:100%;padding:6px;background:var(--ink);color:#fff;border-radius:var(--r);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:5px;transition:background .12s}.cmp-yt-btn:hover{background:#2a2825}.upcoming-card{background:var(--white);border:1.5px solid var(--cream3);border-radius:var(--r-lg);padding:12px;min-width:148px;flex-shrink:0;cursor:pointer;transition:border-color .15s}.upcoming-card:hover{border-color:var(--purple)}.upcoming-badge{display:inline-block;padding:2px 7px;background:var(--hot-dim);color:var(--hot);border-radius:99px;font-size:9px;font-weight:600;margin-bottom:8px}.upcoming-img{height:70px;display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--cream3)}.upcoming-brand{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--purple)}.upcoming-name{font-size:12px;font-weight:600;margin:2px 0 3px;line-height:1.3}.upcoming-detail{font-size:10px;color:var(--ink3)}.news-card{background:var(--white);border:1.5px solid var(--cream3);border-radius:var(--r-lg);padding:12px 13px;min-width:200px;max-width:218px;flex-shrink:0;cursor:pointer;transition:border-color .15s}.news-card:hover{border-color:var(--purple)}.news-type{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.news-type-launch{color:var(--hot)}.news-type-review{color:var(--green)}.news-type-guide{color:var(--purple)}.news-type-comparison{color:var(--blue)}.news-title{font-size:12px;font-weight:600;line-height:1.4;margin-bottom:4px;color:var(--ink)}.news-ago{font-size:10px;color:var(--ink3)}.dims-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.dim-card{background:var(--white);border:1.5px solid var(--cream3);border-radius:var(--r-lg);padding:10px;text-align:center}.dim-card-icon{font-size:18px;color:var(--purple);display:block;margin-bottom:4px}.dim-card-name{font-size:11px;font-weight:600;margin-bottom:2px}.dim-card-desc{font-size:9px;color:var(--ink3);line-height:1.4}.detail-hero{background:var(--white);border-bottom:1px solid var(--cream3);padding:20px var(--pad)}.detail-grid{display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:start;max-width:var(--max-w);margin:0 auto}.detail-img-box{background:var(--cream);border-radius:var(--r-xl);padding:1.75rem;display:flex;align-items:center;justify-content:center;min-height:260px}.detail-img-box img{max-height:220px;max-width:100%;object-fit:contain}.detail-brand{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--purple);margin-bottom:4px}.detail-name{font-family:var(--font-display);font-size:22px;font-weight:700;line-height:1.2;margin-bottom:8px}.detail-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:14px}.detail-score-price{display:flex;align-items:center;gap:20px;margin-bottom:16px;flex-wrap:wrap}.detail-price-val{font-family:var(--font-mono);font-size:22px;font-weight:700;color:var(--green)}.detail-price-lbl{font-size:11px;color:var(--ink3);margin-bottom:2px}.detail-actions{display:flex;gap:8px;flex-wrap:wrap}.detail-content{max-width:var(--max-w);margin:0 auto;padding:20px var(--pad) 40px}.detail-two-col{display:grid;grid-template-columns:1fr 300px;gap:16px;align-items:start}.detail-sticky{position:sticky;top:calc(var(--nav-h) + 12px)}.spec-tab-list{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:12px}.spec-tab{padding:4px 11px;border-radius:99px;border:1.5px solid var(--cream3);background:var(--cream);font-size:12px;font-weight:500;color:var(--ink2);cursor:pointer;transition:all .12s}.spec-tab.active{background:var(--purple);border-color:var(--purple);color:#fff}.spec-table{width:100%;border-collapse:collapse}.spec-table tr{border-bottom:1px solid var(--cream3)}.spec-table tr:last-child{border-bottom:none}.spec-table th{text-align:left;font-size:11px;font-weight:600;color:var(--ink3);padding:.55rem 0;width:42%}.spec-table td{padding:.55rem 0;font-size:13px;color:var(--ink2)}.spec-table td strong{color:var(--ink);font-weight:600}.spec-est{font-size:9px;color:var(--ink4);margin-left:4px}.quality-row{display:grid;grid-template-columns:140px 1fr 40px;align-items:center;gap:10px;padding:.6rem 0;border-bottom:1px solid var(--cream3)}.quality-row:last-child{border-bottom:none}.quality-label{font-size:13px;font-weight:500;color:var(--ink2)}.quality-track{height:7px;background:var(--cream3);border-radius:99px;overflow:hidden}.quality-fill{height:100%;border-radius:99px;transition:width .8s cubic-bezier(.4,0,.2,1)}.quality-score{font-family:var(--font-mono);font-size:13px;font-weight:700;text-align:right}.price-strip{display:flex;flex-wrap:wrap;gap:8px}.price-card{flex:1;min-width:130px;background:var(--white);border:1.5px solid var(--cream3);border-radius:var(--r-lg);padding:10px 12px;transition:border-color .15s}.price-card:hover{border-color:var(--green)}.price-source{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.price-amount{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--green);margin-bottom:2px}.price-variant{font-size:10px;color:var(--ink3);margin-bottom:6px}.price-buy-link{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;color:var(--purple);text-decoration:none}.compare-slot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px var(--pad);background:var(--white);border-bottom:1px solid var(--cream3);max-width:var(--max-w);margin:0 auto}.compare-slot-filled{background:var(--cream);border-radius:var(--r-lg);padding:12px;text-align:center;position:relative}.compare-slot-empty{background:var(--cream);border:2px dashed var(--cream3);border-radius:var(--r-lg);padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:140px;gap:8px}.compare-slot-empty input{width:100%;padding:6px 10px;border:1.5px solid var(--cream3);border-radius:99px;background:var(--white);font-size:12px;outline:none}.compare-slot-empty input:focus{border-color:var(--purple)}.compare-remove{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:99px;background:var(--cream2);color:var(--ink3);display:flex;align-items:center;justify-content:center;font-size:11px;cursor:pointer;transition:background .12s}.compare-remove:hover{background:var(--red-dim);color:var(--red)}.compare-table{width:100%;border-collapse:collapse}.compare-section-header{background:var(--ink);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:7px 13px}.compare-label-cell{padding:8px 13px;background:var(--cream);font-size:11px;font-weight:700;color:var(--ink3);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--cream3);width:160px}.compare-value-cell{padding:8px 13px;font-size:13px;color:var(--ink2);border-bottom:1px solid var(--cream3);border-left:1px solid var(--cream3)}.compare-winner{background:var(--purple-pale);color:var(--purple);font-weight:700}.float-tray{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:var(--ink);border-radius:var(--r-lg);padding:9px 13px;display:flex;align-items:center;gap:9px;box-shadow:var(--shadow-tray);z-index:500;transition:opacity .2s,transform .2s;white-space:nowrap}.float-tray.hidden{opacity:0;pointer-events:none;transform:translate(-50%) translateY(60px)}.tray-label{font-size:11px;color:#ffffff73}.tray-items{display:flex;gap:5px}.tray-item{display:flex;align-items:center;gap:5px;background:#ffffff1a;border-radius:var(--r);padding:4px 9px;font-size:11px;font-weight:500;color:#fff}.tray-item-remove{font-size:10px;color:#ffffff59;cursor:pointer;margin-left:2px;transition:color .1s}.tray-item-remove:hover{color:#fffc}.tray-empty-slot{background:#ffffff0f;border:1.5px dashed rgba(255,255,255,.15);border-radius:var(--r);padding:4px 12px;font-size:11px;color:#ffffff40}.tray-go-btn{padding:7px 16px;background:var(--purple);color:#fff;border-radius:var(--r);font-size:12px;font-weight:700;flex-shrink:0;transition:background .12s;text-decoration:none}.tray-go-btn:hover{background:var(--purple-light)}.tray-clear-btn{font-size:11px;color:#ffffff47;flex-shrink:0;transition:color .12s}.tray-clear-btn:hover{color:#fff9}.btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border-radius:99px;font-size:13px;font-weight:600;transition:transform .1s,background .12s,box-shadow .12s;text-decoration:none}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--purple);color:#fff}.btn-primary:hover{background:var(--purple-light);box-shadow:0 4px 14px #6d28d940}.btn-secondary{background:var(--white);color:var(--ink);border:1.5px solid var(--cream3)}.btn-secondary:hover{border-color:var(--purple);color:var(--purple);background:var(--purple-pale)}.btn-hot{background:var(--hot);color:#fff}.btn-hot:hover{background:#e05200}.btn-sm{padding:5px 12px;font-size:12px}.btn-lg{padding:10px 22px;font-size:14px}.cta-banner{background:var(--ink);border-radius:var(--r-xl);padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.cta-banner h3{font-family:var(--font-display);font-size:16px;font-weight:700;color:#fff;margin-bottom:3px}.cta-banner p{font-size:12px;color:#ffffff73}.ad-slot{background:var(--cream2);border:1px dashed var(--cream3);border-radius:var(--r);height:76px;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--ink3);margin-bottom:22px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--cream2) 25%,var(--cream) 50%,var(--cream2) 75%);background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:var(--r)}.toast-wrap{position:fixed;bottom:80px;right:18px;z-index:600;display:flex;flex-direction:column;gap:6px;pointer-events:none}.toast{padding:8px 14px;border-radius:var(--r);font-size:13px;font-weight:500;color:#fff;box-shadow:var(--shadow-lg);animation:toastIn .2s ease}.toast-success{background:var(--green)}.toast-info{background:var(--purple)}.toast-error{background:var(--red)}@keyframes toastIn{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.footer{background:var(--ink);color:#ffffff80;padding:28px 0 20px;margin-top:0}.footer-inner{max-width:var(--max-w);margin:0 auto;padding:0 var(--pad)}.footer-logo{font-family:var(--font-display);font-size:15px;font-weight:700;color:#fff;margin-bottom:4px}.footer-tagline{font-size:12px;margin-bottom:18px}.footer-links{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;margin-bottom:14px}.footer-links a{color:#ffffff73;transition:color .12s}.footer-links a:hover{color:#fff}.footer-bottom{font-size:11px;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}.drawer-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:400}.drawer-overlay.open{display:block}.drawer{position:fixed;bottom:0;left:0;right:0;background:var(--white);border-radius:16px 16px 0 0;padding:18px var(--pad) 24px;z-index:401;transform:translateY(100%);transition:transform .25s}.drawer.open{transform:translateY(0)}.drawer-handle{width:36px;height:4px;background:var(--cream3);border-radius:2px;margin:0 auto 16px}.drawer-title{font-family:var(--font-display);font-size:15px;font-weight:700;margin-bottom:14px}.drawer-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink3);margin-bottom:8px;margin-top:12px}.drawer-pills{display:flex;flex-wrap:wrap;gap:7px}@media (max-width: 700px){.nav-links,.nav-compare-btn span:first-child{display:none}.detail-grid,.detail-two-col{grid-template-columns:1fr}.dims-grid,.phone-grid{grid-template-columns:repeat(2,1fr)}.compare-slot-grid{grid-template-columns:1fr 1fr}.quality-row{grid-template-columns:110px 1fr 36px}.cta-banner{flex-direction:column;text-align:center}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}