:root{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base: .9375rem;--fs-md: 1.0625rem;--fs-lg: 1.25rem;--fs-xl: 1.5rem;--fs-2xl: 2rem;--fs-3xl: 2.5rem;--fs-4xl: 3.25rem;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--lh-tight: 1.15;--lh-normal: 1.5;--lh-relaxed: 1.7;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.12);--shadow-md: 0 4px 12px rgba(0,0,0,.15);--shadow-lg: 0 8px 30px rgba(0,0,0,.2);--shadow-xl: 0 12px 50px rgba(0,0,0,.3);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--max-width: 1200px;--header-height: 64px;--sticky-height: 64px}[data-theme=dark]{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a26;--bg-elevated: #1e1e2e;--bg-card: #16161f;--bg-hover: #22222e;--text-primary: #f0f0f5;--text-secondary: #a0a0b8;--text-tertiary: #6a6a80;--text-inverse: #0a0a0f;--border-primary: #2a2a3a;--border-secondary: #1e1e2e;--border-accent: #3d5afe;--accent-primary: #3d5afe;--accent-primary-hover: #536dfe;--accent-secondary: #00e5a0;--accent-secondary-hover: #1affb2;--success: #00e676;--success-bg: rgba(0, 230, 118, .1);--warning: #ffab40;--warning-bg: rgba(255, 171, 64, .1);--danger: #ff5252;--danger-bg: rgba(255, 82, 82, .1);--info: #40c4ff;--info-bg: rgba(64, 196, 255, .1);--price-best: #00e676;--price-best-bg: rgba(0, 230, 118, .12);--price-drop: #ff6e40;--price-drop-bg: rgba(255, 110, 64, .12);--badge-deal: linear-gradient(135deg, #3d5afe, #536dfe);--badge-best: linear-gradient(135deg, #00c853, #00e676);--badge-fast: linear-gradient(135deg, #ff6d00, #ffab40);--badge-value: linear-gradient(135deg, #aa00ff, #e040fb);--glow-accent: 0 0 20px rgba(61, 90, 254, .3);--glow-success: 0 0 20px rgba(0, 230, 118, .2)}[data-theme=light]{--bg-primary: #fafafa;--bg-secondary: #f0f0f5;--bg-tertiary: #e8e8f0;--bg-elevated: #ffffff;--bg-card: #ffffff;--bg-hover: #f0f0f5;--text-primary: #111118;--text-secondary: #555570;--text-tertiary: #888898;--text-inverse: #ffffff;--border-primary: #d8d8e5;--border-secondary: #e8e8f0;--border-accent: #3d5afe;--accent-primary: #3d5afe;--accent-primary-hover: #304ffe;--accent-secondary: #00c853;--accent-secondary-hover: #00b848;--success: #00c853;--success-bg: rgba(0, 200, 83, .08);--warning: #ff9100;--warning-bg: rgba(255, 145, 0, .08);--danger: #d50000;--danger-bg: rgba(213, 0, 0, .08);--info: #0091ea;--info-bg: rgba(0, 145, 234, .08);--price-best: #00c853;--price-best-bg: rgba(0, 200, 83, .1);--price-drop: #ff6d00;--price-drop-bg: rgba(255, 109, 0, .1);--badge-deal: linear-gradient(135deg, #3d5afe, #536dfe);--badge-best: linear-gradient(135deg, #00c853, #00e676);--badge-fast: linear-gradient(135deg, #ff6d00, #ffab40);--badge-value: linear-gradient(135deg, #7c4dff, #b388ff);--glow-accent: 0 0 20px rgba(61, 90, 254, .15);--glow-success: 0 0 20px rgba(0, 200, 83, .1);--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 30px rgba(0,0,0,.1);--shadow-xl: 0 12px 50px rgba(0,0,0,.15)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden;transition:background-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out)}#app{display:flex;flex-direction:column;min-height:100vh}#page-content{flex:1;width:100%;max-width:var(--max-width);margin:0 auto;padding:var(--space-lg) var(--space-md);padding-top:calc(var(--header-height) + var(--space-lg))}h1,h2,h3,h4,h5,h6{line-height:var(--lh-tight);color:var(--text-primary);font-weight:var(--fw-bold)}h1{font-size:var(--fs-3xl);letter-spacing:-.02em}h2{font-size:var(--fs-2xl);letter-spacing:-.015em}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-lg)}p{color:var(--text-secondary)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--accent-primary-hover)}button{font-family:var(--font-family);cursor:pointer;border:none;background:none;font-size:inherit;color:inherit}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}input,select,textarea{font-family:var(--font-family);font-size:var(--fs-base);color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}input:focus,select:focus,textarea:focus{border-color:var(--accent-primary);box-shadow:var(--glow-accent)}::-moz-selection{background:var(--accent-primary);color:var(--text-inverse)}::selection{background:var(--accent-primary);color:var(--text-inverse)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md)}.section{margin-bottom:var(--space-3xl)}.section-title{font-size:var(--fs-2xl);margin-bottom:var(--space-lg)}.section-subtitle{font-size:var(--fs-md);color:var(--text-secondary);margin-bottom:var(--space-xl)}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl)}#page-content{padding:var(--space-md) var(--space-sm);padding-top:calc(var(--header-height) + var(--space-md));padding-bottom:calc(var(--sticky-height) + var(--space-xl))}}@media (min-width: 769px) and (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:var(--fw-semibold);font-size:var(--fs-sm);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;text-decoration:none}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-primary-hover);box-shadow:var(--glow-accent);transform:translateY(-1px)}.btn-success{background:var(--accent-secondary);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn-success:hover{background:var(--accent-secondary-hover);box-shadow:var(--glow-success);transform:translateY(-1px)}.btn-outline{border:1px solid var(--border-primary);color:var(--text-primary);background:transparent}.btn-outline:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--bg-hover)}.btn-sm{padding:var(--space-2xs) var(--space-sm);font-size:var(--fs-xs)}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--fs-md)}.btn-icon{padding:var(--space-xs);border-radius:var(--radius-sm)}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--bg-secondary);border-bottom:1px solid var(--border-secondary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:100;display:flex;align-items:center}.header-inner{max-width:var(--max-width);width:100%;margin:0 auto;padding:0 var(--space-md);display:flex;align-items:center;gap:var(--space-lg)}.header-logo{font-size:var(--fs-lg);font-weight:var(--fw-extrabold);color:var(--text-primary);letter-spacing:-.02em;text-decoration:none;display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.header-logo .logo-icon{font-size:var(--fs-xl)}.header-search{flex:1;max-width:480px;position:relative}.header-search input{width:100%;padding:var(--space-xs) var(--space-md);padding-left:2.5rem;border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--border-secondary);font-size:var(--fs-sm)}.header-search input:focus{border-color:var(--accent-primary);box-shadow:var(--glow-accent)}.header-search .search-icon{position:absolute;left:var(--space-sm);top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:var(--fs-base);pointer-events:none}.search-results-dropdown{position:absolute;top:calc(100% + var(--space-xs));left:0;right:0;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:200;max-height:360px;overflow-y:auto;display:none}.search-results-dropdown.active{display:block}.search-result-item{padding:var(--space-sm) var(--space-md);display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;transition:background var(--duration-fast);text-decoration:none;color:var(--text-primary)}.search-result-item:hover,.search-result-item.active{background:var(--bg-hover)}.search-result-item .result-type{font-size:var(--fs-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;min-width:60px}.search-result-item .result-name{font-weight:var(--fw-medium)}.search-result-item .result-price{margin-left:auto;color:var(--accent-secondary);font-weight:var(--fw-semibold)}.header-nav{display:flex;align-items:center;gap:var(--space-xs)}.header-nav a,.header-nav button{padding:var(--space-xs) var(--space-sm);color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-medium);border-radius:var(--radius-sm);transition:color var(--duration-fast),background var(--duration-fast);text-decoration:none}.header-nav a:hover,.header-nav button:hover{color:var(--text-primary);background:var(--bg-hover)}.header-nav a.active{color:var(--accent-primary)}.theme-toggle{font-size:var(--fs-lg);padding:var(--space-xs);cursor:pointer}.mobile-menu-btn{display:none;font-size:var(--fs-xl);padding:var(--space-xs)}@media (max-width: 768px){.header-nav{display:none}.header-nav.mobile-open{display:flex;flex-direction:column;position:absolute;top:var(--header-height);left:0;right:0;background:var(--bg-elevated);border-bottom:1px solid var(--border-primary);padding:var(--space-md);box-shadow:var(--shadow-lg)}.mobile-menu-btn{display:block}.header-search{max-width:240px}}.card{background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.card:hover{border-color:var(--border-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-image{aspect-ratio:4/3;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.card-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;padding:var(--space-md)}.card-image .card-badges{position:absolute;top:var(--space-sm);left:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-2xs)}.card-body{padding:var(--space-md)}.card-brand{font-size:var(--fs-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2xs)}.card-title{font-size:var(--fs-base);font-weight:var(--fw-semibold);margin-bottom:var(--space-xs);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-title a{color:var(--text-primary);text-decoration:none}.card-title a:hover{color:var(--accent-primary)}.card-price-range{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--accent-secondary);margin-bottom:var(--space-xs)}.card-price-range .price-high{font-size:var(--fs-sm);color:var(--text-tertiary);font-weight:var(--fw-regular);text-decoration:line-through;margin-left:var(--space-2xs)}.card-meta{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--fs-xs);color:var(--text-tertiary)}.card-actions{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--border-secondary)}.save-btn{padding:var(--space-2xs) var(--space-xs);font-size:var(--fs-base);color:var(--text-tertiary);border-radius:var(--radius-sm);transition:all var(--duration-fast)}.save-btn:hover,.save-btn.saved{color:var(--danger)}.badge{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:2px var(--space-xs);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:#fff;white-space:nowrap}.badge-deal{background:var(--badge-deal)}.badge-best{background:var(--badge-best)}.badge-fast{background:var(--badge-fast)}.badge-value{background:var(--badge-value)}.badge-outline{background:transparent;border:1px solid currentColor}.price-table{width:100%;border-collapse:collapse;background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-secondary)}.price-table thead th{background:var(--bg-tertiary);padding:var(--space-sm) var(--space-md);text-align:left;font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-secondary)}.price-table tbody tr{border-bottom:1px solid var(--border-secondary);transition:background var(--duration-fast)}.price-table tbody tr:last-child{border-bottom:none}.price-table tbody tr:hover{background:var(--bg-hover)}.price-table tbody tr.best-price{background:var(--price-best-bg)}.price-table tbody td{padding:var(--space-md);vertical-align:middle}.price-table .retailer-cell{display:flex;align-items:center;gap:var(--space-sm);font-weight:var(--fw-medium)}.retailer-logo{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:var(--fw-bold)}.price-cell{font-size:var(--fs-xl);font-weight:var(--fw-bold)}.price-cell.best{color:var(--price-best)}.delivery-cell{font-size:var(--fs-sm);color:var(--text-secondary)}.availability-cell{font-size:var(--fs-sm)}.availability-cell .in-stock{color:var(--success)}.availability-cell .limited{color:var(--warning)}.availability-cell .out-of-stock{color:var(--danger)}.price-table .deal-cell{text-align:center}.view-deal-btn{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-xs) var(--space-md);background:var(--accent-primary);color:#fff;border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:var(--fw-semibold);transition:all var(--duration-fast) var(--ease-out);text-decoration:none}.view-deal-btn:hover{background:var(--accent-primary-hover);box-shadow:var(--glow-accent);transform:translateY(-1px);color:#fff}.view-deal-btn.best-deal{background:var(--accent-secondary);color:var(--text-inverse)}.view-deal-btn.best-deal:hover{background:var(--accent-secondary-hover);box-shadow:var(--glow-success)}@media (max-width: 768px){.price-table thead{display:none}.price-table tbody tr{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:var(--space-xs);padding:var(--space-md);border-bottom:1px solid var(--border-secondary)}.price-table tbody td{padding:0}.price-table .retailer-td{grid-column:1;grid-row:1}.price-table .price-td{grid-column:2;grid-row:1;text-align:right}.price-table .delivery-td{grid-column:1;grid-row:2}.price-table .action-td{grid-column:2;grid-row:2;text-align:right}.price-table .availability-td,.price-table .deal-td{display:none}}.trust-signals{display:flex;flex-wrap:wrap;gap:var(--space-md);padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-md)}.trust-signal{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--fs-sm);color:var(--text-secondary)}.trust-signal .trust-icon{font-size:var(--fs-base)}.trust-signal .trust-value{font-weight:var(--fw-semibold);color:var(--text-primary)}.savings-highlight{color:var(--success);font-weight:var(--fw-bold)}.faq-section{margin-top:var(--space-2xl)}.faq-item{border-bottom:1px solid var(--border-secondary)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;font-size:var(--fs-base);font-weight:var(--fw-medium);color:var(--text-primary);text-align:left;cursor:pointer;transition:color var(--duration-fast)}.faq-question:hover{color:var(--accent-primary)}.faq-question .faq-toggle{font-size:var(--fs-lg);transition:transform var(--duration-normal) var(--ease-out);color:var(--text-tertiary)}.faq-item.open .faq-toggle{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--duration-normal) var(--ease-out)}.faq-item.open .faq-answer{max-height:500px}.faq-answer-inner{padding-bottom:var(--space-md);color:var(--text-secondary);line-height:var(--lh-relaxed);font-size:var(--fs-sm)}.sticky-deal-bar{position:fixed;bottom:0;left:0;right:0;background:var(--bg-elevated);border-top:1px solid var(--border-primary);padding:var(--space-sm) var(--space-md);z-index:90;display:none;box-shadow:0 -4px 20px #0003}.sticky-deal-bar.visible{display:block}.sticky-deal-inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.sticky-deal-info{display:flex;flex-direction:column;gap:2px}.sticky-deal-label{font-size:var(--fs-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.sticky-deal-price{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--accent-secondary)}.sticky-deal-retailer{font-size:var(--fs-xs);color:var(--text-secondary)}.sticky-deal-btn{padding:var(--space-sm) var(--space-xl);background:var(--accent-secondary);color:var(--text-inverse);border-radius:var(--radius-md);font-weight:var(--fw-bold);font-size:var(--fs-base)}@media (min-width: 769px){.sticky-deal-bar{display:none!important}}.comparison-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.comparison-table{width:100%;border-collapse:collapse;min-width:600px;background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);overflow:hidden}.comparison-table th,.comparison-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-secondary);text-align:center;font-size:var(--fs-sm)}.comparison-table th{background:var(--bg-tertiary);font-weight:var(--fw-semibold)}.comparison-table th:first-child,.comparison-table td:first-child{text-align:left;font-weight:var(--fw-medium);color:var(--text-secondary);background:var(--bg-tertiary);position:sticky;left:0;z-index:1}.comparison-table tr:last-child td{border-bottom:none}.comparison-table .highlight{color:var(--accent-secondary);font-weight:var(--fw-semibold)}.site-footer{background:var(--bg-secondary);border-top:1px solid var(--border-secondary);padding:var(--space-3xl) var(--space-md);margin-top:var(--space-3xl)}.footer-inner{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-2xl)}.footer-brand{display:flex;flex-direction:column;gap:var(--space-md)}.footer-brand .footer-tagline{font-size:var(--fs-sm);color:var(--text-secondary);max-width:300px;line-height:var(--lh-relaxed)}.footer-privacy{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--success-bg);border:1px solid var(--success);border-radius:var(--radius-md);font-size:var(--fs-xs);color:var(--success);font-weight:var(--fw-medium)}.footer-section h4{font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:var(--space-md)}.footer-section ul{display:flex;flex-direction:column;gap:var(--space-xs)}.footer-section a{font-size:var(--fs-sm);color:var(--text-secondary);transition:color var(--duration-fast)}.footer-section a:hover{color:var(--text-primary)}.footer-bottom{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--border-secondary);text-align:center;font-size:var(--fs-xs);color:var(--text-tertiary)}@media (max-width: 768px){.footer-inner{grid-template-columns:1fr 1fr;gap:var(--space-xl)}.footer-brand{grid-column:1 / -1}}.sponsored-slot{background:var(--bg-card);border:1px dashed var(--border-primary);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center;position:relative}.sponsored-slot:before{content:"Sponsored";position:absolute;top:var(--space-xs);right:var(--space-sm);font-size:var(--fs-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-hover) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tabs{display:flex;gap:var(--space-xs);border-bottom:1px solid var(--border-secondary);margin-bottom:var(--space-lg);overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{padding:var(--space-sm) var(--space-md);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary);border-bottom:2px solid transparent;transition:all var(--duration-fast);white-space:nowrap;cursor:pointer}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.filter-pills{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-bottom:var(--space-lg)}.filter-pill{padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-medium);border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast)}.filter-pill:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.filter-pill.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.price-history-chart{background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-xl);position:relative;height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden}.price-history-chart .chart-placeholder{color:var(--text-tertiary);font-size:var(--fs-sm);text-align:center}.price-history-chart .chart-line{position:absolute;bottom:40px;left:var(--space-xl);right:var(--space-xl);height:80px}.price-history-chart svg{width:100%;height:100%}.price-history-chart .chart-line path{fill:none;stroke:var(--accent-primary);stroke-width:2}.price-history-chart .chart-line .area{fill:var(--accent-primary);opacity:.1}.empty-state{text-align:center;padding:var(--space-4xl) var(--space-xl)}.empty-state .empty-icon{font-size:3rem;margin-bottom:var(--space-md)}.empty-state .empty-title{font-size:var(--fs-lg);margin-bottom:var(--space-xs)}.empty-state .empty-text{font-size:var(--fs-sm);color:var(--text-tertiary);max-width:400px;margin:0 auto}.home-hero{text-align:center;padding:var(--space-4xl) 0 var(--space-3xl)}.home-hero h1{font-size:var(--fs-4xl);font-weight:var(--fw-extrabold);letter-spacing:-.03em;margin-bottom:var(--space-md);line-height:1.1}.home-hero h1 .accent{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-hero .hero-subtitle{font-size:var(--fs-md);color:var(--text-secondary);max-width:520px;margin:0 auto var(--space-xl)}.hero-search{max-width:560px;margin:0 auto;position:relative}.hero-search input{width:100%;padding:var(--space-md) var(--space-xl);padding-left:3rem;font-size:var(--fs-md);border-radius:var(--radius-full);border:2px solid var(--border-primary);background:var(--bg-card);box-shadow:var(--shadow-lg)}.hero-search input:focus{border-color:var(--accent-primary);box-shadow:var(--glow-accent),var(--shadow-lg)}.hero-search .search-icon{position:absolute;left:var(--space-lg);top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:var(--fs-lg)}.hero-stats{display:flex;justify-content:center;gap:var(--space-2xl);margin-top:var(--space-2xl)}.hero-stat{text-align:center}.hero-stat .stat-value{font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--accent-secondary)}.hero-stat .stat-label{font-size:var(--fs-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-3xl)}.category-card{background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-md);text-align:center;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-decoration:none;color:var(--text-primary)}.category-card:hover{border-color:var(--accent-primary);box-shadow:var(--glow-accent);transform:translateY(-3px)}.category-card .cat-icon{font-size:2.5rem;margin-bottom:var(--space-sm)}.category-card .cat-name{font-weight:var(--fw-semibold);font-size:var(--fs-base);margin-bottom:var(--space-2xs)}.category-card .cat-count{font-size:var(--fs-xs);color:var(--text-tertiary)}.top-deals-section{margin-bottom:var(--space-3xl)}.deals-scroll{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}@media (max-width: 768px){.home-hero{padding:var(--space-2xl) 0 var(--space-xl)}.home-hero h1{font-size:var(--fs-2xl)}.hero-stats{gap:var(--space-lg)}.categories-grid{grid-template-columns:repeat(2,1fr)}}.category-header{margin-bottom:var(--space-2xl)}.category-header h1{margin-bottom:var(--space-xs)}.category-header .category-desc{font-size:var(--fs-md);color:var(--text-secondary);max-width:700px}.buying-guide{background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-2xl)}.buying-guide h3{margin-bottom:var(--space-sm)}.buying-guide p{font-size:var(--fs-sm);line-height:var(--lh-relaxed)}.buying-guide ul{margin-top:var(--space-sm);padding-left:var(--space-lg);list-style:disc}.buying-guide li{font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:var(--space-2xs)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.brand-header{display:flex;align-items:center;gap:var(--space-xl);margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--border-secondary)}.brand-logo-box{width:80px;height:80px;background:var(--bg-tertiary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--accent-primary);flex-shrink:0}.brand-info h1{margin-bottom:var(--space-xs)}.brand-info p{font-size:var(--fs-sm);max-width:600px}.model-top{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);margin-bottom:var(--space-2xl);align-items:start}.model-image{aspect-ratio:1;background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;overflow:hidden}.model-image img{max-width:80%;max-height:80%;-o-object-fit:contain;object-fit:contain}.model-details{display:flex;flex-direction:column;gap:var(--space-md)}.model-details .model-brand{font-size:var(--fs-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.model-details h1{font-size:var(--fs-2xl);line-height:var(--lh-tight)}.model-details .model-number{font-size:var(--fs-sm);color:var(--text-tertiary)}.model-best-price{background:var(--price-best-bg);border:1px solid var(--price-best);border-radius:var(--radius-lg);padding:var(--space-lg)}.model-best-price .best-price-label{font-size:var(--fs-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2xs);display:flex;align-items:center;gap:var(--space-xs)}.model-best-price .best-price-value{font-size:var(--fs-3xl);font-weight:var(--fw-extrabold);color:var(--price-best);margin-bottom:var(--space-2xs)}.model-best-price .best-price-retailer{font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:var(--space-md)}.model-pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.pros-list,.cons-list{list-style:none}.pros-list li,.cons-list li{padding:var(--space-xs) 0;font-size:var(--fs-sm);color:var(--text-secondary);display:flex;gap:var(--space-xs)}.pros-list li:before{content:"✓";color:var(--success);font-weight:var(--fw-bold)}.cons-list li:before{content:"✗";color:var(--danger);font-weight:var(--fw-bold)}.model-section{margin-top:var(--space-2xl)}.model-section h2{margin-bottom:var(--space-md)}.specs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1px;background:var(--border-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);overflow:hidden}.spec-item{display:flex;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--bg-card)}.spec-item .spec-label{font-size:var(--fs-sm);color:var(--text-secondary)}.spec-item .spec-value{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-primary)}@media (max-width: 768px){.model-top{grid-template-columns:1fr}.model-image{max-height:300px}.model-pros-cons{grid-template-columns:1fr}}.deals-header{margin-bottom:var(--space-xl)}.deals-header h1{margin-bottom:var(--space-sm)}.deal-item{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-lg);align-items:center;padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-md);transition:all var(--duration-fast)}.deal-item:hover{border-color:var(--border-primary);box-shadow:var(--shadow-md)}.deal-image{width:80px;height:80px;background:var(--bg-tertiary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden}.deal-image img{max-width:90%;max-height:90%;-o-object-fit:contain;object-fit:contain}.deal-info h3{font-size:var(--fs-base);margin-bottom:var(--space-2xs)}.deal-info .deal-brand{font-size:var(--fs-xs);color:var(--text-tertiary)}.deal-pricing{text-align:right}.deal-pricing .deal-price{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--accent-secondary)}.deal-pricing .deal-original{font-size:var(--fs-sm);color:var(--text-tertiary);text-decoration:line-through}.deal-pricing .deal-savings{font-size:var(--fs-xs);color:var(--success);font-weight:var(--fw-semibold)}@media (max-width: 768px){.deal-item{grid-template-columns:auto 1fr}.deal-pricing{grid-column:1 / -1;text-align:left;display:flex;align-items:center;gap:var(--space-sm)}}.saved-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl)}.saved-count{font-size:var(--fs-sm);color:var(--text-tertiary)}