:root{--bg-app: #08080a;--bg-card: #121215;--bg-surface: #18181d;--bg-surface-hover: #22222a;--border-card: #272730;--border-card-hover: #3e3e4c;--border-subtle: #1c1c22;--text-primary: #ffffff;--text-secondary: #d4d4d8;--text-muted: #9ca3af;--color-primary: #ffffff;--color-primary-dark: #e4e4e7;--color-primary-light: #f4f4f5;--color-primary-50: #18181d;--color-primary-100: #272730;--color-secondary: #a1a1aa;--color-accent: #ffffff;--color-accent-dark: #e4e4e7;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-neutral-50: #08080a;--color-neutral-100: #121215;--color-neutral-200: #272730;--color-neutral-300: #3e3e4c;--color-neutral-400: #71717a;--color-neutral-500: #a1a1aa;--color-neutral-600: #d4d4d8;--color-neutral-700: #e4e4e7;--color-neutral-800: #f4f4f5;--color-neutral-900: #ffffff;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 6px 20px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 36px rgba(0, 0, 0, .65);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .85);--transition: .25s cubic-bezier(.4, 0, .2, 1);--theme-accent: #d4af37;--theme-accent-hover: #e6c55d;--theme-accent-fg: #08080a;--theme-accent-glow: rgba(212, 175, 55, .35);--theme-price: #d4af37;--theme-badge-bg: #d4af37;--theme-badge-fg: #08080a;--theme-hero-glow: radial-gradient(ellipse at 50% -10%, rgba(212, 175, 55, .14) 0%, transparent 65%);--theme-hero-title-gradient: linear-gradient(135deg, #ffffff 40%, #d4af37 100%);--bg-header: rgba(10, 10, 13, .94)}.theme-dark{--bg-app: #08080a;--bg-card: #121215;--bg-surface: #18181d;--bg-surface-hover: #22222a;--border-card: #272730;--border-card-hover: #d4af37;--border-subtle: #1c1c22;--text-primary: #ffffff;--text-secondary: #d4d4d8;--text-muted: #9ca3af;--color-primary: #d4af37;--color-primary-dark: #b89628;--theme-accent: #d4af37;--theme-accent-hover: #e5c158;--theme-accent-fg: #08080a;--theme-accent-glow: rgba(212, 175, 55, .38);--theme-price: #d4af37;--theme-badge-bg: #d4af37;--theme-badge-fg: #08080a;--theme-hero-glow: radial-gradient(ellipse at 50% -10%, rgba(212, 175, 55, .15) 0%, transparent 65%);--theme-hero-title-gradient: linear-gradient(135deg, #ffffff 35%, #d4af37 100%);--bg-header: rgba(10, 10, 13, .94)}.theme-light{--bg-app: #f5f6fa;--bg-card: #ffffff;--bg-surface: #edf0f7;--bg-surface-hover: #e2e6f0;--border-card: #d8deeb;--border-card-hover: #09090b;--border-subtle: #e4e8f2;--text-primary: #09090b;--text-secondary: #475569;--text-muted: #64748b;--color-primary: #09090b;--color-primary-dark: #18181b;--theme-accent: #09090b;--theme-accent-hover: #27272a;--theme-accent-fg: #ffffff;--theme-accent-glow: rgba(9, 9, 11, .18);--theme-price: #09090b;--theme-badge-bg: #09090b;--theme-badge-fg: #ffffff;--theme-hero-glow: radial-gradient(ellipse at 50% -10%, rgba(0, 0, 0, .05) 0%, transparent 65%);--theme-hero-title-gradient: linear-gradient(135deg, #09090b 40%, #52525b 100%);--bg-header: rgba(255, 255, 255, .94);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 6px 20px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 36px rgba(0, 0, 0, .12);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .16)}.theme-light .header{color:#09090b;border-bottom:1px solid #e2e8f0}.theme-light .header-brand-icon,.theme-light .footer-brand-icon{filter:drop-shadow(0 2px 6px rgba(0,0,0,.12))}.season-halloween{--color-primary: #ff7a00;--color-primary-dark: #ea580c;--theme-accent: #ff7a00;--theme-accent-hover: #fb923c;--theme-accent-fg: #080310;--theme-accent-glow: rgba(255, 122, 0, .45);--theme-price: #ff7a00;--theme-badge-bg: #a855f7;--theme-badge-fg: #ffffff;--theme-hero-glow: radial-gradient(ellipse at 50% -15%, rgba(255, 122, 0, .25) 0%, rgba(168, 85, 247, .14) 45%, transparent 75%);--theme-hero-title-gradient: linear-gradient(135deg, #ffffff 25%, #ff7a00 70%, #c084fc 100%)}.theme-light.season-halloween{--theme-accent-fg: #ffffff;--theme-hero-title-gradient: linear-gradient(135deg, #09090b 25%, #ea580c 70%, #7e22ce 100%)}.season-muertos{--color-primary: #ff7300;--color-primary-dark: #e11d74;--theme-accent: #ff7300;--theme-accent-hover: #ff9033;--theme-accent-fg: #0d0408;--theme-accent-glow: rgba(255, 115, 0, .45);--theme-price: #ff7300;--theme-badge-bg: #e11d74;--theme-badge-fg: #ffffff;--theme-hero-glow: radial-gradient(ellipse at 50% -15%, rgba(255, 115, 0, .25) 0%, rgba(225, 29, 116, .15) 45%, transparent 75%);--theme-hero-title-gradient: linear-gradient(135deg, #ffffff 25%, #ff7300 65%, #e11d74 100%)}.theme-light.season-muertos{--theme-accent-fg: #ffffff;--theme-hero-title-gradient: linear-gradient(135deg, #09090b 25%, #ea580c 65%, #be185d 100%)}.season-navidad{--color-primary: #d4af37;--color-primary-dark: #b89628;--theme-accent: #d4af37;--theme-accent-hover: #e5c158;--theme-accent-fg: #040e07;--theme-accent-glow: rgba(212, 175, 55, .45);--theme-price: #d4af37;--theme-badge-bg: #dc2626;--theme-badge-fg: #ffffff;--theme-hero-glow: radial-gradient(ellipse at 50% -15%, rgba(212, 175, 55, .22) 0%, rgba(220, 38, 38, .14) 45%, transparent 75%);--theme-hero-title-gradient: linear-gradient(135deg, #ffffff 25%, #d4af37 65%, #dc2626 100%)}.theme-light.season-navidad{--theme-accent-fg: #040e07;--theme-hero-title-gradient: linear-gradient(135deg, #09090b 25%, #b45309 65%, #dc2626 100%)}.season-sanvalentin{--color-primary: #f43f5e;--color-primary-dark: #e11d48;--theme-accent: #f43f5e;--theme-accent-hover: #fb7185;--theme-accent-fg: #ffffff;--theme-accent-glow: rgba(244, 63, 94, .45);--theme-price: #f43f5e;--theme-badge-bg: #be123c;--theme-badge-fg: #ffffff;--theme-hero-glow: radial-gradient(ellipse at 50% -15%, rgba(244, 63, 94, .24) 0%, rgba(251, 113, 133, .12) 45%, transparent 75%);--theme-hero-title-gradient: linear-gradient(135deg, #ffffff 25%, #f43f5e 70%, #fda4af 100%)}.theme-light.season-sanvalentin{--theme-hero-title-gradient: linear-gradient(135deg, #09090b 25%, #e11d48 70%, #f43f5e 100%)}.season-patrias{--color-primary: #16a34a;--color-primary-dark: #15803d;--theme-accent: #16a34a;--theme-accent-hover: #22c55e;--theme-accent-fg: #ffffff;--theme-accent-glow: rgba(22, 163, 74, .45);--theme-price: #16a34a;--theme-badge-bg: #dc2626;--theme-badge-fg: #ffffff;--theme-hero-glow: radial-gradient(ellipse at 50% -15%, rgba(22, 163, 74, .22) 0%, rgba(220, 38, 38, .14) 45%, transparent 75%);--theme-hero-title-gradient: linear-gradient(135deg, #22c55e 10%, #ffffff 50%, #ef4444 90%)}.theme-light.season-patrias{--theme-hero-title-gradient: linear-gradient(135deg, #15803d 15%, #09090b 50%, #b91c1c 85%)}.seasonal-decorations-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40;overflow:hidden}.seasonal-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.halloween-corner-web{position:absolute;top:0;width:90px;height:90px;color:#ff7a00}.halloween-corner-web.left{left:0}.halloween-corner-web.right{right:0}.halloween-pumpkin{position:absolute;top:72px;width:48px;height:48px;filter:drop-shadow(0 4px 12px rgba(234,88,12,.45))}.halloween-pumpkin.left{left:16px}.halloween-pumpkin.right{right:16px}.pumpkin-eye,.pumpkin-mouth{animation:pumpkinFlicker 3s infinite ease-in-out}@keyframes pumpkinFlicker{0%,to{fill:#fef08a;filter:drop-shadow(0 0 6px #ff7a00);opacity:.95}25%{fill:#fed7aa;filter:drop-shadow(0 0 2px #ea580c);opacity:.75}50%{fill:#fef08a;filter:drop-shadow(0 0 8px #ff7a00);opacity:1}75%{fill:#ffedd5;filter:drop-shadow(0 0 3px #ea580c);opacity:.8}}.halloween-ghost{position:absolute;top:35%;width:36px;height:48px;filter:drop-shadow(0 0 10px rgba(168,85,247,.35));animation:ghostFloat 6s ease-in-out infinite}.halloween-ghost.left{left:18px;animation-delay:0s}.halloween-ghost.right{right:18px;animation-delay:3s}@keyframes ghostFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-24px) rotate(4deg)}}.halloween-bat{position:absolute;top:14px;width:28px;height:14px;color:#c084fc;opacity:.65}.halloween-bat.bat-1{left:22%;animation:batSway 5s ease-in-out infinite}.halloween-bat.bat-2{right:24%;animation:batSway 6s ease-in-out infinite 1.5s}@keyframes batSway{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(5deg)}}.muertos-papel-picado{position:absolute;top:68px;left:0;width:100%;height:48px}.papel-picado-svg{width:100%;height:100%}.papel-flag{transform-origin:top center;animation:flagSway 4s ease-in-out infinite alternate}.flag-1{animation-delay:0s}.flag-2{animation-delay:.4s}.flag-3{animation-delay:.8s}.flag-4{animation-delay:1.2s}.flag-5{animation-delay:.3s}.flag-6{animation-delay:.9s}.flag-7{animation-delay:.5s}.flag-8{animation-delay:1.1s}.flag-9{animation-delay:.2s}.flag-10{animation-delay:.7s}.flag-11{animation-delay:1.3s}.flag-12{animation-delay:.6s}@keyframes flagSway{0%{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}.muertos-petals{position:absolute;top:0;right:0;bottom:0;left:0}.petal{position:absolute;top:-20px;width:10px;height:14px;background:#ff7300;border-radius:50% 50% 50% 0;opacity:.75;box-shadow:0 0 6px #ff730066;animation:petalFall 8s linear infinite}@keyframes petalFall{0%{transform:translateY(-20px) rotate(0);opacity:0}10%{opacity:.85}90%{opacity:.85}to{transform:translateY(105vh) rotate(360deg);opacity:0}}.muertos-calaverita{position:absolute;bottom:24px;width:44px;height:52px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5));opacity:.88}.muertos-calaverita.left{left:16px}.muertos-calaverita.right{right:16px}.navidad-lights-garland{position:absolute;top:68px;left:0;width:100%;height:36px}.lights-cable-svg{width:100%;height:100%}.navidad-bulbs-container{position:absolute;top:10px;left:0;right:0;height:20px}.navidad-bulb{position:absolute;width:12px;height:18px;display:flex;flex-direction:column;align-items:center;animation:bulbTwinkle 2.5s infinite ease-in-out}.bulb-socket{width:6px;height:4px;background:#1b4332;border-radius:2px 2px 0 0}.bulb-glass{width:10px;height:14px;border-radius:50% 50% 40% 40%}.bulb-gold .bulb-glass{background:#ffd166;box-shadow:0 0 10px #ffd166}.bulb-ruby .bulb-glass{background:#e63946;box-shadow:0 0 10px #e63946}.bulb-emerald .bulb-glass{background:#2ec4b6;box-shadow:0 0 10px #2ec4b6}.bulb-warm .bulb-glass{background:#fff1e6;box-shadow:0 0 10px #fff1e6}@keyframes bulbTwinkle{0%,to{opacity:.95;transform:scale(1)}50%{opacity:.45;transform:scale(.88)}}.navidad-snowflakes{position:absolute;top:0;right:0;bottom:0;left:0}.snowflake{position:absolute;top:-20px;color:#e2e8f0;opacity:.8;font-size:14px;text-shadow:0 0 6px rgba(255,255,255,.6);animation:snowDrift 9s linear infinite}@keyframes snowDrift{0%{transform:translateY(-20px) translate(0);opacity:0}15%{opacity:.85}85%{opacity:.85}to{transform:translateY(105vh) translate(30px);opacity:0}}.navidad-tree{position:absolute;bottom:24px;width:44px;height:60px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4));opacity:.9}.navidad-tree.left{left:16px}.navidad-tree.right{right:16px}.valentin-garland{position:absolute;top:68px;left:0;width:100%;height:32px}.valentin-garland-svg{width:100%;height:100%}.valentin-garland-hearts{position:absolute;top:10px;left:0;right:0}.valentin-garland-heart{position:absolute;animation:heartPulse 3s infinite ease-in-out;filter:drop-shadow(0 0 8px rgba(244,63,94,.5))}@keyframes heartPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.18);opacity:1}}.valentin-floating-hearts{position:absolute;top:0;right:0;bottom:0;left:0}.heart-floater{position:absolute;bottom:0;opacity:.8;animation:floatUpHearts 10s linear infinite;filter:drop-shadow(0 0 8px rgba(244,63,94,.4))}@keyframes floatUpHearts{0%{transform:translateY(0) scale(.9);opacity:0}15%{opacity:.85}85%{opacity:.85}to{transform:translateY(-105vh) scale(1.15);opacity:0}}.valentin-corner{position:absolute;bottom:20px;width:40px;height:40px;opacity:.8}.valentin-corner.left{left:16px}.valentin-corner.right{right:16px}.patrias-papel-picado{position:absolute;top:68px;left:0;width:100%;height:48px}.patrias-cable-svg{width:100%;height:100%}.patria-green{animation:flagSway 4s ease-in-out infinite alternate}.patria-white{animation:flagSway 4s ease-in-out infinite alternate .5s}.patria-red{animation:flagSway 4s ease-in-out infinite alternate 1s}.patrias-sparkle{position:absolute;top:76px;width:32px;height:32px;animation:sparkleTwinkle 2.5s infinite ease-in-out}.patrias-sparkle.left{left:24px}.patrias-sparkle.right{right:24px;animation-delay:1.2s}@keyframes sparkleTwinkle{0%,to{transform:scale(.85) rotate(0);opacity:.5}50%{transform:scale(1.15) rotate(20deg);opacity:1}}@media (max-width: 768px){.halloween-ghost,.halloween-pumpkin,.muertos-calaverita,.navidad-tree,.valentin-corner,.heart-floater:nth-child(2n),.petal:nth-child(2n),.snowflake:nth-child(2n){display:none!important}}@media (prefers-reduced-motion: reduce){.pumpkin-eye,.pumpkin-mouth,.halloween-ghost,.halloween-bat,.papel-flag,.patria-green,.patria-white,.patria-red,.petal,.navidad-bulb,.snowflake,.valentin-garland-heart,.heart-floater,.patrias-sparkle{animation:none!important}}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}*:focus-visible{outline:2px solid #ffffff!important;outline-offset:3px!important}.visually-hidden{position:absolute;clip-path:inset(50%);overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap}html,body{overflow-x:hidden;width:100%;max-width:100vw}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-app);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{line-height:1.2;font-weight:700;color:var(--text-primary)}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none}img{display:block;max-width:100%}input,select,textarea{font-family:inherit}.app-container{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-app);background-image:var(--theme-hero-glow, none);background-repeat:no-repeat;background-position:top center;background-size:100% 700px;overflow-x:hidden;width:100%;max-width:100vw;transition:background-color .3s ease}.main-content{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:24px 20px}@media (max-width: 768px){.main-content{padding:10px 6px 84px;width:100%;overflow-x:hidden}}.header{background:var(--bg-header, rgba(10, 10, 13, .94));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-card);color:var(--text-primary);padding:0 24px;height:74px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;position:sticky;top:0;z-index:100;gap:28px}.header-brand-container{display:flex;align-items:center;justify-content:flex-start;flex-shrink:0}.header-search-container{display:flex;align-items:center;justify-content:center;width:100%;max-width:620px;margin:0 auto}.header-right{display:flex;align-items:center;justify-content:flex-end;min-width:0;flex-shrink:0}.header-mobile-tools{display:none}.header-brand-lockup{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 12px;border-radius:var(--radius-md);transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .2s ease}.header-brand-lockup:hover{opacity:.92;transform:translateY(-1px)}.header-brand-lockup:hover .vexa-emblem-wrapper{transform:scale(1.04)}.header-search{flex:1;max-width:440px;position:relative}.header-search input{width:100%;padding:10px 16px 10px 42px;border-radius:var(--radius-md);border:1px solid var(--border-card);background:var(--bg-surface);color:var(--text-primary);font-size:14px;outline:none;transition:var(--transition)}.header-search input::placeholder{color:var(--text-muted)}.header-search input:focus{background:var(--bg-surface-hover);border-color:#fff;box-shadow:0 0 0 2px #ffffff1f}.header-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted);pointer-events:none}.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.header-tool-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 11px;border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-card);color:var(--text-secondary);font-size:13px;font-weight:600;transition:var(--transition);cursor:pointer;white-space:nowrap}.header-tool-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border-card-hover)}.header-btn{position:relative;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;font-weight:500;transition:var(--transition);white-space:nowrap}.header-btn:hover{background:var(--bg-surface);color:var(--text-primary)}.header-btn svg{width:20px;height:20px}.cart-badge{position:absolute;top:2px;right:2px;background:var(--theme-accent, #ffffff);color:var(--theme-accent-fg, #09090b);font-size:11px;font-weight:900;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 8px var(--theme-accent-glow, rgba(0, 0, 0, .4))}@media (max-width: 768px){.header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:10px 14px 12px;height:auto;min-height:64px;gap:10px}.header-brand-container{order:1;display:flex;align-items:center}.header-mobile-tools{order:2;display:flex;align-items:center;gap:8px}.header-search-container{order:3;width:100%;max-width:100%;margin:0}.header-brand-lockup{margin:0;padding:2px 0}.header-right{display:none!important}.header-search{width:100%;max-width:100%;margin:0}.header-search input{height:38px;padding:8px 12px 8px 34px;font-size:13px}.header-search svg{left:10px;width:15px;height:15px}.header-btn{display:none!important}.header-tool-btn{padding:6px 9px;font-size:12px;height:34px}}.category-bar{display:flex;gap:8px;overflow-x:auto;padding:4px 0 22px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-bar::-webkit-scrollbar{display:none}.category-chip{padding:8px 20px;border-radius:999px;background:var(--bg-card);color:var(--text-secondary);font-size:14px;font-weight:500;white-space:nowrap;transition:var(--transition);border:1px solid var(--border-card);flex-shrink:0}.category-chip:hover{border-color:var(--border-card-hover);color:var(--text-primary);background:var(--bg-surface)}.category-chip.active{background:var(--theme-accent, #ffffff);color:var(--theme-accent-fg, #09090b);border-color:var(--theme-accent, #ffffff);font-weight:700;box-shadow:0 0 18px var(--theme-accent-glow, rgba(255, 255, 255, .25))}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;padding-bottom:40px}.product-card{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:var(--transition);border:1px solid var(--border-card);display:flex;flex-direction:column}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 20px var(--theme-accent-glow, transparent);border-color:var(--border-card-hover)}.product-card-image-wrap{overflow:hidden;position:relative;background:#fff;border-radius:12px 12px 0 0;aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:14px}.product-card-image{width:100%;height:100%;aspect-ratio:1;object-fit:contain;object-position:center;background:transparent;image-rendering:-webkit-optimize-contrast;transition:transform .35s cubic-bezier(.16,1,.3,1)}.product-card:hover .product-card-image{transform:scale(1.06)}.product-card-body{padding:16px;display:flex;flex-direction:column;gap:6px;flex:1}.product-card-brand{font-size:11px;color:var(--text-secondary);font-weight:700;text-transform:uppercase;letter-spacing:1px}.product-card-name{font-size:15px;font-weight:600;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}.product-card-rating{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text-muted)}.product-card-rating .stars{color:#fff;font-size:14px;letter-spacing:1px}.product-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px}.product-card-price{font-size:18px;font-weight:800;color:var(--theme-price, var(--text-primary));display:inline-flex;align-items:baseline;gap:3px;font-variant-numeric:tabular-nums}.price-currency{font-size:12px;font-weight:600;color:var(--text-secondary)}.rating-score{font-weight:600}.product-card-actions{display:flex;align-items:center;gap:6px}.product-card-color-dot{width:12px;height:12px;border-radius:50%;border:1px solid var(--color-neutral-300);flex-shrink:0}.product-card-add-btn{background:var(--theme-accent, #ffffff);color:var(--theme-accent-fg, #09090b);width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0}.product-card-add-btn:hover{background:var(--theme-accent-hover, #e4e4e7);transform:scale(1.1);box-shadow:0 0 16px var(--theme-accent-glow, rgba(255, 255, 255, .35))}.product-card-add-btn svg{width:20px;height:20px}.section-title{font-size:22px;font-weight:800;margin-bottom:20px;display:flex;align-items:center;gap:10px;color:var(--text-primary)}.section-title:before{content:"";width:4px;height:20px;background:var(--theme-accent, #ffffff);border-radius:2px;box-shadow:0 0 10px var(--theme-accent-glow, rgba(255, 255, 255, .4))}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:16px 0 40px}@media (max-width: 768px){.product-detail{grid-template-columns:1fr;gap:24px}}.product-detail-image{width:100%;max-height:520px;border-radius:var(--radius-xl);aspect-ratio:1;object-fit:contain;object-position:center;background:#fff;padding:24px;border:1px solid var(--border-card);box-shadow:var(--shadow-md);image-rendering:-webkit-optimize-contrast}@media (max-width: 768px){.product-detail-image{padding:14px;max-height:360px;border-radius:16px}}.product-detail-info{display:flex;flex-direction:column;gap:16px}.product-detail-brand{font-size:13px;color:var(--text-secondary);font-weight:700;text-transform:uppercase;letter-spacing:1.5px;transition:var(--transition)}.product-detail-brand:hover{color:#fff}.product-detail-name{font-size:28px;font-weight:800;line-height:1.25;color:var(--text-primary)}.product-detail-rating{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.product-detail-rating .stars{color:#fff;font-size:16px;letter-spacing:1px}.product-detail-price{font-size:32px;font-weight:800;color:var(--text-primary)}.product-detail-description{font-size:15px;color:var(--text-secondary);line-height:1.6}.product-detail-label{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.color-options{display:flex;gap:10px;flex-wrap:wrap}.color-option{padding:8px 18px;border-radius:var(--radius-md);border:1px solid var(--border-card);background:var(--bg-card);font-size:14px;font-weight:500;color:var(--text-secondary);transition:var(--transition)}.color-option:hover{border-color:var(--border-card-hover);color:var(--text-primary);background:var(--bg-surface)}.color-option.active{border-color:var(--theme-accent, #ffffff);background:var(--theme-accent, #ffffff);color:var(--theme-accent-fg, #09090b);font-weight:700;box-shadow:0 0 16px var(--theme-accent-glow, rgba(255, 255, 255, .2))}.product-detail-actions{display:flex;gap:12px;margin-top:8px}@media (max-width: 480px){.product-detail-actions{flex-direction:column}}.btn-primary{background:var(--theme-accent, #ffffff);color:var(--theme-accent-fg, #09090b);padding:14px 28px;border-radius:var(--radius-md);font-size:15px;font-weight:700;transition:var(--transition);flex:1;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--theme-accent, #ffffff);box-shadow:0 4px 14px var(--theme-accent-glow, rgba(255, 255, 255, .15))}.btn-primary:hover{background:var(--theme-accent-hover, #e4e4e7);border-color:var(--theme-accent-hover, #e4e4e7);color:var(--theme-accent-fg, #09090b);box-shadow:0 6px 20px var(--theme-accent-glow, rgba(255, 255, 255, .35));transform:translateY(-1px)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);padding:14px 28px;border-radius:var(--radius-md);font-size:15px;font-weight:600;border:1px solid var(--border-card);transition:var(--transition);flex:1;display:flex;align-items:center;justify-content:center;gap:8px}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--border-card-hover);color:#fff}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-accent{background:var(--theme-accent, #ffffff);color:var(--theme-accent-fg, #09090b);padding:14px 28px;border-radius:var(--radius-md);font-size:15px;font-weight:700;transition:var(--transition);border:1px solid var(--theme-accent, #ffffff);box-shadow:0 4px 14px var(--theme-accent-glow, rgba(255, 255, 255, .15))}.btn-accent:hover{background:var(--theme-accent-hover, #e4e4e7);border-color:var(--theme-accent-hover, #e4e4e7);box-shadow:0 6px 20px var(--theme-accent-glow, rgba(255, 255, 255, .35))}.reviews-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--border-card)}.review-item{padding:16px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);margin-bottom:12px}.review-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.review-avatar{width:36px;height:36px;border-radius:50%;background:var(--bg-surface);color:#fff;border:1px solid var(--border-card);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.review-name{font-weight:600;font-size:14px;color:var(--text-primary)}.review-stars{color:#fff;font-size:14px}.review-text{font-size:14px;color:var(--text-secondary);line-height:1.5}.cart-page{padding:16px 0 40px}.cart-page-title{font-size:28px;font-weight:800;margin-bottom:24px;color:var(--text-primary)}.cart-empty{text-align:center;padding:60px 20px;color:var(--text-muted)}.cart-empty svg{width:64px;height:64px;margin:0 auto 16px;opacity:.4;color:var(--text-muted)}.cart-empty h3{font-size:20px;color:var(--text-primary);margin-bottom:8px}.cart-empty p{margin-bottom:20px;color:var(--text-secondary)}.cart-items{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.cart-item{display:flex;gap:16px;background:var(--bg-card);border-radius:var(--radius-lg);padding:16px;border:1px solid var(--border-card);transition:var(--transition)}.cart-item:hover{border-color:var(--border-card-hover);box-shadow:var(--shadow-sm)}.cart-item-image{width:100px;height:100px;border-radius:var(--radius-md);object-fit:contain;padding:6px;flex-shrink:0;background:#fff;border:1px solid var(--border-card)}.cart-item-info{flex:1;display:flex;flex-direction:column;gap:4px}.cart-item-brand{font-size:11px;color:var(--text-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.cart-item-name{font-size:16px;font-weight:600;color:var(--text-primary)}.cart-item-color{font-size:13px;color:var(--text-muted)}.cart-item-price{font-size:18px;font-weight:800;margin-top:4px;color:var(--text-primary)}.cart-item-controls{display:flex;align-items:center;gap:12px;margin-top:auto}.qty-btn{width:32px;height:32px;border-radius:8px;background:var(--bg-surface);border:1px solid var(--border-card);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:var(--text-primary);transition:var(--transition)}.qty-btn:hover{background:var(--bg-surface-hover);border-color:var(--border-card-hover)}.qty-value{font-size:16px;font-weight:600;color:var(--text-primary);min-width:24px;text-align:center}.cart-item-remove{color:var(--color-error);font-size:13px;font-weight:500;display:flex;align-items:center;gap:4px;transition:var(--transition);margin-left:auto}.cart-item-remove:hover{opacity:.7}.cart-item-remove svg{width:16px;height:16px}.cart-summary{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--border-card);max-width:400px;margin-left:auto}.cart-summary-row{display:flex;justify-content:space-between;font-size:15px;padding:8px 0;color:var(--text-secondary)}.cart-summary-total{display:flex;justify-content:space-between;font-size:20px;font-weight:800;padding:16px 0 8px;margin-top:8px;border-top:1px solid var(--border-card);color:var(--text-primary)}.cart-checkout-btn{width:100%;margin-top:16px}.auth-page{min-height:calc(100vh - 68px);display:flex;align-items:center;justify-content:center;padding:40px 16px}.auth-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:40px;max-width:420px;width:100%;border:1px solid var(--border-card);box-shadow:var(--shadow-xl)}@media (max-width: 768px){.auth-page{padding:24px 16px 100px;min-height:calc(100vh - 60px);width:100%}.auth-card{padding:28px 20px;border-radius:var(--radius-lg);max-width:100%;margin:0 auto;box-shadow:0 8px 30px #00000073}.auth-title{font-size:22px}.auth-subtitle{font-size:14px;margin-bottom:20px}}.auth-title{font-size:26px;font-weight:800;text-align:center;margin-bottom:8px;color:var(--text-primary)}.auth-subtitle{font-size:15px;color:var(--text-secondary);text-align:center;margin-bottom:28px}.auth-field{margin-bottom:16px}.auth-field label{display:block;font-size:14px;font-weight:600;margin-bottom:6px;color:var(--text-primary)}.auth-field input,.auth-field select{width:100%;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border-card);background:var(--bg-surface);color:var(--text-primary);font-size:15px;outline:none;transition:var(--transition)}.auth-field input:focus,.auth-field select:focus{border-color:#fff;background:var(--bg-surface-hover);box-shadow:0 0 0 2px #ffffff1f}.auth-error{background:#ef44441f;color:#f87171;padding:12px 16px;border-radius:var(--radius-md);font-size:14px;margin-bottom:16px;border:1px solid rgba(239,68,68,.3)}.auth-success{background:#22c55e1f;color:#4ade80;padding:12px 16px;border-radius:var(--radius-md);font-size:14px;margin-bottom:16px;border:1px solid rgba(34,197,94,.3)}.auth-divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:var(--text-muted);font-size:13px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-card)}.auth-google-btn{width:100%;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border-card);background:var(--bg-surface);font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;transition:var(--transition);color:var(--text-primary)}.auth-google-btn:hover{background:var(--bg-surface-hover);border-color:var(--border-card-hover)}.auth-google-btn svg{width:20px;height:20px}.auth-switch{text-align:center;font-size:14px;color:var(--text-secondary);margin-top:20px}.auth-switch a{color:#fff;font-weight:600;text-decoration:underline}.auth-back{text-align:center;margin-top:16px;font-size:14px}.auth-back a{color:var(--text-muted)}.auth-back a:hover{color:#fff}.brand-header{background:var(--bg-card);border-radius:var(--radius-xl);padding:32px;margin-bottom:24px;border:1px solid var(--border-card)}.brand-header h1{font-size:28px;margin-bottom:8px;color:var(--text-primary)}.brand-header p{font-size:15px;color:var(--text-secondary);max-width:600px}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--text-secondary);margin-bottom:16px;transition:var(--transition)}.back-link:hover{color:#fff}.back-link svg{width:16px;height:16px}.loading{text-align:center;padding:60px 20px;color:var(--text-secondary)}.spinner{width:40px;height:40px;border:4px solid var(--border-card);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--bg-surface);border:1px solid var(--border-card);color:#fff;padding:14px 24px;border-radius:var(--radius-md);font-size:14px;font-weight:500;box-shadow:var(--shadow-xl);z-index:1000;animation:toastIn .3s ease;display:flex;align-items:center;gap:8px}.toast.success{background:#0f291e;border-color:#166534;color:#4ade80}.toast.error{background:#2b1212;border-color:#991b1b;color:#f87171}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.footer{background:#050507;border-top:1px solid var(--border-card);color:var(--text-muted);padding:44px 20px 32px;text-align:center;font-size:14px;margin-top:auto}@media (max-width: 768px){.footer{padding:36px 16px 100px}}.footer-brand-lockup{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:16px}.footer-brand-icon{height:48px;width:auto;object-fit:contain;filter:none}.footer-brand-title{font-family:Inter,-apple-system,sans-serif;font-size:20px;font-weight:900;letter-spacing:6px;text-transform:uppercase;color:#fff;padding-left:6px}.footer-brand-tagline{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--text-muted)}.footer-copy{color:var(--text-muted);font-size:13px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-xl);padding:32px;max-width:460px;width:100%;box-shadow:var(--shadow-xl);animation:modalIn .3s ease}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-title{font-size:22px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.modal-body{font-size:15px;color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.modal-actions{display:flex;gap:12px}.modal-actions button{flex:1}.legal-page-container{max-width:860px;margin:0 auto;padding:24px 16px 64px}.legal-content{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-xl);padding:40px 32px;box-shadow:var(--shadow-lg)}@media (max-width: 640px){.legal-content{padding:24px 18px}}.legal-header{border-bottom:1px solid var(--border-subtle);padding-bottom:24px;margin-bottom:32px}.legal-badge{display:inline-block;background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:#fff;font-size:11px;font-weight:700;padding:4px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.legal-title{font-size:28px;font-weight:900;color:#fff;margin-bottom:8px;letter-spacing:-.5px}.legal-subtitle{font-size:13px;color:var(--text-muted)}.legal-section{margin-bottom:32px}.legal-section h2{font-size:19px;font-weight:700;color:#fff;margin-bottom:12px}.legal-section h3{font-size:15px;font-weight:600;color:#f4f4f5;margin:16px 0 8px}.legal-section p{font-size:14.5px;line-height:1.75;color:var(--text-secondary);margin-bottom:14px}.legal-section ul,.legal-section ol{padding-left:22px;margin-bottom:16px;color:var(--text-secondary);font-size:14.5px;line-height:1.75}.legal-section li{margin-bottom:8px}.legal-section a{color:#fff;text-decoration:underline;text-underline-offset:3px}.legal-callout{background:#ffffff08;border-left:4px solid #ffffff;border-top:1px solid var(--border-card);border-right:1px solid var(--border-card);border-bottom:1px solid var(--border-card);padding:16px 20px;border-radius:0 var(--radius-md) var(--radius-md) 0;margin:20px 0}.legal-callout p{margin-bottom:0}.cookie-table-container{overflow-x:auto;margin:20px 0;border:1px solid var(--border-card);border-radius:var(--radius-md)}.cookie-table{width:100%;border-collapse:collapse;font-size:13.5px;text-align:left}.cookie-table th{background:var(--bg-surface);color:#fff;padding:12px 16px;border-bottom:1px solid var(--border-card);font-weight:700}.cookie-table td{padding:14px 16px;border-bottom:1px solid var(--border-card);color:var(--text-secondary);vertical-align:top;line-height:1.6}.cookie-table tr:last-child td{border-bottom:none}.badge-essential{display:inline-block;background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3);padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:600}.badge-optional{display:inline-block;background:#ffffff14;color:#d4d4d8;border:1px solid rgba(255,255,255,.15);padding:2px 8px;border-radius:999px;font-size:11.5px}.legal-consent-box{margin:16px 0;padding:14px;background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-md)}.legal-checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:13px;line-height:1.5;color:var(--text-secondary)}.legal-checkbox{width:18px;height:18px;margin-top:2px;accent-color:#ffffff;cursor:pointer;flex-shrink:0}.legal-inline-link{color:#fff;text-decoration:underline;text-underline-offset:2px;font-weight:600}.legal-inline-link:hover{color:#e4e4e7}.auth-switch-link-btn{background:none;border:none;color:#fff;text-decoration:underline;cursor:pointer;font-size:inherit;font-family:inherit;padding:0;font-weight:600}.auth-switch-link-btn:hover{color:#d4d4d8}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:999;background:#0e0e12f5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border-card-hover);padding:16px 24px;box-shadow:0 -8px 36px #000000b3;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cookie-banner-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.cookie-banner-text{display:flex;align-items:flex-start;gap:14px;flex:1 1 520px}.cookie-icon{font-size:26px;flex-shrink:0}.cookie-title{font-size:15px;font-weight:700;color:#fff;margin-bottom:4px}.cookie-desc{font-size:13px;color:var(--text-secondary);line-height:1.5}.cookie-link{color:#fff;text-decoration:underline;text-underline-offset:2px}.cookie-banner-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.cookie-btn{padding:10px 18px;font-size:13px;font-weight:700;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);font-family:inherit}.cookie-btn-primary{background:#fff;color:#09090b;border:1px solid #ffffff}.cookie-btn-primary:hover{background:#e4e4e7;transform:translateY(-1px)}.cookie-btn-secondary{background:transparent;color:#fff;border:1px solid var(--border-card-hover)}.cookie-btn-secondary:hover{background:var(--bg-surface);border-color:#fff}.cookie-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease}.cookie-modal-content{background:var(--bg-card);border:1px solid var(--border-card-hover);border-radius:var(--radius-xl);max-width:580px;width:100%;max-height:90vh;overflow-y:auto;padding:28px;box-shadow:var(--shadow-xl);animation:modalIn .25s ease}.cookie-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cookie-modal-header h2{font-size:20px;font-weight:800;color:#fff}.cookie-modal-close{background:none;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:color .15s}.cookie-modal-close:hover{color:#fff}.cookie-modal-desc{font-size:13.5px;color:var(--text-secondary);margin-bottom:20px;line-height:1.5}.cookie-option-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.cookie-option-item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:16px}.cookie-option-info{flex:1}.cookie-option-title-wrap{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.cookie-option-title{font-size:14px;font-weight:700;color:#fff}.cookie-badge-required{font-size:11px;font-weight:700;color:#4ade80;background:#22c55e26;border:1px solid rgba(34,197,94,.3);padding:1px 8px;border-radius:999px}.cookie-option-text{font-size:12.5px;color:var(--text-secondary);line-height:1.45}.cookie-checkbox{width:20px;height:20px;accent-color:#ffffff;cursor:pointer;flex-shrink:0;margin-top:2px}.cookie-toggle-label{display:flex;align-items:center;cursor:pointer}.cookie-modal-footer{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;border-top:1px solid var(--border-subtle);padding-top:16px}.footer-business-box{margin:20px auto 28px;padding:20px;background:#ffffff05;border:1px solid var(--border-card);border-radius:var(--radius-lg);max-width:720px;text-align:center}.footer-business-title{font-size:12px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px}.footer-business-text{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:4px}.footer-business-link{color:#fff;text-decoration:underline;text-underline-offset:2px}.footer-legal-nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 24px;margin:16px 0 20px;padding-top:16px;border-top:1px solid var(--border-subtle)}.footer-legal-link{font-size:13px;color:var(--text-secondary);text-decoration:none;transition:color .15s}.footer-legal-link:hover{color:#fff;text-decoration:underline}.footer-cookie-btn{background:none;border:none;color:var(--text-secondary);font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:0;font-family:inherit;transition:color .15s}.footer-cookie-btn:hover{color:#fff}.btn-primary,.btn-secondary,.header-btn,.category-chip,.product-card-add-btn,.scroll-to-top-btn,.mobile-nav-item{transition:transform .18s cubic-bezier(.34,1.56,.64,1),background-color .2s ease,border-color .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none}.btn-primary:active,.btn-secondary:active,.header-btn:active,.category-chip:active,.product-card-add-btn:active,.scroll-to-top-btn:active{transform:scale(.96)!important}.product-card{transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s ease,border-color .28s ease}.product-card:hover{transform:translateY(-5px);box-shadow:0 16px 36px #0000008c;border-color:var(--border-card-hover)}.product-card-image{transition:transform .4s cubic-bezier(.16,1,.3,1)}.product-card:hover .product-card-image{transform:scale(1.05)}@keyframes shimmerPulse{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-box{background:linear-gradient(90deg,var(--bg-surface) 25%,var(--border-card-hover) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:shimmerPulse 1.8s infinite ease-in-out;border-radius:var(--radius-sm)}.skeleton-card{pointer-events:none}.skeleton-image{width:100%;aspect-ratio:1;border-radius:var(--radius-md) var(--radius-md) 0 0}.skeleton-brand{height:12px;width:45%;margin-bottom:8px}.skeleton-title{height:18px;width:85%;margin-bottom:10px}.skeleton-rating{height:14px;width:35%;margin-bottom:16px}.skeleton-price{height:20px;width:50%}.skeleton-btn{height:32px;width:32px;border-radius:50%}.scroll-to-top-btn{position:fixed;bottom:86px;right:24px;z-index:90;width:46px;height:46px;border-radius:50%;background:var(--text-primary);color:var(--bg-app);border:1px solid var(--border-card-hover);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0009;cursor:pointer;animation:popIn .25s cubic-bezier(.34,1.56,.64,1)}.scroll-to-top-btn:hover{transform:translateY(-3px);box-shadow:0 12px 28px #000000bf}@keyframes popIn{0%{opacity:0;transform:scale(.6) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.mobile-nav-bar{position:fixed;bottom:0;left:0;right:0;height:64px;background:#0e0e12f0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-card);display:flex;align-items:center;justify-content:space-around;z-index:95;padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -4px 20px #00000080}.theme-light .mobile-nav-bar{background:#fffffff2;border-top-color:var(--border-card);box-shadow:0 -4px 20px #00000014}@media (min-width: 769px){.mobile-nav-bar{display:none!important}}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-secondary);font-size:10px;font-weight:600;text-decoration:none;background:none;border:none;padding:6px 12px;cursor:pointer;flex:1;height:100%}.mobile-nav-item svg{width:20px;height:20px;transition:transform .2s ease,color .2s ease}.mobile-nav-item:hover,.mobile-nav-item.active{color:var(--text-primary)}.mobile-nav-item.active svg{transform:translateY(-2px);stroke:var(--text-primary)}.mobile-cart-badge{position:absolute;top:-6px;right:-8px;background:var(--theme-accent, #ffffff);color:var(--theme-accent-fg, #09090b);font-size:10px;font-weight:800;border-radius:999px;padding:1px 5px;min-width:16px;text-align:center;line-height:1.2}@media (max-width: 768px){.app-container{padding-bottom:74px}.scroll-to-top-btn{bottom:76px;right:16px;width:42px;height:42px}}.hero-section{position:relative;overflow:hidden;margin-bottom:36px;padding:48px 24px;border-radius:var(--radius-xl);background:linear-gradient(180deg,#ffffff08,#12121566);border:1px solid var(--border-card);text-align:center}.theme-light .hero-section{background:linear-gradient(180deg,#fff,#f0f0f5);border-color:var(--border-card)}.hero-glow{display:none}.hero-inner{position:relative;z-index:2;max-width:680px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-primary);margin-bottom:20px}.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 10px #4ade80;animation:pulseDot 2s infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.hero-logo-wrap{margin-bottom:16px}.hero-logo-icon{height:68px;width:auto;object-fit:contain;filter:none;animation:floatEmblem 4s ease-in-out infinite alternate}@keyframes floatEmblem{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.hero-title{font-size:clamp(32px,5vw,48px);font-weight:900;letter-spacing:-1px;line-height:1.15;color:var(--text-primary);margin-bottom:16px}.hero-title-highlight{background:var(--theme-hero-title-gradient, linear-gradient(180deg, #ffffff 40%, #a1a1aa 100%));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-desc{font-size:clamp(14px,2vw,16px);color:var(--text-secondary);line-height:1.6;margin-bottom:28px;max-width:580px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:32px}.hero-btn-primary,.hero-btn-secondary{padding:14px 28px;border-radius:var(--radius-md);font-size:14px;font-weight:700}.hero-perks{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;border-top:1px solid var(--border-subtle);padding-top:24px}.hero-perk-item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-secondary)}.hero-perk-icon{font-size:16px}.testimonials-section{margin:54px 0 36px;padding:32px 0}.testimonials-header{text-align:center;margin-bottom:32px}.testimonials-title{font-size:clamp(22px,3.5vw,28px);font-weight:800;color:var(--text-primary);margin-bottom:6px}.testimonials-subtitle{font-size:14px;color:var(--text-secondary);max-width:500px;margin:0 auto}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.testimonial-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;transition:transform .25s ease,border-color .25s ease}.testimonial-card:hover{transform:translateY(-4px);border-color:var(--border-card-hover)}.testimonial-rating{color:#fff;font-size:18px;letter-spacing:2px;margin-bottom:12px}.theme-light .testimonial-rating{color:#09090b}.testimonial-comment{font-size:14px;line-height:1.6;color:var(--text-secondary);margin-bottom:20px;flex:1}.testimonial-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border-subtle);padding-top:14px;gap:12px;flex-wrap:wrap}.testimonial-author{display:flex;align-items:center;gap:10px}.testimonial-avatar{width:34px;height:34px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-card);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:var(--text-primary)}.testimonial-name{font-size:13px;font-weight:700;color:var(--text-primary)}.testimonial-location{font-size:11px;color:var(--text-muted)}.testimonial-badge{font-size:11px;font-weight:700;color:#4ade80;background:#22c55e1f;border:1px solid rgba(34,197,94,.25);padding:2px 8px;border-radius:999px}.repeated-cta-section{margin:48px 0}.repeated-cta-box{background:linear-gradient(135deg,#ffffff0a,#18181dcc);border:1px solid var(--border-card);border-radius:var(--radius-xl);padding:36px 32px;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}.theme-light .repeated-cta-box{background:linear-gradient(135deg,#fff,#f4f4f7);border-color:var(--border-card)}.repeated-cta-content{flex:1 1 360px}.repeated-cta-badge{font-size:11px;font-weight:800;letter-spacing:1.5px;color:var(--text-muted);text-transform:uppercase;margin-bottom:8px}.repeated-cta-title{font-size:clamp(20px,3vw,26px);font-weight:800;color:var(--text-primary);margin-bottom:8px}.repeated-cta-desc{font-size:14px;color:var(--text-secondary);line-height:1.55;max-width:520px}.repeated-cta-actions{display:flex;gap:12px;flex-wrap:wrap}.repeated-cta-btn{padding:12px 22px;font-size:13.5px;font-weight:700;border-radius:var(--radius-md);display:inline-flex;align-items:center;gap:8px}.contact-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-xl);padding:36px 32px;box-shadow:var(--shadow-lg)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.form-error-msg{color:#ef4444;font-size:12px;margin-top:4px;font-weight:500}.contact-success-banner{text-align:center;padding:40px 20px;background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-lg)}.header-tool-btn{background:none;border:1px solid var(--border-card);color:var(--text-secondary);padding:6px 10px;border-radius:var(--radius-md);font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease}.header-tool-btn:hover{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-card-hover)}.header-social-links{display:flex;align-items:center;gap:8px}.header-social-icon{color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--border-card);transition:all .2s ease}.header-social-icon:hover{color:var(--text-primary);border-color:var(--border-card-hover);background:var(--bg-surface);transform:translateY(-2px)}.not-found-page{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:60vh;padding:40px 20px;gap:16px}.not-found-code{font-size:clamp(80px,20vw,180px);font-weight:900;line-height:1;background:linear-gradient(135deg,#fff,#71717a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-4px;-webkit-user-select:none;user-select:none}.theme-light .not-found-code{background:linear-gradient(135deg,#09090b,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.not-found-title{font-size:clamp(20px,4vw,32px);font-weight:800;color:var(--text-primary);margin:0}.not-found-text{font-size:15px;color:var(--text-secondary);max-width:420px;line-height:1.6;margin:0}.not-found-actions{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap;justify-content:center}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:50vh;padding:40px 20px;gap:12px}.error-boundary-icon{font-size:48px;margin-bottom:8px}.error-boundary-title{font-size:22px;font-weight:800;color:var(--text-primary);margin:0}.error-boundary-text{font-size:14px;color:var(--text-secondary);max-width:400px;line-height:1.6;margin:0}.error-boundary-actions{display:flex;gap:12px;margin-top:8px}.section-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.section-loading .spinner{width:32px;height:32px;border:3px solid var(--border-card);border-top-color:var(--text-primary);border-radius:50%;animation:spin .8s linear infinite}.section-loading-text{font-size:13px;color:var(--text-muted)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-to-content{position:absolute;top:-100%;left:50%;transform:translate(-50%);background:var(--color-primary);color:var(--bg-app);padding:10px 20px;border-radius:var(--radius-md);font-weight:700;font-size:14px;z-index:10000;text-decoration:none;transition:top .2s}.skip-to-content:focus{top:10px}@media (max-width: 768px){.product-grid.grid-3-cols{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important;padding-bottom:28px!important}.grid-3-cols .product-card{border-radius:9px!important;border:1px solid var(--border-card)!important;box-shadow:0 2px 7px #00000047!important;display:flex!important;flex-direction:column!important;background:var(--bg-card)!important;overflow:hidden!important}.grid-3-cols .product-card:hover{transform:none!important}.grid-3-cols .product-card-image-wrap{aspect-ratio:1!important;border-radius:8px 8px 0 0!important;overflow:hidden!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:6px!important}.grid-3-cols .product-card-image{aspect-ratio:1!important;object-fit:contain!important;object-position:center!important;width:100%!important;height:100%!important;background:transparent!important;image-rendering:-webkit-optimize-contrast!important}.grid-3-cols .product-card-body{padding:6px 5px 7px!important;gap:2px!important;flex:1!important;display:flex!important;flex-direction:column!important}.grid-3-cols .product-card-brand{font-size:8.5px!important;letter-spacing:.3px!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.1!important;margin-bottom:1px!important;opacity:.82!important}.grid-3-cols .product-card-name{font-size:11px!important;font-weight:600!important;line-height:1.25!important;height:28px!important;min-height:28px!important;max-height:28px!important;-webkit-line-clamp:2!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-bottom:1px!important;word-break:break-word}.grid-3-cols .product-card-rating{font-size:9px!important;gap:2px!important;line-height:1!important;margin-bottom:2px!important}.grid-3-cols .product-card-rating .stars{display:none!important}.grid-3-cols .product-card-rating:before{content:"★ ";color:#eab308;font-size:9px}.grid-3-cols .product-card-footer{padding-top:4px!important;margin-top:auto!important;gap:2px!important;align-items:center!important;display:flex!important;justify-content:space-between!important}.grid-3-cols .product-card-price{font-size:12px!important;font-weight:800!important;letter-spacing:-.3px!important;white-space:nowrap!important;line-height:1!important}.grid-3-cols .price-currency,.grid-3-cols .product-card-color-dot{display:none!important}.grid-3-cols .product-card-add-btn{width:24px!important;height:24px!important;border-radius:6px!important;padding:0!important;flex-shrink:0!important;box-shadow:none!important}.grid-3-cols .product-card-add-btn svg{width:13px!important;height:13px!important;stroke-width:2!important}.grid-3-cols.product-grid .skeleton-card .skeleton-brand{height:8px!important;width:55%!important;margin-bottom:3px!important}.grid-3-cols.product-grid .skeleton-card .skeleton-title{height:24px!important;margin-bottom:3px!important}.grid-3-cols.product-grid .skeleton-card .skeleton-rating{height:8px!important;width:40%!important;margin-bottom:4px!important}.grid-3-cols.product-grid .skeleton-card .skeleton-price{height:12px!important;width:50%!important}.grid-3-cols.product-grid .skeleton-card .skeleton-btn{width:20px!important;height:20px!important;border-radius:6px!important}.product-grid.grid-2-cols,.product-grid:not(.grid-3-cols){display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important;padding-bottom:32px!important}.grid-2-cols .product-card,.product-grid:not(.grid-3-cols) .product-card{border-radius:12px!important;border:1px solid var(--border-card)!important;box-shadow:0 4px 12px #0000004d!important;display:flex!important;flex-direction:column!important;background:var(--bg-card)!important;overflow:hidden!important}.grid-2-cols .product-card-image-wrap,.product-grid:not(.grid-3-cols) .product-card-image-wrap{aspect-ratio:1!important;border-radius:11px 11px 0 0!important;overflow:hidden!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:10px!important}.grid-2-cols .product-card-image,.product-grid:not(.grid-3-cols) .product-card-image{aspect-ratio:1!important;object-fit:contain!important;object-position:center!important;width:100%!important;height:100%!important;background:transparent!important;image-rendering:-webkit-optimize-contrast!important}.grid-2-cols .product-card-body,.product-grid:not(.grid-3-cols) .product-card-body{padding:10px 8px 11px!important;gap:4px!important;flex:1!important;display:flex!important;flex-direction:column!important}.grid-2-cols .product-card-brand,.product-grid:not(.grid-3-cols) .product-card-brand{font-size:10px!important;letter-spacing:.5px!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.2!important;opacity:.85!important}.grid-2-cols .product-card-name,.product-grid:not(.grid-3-cols) .product-card-name{font-size:13px!important;font-weight:600!important;line-height:1.3!important;height:34px!important;min-height:34px!important;max-height:34px!important;-webkit-line-clamp:2!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-bottom:2px!important;word-break:break-word}.grid-2-cols .product-card-rating,.product-grid:not(.grid-3-cols) .product-card-rating{font-size:11px!important;gap:4px!important;margin-bottom:3px!important}.grid-2-cols .product-card-rating .stars,.product-grid:not(.grid-3-cols) .product-card-rating .stars{display:inline-block!important;font-size:11px!important}.grid-2-cols .product-card-rating:before,.product-grid:not(.grid-3-cols) .product-card-rating:before{content:none!important}.grid-2-cols .product-card-footer,.product-grid:not(.grid-3-cols) .product-card-footer{padding-top:6px!important;margin-top:auto!important;gap:4px!important;align-items:center!important;display:flex!important;justify-content:space-between!important}.grid-2-cols .product-card-price,.product-grid:not(.grid-3-cols) .product-card-price{font-size:14.5px!important;font-weight:800!important;white-space:nowrap!important}.grid-2-cols .price-currency,.product-grid:not(.grid-3-cols) .price-currency{display:inline!important;font-size:10px!important;font-weight:600!important;color:var(--text-secondary)!important}.grid-2-cols .product-card-color-dot,.product-grid:not(.grid-3-cols) .product-card-color-dot{display:block!important;width:10px!important;height:10px!important}.grid-2-cols .product-card-add-btn,.product-grid:not(.grid-3-cols) .product-card-add-btn{width:30px!important;height:30px!important;border-radius:8px!important;padding:0!important;flex-shrink:0!important}.grid-2-cols .product-card-add-btn svg,.product-grid:not(.grid-3-cols) .product-card-add-btn svg{width:16px!important;height:16px!important;stroke-width:2!important}.grid-2-cols.product-grid .skeleton-card .skeleton-brand{height:10px!important;width:50%!important;margin-bottom:4px!important}.grid-2-cols.product-grid .skeleton-card .skeleton-title{height:28px!important;margin-bottom:4px!important}.grid-2-cols.product-grid .skeleton-card .skeleton-rating{height:10px!important;width:45%!important;margin-bottom:6px!important}.grid-2-cols.product-grid .skeleton-card .skeleton-price{height:16px!important;width:45%!important}.grid-2-cols.product-grid .skeleton-card .skeleton-btn{width:28px!important;height:28px!important;border-radius:8px!important}.hero-section{padding:24px 12px 20px!important;margin-bottom:18px!important;border-radius:14px!important}.hero-badge{margin-bottom:10px!important;padding:4px 12px!important;font-size:10px!important}.hero-title{font-size:21px!important;margin-bottom:6px!important}.hero-subtitle{font-size:12px!important;margin-bottom:14px!important}.hero-actions{gap:8px!important;margin-bottom:16px!important}.hero-btn-primary,.hero-btn-secondary{padding:9px 14px!important;font-size:12px!important}.hero-perks{gap:8px 14px!important;padding-top:14px!important}.hero-perk-item{font-size:11px!important;gap:4px!important}.section-title{font-size:17px!important;margin-bottom:12px!important}.category-bar{padding:2px 0 12px!important;gap:6px!important}.category-chip{padding:6px 14px!important;font-size:12.5px!important}}@media (max-width: 480px){.product-grid.grid-3-cols{gap:5px!important}.grid-3-cols .product-card-body{padding:5px 3px 6px!important}.grid-3-cols .product-card-price{font-size:11px!important}.product-grid.grid-2-cols,.product-grid:not(.grid-3-cols){gap:8px!important}.grid-2-cols .product-card-body,.product-grid:not(.grid-3-cols) .product-card-body{padding:8px 6px 9px!important}.grid-2-cols .product-card-price,.product-grid:not(.grid-3-cols) .product-card-price{font-size:13.5px!important}}.floating-advisor-container{position:fixed;bottom:86px;left:24px;z-index:95}.floating-advisor-btn{display:inline-flex;align-items:center;gap:8px;background:#25d366;color:#fff;padding:10px 16px;border-radius:9999px;text-decoration:none;font-weight:700;font-size:13.5px;box-shadow:0 8px 24px #25d36666,0 2px 6px #0006;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s ease;position:relative;cursor:pointer;border:1px solid rgba(255,255,255,.25)}.floating-advisor-btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 12px 30px #25d3668c,0 4px 10px #00000080;color:#fff}.floating-advisor-pulse{position:absolute;top:-2px;right:-2px;width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 #22c55eb3;animation:advisorPulse 2s infinite}@keyframes advisorPulse{0%{transform:scale(.95);box-shadow:0 0 #22c55eb3}70%{transform:scale(1);box-shadow:0 0 0 8px #22c55e00}to{transform:scale(.95);box-shadow:0 0 #22c55e00}}@media (max-width: 768px){.floating-advisor-container{bottom:76px;left:16px}.floating-advisor-btn{padding:9px 13px;font-size:12.5px}}@media (max-width: 480px){.floating-advisor-container{bottom:76px;left:12px}.floating-advisor-btn{padding:8px 11px;font-size:12px}}