:root{--color-primary-50: #eef2ff;--color-primary-100: #e0e7ff;--color-primary-200: #c7d2fe;--color-primary-300: #a5b4fc;--color-primary-400: #818cf8;--color-primary-500: #6366f1;--color-primary-600: #4f46e5;--color-primary-700: #4338ca;--color-primary-800: #3730a3;--color-primary-900: #312e81;--color-accent-400: #22d3ee;--color-accent-500: #06b6d4;--color-accent-600: #0891b2;--color-bg-primary: #050a18;--color-bg-secondary: #0a1128;--color-bg-tertiary: #0f172a;--color-bg-card: rgba(15, 23, 42, .7);--color-bg-card-hover: rgba(30, 41, 69, .8);--color-bg-glass: rgba(255, 255, 255, .04);--color-bg-glass-hover: rgba(255, 255, 255, .08);--color-text-primary: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-text-accent: #22d3ee;--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .15);--color-border-accent: rgba(99, 102, 241, .3);--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-deal: #f97316;--gradient-primary: linear-gradient(135deg, #4f46e5 0%, #06b6d4 100%);--gradient-primary-subtle: linear-gradient(135deg, rgba(79, 70, 229, .15) 0%, rgba(6, 182, 212, .15) 100%);--gradient-hero: linear-gradient(180deg, rgba(5, 10, 24, 0) 0%, rgba(5, 10, 24, .6) 40%, rgba(5, 10, 24, .95) 100%);--gradient-card: linear-gradient(145deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.01) 100%);--gradient-glow: radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(79, 70, 229, .08), transparent 40%);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-hero: clamp(2.5rem, 5vw + 1rem, 4.5rem);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px rgba(79, 70, 229, .15);--shadow-glow-accent: 0 0 30px rgba(6, 182, 212, .15);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--nav-height: 72px;--container-max: 1280px;--container-padding: var(--space-xl)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-primary);overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:inherit;border:none;outline:none;background:none;color:inherit}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.section{padding:var(--space-4xl) 0;position:relative}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-badge{display:inline-block;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);background:var(--gradient-primary-subtle);border:1px solid var(--color-border-accent);font-size:var(--font-size-sm);font-weight:500;color:var(--color-primary-300);margin-bottom:var(--space-md)}.section-title{font-size:var(--font-size-4xl);font-weight:800;letter-spacing:-.02em;margin-bottom:var(--space-md);background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.glass-card{background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all var(--transition-base)}.glass-card:hover{background:var(--color-bg-glass-hover);border-color:var(--color-border-hover);box-shadow:var(--shadow-glow)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.accent{color:var(--color-accent-400);-webkit-text-fill-color:var(--color-accent-400)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-height);background:#050a18cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);transition:all var(--transition-base)}.navbar.scrolled{background:#050a18f2;box-shadow:var(--shadow-md)}.nav-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);display:flex;align-items:center;justify-content:space-between;height:100%}.nav-logo{display:flex;align-items:center;gap:var(--space-sm);z-index:10}.nav-logo-img{width:36px;height:36px;border-radius:var(--radius-sm);object-fit:cover}.nav-logo-text{font-size:var(--font-size-xl);font-weight:700;letter-spacing:-.02em}.nav-links{display:flex;align-items:center;gap:var(--space-lg)}.nav-link{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);transition:color var(--transition-fast);position:relative}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--transition-base)}.nav-link:hover{color:var(--color-text-primary)}.nav-link:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:var(--space-sm)}.btn-search-toggle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast)}.btn-search-toggle:hover{color:var(--color-text-primary);background:var(--color-bg-glass-hover)}.btn-mobile-menu{display:none;flex-direction:column;gap:5px;width:40px;height:40px;align-items:center;justify-content:center;border-radius:var(--radius-md);z-index:10}.btn-mobile-menu span{display:block;width:22px;height:2px;background:var(--color-text-secondary);border-radius:var(--radius-full);transition:all var(--transition-fast)}.btn-mobile-menu.active span:nth-child(1){transform:rotate(45deg) translateY(5px)}.btn-mobile-menu.active span:nth-child(2){opacity:0}.btn-mobile-menu.active span:nth-child(3){transform:rotate(-45deg) translateY(-5px)}.search-bar{position:absolute;top:var(--nav-height);left:0;right:0;padding:var(--space-md) var(--container-padding);background:#0a1128f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);transform:translateY(-100%);opacity:0;pointer-events:none;transition:all var(--transition-base)}.search-bar.active{transform:translateY(0);opacity:1;pointer-events:all}.search-bar-inner{max-width:640px;margin:0 auto;display:flex;align-items:center;gap:var(--space-md);background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-lg);color:var(--color-text-muted)}.search-bar-inner input{flex:1;font-size:var(--font-size-base);padding:var(--space-sm) 0}.search-bar-inner input::placeholder{color:var(--color-text-muted)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:var(--nav-height);overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-bg-img{width:100%;height:100%;object-fit:cover;opacity:.5}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-hero)}.hero-content{position:relative;z-index:1;max-width:var(--container-max);margin:0 auto;padding:var(--space-4xl) var(--container-padding);text-align:center}.hero-badge{display:inline-block;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);background:var(--gradient-primary-subtle);border:1px solid var(--color-border-accent);font-size:var(--font-size-sm);font-weight:500;color:var(--color-primary-200);margin-bottom:var(--space-xl);animation:fadeInUp .6s ease-out}.hero-title{font-size:var(--font-size-hero);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--space-xl);animation:fadeInUp .6s ease-out .1s both}.hero-subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);max-width:680px;margin:0 auto var(--space-2xl);line-height:1.7;animation:fadeInUp .6s ease-out .2s both}.hero-search{max-width:640px;margin:0 auto var(--space-3xl);animation:fadeInUp .6s ease-out .3s both}.hero-search-box{display:flex;align-items:center;gap:var(--space-md);background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-lg);transition:all var(--transition-base);color:var(--color-text-muted)}.hero-search-box:focus-within{border-color:var(--color-primary-500);box-shadow:var(--shadow-glow)}.hero-search-box input{flex:1;font-size:var(--font-size-base);padding:var(--space-md) 0}.hero-search-box input::placeholder{color:var(--color-text-muted)}.hero-search-btn{padding:var(--space-md) var(--space-xl);background:var(--gradient-primary);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;color:#fff;white-space:nowrap;transition:all var(--transition-fast)}.hero-search-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow)}.hero-popular{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-muted)}.tag{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);background:var(--color-bg-glass);border:1px solid var(--color-border);font-size:var(--font-size-xs);color:var(--color-text-secondary);transition:all var(--transition-fast)}.tag:hover{background:var(--color-bg-glass-hover);border-color:var(--color-primary-500);color:var(--color-primary-300)}.hero-stats{display:flex;justify-content:center;gap:var(--space-3xl);animation:fadeInUp .6s ease-out .4s both}.stat{text-align:center}.stat-number{display:block;font-size:var(--font-size-4xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.trending{background:var(--color-bg-secondary)}.deals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.deal-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);position:relative}.deal-card:hover{border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.deal-card-badge{position:absolute;top:var(--space-md);left:var(--space-md);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:700;color:#fff;z-index:2}.deal-card-badge.hot{background:var(--color-error)}.deal-card-badge.drop{background:var(--color-success)}.deal-card-badge.new{background:var(--color-primary-600)}.deal-card-image{width:100%;height:200px;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.deal-card-image .product-emoji{font-size:4rem;filter:grayscale(20%)}.deal-card-body{padding:var(--space-lg)}.deal-card-retailer{font-size:var(--font-size-xs);color:var(--color-text-accent);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.deal-card-title{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--space-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.deal-card-prices{display:flex;align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-sm)}.deal-price-current{font-size:var(--font-size-xl);font-weight:800;color:var(--color-success)}.deal-price-original{font-size:var(--font-size-sm);color:var(--color-text-muted);text-decoration:line-through}.deal-card-meta{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.deal-retailers-count{font-size:var(--font-size-xs);color:var(--color-text-muted)}.deal-compare-btn{font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary-400);transition:color var(--transition-fast)}.deal-compare-btn:hover{color:var(--color-primary-300)}.categories{background:var(--color-bg-primary)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-lg)}.category-card{background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);text-align:center;transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-primary-subtle);opacity:0;transition:opacity var(--transition-base)}.category-card:hover{border-color:var(--color-border-accent);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.category-card:hover:before{opacity:1}.category-icon{position:relative;font-size:2.5rem;margin-bottom:var(--space-md);display:block}.category-name{position:relative;font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--space-xs)}.category-count{position:relative;font-size:var(--font-size-xs);color:var(--color-text-muted)}.how-it-works{background:var(--color-bg-secondary)}.steps-grid{display:flex;align-items:flex-start;justify-content:center;gap:var(--space-lg)}.step-card{flex:1;max-width:320px;text-align:center;padding:var(--space-2xl) var(--space-xl);background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);position:relative}.step-number{position:absolute;top:var(--space-lg);right:var(--space-lg);font-size:var(--font-size-3xl);font-weight:800;color:var(--color-primary-600);opacity:.2}.step-icon{font-size:3rem;margin-bottom:var(--space-lg)}.step-card h3{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-sm)}.step-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.7}.step-connector{display:flex;align-items:center;padding-top:80px;color:var(--color-text-muted)}.retailers{background:var(--color-bg-primary);overflow:hidden}.retailers-marquee{position:relative;overflow:hidden;margin:0 calc(-1 * var(--container-padding));padding:var(--space-xl) 0}.retailers-marquee:before,.retailers-marquee:after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2}.retailers-marquee:before{left:0;background:linear-gradient(90deg,var(--color-bg-primary),transparent)}.retailers-marquee:after{right:0;background:linear-gradient(270deg,var(--color-bg-primary),transparent)}.retailers-track{display:flex;gap:var(--space-xl);animation:marquee 40s linear infinite;width:max-content}.retailer-badge{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);white-space:nowrap;flex-shrink:0;transition:all var(--transition-base)}.retailer-badge:hover{border-color:var(--color-border-hover);background:var(--color-bg-glass-hover)}.retailer-badge-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--gradient-primary-subtle);display:flex;align-items:center;justify-content:center;font-size:1rem}.retailer-badge-name{font-size:var(--font-size-sm);font-weight:600}.retailer-badge-country{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:var(--space-xs)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.retailers-cta{text-align:center;margin-top:var(--space-xl);font-size:var(--font-size-sm);color:var(--color-text-muted)}.link-accent{color:var(--color-accent-400);font-weight:600;transition:color var(--transition-fast)}.link-accent:hover{color:var(--color-accent-500)}.about{background:var(--color-bg-secondary)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);align-items:center}.about-content p{color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:1.8}.about-content .section-title{text-align:left}.about-features{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-top:var(--space-xl)}.about-feature{display:flex;gap:var(--space-md);align-items:flex-start}.about-feature-icon{font-size:1.5rem;flex-shrink:0}.about-feature strong{display:block;font-size:var(--font-size-sm);font-weight:600;margin-bottom:2px}.about-feature span{font-size:var(--font-size-xs);color:var(--color-text-muted)}.about-visual{display:flex;flex-direction:column;gap:var(--space-lg)}.about-card{padding:var(--space-xl) var(--space-2xl);text-align:center}.about-card-stat{font-size:var(--font-size-4xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-xs)}.about-card-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.contact{background:var(--color-bg-primary)}.contact-card{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-3xl);padding:var(--space-3xl)}.contact-content h2{font-size:var(--font-size-3xl);font-weight:800;margin-bottom:var(--space-md)}.contact-content p{color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.newsletter-form{display:flex;gap:var(--space-sm)}.newsletter-form input{flex:1;padding:var(--space-md) var(--space-lg);background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);transition:border-color var(--transition-fast)}.newsletter-form input::placeholder{color:var(--color-text-muted)}.newsletter-form input:focus{border-color:var(--color-primary-500)}.btn-primary{padding:var(--space-md) var(--space-xl);background:var(--gradient-primary);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;color:#fff;white-space:nowrap;transition:all var(--transition-fast);border:none}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow)}.form-note{font-size:var(--font-size-xs)!important;color:var(--color-text-muted)!important;margin-top:var(--space-sm)!important}.contact-info h3{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-xl)}.contact-items{display:flex;flex-direction:column;gap:var(--space-lg)}.contact-item{display:flex;gap:var(--space-md);align-items:flex-start}.contact-icon{font-size:1.25rem;flex-shrink:0}.contact-item strong{display:block;font-size:var(--font-size-sm);font-weight:600;margin-bottom:2px}.contact-item a,.contact-item span{font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:color var(--transition-fast)}.contact-item a:hover{color:var(--color-accent-400)}.footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--space-3xl) 0 var(--space-xl)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-3xl);margin-bottom:var(--space-3xl)}.footer-brand p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--space-md);line-height:1.7}.footer-social{display:flex;gap:var(--space-sm);margin-top:var(--space-lg)}.social-link{width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-bg-glass);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:700;transition:all var(--transition-fast)}.social-link:hover{border-color:var(--color-primary-500);background:var(--gradient-primary-subtle)}.footer-links h4{font-size:var(--font-size-sm);font-weight:700;margin-bottom:var(--space-lg);color:var(--color-text-primary)}.footer-links a{display:block;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-sm);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-text-primary)}.footer-bottom{padding-top:var(--space-xl);border-top:1px solid var(--color-border);text-align:center}.footer-bottom p{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-xs)}.affiliate-disclosure{max-width:700px;margin:var(--space-sm) auto 0;line-height:1.6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width: 1024px){.about-grid,.contact-card{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-2xl)}}@media (max-width: 768px){:root{--container-padding: var(--space-lg);--nav-height: 64px}.nav-links{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#050a18fa;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2xl);z-index:5}.nav-links.active{display:flex}.nav-link{font-size:var(--font-size-xl)}.btn-mobile-menu{display:flex}.hero-stats{flex-direction:column;gap:var(--space-xl)}.steps-grid{flex-direction:column;align-items:center}.step-connector{transform:rotate(90deg);padding-top:0}.about-features{grid-template-columns:1fr}.newsletter-form{flex-direction:column}.footer-grid{grid-template-columns:1fr;gap:var(--space-2xl)}.hero-search-box{flex-direction:column;padding:var(--space-md);gap:var(--space-sm);align-items:stretch}.hero-search-box svg{display:none}.hero-search-btn{text-align:center}.section-title{font-size:var(--font-size-3xl)}}@media (max-width: 480px){.categories-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.deals-grid{grid-template-columns:1fr}}.ph-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-base);pointer-events:none}.ph-overlay.active{opacity:1;pointer-events:all}.ph-overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ph-overlay-content{position:relative;width:90%;max-width:900px;max-height:85vh;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),var(--shadow-glow);overflow:hidden;transform:translateY(20px) scale(.97);transition:transform var(--transition-base)}.ph-overlay.active .ph-overlay-content{transform:translateY(0) scale(1)}.ph-overlay-close{position:absolute;top:var(--space-lg);right:var(--space-lg);width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-bg-glass);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);color:var(--color-text-secondary);z-index:10;transition:all var(--transition-fast)}.ph-overlay-close:hover{background:var(--color-bg-glass-hover);color:var(--color-text-primary);border-color:var(--color-border-hover)}.ph-overlay-body{max-height:85vh;overflow-y:auto;padding:var(--space-2xl);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.ph-overlay-body::-webkit-scrollbar{width:6px}.ph-overlay-body::-webkit-scrollbar-track{background:transparent}.ph-overlay-body::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.compare-view{max-width:800px;margin:0 auto}.compare-product-header{display:flex;gap:var(--space-xl);align-items:flex-start;margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border)}.compare-emoji{font-size:4rem;flex-shrink:0}.compare-product-info{flex:1}.compare-brand{display:inline-block;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent-400);margin-bottom:var(--space-xs)}.compare-title{font-size:var(--font-size-2xl);font-weight:700;line-height:1.3;margin-bottom:var(--space-sm)}.compare-meta-row{display:flex;flex-wrap:wrap;gap:var(--space-md)}.compare-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-bg-glass);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.compare-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-2xl)}.compare-summary-item{background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center}.compare-summary-label{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-xs)}.compare-summary-value{display:block;font-size:var(--font-size-xl);font-weight:800;color:var(--color-text-primary)}.compare-summary-value.best{color:var(--color-success)}.compare-summary-value.save{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.compare-section-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-lg)}.compare-table{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-xl)}.compare-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.compare-row:hover{background:var(--color-bg-glass-hover);border-color:var(--color-border-hover)}.compare-row.best-price{background:#10b98114;border-color:#10b98140}.compare-row.best-price:hover{background:#10b9811f}.compare-retailer{display:flex;align-items:center;gap:var(--space-md);flex:1}.compare-rank{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-muted);min-width:28px}.compare-retailer-name{font-size:var(--font-size-base);font-weight:600}.compare-best-badge{font-size:var(--font-size-xs);font-weight:700;color:var(--color-success);background:#10b98126;padding:2px var(--space-sm);border-radius:var(--radius-sm)}.compare-price-col{display:flex;align-items:baseline;gap:var(--space-sm);min-width:140px}.compare-price{font-size:var(--font-size-lg);font-weight:800}.best-price .compare-price{color:var(--color-success)}.compare-diff{font-size:var(--font-size-xs);color:var(--color-text-muted)}.compare-go-btn{padding:var(--space-sm) var(--space-lg);background:var(--gradient-primary);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;color:#fff;white-space:nowrap;transition:all var(--transition-fast);text-decoration:none}.compare-go-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow)}.compare-disclaimer{padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-bg-glass);border:1px solid var(--color-border)}.compare-disclaimer p{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.6;margin:0}.results-view{max-width:800px;margin:0 auto}.results-header{text-align:center;margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border)}.results-icon{font-size:3rem;display:block;margin-bottom:var(--space-md)}.results-header h2{font-size:var(--font-size-2xl);font-weight:800;margin-bottom:var(--space-sm)}.results-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.results-empty{text-align:center;padding:var(--space-4xl) 0;color:var(--color-text-secondary)}.results-empty p{margin-top:var(--space-md)}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg)}.result-card{display:flex;background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);cursor:pointer}.result-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.result-card-image{width:100px;min-height:100%;background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.result-card-image .product-emoji{font-size:2.5rem}.result-card-body{padding:var(--space-lg);flex:1;display:flex;flex-direction:column}.result-card-brand{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent-400);margin-bottom:2px}.result-card-title{font-size:var(--font-size-sm);font-weight:600;line-height:1.4;margin-bottom:var(--space-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.result-card-prices{display:flex;align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-sm)}.result-price-low{font-size:var(--font-size-base);font-weight:800;color:var(--color-success)}.result-price-high{font-size:var(--font-size-xs);color:var(--color-text-muted)}.result-card-footer{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.result-retailers{font-size:var(--font-size-xs);color:var(--color-text-muted)}.result-savings{font-size:var(--font-size-xs);font-weight:700;color:var(--color-deal)}.result-compare-btn{display:inline-block;padding:var(--space-sm) var(--space-md);background:var(--gradient-primary);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;color:#fff;margin-top:auto;transition:all var(--transition-fast);text-align:center}.result-compare-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow)}@media (max-width: 768px){.ph-overlay-content{width:95%;max-height:90vh;border-radius:var(--radius-lg)}.ph-overlay-body{padding:var(--space-lg)}.compare-product-header{flex-direction:column;gap:var(--space-md)}.compare-emoji{font-size:3rem}.compare-summary{grid-template-columns:repeat(2,1fr)}.compare-row{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.compare-price-col{min-width:auto}.results-grid{grid-template-columns:1fr}.result-card{flex-direction:column}.result-card-image{width:100%;height:80px}}