.toast-container{top:var(--spacing-6);z-index:9999;gap:var(--spacing-3);max-width:500px;width:calc(100% - var(--spacing-6));flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:.3s slideDown;display:flex}.toast-success{background:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success)}.toast-error{background:var(--color-error-light);color:var(--color-error);border:1px solid var(--color-error)}.toast-warning{background:var(--color-warning-light);color:var(--color-warning);border:1px solid var(--color-warning)}.toast-info{background:var(--color-info-light);color:var(--color-info);border:1px solid var(--color-info)}.toast-icon{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);flex-shrink:0}.toast-message{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);flex:1;line-height:1.4}.toast-close{font-size:var(--font-size-xl);cursor:pointer;opacity:.7;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;line-height:1;display:flex}.toast-close:hover{opacity:1}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.toast-container{top:var(--spacing-4);width:calc(100% - var(--spacing-4))}.toast{padding:var(--spacing-3) var(--spacing-4)}}:root{--color-primary:#12348f;--color-primary-dark:#0b2466;--color-primary-light:#2f57c4;--color-primary-50:#f1f5fb;--color-primary-100:#e4ebf6;--color-primary-200:#cfdbef;--color-accent:#1aa3b5;--color-accent-dark:#128796;--color-surface:#fff;--color-surface-sky:#e8eef7;--color-surface-muted:#f3f5f9;--color-line:#d8e0ec;--color-neutral-50:#f7f9fc;--color-neutral-100:#eef2f8;--color-neutral-200:#dde3ee;--color-neutral-300:#c3ccdc;--color-neutral-400:#97a3b9;--color-neutral-500:#66748f;--color-neutral-600:#4a5775;--color-neutral-700:#33405e;--color-neutral-800:#1d2947;--color-neutral-900:#0d1a3a;--color-success:#1f8a5b;--color-success-light:#e2f4ea;--color-warning:#c77b0a;--color-warning-light:#fdf1dc;--color-error:#c8322b;--color-error-light:#fbe6e4;--color-info:#2f57c4;--color-info-light:#e4ebf6;--font-family:"Vazirmatn", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;--font-family-fa:"Vazirmatn", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.5rem;--font-size-5xl:3.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:800;--line-height-tight:1.3;--line-height-normal:1.6;--line-height-relaxed:1.9;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:.875rem;--radius-xl:1.25rem;--radius-2xl:1.75rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0d1a3a0f;--shadow-md:0 6px 18px -6px #0d1a3a24;--shadow-lg:0 16px 36px -12px #0d1a3a38;--shadow-xl:0 28px 60px -20px #0d1a3a4d;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--max-width:1320px;--header-height:76px;--page-gutter:var(--spacing-6);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-height) + 16px);font-size:16px}a,button,label,summary,select,input,textarea{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{-webkit-user-select:none;user-select:none}.route-view{animation:.22s cubic-bezier(.2,.8,.2,1) both route-in}@keyframes route-in{0%{opacity:0;transform:translateY(6px)}}.page-loader{min-height:70vh}.page-loader-bar{top:0;z-index:1000;background:linear-gradient(90deg, transparent, var(--color-accent), var(--color-primary), transparent);background-repeat:no-repeat;background-size:50% 100%;height:3px;animation:1s ease-in-out infinite loader-slide;position:fixed;inset-inline:0}@keyframes loader-slide{0%{background-position:-50% 0}to{background-position:150% 0}}@media (prefers-reduced-motion:reduce){.route-view,.page-loader-bar{animation:none}html{scroll-behavior:auto}}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-neutral-800);background-color:var(--color-surface);margin:0}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-primary);margin:0}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{line-height:var(--line-height-relaxed);margin:0}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit}:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px}.container{width:100%;max-width:var(--max-width);padding:0 var(--page-gutter);margin:0 auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--spacing-2);min-height:44px;padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);transition:all var(--transition-fast);white-space:nowrap;border:1.5px solid #0000;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff}.btn-secondary{color:var(--color-primary);background-color:#fff;border-color:#fff}.btn-secondary:hover:not(:disabled){background-color:var(--color-primary-100);border-color:var(--color-primary-100);color:var(--color-primary-dark)}.btn-outline{color:var(--color-primary);border-color:var(--color-primary);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--color-primary-50);color:var(--color-primary)}.btn-ghost{color:var(--color-neutral-600);background-color:#0000;border-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--color-neutral-100);color:var(--color-neutral-800)}.btn-sm{min-height:36px;padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs)}.btn-lg{min-height:52px;padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-base)}.btn-full{width:100%}.card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-xl);overflow:hidden}.card-body{padding:var(--spacing-6)}.form-group{margin-bottom:var(--spacing-5)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-neutral-800);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);text-align:start;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background-color:#fff;font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100);outline:none}.form-input::placeholder{color:var(--color-neutral-400)}.form-textarea{resize:vertical;min-height:100px}.badge{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);align-items:center;display:inline-flex}.badge-primary{background-color:var(--color-primary-100);color:var(--color-primary-dark)}.badge-success{background-color:var(--color-success-light);color:var(--color-success)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.badge-error{background-color:var(--color-error-light);color:var(--color-error)}.loading{min-height:200px;color:var(--color-neutral-500);justify-content:center;align-items:center;display:flex}.skeleton{background:linear-gradient(90deg, var(--color-neutral-200) 25%, var(--color-neutral-100) 50%, var(--color-neutral-200) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;padding:var(--spacing-16) var(--spacing-6)}.empty-state-icon{margin-bottom:var(--spacing-4);font-size:4rem}.empty-state h3{margin-bottom:var(--spacing-2)}.empty-state p{color:var(--color-neutral-500);margin-bottom:var(--spacing-6)}.error-state{text-align:center;padding:var(--spacing-16) var(--spacing-6)}.error-state h2{margin-bottom:var(--spacing-4)}@media (width<=640px){:root{--font-size-3xl:1.875rem;--font-size-2xl:1.5rem;--page-gutter:var(--spacing-4)}}@media (width>=641px) and (width<=1024px){:root{--page-gutter:var(--spacing-5)}}html{scroll-behavior:smooth}.card{transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-2px)}.btn{transition:all .2s cubic-bezier(.4,0,.2,1)}@supports not (display:grid){.products-grid{margin:0 calc(var(--spacing-6) * -1);flex-wrap:wrap;display:flex}.products-grid>*{margin:var(--spacing-6)}}.language-switcher{align-items:center;gap:var(--spacing-1);display:flex}.lang-btn{color:var(--color-neutral-500);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none}.lang-btn:hover{color:var(--color-primary);background:var(--color-neutral-100)}.lang-btn.active{color:var(--color-primary);background:var(--color-primary-50)}.lang-divider{color:var(--color-neutral-300);font-size:var(--font-size-sm)}.section{padding:var(--spacing-16) 0}.products-grid{gap:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs)}.quick-view-btn{top:var(--spacing-3);right:var(--spacing-3);border-radius:var(--radius-full);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);width:36px;height:36px;color:var(--color-neutral-700);font-size:var(--font-size-lg);cursor:pointer;opacity:0;transition:all var(--transition-fast);z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;transform:translateY(-4px)}.quick-view-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}@media (width<=768px){.modal-lg{width:calc(100% - var(--spacing-6));max-height:90vh;overflow-y:auto}}@media (width<=480px){.container{padding:0 var(--spacing-4)}.products-grid{grid-template-columns:1fr}}.auth-page{min-height:calc(100dvh - var(--header-height));padding:var(--spacing-12) var(--spacing-6);background:linear-gradient(135deg, var(--color-neutral-100) 0%, var(--color-neutral-50) 100%);justify-content:center;align-items:center;display:flex}.auth-container{width:100%;max-width:420px}.auth-card{background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--spacing-8)}.auth-header{text-align:center;margin-bottom:var(--spacing-8)}.auth-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-900);margin-bottom:var(--spacing-2)}.auth-subtitle{font-size:var(--font-size-sm);color:var(--color-neutral-500)}.auth-method-switcher{gap:var(--spacing-2);margin-bottom:var(--spacing-6);background:var(--color-neutral-100);border-radius:var(--radius-lg);padding:var(--spacing-1);display:flex}.method-btn{padding:var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-600);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1}.method-btn.active{background:var(--color-neutral-50);color:var(--color-primary);box-shadow:var(--shadow-sm)}.form-label{margin-bottom:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-700);display:block}.otp-input{text-align:center;font-size:var(--font-size-xl);letter-spacing:.5rem;font-family:Courier New,monospace}.auth-footer{text-align:center;margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--color-neutral-200)}.auth-footer p{font-size:var(--font-size-sm);color:var(--color-neutral-600)}.auth-footer a{color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none}.auth-footer a:hover{text-decoration:underline}[dir=rtl] .auth-page{text-align:right;direction:rtl}@media (width<=640px){.auth-page{padding:var(--spacing-8) var(--spacing-4)}.auth-card{padding:var(--spacing-6)}.auth-title{font-size:var(--font-size-xl)}}[dir=rtl]{text-align:right;direction:rtl}[dir=rtl] .form-row{direction:rtl}[dir=rtl] .favorites-header{flex-direction:row-reverse}[dir=rtl] .auth-card,[dir=rtl] .guides-grid{direction:rtl}[dir=rtl] .guide-content{text-align:right}[dir=rtl] .empty-state{text-align:center}[dir=rtl] .loading{direction:rtl}[dir=rtl] body{font-family:var(--font-family-fa);line-height:1.8}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6{line-height:1.4;font-family:var(--font-family-fa)}[dir=rtl] .price{direction:ltr;display:inline-block}.persian-numbers{font-feature-settings:"ss01";letter-spacing:0}@media (width<=768px){[dir=rtl] .products-grid{direction:rtl}}body{font-family:var(--font-family);color:var(--color-neutral-800);background:var(--color-surface)}.container{max-width:var(--max-width);padding-inline:clamp(16px,3vw,32px)}.icon{flex-shrink:0}.eyebrow{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.02em;color:var(--color-neutral-600);margin-bottom:var(--spacing-2);display:inline-block}.display-title{font-size:clamp(1.75rem,1.2rem + 2vw,2.6rem);font-weight:var(--font-weight-black);color:var(--color-primary);line-height:1.25}.section-title{font-size:clamp(1.4rem,1.1rem + 1.2vw,2rem);font-weight:var(--font-weight-black);color:var(--color-primary)}.link-arrow{font-weight:var(--font-weight-bold);color:var(--color-primary);align-items:center;gap:6px;display:inline-flex}[dir=ltr] .link-arrow .icon,[dir=ltr] .flip-ltr{transform:scaleX(-1)}.chip{border:1px solid var(--color-neutral-300);border-radius:var(--radius-full);color:var(--color-neutral-800);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);background:#fff;align-items:center;gap:6px;padding:8px 16px;display:inline-flex}.chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.icon-btn{border-radius:var(--radius-full);width:42px;height:42px;color:var(--color-primary);transition:background var(--transition-fast);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-btn:hover,.icon-btn.active{background:var(--color-primary-100);color:var(--color-primary)}.count-badge{top:2px;border-radius:var(--radius-full);background:var(--color-accent);color:#fff;min-width:18px;height:18px;font-size:11px;font-weight:var(--font-weight-bold);text-align:center;padding:0 5px;line-height:18px;position:absolute;inset-inline-end:0}.brand{color:var(--color-primary);align-items:center;gap:10px;display:inline-flex}.brand:hover{color:var(--color-primary)}.brand-logo{width:auto;height:40px;display:block}.site-header{z-index:50;background:#fff;position:sticky;top:0}.announcement-bar{background:var(--color-surface-sky);color:var(--color-primary);font-size:var(--font-size-xs)}.announcement-inner{align-items:center;gap:var(--spacing-4);grid-template-columns:1fr auto 1fr;min-height:34px;display:grid}.announcement-account a{color:var(--color-primary);font-weight:var(--font-weight-bold)}.announcement-text{font-weight:var(--font-weight-bold);text-align:center;margin:0}.header-bar{border-bottom:1px solid var(--color-line);background:#fff;position:relative}.header-grid{height:var(--header-height);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.primary-nav{align-items:center;gap:var(--spacing-2);display:flex}.header-logo{justify-content:center;display:flex}.header-tools{justify-content:flex-end;align-items:center;gap:2px;display:flex}.nav-link{height:42px;padding:0 var(--spacing-3);border-radius:var(--radius-full);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);background:0 0;border:0;align-items:center;gap:4px;display:inline-flex}.nav-link:hover,.nav-link.active,.nav-item.open>.nav-link{background:var(--color-primary-50);color:var(--color-primary)}.nav-item.open>.nav-link .icon{transform:rotate(180deg)}.nav-link .icon{transition:transform var(--transition-fast)}.drawer-toggle{display:none}.nav-item.has-mega{position:static}.mega-menu{inset-inline:0;border-top:1px solid var(--color-line);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);background:#fff;position:absolute;top:100%;transform:translateY(-6px)}.nav-item.open .mega-menu{opacity:1;visibility:visible;transform:none}.mega-grid{gap:var(--spacing-8);padding-block:var(--spacing-8) var(--spacing-10);grid-template-columns:1.3fr 1fr 1.1fr .9fr 1.2fr;display:grid}.mega-title{font-size:var(--font-size-sm);color:var(--color-neutral-500);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}.mega-links{gap:var(--spacing-3);margin:0;padding:0;list-style:none;display:grid}.mega-links.two-col{column-gap:var(--spacing-6);grid-template-columns:1fr 1fr}.mega-links a{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.mega-links a:hover{text-underline-offset:6px;text-decoration:underline}.mega-promo{justify-content:flex-end;gap:var(--spacing-2);min-height:170px;padding:var(--spacing-6);border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);color:#fff;flex-direction:column;display:flex}.mega-promo:hover{color:#fff}.mega-promo .eyebrow{color:#a9e6ee;margin:0}.mega-promo strong{font-size:var(--font-size-xl);line-height:1.4}.mega-promo .link-arrow{color:#fff}.account-menu{position:relative}.account-dropdown{top:calc(100% + 8px);min-width:200px;padding:var(--spacing-2);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:5;background:#fff;display:none;position:absolute;inset-inline-end:0}.account-menu.open .account-dropdown{display:grid}.account-dropdown a,.account-dropdown button,.drawer-links button{border-radius:var(--radius-md);width:100%;color:var(--color-neutral-800);font:inherit;font-size:var(--font-size-sm);text-align:start;background:0 0;border:0;align-items:center;gap:8px;padding:10px 12px;display:flex}.account-dropdown a:hover,.account-dropdown button:hover{background:var(--color-primary-50);color:var(--color-primary)}.danger{color:var(--color-error)!important}.cart-link{color:var(--color-primary);align-items:center;gap:4px;display:inline-flex}.cart-total{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);white-space:nowrap}.cart-total .price{color:var(--color-primary)}.search-panel{transition:grid-template-rows var(--transition-normal);background:#fff;grid-template-rows:0fr;display:grid}.search-panel.open{border-top:1px solid var(--color-line);grid-template-rows:1fr}.search-panel>.search-form{overflow:hidden}.search-form{align-items:center;gap:var(--spacing-3);color:var(--color-neutral-500);display:flex}.search-panel.open .search-form{padding-block:var(--spacing-4)}.search-form input{min-width:0;height:48px;padding:0 var(--spacing-4);border:1px solid var(--color-neutral-300);border-radius:var(--radius-full);font:inherit;color:var(--color-neutral-900);background:var(--color-neutral-50);flex:1}.search-form input:focus{border-color:var(--color-primary);background:#fff;outline:none}.drawer-backdrop{opacity:0;visibility:hidden;transition:opacity var(--transition-normal), visibility var(--transition-normal);z-index:60;background:#0d1a3a73;position:fixed;inset:0}.drawer-backdrop.open{opacity:1;visibility:visible}.drawer{top:0;bottom:0;z-index:61;width:min(360px,88vw);transition:transform var(--transition-normal);background:#fff;flex-direction:column;display:flex;position:fixed;inset-inline-start:0;transform:translate(100%)}[dir=ltr] .drawer{transform:translate(-100%)}.drawer.open,[dir=ltr] .drawer.open{transform:none}.drawer-head{padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;display:flex}.drawer-body{padding:var(--spacing-5);overflow-y:auto}.drawer-title{margin:var(--spacing-5) 0 var(--spacing-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-neutral-500)}.drawer-title:first-child{margin-top:0}.drawer-chips{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.drawer-links{margin:0;padding:0;list-style:none}.drawer-links li+li{border-top:1px solid var(--color-neutral-100)}.drawer-links a{color:var(--color-primary);font-weight:var(--font-weight-semibold);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.drawer-links button{padding-inline:0}.site-footer{margin-top:var(--spacing-12);background:var(--color-surface-sky);color:var(--color-neutral-700)}.footer-grid{gap:var(--spacing-10);padding-block:var(--spacing-16) var(--spacing-12);grid-template-columns:1.6fr 1fr 1fr 1.2fr 1fr;display:grid}.footer-brand p{margin-top:var(--spacing-4);font-size:var(--font-size-sm);line-height:1.9}.footer-phone{margin-top:var(--spacing-5);font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);color:var(--color-primary);align-items:center;gap:8px;display:inline-flex}.footer-hours{color:var(--color-neutral-500);margin-top:2px!important}.footer-col h4{font-size:var(--font-size-base);margin-bottom:var(--spacing-4)}.footer-col ul{gap:var(--spacing-3);margin:0;padding:0;list-style:none;display:grid}.footer-col a{color:var(--color-neutral-700);font-size:var(--font-size-sm)}.footer-col a:hover{color:var(--color-primary)}.footer-checks li{font-size:var(--font-size-sm);align-items:center;gap:8px;display:flex}.footer-checks .icon{color:var(--color-accent)}.footer-mail{margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-primary);display:inline-block}.footer-social{gap:var(--spacing-2);margin-top:var(--spacing-4);display:flex}.footer-social a{width:40px;height:40px;color:var(--color-primary);transition:background-color var(--transition-fast), color var(--transition-fast);background:#fff;border-radius:50%;place-items:center;display:grid}.footer-social a:hover{background:var(--color-primary);color:#fff}.trust-badges{align-items:center;gap:var(--spacing-3);display:flex}.trust-badges img{border-radius:var(--radius-md);background:#fff;width:auto;max-height:84px}.footer-bottom{border-top:1px solid var(--color-primary-200)}.footer-bottom-inner{justify-content:space-between;align-items:center;gap:var(--spacing-4);padding-block:var(--spacing-5);font-size:var(--font-size-xs);color:var(--color-neutral-500);display:flex}.payment-badges{gap:var(--spacing-2);display:flex}.payment-badges span{border-radius:var(--radius-sm);border:1px solid var(--color-line);color:var(--color-primary);font-weight:var(--font-weight-bold);background:#fff;padding:4px 10px}@media (width<=1100px){.hide-md{display:none!important}.mega-grid{grid-template-columns:repeat(4,1fr)}.mega-promo{display:none}.footer-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.footer-brand{grid-column:1/-1}}@media (width<=860px){.drawer-toggle{display:inline-flex}.nav-item.has-mega{display:none}.announcement-inner{text-align:center;grid-template-columns:1fr}.announcement-account,.announcement-spacer{display:none}}@media (width<=600px){:root{--header-height:64px}.hide-sm{display:none!important}.brand-logo{height:32px}.icon-btn{width:38px;height:38px}.footer-grid{gap:var(--spacing-8);grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}.footer-bottom-inner{text-align:center;flex-direction:column}}.band{padding-block:clamp(48px,6vw,88px)}.band-sky{background:var(--color-surface-sky)}.band-tight{padding-block:clamp(24px,3vw,40px)}.narrow{max-width:900px}.section-head-center{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-8);text-align:center;flex-direction:column;display:flex}.rail-layout{grid-template-columns:minmax(200px,260px) minmax(0,1fr);align-items:start;gap:clamp(20px,3vw,48px);display:grid}.rail-intro{align-items:flex-start;gap:var(--spacing-3);padding-top:var(--spacing-4);flex-direction:column;display:flex}.rail-intro .eyebrow{margin:0}.rail-intro .section-title{margin-bottom:var(--spacing-2)}.rail-desc{font-size:var(--font-size-sm);color:var(--color-neutral-600)}.rail-arrows{gap:var(--spacing-2);margin-top:var(--spacing-4);display:flex}.rail-arrows button,.hero-arrow{border-radius:var(--radius-full);border:1px solid var(--color-primary-200);width:44px;height:44px;color:var(--color-primary);transition:background var(--transition-fast), opacity var(--transition-fast), color var(--transition-fast);background:#fff;justify-content:center;align-items:center;display:inline-flex}.rail-arrows button:hover:not(:disabled),.hero-arrow:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.rail-arrows button:disabled{opacity:.35;cursor:default}.rail-track{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:minmax(230px,calc(33.3333% - 13.3333px));grid-auto-flow:column;gap:20px;padding-bottom:6px;display:grid;overflow-x:auto}.rail-track::-webkit-scrollbar{display:none}.rail-card{scroll-snap-align:start;border-radius:var(--radius-xl);color:var(--color-primary);transition:transform var(--transition-normal), box-shadow var(--transition-normal);background:#fff;flex-direction:column;display:flex;overflow:hidden}.rail-card:hover{box-shadow:var(--shadow-lg);color:var(--color-primary);transform:translateY(-4px)}.rail-card-img{aspect-ratio:5/4;color:var(--color-neutral-400);background:#f4f6f9;place-items:center;display:grid;overflow:hidden}.rail-card-img img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.rail-card:hover .rail-card-img img{transform:scale(1.04)}.rail-card-label{flex-direction:column;gap:2px;padding:16px 20px 18px;display:flex}.rail-card-label strong{font-size:var(--font-size-lg);font-weight:var(--font-weight-black)}.rail-card-label span{font-size:var(--font-size-xs);opacity:.85}.rail-card-solid .rail-card-label{background:var(--color-primary);color:#fff}.rail-card-soft .rail-card-label{background:var(--color-surface-sky);color:var(--color-primary)}.band-sky .rail-card-soft .rail-card-label{background:#fff}.rail-track.rail-lg{grid-auto-columns:max(300px,50% - 10px)}.rail-lg .rail-card-img{aspect-ratio:4/3}.rail-lg .rail-card-label{padding:20px 24px 22px}.rail-lg .rail-card-label strong{font-size:var(--font-size-2xl)}.rail-lg .rail-card-label span{font-size:var(--font-size-sm)}.home-hero{padding-top:var(--spacing-6)}.hero-skeleton{border-radius:var(--radius-2xl);background:linear-gradient(90deg, var(--color-surface-sky), #f3f6fb, var(--color-surface-sky));background-size:200% 100%;height:clamp(380px,42vw,520px);animation:1.6s linear infinite shimmer}.hero-carousel{position:relative}.hero-viewport{border-radius:var(--radius-2xl);background:radial-gradient(120% 140% at 80% 50%, #fff 0%, var(--color-surface-sky) 55%, #d6e2f3 100%);min-height:clamp(380px,42vw,520px);position:relative;overflow:hidden}.hero-slide{align-items:center;gap:var(--spacing-8);opacity:0;visibility:hidden;grid-template-columns:1.05fr 1fr;padding:clamp(28px,5vw,72px);transition:opacity .6s,visibility .6s;display:grid;position:absolute;inset:0}.hero-slide.active{opacity:1;visibility:visible}.hero-eyebrow{border-radius:var(--radius-full);color:var(--color-accent-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-sm);background:#fff;padding:6px 14px;display:inline-block}.hero-title{margin:var(--spacing-4) 0 var(--spacing-3);font-size:clamp(2rem,1.2rem + 3.2vw,3.6rem);font-weight:var(--font-weight-black);color:var(--color-primary);line-height:1.25}.hero-text{max-width:34em;margin-bottom:var(--spacing-8);color:var(--color-neutral-700);font-size:clamp(.95rem,.9rem + .3vw,1.1rem)}.hero-media{place-items:center;height:100%;display:grid}.hero-media img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-2xl);width:min(100%,420px);box-shadow:var(--shadow-xl);transition:transform .9s;transform:translateY(12px)scale(.97)}.hero-slide.active .hero-media img{transform:none}.hero-arrow{z-index:2;box-shadow:var(--shadow-md);position:absolute;top:50%;translate:0 -70%}.hero-arrow.prev{inset-inline-start:-22px}.hero-arrow.next{inset-inline-end:-22px}.hero-dots{margin-top:var(--spacing-4);justify-content:center;gap:8px;display:flex}.hero-dots button{border-radius:var(--radius-full);border:1.5px solid var(--color-neutral-400);width:10px;height:10px;transition:width var(--transition-normal), background var(--transition-normal);background:0 0;padding:0}.hero-dots button.active{background:var(--color-primary);border-color:var(--color-primary);width:28px}.guide-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.guide-card{border-radius:var(--radius-xl);color:var(--color-neutral-800);transition:transform var(--transition-normal), box-shadow var(--transition-normal);background:#fff;flex-direction:column;display:flex;overflow:hidden}.guide-card:hover{box-shadow:var(--shadow-lg);color:var(--color-neutral-800);transform:translateY(-4px)}.guide-card-img{aspect-ratio:16/11;background:#f4f6f9;overflow:hidden}.guide-card-img img{object-fit:cover;width:100%;height:100%}.guide-card-body{padding:18px 20px 22px}.guide-card-body h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-black);margin-bottom:6px}.guide-card-body p{font-size:var(--font-size-sm);color:var(--color-neutral-600)}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.4vw,32px) clamp(12px,1.6vw,24px);display:grid}.product-card{flex-direction:column;display:flex;position:relative}.product-card-media{border-radius:var(--radius-xl);background:#f4f6f9;position:relative;overflow:hidden}.product-card-img{aspect-ratio:1;color:var(--color-neutral-400);place-items:center;display:grid}.product-card-img img{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%;transition:transform var(--transition-slow)}.product-card:hover .product-card-img img{transform:scale(1.04)}.product-card.is-out .product-card-img img{opacity:.55}.product-card-badges{top:12px;z-index:1;pointer-events:none;flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute;inset-inline-start:12px}.badge-sale,.badge-soft{border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-bold);padding:4px 10px}.badge-sale{background:var(--color-error);color:#fff}.badge-soft{color:var(--color-primary);box-shadow:var(--shadow-sm);background:#fff}.fav-btn{top:10px;z-index:2;border-radius:var(--radius-full);width:38px;height:38px;color:var(--color-primary);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), color var(--transition-fast);background:#fff;border:0;place-items:center;display:grid;position:absolute;inset-inline-end:10px}.fav-btn:hover{transform:scale(1.08)}.fav-btn.on{color:var(--color-error)}.quick-view-btn{inset-inline:12px;z-index:2;border-radius:var(--radius-full);height:40px;color:var(--color-primary);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-md);opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);background:#fffffff0;border:0;position:absolute;bottom:12px;transform:translateY(8px)}.product-card:hover .quick-view-btn,.quick-view-btn:focus-visible{opacity:1;transform:none}@media (hover:none){.quick-view-btn{display:none}}.product-card-body{flex-direction:column;gap:4px;padding:14px 4px 0;display:flex}.product-card-meta{font-size:var(--font-size-xs);color:var(--color-neutral-500);font-weight:var(--font-weight-medium)}.product-card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:1.6}.product-card-title a{color:var(--color-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.product-card-title a:after{content:"";z-index:0;position:absolute;inset:0}.product-card-price{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:4px;display:flex}.price-now{font-weight:var(--font-weight-black);color:var(--color-neutral-900)}.price-was{font-size:var(--font-size-sm);color:var(--color-neutral-400);text-decoration:line-through}.stock-note{font-size:var(--font-size-xs);color:var(--color-error);font-weight:var(--font-weight-bold)}.advice-banner{justify-content:space-between;align-items:center;gap:var(--spacing-8);border-radius:var(--radius-2xl);background:linear-gradient(120deg, var(--color-primary-dark) 0%, var(--color-primary) 60%, var(--color-primary-light) 100%);color:#fff;padding:clamp(28px,4vw,48px) clamp(24px,5vw,64px);display:flex}.advice-banner h2{color:#fff;font-size:clamp(1.3rem,1rem + 1.2vw,1.9rem);font-weight:var(--font-weight-black);margin-bottom:6px}.advice-banner p{color:#cfdbef;max-width:40em}.advice-banner .eyebrow{color:#8fe0ea}.trust-bar{background:var(--color-surface-sky);padding-block:var(--spacing-8)}.trust-grid{gap:var(--spacing-6);grid-template-columns:repeat(4,1fr);display:grid}.trust-item{color:var(--color-primary);align-items:center;gap:14px;display:flex}.trust-item div{flex-direction:column;display:flex}.trust-item strong{font-weight:var(--font-weight-black)}.trust-item span{font-size:var(--font-size-sm);color:var(--color-neutral-600)}.seo-block{text-align:center}.seo-block p{margin-top:var(--spacing-4);color:var(--color-neutral-600);line-height:2}@media (width<=1100px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.trust-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=860px){.rail-layout{grid-template-columns:1fr}.rail-intro{flex-flow:wrap;justify-content:space-between;align-items:center;padding-top:0}.rail-intro .eyebrow,.rail-intro .rail-desc{flex-basis:100%}.rail-intro .section-title{margin:0}.rail-arrows{display:none}.rail-track{margin-inline:calc(-1 * var(--page-gutter));padding-inline:var(--page-gutter);scroll-padding-inline:var(--page-gutter);grid-auto-columns:62%}.rail-track.rail-lg{grid-auto-columns:82%}.guide-grid{grid-template-columns:1fr}.guide-card{flex-direction:row}.guide-card-img{aspect-ratio:auto;width:38%}.hero-viewport{min-height:600px}.hero-slide{text-align:center;justify-items:center;gap:var(--spacing-2);padding-bottom:var(--spacing-6);grid-template-rows:auto 1fr;grid-template-columns:1fr}.hero-media img{width:min(70%,240px)}.hero-text{margin-bottom:var(--spacing-5)}.hero-arrow{display:none}.advice-banner{flex-direction:column;align-items:flex-start}}@media (width<=600px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-grid{gap:var(--spacing-5)}.trust-item{flex-direction:column;align-items:flex-start;gap:6px}.product-card-title{font-size:var(--font-size-sm)}.hero-viewport{min-height:560px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.home2-hero{background:linear-gradient(180deg, var(--color-primary-50) 0%, var(--color-surface) 100%);padding-top:clamp(20px,3vw,40px)}.home2-hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(24px,4vw,64px);display:grid}.home2-hero-copy{gap:var(--spacing-5);flex-direction:column;animation:.6s cubic-bezier(.16,1,.3,1) both home2-rise;display:flex}.home2-hero-copy h1{font-size:clamp(2.1rem,1.2rem + 3.4vw,3.6rem);line-height:1.2;font-weight:var(--font-weight-black);color:var(--color-neutral-900);letter-spacing:-.015em;text-wrap:balance;margin:0}.home2-hero-copy p{max-width:34ch;font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-neutral-600);margin:0}.home2-hero-actions{gap:var(--spacing-3);margin-top:var(--spacing-2);flex-wrap:wrap;display:flex}.home2-hero-visual{aspect-ratio:4/3;background:var(--color-neutral-200);border-radius:28px;animation:.7s cubic-bezier(.16,1,.3,1) 80ms both home2-rise;position:relative}.home2-hero-visual>img{object-fit:cover;object-position:68% 50%;border-radius:inherit;width:100%;height:100%;display:block}.home2-spotlight{align-items:center;gap:var(--spacing-3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:min(320px,100% - 24px);box-shadow:var(--shadow-lg);color:var(--color-neutral-900);background:#fffffff0;border-radius:20px;padding:10px 18px 10px 10px;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;position:absolute;inset-block-end:clamp(12px,2vw,24px);inset-inline-end:clamp(12px,2vw,24px)}.home2-spotlight:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px)}.home2-spotlight:active{transform:scale(.98)}.home2-spotlight img{object-fit:cover;background:var(--color-neutral-100);border-radius:14px;flex:none;width:64px;height:64px}.home2-spotlight-text{flex-direction:column;gap:2px;min-width:0;display:flex}.home2-spotlight-text small{font-size:var(--font-size-xs);color:var(--color-accent-dark);font-weight:var(--font-weight-bold)}.home2-spotlight-text strong{font-size:var(--font-size-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.home2-spotlight-text .price{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-bold)}.home2-parts{align-items:center;gap:var(--spacing-4);padding-block:var(--spacing-4);border-top:1px solid var(--color-line);margin-top:clamp(20px,3vw,36px);display:flex}.home2-parts-label{font-weight:var(--font-weight-bold);color:var(--color-neutral-800);flex:none}.home2-parts-list{gap:var(--spacing-2);scrollbar-width:none;padding-block:2px;display:flex;overflow-x:auto}.home2-parts-list::-webkit-scrollbar{display:none}.home2-pill{border:1.5px solid var(--color-primary-200);background:var(--color-surface);min-height:44px;color:var(--color-primary);font-weight:var(--font-weight-semibold);white-space:nowrap;border-radius:999px;flex:none;align-items:center;padding-inline:20px;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s,transform .15s;display:inline-flex}.home2-pill:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.home2-pill:active{transform:scale(.97)}.home2-head{max-width:62ch;margin-bottom:clamp(20px,3vw,36px)}.home2-head .section-title{margin:0 0 var(--spacing-2)}.home2-head p{color:var(--color-neutral-600);line-height:var(--line-height-relaxed);margin:0}.home2-head-row{justify-content:space-between;align-items:baseline;gap:var(--spacing-4);max-width:none;display:flex}.home2-head-row .section-title{margin:0}.home2-sports{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);display:grid}.home2-sport{aspect-ratio:3/4;background:var(--color-neutral-800);color:#fff;isolation:isolate;border-radius:24px;text-decoration:none;display:block;position:relative;overflow:hidden}.home2-sport img{object-fit:cover;z-index:-2;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.home2-sport:hover img{transform:scale(1.05)}.home2-sport:after{content:"";z-index:-1;background:linear-gradient(#0000 30%,#07164233 55%,#071642e0 100%);position:absolute;inset:0}.home2-sport-label{flex-direction:column;gap:2px;display:flex;position:absolute;inset-block-end:16px;inset-inline:18px}.home2-sport-label strong{font-size:var(--font-size-xl);font-weight:var(--font-weight-black)}.home2-sport-label small{font-size:var(--font-size-sm);opacity:.85}.home2-types{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);display:grid}.home2-type{background:var(--color-surface-muted);color:var(--color-neutral-900);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:4px;padding:18px 10px 16px;text-decoration:none;transition:background-color .2s,transform .25s,box-shadow .25s;display:flex}.home2-type:hover{background:var(--color-surface-sky);box-shadow:var(--shadow-md);transform:translateY(-3px)}.home2-type strong{font-size:var(--font-size-sm);line-height:1.5}.home2-type small{font-size:var(--font-size-xs);color:var(--color-neutral-600)}.home2-type-img{background:var(--color-surface);width:84px;height:84px;color:var(--color-neutral-400);border-radius:50%;place-items:center;margin-bottom:6px;display:grid;overflow:hidden}.home2-type-img img{object-fit:cover;width:100%;height:100%}.home2-guides{grid-template-rows:repeat(2,minmax(150px,1fr));grid-template-columns:1.4fr 1fr;gap:clamp(12px,1.6vw,20px);display:grid}.home2-guide{background:var(--color-primary-dark);color:#fff;isolation:isolate;border-radius:24px;align-items:flex-end;min-height:150px;text-decoration:none;display:flex;position:relative;overflow:hidden}.home2-guide.is-lead{grid-row:span 2;min-height:320px}.home2-guide img{object-fit:cover;z-index:-2;opacity:.9;background:var(--color-neutral-100);width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.home2-guide:hover img{transform:scale(1.04)}.home2-guide:after{content:"";z-index:-1;background:linear-gradient(#0000,#07164240 35%,#071642eb);position:absolute;inset:0}.home2-guide span{flex-direction:column;gap:4px;padding:20px 22px;display:flex}.home2-guide strong{font-size:var(--font-size-xl);font-weight:var(--font-weight-black)}.home2-guide small{font-size:var(--font-size-sm);opacity:.88;max-width:38ch;line-height:1.7}@media (prefers-reduced-motion:no-preference){[data-reveal]{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(18px)}[data-reveal].in{opacity:1;transform:none}.home2-sport:nth-child(4n+2),.home2-type:nth-child(6n+2){transition-delay:60ms}.home2-sport:nth-child(4n+3),.home2-type:nth-child(6n+3){transition-delay:.12s}.home2-sport:nth-child(4n+4),.home2-type:nth-child(6n+4){transition-delay:.18s}}@keyframes home2-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.home2-hero-copy,.home2-hero-visual{animation:none}}@media (width<=1024px){.home2-types,.home2-sports{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=860px){.home2-hero-grid{gap:var(--spacing-6);grid-template-columns:minmax(0,1fr)}.home2-hero-visual{aspect-ratio:4/3.4;border-radius:22px;order:-1}.home2-spotlight{max-width:220px}.home2-hero-copy p{font-size:var(--font-size-base)}.home2-hero-actions .btn{flex:160px;justify-content:center}.home2-parts{align-items:stretch;gap:var(--spacing-2);flex-direction:column}.home2-parts-list{margin-inline:calc(var(--page-gutter) * -1);padding-inline:var(--page-gutter)}.home2-sports{scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--page-gutter) * -1);padding-inline:var(--page-gutter);padding-bottom:4px;display:flex;overflow-x:auto}.home2-sports::-webkit-scrollbar{display:none}.home2-sport{scroll-snap-align:start;flex:none;width:min(62vw,260px)}.home2-guides{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.home2-guide.is-lead{grid-row:auto;min-height:240px}.home2-guide{min-height:170px}}@media (width<=600px){.home2-types{grid-template-columns:repeat(2,minmax(0,1fr))}.home2-type-img{width:72px;height:72px}.home2-spotlight{padding-inline-end:14px}.home2-spotlight img{width:52px;height:52px}}.breadcrumbs{padding-block:var(--spacing-5) var(--spacing-4);font-size:var(--font-size-xs)}.breadcrumbs ol{flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li{color:var(--color-neutral-500);align-items:center;gap:6px;display:inline-flex}.breadcrumbs a{color:var(--color-neutral-700)}.breadcrumbs a:hover{color:var(--color-primary)}.breadcrumbs [aria-current]{color:var(--color-primary);font-weight:var(--font-weight-bold)}.listing-banner{justify-content:space-between;align-items:center;gap:var(--spacing-6);border-radius:var(--radius-2xl);background:radial-gradient(110% 160% at 10% 50%, #fff 0%, var(--color-surface-sky) 60%, #d6e2f3 100%);min-height:200px;padding:clamp(24px,4vw,48px) clamp(24px,5vw,64px);display:flex;position:relative;overflow:hidden}.listing-banner-copy{max-width:620px}.listing-banner h1{font-size:clamp(1.8rem,1.2rem + 2.2vw,2.8rem);font-weight:var(--font-weight-black)}.listing-banner p{margin-top:var(--spacing-3);color:var(--color-neutral-700)}.listing-banner-img img{object-fit:cover;border-radius:var(--radius-xl);width:150px;height:150px;box-shadow:var(--shadow-lg);rotate:-4deg}.listing-toolbar{justify-content:space-between;align-items:center;gap:var(--spacing-4);margin-top:var(--spacing-6);display:flex}.filter-row{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.filter-pill{position:relative}.filter-pill-btn{border:1px solid var(--color-neutral-300);border-radius:var(--radius-full);height:42px;color:var(--color-neutral-800);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:border-color var(--transition-fast);background:#fff;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.filter-pill-btn:hover,.filter-pill.open .filter-pill-btn,.filter-pill.has-value .filter-pill-btn{border-color:var(--color-primary);color:var(--color-primary)}.filter-pill-count{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;display:inline-grid}.filter-popover{top:calc(100% + 8px);z-index:20;min-width:260px;max-width:min(360px,90vw);padding:var(--spacing-4);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#fff;position:absolute;inset-inline-start:0}.filter-options{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.filter-options .chip{font:inherit;font-size:var(--font-size-sm);cursor:pointer}.filter-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.radio-row,.check-row{border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);align-items:center;gap:10px;padding:10px 8px;display:flex}.radio-row:hover,.check-row:hover{background:var(--color-primary-50)}.radio-row span,.check-row span{flex:1}.radio-row small{color:var(--color-neutral-500)}.radio-row input,.check-row input{accent-color:var(--color-primary);width:18px;height:18px}.price-filter{gap:var(--spacing-3);display:grid}.price-filter label{font-size:var(--font-size-xs);color:var(--color-neutral-600);gap:4px;display:grid}.price-filter .form-input{text-align:start;direction:ltr}.sort-box{align-items:center;gap:var(--spacing-4);flex-shrink:0;display:flex}.result-count{font-size:var(--font-size-sm);color:var(--color-neutral-600);white-space:nowrap}.sort-select-wrap{color:var(--color-primary);align-items:center;display:inline-flex;position:relative}.sort-select{appearance:none;border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);min-width:190px;height:42px;color:var(--color-neutral-800);font:inherit;font-size:var(--font-size-sm);cursor:pointer;background:#fff;padding-inline:16px 40px}.sort-select-wrap .icon{pointer-events:none;position:absolute;inset-inline-end:14px}.active-chips{align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-4);flex-wrap:wrap;display:flex}.active-chips .chip{font:inherit;font-size:var(--font-size-xs);cursor:pointer;padding:6px 12px}.clear-link{color:var(--color-primary);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-underline-offset:5px;cursor:pointer;background:0 0;border:0;text-decoration:underline}.listing-page .product-grid{margin-top:var(--spacing-8)}.empty-panel{align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-8);padding:var(--spacing-16) var(--spacing-6);border-radius:var(--radius-2xl);background:var(--color-surface-muted);color:var(--color-neutral-500);text-align:center;flex-direction:column;display:flex}.empty-panel h2{font-size:var(--font-size-xl)}.empty-panel p{color:var(--color-neutral-600)}.empty-actions{justify-content:center;gap:var(--spacing-3);margin-top:var(--spacing-3);flex-wrap:wrap;display:flex}.pagination{margin-top:var(--spacing-12);justify-content:center;gap:6px;display:flex}.page-btn{border:1px solid var(--color-neutral-300);border-radius:var(--radius-full);min-width:42px;height:42px;color:var(--color-primary);font:inherit;font-weight:var(--font-weight-bold);cursor:pointer;background:#fff;place-items:center;padding:0 8px;display:grid}.page-btn:hover:not(:disabled){border-color:var(--color-primary)}.page-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.page-btn:disabled{opacity:.4;cursor:default}@media (width<=860px){.listing-toolbar{flex-direction:column;align-items:stretch}.filter-row{scrollbar-width:none;margin-inline:calc(-1 * var(--page-gutter));padding-bottom:2px;padding-inline:var(--page-gutter);flex-wrap:nowrap;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-pill{position:static}.filter-pill-btn{white-space:nowrap}.filter-popover{inset-inline:var(--page-gutter);max-width:none;margin-top:8px;top:auto}.listing-toolbar{position:relative}.sort-box{justify-content:space-between}.listing-banner-img{display:none}}.page-title-row{align-items:baseline;gap:var(--spacing-3);margin-bottom:var(--spacing-8);flex-wrap:wrap;display:flex}.page-title-meta{color:var(--color-neutral-500);font-weight:var(--font-weight-medium)}.summary-card{top:calc(var(--header-height) + 60px);padding:var(--spacing-6);border-radius:var(--radius-xl);background:var(--color-surface-sky);position:sticky}.summary-card h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-black);margin-bottom:var(--spacing-4)}.summary-rows{margin:0 0 var(--spacing-5);gap:var(--spacing-3);display:grid}.summary-rows>div{justify-content:space-between;gap:var(--spacing-4);font-size:var(--font-size-sm);display:flex}.summary-rows dt{color:var(--color-neutral-700)}.summary-rows dd{font-weight:var(--font-weight-bold);color:var(--color-neutral-900);margin:0}.summary-savings dt,.summary-savings dd{color:var(--color-success)!important}.summary-total{margin-top:var(--spacing-2);padding-top:var(--spacing-4);border-top:1px solid var(--color-primary-200);font-size:var(--font-size-lg)!important}.summary-total dt{font-weight:var(--font-weight-bold);color:var(--color-primary)!important}.summary-total dd{font-weight:var(--font-weight-black)!important}.free-tag{border-radius:var(--radius-full);color:var(--color-accent-dark);font-size:var(--font-size-xs);background:#dff3f5;padding:2px 10px}.summary-perks{margin:var(--spacing-5) 0 0;gap:var(--spacing-2);padding:0;list-style:none;display:grid}.summary-perks li{font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-semibold);align-items:center;gap:8px;display:flex}.cart-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:clamp(20px,3vw,40px);display:grid}.cart-list{border-top:1px solid var(--color-line);margin:0;padding:0;list-style:none}.cart-row{align-items:center;gap:var(--spacing-5);padding-block:var(--spacing-5);border-bottom:1px solid var(--color-line);grid-template-columns:110px minmax(0,1fr) auto 130px 42px;display:grid}.cart-row-img{aspect-ratio:1;border-radius:var(--radius-lg);color:var(--color-neutral-400);background:#f4f6f9;place-items:center;display:grid;overflow:hidden}.cart-row-img img{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%}.cart-row-info{gap:4px;display:grid}.cart-row-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:1.6}.cart-row-title a{color:var(--color-primary)}.cart-row-unit{font-size:var(--font-size-sm);color:var(--color-neutral-700);flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.cart-row-qty button{width:38px;min-height:42px}.cart-row-total{text-align:end;font-weight:var(--font-weight-black);color:var(--color-neutral-900)}.cart-row-remove{color:var(--color-neutral-500)}.cart-row-remove:hover{color:var(--color-error);background:var(--color-error-light)}.cart-actions{justify-content:space-between;align-items:center;gap:var(--spacing-4);margin-top:var(--spacing-5);display:flex}@media (width<=960px){.cart-layout{grid-template-columns:1fr}.summary-card{position:static}}@media (width<=600px){.cart-row{gap:var(--spacing-2) var(--spacing-3);grid-template-columns:84px minmax(0,1fr) auto;grid-template-areas:"img info remove""img qty total"}.cart-row-img{grid-area:img}.cart-row-info{grid-area:info}.cart-row-qty{grid-area:qty;justify-self:start}.cart-row-total{grid-area:total}.cart-row-remove{grid-area:remove;align-self:start}.cart-row-title{font-size:var(--font-size-sm)}}.category-section{margin-top:clamp(40px,5vw,64px)}.category-section .section-title{margin-bottom:var(--spacing-6)}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);display:grid}.category-card{border:1px solid var(--color-line);border-radius:var(--radius-xl);color:var(--color-neutral-800);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);background:#fff;flex-direction:column;display:flex;overflow:hidden}.category-card:hover{box-shadow:var(--shadow-lg);color:var(--color-neutral-800);border-color:#0000;transform:translateY(-4px)}.category-card-img{aspect-ratio:4/3;color:var(--color-neutral-400);background:#f4f6f9;place-items:center;display:grid;overflow:hidden}.category-card-img img{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%;transition:transform var(--transition-slow)}.category-card:hover .category-card-img img{transform:scale(1.04)}.category-card-body{gap:var(--spacing-2);flex-direction:column;flex:1;padding:20px 22px 22px;display:flex}.category-card-body h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-black)}.category-card-body p{font-size:var(--font-size-sm);color:var(--color-neutral-600);line-height:1.9}.category-card-foot{justify-content:space-between;align-items:center;gap:var(--spacing-3);padding-top:var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-neutral-500);margin-top:auto;display:flex}.category-card-foot .link-arrow{font-size:var(--font-size-sm)}.part-grid{gap:var(--spacing-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.part-tile{padding:18px 20px;border-radius:var(--radius-lg);background:var(--color-surface-sky);color:var(--color-primary);transition:background var(--transition-fast), color var(--transition-fast);flex-direction:column;gap:4px;padding-inline-end:44px;display:flex;position:relative}.part-tile strong{font-size:var(--font-size-lg);font-weight:var(--font-weight-black)}.part-tile span{font-size:var(--font-size-xs);color:var(--color-neutral-600)}.part-tile .icon{top:50%;position:absolute;inset-inline-end:16px;translate:0 -50%}.part-tile:hover{background:var(--color-primary);color:#fff}.part-tile:hover span{color:#cfdbef}.sport-grid{gap:var(--spacing-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.sport-tile{color:var(--color-primary);flex-direction:column;gap:2px;display:flex}.sport-tile:hover{color:var(--color-primary)}.sport-tile-img{aspect-ratio:5/4;margin-bottom:var(--spacing-2);border-radius:var(--radius-lg);color:var(--color-neutral-400);background:#f4f6f9;place-items:center;display:grid;overflow:hidden}.sport-tile-img img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.sport-tile:hover .sport-tile-img img{transform:scale(1.05)}.sport-tile strong{font-weight:var(--font-weight-black)}.sport-tile span{font-size:var(--font-size-xs);color:var(--color-neutral-500)}@media (width<=960px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.part-grid,.sport-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.category-grid{grid-template-columns:1fr}.part-grid,.sport-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.part-tile{padding:14px 16px;padding-inline-end:36px}}.info-page{padding-bottom:var(--spacing-16)}.info-layout{margin-top:var(--spacing-4);grid-template-columns:240px minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,64px);display:grid}.info-nav{top:calc(var(--header-height) + 24px);padding:var(--spacing-4);border-radius:var(--radius-xl);background:var(--color-surface-sky);position:sticky}.info-nav-title{margin-bottom:var(--spacing-3);padding-inline:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-neutral-600)}.info-nav nav{gap:2px;display:grid}.info-link{min-height:44px;padding-inline:var(--spacing-3);border-radius:var(--radius-md);color:var(--color-neutral-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:background-color var(--transition-fast), color var(--transition-fast);align-items:center;display:flex}.info-link:hover{color:var(--color-primary);background:#fff}.info-link.active{background:var(--color-primary);color:#fff}.info-content{max-width:760px}.info-lead{margin:var(--spacing-3) 0 var(--spacing-8);font-size:var(--font-size-lg);color:var(--color-neutral-600);line-height:1.9}.info-section+.info-section{margin-top:var(--spacing-8)}.info-section h2{margin-bottom:var(--spacing-3);font-size:var(--font-size-xl);font-weight:var(--font-weight-black);color:var(--color-primary)}.info-section p,.info-section li{color:var(--color-neutral-700);line-height:2}.info-section ul{gap:var(--spacing-2);margin:0;padding-inline-start:1.2em;display:grid}.info-section li::marker{color:var(--color-accent)}.info-note{margin-top:var(--spacing-6);padding:var(--spacing-4) var(--spacing-5);border-radius:var(--radius-lg);background:var(--color-primary-50);line-height:1.9}.info-updated{margin-top:var(--spacing-10);font-size:var(--font-size-xs);color:var(--color-neutral-500)}.contact-cards{gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:0;padding:0;list-style:none;display:grid}.contact-cards li{padding:var(--spacing-5);border:1px solid var(--color-line);border-radius:var(--radius-xl);background:#fff;gap:4px;display:grid}.contact-icon{width:44px;height:44px;margin-bottom:var(--spacing-2);background:var(--color-primary-50);color:var(--color-primary);border-radius:50%;place-items:center;display:grid}.contact-label{font-size:var(--font-size-xs);color:var(--color-neutral-500)}.contact-value{font-weight:var(--font-weight-bold);overflow-wrap:anywhere}.contact-value a{color:var(--color-primary)}.contact-value address{font-style:normal;line-height:1.8}.info-table-wrap{margin-bottom:var(--spacing-8);border:1px solid var(--color-line);border-radius:var(--radius-xl)}.info-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.info-table th{background:var(--color-primary-50);text-align:start;padding:12px 16px}.info-table td{border-top:1px solid var(--color-line);padding:14px 16px}.faq-list{gap:var(--spacing-3);display:grid}.faq-item{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:#fff;overflow:hidden}.faq-item summary{justify-content:space-between;align-items:center;gap:var(--spacing-3);min-height:56px;padding:var(--spacing-3) var(--spacing-5);font-weight:var(--font-weight-bold);cursor:pointer;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary .icon{color:var(--color-primary);transition:transform var(--transition-fast);flex-shrink:0}.faq-item[open] summary .icon{transform:rotate(180deg)}.faq-item[open] summary{color:var(--color-primary)}.faq-item p{padding:0 var(--spacing-5) var(--spacing-5);color:var(--color-neutral-700);line-height:2}.not-found{margin-block:var(--spacing-12);position:relative;overflow:hidden}.not-found h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-black)}.not-found-code{inset-inline:0;font-size:clamp(7rem,20vw,12rem);font-weight:var(--font-weight-black);color:var(--color-primary-50);z-index:-1;line-height:1;position:absolute;top:-.15em}@media (width<=860px){.info-layout{grid-template-columns:minmax(0,1fr)}.info-nav{padding:var(--spacing-2);position:static}.info-nav-title{display:none}.info-nav nav{scrollbar-width:none;display:flex;overflow-x:auto}.info-link{white-space:nowrap;flex-shrink:0}}.pdp-main{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,64px);display:grid}.pdp-gallery{top:calc(var(--header-height) + 60px);gap:var(--spacing-4);grid-template-columns:76px minmax(0,1fr);display:grid;position:sticky}.pdp-gallery:not(:has(.pdp-thumbs)){grid-template-columns:1fr}.pdp-thumbs{flex-direction:column;gap:10px;display:flex}.pdp-thumbs button{aspect-ratio:1;border-radius:var(--radius-md);cursor:pointer;background:#f4f6f9;border:2px solid #0000;padding:0;overflow:hidden}.pdp-thumbs button.active{border-color:var(--color-primary)}.pdp-thumbs img{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%}.pdp-stage{aspect-ratio:1;border-radius:var(--radius-2xl);color:var(--color-neutral-400);background:#f4f6f9;place-items:center;display:grid;position:relative;overflow:hidden}.pdp-stage img{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%}.pdp-badge{top:16px;position:absolute;inset-inline-start:16px}.stage-arrow{border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-primary);box-shadow:var(--shadow-md);cursor:pointer;background:#fff;border:0;place-items:center;display:grid;position:absolute;top:50%;translate:0 -50%}.stage-arrow.prev{inset-inline-start:14px}.stage-arrow.next{inset-inline-end:14px}.pdp-info{padding-top:var(--spacing-2)}.pdp-info .eyebrow{color:var(--color-accent-dark)}.pdp-title{font-size:clamp(1.7rem,1.2rem + 1.8vw,2.5rem);font-weight:var(--font-weight-black);line-height:1.3}.pdp-rating{margin-top:var(--spacing-3);color:var(--color-primary);font:inherit;font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.pdp-rating span:last-child{text-underline-offset:5px;text-decoration:underline}.stars{color:#f2b01e;gap:1px;display:inline-flex}.pdp-sports{margin-top:var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pdp-sports .chip{font-size:var(--font-size-xs);padding:5px 12px}.pdp-lead{margin-top:var(--spacing-5);color:var(--color-neutral-700);line-height:2}.pdp-highlights{margin:var(--spacing-5) 0 0;border-top:1px solid var(--color-line);padding:0;list-style:none}.pdp-highlights li{border-bottom:1px solid var(--color-line);font-size:var(--font-size-sm);align-items:center;gap:10px;padding-block:12px;display:flex}.pdp-highlights .icon{color:var(--color-primary)}.pdp-buybox{gap:var(--spacing-4);margin-top:var(--spacing-6);grid-template-columns:minmax(0,1fr);display:grid}.pdp-price{flex-wrap:wrap;align-items:baseline;gap:6px 12px;display:flex}.pdp-price .price-now{font-size:var(--font-size-2xl)}.pdp-price .price-was{font-size:var(--font-size-base)}.stock-pill{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);justify-self:start;align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.stock-pill .dot{background:currentColor;border-radius:50%;width:7px;height:7px}.stock-pill.ok{color:var(--color-accent-dark);background:#dff3f5}.stock-pill.out{background:var(--color-error-light);color:var(--color-error)}.pdp-option-head{margin-bottom:var(--spacing-2);font-weight:var(--font-weight-bold);color:var(--color-primary);justify-content:space-between;align-items:center;display:flex}.text-btn{color:var(--color-primary);font:inherit;font-size:var(--font-size-sm);text-underline-offset:5px;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;text-decoration:underline;display:inline-flex}.size-chips{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.size-chips .chip{justify-content:center;min-width:52px}.pdp-actions{align-items:stretch;gap:var(--spacing-3);display:flex}.qty{border:1px solid var(--color-neutral-300);border-radius:var(--radius-full);background:#fff;align-items:center;display:inline-flex}.qty button{width:44px;height:100%;min-height:50px;color:var(--color-primary);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.qty button:disabled{opacity:.35;cursor:default}.qty span{text-align:center;min-width:28px;font-weight:var(--font-weight-bold)}.pdp-add{flex:1}.pdp-fav{border:1px solid var(--color-neutral-300);border-radius:var(--radius-full);width:52px;color:var(--color-primary);cursor:pointer;background:#fff;place-items:center;display:grid}.pdp-fav:hover{border-color:var(--color-primary)}.pdp-fav.on{color:var(--color-error);border-color:var(--color-error)}.pdp-meta{margin:var(--spacing-6) 0 0;padding-top:var(--spacing-4);border-top:1px solid var(--color-line);font-size:var(--font-size-sm);gap:4px;display:grid}.pdp-meta div{gap:6px;display:flex}.pdp-meta dt{font-weight:var(--font-weight-bold);color:var(--color-neutral-800)}.pdp-meta dd{color:var(--color-neutral-600);margin:0}.pdp-perks{gap:var(--spacing-3);margin-top:var(--spacing-6);grid-template-columns:repeat(3,1fr);display:grid}.pdp-perks div{border-radius:var(--radius-lg);background:var(--color-surface-sky);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;display:flex}.pdp-details{background:var(--color-surface-muted);margin-top:clamp(40px,6vw,80px);padding-block:clamp(24px,4vw,48px)}.narrow-wide{max-width:1040px}.accordion{border-bottom:1px solid var(--color-line)}.accordion h2{font-size:inherit;margin:0}.accordion h2 button{width:100%;color:var(--color-primary);font:inherit;font-size:var(--font-size-lg);font-weight:var(--font-weight-black);text-align:start;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:22px 4px;display:flex}.accordion h2 .icon{transition:transform var(--transition-fast)}.accordion.open h2 .icon{transform:rotate(180deg)}.accordion-panel{padding:0 4px var(--spacing-8)}.pdp-description{color:var(--color-neutral-700);max-width:60em;line-height:2.1}.spec-table{margin:0;display:grid}.spec-table div{gap:var(--spacing-4);font-size:var(--font-size-sm);grid-template-columns:200px 1fr;padding:12px 16px;display:grid}.spec-table div:nth-child(odd){border-radius:var(--radius-md);background:#fff}.spec-table dt{color:var(--color-neutral-600)}.spec-table dd{font-weight:var(--font-weight-bold);color:var(--color-neutral-900);margin:0}.review-summary{margin-bottom:var(--spacing-5);align-items:center;gap:12px;display:flex}.review-summary strong{font-size:var(--font-size-4xl);font-weight:var(--font-weight-black);color:var(--color-primary)}.review-summary span:last-child{color:var(--color-neutral-600);font-size:var(--font-size-sm)}.review-list{gap:var(--spacing-3);margin:0;padding:0;list-style:none;display:grid}.review-item{padding:var(--spacing-5);border-radius:var(--radius-lg);background:#fff}.review-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.review-head time{font-size:var(--font-size-xs);color:var(--color-neutral-500);margin-inline-start:auto}.verified{font-size:var(--font-size-xs);color:var(--color-success);font-weight:var(--font-weight-bold);align-items:center;gap:4px;display:inline-flex}.review-item h3{font-size:var(--font-size-base);margin-top:8px}.review-item p{color:var(--color-neutral-700);margin-top:4px}.review-form{margin-top:var(--spacing-6);padding:var(--spacing-6);border-radius:var(--radius-lg);background:#fff}.review-form h3{margin-bottom:var(--spacing-4)}.rating-input{gap:2px;display:flex}.rating-input button{color:var(--color-neutral-300);cursor:pointer;background:0 0;border:0;padding:2px}.rating-input button.on{color:#f2b01e}.muted{color:var(--color-neutral-600)}.pdp-sticky-bar{display:none}.modal-overlay{z-index:100;padding:var(--spacing-4);background:#0d1a3a80;place-items:center;animation:.18s fade-in;display:grid;position:fixed;inset:0}.modal{width:min(560px,100%);max-height:calc(100vh - 32px);padding:var(--spacing-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);background:#fff;animation:.2s pop-in;position:relative;overflow-y:auto}.modal-lg{width:min(880px,100%)}.modal-header{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.modal-header h2{font-size:var(--font-size-xl)}.modal-body p{color:var(--color-neutral-700)}.modal-x{top:12px;z-index:1;position:absolute;inset-inline-end:12px}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}.size-table{width:100%;margin-top:var(--spacing-4);border-collapse:collapse;font-size:var(--font-size-sm)}.size-table th,.size-table td{border-bottom:1px solid var(--color-line);text-align:start;padding:10px 12px}.size-table th{color:var(--color-primary);background:var(--color-surface-sky)}.quick-view{gap:var(--spacing-6);grid-template-columns:1fr 1fr;align-items:center;display:grid}.quick-view-img{aspect-ratio:1;border-radius:var(--radius-xl);color:var(--color-neutral-400);background:#f4f6f9;place-items:center;display:grid;overflow:hidden}.quick-view-img img{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%}.quick-view-info{gap:var(--spacing-3);display:grid}.quick-view-info h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-black)}.quick-view-info p{color:var(--color-neutral-700);font-size:var(--font-size-sm);line-height:1.9}.quick-view-actions{gap:var(--spacing-3);margin-top:var(--spacing-2);flex-wrap:wrap;display:flex}@media (width<=960px){.pdp-main{grid-template-columns:minmax(0,1fr)}.pdp-gallery{grid-template-columns:minmax(0,1fr);position:static}.pdp-thumbs{flex-direction:row;order:2;overflow-x:auto}.pdp-thumbs button{flex-shrink:0;width:64px}.spec-table div{grid-template-columns:120px 1fr}}@media (width<=600px){.pdp-actions .pdp-add{min-width:0;padding-inline:var(--spacing-4);flex:1 1 0}.pdp-perks{grid-template-columns:1fr}.pdp-perks div{text-align:start;flex-direction:row;justify-content:flex-start}.quick-view{grid-template-columns:1fr}.quick-view-img{max-height:260px}.pdp-sticky-bar{inset-inline:0;z-index:40;justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--color-line);background:#fff;display:flex;position:fixed;bottom:0;box-shadow:0 -8px 24px #0d1a3a14}.pdp-sticky-price{font-weight:var(--font-weight-black);color:var(--color-neutral-900)}.pdp-sticky-bar .btn{flex:1;max-width:220px}.pdp{padding-bottom:76px}}.checkout-steps,.order-timeline{align-items:center;gap:var(--spacing-3);margin:var(--spacing-5) 0 var(--spacing-8);font-size:var(--font-size-sm);color:var(--color-neutral-500);padding:0;list-style:none;display:flex}.checkout-steps li,.order-timeline li{font-weight:var(--font-weight-semibold);align-items:center;gap:8px;display:flex}.checkout-steps li+li:before,.order-timeline li+li:before{content:"";background:var(--color-neutral-200);width:clamp(16px,4vw,48px);height:2px;margin-inline-end:4px}.checkout-steps li.done+li:before,.order-timeline li.done+li:before{background:var(--color-primary)}.step-dot{border:1.5px solid var(--color-neutral-300);width:28px;height:28px;font-size:var(--font-size-xs);background:#fff;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.done .step-dot{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.current{color:var(--color-primary)}.current .step-dot{border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-100)}.checkout-layout{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:clamp(20px,3vw,40px);display:grid}.checkout-main{gap:var(--spacing-5);display:grid}.form-card{padding:var(--spacing-6);border:1px solid var(--color-line);border-radius:var(--radius-xl);background:#fff}.form-card+.form-card{margin-top:0}.cart-layout>div>.form-card+.form-card{margin-top:var(--spacing-5)}.form-card h2{margin-bottom:var(--spacing-5);font-size:var(--font-size-lg);font-weight:var(--font-weight-black);align-items:center;gap:10px;display:flex}.form-grid{gap:0 var(--spacing-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.form-card .form-group:last-child{margin-bottom:0}.optional{font-weight:var(--font-weight-normal);color:var(--color-neutral-500)}.form-select{appearance:auto}.has-error{border-color:var(--color-error)!important}.has-error:focus{box-shadow:0 0 0 3px var(--color-error-light)!important}.field-error{font-size:var(--font-size-xs);color:var(--color-error);font-weight:var(--font-weight-semibold);margin-top:6px}.gateway-options{gap:var(--spacing-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.gateway-option{padding:16px 18px;border:1.5px solid var(--color-neutral-300);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);gap:2px;padding-inline-start:48px;display:grid;position:relative}.gateway-option input{inset-inline-start:18px;width:18px;height:18px;accent-color:var(--color-primary);position:absolute;top:50%;translate:0 -50%}.gateway-option.selected{border-color:var(--color-primary);background:var(--color-primary-50)}.gateway-name{font-weight:var(--font-weight-black);color:var(--color-primary)}.gateway-note{font-size:var(--font-size-xs);color:var(--color-neutral-600)}.shipping-options{grid-template-columns:repeat(3,minmax(0,1fr))}.shipping-fee{font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);margin-top:4px}.shipping-skeleton{border-radius:var(--radius-lg);grid-column:1/-1;height:84px}.summary-muted{color:var(--color-neutral-500);font-size:var(--font-size-sm)}.shipment-box{gap:var(--spacing-4);margin-top:var(--spacing-5);padding:var(--spacing-4);border-radius:var(--radius-lg);background:var(--color-primary-50);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.shipment-box>div{font-size:var(--font-size-sm);align-content:start;gap:2px;display:grid}.shipment-box .link-arrow{font-size:var(--font-size-xs);margin-top:4px}.summary-items{margin:0 0 var(--spacing-5);padding:0 0 var(--spacing-4);gap:var(--spacing-3);border-bottom:1px solid var(--color-primary-200);list-style:none;display:grid}.summary-items li{font-size:var(--font-size-sm);align-items:center;gap:12px;display:flex}.summary-items .price{font-weight:var(--font-weight-bold);white-space:nowrap}.summary-name{flex:1;line-height:1.6}.summary-thumb{border-radius:var(--radius-md);background:#fff;flex-shrink:0;width:52px;height:52px;position:relative}.summary-thumb img{object-fit:cover;border-radius:inherit;mix-blend-mode:multiply;width:100%;height:100%}.summary-qty{top:-6px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;min-width:20px;height:20px;font-size:11px;font-weight:var(--font-weight-bold);text-align:center;padding:0 5px;line-height:20px;position:absolute;inset-inline-end:-6px}.summary-fineprint{margin-top:var(--spacing-3);font-size:var(--font-size-xs);color:var(--color-neutral-600);align-items:center;gap:6px;display:flex}.summary-back{margin-top:var(--spacing-4);font-size:var(--font-size-sm)}.result-panel{align-items:center;gap:var(--spacing-3);max-width:620px;margin:var(--spacing-12) auto 0;padding:var(--spacing-12) var(--spacing-6);border-radius:var(--radius-2xl);background:var(--color-surface-sky);text-align:center;flex-direction:column;display:flex}.result-panel h1{font-size:clamp(1.4rem,1rem + 1.4vw,2rem);font-weight:var(--font-weight-black)}.result-panel p{color:var(--color-neutral-700)}.result-icon{border-radius:50%;place-items:center;width:80px;height:80px;display:grid}.result-panel.paid .result-icon{background:var(--color-success-light);color:var(--color-success)}.result-panel.failed .result-icon{background:var(--color-error-light);color:var(--color-error)}.result-facts{width:min(100%,360px);margin:var(--spacing-3) 0;padding:var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);background:#fff;gap:8px;display:grid}.result-facts div{justify-content:space-between;gap:var(--spacing-4);display:flex}.result-facts dt{color:var(--color-neutral-600)}.result-facts dd{font-weight:var(--font-weight-bold);margin:0}.order-head{justify-content:space-between;align-items:flex-end;gap:var(--spacing-4);flex-wrap:wrap;display:flex}.order-badges{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.status-pill{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:5px 14px}.tone-ok{background:var(--color-success-light);color:var(--color-success)}.tone-warn{background:var(--color-warning-light);color:var(--color-warning)}.tone-bad{background:var(--color-error-light);color:var(--color-error)}.tone-info{background:var(--color-primary-100);color:var(--color-primary)}.pay-banner{justify-content:space-between;align-items:center;gap:var(--spacing-5);margin-top:var(--spacing-6);padding:var(--spacing-6) clamp(20px, 4vw, 40px);border-radius:var(--radius-xl);background:linear-gradient(120deg, var(--color-primary-dark), var(--color-primary));color:#fff;flex-wrap:wrap;display:flex}.pay-banner h2{color:#fff;font-size:var(--font-size-xl);font-weight:var(--font-weight-black)}.pay-banner p{color:#cfdbef;font-size:var(--font-size-sm)}.pay-banner-actions{align-items:center;gap:var(--spacing-3);flex-wrap:wrap;display:flex}.gateway-chips{gap:var(--spacing-2);display:flex}.gateway-chips .chip{font:inherit;font-size:var(--font-size-sm);cursor:pointer;color:#fff;background:0 0;border-color:#fff6}.gateway-chips .chip.active{color:var(--color-primary);background:#fff;border-color:#fff}.order-lines{margin:0;padding:0;list-style:none}.order-lines li{align-items:center;gap:var(--spacing-4);border-bottom:1px solid var(--color-line);font-size:var(--font-size-sm);padding-block:12px;display:flex}.order-lines li:last-child{border-bottom:0}.order-line-name{font-weight:var(--font-weight-bold);color:var(--color-primary);flex:1}.order-address{font-style:normal;font-size:var(--font-size-sm);color:var(--color-neutral-700);gap:4px;display:grid}@media (width<=960px){.checkout-layout{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.form-grid,.gateway-options,.shipping-options{grid-template-columns:1fr}.form-card{padding:var(--spacing-5)}.checkout-steps,.order-timeline{scrollbar-width:none;overflow-x:auto}.checkout-steps li,.order-timeline li{white-space:nowrap}.pay-banner-actions,.pay-banner-actions .btn{width:100%}}.tab-row{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-5);flex-wrap:wrap;display:flex}.tab{min-height:44px;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-neutral-300);border-radius:var(--radius-full);color:var(--color-neutral-700);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;background:#fff;align-items:center;gap:8px;display:inline-flex}.tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.tab-count{border-radius:var(--radius-full);background:var(--color-neutral-100);min-width:22px;color:var(--color-neutral-600);text-align:center;padding:0 6px;font-size:11px;line-height:20px}.tab.active .tab-count{color:#fff;background:#fff3}.check-inline{font-size:var(--font-size-sm);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.check-inline input{width:18px;height:18px;accent-color:var(--color-primary)}.tab-row .check-inline{margin-inline-start:auto}.empty-inline{padding:var(--spacing-8) var(--spacing-6);text-align:center}.card-hint{margin:calc(-1 * var(--spacing-3)) 0 var(--spacing-5);font-size:var(--font-size-sm)}.text-ok{color:var(--color-success)}.text-bad{color:var(--color-error)}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.readonly-field{min-height:44px;padding:0 var(--spacing-4);border-radius:var(--radius-md);background:var(--color-surface-muted);color:var(--color-neutral-700);text-align:start;align-items:center;display:flex}.account-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:clamp(20px,3vw,40px);display:grid}.account-nav{top:calc(var(--header-height) + 60px);padding:var(--spacing-5);border-radius:var(--radius-xl);background:var(--color-surface-sky);position:sticky}.account-user{padding-bottom:var(--spacing-4);margin-bottom:var(--spacing-3);border-bottom:1px solid var(--color-primary-200);align-items:center;gap:12px;display:flex}.account-user div{flex-direction:column;min-width:0;display:flex}.account-user strong{color:var(--color-primary);font-weight:var(--font-weight-black);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-user span{font-size:var(--font-size-xs);color:var(--color-neutral-600);text-align:start}.account-avatar{background:var(--color-primary);color:#fff;width:48px;height:48px;font-size:var(--font-size-xl);font-weight:var(--font-weight-black);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.account-nav nav{gap:2px;display:grid}.account-link{border-radius:var(--radius-md);width:100%;color:var(--color-neutral-800);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:11px 12px;display:flex}.account-link:hover{color:var(--color-primary);background:#fff}.account-link.active{color:var(--color-primary);box-shadow:var(--shadow-sm);background:#fff}.account-head{justify-content:space-between;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-wrap:wrap;display:flex}.account-sections{gap:var(--spacing-5);display:grid}.account-save{justify-content:space-between;align-items:center;gap:var(--spacing-4);flex-wrap:wrap;display:flex}.order-list{gap:var(--spacing-4);margin:0;padding:0;list-style:none;display:grid}.order-row{padding:var(--spacing-5);border:1px solid var(--color-line);border-radius:var(--radius-xl);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#fff}.order-row:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-md)}.order-row-head{justify-content:space-between;align-items:flex-start;gap:var(--spacing-3);flex-wrap:wrap;display:flex}.order-row-head>div:first-child{flex-direction:column;gap:2px;display:flex}.order-row-number{font-weight:var(--font-weight-black);color:var(--color-primary);font-size:var(--font-size-lg);text-align:start}.order-row-items{align-items:center;gap:var(--spacing-2);margin:var(--spacing-4) 0;display:flex}.order-thumb{border-radius:var(--radius-md);width:56px;height:56px;color:var(--color-neutral-400);background:#f4f6f9;flex-shrink:0;place-items:center;display:grid;position:relative}.order-thumb img{object-fit:cover;border-radius:inherit;mix-blend-mode:multiply;width:100%;height:100%}.order-thumb.more{font-weight:var(--font-weight-bold);color:var(--color-neutral-600);font-size:var(--font-size-sm)}.order-row-summary{font-size:var(--font-size-sm);color:var(--color-neutral-600);text-overflow:ellipsis;white-space:nowrap;margin-inline-start:var(--spacing-2);overflow:hidden}.order-row-foot{justify-content:space-between;align-items:center;gap:var(--spacing-3);padding-top:var(--spacing-4);border-top:1px solid var(--color-line);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.order-row-foot strong{color:var(--color-neutral-900)}.order-row-actions{gap:var(--spacing-2);display:flex}.admin-shell{min-height:calc(100dvh - var(--header-height) - 34px);background:var(--color-surface-muted);grid-template-columns:248px minmax(0,1fr);display:grid}.admin-side{top:calc(var(--header-height) + 34px);height:calc(100dvh - var(--header-height) - 34px);padding:var(--spacing-5) var(--spacing-4);background:var(--color-primary-dark);color:#fff;flex-direction:column;display:flex;position:sticky}.admin-side-head{padding:0 var(--spacing-3) var(--spacing-5);flex-direction:column;gap:2px;display:flex}.admin-side-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-black)}.admin-side-user{font-size:var(--font-size-xs);color:#9fb3dd}.admin-side-nav{gap:4px;display:grid}.admin-link{border-radius:var(--radius-md);color:#cfdbef;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);align-items:center;gap:12px;padding:11px 12px;display:flex}.admin-link:hover{color:#fff;background:#ffffff14}.admin-link.active{color:var(--color-primary);background:#fff}.admin-link.subtle{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.admin-side-foot{padding-top:var(--spacing-4);border-top:1px solid #ffffff1f;gap:2px;margin-top:auto;display:grid}.admin-content{min-width:0;padding:clamp(20px,3vw,40px)}.admin-page{gap:var(--spacing-5);grid-template-columns:minmax(0,1fr);display:grid}.admin-page-head{justify-content:space-between;align-items:flex-end;gap:var(--spacing-4);flex-wrap:wrap;display:flex}.admin-page-head h1{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:var(--font-weight-black)}.admin-head-actions{gap:var(--spacing-3);flex-wrap:wrap;display:flex}.admin-search{border:1px solid var(--color-neutral-300);border-radius:var(--radius-full);min-width:min(320px,100%);height:44px;color:var(--color-neutral-500);background:#fff;align-items:center;gap:8px;padding:0 14px;display:flex}.admin-search input{min-width:0;font:inherit;font-size:var(--font-size-sm);color:var(--color-neutral-900);background:0 0;border:0;outline:none;flex:1}.admin-search:focus-within{border-color:var(--color-primary)}.admin-card{padding:var(--spacing-6);border:1px solid var(--color-line);border-radius:var(--radius-xl);background:#fff}.admin-card.flush{padding:0;overflow:hidden}.admin-card-head{justify-content:space-between;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4);display:flex}.admin-card-head h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-black)}.admin-grid{gap:var(--spacing-5);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);display:grid}.stat-grid{gap:var(--spacing-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.stat-tile{padding:var(--spacing-5);border:1px solid var(--color-line);border-radius:var(--radius-xl);color:var(--color-neutral-800);background:#fff;gap:4px;display:grid}a.stat-tile:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-md);color:var(--color-neutral-800)}.stat-tile.accent{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.stat-icon{border-radius:var(--radius-md);background:var(--color-primary-100);width:40px;height:40px;color:var(--color-primary);place-items:center;margin-bottom:6px;display:grid}.stat-label{font-size:var(--font-size-sm);color:var(--color-neutral-600)}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);color:var(--color-neutral-900)}.stat-value .price{font-size:inherit}.stat-sub{font-size:var(--font-size-xs);color:var(--color-neutral-500)}.chart{margin:0}.chart-title{margin-bottom:var(--spacing-5);font-size:var(--font-size-lg);font-weight:var(--font-weight-black);color:var(--color-primary)}.chart-bars{border-bottom:1px solid var(--color-line);grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:2px;height:200px;padding-bottom:28px;display:grid;position:relative}.chart-col{outline:none;justify-content:center;align-items:flex-end;height:100%;display:flex;position:relative}.chart-bar{background:var(--color-primary);width:min(28px,60%);transition:filter var(--transition-fast);border-radius:4px 4px 0 0}.chart-col:hover .chart-bar,.chart-col:focus-visible .chart-bar{filter:brightness(1.35)}.chart-label{font-size:var(--font-size-xs);color:var(--color-neutral-500);white-space:nowrap;position:absolute;bottom:-24px}.chart-tip{z-index:2;border-radius:var(--radius-md);background:var(--color-neutral-900);color:#fff;font-size:var(--font-size-xs);white-space:nowrap;box-shadow:var(--shadow-md);pointer-events:none;flex-direction:column;padding:8px 10px;display:none;position:absolute;bottom:calc(100% + 6px)}.chart-col:hover .chart-tip,.chart-col:focus-visible .chart-tip{display:flex;top:0;bottom:auto;transform:translateY(-110%)}.chart-tip span{color:#cfdbef}.low-stock{margin:0;padding:0;list-style:none}.low-stock li{justify-content:space-between;align-items:center;gap:var(--spacing-3);border-bottom:1px solid var(--color-line);font-size:var(--font-size-sm);padding-block:10px;display:flex}.low-stock li:last-child{border-bottom:0}.low-stock a{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.table-wrap{position:relative;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.data-table th{background:var(--color-surface-muted);color:var(--color-neutral-600);font-weight:var(--font-weight-bold);text-align:start;white-space:nowrap;padding:12px 16px}.admin-card:not(.flush) .data-table th:first-child{border-start-start-radius:var(--radius-md)}.admin-card:not(.flush) .data-table th:last-child{border-start-end-radius:var(--radius-md)}.data-table td{border-top:1px solid var(--color-line);vertical-align:middle;padding:12px 16px}.data-table tbody tr:hover td{background:var(--color-neutral-50)}.data-table tr.is-muted td{color:var(--color-neutral-500)}.data-table a{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.mono{font-variant-numeric:tabular-nums;font-weight:var(--font-weight-bold);color:var(--color-primary);text-align:start}.cell-stack{flex-direction:column;gap:2px;display:flex}.cell-stack span{font-size:var(--font-size-xs);color:var(--color-neutral-500);text-align:start}.product-cell{align-items:center;gap:12px;display:flex}.product-thumb{border-radius:var(--radius-md);width:44px;height:44px;color:var(--color-neutral-400);background:#f4f6f9;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.product-thumb img{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%}.row-actions{justify-content:flex-end;gap:2px;display:flex}.row-actions .icon-btn{width:36px;height:36px}.danger-btn:hover{background:var(--color-error-light)!important;color:var(--color-error)!important}.row-toggle{width:32px;height:32px}.row-toggle .icon{transition:transform var(--transition-fast)}tr.is-open .row-toggle .icon{transform:rotate(180deg)}.row-detail td{background:var(--color-surface-muted)!important}.row-detail-grid{gap:var(--spacing-8);padding:var(--spacing-2) var(--spacing-4);grid-template-columns:1.4fr 1fr;display:grid}.row-detail h3{font-size:var(--font-size-sm);color:var(--color-neutral-600);margin-bottom:var(--spacing-2)}.status-select{border-radius:var(--radius-full);height:36px;font:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);cursor:pointer;border:0;padding-inline:12px 28px}.status-select:disabled{cursor:default;opacity:.8}.admin-tile-grid{gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.admin-tile{border:1px solid var(--color-line);border-radius:var(--radius-xl);background:#fff;flex-direction:column;display:flex;overflow:hidden}.admin-tile-img{aspect-ratio:16/10;color:var(--color-neutral-400);background:#f4f6f9;place-items:center;display:grid}.admin-tile-img img{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%}.no-image{font-size:var(--font-size-xs);color:var(--color-warning);flex-direction:column;align-items:center;gap:6px;display:flex}.admin-tile-body{padding:var(--spacing-4) var(--spacing-4) 0;font-size:var(--font-size-sm);gap:2px;display:grid}.admin-tile-body h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-black)}.admin-tile-body span{text-align:start}.admin-tile-actions{gap:var(--spacing-2);padding:var(--spacing-4);margin-top:auto;display:flex}.admin-form fieldset{margin:0 0 var(--spacing-5);border:0;padding:0}.admin-form legend{margin-bottom:var(--spacing-3);font-weight:var(--font-weight-black);color:var(--color-primary)}.admin-form .form-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.switch-row{gap:var(--spacing-6);flex-wrap:wrap;display:flex}.form-alert{margin-bottom:var(--spacing-4);border-radius:var(--radius-md);background:var(--color-error-light);color:var(--color-error);font-size:var(--font-size-sm);padding:12px 14px}.modal-actions{bottom:calc(-1 * var(--spacing-6));justify-content:flex-end;align-items:center;gap:var(--spacing-3);margin:0 calc(-1 * var(--spacing-6)) calc(-1 * var(--spacing-6));padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-line);background:#fff;display:flex;position:sticky}.modal-actions .text-btn{margin-inline-end:auto}.apply-cell{align-items:flex-end;display:flex}.print-only{display:none}@media print{.site-header,.site-footer,.admin-side,.hide-on-print,.announcement-bar,.toast-container{display:none!important}.invoice-sheet,.shipping-label{max-width:none;box-shadow:none;border-radius:0}.invoice-sheet{break-after:avoid;border:0}.shipping-label{break-inside:avoid;margin-top:24px}.invoice-table th{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#eef2f8!important}.admin-shell{background:#fff;display:block}.admin-content{padding:0}.admin-card{border:0}.print-only{display:block}.print-title{text-align:center;margin-bottom:16px}}.field-hint{font-size:var(--font-size-xs);color:var(--color-neutral-500);margin-top:6px}.btn.is-on{border-color:var(--color-primary);background:var(--color-primary-50)}.check-col{text-align:center;width:44px}.check-col input{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.data-table tr.is-selected td{background:var(--color-primary-50)}.admin-filter-bar{align-items:flex-end;gap:var(--spacing-3) var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--color-line);border-radius:var(--radius-xl);background:#fff;flex-wrap:wrap;display:flex}.admin-filter-bar .form-group{min-width:160px;margin:0}.bulk-bar{z-index:5;align-items:center;gap:var(--spacing-3);padding:10px var(--spacing-4);border-radius:var(--radius-lg);background:var(--color-primary);color:#fff;box-shadow:var(--shadow-md);flex-wrap:wrap;animation:.16s ease-out bulk-in;display:flex;position:sticky;top:72px}.bulk-bar .form-select{width:auto;min-width:160px;height:36px}.bulk-bar .btn-outline{color:#fff;background:0 0;border-color:#ffffff80}.bulk-bar .btn-outline:hover{background:#ffffff1f}.bulk-bar .text-btn{color:#dbe5f6}@keyframes bulk-in{0%{opacity:0;transform:translateY(-4px)}}.admin-pager{justify-content:space-between;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.admin-pager-btns{align-items:center;gap:var(--spacing-2);display:flex}.admin-pager-current{text-align:center;min-width:64px;font-weight:var(--font-weight-bold)}.segmented{border:1px solid var(--color-line);border-radius:var(--radius-full);background:#fff;padding:3px;display:inline-flex}.segmented button{border-radius:var(--radius-full);min-height:36px;font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-neutral-600);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:0;padding:0 16px}.segmented button.active{background:var(--color-primary);color:#fff}.range-summary{gap:var(--spacing-3);margin-top:var(--spacing-10);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.range-summary div{padding:var(--spacing-3);border-radius:var(--radius-md);background:var(--color-neutral-50)}.range-summary dt{font-size:var(--font-size-xs);color:var(--color-neutral-500)}.range-summary dd{font-weight:var(--font-weight-black);margin:4px 0 0}.chart-bars.dense{grid-template-columns:repeat(auto-fit,minmax(4px,1fr))}.chart-bars.dense .chart-label{display:none}.chart-bars.dense .chart-col:nth-child(7n+1) .chart-label{display:block}.best-sellers{margin:0 0 var(--spacing-2);counter-reset:best;padding:0;list-style:none}.best-sellers li{align-items:center;gap:var(--spacing-3);border-bottom:1px solid var(--color-line);font-size:var(--font-size-sm);counter-increment:best;grid-template-columns:auto minmax(0,1fr) auto auto;padding-block:10px;display:grid}.best-sellers li:before{content:counter(best);background:var(--color-primary-50);width:24px;height:24px;color:var(--color-primary);font-weight:var(--font-weight-black);font-size:var(--font-size-xs);border-radius:50%;place-items:center;display:grid}.best-sellers a{color:var(--color-primary);font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-card-head.spaced{margin-top:var(--spacing-6)}.row-detail-grid.three{grid-template-columns:1.3fr 1fr minmax(220px,.9fr)}.row-detail-actions{align-content:start;gap:var(--spacing-3);display:grid}.tracking-form .form-label{font-size:var(--font-size-xs)}.tracking-row{gap:var(--spacing-2);display:flex}.tracking-row .form-input{min-width:0;height:38px}.order-line-sum{color:var(--color-neutral-600)}.stock-input{border:1.5px solid var(--color-line);border-radius:var(--radius-full);width:72px;height:34px;font:inherit;font-weight:var(--font-weight-bold);text-align:center;background:#fff;padding:0 8px}.stock-input.tone-bad{border-color:var(--color-error);color:var(--color-error)}.stock-input.tone-warn{border-color:var(--color-warning)}.stock-input:focus{border-color:var(--color-primary);outline:none}.chip-picker{flex-wrap:wrap;gap:8px;display:flex}.image-manager{gap:var(--spacing-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.image-item{border:1.5px solid var(--color-line);border-radius:var(--radius-lg);background:#fff;margin:0;display:grid;position:relative;overflow:hidden}.image-item.is-primary{border-color:var(--color-primary)}.image-item img{aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;background:#f4f6f9;width:100%}.image-item figcaption{gap:6px;padding:8px;display:grid}.image-item .form-input{height:32px;font-size:var(--font-size-xs)}.image-actions{font-size:var(--font-size-xs);justify-content:space-between;align-items:center;gap:4px;display:flex}.image-badge{top:6px;font-size:10px;position:absolute;inset-inline-start:6px}.image-drop{min-height:160px;margin-bottom:var(--spacing-4);border:2px dashed var(--color-neutral-300);border-radius:var(--radius-lg);background:var(--color-neutral-50);color:var(--color-neutral-600);font-size:var(--font-size-sm);text-align:center;cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast);place-items:center;display:grid;position:relative;overflow:hidden}.image-drop span{padding:var(--spacing-3);justify-items:center;gap:6px;display:grid}.image-drop img{object-fit:cover;width:100%;height:200px}.image-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.image-drop:hover,.image-drop.is-dragging{border-color:var(--color-primary);background:var(--color-primary-50)}.image-drop.small{aspect-ratio:auto;min-height:0;margin:0}.admin-tile.is-muted .admin-tile-img img{opacity:.5}.admin-tile-img{position:relative}.tile-flag{top:8px;position:absolute;inset-inline-start:8px}.settings-form{gap:var(--spacing-5);display:grid}.settings-form fieldset+fieldset{margin-top:var(--spacing-2)}.settings-actions{justify-content:flex-end;display:flex}.invoice-toolbar{justify-content:space-between;align-items:center;display:flex}.invoice-sheet,.shipping-label{border:1px solid var(--color-line);border-radius:var(--radius-xl);width:100%;max-width:820px;color:var(--color-neutral-900);background:#fff;margin-inline:auto;padding:clamp(20px,4vw,40px)}.invoice-head{justify-content:space-between;gap:var(--spacing-5);padding-bottom:var(--spacing-5);border-bottom:2px solid var(--color-primary);flex-wrap:wrap;display:flex}.invoice-brand{gap:var(--spacing-2);display:grid}.invoice-store{font-size:var(--font-size-xs);line-height:1.7}.invoice-meta h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-black);color:var(--color-primary);margin-bottom:var(--spacing-2)}.invoice-meta dl{font-size:var(--font-size-sm);gap:4px;margin:0;display:grid}.invoice-meta dl div{gap:var(--spacing-3);justify-content:space-between;display:flex}.invoice-meta dt{color:var(--color-neutral-500)}.invoice-meta dd{font-weight:var(--font-weight-bold);margin:0}.invoice-party{padding-block:var(--spacing-5);font-size:var(--font-size-sm);line-height:1.8}.invoice-party h2{font-size:var(--font-size-sm);color:var(--color-neutral-500);margin-bottom:4px}.invoice-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.invoice-table th{background:var(--color-primary-50);text-align:start;font-weight:var(--font-weight-bold);padding:10px}.invoice-table td{border-bottom:1px solid var(--color-line);padding:10px}.invoice-table tfoot td{border-bottom:0;padding-block:6px}.invoice-table tfoot td:first-child{text-align:end;color:var(--color-neutral-600)}.invoice-total td{font-size:var(--font-size-lg);font-weight:var(--font-weight-black);border-top:2px solid var(--color-primary)!important}.invoice-notes,.invoice-thanks{margin-top:var(--spacing-5);font-size:var(--font-size-sm)}.shipping-label{gap:var(--spacing-5);border:2px dashed var(--color-neutral-400);grid-template-columns:1fr 1.4fr;display:grid}.shipping-label>div{font-size:var(--font-size-sm);align-content:start;gap:4px;line-height:1.7;display:grid}.shipping-label-to{border-inline-start:1px solid var(--color-line);padding-inline-start:var(--spacing-5);font-size:var(--font-size-md)!important}.shipping-label-to strong{font-size:var(--font-size-lg)}.shipping-label-foot{padding-top:var(--spacing-3);border-top:1px solid var(--color-line);font-weight:var(--font-weight-bold);grid-column:1/-1;justify-content:space-between;display:flex!important}@media (width<=1100px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid{grid-template-columns:1fr}}@media (width<=960px){.account-layout{grid-template-columns:1fr}.account-nav{position:static}.account-nav nav{scrollbar-width:none;grid-auto-columns:max-content;grid-auto-flow:column;overflow-x:auto}.admin-shell{grid-template-columns:minmax(0,1fr)}.admin-side{min-width:0;height:auto;padding:var(--spacing-3);position:static}.admin-side-head{display:none}.admin-side-nav,.admin-side-foot{scrollbar-width:none;grid-auto-columns:max-content;grid-auto-flow:column;overflow-x:auto}.admin-side-foot{margin-top:var(--spacing-2);padding-top:var(--spacing-2)}.row-detail-grid,.row-detail-grid.three{gap:var(--spacing-4);grid-template-columns:1fr}.bulk-bar{top:8px}}@media (width<=600px){.form-grid.two{grid-template-columns:1fr}.range-summary{margin-top:var(--spacing-8);grid-template-columns:1fr}.admin-filter-bar .form-group{flex:140px;min-width:0}.shipping-label{grid-template-columns:1fr}.shipping-label-to{border-inline-start:0;padding-inline-start:0}.admin-head-actions{width:100%}.admin-head-actions .admin-search{flex:100%}.stat-grid{gap:var(--spacing-3)}.stat-value{font-size:var(--font-size-xl)}.order-row-summary{display:none}.order-row-actions{width:100%}.order-row-actions .btn{flex:1}}@media (width<=768px){.account-link{min-height:44px;padding:var(--spacing-2) var(--spacing-3)}.tab-row{gap:var(--spacing-2);flex-wrap:wrap}.tab{white-space:normal;word-break:break-word}.order-row-actions{gap:var(--spacing-2);flex-wrap:wrap}.order-row-actions .btn{min-height:44px;padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs)}.account-save{flex-direction:column-reverse}.account-save .btn{width:100%}}.auth-split{gap:var(--spacing-6,1.5rem);max-width:1200px;padding:var(--spacing-6,1.5rem) var(--spacing-4,1rem) var(--spacing-10,2.5rem);grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:min(780px,100dvh - 140px);margin-inline:auto;display:grid}.auth-pane{padding-block:var(--spacing-6,1.5rem);justify-content:center;align-items:center;display:flex}.auth-pane-inner{gap:var(--spacing-5,1.25rem);flex-direction:column;width:100%;max-width:420px;animation:.5s cubic-bezier(.16,1,.3,1) both auth-rise;display:flex}.auth-head h1{margin:0 0 var(--spacing-2,.5rem);font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.25;font-weight:var(--font-weight-black,800);color:var(--color-neutral-900);letter-spacing:-.01em}.auth-head p{color:var(--color-neutral-600);line-height:var(--line-height-relaxed,1.9);max-width:38ch;margin:0}.auth-tabs{background:var(--color-surface-sky);border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.auth-tabs button{min-height:44px;padding-inline:var(--spacing-3,.75rem);color:var(--color-neutral-700);font:inherit;font-weight:var(--font-weight-semibold,600);cursor:pointer;background:0 0;border:0;border-radius:999px;transition:background-color .2s,color .2s,box-shadow .2s}.auth-tabs button:hover:not(.active){background:#fff9}.auth-tabs button.active{background:var(--color-surface);color:var(--color-primary);box-shadow:0 2px 8px #12348f24}.auth-form{gap:var(--spacing-4,1rem);flex-direction:column;display:flex}.auth-field{gap:var(--spacing-2,.5rem);flex-direction:column;display:flex}.auth-field label{font-weight:var(--font-weight-semibold,600);font-size:var(--font-size-sm,.875rem);color:var(--color-neutral-800)}.auth-field input{width:100%;min-height:52px;padding-inline:var(--spacing-4,1rem);border:1.5px solid var(--color-neutral-300);background:var(--color-surface);color:var(--color-neutral-900);font:inherit;border-radius:14px;font-size:1rem;transition:border-color .15s,box-shadow .15s}.auth-field input::placeholder{color:var(--color-neutral-500);opacity:1}.auth-field input:hover{border-color:var(--color-neutral-400)}.auth-field input:focus-visible{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 4px #12348f24}.auth-field input[aria-invalid=true]{border-color:var(--color-error)}.auth-field input.otp-code{text-align:center;font-size:1.5rem;font-weight:var(--font-weight-bold,700);letter-spacing:.5em;padding-inline-start:calc(var(--spacing-4,1rem) + .5em)}.auth-field small{color:var(--color-neutral-600);font-size:var(--font-size-sm,.875rem);line-height:1.6}.auth-error{padding:var(--spacing-3,.75rem) var(--spacing-4,1rem);background:var(--color-error-light);color:#8f1f19;font-size:var(--font-size-sm,.875rem);border-radius:14px;line-height:1.6}.auth-submit{justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);background:var(--color-primary);color:#fff;min-height:54px;font:inherit;font-weight:var(--font-weight-bold,700);cursor:pointer;border:0;border-radius:999px;transition:background-color .2s,transform .15s,box-shadow .2s;display:inline-flex}.auth-submit:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:0 8px 20px #12348f47}.auth-submit:active:not(:disabled){transform:scale(.98)}.auth-submit:focus-visible,.auth-tabs button:focus-visible,.auth-link-btn:focus-visible,.auth-switch a:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.auth-submit:disabled{opacity:.7;cursor:progress}.btn-spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite auth-spin}.auth-link-btn{min-height:44px;padding-inline:var(--spacing-3,.75rem);color:var(--color-primary);font:inherit;font-weight:var(--font-weight-semibold,600);cursor:pointer;background:0 0;border:0;align-self:center}.auth-link-btn:hover{text-decoration:underline}.auth-switch{padding-top:var(--spacing-4,1rem);border-top:1px solid var(--color-line);color:var(--color-neutral-700);margin:0}.auth-switch a{color:var(--color-primary);font-weight:var(--font-weight-bold,700)}.auth-visual{background:var(--color-neutral-900);isolation:isolate;border-radius:28px;position:relative;overflow:hidden}.auth-visual img{object-fit:cover;object-position:62% 40%;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.auth-visual:after{content:"";z-index:-1;background:linear-gradient(#0000 30%,#0716428c 62%,#071642eb 100%);position:absolute;inset:0}.auth-visual-copy{inset-inline:var(--spacing-8,2rem);color:#fff;position:absolute;inset-block-end:var(--spacing-8,2rem)}.auth-visual-title{margin:0 0 var(--spacing-4,1rem);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:var(--font-weight-black,800);line-height:1.2}.auth-visual-copy ul{gap:var(--spacing-3,.75rem);margin:0;padding:0;list-style:none;display:grid}.auth-visual-copy li{align-items:center;gap:var(--spacing-3,.75rem);font-size:var(--font-size-base,1rem);display:flex}.auth-visual-copy li .icon{color:#5fd0de;flex:none}@keyframes auth-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.auth-pane-inner{animation:none}.btn-spinner{animation-duration:1.6s}.auth-submit,.auth-tabs button,.auth-field input{transition:none}}@media (width<=900px){.auth-split{min-height:0;padding-block:var(--spacing-4,1rem) var(--spacing-8,2rem);grid-template-columns:minmax(0,1fr)}.auth-visual{display:none}.auth-pane{padding-block:var(--spacing-2,.5rem)}.auth-pane-inner{max-width:480px}}.app{flex-direction:column;min-height:100dvh;display:flex}main{flex:1}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (width<=768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}@media (width>=769px) and (width<=1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}