*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}img,picture,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse}:root{--color-bg:#fff;--color-bg-subtle:#f6f8fa;--color-surface:#fff;--color-surface-hover:#eef2f5;--color-border:#e2e8f0;--color-text:#0f172a;--color-text-muted:#64748b;--color-text-faint:#94a3b8;--color-primary:#080808;--color-primary-hover:#242424;--color-primary-soft:#ececec;--color-primary-contrast:#fff;--color-accent:#f0c808;--color-accent-hover:#d9b400;--color-accent-soft:#fdf3c9;--color-accent-contrast:#080808;--color-success:#15803d;--color-success-soft:#e8f6ec;--color-danger:#dc2626;--color-danger-soft:#fdecec;--color-warning:#b45309;--color-warning-soft:#fdf2df;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 6px 16px #0f172a14;--shadow-lg:0 16px 40px #0f172a1f;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-full:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--container-max:1240px;--nav-height:76px;--nav-height-scrolled:60px;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition-fast:.15s ease;--transition-base:.22s ease}[data-theme=dark]{--color-bg:#0a0a0a;--color-bg-subtle:#121212;--color-surface:#161616;--color-surface-hover:#1e1e1e;--color-border:#2a2a2a;--color-text:#f5f5f0;--color-text-muted:#a3a3a0;--color-text-faint:#6b6b68;--color-primary:#f0c808;--color-primary-hover:#ffd633;--color-primary-soft:#2e2708;--color-primary-contrast:#080808;--color-accent:#f0c808;--color-accent-hover:#ffd633;--color-accent-soft:#2e2708;--color-accent-contrast:#080808;--color-success:#4ade80;--color-success-soft:#123320;--color-danger:#f87171;--color-danger-soft:#3a1a1a;--color-warning:#fbbf24;--color-warning-soft:#3a2c10;--shadow-sm:0 1px 2px #0006;--shadow-md:0 6px 20px #00000073;--shadow-lg:0 20px 48px #0000008c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#0a0a0a;--color-bg-subtle:#121212;--color-surface:#161616;--color-surface-hover:#1e1e1e;--color-border:#2a2a2a;--color-text:#f5f5f0;--color-text-muted:#a3a3a0;--color-text-faint:#6b6b68;--color-primary:#f0c808;--color-primary-hover:#ffd633;--color-primary-soft:#2e2708;--color-primary-contrast:#080808;--color-accent:#f0c808;--color-accent-hover:#ffd633;--color-accent-soft:#2e2708;--color-accent-contrast:#080808;--color-success:#4ade80;--color-success-soft:#123320;--color-danger:#f87171;--color-danger-soft:#3a1a1a;--color-warning:#fbbf24;--color-warning-soft:#3a2c10;--shadow-sm:0 1px 2px #0006;--shadow-md:0 6px 20px #00000073;--shadow-lg:0 20px 48px #0000008c}}html,body{background:var(--color-bg);color:var(--color-text);overflow-x:hidden}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;transition:background var(--transition-base), color var(--transition-base);width:100%;font-size:15.5px;line-height:1.55}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:700;line-height:1.2}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-5);margin:0 auto}.page-main{flex:1}.section{padding:var(--space-8) 0}.section-heading{text-align:center;max-width:640px;margin:0 auto var(--space-7)}.section-heading h2{margin-bottom:var(--space-3);font-size:clamp(1.6rem,2.4vw,2.1rem)}.section-heading p{color:var(--color-text-muted);font-size:1.02rem}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent-contrast);background:var(--color-accent);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-4);font-size:.78rem;font-weight:600;display:inline-block}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;padding:.75rem 1.4rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-primary-contrast);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover)}.btn-secondary.active{color:var(--color-danger);border-color:var(--color-danger-soft);background:var(--color-danger-soft)}.btn-ghost{color:var(--color-text);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover)}.btn-danger{background:var(--color-danger-soft);color:var(--color-danger)}.btn-sm{padding:.5rem .9rem;font-size:.85rem}.btn-block{width:100%}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.form-group{margin-bottom:var(--space-4)}.form-label{margin-bottom:var(--space-2);color:var(--color-text);font-size:.85rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.7rem .9rem;font-size:.95rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}input[type=checkbox],input[type=radio]{width:17px;height:17px;accent-color:var(--color-accent);flex-shrink:0}.form-error{color:var(--color-danger);margin-top:var(--space-2);font-size:.82rem}.form-hint{color:var(--color-text-muted);margin-top:var(--space-2);font-size:.82rem}.text-muted{color:var(--color-text-muted)}.empty-state{text-align:center;padding:var(--space-8) var(--space-5);color:var(--color-text-muted)}.spinner{border:2.5px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}.spinner-page{padding:var(--space-9) 0;justify-content:center;align-items:center;display:flex}.btn-spinner{opacity:.9;border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:15px;height:15px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.product-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.filters-shop-layout{gap:var(--space-7);grid-template-columns:240px 1fr;align-items:start;display:grid}@media (width<=860px){.filters-shop-layout{grid-template-columns:1fr}}.sidebar-layout{gap:var(--space-7);grid-template-columns:220px 1fr;align-items:start;display:grid}@media (width<=760px){.sidebar-layout{grid-template-columns:1fr}}.stat-grid{gap:var(--space-5);margin-bottom:var(--space-7);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.stat-card{padding:var(--space-5)}.stat-card .stat-label{color:var(--color-text-muted);margin-bottom:var(--space-2);font-size:.8rem}.stat-card .stat-value{font-size:1.6rem;font-weight:800}.two-col-layout{gap:var(--space-8);grid-template-columns:1fr 1fr;display:grid}@media (width<=760px){.two-col-layout{gap:var(--space-6);grid-template-columns:1fr}}.field-row-2{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=480px){.field-row-2{grid-template-columns:1fr}}.cart-layout{gap:var(--space-8);grid-template-columns:1fr 340px;align-items:start;display:grid}@media (width<=760px){.cart-layout{gap:var(--space-6);grid-template-columns:1fr}}.legal-content h2{margin:var(--space-6) 0 var(--space-3);font-size:1.1rem}.legal-content p,.legal-content li{color:var(--color-text-muted);margin-bottom:var(--space-3);font-size:.92rem;line-height:1.75}.legal-content ul{padding-left:var(--space-5);list-style:outside}.auth-page{min-height:calc(100vh - var(--nav-height));padding:var(--space-7) var(--space-4);justify-content:center;align-items:center;display:flex}.auth-card{width:100%;max-width:420px;padding:var(--space-6)}.auth-card h1{margin-bottom:var(--space-2);font-size:1.5rem}.auth-card>p.text-muted{margin-bottom:var(--space-5)}.auth-footer-link{text-align:center;margin-top:var(--space-5);color:var(--color-text-muted);font-size:.9rem}.auth-footer-link a{color:var(--color-primary);font-weight:600}@media (width<=768px){.container{padding:0 var(--space-4)}.section{padding:var(--space-6) 0}}.logo{align-items:center;gap:11px;display:inline-flex}.logo-mark{object-fit:contain;flex-shrink:0;width:36px;height:36px}.logo-word{font-family:var(--font-sans);letter-spacing:.02em;text-transform:uppercase;color:var(--color-text);font-size:1.4rem;font-weight:800;line-height:1}.logo-word span{color:var(--color-accent)}.mobile-menu-overlay{z-index:200;background:#0006;position:fixed;inset:0}.mobile-menu-panel{background:var(--color-bg);z-index:201;width:min(320px,84vw);padding:var(--space-5);gap:var(--space-2);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.mobile-menu-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.mobile-menu-panel a,.mobile-menu-panel button{padding:var(--space-3) var(--space-2);color:var(--color-text);border-bottom:1px solid var(--color-border);text-align:left;font-size:1rem;font-weight:500}.mobile-menu-section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-faint);margin-top:var(--space-4);padding:0 var(--space-2);font-size:.75rem}.navbar{z-index:100;height:var(--nav-height);background:var(--color-bg);transition:height var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);border-bottom:1px solid #0000;align-items:center;display:flex;position:sticky;top:0}.navbar.scrolled{height:var(--nav-height-scrolled);box-shadow:var(--shadow-sm);border-color:var(--color-border)}.navbar-inner{justify-content:space-between;align-items:center;gap:var(--space-5);width:100%;display:flex}.navbar-links{align-items:center;gap:var(--space-5);flex:1;justify-content:center;display:flex}.navbar-links a,.navbar-links button.nav-link-btn{color:var(--color-text-muted);transition:color var(--transition-fast);align-items:center;gap:4px;font-size:.92rem;font-weight:500;display:flex}.navbar-links a:hover,.navbar-links a.active,.navbar-links button.nav-link-btn:hover{color:var(--color-text)}.navbar-dropdown-wrap{position:relative}.navbar-dropdown{top:calc(100% + var(--space-4));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-2);flex-direction:column;min-width:200px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.navbar-dropdown a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);font-size:.9rem}.navbar-dropdown a:hover{background:var(--color-surface-hover)}.navbar-actions{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.navbar-icon-btn{border-radius:var(--radius-full);width:38px;height:38px;color:var(--color-text);transition:background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:relative}.navbar-icon-btn:hover{background:var(--color-surface-hover)}.navbar-badge{border-radius:var(--radius-full);background:var(--color-primary);min-width:16px;height:16px;color:var(--color-primary-contrast);justify-content:center;align-items:center;padding:0 4px;font-size:.62rem;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px}.navbar-search-form{position:relative}.navbar-search-input{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-subtle);width:220px;padding:.5rem .9rem;font-size:.88rem}.navbar-search-input:focus{border-color:var(--color-primary);background:var(--color-bg);outline:none}.navbar-search-suggestions{top:calc(100% + var(--space-2));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:10;position:absolute;left:0;right:0;overflow:hidden}.navbar-search-suggestions a{align-items:center;gap:var(--space-3);padding:var(--space-3);color:var(--color-text);font-size:.85rem;display:flex}.navbar-search-suggestions a:hover{background:var(--color-surface-hover)}.navbar-search-suggestions img{border-radius:var(--radius-sm);object-fit:cover;width:32px;height:32px}.navbar-mobile-toggle,.navbar-mobile-search-toggle,.navbar-mobile-search-bar{display:none}@media (width<=960px){.navbar-links,.navbar-search-form{display:none}.navbar-mobile-toggle,.navbar-mobile-search-toggle{display:flex}.navbar-mobile-search-bar{padding-top:var(--space-3);padding-bottom:var(--space-4);display:block}.navbar-mobile-search-bar form{position:relative}.navbar-search-suggestions-mobile{top:calc(100% + var(--space-2));position:absolute}}@media (width<=480px){.navbar-inner{gap:var(--space-3)}.navbar-actions{gap:2px}.logo-word{font-size:1.2rem}}@media (width<=400px){.navbar-theme-toggle{display:none}.logo-word{font-size:1.1rem}.logo-mark{width:32px;height:32px}}.footer{background:var(--color-bg-subtle);border-top:1px solid var(--color-border);margin-top:auto}.footer-grid{gap:var(--space-6);padding:var(--space-8) 0 var(--space-6);grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;display:grid}.footer-brand p{color:var(--color-text-muted);max-width:280px;font-size:.88rem}.footer-payment-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-faint);margin:var(--space-5) 0 var(--space-3);font-size:.75rem;font-weight:600}.footer-col h4{margin-bottom:var(--space-4);font-size:.85rem}.footer-col a,.footer-col button{color:var(--color-text-muted);margin-bottom:var(--space-3);text-align:left;transition:color var(--transition-fast);font-size:.88rem;display:block}.footer-col a:hover{color:var(--color-text)}.footer-social{gap:var(--space-3);margin-top:var(--space-4);display:flex}.footer-social a{border-radius:var(--radius-full);border:1px solid var(--color-border);justify-content:center;align-items:center;width:34px;height:34px;display:flex}.footer-newsletter-form{gap:var(--space-2);margin-top:var(--space-3);display:flex}.footer-newsletter-form input{flex:1;min-width:0}.footer-bottom{border-top:1px solid var(--color-border);padding:var(--space-4) 0;color:var(--color-text-muted);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:.82rem;display:flex}.footer-bottom a{color:var(--color-text);font-weight:600}@media (width<=900px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.footer-grid{grid-template-columns:1fr}}.hero-preview{justify-content:center;align-items:center;height:460px;display:flex;position:relative}.hero-illustration{width:100%;max-width:420px;height:100%}.hero-illustration-glow{transform-origin:200px 200px;animation:5s ease-in-out infinite hero-glow-pulse}@keyframes hero-glow-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.hero-orbit-ring{opacity:.28;transform-origin:200px 200px}.hero-orbit-ring-a{animation:60s linear infinite hero-spin}.hero-orbit-ring-b{opacity:.2;animation:46s linear infinite hero-spin-reverse}@keyframes hero-spin{to{transform:rotate(360deg)}}@keyframes hero-spin-reverse{to{transform:rotate(-360deg)}}.hero-satellite{transform-origin:200px 200px}.hero-satellite-a{animation:20s linear infinite hero-spin}.hero-satellite-b{animation:15s linear infinite hero-spin-reverse}.hero-headband{stroke-dasharray:220;stroke-dashoffset:220px;animation:1.1s ease-out .15s forwards hero-draw}@keyframes hero-draw{to{stroke-dashoffset:0}}.hero-earcup{transform-box:fill-box;transform-origin:50%;opacity:0;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards hero-pop;transform:scale(.5)}.hero-earcup-left{animation-delay:.75s}.hero-earcup-right{animation-delay:.85s}@keyframes hero-pop{to{opacity:1;transform:scale(1)}}.hero-driver{transform-box:fill-box;transform-origin:50%;opacity:0;animation:.3s ease-out 1.1s forwards hero-driver-in,1.6s ease-in-out 1.4s infinite hero-beat}.hero-driver-right{animation-delay:1.1s,1.55s}@keyframes hero-driver-in{to{opacity:1}}@keyframes hero-beat{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.35)}}.hero-equalizer{opacity:0;animation:.5s ease-out 1.4s forwards hero-fade-in}@keyframes hero-fade-in{to{opacity:1}}.hero-eq-bar{transform-box:fill-box;transform-origin:bottom;animation:1.05s ease-in-out infinite hero-eq}@keyframes hero-eq{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1.15)}}.hero-sparkle{transform-box:fill-box;transform-origin:50%;opacity:0;animation:2.6s ease-in-out infinite hero-twinkle}@keyframes hero-twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.15)}}.hero-badge-card{align-items:center;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-3) var(--space-4);z-index:6;animation:5.4s ease-in-out -1s infinite hero-badge-float-alt;display:flex;position:absolute;bottom:2%;left:-2%}.hero-badge-card .hero-badge-icon{border-radius:var(--radius-sm);background:var(--color-accent);width:36px;height:36px;color:var(--color-accent-contrast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.hero-badge-card strong{font-size:.95rem;display:block}.hero-badge-card span{color:var(--color-text-muted);font-size:.78rem}.hero-shipping-badge{align-items:center;gap:var(--space-2);background:var(--color-primary);color:var(--color-primary-contrast);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);box-shadow:var(--shadow-lg);z-index:6;font-size:.78rem;font-weight:700;animation:5s ease-in-out infinite hero-badge-float;display:flex;position:absolute;top:4%;right:0;overflow:hidden}.hero-shipping-badge:after{content:"";background:linear-gradient(120deg,#0000,#ffffff59,#0000);width:40%;height:100%;animation:3.2s ease-in-out infinite hero-shimmer;position:absolute;top:0;left:-60%}@keyframes hero-shimmer{0%{left:-60%}60%,to{left:130%}}@keyframes hero-badge-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(2deg)}}@keyframes hero-badge-float-alt{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(-2deg)}}@media (width<=860px){.hero-preview{height:380px}.hero-illustration{max-width:340px}}@media (width<=560px){.hero-preview{height:300px}.hero-illustration{max-width:260px}.hero-badge-card,.hero-shipping-badge{display:none}}@media (prefers-reduced-motion:reduce){.hero-illustration-glow,.hero-orbit-ring,.hero-satellite,.hero-eq-bar,.hero-equalizer,.hero-driver,.hero-sparkle,.hero-shipping-badge,.hero-shipping-badge:after,.hero-badge-card{animation:none!important}.hero-headband{stroke-dashoffset:0}.hero-earcup{opacity:1;transform:scale(1)}.hero-driver,.hero-equalizer{opacity:1}.hero-eq-bar{transform:scaleY(.85)}.hero-sparkle{opacity:.6;transform:scale(1)}}.hero{padding:var(--space-9) 0 var(--space-8);position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle, var(--color-accent) 0%, transparent 70%);opacity:.16;pointer-events:none;border-radius:50%;width:560px;height:560px;position:absolute;top:-180px;right:-160px}.hero:after{content:"";background:radial-gradient(circle, var(--color-primary) 0%, transparent 70%);opacity:.06;pointer-events:none;border-radius:50%;width:480px;height:480px;position:absolute;bottom:-220px;left:-180px}.hero-inner{gap:var(--space-8);grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative}.hero-copy h1{margin-bottom:var(--space-5);letter-spacing:-.03em;font-size:clamp(2.2rem,4.5vw,3.5rem)}.hero-copy h1 .accent-underline{white-space:nowrap;position:relative}.hero-copy h1 .accent-underline:after{content:"";background:var(--color-accent);opacity:.35;z-index:-1;border-radius:3px;height:.28em;position:absolute;bottom:2px;left:0;right:0}.hero-copy p.hero-subtext{color:var(--color-text-muted);max-width:480px;margin-bottom:var(--space-6);font-size:1.05rem;line-height:1.7}.hero-cta-row{gap:var(--space-4);margin-bottom:var(--space-7);flex-wrap:wrap;display:flex}.hero-trust-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.hero-trust-item{align-items:center;gap:var(--space-2);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);font-size:.82rem;font-weight:600;display:flex}.hero-trust-item svg{color:var(--color-accent);flex-shrink:0}@media (width<=860px){.hero-inner{grid-template-columns:1fr}}@media (width<=560px){.hero{padding:var(--space-7) 0 var(--space-6)}.hero-cta-row{gap:var(--space-3)}.hero-cta-row .btn{flex:1;min-width:140px}}.category-card-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.category-card{text-align:center;align-items:center;gap:var(--space-4);padding:var(--space-7) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);flex-direction:column;display:flex;position:relative;overflow:hidden}.category-card:before{content:"";background:radial-gradient(circle, var(--color-accent) 0%, transparent 70%);opacity:.12;width:140px;height:140px;transition:opacity var(--transition-base);border-radius:50%;position:absolute;top:-60px;right:-60px}.category-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent);transform:translateY(-4px)}.category-card:hover:before{opacity:.22}.category-card-icon{border-radius:var(--radius-md);background:var(--color-primary);width:64px;height:64px;color:var(--color-primary-contrast);justify-content:center;align-items:center;font-size:1.6rem;display:flex;position:relative}.category-card-name{font-size:1.05rem;font-weight:700;position:relative}.category-card-desc{color:var(--color-text-muted);font-size:.85rem;line-height:1.5;position:relative}.category-card-cta{color:var(--color-accent);padding-top:var(--space-2);align-items:center;gap:4px;margin-top:auto;font-size:.8rem;font-weight:700;display:inline-flex;position:relative}.product-card{transition:transform var(--transition-base), box-shadow var(--transition-base);flex-direction:column;display:flex;position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.product-card-media{aspect-ratio:4/3;background:var(--color-bg-subtle);position:relative;overflow:hidden}.product-card-media img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-base)}.product-card:hover .product-card-media img{transform:scale(1.05)}.product-card-badges{top:var(--space-3);left:var(--space-3);gap:var(--space-2);display:flex;position:absolute}.product-card-actions{top:var(--space-3);right:var(--space-3);gap:var(--space-2);opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);flex-direction:column;display:flex;position:absolute;transform:translate(6px)}.product-card:hover .product-card-actions{opacity:1;transform:translate(0)}.product-card-action-btn{border-radius:var(--radius-full);background:var(--color-surface);width:34px;height:34px;color:var(--color-text);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;font-size:.95rem;display:flex}@media (hover:none){.product-card-actions{opacity:1;transform:translate(0)}.product-card-action-btn{width:36px;height:36px}}.product-card-action-btn.active{color:var(--color-danger)}.product-card-action-btn:disabled{opacity:.4;cursor:not-allowed}.product-card.out-of-stock .product-card-media img{opacity:.55;filter:grayscale(.3)}.product-card-stock-label{color:var(--color-danger);font-size:.76rem;font-weight:600}.product-card-body{padding:var(--space-4);gap:var(--space-2);flex-direction:column;flex:1;display:flex}.product-card-category{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-faint);font-size:.72rem}.product-card-title{font-size:.98rem;font-weight:600;line-height:1.35}.product-card-footer{padding-top:var(--space-2);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.modal-overlay{z-index:300;padding:var(--space-4);background:#0a0a0e8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-height:88vh;box-shadow:var(--shadow-lg);padding:var(--space-6);position:relative;overflow-y:auto}.modal-close-btn{top:var(--space-4);right:var(--space-4);border-radius:var(--radius-full);background:var(--color-bg-subtle);justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute}.stats-section{background:var(--color-bg-subtle);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.stats-grid{gap:var(--space-6);text-align:center;grid-template-columns:repeat(4,1fr);display:grid}.stats-grid .value{color:var(--color-primary);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800}.stats-grid .label{color:var(--color-text-muted);margin-top:var(--space-2);font-size:.88rem}@media (width<=640px){.stats-grid{gap:var(--space-5);grid-template-columns:repeat(2,1fr)}}.filters-toggle,.filters-panel-header,.filters-done-btn{display:none}@media (width<=860px){.filters-toggle{justify-content:center;align-items:center;gap:var(--space-2);width:100%;margin-bottom:var(--space-5);display:flex;position:relative}.filters-toggle-count{border-radius:var(--radius-full);background:var(--color-accent);min-width:18px;height:18px;color:var(--color-accent-contrast);justify-content:center;align-items:center;padding:0 4px;font-size:.68rem;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.filters-overlay{z-index:200;background:#00000073;position:fixed;inset:0}.filters-panel{z-index:201;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:82vh;box-shadow:var(--shadow-lg);visibility:hidden;transition:transform var(--transition-base), visibility var(--transition-base);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.filters-panel.open{visibility:visible;transform:translateY(0)}.filters-panel-header{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.filters-panel-header h3{font-size:1rem}.filters-done-btn{margin-top:var(--space-5);display:inline-flex;position:sticky;bottom:0}}.cart-item{align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.cart-item-thumb{border-radius:var(--radius-sm);flex-shrink:0;width:72px;height:72px;overflow:hidden}.cart-item-info{flex:1;min-width:140px}.cart-item-controls{align-items:center;gap:var(--space-4);margin-left:auto;display:flex}.cart-item-qty{align-items:center;gap:var(--space-2);display:flex}.cart-item-total{text-align:right;width:80px;font-weight:700}@media (width<=520px){.cart-item-controls{width:100%;padding-left:calc(72px + var(--space-4));justify-content:space-between;margin-left:0}}@media (width<=360px){.cart-item-controls{padding-left:0}}.verify-anim-ring{border:4px solid var(--color-border);border-top-color:var(--color-accent);width:88px;height:88px;margin:0 auto var(--space-5);border-radius:50%;justify-content:center;align-items:center;animation:1s linear infinite verify-spin;display:flex}.verify-anim-icon{color:var(--color-accent);animation:1.4s ease-in-out infinite verify-pulse}.verify-dots:after{content:"";text-align:left;width:1.2em;animation:1.4s steps(4,end) infinite verify-dots;display:inline-block}@keyframes verify-spin{to{transform:rotate(360deg)}}@keyframes verify-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.18)}}@keyframes verify-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}@media (prefers-reduced-motion:reduce){.verify-anim-ring,.verify-anim-icon,.verify-dots:after{animation:none}}.tracking-status-message{text-align:center;color:var(--color-text);margin-bottom:var(--space-6);font-size:.9rem;font-weight:600}.order-tracking{align-items:flex-start;display:flex}.tracking-step{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.tracking-step-icon{background:var(--color-bg-subtle);border:2px solid var(--color-border);width:36px;height:36px;color:var(--color-text-faint);z-index:1;transition:all var(--transition-base);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.tracking-step.done .tracking-step-icon{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.tracking-step.current .tracking-step-icon{animation:1.8s ease-in-out infinite tracking-pulse}@keyframes tracking-pulse{0%,to{box-shadow:0 0 0 4px var(--color-accent-soft)}50%{box-shadow:0 0 0 8px #0000}}@media (prefers-reduced-motion:reduce){.tracking-step.current .tracking-step-icon{box-shadow:0 0 0 4px var(--color-accent-soft);animation:none}}.tracking-step-line{background:var(--color-border);z-index:0;width:100%;height:2px;position:absolute;top:18px;left:50%}.tracking-step.done .tracking-step-line{background:var(--color-accent)}.tracking-step-label{margin-top:var(--space-3);flex-direction:column;gap:2px;display:flex}.tracking-step-label span:first-child{color:var(--color-text);font-size:.82rem;font-weight:600}.tracking-step:not(.done):not(.current) .tracking-step-label span:first-child{color:var(--color-text-faint)}.tracking-step-date{color:var(--color-text-muted);font-size:.72rem}.order-cancelled-banner{align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-danger-soft);color:var(--color-danger);font-size:.9rem;font-weight:600;display:flex}@media (width<=560px){.tracking-step-label span:first-child{font-size:.72rem}.tracking-step-icon{width:30px;height:30px}.tracking-step-line{top:15px}}.account-sidebar{gap:var(--space-1);flex-direction:column;display:flex}.account-sidebar a{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.92rem;font-weight:500}.account-sidebar a:hover{background:var(--color-surface-hover);color:var(--color-text)}.account-sidebar a.active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:600}@media (width<=760px){.account-sidebar{flex-direction:row;overflow-x:auto}}.admin-login-page{min-height:100vh;padding:var(--space-5);background:#080808;justify-content:center;align-items:center;display:flex}.admin-login-card{border-radius:var(--radius-lg);width:100%;max-width:400px;padding:var(--space-7) var(--space-6);background:#141414;border:1px solid #262626;box-shadow:0 20px 60px #00000080}.admin-login-header{text-align:center;margin-bottom:var(--space-6)}.admin-login-header .logo-word{color:#f5f5f0}.admin-login-eyebrow{margin-top:var(--space-4);letter-spacing:.08em;text-transform:uppercase;color:#f0c808;border-radius:var(--radius-full);background:#f0c8081f;padding:4px 12px;font-size:.72rem;font-weight:700;display:inline-block}.admin-login-card .form-label{color:#d4d4d0}.admin-login-card .form-input{color:#f5f5f0;background:#0e0e0e;border-color:#2a2a2a}.admin-login-card .form-input:focus{border-color:#f0c808;box-shadow:0 0 0 3px #f0c80826}.admin-login-back{text-align:center;margin-top:var(--space-6);color:#7a7a76;font-size:.85rem;display:block}.admin-sidebar{gap:var(--space-1);flex-direction:column;display:flex}.admin-sidebar a{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);color:var(--color-text-muted);align-items:center;gap:var(--space-3);font-size:.92rem;font-weight:500;display:flex}.admin-sidebar a:hover{background:var(--color-surface-hover);color:var(--color-text)}.admin-sidebar a.active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:600}@media (width<=760px){.admin-sidebar{flex-direction:row;overflow-x:auto}.admin-sidebar a{white-space:nowrap}}.admin-shell{background:var(--color-bg-subtle);min-height:100vh}.admin-topbar{padding:var(--space-4) var(--space-6);background:#080808;border-bottom:1px solid #232323;justify-content:space-between;align-items:center;display:flex}.admin-topbar .logo-word,.admin-topbar .logo-word span{color:#f5f5f0}.admin-topbar-badge{letter-spacing:.06em;text-transform:uppercase;color:#f0c808;border-radius:var(--radius-full);margin-left:var(--space-3);background:#f0c8081f;padding:3px 10px;font-size:.7rem;font-weight:700}.admin-topbar-right{align-items:center;gap:var(--space-4);display:flex}.admin-topbar-right a,.admin-topbar-right button{color:#cfcfcb;align-items:center;gap:6px;font-size:.85rem;font-weight:500;display:flex}.admin-topbar-right a:hover,.admin-topbar-right button:hover{color:#fff}.admin-body{padding:var(--space-6)}@media (width<=640px){.admin-topbar{padding:var(--space-3) var(--space-4);gap:var(--space-3);flex-wrap:wrap}.admin-topbar-badge{display:none}.admin-topbar-right{gap:var(--space-3)}.admin-topbar-right span{display:none}.admin-body{padding:var(--space-4)}}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap;font-size:.88rem}.admin-table th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.78rem;font-weight:600}.admin-table tbody tr:hover{background:var(--color-surface-hover)}