:root{--white: #FFFFFF;--off-white: #F8F9FB;--gray-50: #F1F4F8;--gray-100: #E4E9F0;--gray-200: #CBD5E1;--gray-400: #94A3B8;--gray-600: #475569;--gray-800: #1E293B;--navy: #0F1B2D;--navy-light: #162236;--blue: #0066FF;--blue-dark: #0052CC;--blue-light: #EBF3FF;--blue-mid: #DBEAFE;--cyan: #00C8FF;--cyan-light: #E0F9FF;--text-heading: #0A0F1E;--text-body: #374151;--text-muted: #6B7280;--text-subtle: #9CA3AF;--success: #059669;--danger: #DC2626;--warning: #D97706;--gold: #F59E0B;--font-display: "Syne", "Plus Jakarta Sans", sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, sans-serif;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-2xl: 40px;--shadow-xs: 0 1px 3px rgba(15,27,45,.06), 0 1px 2px rgba(15,27,45,.04);--shadow-sm: 0 2px 8px rgba(15,27,45,.08), 0 1px 3px rgba(15,27,45,.05);--shadow-md: 0 4px 20px rgba(15,27,45,.1), 0 2px 6px rgba(15,27,45,.06);--shadow-lg: 0 8px 40px rgba(15,27,45,.12), 0 4px 12px rgba(15,27,45,.07);--shadow-xl: 0 20px 60px rgba(15,27,45,.15), 0 8px 24px rgba(15,27,45,.08);--shadow-blue: 0 8px 30px rgba(0,102,255,.25);--shadow-card-hover: 0 16px 48px rgba(15,27,45,.14), 0 4px 16px rgba(15,27,45,.08);--max-width: 1300px;--header-height: 68px;--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--t-fast: .15s;--t-base: .25s;--t-slow: .4s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--white);color:var(--text-body);font-family:var(--font-body);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}ul{list-style:none}input,select,textarea{font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-heading);line-height:1.15;font-weight:800;letter-spacing:-.025em}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.6rem,3vw,2.4rem)}h3{font-size:clamp(1.1rem,2vw,1.4rem)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:14px}.eyebrow:before{content:"";width:20px;height:2px;background:var(--blue);border-radius:2px;flex-shrink:0}.container{max-width:var(--max-width);margin:0 auto;padding:0 28px}@media(max-width:768px){.container{padding:0 16px}}.section-pad{padding:88px 0}.section-pad-sm{padding:56px 0}@media(max-width:768px){.section-pad{padding:56px 0}.section-pad-sm{padding:40px 0}}.bg-white{background:var(--white)}.bg-offwhite{background:var(--off-white)}.bg-navy{background:var(--navy)}.announcement-bar{background:var(--navy);color:#ffffffe6;text-align:center;padding:9px 16px;font-size:12.5px;font-weight:500;letter-spacing:.01em;position:relative;overflow:hidden}.announcement-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(0,102,255,.12) 50%,transparent 100%);animation:shimmer-bar 3s ease-in-out infinite}@keyframes shimmer-bar{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.announcement-bar strong{color:var(--cyan)}.site-header{position:sticky;top:0;z-index:999;background:#fffffff5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--gray-100);height:var(--header-height);transition:box-shadow var(--t-base) var(--ease)}.site-header.scrolled{box-shadow:var(--shadow-sm)}.header-inner{display:flex;align-items:center;height:100%;gap:24px}.header-logo{flex-shrink:0;display:flex;align-items:center;gap:10px}.logo-img{height:38px;width:auto}.logo-wordmark{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--navy);letter-spacing:-.03em}.logo-wordmark em{font-style:normal;color:var(--blue)}.header-nav{display:flex;align-items:center;gap:2px;flex:1}.header-nav a{padding:8px 14px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;color:var(--gray-600);transition:color var(--t-fast) var(--ease),background var(--t-fast) var(--ease);white-space:nowrap}.header-nav a:hover{color:var(--text-heading);background:var(--gray-50)}.header-nav a.active{color:var(--blue)}.header-nav .nav-badge{background:var(--blue);color:#fff;font-size:9px;font-weight:700;padding:2px 5px;border-radius:4px;margin-left:4px;vertical-align:middle}.header-search{flex:1;max-width:380px;position:relative}.header-search input{width:100%;background:var(--gray-50);border:1.5px solid transparent;border-radius:var(--radius-md);padding:9px 16px 9px 38px;font-size:13.5px;color:var(--text-heading);transition:border-color var(--t-base) var(--ease),background var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease)}.header-search input::placeholder{color:var(--text-subtle)}.header-search input:focus{outline:none;background:var(--white);border-color:var(--blue);box-shadow:0 0 0 3px #0066ff1a}.header-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-subtle);pointer-events:none}.header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.header-icon-btn{position:relative;width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--gray-600);transition:color var(--t-fast),background var(--t-fast)}.header-icon-btn:hover{color:var(--text-heading);background:var(--gray-50)}.cart-bubble{position:absolute;top:3px;right:3px;width:17px;height:17px;background:var(--blue);color:#fff;font-size:9px;font-weight:800;border-radius:50%;display:none;align-items:center;justify-content:center;border:2px solid var(--white)}.cart-bubble.visible{display:flex}.mobile-toggle{display:none}@media(max-width:960px){.header-nav,.header-search{display:none}.mobile-toggle{display:flex}}.mobile-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;pointer-events:none}.mobile-drawer.open{pointer-events:all}.drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0f1e80;opacity:0;transition:opacity var(--t-slow) var(--ease);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-drawer.open .drawer-backdrop{opacity:1}.drawer-panel{position:absolute;right:0;top:0;bottom:0;width:min(380px,90vw);background:var(--white);transform:translate(100%);transition:transform var(--t-slow) var(--ease-out);display:flex;flex-direction:column;overflow-y:auto}.mobile-drawer.open .drawer-panel{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--gray-100)}.drawer-nav{padding:16px;display:flex;flex-direction:column;gap:4px}.drawer-nav a{padding:14px 16px;border-radius:var(--radius-md);font-size:15px;font-weight:600;color:var(--text-heading);display:flex;align-items:center;gap:12px;transition:background var(--t-fast)}.drawer-nav a:hover{background:var(--gray-50)}.drawer-nav-icon{font-size:20px;width:28px;text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:14px;font-weight:700;line-height:1;cursor:pointer;border:2px solid transparent;transition:all var(--t-base) var(--ease);white-space:nowrap;letter-spacing:.01em}.btn:active{transform:scale(.97)}.btn-primary{background:var(--blue);color:#fff;box-shadow:var(--shadow-blue)}.btn-primary:hover{background:var(--blue-dark);transform:translateY(-2px);box-shadow:0 12px 36px #0066ff59}.btn-navy{background:var(--navy);color:#fff;box-shadow:0 6px 20px #0f1b2d33}.btn-navy:hover{background:var(--navy-light);transform:translateY(-2px);box-shadow:0 12px 36px #0f1b2d47}.btn-outline{background:transparent;color:var(--blue);border-color:var(--blue)}.btn-outline:hover{background:var(--blue);color:#fff;transform:translateY(-2px)}.btn-ghost{background:var(--gray-50);color:var(--text-heading);border-color:var(--gray-100)}.btn-ghost:hover{background:var(--gray-100)}.btn-white{background:#fff;color:var(--navy);box-shadow:var(--shadow-md)}.btn-white:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-lg{padding:16px 36px;font-size:15px;border-radius:var(--radius-md)}.btn-sm{padding:9px 18px;font-size:12.5px;border-radius:var(--radius-xs)}.btn-full{width:100%}.btn-icon-right svg{transition:transform var(--t-base) var(--ease-spring)}.btn-icon-right:hover svg{transform:translate(4px)}.section-header{margin-bottom:52px}.section-header.centered{text-align:center}.section-header.centered .eyebrow{justify-content:center}.section-header.centered .eyebrow:before{display:none}.section-header h2{margin-bottom:14px}.section-header .lead{font-size:16px;color:var(--text-muted);max-width:520px;line-height:1.7}.section-header.centered .lead{margin:0 auto}.hero{background:var(--white);overflow:hidden;position:relative;min-height:calc(100vh - var(--header-height));display:flex;align-items:center}.hero-mesh{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.hero-mesh:before{content:"";position:absolute;top:-30%;right:-15%;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle at center,rgba(0,102,255,.07) 0%,rgba(0,200,255,.04) 40%,transparent 70%);animation:mesh-float-1 12s ease-in-out infinite}.hero-mesh:after{content:"";position:absolute;bottom:-20%;left:-10%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle at center,rgba(0,200,255,.05) 0%,rgba(0,102,255,.03) 40%,transparent 70%);animation:mesh-float-2 10s ease-in-out infinite}.hero-dots{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(0,102,255,.07) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse 80% 80% at 80% 40%,black 0%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 80% 40%,black 0%,transparent 100%)}@keyframes mesh-float-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-30px,20px) scale(1.05)}66%{transform:translate(20px,-30px) scale(.95)}}@keyframes mesh-float-2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-20px) scale(1.08)}}.hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:80px 0;width:100%}@media(max-width:900px){.hero-layout{grid-template-columns:1fr;text-align:center;padding:60px 0;gap:48px}}.hero-pill{display:inline-flex;align-items:center;gap:8px;background:var(--blue-light);border:1px solid rgba(0,102,255,.2);border-radius:100px;padding:7px 14px 7px 10px;font-size:12px;font-weight:700;color:var(--blue);margin-bottom:24px;animation:fade-up .6s var(--ease-out) both}.hero-pill-dot{width:20px;height:20px;border-radius:50%;background:var(--blue);color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hero-title{font-size:clamp(2.4rem,5vw,3.8rem);font-weight:800;line-height:1.06;letter-spacing:-.035em;margin-bottom:22px;animation:fade-up .6s .1s var(--ease-out) both}.hero-title .line-blue{color:var(--blue)}.hero-title .line-navy{color:var(--navy)}.hero-body{font-size:16.5px;color:var(--text-muted);line-height:1.75;max-width:480px;margin-bottom:36px;animation:fade-up .6s .2s var(--ease-out) both}@media(max-width:900px){.hero-body{margin-left:auto;margin-right:auto}}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;animation:fade-up .6s .3s var(--ease-out) both}@media(max-width:900px){.hero-actions{justify-content:center}}.hero-stats{display:flex;gap:36px;margin-top:52px;padding-top:40px;border-top:1px solid var(--gray-100);animation:fade-up .6s .4s var(--ease-out) both}@media(max-width:900px){.hero-stats{justify-content:center}}.stat-num{font-family:var(--font-display);font-size:30px;font-weight:800;color:var(--text-heading);line-height:1;letter-spacing:-.03em}.stat-num .accent{color:var(--blue)}.stat-label{font-size:12px;color:var(--text-muted);margin-top:3px;font-weight:500}.hero-visual{position:relative;animation:fade-in-scale .8s .3s var(--ease-out) both}@media(max-width:900px){.hero-visual{max-width:480px;margin:0 auto}}.hero-visual-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);aspect-ratio:5/4;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.hero-visual-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue) 0%,var(--cyan) 100%)}.hero-float{position:absolute;background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-md);padding:12px 16px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:10px;white-space:nowrap}.hero-float.f1{top:-20px;left:-32px;animation:float-card 6s ease-in-out infinite}.hero-float.f2{bottom:-20px;right:-32px;animation:float-card 5s 1.5s ease-in-out infinite}.hero-float.f3{top:40%;right:-40px;animation:float-card 7s .8s ease-in-out infinite}@media(max-width:600px){.hero-float{display:none}}@keyframes float-card{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.float-icon.blue{background:var(--blue-light)}.float-icon.green{background:#0596691a}.float-icon.gold{background:#f59e0b1a}.float-label{font-size:12px;font-weight:700;color:var(--text-heading);line-height:1.2}.float-sub{font-size:11px;color:var(--text-muted)}.trust-strip{background:var(--navy);padding:0}.trust-strip-inner{display:flex;align-items:stretch;justify-content:center}.trust-item{display:flex;align-items:center;gap:12px;padding:20px 32px;flex:1;border-right:1px solid rgba(255,255,255,.08);transition:background var(--t-base);cursor:default}.trust-item:last-child{border-right:none}.trust-item:hover{background:#ffffff0a}@media(max-width:900px){.trust-strip-inner{flex-wrap:wrap}.trust-item{flex:1 1 50%;border-right:none;border-bottom:1px solid rgba(255,255,255,.08);padding:16px 20px}.trust-item:nth-child(odd){border-right:1px solid rgba(255,255,255,.08)}}@media(max-width:500px){.trust-item{flex:1 1 100%;border-right:none!important}}.trust-icon-wrap{width:40px;height:40px;border-radius:var(--radius-sm);background:#06f3;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;transition:transform var(--t-base) var(--ease-spring)}.trust-item:hover .trust-icon-wrap{transform:scale(1.1)}.trust-title{font-size:13.5px;font-weight:700;color:#fff;line-height:1.2}.trust-sub{font-size:11.5px;color:#ffffff8c;margin-top:1px}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.cat-card{display:flex;flex-direction:column;background:var(--white);border:1.5px solid var(--gray-100);border-radius:var(--radius-lg);padding:32px 24px;text-align:center;text-decoration:none;transition:border-color var(--t-base) var(--ease),transform var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease);cursor:pointer;position:relative;overflow:hidden}.cat-card:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan));transform:scaleX(0);transition:transform var(--t-base) var(--ease)}.cat-card:hover{border-color:var(--blue);transform:translateY(-6px);box-shadow:var(--shadow-card-hover)}.cat-card:hover:before{transform:scaleX(1)}.cat-icon{width:72px;height:72px;border-radius:var(--radius-lg);background:var(--blue-light);display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 20px;transition:transform var(--t-base) var(--ease-spring),background var(--t-base)}.cat-card:hover .cat-icon{transform:scale(1.12) rotate(-3deg);background:var(--blue)}.cat-title{font-size:15px;font-weight:800;color:var(--text-heading);margin-bottom:6px}.cat-sub{font-size:12.5px;color:var(--text-muted)}.cat-arrow{margin-top:16px;font-size:12px;font-weight:700;color:var(--blue);opacity:0;transform:translateY(6px);transition:opacity var(--t-base),transform var(--t-base)}.cat-card:hover .cat-arrow{opacity:1;transform:translateY(0)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}@media(max-width:600px){.products-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.product-card{background:var(--white);border:1.5px solid var(--gray-100);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:border-color var(--t-base),transform var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease);text-decoration:none;color:inherit;position:relative}.product-card:hover{border-color:var(--blue);transform:translateY(-5px);box-shadow:var(--shadow-card-hover)}.product-card-img{aspect-ratio:1;background:var(--gray-50);overflow:hidden;position:relative;display:block}.product-card-img img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-slow) var(--ease)}.product-card:hover .product-card-img img{transform:scale(1.06)}.product-card-img .no-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--gray-200)}.product-badge{position:absolute;top:10px;left:10px;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:4px 8px;border-radius:var(--radius-xs);z-index:2}.badge-sale{background:var(--danger);color:#fff}.badge-new{background:var(--blue);color:#fff}.badge-hot{background:var(--warning);color:#fff}.product-quick-add{position:absolute;bottom:10px;right:10px;width:36px;height:36px;border-radius:var(--radius-sm);background:#fff;border:1.5px solid var(--gray-100);display:flex;align-items:center;justify-content:center;color:var(--gray-400);font-size:16px;box-shadow:var(--shadow-sm);opacity:0;transform:translateY(8px);transition:opacity var(--t-base),transform var(--t-base),color var(--t-fast),border-color var(--t-fast);cursor:pointer;z-index:3}.product-card:hover .product-quick-add{opacity:1;transform:translateY(0)}.product-quick-add:hover{color:var(--danger);border-color:var(--danger)}.product-card-body{padding:16px;flex:1;display:flex;flex-direction:column}.product-vendor{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:5px}.product-title{font-size:13.5px;font-weight:700;color:var(--text-heading);line-height:1.4;margin-bottom:auto;padding-bottom:12px}.product-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid var(--gray-100)}.price-current{font-family:var(--font-display);font-size:16px;font-weight:800;color:var(--text-heading);line-height:1}.price-original{font-size:11.5px;color:var(--text-subtle);text-decoration:line-through;margin-top:2px}.price-sale{color:var(--danger)}.btn-add{background:var(--blue);color:#fff;border:none;border-radius:var(--radius-sm);padding:8px 14px;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;transition:all var(--t-fast) var(--ease);white-space:nowrap;flex-shrink:0}.btn-add:hover{background:var(--blue-dark);transform:scale(1.04)}.btn-add:disabled{background:var(--gray-200);color:var(--gray-400);cursor:not-allowed;transform:none}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.why-card{background:var(--white);border:1.5px solid var(--gray-100);border-radius:var(--radius-lg);padding:32px 28px;position:relative;overflow:hidden;transition:border-color var(--t-base),box-shadow var(--t-base),transform var(--t-base)}.why-card:hover{border-color:var(--blue);box-shadow:var(--shadow-md);transform:translateY(-3px)}.why-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan));transform:scaleX(0);transform-origin:left;transition:transform var(--t-slow) var(--ease)}.why-card:hover:after{transform:scaleX(1)}.why-number{font-family:var(--font-display);font-size:60px;font-weight:800;color:var(--blue);opacity:.08;line-height:1;position:absolute;top:16px;right:20px}.why-icon-wrap{width:52px;height:52px;border-radius:var(--radius-md);background:var(--blue-light);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:20px;transition:transform var(--t-base) var(--ease-spring)}.why-card:hover .why-icon-wrap{transform:scale(1.1) rotate(-5deg)}.why-card h3{font-size:16px;margin-bottom:10px}.why-card p{font-size:13.5px;color:var(--text-muted);line-height:1.7}.auth-banner{background:linear-gradient(135deg,var(--navy) 0%,#162B4A 100%);border-radius:var(--radius-2xl);padding:72px 56px;text-align:center;position:relative;overflow:hidden}.auth-banner:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(0,102,255,.15) 0%,transparent 70%);pointer-events:none}.auth-banner:after{content:"";position:absolute;bottom:-40%;left:-10%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(0,200,255,.1) 0%,transparent 70%);pointer-events:none}.auth-banner-inner{position:relative;z-index:1}.auth-chip{display:inline-flex;align-items:center;gap:8px;background:#0066ff40;border:1px solid rgba(0,102,255,.4);color:var(--cyan);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:8px 16px;border-radius:100px;margin-bottom:24px}.auth-banner h2{color:#fff;margin-bottom:14px;font-size:clamp(1.6rem,3vw,2.4rem)}.auth-banner p{color:#ffffffa6;max-width:500px;margin:0 auto 36px;font-size:16px;line-height:1.7}.auth-features{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:36px;padding-top:36px;border-top:1px solid rgba(255,255,255,.1)}.auth-feat{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#ffffffbf}.auth-feat-icon{width:28px;height:28px;border-radius:6px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:14px}.stats-band{background:var(--blue-light);border-top:1px solid rgba(0,102,255,.12);border-bottom:1px solid rgba(0,102,255,.12);padding:44px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}@media(max-width:700px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-cell{text-align:center;padding:20px 24px;border-right:1px solid rgba(0,102,255,.15)}.stat-cell:last-child{border-right:none}@media(max-width:700px){.stat-cell:nth-child(2){border-right:none}.stat-cell:nth-child(3){border-bottom:none;border-right:1px solid rgba(0,102,255,.15)}}.stat-cell-num{font-family:var(--font-display);font-size:40px;font-weight:800;color:var(--navy);letter-spacing:-.04em;line-height:1}.stat-cell-num .plus{color:var(--blue);font-size:28px}.stat-cell-label{font-size:13px;color:var(--text-muted);margin-top:6px;font-weight:500}.newsletter-wrap{max-width:520px;margin:0 auto;text-align:center}.newsletter-form{display:flex;gap:10px;margin-top:28px}@media(max-width:480px){.newsletter-form{flex-direction:column}}.newsletter-input{flex:1;background:#fff;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);padding:13px 18px;font-size:14px;color:var(--text-heading);transition:border-color var(--t-base),box-shadow var(--t-base)}.newsletter-input::placeholder{color:var(--text-subtle)}.newsletter-input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #0066ff1a}.product-page{padding:40px 0 80px}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}@media(max-width:900px){.product-layout{grid-template-columns:1fr;gap:36px}}.gallery-sticky{position:sticky;top:88px}.gallery-main-wrap{background:var(--gray-50);border:1.5px solid var(--gray-100);border-radius:var(--radius-xl);aspect-ratio:1;overflow:hidden;margin-bottom:10px;position:relative}.gallery-main-wrap img{width:100%;height:100%;object-fit:contain;padding:24px;transition:transform var(--t-slow) var(--ease)}.gallery-main-wrap:hover img{transform:scale(1.04)}.gallery-badge-row{position:absolute;bottom:16px;left:16px;display:flex;gap:6px}.gallery-badge{background:#fff;border:1px solid var(--gray-100);border-radius:var(--radius-xs);padding:4px 8px;font-size:10.5px;font-weight:700;color:var(--navy);box-shadow:var(--shadow-xs)}.gallery-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.g-thumb{aspect-ratio:1;background:var(--gray-50);border:1.5px solid var(--gray-100);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:border-color var(--t-fast)}.g-thumb.active,.g-thumb:hover{border-color:var(--blue)}.g-thumb img{width:100%;height:100%;object-fit:cover}.prod-vendor{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:10px}.prod-title{font-size:clamp(1.4rem,2.5vw,1.9rem);margin-bottom:14px;line-height:1.2}.prod-rating{display:flex;align-items:center;gap:8px;margin-bottom:20px}.stars{color:var(--gold);letter-spacing:2px;font-size:13px}.rating-text{font-size:13px;color:var(--text-muted)}.price-block{display:flex;align-items:baseline;gap:12px;padding:20px;background:var(--blue-light);border-radius:var(--radius-md);margin-bottom:24px}.price-block .price-main{font-family:var(--font-display);font-size:34px;font-weight:800;color:var(--navy);letter-spacing:-.03em}.price-block .price-currency{font-size:16px;color:var(--text-muted);font-weight:600;align-self:flex-start;padding-top:6px}.price-block .price-orig{font-size:16px;color:var(--text-subtle);text-decoration:line-through}.price-save-chip{background:var(--danger);color:#fff;font-size:11px;font-weight:800;padding:4px 8px;border-radius:var(--radius-xs)}.prod-divider{border:none;border-top:1px solid var(--gray-100);margin:22px 0}.variant-group{margin-bottom:20px}.variant-label{font-size:13px;font-weight:700;color:var(--text-heading);margin-bottom:10px}.variant-label span{color:var(--text-muted);font-weight:500}.variant-opts{display:flex;gap:8px;flex-wrap:wrap}.var-btn{padding:9px 18px;border-radius:var(--radius-sm);border:1.5px solid var(--gray-200);background:#fff;color:var(--text-heading);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--t-fast);font-family:inherit}.var-btn:hover{border-color:var(--blue);color:var(--blue)}.var-btn.active{border-color:var(--blue);background:var(--blue);color:#fff}.var-btn.unavailable{opacity:.35;cursor:not-allowed;text-decoration:line-through}.qty-row{display:flex;align-items:center;gap:16px;margin-bottom:18px}.qty-label{font-size:13px;font-weight:700;color:var(--text-heading)}.qty-ctrl{display:flex;align-items:center;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);overflow:hidden}.qty-btn{width:38px;height:40px;background:var(--gray-50);color:var(--text-heading);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--t-fast);border:none;font-family:inherit}.qty-btn:hover{background:var(--gray-100)}.qty-val{width:50px;height:40px;text-align:center;background:none;border:none;font-size:15px;font-weight:700;color:var(--text-heading);font-family:inherit}.atc-group{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.btn-buy-now{background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);padding:14px;font-size:14px;font-weight:700;color:var(--text-heading);font-family:inherit;cursor:pointer;transition:all var(--t-fast);text-align:center}.btn-buy-now:hover{border-color:var(--navy);background:var(--navy);color:#fff}.prod-trust{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.prod-trust-item{display:flex;align-items:center;gap:10px;background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-sm);padding:12px}.pt-icon{font-size:18px;flex-shrink:0}.pt-text{font-size:12px;font-weight:700;color:var(--text-heading);line-height:1.2}.pt-sub{font-size:11px;color:var(--text-muted)}.accordion{border:1.5px solid var(--gray-100);border-radius:var(--radius-md);overflow:hidden}.acc-item{border-bottom:1px solid var(--gray-100)}.acc-item:last-child{border-bottom:none}.acc-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font-size:14px;font-weight:700;color:var(--text-heading);font-family:inherit;cursor:pointer;background:none;border:none;text-align:left;transition:background var(--t-fast)}.acc-trigger:hover{background:var(--gray-50)}.acc-chevron{transition:transform var(--t-base) var(--ease);color:var(--text-muted);flex-shrink:0}.acc-trigger[aria-expanded=true] .acc-chevron{transform:rotate(180deg)}.acc-body{max-height:0;overflow:hidden;transition:max-height var(--t-slow) var(--ease),padding var(--t-base)}.acc-body.open{max-height:500px}.acc-body-inner{padding:0 20px 16px;font-size:13.5px;color:var(--text-muted);line-height:1.75}.acc-body-inner p+p{margin-top:10px}.specs-table{width:100%;border-collapse:collapse}.specs-table tr{border-bottom:1px solid var(--gray-100)}.specs-table td{padding:10px 12px;font-size:13px;vertical-align:top}.specs-table td:first-child{font-weight:700;color:var(--gray-600);width:42%}.collection-hero{background:var(--off-white);padding:48px 0 40px;border-bottom:1px solid var(--gray-100);margin-bottom:40px}.collection-hero h1{margin-bottom:8px}.collection-hero p{color:var(--text-muted);font-size:15px}.coll-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.coll-count{font-size:13.5px;color:var(--text-muted);font-weight:500}.coll-sort{background:#fff;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);padding:9px 14px;font-size:13px;color:var(--text-heading);font-family:inherit;cursor:pointer}.coll-sort:focus{outline:none;border-color:var(--blue)}.cart-page{padding:48px 0 80px}.cart-layout{display:grid;grid-template-columns:1fr 360px;gap:32px;align-items:start}@media(max-width:900px){.cart-layout{grid-template-columns:1fr}}.cart-items{display:flex;flex-direction:column;gap:14px}.cart-item{background:#fff;border:1.5px solid var(--gray-100);border-radius:var(--radius-lg);padding:16px;display:grid;grid-template-columns:88px 1fr auto;gap:16px;align-items:center}.cart-item-img{width:88px;height:88px;border-radius:var(--radius-md);overflow:hidden;background:var(--gray-50);flex-shrink:0}.cart-item-img img{width:100%;height:100%;object-fit:cover}.cart-item-title{font-size:14px;font-weight:700;color:var(--text-heading);margin-bottom:4px}.cart-item-variant{font-size:12px;color:var(--text-muted);margin-bottom:8px}.cart-remove{font-size:12px;font-weight:600;color:var(--text-subtle);background:none;border:none;cursor:pointer;transition:color var(--t-fast);padding:0}.cart-remove:hover{color:var(--danger)}.cart-summary{background:#fff;border:1.5px solid var(--gray-100);border-radius:var(--radius-xl);padding:24px;position:sticky;top:88px}.cart-summary h3{font-size:17px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--gray-100)}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;color:var(--text-muted);margin-bottom:10px}.summary-total{display:flex;justify-content:space-between;font-size:17px;font-weight:800;color:var(--text-heading);margin-top:16px;padding-top:16px;border-top:1.5px solid var(--gray-200);margin-bottom:20px}.site-footer{background:var(--navy);padding:64px 0 0}.footer-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:48px;padding-bottom:52px}@media(max-width:960px){.footer-grid{grid-template-columns:1fr 1fr;gap:36px}}@media(max-width:540px){.footer-grid{grid-template-columns:1fr}}.footer-brand p{font-size:13.5px;color:#ffffff80;line-height:1.75;margin:18px 0 22px;max-width:300px}.footer-logo-text{font-family:var(--font-display);font-size:22px;font-weight:800;color:#fff;letter-spacing:-.03em}.footer-logo-text em{font-style:normal;color:var(--cyan)}.footer-social{display:flex;gap:10px}.footer-social a{width:38px;height:38px;border-radius:var(--radius-sm);background:#ffffff12;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff9;font-size:15px;transition:all var(--t-base)}.footer-social a:hover{background:var(--blue);border-color:var(--blue);color:#fff;transform:translateY(-3px)}.footer-col h4{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff6;margin-bottom:18px}.footer-links{display:flex;flex-direction:column;gap:11px}.footer-links a{font-size:13.5px;color:#fff9;transition:color var(--t-fast)}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:20px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12.5px;color:#ffffff59}.footer-bottom a{color:#ffffff59;transition:color var(--t-fast)}.footer-bottom a:hover{color:#fff9}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12.5px;color:var(--text-subtle);margin-bottom:28px}.breadcrumb a{color:var(--text-subtle);transition:color var(--t-fast)}.breadcrumb a:hover{color:var(--blue)}.breadcrumb-sep{color:var(--gray-200)}.empty-state{text-align:center;padding:80px 24px}.empty-state h2{margin-bottom:12px}.empty-state p{color:var(--text-muted);margin-bottom:24px}.pagination{display:flex;justify-content:center;gap:8px;margin-top:52px}.pagination a,.pagination span{min-width:42px;height:42px;padding:0 12px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;font-size:13.5px;font-weight:600;border:1.5px solid var(--gray-200);background:#fff;color:var(--text-muted);transition:all var(--t-fast)}.pagination a:hover{border-color:var(--blue);color:var(--blue)}.pagination .current{border-color:var(--blue);background:var(--blue);color:#fff}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes count-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.stagger-children>*{opacity:0;transform:translateY(24px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}.stagger-children.visible>*:nth-child(1){opacity:1;transform:none;transition-delay:0s}.stagger-children.visible>*:nth-child(2){opacity:1;transform:none;transition-delay:.08s}.stagger-children.visible>*:nth-child(3){opacity:1;transform:none;transition-delay:.16s}.stagger-children.visible>*:nth-child(4){opacity:1;transform:none;transition-delay:.24s}.stagger-children.visible>*:nth-child(5){opacity:1;transform:none;transition-delay:.32s}.stagger-children.visible>*:nth-child(6){opacity:1;transform:none;transition-delay:.4s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--gray-50)}::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}::selection{background:#0066ff26;color:var(--text-heading)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/theme.css.map */