/** Shopify CDN: Minification failed Line 481:71 The "+" operator only works if there is whitespace on both sides Line 481:94 The "+" operator only works if there is whitespace on both sides **/ /* ======================================== JUST GET STARTED AI × KTDA SHOPIFY THEME v2.0 © 2026 Just Get Started AI ======================================== */ /* ── RESET & BASE ── */ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} :root{ --white:#FFFFFF;--off:#FAFAF8;--bg:#F3F1ED; --ink:#0C0B09;--ink2:#1E1C18;--ink3:#2E2B24; --muted:#7A7870;--muted2:#B0ADA5; --border:rgba(0,0,0,.07);--border2:rgba(0,0,0,.13); --accent:#FF6A00;--accent2:#FF8A1F;--gold:#D7A84B;--gold2:#F0C56A;--purple:#8B3DFF;--sage:#3D6B3A; --glass:rgba(255,255,255,.58);--glass2:rgba(255,255,255,.76);--glass3:rgba(255,255,255,.9); --glass-b:rgba(255,255,255,.82);--glass-edge:rgba(61,35,20,.09); --blur:blur(24px) saturate(200%);--blur-sm:blur(14px) saturate(180%); --fd:'Playfair Display',Georgia,serif;--fb:'DM Sans',sans-serif;--fm:'DM Mono',monospace; --nav-h:72px;--max:1320px;--pad:clamp(20px,4vw,60px);--r:14px;--r-lg:22px; } html{scroll-behavior:smooth} body{background:#fff;font-family:var(--fb);color:var(--ink);overflow-x:hidden;isolation:isolate} body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 8% 12%,rgba(255,92,26,.11),transparent 28%),radial-gradient(circle at 92% 22%,rgba(109,74,255,.1),transparent 30%),radial-gradient(circle at 72% 86%,rgba(240,171,32,.1),transparent 28%),#fff} img{max-width:100%;display:block} a{color:inherit;text-decoration:none} ::-webkit-scrollbar{width:4px} ::-webkit-scrollbar-track{background:var(--bg)} ::-webkit-scrollbar-thumb{background:var(--muted2);border-radius:4px} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .skip-link{position:fixed;top:12px;left:12px;z-index:1000;padding:10px 16px;border-radius:10px;background:var(--ink);color:#fff;transform:translateY(-160%);transition:transform .2s} .skip-link:focus{transform:translateY(0)} :where(a,button,input,select,textarea):focus-visible{outline:3px solid rgba(109,74,255,.45);outline-offset:3px} .container{max-width:var(--max);margin:0 auto;padding:0 var(--pad)} .section{max-width:var(--max);margin:0 auto;padding:80px var(--pad)} .rte h1,.rte h2,.rte h3{font-family:var(--fd);font-weight:700;margin-bottom:12px} .rte p{margin-bottom:14px;line-height:1.7;color:var(--muted)} .rte ul,.rte ol{padding-left:20px;margin-bottom:14px} .rte li{margin-bottom:6px;color:var(--muted)} .rte a{color:var(--accent);text-decoration:underline} /* ── ANNOUNCEMENT BAR ── */ .ann-bar{background:var(--ink);padding:11px 0;overflow:hidden;position:relative} .ann-bar::before,.ann-bar::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2} .ann-bar::before{left:0;background:linear-gradient(90deg,var(--ink),transparent)} .ann-bar::after{right:0;background:linear-gradient(-90deg,var(--ink),transparent)} .ann-track{display:flex;gap:56px;animation:annroll 28s linear infinite;white-space:nowrap;width:max-content} @keyframes annroll{from{transform:translateX(0)}to{transform:translateX(-50%)}} .ann-item{display:flex;align-items:center;gap:10px;font-size:11.5px;font-weight:500;color:rgba(255,255,255,.5);letter-spacing:.3px;flex-shrink:0} .ann-item b{color:#FF8050;font-weight:700} /* ── HEADER ── */ .site-header{height:var(--nav-h);background:var(--glass3);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-bottom:1px solid var(--glass-b);display:flex;align-items:center;z-index:200;transition:all .3s} .site-header.sticky{position:sticky;top:0} .site-header.scrolled{background:rgba(255,255,255,.96);box-shadow:0 6px 28px rgba(12,11,9,.07)} .header-inner{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;gap:20px} .header-logo{display:flex;align-items:center;gap:11px;cursor:pointer} .header-logo img{height:36px;width:auto} .logo-mark{width:38px;height:38px;border-radius:11px;background:var(--ink);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;box-shadow:0 4px 16px rgba(12,11,9,.18);position:relative;overflow:hidden} .logo-mark::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(224,62,0,.35),transparent 60%)} .logo-type{font-family:var(--fb);font-size:14px;font-weight:800;color:var(--ink);letter-spacing:-.3px;line-height:1.1} .logo-type .acc{color:var(--accent)} .logo-type .sub{display:block;font-size:9px;font-weight:500;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;margin-top:1px} .header-nav{display:flex;align-items:center} @media(max-width:860px){.header-nav{display:none}} .nav-links{display:flex;align-items:center;gap:26px;list-style:none} .nav-links a{font-size:13.5px;font-weight:500;color:var(--ink3);transition:color .15s;letter-spacing:-.1px;position:relative} .nav-links a:hover,.nav-links a.active{color:var(--accent)} .nav-links a.active::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--accent);border-radius:2px} .header-actions{display:flex;align-items:center;gap:10px} .header-icon-btn{width:38px;height:38px;border-radius:10px;background:transparent;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;color:var(--ink);position:relative} .header-icon-btn:hover{background:var(--bg);border-color:var(--border2)} .cart-count{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;background:var(--accent);color:white;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid white} .header-cta{padding:9px 22px;border-radius:10px;background:var(--ink);color:var(--white);font-family:var(--fb);font-size:13px;font-weight:700;border:none;cursor:pointer;transition:all .2s;letter-spacing:-.1px;white-space:nowrap} .header-cta:hover{background:var(--accent);transform:translateY(-1px)} .hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px} @media(max-width:860px){.hamburger{display:flex}} .hb-line{width:22px;height:2px;background:var(--ink);border-radius:2px;transition:all .25s} .hamburger.open .hb-line:nth-child(1){transform:translateY(7px) rotate(45deg)} .hamburger.open .hb-line:nth-child(2){opacity:0} .hamburger.open .hb-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)} /* ── JGS × KTDA PARTNERSHIP REFRESH ── */ .logo-mark-image{padding:0;background:#050505}.logo-mark-image img{width:100%;height:100%;object-fit:cover}.header-partner{display:flex;align-items:center;gap:8px;padding-left:14px;border-left:1px solid var(--border2)}.header-partner-label{font-size:9px;line-height:1.1;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);max-width:38px}.header-partner img{width:40px;height:40px;border-radius:50%;object-fit:cover}.ktda-crop{display:block;width:42px;height:42px;border-radius:50%;background:#050505 url("ktda-logo-source.jpg") center 50%/150% auto no-repeat;box-shadow:0 4px 14px rgba(0,0,0,.16);flex:0 0 auto}.ktda-crop-large{width:82px;height:82px}.hero-partnership{margin-top:22px;display:grid;gap:3px;padding:14px 16px;border-radius:14px;border:1px solid rgba(139,61,255,.14);background:linear-gradient(120deg,rgba(255,106,0,.07),rgba(139,61,255,.07));max-width:580px}.hero-partnership-kicker,.section-kicker{font-size:10px;text-transform:uppercase;letter-spacing:1.8px;font-weight:800;color:var(--purple)}.hero-partnership strong{font-size:14px}.hero-partnership span:last-child{font-size:12px;line-height:1.45;color:var(--muted)} /* Keep the studio credit visible; the navigation collapses before brands do. */ .brand-partnership{padding-top:46px;padding-bottom:46px}.partnership-card{display:grid;grid-template-columns:1fr auto 1fr 1.25fr;gap:24px;align-items:center;padding:28px;border:1px solid rgba(139,61,255,.13);background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,248,240,.72),rgba(245,239,255,.78));border-radius:28px;box-shadow:0 18px 60px rgba(31,17,8,.07)}.partner-brand{display:flex;align-items:center;gap:15px}.partner-brand-jgs img{width:82px;height:82px;border-radius:22px;object-fit:cover}.partner-brand span:not(.ktda-crop){display:block;font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-bottom:4px}.partner-brand strong{font-size:15px;display:block}.partner-brand p{font-size:11px;line-height:1.45;color:var(--muted);margin-top:4px}.partnership-x{font-family:var(--fd);font-size:34px;color:var(--gold)}.partnership-copy{border-left:1px solid var(--border2);padding-left:26px}.partnership-copy h2{font-family:var(--fd);font-size:clamp(24px,2.7vw,38px);line-height:1.02;margin:8px 0}.partnership-copy p{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:16px} @media(max-width:1050px){.partnership-card{grid-template-columns:1fr 1fr}.partnership-x{display:none}.partnership-copy{grid-column:1/-1;border-left:0;border-top:1px solid var(--border2);padding:22px 0 0}} @media(max-width:620px){.partnership-card{grid-template-columns:1fr;padding:20px}.partner-brand{align-items:flex-start}.partnership-copy{grid-column:auto}.brand-partnership{padding-top:24px;padding-bottom:24px}} .service-stickers{padding-top:56px;padding-bottom:72px}.services-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.services-head h2{font-family:var(--fd);font-size:clamp(30px,4vw,54px);line-height:1;margin-top:8px}.services-head>p{max-width:430px;color:var(--muted);line-height:1.6}.sticker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-sticker{min-height:210px;padding:22px;border:1px solid rgba(0,0,0,.08);border-radius:26px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s,box-shadow .25s;background:rgba(255,255,255,.78);box-shadow:0 10px 30px rgba(17,17,17,.05)}.service-sticker::before{content:'';position:absolute;width:140px;height:140px;border-radius:50%;right:-45px;top:-50px;background:var(--sticker-glow,rgba(255,106,0,.18));filter:blur(4px)}.service-sticker:hover{transform:translateY(-6px) rotate(-.35deg);box-shadow:0 20px 45px rgba(17,17,17,.1)}.sticker-2{--sticker-glow:rgba(139,61,255,.2)}.sticker-3{--sticker-glow:rgba(215,168,75,.24)}.sticker-4{--sticker-glow:rgba(255,106,0,.16)}.sticker-icon{font-size:32px;position:relative}.sticker-copy{display:grid;gap:5px;position:relative}.sticker-copy strong{font-family:var(--fd);font-size:24px;line-height:1}.sticker-copy small{font-size:12px;color:var(--muted)}.sticker-badge{position:absolute;top:18px;right:18px;padding:6px 9px;border-radius:999px;background:#111;color:#fff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}.sticker-arrow{position:absolute;right:20px;bottom:18px;color:var(--purple);font-size:20px}.sticker-copy{padding-right:28px} .service-sticker{padding:0;min-height:330px;justify-content:flex-start}.service-sticker::before{display:none}.sticker-media{display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:var(--off)}.sticker-photo{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.service-sticker:hover .sticker-photo{transform:scale(1.035)}.sticker-copy{padding:18px 44px 22px 18px;gap:6px}.sticker-copy strong{font-size:clamp(20px,2vw,25px)}.sticker-badge{top:12px;right:12px;background:rgba(17,17,17,.88);backdrop-filter:blur(8px)}.sticker-arrow{bottom:20px;right:16px} @media(max-width:960px){.sticker-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.services-head{display:block}.services-head>p{margin-top:14px}.sticker-grid{grid-template-columns:1fr}.service-sticker{min-height:170px}.service-stickers{padding-top:38px;padding-bottom:48px}} @media(max-width:620px){.service-sticker{min-height:0}.sticker-media{aspect-ratio:16/10}} .promo-wrap{padding-top:38px;padding-bottom:72px}.promo-banner{position:relative;overflow:hidden;border-radius:30px;padding:clamp(28px,5vw,64px);color:#fff;background:radial-gradient(circle at 82% 20%,rgba(139,61,255,.85),transparent 32%),radial-gradient(circle at 12% 95%,rgba(255,106,0,.82),transparent 35%),#0b0b0c;display:grid;grid-template-columns:1.3fr 1fr;gap:38px;align-items:center}.promo-pill{display:inline-flex;padding:7px 11px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.1);font-size:10px;text-transform:uppercase;letter-spacing:1.5px;font-weight:800}.promo-copy h2{font-family:var(--fd);font-size:clamp(34px,5vw,66px);line-height:.95;margin:14px 0}.promo-copy p{max-width:600px;color:rgba(255,255,255,.7);line-height:1.6}.promo-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.promo-primary,.promo-secondary{padding:14px 20px;border-radius:12px;font-size:13px;font-weight:800}.promo-primary{background:#fff;color:#111}.promo-secondary{border:1px solid rgba(255,255,255,.35)}.promo-stamps{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.promo-stamps span{width:132px;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;background:rgba(255,255,255,.09);border:1px dashed rgba(255,255,255,.45);backdrop-filter:blur(12px);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;transform:rotate(-5deg)}.promo-stamps span:nth-child(even){transform:rotate(5deg);background:rgba(255,106,0,.18)} @media(max-width:760px){.promo-banner{grid-template-columns:1fr}.promo-stamps{justify-content:flex-start}.promo-stamps span{width:104px}.promo-wrap{padding-bottom:48px}} @media(max-width:600px){.header-icon-btn[aria-label="Account"],.header-icon-btn[aria-label="Size Guide"]{display:none}.header-cta{display:none}.header-logo .logo-type{font-size:12px}.hero-btns a{min-height:48px;display:flex;align-items:center;justify-content:center}.section{padding-left:18px;padding-right:18px}} /* ── SERVICE PAGES ── */ .service-landing-hero{padding:clamp(60px,8vw,110px) var(--pad);background:linear-gradient(135deg,#111 5%,#22102f 62%,#40200e);color:#fff}.service-landing-hero>span{display:block;max-width:var(--max);margin:0 auto 12px;color:#ff9b50;text-transform:uppercase;letter-spacing:1.6px;font-size:11px;font-weight:800}.service-landing-hero h1,.service-landing-hero>.rte,.service-landing-actions{max-width:var(--max);margin-left:auto;margin-right:auto}.service-landing-hero h1{font-family:var(--fb);font-size:clamp(44px,7vw,86px);line-height:.95;letter-spacing:-4px;margin-bottom:18px}.service-landing-hero>.rte{color:rgba(255,255,255,.68);font-size:17px}.service-landing-hero>.rte p{color:inherit;max-width:720px}.service-landing-actions{display:flex;gap:10px;margin-top:24px}.service-landing-actions .btn-p{background:var(--accent)}.service-landing-actions .btn-s{color:#fff;border-color:rgba(255,255,255,.3)}.service-landing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.service-landing-card{padding:26px;border:1px solid var(--border2);border-radius:22px;background:rgba(255,255,255,.78);display:flex;flex-direction:column;min-height:250px;box-shadow:0 10px 28px rgba(0,0,0,.045)}.service-landing-card>span{font-size:34px}.service-landing-card h2{font-family:var(--fb);font-size:25px;margin:35px 0 8px}.service-landing-card p{color:var(--muted);line-height:1.6}.service-landing-card a{margin-top:auto;padding-top:24px;color:var(--accent);font-weight:800}@media(max-width:760px){.service-landing-grid{grid-template-columns:1fr}.service-landing-hero h1{letter-spacing:-2px}.service-landing-actions{flex-direction:column}} /* ── MOBILE MENU ── */ .mobile-menu{position:fixed;top:var(--nav-h);left:0;right:0;bottom:0;background:var(--glass3);backdrop-filter:var(--blur);z-index:190;display:flex;flex-direction:column;padding:32px var(--pad);gap:8px;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)} .mobile-menu.open{transform:translateX(0)} .mm-link{font-family:var(--fd);font-size:28px;font-weight:700;font-style:italic;color:var(--ink);padding:12px 0;border-bottom:1px solid var(--border);transition:color .15s;display:flex;align-items:center;justify-content:space-between} .mm-link:hover{color:var(--accent)} .mm-bottom{margin-top:auto;display:flex;flex-direction:column;gap:12px} .mm-btn-p{width:100%;padding:16px;border-radius:12px;background:var(--ink);color:white;font-family:var(--fb);font-size:15px;font-weight:700;border:none;cursor:pointer} .mm-btn-p:hover{background:var(--accent)} .mm-btn-s{width:100%;padding:14px;border-radius:12px;background:transparent;color:var(--ink2);font-family:var(--fb);font-size:14px;font-weight:600;border:1.5px solid var(--border2);cursor:pointer} /* ── CART DRAWER ── */ .cart-overlay{position:fixed;inset:0;z-index:300;background:rgba(12,11,9,.5);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .25s} .cart-overlay.open{opacity:1;pointer-events:all} .cart-drawer{position:fixed;top:0;right:-480px;height:100%;width:420px;max-width:100vw;background:var(--white);z-index:301;transition:right .32s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-8px 0 40px rgba(12,11,9,.12)} .cart-overlay.open .cart-drawer{right:0} .cart-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)} .cart-title{font-family:var(--fd);font-size:22px;font-weight:700;font-style:italic;color:var(--ink)} .cart-close{background:none;border:none;font-size:22px;color:var(--muted);cursor:pointer;line-height:1;transition:color .15s} .cart-close:hover{color:var(--ink)} .cart-body{flex:1;overflow-y:auto;padding:20px 24px} .cart-empty{text-align:center;padding:60px 0} .cart-empty-icon{font-size:52px;margin-bottom:16px} .cart-empty-text{font-size:15px;font-weight:600;color:var(--muted)} .cart-empty-sub{font-size:13px;color:var(--muted2);margin-top:6px} .cart-item{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--border)} .ci-img{width:72px;height:72px;border-radius:12px;border:1px solid var(--border);overflow:hidden;flex-shrink:0;background:var(--bg)} .ci-img img{width:100%;height:100%;object-fit:cover} .ci-img-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:30px} .ci-info{flex:1;min-width:0} .ci-name{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ci-variant{font-size:12px;color:var(--muted);margin-bottom:4px} .ci-price-row{display:flex;align-items:center;justify-content:space-between;margin-top:6px} .ci-price{font-size:15px;font-weight:800;color:var(--accent)} .ci-qty{display:flex;align-items:center;gap:8px} .ci-qty-btn{width:24px;height:24px;border-radius:6px;border:1px solid var(--border2);background:var(--bg);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .15s} .ci-qty-btn:hover{background:var(--accent);color:white;border-color:var(--accent)} .ci-qty-num{font-size:13px;font-weight:700;min-width:20px;text-align:center} .ci-rm{background:none;border:none;color:var(--muted2);cursor:pointer;font-size:14px;transition:color .15s;padding:4px;align-self:flex-start} .ci-rm:hover{color:var(--accent)} .cart-foot{padding:20px 24px;border-top:1px solid var(--border)} .cart-subtotal{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px} .cart-subtotal-label{font-size:13px;font-weight:600;color:var(--muted)} .cart-subtotal-amt{font-family:var(--fd);font-size:26px;font-weight:700;font-style:italic;color:var(--ink)} .cart-note-small{font-size:11px;color:var(--muted2);margin-bottom:16px} .btn-checkout{width:100%;padding:16px;border-radius:12px;background:var(--accent);color:white;font-family:var(--fb);font-size:15px;font-weight:800;border:none;cursor:pointer;transition:all .2s;margin-bottom:10px;box-shadow:0 4px 20px rgba(224,62,0,.3)} .btn-checkout:hover{background:var(--accent2);transform:translateY(-1px)} .btn-continue-shop{width:100%;padding:12px;border-radius:12px;background:transparent;color:var(--muted);font-family:var(--fb);font-size:13px;font-weight:600;border:1px solid var(--border2);cursor:pointer;transition:all .15s} .btn-continue-shop:hover{color:var(--ink);border-color:var(--ink)} /* ── SIZE GUIDE MODAL ── */ .modal-overlay{position:fixed;inset:0;z-index:400;background:rgba(12,11,9,.6);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .25s} .modal-overlay.open{opacity:1;pointer-events:all} .modal-box{background:var(--white);border-radius:var(--r-lg);width:100%;max-width:580px;max-height:85vh;overflow-y:auto} .modal-head{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--white);z-index:1} .modal-head h3{font-family:var(--fd);font-size:22px;font-style:italic;font-weight:700;color:var(--ink)} .modal-close-btn{background:none;border:none;font-size:22px;color:var(--muted);cursor:pointer;line-height:1} .modal-body{padding:24px 26px} .size-table{width:100%;border-collapse:collapse;font-size:13px} .size-table th{background:var(--bg);padding:10px 14px;text-align:left;font-weight:700;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border)} .size-table td{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--ink2)} .size-table tr:last-child td{border-bottom:none} .size-table tr:hover td{background:var(--bg)} .size-note{font-size:12px;color:var(--muted);margin-bottom:18px;line-height:1.6} /* ── SEARCH MODAL ── */ .search-overlay{position:fixed;inset:0;z-index:400;background:rgba(12,11,9,.7);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .25s;display:flex;align-items:flex-start;justify-content:center;padding-top:120px} .search-overlay.open{opacity:1;pointer-events:all} .search-box-modal{background:var(--white);border-radius:var(--r-lg);width:100%;max-width:600px;overflow:hidden;box-shadow:0 20px 60px rgba(12,11,9,.2)} .search-input-row{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid var(--border)} .search-input-main{flex:1;background:none;border:none;font-family:var(--fb);font-size:18px;font-weight:500;color:var(--ink);outline:none} .search-input-main::placeholder{color:var(--muted2)} .search-close{background:none;border:none;color:var(--muted);cursor:pointer;font-size:22px;line-height:1} .search-results{padding:16px 24px;min-height:60px} .search-hint{font-size:13px;color:var(--muted2)} /* ── BREADCRUMB ── */ .breadcrumb-bar{background:var(--bg);border-bottom:1px solid var(--border);padding:12px var(--pad)} .breadcrumb{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);flex-wrap:wrap} .breadcrumb a{color:var(--muted);transition:color .15s} .breadcrumb a:hover{color:var(--accent)} .bc-sep{color:var(--muted2)} /* ── PRODUCT PAGE ── */ .product-page{padding-bottom:80px} .product-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;padding:48px var(--pad)} @media(max-width:900px){.product-layout{grid-template-columns:1fr;gap:32px;padding:32px var(--pad)}} .product-gallery{} .product-gallery-main{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:1;background:var(--bg);position:relative;margin-bottom:14px} .product-gallery-main img{width:100%;height:100%;object-fit:cover;transition:transform .4s} .product-gallery-main:hover img{transform:scale(1.03)} .product-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center} .product-emoji{font-size:100px} .product-badges{position:absolute;top:14px;left:14px;display:flex;flex-direction:column;gap:6px;z-index:2} .product-gallery-thumbs{display:flex;gap:10px;flex-wrap:wrap} .thumb-btn{width:80px;height:80px;border-radius:10px;overflow:hidden;border:2px solid var(--border);cursor:pointer;transition:all .2s;background:var(--bg);padding:0} .thumb-btn:hover,.thumb-btn.active{border-color:var(--accent);box-shadow:0 0 0 2px rgba(224,62,0,.2)} .thumb-btn img{width:100%;height:100%;object-fit:cover} .product-collection-tag{margin-bottom:10px} .product-collection-tag a{font-family:var(--fm);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--accent)} .product-title{font-family:var(--fd);font-size:clamp(28px,3.5vw,44px);font-weight:900;font-style:italic;color:var(--ink);letter-spacing:-1px;line-height:1;margin-bottom:12px} .product-rating{display:flex;align-items:center;gap:8px;margin-bottom:16px} .rating-stars{color:var(--gold2);font-size:14px;letter-spacing:2px} .rating-count{font-size:13px;color:var(--muted)} .product-price-block{display:flex;align-items:center;gap:12px;margin-bottom:24px} .price-current{font-family:var(--fd);font-size:32px;font-weight:700;font-style:italic;color:var(--ink)} .price-compare{font-size:16px;color:var(--muted2);text-decoration:line-through} .price-save{font-size:12px;font-weight:700;background:rgba(61,107,58,.1);color:var(--sage);padding:4px 10px;border-radius:6px} .variant-group{margin-bottom:22px} .variant-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px} .variant-label{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)} .size-guide-link{font-size:12px;font-weight:600;color:var(--accent);cursor:pointer;background:none;border:none;padding:0;font-family:var(--fb)} .size-guide-link:hover{text-decoration:underline} .size-options{display:flex;gap:8px;flex-wrap:wrap} .size-btn{padding:9px 16px;border-radius:8px;border:1.5px solid var(--border2);background:var(--bg);color:var(--ink2);font-family:var(--fb);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s} .size-btn:hover{border-color:var(--ink);color:var(--ink)} .size-btn.selected{border-color:var(--accent);background:rgba(224,62,0,.07);color:var(--accent)} .size-btn:disabled{opacity:.4;cursor:not-allowed} .color-options{display:flex;gap:8px;flex-wrap:wrap} .color-btn{width:36px;height:36px;border-radius:50%;border:2.5px solid transparent;cursor:pointer;transition:all .15s;position:relative} .color-btn:hover{transform:scale(1.15)} .color-btn.selected{border-color:var(--ink);box-shadow:0 0 0 2px white,0 0 0 4px var(--ink)} .selected-value-display{font-size:13px;font-weight:600;color:var(--ink2);margin-top:8px} .option-pills{display:flex;gap:8px;flex-wrap:wrap} .option-pill{padding:8px 16px;border-radius:8px;border:1.5px solid var(--border2);background:var(--bg);color:var(--ink2);font-family:var(--fb);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s} .option-pill.selected{border-color:var(--accent);background:rgba(224,62,0,.07);color:var(--accent)} .quantity-group{margin-bottom:24px} .quantity-selector{display:flex;align-items:center;gap:0;width:fit-content;border:1.5px solid var(--border2);border-radius:10px;overflow:hidden} .qty-btn{width:44px;height:44px;background:var(--bg);border:none;cursor:pointer;font-size:20px;font-family:var(--fb);color:var(--ink);transition:all .15s;display:flex;align-items:center;justify-content:center} .qty-btn:hover{background:var(--accent);color:white} .qty-input{width:56px;height:44px;border:none;border-left:1.5px solid var(--border2);border-right:1.5px solid var(--border2);text-align:center;font-family:var(--fb);font-size:15px;font-weight:700;color:var(--ink);background:var(--white);outline:none} .product-actions{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap} .btn-add-to-cart{flex:2;min-width:180px;padding:16px 24px;border-radius:12px;background:var(--ink);color:white;font-family:var(--fb);font-size:15px;font-weight:800;border:none;cursor:pointer;transition:all .2s;box-shadow:0 6px 24px rgba(12,11,9,.15)} .btn-add-to-cart:hover{background:var(--accent);transform:translateY(-2px);box-shadow:0 10px 32px rgba(224,62,0,.28)} .btn-add-to-cart:disabled{opacity:.5;cursor:not-allowed;transform:none} .btn-buy-now{flex:1;min-width:130px;padding:16px 20px;border-radius:12px;background:var(--accent);color:white;font-family:var(--fb);font-size:15px;font-weight:700;border:none;cursor:pointer;transition:all .2s;box-shadow:0 6px 24px rgba(224,62,0,.3)} .btn-buy-now:hover{background:var(--accent2);transform:translateY(-2px)} .product-dtf-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border)} .dtf-tag{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;color:var(--ink2)} .product-description{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border)} .pd-title{font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--ink);margin-bottom:12px} .product-meta-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px} @media(max-width:500px){.product-meta-cards{grid-template-columns:1fr}} .pm-card{background:var(--glass);backdrop-filter:var(--blur-sm);border:1px solid var(--glass-b);border-radius:var(--r);padding:14px 16px;display:flex;align-items:flex-start;gap:10px;box-shadow:0 4px 16px rgba(12,11,9,.04)} .pm-icon{font-size:20px;flex-shrink:0;margin-top:1px} .pm-title{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:2px} .pm-sub{font-size:11.5px;color:var(--muted);line-height:1.4} .product-share{display:flex;align-items:center;gap:10px;padding-top:20px} .ps-label{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.5px;text-transform:uppercase} .share-btn{font-size:12px;font-weight:600;color:var(--muted);padding:5px 12px;border-radius:6px;border:1px solid var(--border);transition:all .15s} .share-btn:hover{border-color:var(--accent);color:var(--accent)} /* ── PRODUCT CARD ── */ .prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} @media(max-width:1060px){.prod-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:500px){.prod-grid{grid-template-columns:1fr}} .prod-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;cursor:pointer;transition:all .25s;position:relative} .prod-card:hover{transform:translateY(-5px);box-shadow:0 20px 56px rgba(12,11,9,.1);border-color:var(--border2)} .pc-img-link{display:block;height:100%} .pc-img{aspect-ratio:1;position:relative;overflow:hidden;background:var(--bg)} .pc-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s} .prod-card:hover .pc-img img{transform:scale(1.05)} .pc-img-fallback,.pc-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:72px;position:absolute;inset:0} .pc-overlay{position:absolute;inset:0;background:rgba(12,11,9,0);transition:background .25s;display:flex;align-items:flex-end;padding:14px} .prod-card:hover .pc-overlay{background:rgba(12,11,9,.2)} .pc-overlay-btns{display:flex;gap:8px;width:100%;opacity:0;transform:translateY(10px);transition:all .22s} .prod-card:hover .pc-overlay-btns{opacity:1;transform:translateY(0)} .pc-view-btn{flex:1;padding:10px;border-radius:10px;background:var(--glass2);backdrop-filter:var(--blur-sm);border:1px solid var(--glass-b);font-family:var(--fb);font-size:12px;font-weight:700;color:var(--ink);cursor:pointer;transition:all .2s;text-align:center} .pc-view-btn:hover{background:var(--white)} .pc-qadd{flex:1;padding:10px;border-radius:10px;background:var(--ink);border:none;font-family:var(--fb);font-size:12px;font-weight:700;color:var(--white);cursor:pointer;transition:all .2s} .pc-qadd:hover{background:var(--accent)} .pc-qadd:disabled{opacity:.58;cursor:not-allowed} .pc-badges{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:5px;z-index:2} .bdg{padding:4px 10px;border-radius:6px;font-size:9.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;display:inline-block} .bdg-new{background:var(--ink);color:white} .bdg-hot{background:var(--accent);color:white} .bdg-wc{background:var(--gold2);color:var(--ink)} .bdg-sale{background:var(--sage);color:white} .pc-name-link{display:block} .pc-body{padding:16px} .pc-name{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:3px;letter-spacing:-.2px;transition:color .15s} .pc-name-link:hover .pc-name{color:var(--accent)} .pc-cat{font-size:11.5px;color:var(--muted);margin-bottom:10px} .pc-footer{display:flex;align-items:center;justify-content:space-between} .pc-price{font-family:var(--fd);font-size:18px;font-weight:700;font-style:italic;color:var(--ink)} .price-was{font-size:13px;color:var(--muted2);text-decoration:line-through;margin-right:6px} .pc-colors{display:flex;gap:4px} .pc-col{width:13px;height:13px;border-radius:50%;border:1.5px solid var(--border);cursor:pointer;transition:transform .15s} .pc-col:hover{transform:scale(1.3)} .section-header-row{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:40px} .view-all-link{font-size:13.5px;font-weight:700;color:var(--ink2);border-bottom:1px solid var(--border2);padding-bottom:2px;transition:all .15s;margin-bottom:16px} .view-all-link:hover{color:var(--accent);border-color:var(--accent)} /* ── COLLECTION PAGE ── */ .collection-hero{padding:48px var(--pad);background:var(--bg);border-bottom:1px solid var(--border)} .collection-filters{border-bottom:1px solid var(--border);padding:0 var(--pad);background:var(--white)} .filter-inner{max-width:var(--max);margin:0 auto;display:flex;gap:8px;overflow-x:auto;padding:14px 0;scrollbar-width:none} .filter-btn{padding:8px 18px;border-radius:20px;border:1.5px solid var(--border2);background:transparent;font-family:var(--fb);font-size:12.5px;font-weight:600;color:var(--muted2);cursor:pointer;transition:all .15s;white-space:nowrap} .filter-btn:hover{border-color:var(--border);color:var(--ink)} .filter-btn.active{background:var(--ink);color:white;border-color:var(--ink)} .collection-grid-section{padding:48px var(--pad)} /* ── BADGES ── */ .badge{padding:4px 10px;border-radius:6px;font-size:9.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;display:inline-block} .badge-hot{background:var(--accent);color:white} .badge-new{background:var(--ink);color:white} .badge-wc{background:var(--gold2);color:var(--ink)} .badge-sale{background:var(--sage);color:white} /* ── SHARED SECTION STYLES ── */ .eyebrow{font-family:var(--fm);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:14px;display:flex;align-items:center;gap:10px} .eyebrow::before{content:'';width:20px;height:1px;background:var(--accent)} .sec-title{font-family:var(--fd);font-size:clamp(30px,4vw,52px);font-weight:900;line-height:.95;letter-spacing:-2px;color:var(--ink);margin-bottom:14px} .sec-title em{font-style:italic;color:var(--accent)} .sec-sub{font-size:15px;color:var(--muted);line-height:1.7;max-width:480px} /* ── BTNs ── */ .btn-p{padding:15px 30px;border-radius:12px;background:var(--ink);color:var(--white);font-family:var(--fb);font-size:14px;font-weight:700;border:none;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px;box-shadow:0 6px 24px rgba(12,11,9,.15);letter-spacing:-.2px} .btn-p:hover{background:var(--accent);transform:translateY(-2px)} .btn-s{padding:15px 26px;border-radius:12px;background:var(--glass);backdrop-filter:var(--blur-sm);color:var(--ink2);font-family:var(--fb);font-size:14px;font-weight:600;border:1.5px solid var(--border2);cursor:pointer;transition:all .2s} .btn-s:hover{border-color:var(--ink);background:var(--white)} .btn-fire{display:inline-flex;align-items:center;gap:10px;padding:15px 32px;border-radius:12px;background:var(--accent);color:var(--white);font-family:var(--fb);font-size:14px;font-weight:700;border:none;cursor:pointer;transition:all .2s;box-shadow:0 6px 28px rgba(224,62,0,.4)} .btn-fire:hover{transform:translateY(-2px)} /* ── HERO ── */ .hero{position:relative;min-height:100vh;display:grid;grid-template-columns:55% 45%;align-items:stretch;overflow:hidden} @media(max-width:960px){.hero{grid-template-columns:1fr;min-height:auto}} .hero-left{position:relative;z-index:2;display:flex;align-items:center;padding:80px var(--pad) 80px;background:linear-gradient(110deg,var(--white) 0%,var(--off) 100%)} @media(max-width:960px){.hero-left{padding:60px var(--pad) 40px;justify-content:center;text-align:center}} .hero-content{max-width:560px} @media(max-width:960px){.hero-content{max-width:100%}} .hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--glass);backdrop-filter:var(--blur-sm);border:1px solid var(--glass-b);color:var(--muted);font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;padding:7px 16px;border-radius:20px;margin-bottom:28px} .hero-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:dotpulse 2s infinite} @keyframes dotpulse{0%,100%{opacity:1}50%{opacity:.2}} .hero-h1{font-family:var(--fd);font-size:clamp(50px,6vw,86px);font-weight:900;line-height:.91;letter-spacing:-3px;color:var(--ink);margin-bottom:26px} .hero-h1 em{font-style:italic;color:var(--accent)} .hero-h1 .ghost{-webkit-text-stroke:1px #413644;color:rgba(59,44,62,.31);text-shadow:0 4px 22px rgba(45,29,65,.08)} .hero-sub{font-size:16px;color:var(--muted);line-height:1.75;max-width:420px;margin-bottom:36px} @media(max-width:960px){.hero-sub{margin-inline:auto}} .hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:0} @media(max-width:960px){.hero-btns{justify-content:center}} .hero-price-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(224,62,0,.07);border:1px solid rgba(224,62,0,.18);color:var(--accent);font-size:12px;font-weight:700;padding:6px 14px;border-radius:20px;margin-top:20px} @media(max-width:960px){.hero-price-tag{margin-inline:auto}} .hero-trust{display:flex;align-items:center;gap:18px;margin-top:24px;flex-wrap:wrap} @media(max-width:960px){.hero-trust{justify-content:center}} .ht-i{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);font-weight:500} .ht-div{width:1px;height:14px;background:var(--border2)} .hero-right{position:relative;overflow:hidden} @media(max-width:960px){.hero-right{height:400px}} .hero-img{width:100%;height:100%;object-fit:cover;display:block} .hero-img-placeholder{width:100%;height:100%;background:var(--bg);display:flex;align-items:center;justify-content:center} .hip-content{text-align:center;padding:40px} .hip-icon{font-size:52px;margin-bottom:16px} .hip-text{font-size:16px;font-weight:700;color:var(--muted);margin-bottom:8px} .hip-sub{font-size:13px;color:var(--muted2)} .hero-img-overlay{position:absolute;inset:0;background:linear-gradient(90deg,var(--white) 0%,transparent 15%,transparent 85%,rgba(12,11,9,.3) 100%),linear-gradient(180deg,transparent 60%,rgba(12,11,9,.4) 100%)} @media(max-width:960px){.hero-img-overlay{background:linear-gradient(0deg,var(--off) 0%,transparent 40%)}} .hero-float{position:absolute;z-index:3} .hf-1{bottom:24px;left:24px} .hf-2{top:24px;right:24px} .hf-3{bottom:24px;right:24px} .glass-card{background:var(--glass2);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-b);border-radius:var(--r-lg);box-shadow:0 8px 40px rgba(12,11,9,.1),inset 0 1px 0 rgba(255,255,255,.95)} .hf-stat{padding:14px 18px;display:flex;align-items:center;gap:12px;animation:float1 5s ease-in-out infinite} @keyframes float1{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}} .hfs-icon{font-size:24px;flex-shrink:0} .hfs-num{font-family:var(--fd);font-size:22px;font-weight:700;font-style:italic;color:var(--ink);line-height:1} .hfs-lbl{font-size:11px;color:var(--muted);margin-top:2px} .hf-ai{padding:12px 16px;display:flex;align-items:center;gap:10px;animation:float2 4s ease-in-out infinite} @keyframes float2{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}} .hfa-dot{width:8px;height:8px;border-radius:50%;background:var(--sage);box-shadow:0 0 8px var(--sage);animation:dotpulse 1.5s infinite;flex-shrink:0} .hfa-text{font-size:12px;font-weight:700;color:var(--ink2)} .hfa-sub{font-size:10px;color:var(--muted);margin-top:1px} /* ── SOCIAL STRIP ── */ .social-strip{background:var(--white);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:18px var(--pad)} .social-strip-inner{max-width:var(--max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px} .ss-label{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted)} .ss-platforms{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .ss-plat{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;border:1px solid var(--border);background:var(--bg);font-size:12.5px;font-weight:600;color:var(--ink2);transition:all .15s} .ss-plat:hover{border-color:var(--border2);background:var(--white);transform:translateY(-1px)} .ss-verify{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--sage);font-weight:600} /* ── PRICING STRIP ── */ .pricing-strip{background:linear-gradient(135deg,var(--ink),#1A1610);padding:32px var(--pad);position:relative;overflow:hidden} .pricing-strip::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 100% at 50% 0%,rgba(224,62,0,.12),transparent)} .ps-inner{max-width:var(--max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap} .ps-label{font-size:13px;color:rgba(255,255,255,.5);font-weight:500} .ps-label b{color:white;font-size:15px;font-weight:700} .ps-tiers{display:flex;gap:10px;flex-wrap:wrap} .ps-tier{background:rgba(255,255,255,.06);backdrop-filter:var(--blur-sm);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 18px;text-align:center;transition:all .2s} .ps-tier:hover{background:rgba(255,255,255,.1)} .pt-qty{font-family:var(--fm);font-size:10px;color:rgba(255,255,255,.4);letter-spacing:1px;margin-bottom:4px;text-transform:uppercase} .pt-price{font-family:var(--fd);font-size:22px;font-weight:700;font-style:italic;color:var(--white)} .pt-price.best{color:#FF8050} .pt-label{font-size:10px;color:rgba(255,255,255,.3);margin-top:2px} /* ── TICKER ── */ .ticker-sec{background:var(--ink);padding:16px 0;overflow:hidden;position:relative} .ticker-sec::before,.ticker-sec::after{content:'';position:absolute;top:0;bottom:0;width:100px;z-index:2} .ticker-sec::before{left:0;background:linear-gradient(90deg,var(--ink),transparent)} .ticker-sec::after{right:0;background:linear-gradient(-90deg,var(--ink),transparent)} .ticker-track{display:flex;gap:48px;animation:tick 22s linear infinite;white-space:nowrap;width:max-content} @keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}} .ti{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.3);flex-shrink:0} .ti.hot{color:#FF8050} .tdot{width:4px;height:4px;border-radius:50%;background:var(--accent);flex-shrink:0} /* ── WC SECTION ── */ .wc-section{position:relative;overflow:hidden;background:var(--ink)} .wc-bg-img{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.12} .wc-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(12,11,9,.97) 0%,rgba(12,11,9,.8) 55%,rgba(224,62,0,.1) 100%)} .wc-inner{position:relative;z-index:1;max-width:var(--max);margin:0 auto;padding:80px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center} @media(max-width:900px){.wc-inner{grid-template-columns:1fr;text-align:center}} .wc-eyebrow{font-family:var(--fm);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#FF8050;margin-bottom:16px} .wc-title{font-family:var(--fd);font-size:clamp(38px,4.5vw,66px);font-weight:900;line-height:.92;letter-spacing:-2px;color:var(--white);margin-bottom:20px} .wc-title em{font-style:italic;color:#FF8050} .wc-sub{font-size:15px;color:rgba(255,255,255,.45);line-height:1.7;margin-bottom:32px} .countdown{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap} @media(max-width:900px){.countdown{justify-content:center}} .cd-block{background:rgba(255,255,255,.06);backdrop-filter:var(--blur-sm);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 18px;text-align:center;min-width:72px} .cd-num{font-family:var(--fm);font-size:28px;font-weight:700;color:var(--white);line-height:1} .cd-lbl{font-size:9px;color:rgba(255,255,255,.3);letter-spacing:2px;text-transform:uppercase;margin-top:4px} .wc-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px} .wc-card{background:rgba(255,255,255,.05);backdrop-filter:var(--blur-sm);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px 14px;text-align:center;cursor:pointer;transition:all .2s} .wc-card:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);transform:translateY(-3px)} .wc-ci{font-size:28px;margin-bottom:9px} .wc-cn{font-size:12px;font-weight:700;color:rgba(255,255,255,.8);margin-bottom:3px} .wc-cp{font-size:11px;color:#FF8050;font-weight:600} /* ── TOOLS SECTION ── */ .tools-section{background:linear-gradient(180deg,var(--white) 0%,var(--bg) 100%);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:80px 0} .tools-inner{max-width:var(--max);margin:0 auto;padding:0 var(--pad)} .tools-header-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:44px} @media(max-width:768px){.tools-header-grid{grid-template-columns:1fr}} .tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} @media(max-width:900px){.tools-grid{grid-template-columns:1fr 1fr}} @media(max-width:500px){.tools-grid{grid-template-columns:1fr}} .tool-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;cursor:pointer;transition:all .22s;position:relative;overflow:hidden} .tool-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--gold2));transform:scaleX(0);transition:transform .3s;transform-origin:left} .tool-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(12,11,9,.08);border-color:var(--border2)} .tool-card:hover::after{transform:scaleX(1)} .tc-hd{display:flex;align-items:center;gap:12px;margin-bottom:14px} .tc-ico{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0} .tc-ico.a{background:rgba(224,62,0,.08)} .tc-ico.b{background:rgba(12,11,9,.06)} .tc-ico.c{background:rgba(26,95,173,.08)} .tc-ico.d{background:rgba(200,136,10,.08)} .tc-ico.e{background:rgba(61,107,58,.08)} .tc-ico.f{background:rgba(124,58,237,.08)} .tc-nm{font-size:14.5px;font-weight:700;color:var(--ink);letter-spacing:-.2px} .tc-bdg{margin-left:auto;padding:3px 8px;border-radius:5px;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;background:var(--accent);color:white} .tc-desc{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:16px} .tc-cta{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:700;color:var(--accent);padding-top:14px;border-top:1px solid var(--border)} .tc-arr{transition:transform .2s} .tool-card:hover .tc-arr{transform:translateX(4px)} /* ── HOW IT WORKS ── */ .hiw-section{background:var(--white);border-top:1px solid var(--border);padding:80px 0} .hiw-inner{max-width:var(--max);margin:0 auto;padding:0 var(--pad)} .hiw-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:48px;position:relative} @media(max-width:900px){.hiw-grid{grid-template-columns:1fr 1fr}} @media(max-width:500px){.hiw-grid{grid-template-columns:1fr}} .hiw-grid::before{content:'';position:absolute;top:27px;left:calc(12.5%+14px);right:calc(12.5%+14px);height:1px;background:linear-gradient(90deg,var(--accent),var(--gold2));opacity:.2} @media(max-width:900px){.hiw-grid::before{display:none}} .hiw-step{text-align:center} .hiw-n{width:54px;height:54px;border-radius:50%;background:var(--glass);backdrop-filter:var(--blur-sm);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--fm);font-size:13px;font-weight:600;color:var(--muted2);margin:0 auto 16px;transition:all .2s;position:relative;z-index:1} .hiw-step:hover .hiw-n{background:var(--accent);color:white;border-color:var(--accent)} .hiw-ico{font-size:26px;margin-bottom:12px} .hiw-ttl{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:6px} .hiw-desc{font-size:13px;color:var(--muted);line-height:1.6} /* ── TESTIMONIALS ── */ .testi-section{background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:80px 0} .testi-inner{max-width:var(--max);margin:0 auto;padding:0 var(--pad)} .testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px} @media(max-width:900px){.testi-grid{grid-template-columns:1fr}} .testi-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);padding:26px;transition:all .2s} .testi-card:hover{box-shadow:0 12px 40px rgba(12,11,9,.07);transform:translateY(-2px)} .testi-stars{color:var(--gold2);font-size:14px;margin-bottom:14px;letter-spacing:2px} .testi-text{font-family:var(--fd);font-size:15px;font-style:italic;color:var(--ink2);line-height:1.65;margin-bottom:18px} .testi-auth{display:flex;align-items:center;gap:12px} .testi-av{width:40px;height:40px;border-radius:50%;background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0} .testi-nm{font-size:13.5px;font-weight:700;color:var(--ink)} .testi-loc{font-size:11.5px;color:var(--muted);margin-top:1px} /* ── FAQ ── */ .faq-section{background:var(--white);border-top:1px solid var(--border);padding:80px 0} .faq-inner{max-width:var(--max);margin:0 auto;padding:0 var(--pad)} .faq-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start} @media(max-width:768px){.faq-layout{grid-template-columns:1fr}} .faq-list{display:flex;flex-direction:column;gap:12px} .faq-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:all .2s} .faq-item.open{background:var(--white);border-color:var(--border2);box-shadow:0 4px 20px rgba(12,11,9,.06)} .faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:none;border:none;cursor:pointer;font-family:var(--fb);font-size:14px;font-weight:700;color:var(--ink);text-align:left;gap:12px;transition:color .15s} .faq-item.open .faq-q{color:var(--accent)} .faq-icon{font-size:18px;flex-shrink:0;transition:transform .25s;color:var(--muted);line-height:1} .faq-item.open .faq-icon{transform:rotate(45deg);color:var(--accent)} .faq-answer{font-size:13.5px;color:var(--muted);line-height:1.65;padding:0 20px;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease} .faq-item.open .faq-answer{max-height:200px;padding:0 20px 18px} /* ── EMAIL CAPTURE ── */ .email-section{background:linear-gradient(135deg,var(--ink),#1A1610);position:relative;overflow:hidden;padding:64px 0} .email-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 0% 50%,rgba(224,62,0,.12),transparent),radial-gradient(ellipse 40% 60% at 100% 50%,rgba(200,136,10,.08),transparent)} .email-inner{position:relative;z-index:1;max-width:var(--max);margin:0 auto;padding:0 var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center} @media(max-width:768px){.email-inner{grid-template-columns:1fr;text-align:center}} .email-title{font-family:var(--fd);font-size:clamp(28px,3.5vw,48px);font-weight:900;color:var(--white);letter-spacing:-1.5px;margin-bottom:12px;line-height:1} .email-title em{font-style:italic;color:#FF8050} .email-sub{font-size:15px;color:rgba(255,255,255,.4);line-height:1.7} .email-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px} @media(max-width:768px){.email-chips{justify-content:center}} .email-chip{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.55);font-size:11px;font-weight:600;padding:5px 12px;border-radius:20px} .email-form{display:flex;gap:10px;max-width:440px;margin-top:20px;flex-wrap:wrap} .email-form .email-note{flex-basis:100%;margin-top:0} @media(max-width:768px){.email-form{max-width:100%;margin-inline:auto}} .email-input{flex:1;min-width:0;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);border-radius:10px;color:white;font-family:var(--fb);font-size:14px;padding:13px 18px;outline:none;transition:all .2s} .email-input:focus{border-color:#FF8050} .email-input::placeholder{color:rgba(255,255,255,.3)} .email-submit{padding:13px 22px;border-radius:10px;background:var(--accent);color:white;font-family:var(--fb);font-size:14px;font-weight:700;border:none;cursor:pointer;transition:all .2s;white-space:nowrap} .email-submit:hover{background:var(--accent2);transform:scale(1.03)} .email-note{font-size:11px;color:rgba(255,255,255,.25);margin-top:10px} .email-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px} .email-stat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:var(--r);padding:18px;transition:all .2s} .email-stat:hover{background:rgba(255,255,255,.08)} .es-n{font-family:var(--fd);font-size:30px;font-style:italic;color:#FF8050;line-height:1} .es-l{font-size:12px;color:rgba(255,255,255,.35);margin-top:4px} /* ── ABOUT STRIP ── */ .about-strip{background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:64px 0} .about-inner{max-width:var(--max);margin:0 auto;padding:0 var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center} @media(max-width:768px){.about-inner{grid-template-columns:1fr;text-align:center}} .about-img{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:16/9;position:relative;box-shadow:0 16px 48px rgba(12,11,9,.1)} .about-img img{width:100%;height:100%;object-fit:cover} .about-img-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(12,11,9,.6),rgba(224,62,0,.15))} .about-img-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px} .about-img-icon{font-size:48px} .about-img-caption{font-family:var(--fd);font-size:20px;font-style:italic;color:white;font-weight:700} .ai-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px} @media(max-width:768px){.ai-pills{justify-content:center}} .ai-pill{background:var(--white);border:1px solid var(--border);color:var(--muted);font-size:11px;font-weight:600;padding:5px 12px;border-radius:20px} .ai-quote{font-family:var(--fd);font-size:20px;font-style:italic;color:var(--ink);line-height:1.4;margin-bottom:16px;padding-left:16px;border-left:3px solid var(--accent)} .ai-desc{font-size:14px;color:var(--muted);line-height:1.65;margin-bottom:24px} /* ── PRINT QUALITY ── */ .quality-section{background:var(--white);border-top:1px solid var(--border);padding:80px 0} .quality-inner{max-width:var(--max);margin:0 auto;padding:0 var(--pad)} .quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px} @media(max-width:768px){.quality-grid{grid-template-columns:1fr}} .quality-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:all .2s} .quality-card:hover{box-shadow:0 12px 40px rgba(12,11,9,.08);transform:translateY(-3px)} .qc-img{aspect-ratio:4/3;overflow:hidden;position:relative} .qc-img img{width:100%;height:100%;object-fit:cover} .qc-tag{position:absolute;top:12px;left:12px;background:var(--glass2);backdrop-filter:var(--blur-sm);border:1px solid var(--glass-b);padding:5px 12px;border-radius:8px;font-size:11px;font-weight:700;color:var(--ink)} .qc-body{padding:18px 20px} .qc-title{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:6px} .qc-desc{font-size:13px;color:var(--muted);line-height:1.55} .qc-check{display:inline-flex;align-items:center;gap:5px;margin-top:10px;font-size:11px;font-weight:700;color:var(--sage)} /* ── CART PAGE ── */ .cart-page{max-width:var(--max);margin:0 auto;padding:48px var(--pad)} .cart-page-grid{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:start} @media(max-width:900px){.cart-page-grid{grid-template-columns:1fr}} .cart-page-title{font-family:var(--fd);font-size:36px;font-weight:900;font-style:italic;color:var(--ink);margin-bottom:28px} .cart-page-item{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--border)} .cpi-img{width:90px;height:90px;border-radius:12px;overflow:hidden;flex-shrink:0;border:1px solid var(--border);background:var(--bg)} .cpi-img img{width:100%;height:100%;object-fit:cover} .cpi-info{flex:1} .cpi-name{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:4px} .cpi-variant{font-size:13px;color:var(--muted)} .cpi-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px} .cpi-price{font-family:var(--fd);font-size:20px;font-weight:700;font-style:italic;color:var(--ink)} .cart-summary-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;position:sticky;top:calc(var(--nav-h) + 20px)} .csb-title{font-family:var(--fd);font-size:22px;font-weight:700;font-style:italic;color:var(--ink);margin-bottom:20px} .csb-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);font-size:14px} .csb-row.total{border-bottom:none;padding-top:14px;margin-top:4px} .csb-row.total .csb-key{font-weight:700;font-size:15px;color:var(--ink)} .csb-row.total .csb-val{font-family:var(--fd);font-size:22px;font-weight:700;font-style:italic;color:var(--ink)} .csb-key{color:var(--muted)} .csb-val{font-weight:600;color:var(--ink)} .csb-note{font-size:12px;color:var(--muted2);margin:14px 0;line-height:1.6} /* ── 404 PAGE ── */ .not-found{text-align:center;padding:120px var(--pad)} .nf-code{font-family:var(--fd);font-size:120px;font-weight:900;font-style:italic;color:var(--accent);line-height:1;margin-bottom:16px;opacity:.3} .nf-title{font-family:var(--fd);font-size:36px;font-weight:700;font-style:italic;color:var(--ink);margin-bottom:12px} .nf-sub{font-size:15px;color:var(--muted);margin-bottom:32px} /* ── FOOTER ── */ .site-footer{background:var(--ink);position:relative;overflow:hidden} .site-footer::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 40% 60% at 0% 100%,rgba(224,62,0,.08),transparent),radial-gradient(ellipse 30% 40% at 100% 0%,rgba(200,136,10,.05),transparent)} .footer-inner{position:relative;z-index:1;max-width:var(--max);margin:0 auto;padding:60px var(--pad) 32px} .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px} @media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}} @media(max-width:500px){.footer-grid{grid-template-columns:1fr}} .footer-brand .fb-logo{font-family:var(--fb);font-size:16px;font-weight:800;color:var(--white);margin-bottom:12px;letter-spacing:-.3px} .footer-brand .fb-logo .acc{color:#FF8050} .footer-brand .fb-logo .ef{color:rgba(255,255,255,.3);font-weight:400;font-size:13px} .footer-brand .fb-desc{font-size:13px;color:rgba(255,255,255,.35);line-height:1.7;max-width:260px} .footer-socials{display:flex;gap:10px;margin-top:18px} .soc-btn{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;transition:all .15s} .soc-btn:hover{background:var(--accent);border-color:var(--accent)} .footer-col h4{font-size:10px;font-weight:700;color:var(--white);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:18px} .footer-col a{display:block;font-size:13px;color:rgba(255,255,255,.38);margin-bottom:10px;transition:color .15s} .footer-col a:hover{color:var(--white)} .footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px} .footer-bottom p{font-size:12px;color:rgba(255,255,255,.22)} .footer-badges{display:flex;gap:8px;flex-wrap:wrap} .footer-badge{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.28);font-size:10px;font-weight:600;padding:4px 10px;border-radius:6px;letter-spacing:.5px;text-transform:uppercase} /* ── TOAST ── */ #Toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(60px);background:var(--ink);color:white;font-size:13px;font-weight:700;padding:11px 24px;border-radius:10px;transition:transform .3s;z-index:999;display:flex;align-items:center;gap:8px;box-shadow:0 8px 28px rgba(12,11,9,.2);pointer-events:none} #Toast.show{transform:translateX(-50%) translateY(0)} #Toast.success{background:var(--sage)} /* ── REVEAL ANIMATIONS ── */ .animations-on .rv{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease} .animations-on .rv.in{opacity:1;transform:translateY(0)} .animations-on .rv2{opacity:0;transform:translateX(-24px);transition:opacity .6s ease,transform .6s ease} .animations-on .rv2.in{opacity:1;transform:translateX(0)} /* Custom CSS from theme settings is injected in layout/theme.liquid, not here — this file is a static asset and Liquid isn't processed inside it. See the