:root{
  --night:#181C2A; --navy:#263A5B; --sky:#38bdf8; --sky-soft:#e0f4fe; --apple:#0071e3;
  --ink:#141826; --muted:#5f6779; --line:rgba(24,28,42,.08);
  --bg:#fbfcfe; --glass:rgba(255,255,255,.6); --glass-strong:rgba(255,255,255,.8);
  --glass-line:rgba(255,255,255,.9);
  --shadow:0 1px 2px rgba(24,28,42,.03),0 16px 36px -14px rgba(38,58,91,.16),inset 0 1px 0 rgba(255,255,255,1);
  --shadow-lg:0 30px 70px -30px rgba(24,28,42,.35);
  --grad:linear-gradient(110deg,#181C2A 0%,#263A5B 28%,#0071e3 52%,#263A5B 76%,#181C2A 100%);
  --r-lg:30px;
  --font:"Space Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:hidden;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@supports (overflow:clip){html{overflow-x:clip}}
body{font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.55;font-size:16px;overflow-x:clip;-webkit-font-smoothing:antialiased}
img,svg,canvas{display:block;max-width:100%}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--sky);outline-offset:3px;border-radius:8px}
::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9px}::-webkit-scrollbar-thumb:hover{background:var(--apple)}
.wrap{width:min(1280px,100% - 40px);margin-inline:auto}

/* ---------- ambient background: gradient orbs + WebGL glass ---------- */
.ambient{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(1200px 600px at 50% -10%,#eef6ff 0%,transparent 60%),var(--bg)}
.blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55}
.blob.a{width:540px;height:540px;background:#cfe9fb;top:-140px;left:-140px;animation:orbit1 16s ease-in-out infinite}
.blob.b{width:480px;height:480px;background:rgba(38,58,91,.16);top:28%;right:-160px;animation:orbit2 20s ease-in-out infinite}
.blob.c{width:400px;height:400px;background:#dff3ff;bottom:-140px;left:28%;animation:orbit1 24s ease-in-out infinite reverse}
@keyframes orbit1{33%{transform:translate(30px,-40px) scale(1.08)}66%{transform:translate(-25px,25px) scale(.95)}}
@keyframes orbit2{33%{transform:translate(-35px,35px) scale(1.06)}66%{transform:translate(30px,-20px) scale(.96)}}
#glassBg{position:absolute;inset:0;opacity:.5}

/* ---------- glass + buttons ---------- */
.glass{background:var(--glass);backdrop-filter:blur(26px) saturate(190%);-webkit-backdrop-filter:blur(26px) saturate(190%);border:1px solid var(--glass-line);box-shadow:var(--shadow)}
.prism{position:relative}
.prism::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(56,189,248,.45),rgba(38,58,91,.25),rgba(255,255,255,.8));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:48px;padding:0 24px;border-radius:999px;font-weight:600;font-size:15px;transition:transform .25s,box-shadow .25s,background .25s;white-space:nowrap;position:relative;overflow:hidden}
.btn-grad{color:#fff;background:var(--grad);background-size:300% 100%;animation:flow 7s linear infinite;box-shadow:0 10px 24px -10px rgba(0,113,227,.55),inset 0 1px 0 rgba(255,255,255,.25)}
.btn-grad::after{content:"";position:absolute;inset:-50%;background:linear-gradient(60deg,transparent 40%,rgba(255,255,255,.45) 50%,transparent 60%);transform:translateX(-100%);pointer-events:none}
.btn-grad:hover::after{animation:sweep 1.1s ease}
.btn-grad:hover{transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(0,113,227,.6),0 0 0 4px rgba(56,189,248,.15)}
.btn-grad:active{transform:scale(.98)}
@keyframes flow{to{background-position:300% 0}}
@keyframes sweep{to{transform:translateX(100%)}}
.btn-glass{background:rgba(255,255,255,.75);border:1px solid var(--line);backdrop-filter:blur(12px);color:var(--ink)}
.btn-glass:hover{background:#fff;transform:translateY(-2px)}
.btn-wa{background:#e9f9ef;color:#0f7a3d;border:1px solid #c8efd7}
.btn-wa:hover{background:#dcf6e6;transform:translateY(-2px)}
.btn-light{background:#fff;color:var(--night)}
.btn-light:hover{transform:translateY(-2px);box-shadow:0 0 0 5px rgba(255,255,255,.15)}
.btn.sm{height:38px;padding:0 16px;font-size:14px}
.btn.block{width:100%}
.ico{width:20px;height:20px;flex:none}

/* ---------- header ---------- */
.topbar{background:linear-gradient(90deg,var(--night),var(--navy));color:#dbeafe;font-size:13px;overflow:hidden;height:36px;display:flex;align-items:center}
.ticker{display:flex;gap:56px;white-space:nowrap;animation:tick 34s linear infinite;padding-left:100%}
.ticker span{display:inline-flex;align-items:center;gap:8px}
.ticker i{width:6px;height:6px;border-radius:50%;background:var(--sky);display:inline-block}
@keyframes tick{to{transform:translateX(-100%)}}
header.site{position:sticky;top:0;z-index:60}
.nav{margin:12px auto 0;width:min(1280px,100% - 24px);border-radius:22px;display:flex;align-items:center;gap:18px;padding:10px 12px 10px 18px;transition:box-shadow .3s,background .3s}
header.site.scrolled .nav{background:var(--glass-strong);box-shadow:0 18px 40px -22px rgba(24,28,42,.35)}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em;font-size:17px;flex:none}
.logo-mark{width:38px;height:38px;border-radius:12px;background:var(--grad);background-size:300% 100%;animation:flow 9s linear infinite;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
.logo small{display:block;font-size:11px;font-weight:500;color:var(--muted);letter-spacing:0}
.links{display:flex;gap:2px;margin-inline:auto}
.links a{padding:9px 12px;border-radius:999px;font-size:14px;font-weight:500;color:#3a4256;transition:background .2s,color .2s}
.links a:hover{background:rgba(38,58,91,.06);color:var(--ink)}
.links a.on{background:var(--ink);color:#fff}
.tools{display:flex;gap:6px;align-items:center}
.icon-btn{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;position:relative;transition:background .2s}
.icon-btn:hover{background:rgba(38,58,91,.07)}
.badge-count{position:absolute;top:4px;right:3px;min-width:18px;height:18px;border-radius:9px;background:var(--sky);color:var(--night);font-size:11px;font-weight:700;display:grid;place-items:center;padding:0 5px;transform:scale(0);transition:transform .3s cubic-bezier(.3,1.6,.5,1)}
.badge-count.show{transform:scale(1)}
.burger{display:none}
.mobile-menu{position:fixed;inset:0;z-index:80;background:rgba(20,24,38,.25);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .3s}
.mobile-menu.open{opacity:1;pointer-events:auto}
.mobile-menu .panel{position:absolute;top:12px;left:12px;right:12px;border-radius:24px;padding:18px;transform:translateY(-20px);transition:transform .35s;background:rgba(255,255,255,.92)}
.mobile-menu.open .panel{transform:none}
.mobile-menu nav a{display:flex;justify-content:space-between;padding:14px 12px;border-bottom:1px solid var(--line);font-weight:500}

/* ---------- hero coverflow (images only) ---------- */
.hero{padding:34px 0 10px;position:relative}
.stage{position:relative;height:clamp(240px,45vw,540px);perspective:1600px;user-select:none;touch-action:pan-y}
.slide{position:absolute;left:50%;top:0;width:min(960px,82vw);height:100%;margin-left:calc(min(960px,82vw) / -2);border-radius:var(--r-lg);overflow:hidden;cursor:pointer;transition:transform .9s cubic-bezier(.22,.8,.2,1),opacity .9s,filter .9s;box-shadow:var(--shadow-lg);background:#f6f6f6}
.slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 6s ease;pointer-events:none;-webkit-user-drag:none}
.slide.cur img{transform:scale(1)}
.slide::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.5) 0%,transparent 24%,transparent 72%,rgba(255,255,255,.22));pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.9)}
.stage-ctrl{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:22px}
.dots{display:flex;gap:8px}
.dots button{width:8px;height:8px;border-radius:5px;background:rgba(38,58,91,.2);transition:width .4s,background .4s}
.dots button.on{width:30px;background:var(--navy)}
.arrow{width:44px;height:44px;border-radius:50%;display:grid;place-items:center}
.arrow:hover{background:#fff}
.progress{height:2px;width:120px;background:rgba(38,58,91,.12);border-radius:2px;overflow:hidden}
.progress i{display:block;height:100%;width:0;background:var(--apple)}

/* ---------- sections ---------- */
section.block{padding:72px 0}
.head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px;flex-wrap:wrap}
.head h2{font-size:clamp(28px,3.6vw,44px);line-height:1.05;letter-spacing:-.035em;font-weight:700}
.head p{color:var(--muted);max-width:52ch;margin-top:8px}
.link-more{font-weight:600;color:var(--navy);display:inline-flex;gap:6px;align-items:center}
.link-more:hover{color:var(--apple)}
.trust{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:34px}
.trust div{border-radius:18px;padding:16px;display:flex;gap:12px;align-items:center;font-size:14px;line-height:1.3}
.trust b{display:block;font-weight:600}
.trust span{color:var(--muted);font-size:13px}
.trust .ti{width:40px;height:40px;border-radius:12px;background:var(--sky-soft);display:grid;place-items:center;color:var(--navy);flex:none}

/* categories */
.cats{display:grid;grid-template-columns:repeat(7,1fr);gap:14px}
.cat{border-radius:24px;padding:10px 10px 16px;text-align:center;transition:transform .35s,box-shadow .35s;transform-style:preserve-3d;overflow:hidden}
.cat:hover{box-shadow:0 26px 40px -24px rgba(0,113,227,.4)}
.cat .cimg{aspect-ratio:1/1;border-radius:16px;overflow:hidden;margin-bottom:12px;background:#f4f4f4;display:grid;place-items:center;transform:translateZ(24px)}
.cat .cimg img{width:100%;height:100%;object-fit:cover;transform:scale(1.5);transition:transform .6s}
.cat:hover .cimg img{transform:scale(1.62)}
.cat .cimg svg{height:72%;width:auto}
.cat h3{font-size:15px;font-weight:600;letter-spacing:-.01em}
.cat p{font-size:12.5px;color:var(--muted)}

/* 3D studio */
.studio{border-radius:36px;overflow:hidden;display:grid;grid-template-columns:1.35fr 1fr;min-height:560px}
.studio-view{position:relative;background:radial-gradient(70% 70% at 50% 45%,#ffffff 0%,#eef4fb 60%,#e3ebf5 100%);cursor:grab;touch-action:none}
.studio-view:active{cursor:grabbing}
.studio-view canvas{width:100%!important;height:100%!important}
.studio-hint{pointer-events:none;position:absolute;left:18px;bottom:16px;font-size:13px;color:var(--muted);display:flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px}
.studio-ctrl{padding:36px;display:flex;flex-direction:column;gap:22px}
.studio-ctrl h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.035em;line-height:1.08;font-weight:700}
.studio-ctrl>p{color:var(--muted);margin-top:-12px}
.ctrl-label{font-size:13.5px;font-weight:600;margin-bottom:10px;display:flex;justify-content:space-between}
.ctrl-label span{font-weight:400;color:var(--muted)}
.toggles{display:flex;gap:8px;flex-wrap:wrap}
.no3d{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:30px;color:var(--muted)}

/* tabs / chips */
.tabs{display:flex;gap:6px;padding:5px;border-radius:999px;flex-wrap:wrap}
.tabs button{padding:9px 16px;border-radius:999px;font-size:14px;font-weight:500;color:var(--muted);transition:all .25s}
.tabs button.on{background:var(--ink);color:#fff}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{padding:9px 15px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.8);font-size:14px;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;gap:8px}
.chip:hover{border-color:#bcd3ea}
.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.chip i{width:14px;height:14px;border-radius:50%;display:inline-block;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}

/* product cards */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pcard{border-radius:26px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:transform .35s,box-shadow .35s}
.pcard:hover{box-shadow:0 30px 50px -28px rgba(0,113,227,.45)}
.pmedia{position:relative;aspect-ratio:4/3;display:grid;place-items:center;background:#f5f5f5;overflow:hidden}
.pmedia img{width:100%;height:100%;object-fit:cover;transform:scale(1.18);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.pcard:hover .pmedia img{transform:scale(1.28)}
.pmedia svg{height:66%;width:auto;filter:drop-shadow(0 18px 18px rgba(24,28,42,.2))}
.pmedia .sw-dot{position:absolute;right:14px;bottom:14px;width:18px;height:18px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.tag{position:absolute;top:14px;left:14px;font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px;background:var(--night);color:#fff;z-index:1}
.tag.sky{background:var(--sky);color:var(--night)}
.tag.d3{left:auto;right:14px;background:rgba(255,255,255,.85);color:var(--navy);border:1px solid var(--line)}
.pbody{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.pcat{font-size:12.5px;color:var(--muted)}
.pbody h3{font-size:15.5px;font-weight:600;line-height:1.3;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.prow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px}
.price{font-weight:700;letter-spacing:-.01em}
.add{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--grad);background-size:300% 100%;animation:flow 7s linear infinite;transition:transform .25s}
.add:hover{transform:scale(1.1) rotate(90deg)}

/* duo banners */
.duo-banner{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}
.banner{border-radius:34px;overflow:hidden;position:relative;min-height:440px;display:flex;align-items:flex-end;color:#fff;cursor:pointer}
.banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.banner:hover img{transform:scale(1.05)}
.banner::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(24,28,42,.85),rgba(24,28,42,.1) 55%,transparent)}
.banner .cap{position:relative;padding:30px;width:100%;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.banner h3{font-size:clamp(24px,2.8vw,34px);letter-spacing:-.03em;line-height:1.08;font-weight:700}
.banner p{color:#d6e2f2;margin-top:6px}

/* spotlight */
.spot{border-radius:36px;overflow:hidden;position:relative;color:#fff;background:linear-gradient(135deg,var(--night),var(--navy) 60%,#2c5b8a);display:grid;grid-template-columns:1fr 1.1fr;align-items:center;min-height:460px}
.spot::before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;right:-160px;top:-200px;background:radial-gradient(closest-side,rgba(56,189,248,.45),transparent);animation:orbit1 14s ease-in-out infinite}
.spot .txt{padding:56px;position:relative}
.spot h2{font-size:clamp(34px,4.6vw,58px);line-height:1;letter-spacing:-.04em;font-weight:700}
.spot p{color:#c9d6ea;margin:16px 0 26px;max-width:42ch}
.spot .stats{display:flex;gap:28px;margin-bottom:28px;flex-wrap:wrap}
.spot .stats b{font-size:30px;font-weight:700;display:block;letter-spacing:-.03em;color:#9fdcff}
.spot .stats span{font-size:13px;color:#b7c6dc}
.spot .art{position:relative;padding:34px}
.spot .art img{border-radius:26px;box-shadow:0 40px 60px -20px rgba(0,0,0,.55);transform:perspective(1200px) rotateY(-10deg) rotateX(4deg);transition:transform .6s;-webkit-box-reflect:below 8px linear-gradient(transparent 75%,rgba(255,255,255,.18))}
.spot .art:hover img{transform:perspective(1200px) rotateY(0) rotateX(0)}

/* features */
.feat{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.feat article{border-radius:24px;padding:24px}
.feat .fi{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#e7f5fe,#fff);border:1px solid #d7eefc;color:var(--navy);margin-bottom:18px}
.feat h3{font-size:17px;font-weight:600;letter-spacing:-.01em;margin-bottom:6px}
.feat p{font-size:14.5px;color:var(--muted)}

/* calculators */
.duo{display:grid;grid-template-columns:1.15fr 1fr;gap:18px}
.calc{border-radius:30px;padding:32px}
.calc h3{font-size:24px;letter-spacing:-.03em;font-weight:700}
.calc>p{color:var(--muted);margin:6px 0 22px;font-size:15px}
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}
.field label,.flabel{font-size:13.5px;font-weight:500;color:#3a4256}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.select,.input{height:48px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.9);padding:0 14px;outline:none;transition:border .2s,box-shadow .2s;width:100%}
.select:focus,.input:focus{border-color:var(--sky);box-shadow:0 0 0 4px rgba(56,189,248,.15)}
.result{margin-top:8px;border-radius:20px;padding:18px 20px;background:linear-gradient(135deg,var(--night),var(--navy));color:#fff}
.result .rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.result span{font-size:12.5px;color:#b9c8df;display:block}
.result b{font-size:19px;letter-spacing:-.02em}
.result b.hi{color:#9fdcff;font-size:22px}
.rgrid b{font-size:17px!important;white-space:nowrap}
.result .rfoot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);flex-wrap:wrap}

/* service */
.service{display:grid;grid-template-columns:1fr 1.1fr;gap:18px;align-items:stretch}
.svc-photo{border-radius:30px;overflow:hidden;position:relative;min-height:420px}
.svc-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.svc-photo::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(24,28,42,.88),rgba(24,28,42,.15) 60%);z-index:1}
.svc-photo .cap{position:absolute;left:0;right:0;bottom:0;padding:32px;color:#fff;z-index:2}
.svc-photo h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.035em;line-height:1.08;font-weight:700}
.svc-photo p{color:#d6e2f2;margin:10px 0 16px;max-width:46ch}
.svc-photo .pills{display:flex;gap:8px;flex-wrap:wrap}
.svc-photo .pills span{font-size:13px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.14);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}
.estimate{border-radius:20px;padding:18px;background:linear-gradient(135deg,#f0f8ff,#fff);border:1px solid #d7eefc;margin:4px 0 16px;display:grid;grid-template-columns:auto 1fr;gap:6px 18px;align-items:baseline}
.estimate b{font-size:24px;letter-spacing:-.03em;color:var(--navy)}
.estimate span{font-size:13.5px;color:var(--muted)}
.success{text-align:center;padding:30px 10px}
.success .ok{width:64px;height:64px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;background:linear-gradient(135deg,#dcfce7,#e0f4fe);color:#0f7a3d}
.success h4{font-size:20px;letter-spacing:-.02em;margin-bottom:6px}
.success p{color:var(--muted);margin-bottom:18px}

/* faq */
.faq{max-width:860px;margin-inline:auto}
.faq details{border-radius:20px;margin-bottom:10px;overflow:hidden}
.faq summary{list-style:none;cursor:pointer;padding:20px 24px;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:16.5px}
.faq summary::-webkit-details-marker{display:none}
.faq summary .pm{width:30px;height:30px;border-radius:50%;background:var(--sky-soft);display:grid;place-items:center;transition:transform .3s;flex:none}
.faq details[open] .pm{transform:rotate(45deg)}
.faq details p{padding:0 24px 22px;color:var(--muted);max-width:70ch}

/* visit */
.visit{border-radius:32px;padding:40px;display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center}
.visit h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.035em;line-height:1.1;font-weight:700}
.visit p{color:var(--muted);margin-top:10px}
.vinfo{display:grid;gap:12px}
.vinfo a,.vinfo div{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.8);border:1px solid var(--line);font-weight:500}
.vinfo a:hover{border-color:#bcd3ea}

/* footer */
footer.site{margin-top:40px;padding:0 0 30px}
.foot{border-radius:32px;padding:48px 44px 26px}
.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:30px}
.foot h4{font-size:14px;font-weight:600;margin-bottom:14px}
.foot ul{list-style:none;display:grid;gap:9px}
.foot ul a{color:var(--muted);font-size:14.5px}
.foot ul a:hover{color:var(--ink)}
.foot .about{color:var(--muted);font-size:14.5px;margin:14px 0 18px;max-width:40ch}
.pay{display:flex;gap:8px;flex-wrap:wrap}
.pay span{font-size:12px;font-weight:600;padding:6px 10px;border-radius:8px;background:#fff;border:1px solid var(--line)}
.news{display:flex;gap:8px;margin-top:6px}
.fbot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:36px;padding-top:20px;font-size:13.5px;color:var(--muted)}

/* shop page */
.page-head{padding:44px 0 26px}
.page-head h1{font-size:clamp(34px,5vw,58px);letter-spacing:-.045em;line-height:1;font-weight:700}
.page-head p{color:var(--muted);margin-top:10px}
.crumbs{font-size:13.5px;color:var(--muted);margin-bottom:14px;display:flex;gap:8px;flex-wrap:wrap}
.crumbs a:hover{color:var(--ink)}
.shop{display:grid;grid-template-columns:270px 1fr;gap:22px;align-items:start}
.filters{border-radius:26px;padding:22px;position:sticky;top:110px}
.filters h4{font-size:14px;font-weight:600;margin:18px 0 10px}
.filters h4:first-child{margin-top:0}
.flist{display:grid;gap:4px}
.flist button{display:flex;justify-content:space-between;padding:10px 12px;border-radius:12px;font-size:14.5px;text-align:left;color:#3a4256}
.flist button:hover{background:rgba(38,58,91,.05)}
.flist button.on{background:var(--ink);color:#fff}
.flist small{opacity:.6}
input[type=range]{width:100%;accent-color:var(--apple)}
.range-val{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-top:6px}
.shopbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.shopbar .count{color:var(--muted);font-size:14.5px}
.shop .grid{grid-template-columns:repeat(3,1fr)}
.empty{border-radius:26px;padding:50px;text-align:center;color:var(--muted)}
.mfilter{display:none}

/* product page */
.pdp{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:start}
.gallery{position:sticky;top:110px}
.gmain{border-radius:34px;aspect-ratio:4/3;position:relative;overflow:hidden;background:#f5f5f5;transition:transform .2s}
.gmain img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:fadeIn .4s}
@keyframes fadeIn{from{opacity:0}}
.gmain #gview>svg{position:absolute;inset:13%;width:74%;height:74%}
.gmain .g3d canvas{width:100%!important;height:100%!important}
.gmain .g3d{position:absolute;inset:0;background:radial-gradient(70% 70% at 50% 45%,#fff,#eaf1f9);cursor:grab;touch-action:none}
.genuine{position:absolute;top:18px;left:18px;font-size:12.5px;font-weight:600;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.88);border:1px solid var(--line);display:flex;gap:6px;align-items:center;z-index:3}
.thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.thumbs button{width:78px;height:78px;border-radius:18px;overflow:hidden;border:2px solid transparent;transition:border .2s;background:#f5f5f5;display:grid;place-items:center;font-size:13px;font-weight:700;color:var(--navy)}
.thumbs button img{width:100%;height:100%;object-fit:cover}
.thumbs button.on{border-color:var(--apple)}
.thumbs .t3d{background:linear-gradient(135deg,#e0f4fe,#fff);flex-direction:column;gap:2px}
.info h1{font-size:clamp(28px,3.4vw,40px);line-height:1.08;letter-spacing:-.035em;font-weight:700;margin:10px 0 10px}
.info .desc{color:var(--muted);margin-bottom:14px;max-width:56ch}
.info .bigprice{font-size:30px;font-weight:700;letter-spacing:-.03em}
.info .emi-note{color:var(--muted);font-size:14.5px;margin-top:2px}
.opt{margin-top:24px}
.opt>b{display:block;font-size:14px;font-weight:600;margin-bottom:10px}
.opt>b span{font-weight:400;color:var(--muted)}
.swatches{display:flex;gap:10px;flex-wrap:wrap}
.sw{width:40px;height:40px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);transition:box-shadow .2s,transform .2s}
.sw:hover{transform:scale(1.08)}
.sw.on{box-shadow:0 0 0 2px var(--apple)}
.qty{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.9);height:48px}
.qty button{width:44px;height:100%;font-size:20px}
.qty span{min-width:30px;text-align:center;font-weight:600}
.buy{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}
.buy .btn-grad{flex:1;min-width:200px}
.perks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.perks div{border-radius:16px;padding:14px;display:flex;gap:10px;align-items:center;font-size:14px;font-weight:500}
.emi-box{border-radius:22px;padding:18px;margin-top:18px}
.emi-box .row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.ptabs{margin-top:60px}
.ptab-body{border-radius:26px;padding:28px;margin-top:14px}
.spec{display:grid;grid-template-columns:200px 1fr;border-bottom:1px solid var(--line);padding:13px 0;font-size:15px}
.spec:last-child{border:0}
.spec b{font-weight:500;color:var(--muted)}

/* drawer / modal / toast */
.scrim{position:fixed;inset:0;background:rgba(20,24,38,.3);backdrop-filter:blur(4px);z-index:90;opacity:0;pointer-events:none;transition:opacity .3s}
.scrim.open{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:12px;bottom:12px;right:12px;width:min(440px,calc(100% - 24px));z-index:95;border-radius:28px;display:flex;flex-direction:column;transform:translateX(110%);transition:transform .45s cubic-bezier(.2,.8,.2,1);background:rgba(255,255,255,.9)}
.drawer{visibility:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),visibility 0s .45s}.drawer.open{transform:none;visibility:visible;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.dhead{display:flex;justify-content:space-between;align-items:center;padding:20px 22px 12px}
.dhead h3{font-size:20px;font-weight:700;letter-spacing:-.02em}
.steps{display:flex;gap:6px;padding:0 22px 12px}
.steps i{flex:1;height:3px;border-radius:2px;background:rgba(38,58,91,.12)}
.steps i.on{background:var(--apple)}
.ditems{flex:1;overflow:auto;padding:0 18px}
.ditem{display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--line)}
.ditem .th{width:70px;height:70px;border-radius:16px;background:#f3f3f3;display:grid;place-items:center;overflow:hidden}
.ditem .th img{width:100%;height:100%;object-fit:cover;transform:scale(1.35)}
.ditem .th svg{height:70%;width:auto}
.ditem h4{font-size:14px;font-weight:600;line-height:1.3}
.ditem small{color:var(--muted)}
.mini-qty{display:flex;align-items:center;gap:8px;margin-top:6px}
.mini-qty button{width:26px;height:26px;border-radius:50%;background:#eef2f7;font-weight:600}
.dfoot{padding:16px 22px 22px;border-top:1px solid var(--line);display:grid;gap:10px}
.sumrow{display:flex;justify-content:space-between;font-size:14.5px;color:var(--muted)}
.sumrow.tot{font-size:17px;font-weight:700;color:var(--ink)}
.opt-card{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.85);text-align:left;width:100%;margin-bottom:8px;transition:border .2s}
.opt-card.on{border-color:var(--apple);box-shadow:0 0 0 3px rgba(0,113,227,.12)}
.opt-card small{display:block;color:var(--muted);font-size:12.5px}
.search-modal{position:fixed;top:12vh;left:50%;transform:translate(-50%,-20px);width:min(680px,calc(100% - 24px));z-index:95;border-radius:28px;padding:16px;opacity:0;pointer-events:none;transition:all .35s;background:rgba(255,255,255,.92)}
.search-modal{visibility:hidden}.search-modal.open{visibility:visible;opacity:1;transform:translate(-50%,0);pointer-events:auto}
.sbox{display:flex;align-items:center;gap:10px;padding:0 10px;border-bottom:1px solid var(--line)}
.sbox input{flex:1;height:58px;border:0;outline:0;background:none;font-size:18px}
.sres{max-height:52vh;overflow:auto;padding-top:8px}
.sres a{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:10px;border-radius:14px}
.sres a:hover{background:rgba(38,58,91,.05)}
.sres .th{width:52px;height:52px;border-radius:12px;background:#f3f3f3;display:grid;place-items:center;overflow:hidden}
.sres .th img{width:100%;height:100%;object-fit:cover;transform:scale(1.4)}
.sres .th svg{height:72%;width:auto}
.sres .hint{padding:16px 10px;color:var(--muted);font-size:14.5px}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,40px);z-index:100;padding:13px 20px;border-radius:999px;background:var(--night);color:#fff;font-weight:500;font-size:14.5px;opacity:0;transition:all .4s cubic-bezier(.2,.8,.2,1);display:flex;gap:10px;align-items:center;box-shadow:var(--shadow-lg)}
.toast.show{opacity:1;transform:translate(-50%,0)}
.wa-float{position:fixed;right:20px;bottom:20px;z-index:70;width:58px;height:58px;border-radius:50%;background:#25d366;display:grid;place-items:center;color:#fff;box-shadow:0 14px 30px -10px rgba(37,211,102,.7);transition:transform .25s}
.wa-float:hover{transform:scale(1.08)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:none}
#app{min-height:60vh}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .links a{padding:9px 8px;font-size:13.5px}
  .cats{grid-template-columns:repeat(4,1fr)}
  .grid{grid-template-columns:repeat(3,1fr)}
  .trust{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:980px){
  .links{display:none}
  .burger{display:grid}
  .tools{margin-left:auto}
  .spot,.duo,.service,.visit,.pdp,.studio,.duo-banner{grid-template-columns:1fr}
  .studio-view{height:420px}
  .spot .txt{padding:40px 30px 0}
  .feat{grid-template-columns:repeat(2,1fr)}
  .fgrid{grid-template-columns:1fr 1fr}
  .shop{grid-template-columns:1fr}
  .filters{position:static;display:none}
  .filters.open{display:block}
  .mfilter{display:inline-flex}
  .gallery{position:static}
  .banner{min-height:360px}
}
@media (max-width:640px){
  .wrap{width:calc(100% - 28px)}
  section.block{padding:52px 0}
  .slide{width:88vw;margin-left:-44vw}
  .stage{height:50vw}
  .cats{grid-template-columns:repeat(3,1fr);gap:10px}
  .grid,.shop .grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .pbody{padding:12px 13px 14px}
  .pbody h3{font-size:14px}
  .price{font-size:14px}
  .add{width:34px;height:34px}
  .trust{grid-template-columns:1fr 1fr}
  .trust div:last-child{grid-column:span 2}
  .feat,.fgrid,.perks,.row2{grid-template-columns:1fr}
  .result .rgrid{grid-template-columns:1fr 1fr}
  .calc,.visit,.foot,.studio-ctrl{padding:24px}
  .logo span.txt{display:none}
  .spec{grid-template-columns:1fr;gap:2px}
  .nav{gap:8px}
  .tools .btn-grad{display:none}
  .studio-view{height:340px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition-duration:.01ms!important}
  .reveal{opacity:1;transform:none}
}

/* =========================================================
   NOTHING-STYLE SKIN — dot-matrix type, frosted panels, calm grey canvas
   ========================================================= */
:root{
  --bg:#f2f2f2; --ink:#121318; --muted:#62666f; --line:rgba(18,19,24,.08);
  --dot:"Doto","Space Mono",monospace; --mono:"Space Mono",ui-monospace,monospace;
  --r:12px;
}
body{background:var(--bg);font-size:15.5px;letter-spacing:-.005em}
.ambient{background:var(--bg)}
.blob{opacity:.32}
#glassBg{opacity:.38}
/* dot matrix layer – fades in from the centre on load (one orchestrated moment) */
.dotmatrix{position:absolute;inset:0;background-image:radial-gradient(circle at center,rgba(18,19,24,.22) 1px,transparent 1.6px);background-size:18px 18px;opacity:.35;
  -webkit-mask-image:radial-gradient(circle at 50% 40%,#000 0,transparent 0);mask-image:radial-gradient(circle at 50% 40%,#000 0,transparent 0);animation:dotsIn 2.2s cubic-bezier(.2,.8,.2,1) .15s forwards}
@keyframes dotsIn{to{-webkit-mask-image:radial-gradient(circle at 50% 40%,#000 70%,transparent 100%);mask-image:radial-gradient(circle at 50% 40%,#000 70%,transparent 100%)}}
@supports not (mask-image:radial-gradient(#000,transparent)){.dotmatrix{-webkit-mask-image:none;mask-image:none}}

/* type */
h1,h2,.head h2,.spot h2,.studio-ctrl h2,.svc-photo h2,.visit h2,.calc h3,.banner h3,.page-head h1,.info h1,.success h4,.dhead h3{font-family:var(--dot);font-weight:800;letter-spacing:-.01em;line-height:1.02}
.head h2{font-size:clamp(30px,4vw,52px)}
.page-head h1{font-size:clamp(40px,6vw,76px)}
.btn,.chip,.tabs button,.tag,.crumbs,.flabel,.field label,.ctrl-label,.links a,.price,.bigprice,.result span,.sumrow,.opt>b,.rp,.pay span,.nf-pay span,.offerbar,.refine,.add,.badge-count,.estimate span,.spec b,.trust span,.cat p,.genuine,.studio-hint,.progress,.stats span{font-family:var(--mono)}
.btn,.chip,.tabs button,.tag,.links a,.offerbar,.refine,.add,.ctrl-label,.flabel,.field label,.opt>b,.crumbs{text-transform:uppercase;letter-spacing:.04em;font-size:12px}
.bigprice{font-size:26px;font-weight:700;letter-spacing:0}
.stats b,.result b,.estimate b{font-family:var(--dot);font-weight:800;letter-spacing:0}
.ico.dot{width:16px;height:16px}

/* frosted surfaces – soft, borderless, small radii */
.glass{background:rgba(255,255,255,.66);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);border:1px solid rgba(255,255,255,.75);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 10px 30px -18px rgba(18,19,24,.18)}
.prism::before{opacity:.45}
.calc,.studio,.spot,.visit,.svc-photo,.banner,.faq details,.feat article,.trust div,.cat,.filters,.ptab-body,.emi-box,.perks div,.empty,.drawer,.search-modal,.gmain,.slide{border-radius:var(--r)}
.feat article,.calc,.visit{padding:28px}

/* buttons */
.btn{height:44px;border-radius:8px;padding:0 18px;gap:10px}
.btn.sm{height:36px;padding:0 14px}
.btn-glass{background:rgba(255,255,255,.7)}
.btn-light{border-radius:8px}
.chip,.tabs button{border-radius:8px}
.tabs{border-radius:10px}
.chip.on,.tabs button.on{background:var(--ink)}

/* header: floating frost bar + offer pill */
header.site{position:sticky;top:0;z-index:60;padding:8px 8px 0;display:flex;flex-direction:column;align-items:center;gap:6px}
.nav{margin:0;width:min(1080px,100%);height:52px;border-radius:10px;padding:0 6px 0 12px;gap:10px}
header.site.scrolled .nav{background:rgba(255,255,255,.82)}
.logo{gap:8px;align-items:baseline}
.dotlogo{font-family:var(--dot);font-weight:900;font-size:20px;letter-spacing:.02em;line-height:1}
.logo small{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--muted);margin:0}
.links a{padding:8px 10px;border-radius:6px;color:#3b3e46}
.links a.on{background:var(--ink);color:#fff}
.icon-btn{width:40px;height:40px;border-radius:8px}
.burger{display:none}
.badge-count{background:var(--ink);color:#fff;top:3px;right:2px}
.offerbar{width:min(1080px,100%);border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative;min-height:34px;padding:0 44px}
.offerbar a{padding:8px 0;text-align:center}
.offerbar u{margin-left:6px}
.offerbar button{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:32px;height:28px;display:grid;place-items:center;border-radius:6px}
.offerbar button:hover{background:rgba(18,19,24,.06)}
.mobile-menu .panel{border-radius:12px;top:8px;left:8px;right:8px}
.mobile-menu nav a{font-family:var(--dot);font-weight:800;font-size:28px;border:0;padding:10px 6px;justify-content:center}
.mobile-menu nav a span{display:none}
.mobile-menu nav a.btn{font-family:var(--mono);font-size:12px;font-weight:700}
.mobile-menu nav a.btn{font-family:var(--mono);font-size:12px;font-weight:700}
.mobile-menu nav a.btn{font-family:var(--mono);font-size:12px;font-weight:700}
.mobile-menu nav a.btn{font-family:var(--mono);font-size:12px;font-weight:700}
.mobile-menu nav a.btn{font-family:var(--mono);font-size:12px;font-weight:700}
.mobile-menu nav a.btn{font-family:var(--mono);font-size:12px;font-weight:700}
.mobile-menu nav a.btn{font-family:var(--mono);font-size:12px;font-weight:700}
.mobile-menu nav a.btn{font-family:var(--mono);font-size:12px;font-weight:700}
.mobile-menu nav a.btn{font-family:var(--mono);font-size:12px;font-weight:700}
.mobile-menu nav a.btn{font-family:var(--mono);font-size:12px;font-weight:700}
.mobile-menu nav a.btn{font-family:var(--mono);font-size:12px;font-weight:700}
.mobile-menu nav a.btn{font-family:var(--mono);font-size:12px;font-weight:700}

/* hero */
.hero{padding-top:22px}
.slide{border-radius:16px}
.dots button{border-radius:2px;height:6px;width:6px}
.dots button.on{width:22px;background:var(--ink)}
.arrow{border-radius:8px}

/* product cards: no box, centred – like a catalogue */
.grid{gap:30px 18px}
.pcard{background:none;border:0;box-shadow:none;backdrop-filter:none;border-radius:0;overflow:visible}
.pcard:hover{box-shadow:none}
.pmedia{aspect-ratio:1/1;border-radius:var(--r);background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.8)}
.pmedia img{transform:scale(1.02)}
.pcard:hover .pmedia img{transform:scale(1.08)}
.pbody{align-items:center;text-align:center;padding:14px 4px 0;gap:8px}
.pbody h3{font-size:15px;font-weight:500;-webkit-line-clamp:2}
.prow{flex-direction:column;justify-content:center;gap:10px;padding-top:2px;margin-top:0}
.price{font-size:12.5px;font-weight:400;color:#3b3e46}
.add{width:auto;height:30px;padding:0 12px;border-radius:7px;gap:6px;opacity:0;transform:translateY(-4px);transition:opacity .25s,transform .25s;animation:none;background:var(--ink)}
.add:hover{transform:none}
.pcard:hover .add,.pcard:focus-within .add{opacity:1;transform:none}
@media (hover:none){.add{opacity:1;transform:none}}
.tag{border-radius:6px;font-size:10.5px}

/* category tiles */
.cat{padding:8px 8px 14px}
.cat .cimg{border-radius:8px}
.cat h3{font-family:var(--dot);font-weight:800;font-size:17px}

/* reveal: dotted headings tick in */
.reveal{transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1),filter 1s cubic-bezier(.16,1,.3,1);filter:blur(4px)}
.reveal.in{filter:none}
#app.page-in{animation:pageIn .55s cubic-bezier(.16,1,.3,1)}
@keyframes pageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes dotTick{0%{opacity:0;clip-path:inset(0 100% 0 0)}100%{opacity:1;clip-path:inset(0 0 0 0)}}

/* shop page */
.page-head.center{text-align:center;padding-top:40px}
.page-head.center .crumbs{justify-content:center}
.page-head.center p{margin-inline:auto}
.shop{grid-template-columns:1fr}
.shop .grid{grid-template-columns:repeat(5,1fr)}
.shopbar{justify-content:space-between}
.filters{position:fixed;left:50%;bottom:72px;top:auto;width:min(560px,calc(100% - 16px));max-height:70vh;overflow:auto;z-index:65;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:all .35s cubic-bezier(.2,.8,.2,1);display:block;background:rgba(255,255,255,.9)}
.filters.open{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.fhead{display:flex;justify-content:space-between;align-items:center;margin:-6px -6px 6px 0}
.fhead b{font-family:var(--dot);font-size:22px}
.refine-wrap{position:sticky;bottom:8px;display:flex;justify-content:center;margin-top:40px;z-index:5}
.refine{width:min(560px,100%);height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:10px}

/* footer: full-bleed black like a closing slide */
footer.site.nfoot{margin-top:80px;background:#000;color:#fff;padding:90px 28px 28px;min-height:90vh;display:flex;flex-direction:column;align-items:center;gap:60px}
.nf-cats{display:flex;flex-direction:column;align-items:center;gap:14px}
.nf-cats a{font-family:var(--dot);font-weight:800;font-size:clamp(30px,4.4vw,52px);line-height:1;transition:opacity .15s}
.nf-cats a:hover{opacity:.7}
.nf-btns{width:min(360px,100%);display:flex;flex-direction:column;gap:3px}
.nf-btn{height:48px;padding:0 16px;border-radius:7px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.1);backdrop-filter:blur(20px);color:#fff;font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.04em;width:100%;transition:background .2s}
.nf-btn:hover{background:rgba(255,255,255,.18)}
.nf-news{display:none;gap:6px;padding:4px 0}
.nf-news.open{display:flex}
.nf-news input{flex:1;height:40px;border-radius:7px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;padding:0 12px;outline:none}
.nf-pay{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.nf-pay span{font-size:11px;padding:5px 9px;border-radius:6px;background:rgba(255,255,255,.08);color:#cfd2d8;text-transform:uppercase}
.nf-bottom{margin-top:auto;width:100%;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-family:var(--mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:#cfd2d8}
.nf-bottom div{display:flex;gap:18px;flex-wrap:wrap}
.nf-bottom a:hover{color:#fff}
.wa-float{bottom:16px;right:16px;width:52px;height:52px}

@media (max-width:1180px){.shop .grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:980px){
  .burger{display:grid}
  .links{display:none}
  .nav{justify-content:space-between}
  .logo{position:absolute;left:50%;transform:translateX(-50%)}
  .nav{position:relative}
  .shop .grid{grid-template-columns:repeat(3,1fr)}
  .filters{position:fixed;display:block}
}
@media (max-width:640px){
  .shop .grid,.grid{grid-template-columns:repeat(2,1fr);gap:24px 12px}
  .dotlogo{font-size:17px}
  .logo small{display:none}
  .offerbar{font-size:10.5px;padding:0 38px}
  footer.site.nfoot{padding:70px 18px 24px}
  .nf-bottom{flex-direction:column;align-items:center;text-align:center}
  .nf-bottom div{justify-content:center}
}
@media (prefers-reduced-motion:reduce){.dotmatrix{-webkit-mask-image:none;mask-image:none}}

/* ===== HERO SLIDER v2: full-bleed, dot-matrix reveal, Ken Burns + parallax ===== */
.hero2{padding:16px 8px 0}
.h2-stage{position:relative;width:min(1440px,100%);margin:0 auto;height:clamp(320px,48vw,700px);border-radius:16px;overflow:hidden;background:#f5f5f5;touch-action:pan-y;user-select:none;cursor:grab;outline:none;box-shadow:0 30px 60px -40px rgba(18,19,24,.35)}
.h2-stage:active{cursor:grabbing}
.h2-stage:focus-visible{box-shadow:0 0 0 2px var(--ink)}
.h2-slide{position:absolute;inset:0;visibility:hidden;opacity:0}
.h2-slide.on{visibility:visible;opacity:1;z-index:2}
.h2-slide.prev{visibility:visible;opacity:1;z-index:1}
.h2-par{position:absolute;inset:-3%;display:block;transform:translate(calc(var(--px,0) * -22px),calc(var(--py,0) * -14px));transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.h2-par img{width:100%;height:100%;object-fit:contain;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(transparent,#000 6%,#000 94%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(transparent,#000 6%,#000 94%,transparent);mask-composite:intersect;transform:scale(1.06);pointer-events:none;-webkit-user-drag:none}
.h2-slide.on .h2-par img{animation:kenburns 8s cubic-bezier(.25,.6,.3,1) forwards}
@keyframes kenburns{from{transform:scale(1.12)}to{transform:scale(1.02)}}
/* dots grow and merge to reveal the next image */
.h2-slide.enter{-webkit-mask-image:radial-gradient(circle at center,#000 var(--dr),transparent calc(var(--dr) + .7px));mask-image:radial-gradient(circle at center,#000 var(--dr),transparent calc(var(--dr) + .7px));-webkit-mask-size:22px 22px;mask-size:22px 22px;-webkit-mask-position:center;mask-position:center;animation:dotReveal 1.15s cubic-bezier(.65,0,.35,1) forwards}
@keyframes dotReveal{from{--dr:0px}to{--dr:16px}}
.h2-stage.nofx .h2-slide{transition:opacity .7s ease,visibility 0s .7s}
.h2-stage.nofx .h2-slide.on{transition:opacity .7s ease}
.h2-stage::after{content:"";position:absolute;inset:auto 0 0 0;height:22%;background:linear-gradient(to top,rgba(245,245,245,.35),transparent);z-index:3;pointer-events:none}
.h2-ui{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:18px;padding:6px 6px 6px 16px;border-radius:10px;white-space:nowrap}
.h2-count{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--muted)}
.h2-count b{color:var(--ink);font-weight:700}
.h2-bars{display:flex;gap:6px}
.h2-bars button{width:38px;height:22px;display:flex;align-items:center;padding:0}
.h2-bars button::before{content:"";position:absolute}
.h2-bars button{position:relative}
.h2-bars button i{position:absolute;left:0;top:50%;height:3px;margin-top:-1.5px;width:0;background:var(--ink);border-radius:2px;z-index:1}
.h2-bars button::after{content:"";position:absolute;left:0;right:0;top:50%;height:3px;margin-top:-1.5px;background:rgba(18,19,24,.14);border-radius:2px}
.h2-btns{display:flex;gap:2px}
.h2-btns button{width:36px;height:36px;border-radius:8px;display:grid;place-items:center}
.h2-btns button:hover{background:rgba(18,19,24,.07)}
.hero2 .trust{margin-top:18px}
@media (max-width:640px){
  .hero2{padding:10px 6px 0}
  .h2-stage{height:64vw;border-radius:12px}
  .h2-ui{gap:10px;padding:4px 4px 4px 10px;bottom:10px}
  .h2-bars button{width:22px}
  .h2-btns button{width:32px;height:32px}
}
@media (prefers-reduced-motion:reduce){.h2-slide.on .h2-par img{animation:none}.h2-par{transition:none}}

/* ===== no-crop pictures everywhere ===== */
.fbg,.blurfill{position:absolute;inset:0;width:100%;height:100%;display:block}
.blurfill{inset:-8%;width:116%;height:116%;object-fit:cover;filter:blur(26px) saturate(1.05);opacity:.95;transform:none!important}
.fit{position:relative;z-index:1;width:100%;height:100%;object-fit:contain!important;display:block}
.pmedia .fit,.cat .cimg .fit,.ditem .th .fit,.sres .th .fit,.thumbs button .fit,.gmain .fit{transform:none}
.pmedia,.cat .cimg,.thumbs button,.ditem .th,.sres .th,.gmain{position:relative;overflow:hidden}
.pmedia{aspect-ratio:16/10!important}
.pmedia .fit{position:absolute;inset:0;transition:transform .7s cubic-bezier(.16,1,.3,1)}
.pcard:hover .pmedia .fit{transform:translateY(-4px)!important}
.pmedia svg{position:relative;z-index:1}
.pmedia .tag,.pmedia .sw-dot{z-index:2}
.cat .cimg{aspect-ratio:16/10!important}
.cat .cimg .fit{position:absolute;inset:0}
.cat:hover .cimg .fit{transform:translateY(-3px)!important}
.thumbs button .fit,.ditem .th .fit,.sres .th .fit{position:absolute;inset:0}
.thumbs button{width:96px;height:60px}
.ditem .th,.sres .th{display:block}
.gmain{aspect-ratio:16/10!important}
.gmain .fit{position:absolute!important;inset:0;animation:fadeIn .45s ease}
.banner{aspect-ratio:1000/747;min-height:0!important}
.banner img{object-fit:cover}
.banner:hover img{transform:scale(1.0)}
.duo-banner{grid-template-columns:1fr 1fr!important}
.svc-photo{aspect-ratio:1000/747;min-height:0!important;align-self:start}
@media (max-width:980px){.duo-banner{grid-template-columns:1fr!important}}
@media (max-width:640px){
  .svc-photo{aspect-ratio:auto;display:flex;flex-direction:column;background:#141826}
  .svc-photo img{position:relative!important;aspect-ratio:1000/747;height:auto!important}
  .svc-photo::before{display:none}
  .svc-photo .cap{position:relative!important;padding:20px}
  .banner{aspect-ratio:auto;display:flex;flex-direction:column;min-height:0}
  .banner img{position:relative!important;aspect-ratio:1000/747;height:auto!important}
  .banner::before{display:none}
  .banner .cap{background:#141826;padding:18px}
}

/* ===== HERO v3 — plays like a product video ===== */
.h3{padding:14px 8px 0}
.h3-stage{position:relative;width:min(1440px,100%);margin:0 auto;height:clamp(470px,44vw,640px);border-radius:16px;overflow:hidden;background:var(--sbg,#f7f7f7);transition:background .9s ease;outline:none;user-select:none;touch-action:pan-y;box-shadow:0 30px 60px -40px rgba(18,19,24,.35)}
.h3-stage:focus-visible{box-shadow:0 0 0 2px var(--ink)}
.h3-scene{position:absolute;inset:0;display:grid;grid-template-columns:minmax(340px,40%) 1fr;background:var(--bg);visibility:hidden}
.h3-scene.on{visibility:visible;z-index:2}
.h3-scene.prev{visibility:visible;z-index:1}
.h3-scene.enter{-webkit-mask-image:radial-gradient(circle at center,#000 var(--dr),transparent calc(var(--dr) + .7px));mask-image:radial-gradient(circle at center,#000 var(--dr),transparent calc(var(--dr) + .7px));-webkit-mask-size:22px 22px;mask-size:22px 22px;-webkit-mask-position:center;mask-position:center;animation:dotReveal 1.2s cubic-bezier(.65,0,.35,1) forwards}
.h3-stage.nofx .h3-scene{opacity:0;transition:opacity .8s ease,visibility 0s .8s}
.h3-stage.nofx .h3-scene.on{opacity:1;transition:opacity .8s ease}
.h3-stage.nofx .h3-scene.prev{opacity:1}
.h3-media{grid-column:2;grid-row:1;position:relative;overflow:hidden}
.h3-par{position:absolute;inset:0;display:block;transform:translate(calc(var(--px,0) * -12px),calc(var(--py,0) * -10px));transition:transform 1s cubic-bezier(.16,1,.3,1)}
.h3-par .fit{position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.h3-par .fbg{display:none}
.h3-scene.on .h3-par .fit{animation:push 7.2s cubic-bezier(.3,.5,.3,1) forwards}
@keyframes push{from{transform:scale(.9) translateY(2%)}to{transform:scale(.97) translateY(0)}}
.h3-media::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.55) 50%,transparent 62%);transform:translateX(-120%)}
.h3-scene.on .h3-media::after{animation:sheen 2.6s 1.1s cubic-bezier(.4,0,.2,1)}
@keyframes sheen{to{transform:translateX(120%)}}
.h3-copy{grid-column:1;grid-row:1;align-self:center;padding:32px 12px 84px 52px;position:relative;z-index:3;max-width:560px}
.h3-copy>*{opacity:0;transform:translateY(18px)}
.h3-scene.on .h3-copy>*{animation:beat .95s cubic-bezier(.16,1,.3,1) forwards}
.h3-scene.on .h3-kicker{animation-delay:.45s}
.h3-scene.on .h3-title{animation-delay:.6s}
.h3-scene.on .h3-sub{animation-delay:.85s}
.h3-scene.on .h3-cta{animation-delay:3.7s}
.h3-scene .h3-feats{opacity:1;transform:none;animation:none!important}
.h3-feats li{opacity:0;transform:translateX(-14px)}
.h3-scene.on .h3-feats li{animation:beatX .8s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(1.3s + var(--k) * .55s)}
@keyframes beat{to{opacity:1;transform:none}}
@keyframes beatX{to{opacity:1;transform:none}}
.h3-stage.paused .h3-scene.on *,.h3-stage.paused .h3-scene.on .h3-media::after{animation-play-state:paused!important}
.h3-kicker{font-family:var(--mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:12px}
.h3-title{font-family:var(--dot);font-weight:900;font-size:clamp(40px,4.6vw,72px);line-height:.98;letter-spacing:-.01em;margin-bottom:12px}
.h3-sub{font-size:clamp(16px,1.4vw,19px);color:#3b3e46;max-width:34ch;margin-bottom:20px}
.h3-feats{list-style:none;display:grid;gap:9px;margin-bottom:24px}
.h3-feats li{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:500}
.h3-feats li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px rgba(18,19,24,.08);flex:none}
.h3-cta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.h3-price{font-family:var(--mono);font-size:13px;margin-right:6px}
.h3-ctrl{position:absolute;left:14px;right:14px;bottom:12px;z-index:5;display:flex;align-items:center;gap:12px;padding:5px 6px;border-radius:10px}
.h3-ctrl button{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;flex:none}
.h3-ctrl button:hover{background:rgba(18,19,24,.07)}
.h3-time,.h3-count{font-family:var(--mono);font-size:11.5px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.h3-count b{color:var(--ink)}
.h3-track{flex:1;display:flex;gap:5px;min-width:80px}
.h3-track button{flex:1;width:auto!important;height:24px!important;position:relative;border-radius:4px!important}
.h3-track button::after{content:"";position:absolute;left:0;right:0;top:50%;height:3px;margin-top:-1.5px;border-radius:2px;background:rgba(18,19,24,.14)}
.h3-track button i{position:absolute;left:0;right:0;top:50%;height:3px;margin-top:-1.5px;border-radius:2px;background:var(--ink);z-index:1;transform-origin:left;transform:scaleX(0)}
.h3-track button:hover::after{background:rgba(18,19,24,.25)}
@media (max-width:980px){
  .h3-stage{height:calc(56.25vw + 360px)}
  .h3-scene{grid-template-columns:1fr;grid-template-rows:56.25vw 1fr}
  .h3-media{grid-column:1;grid-row:1}
  .h3-copy{grid-column:1;grid-row:2;align-self:start;padding:14px 20px 70px;max-width:none}
  .h3-feats{grid-template-columns:1fr 1fr;gap:6px 14px;margin-bottom:16px}
  .h3-feats li{font-size:13px;gap:8px}
  .h3-feats li::before{width:6px;height:6px;box-shadow:none}
  .h3-sub{margin-bottom:12px}
  .h3-time{display:none}
}
@media (max-width:640px){
  .h3{padding:8px 6px 0}
  .h3-stage{height:calc(56.25vw + 400px);border-radius:12px}
  .h3-title{font-size:34px}
  .h3-kicker{margin-bottom:6px}
  .h3-feats{grid-template-columns:1fr}
  .h3-ctrl{left:8px;right:8px;bottom:8px;gap:6px}
  .h3-count{display:none}
}
@media (prefers-reduced-motion:reduce){
  .h3-copy>*,.h3-feats li{opacity:1!important;transform:none!important;animation:none!important}
  .h3-scene.on .h3-par .fit,.h3-scene.on .h3-media::after{animation:none!important}
}
@media (max-width:640px){.cat h3{font-size:13.5px;word-break:break-word}.cat p{font-size:11px}}

/* ===== HERO v4 — the photo is the ad: callouts draw onto the product ===== */
.h4{padding:14px 8px 0}
.h4-stage{position:relative;width:min(1440px,100%);margin:0 auto;aspect-ratio:1200/670;max-height:calc(100vh - 190px);min-height:200px;border-radius:16px;overflow:hidden;background:var(--sbg,#f7f7f7);transition:background .9s ease;container-type:size;outline:none;user-select:none;touch-action:pan-y;box-shadow:0 30px 60px -40px rgba(18,19,24,.35)}
.h4-stage:focus-visible{box-shadow:0 0 0 2px var(--ink)}
.h4-scene{position:absolute;inset:0;display:grid;place-items:center;background:var(--bg);visibility:hidden;color:var(--ink)}
.h4-scene.on{visibility:visible;z-index:2}
.h4-scene.prev{visibility:visible;z-index:1}
.h4-scene.enter{-webkit-mask-image:radial-gradient(circle at center,#000 var(--dr),transparent calc(var(--dr) + .7px));mask-image:radial-gradient(circle at center,#000 var(--dr),transparent calc(var(--dr) + .7px));-webkit-mask-size:22px 22px;mask-size:22px 22px;-webkit-mask-position:center;mask-position:center;animation:dotReveal 1.2s cubic-bezier(.65,0,.35,1) forwards}
.h4-stage.nofx .h4-scene{opacity:0;transition:opacity .8s ease,visibility 0s .8s}
.h4-stage.nofx .h4-scene.on{opacity:1;transition:opacity .8s ease}
.h4-stage.nofx .h4-scene.prev{opacity:1}
/* frame = exactly the photo's shape, always fully visible */
.h4-frame{position:relative;width:min(100cqw,calc(100cqh * 1.791));height:min(100cqh,calc(100cqw / 1.791));container-type:inline-size}
.h4-par{position:absolute;inset:0;display:block;transform:translate(calc(var(--px,0) * -8px),calc(var(--py,0) * -6px));transition:transform 1s cubic-bezier(.16,1,.3,1)}
.h4-img{width:100%;height:100%;display:block;object-fit:contain;transform:scale(.95);-webkit-mask-image:radial-gradient(ellipse 72% 78% at 50% 50%,#000 72%,transparent 100%);mask-image:radial-gradient(ellipse 72% 78% at 50% 50%,#000 72%,transparent 100%)}
.h4-scene.on .h4-img{animation:push4 7.6s cubic-bezier(.3,.5,.3,1) forwards}
@keyframes push4{from{transform:scale(.9)}to{transform:scale(.97)}}
.h4-ghost{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;font-family:var(--dot);font-weight:900;font-size:min(12cqw,calc(90cqw / (var(--n) * .68)));line-height:1;letter-spacing:.02em;white-space:nowrap;color:var(--ink);opacity:0;mix-blend-mode:multiply;pointer-events:none;z-index:2}
.h4-scene.on .h4-ghost{animation:ghostIn 1.6s .2s cubic-bezier(.16,1,.3,1) forwards}
@keyframes ghostIn{from{opacity:0;transform:translateY(-50%) scale(1.06)}to{opacity:.07;transform:translateY(-50%) scale(1)}}
.h4-lines{position:absolute;inset:0;width:100%;height:100%;z-index:3;overflow:visible;pointer-events:none}
.h4-lines line{stroke:var(--ink);stroke-width:1.2;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;opacity:.75}
.h4-scene.on .h4-lines line{animation:draw .7s cubic-bezier(.65,0,.35,1) forwards;animation-delay:calc(1s + var(--k) * 1.05s)}
@keyframes draw{to{stroke-dashoffset:0}}
.h4-dot{position:absolute;z-index:4;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff;border:3px solid var(--ink);opacity:0;transform:scale(0)}
.h4-dot::after{content:"";position:absolute;inset:-9px;border-radius:50%;border:1.5px solid var(--ink);opacity:0}
.h4-scene.on .h4-dot{animation:pop .5s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:calc(.85s + var(--k) * 1.05s)}
.h4-scene.on .h4-dot::after{animation:ring 2.2s ease-out infinite;animation-delay:calc(1.2s + var(--k) * 1.05s)}
@keyframes pop{to{opacity:1;transform:scale(1)}}
@keyframes ring{0%{opacity:.6;transform:scale(.4)}100%{opacity:0;transform:scale(1.4)}}
.h4-lab{position:absolute;z-index:5;top:var(--ay);transform:translateY(-50%) translateX(var(--sx,0));max-width:22cqw;padding:.55em .85em;border-radius:8px;background:rgba(255,255,255,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 24px -12px rgba(18,19,24,.35);font-family:var(--mono);font-size:max(10.5px,1.05cqw);line-height:1.3;text-transform:uppercase;letter-spacing:.03em;opacity:0}
.h4-lab.r{right:calc(100% - var(--ax));--sx:-6px}
.h4-lab.l{left:var(--ax);--sx:6px}
.h4-scene.on .h4-lab{animation:labIn .7s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(1.45s + var(--k) * 1.05s)}
@keyframes labIn{from{opacity:0;filter:blur(4px)}to{opacity:1;filter:none;transform:translateY(-50%) translateX(0)}}
.h4-price{position:absolute;right:2.5cqw;bottom:4cqw;z-index:5;display:flex;align-items:center;gap:.6em;padding:.6em .95em;border-radius:8px;background:var(--ink);color:#fff;font-family:var(--mono);font-size:max(11px,1.1cqw);text-transform:uppercase;letter-spacing:.03em;opacity:0;transform:translateY(10px)}
.h4-price .ico{width:1.1em;height:1.1em}
.h4-scene.on .h4-price{animation:beat .8s 5.4s cubic-bezier(.16,1,.3,1) forwards}
.h4-scene:hover .h4-price{background:var(--navy)}
.h4-stage.paused .h4-scene.on *,.h4-stage.paused .h4-scene.on *::after{animation-play-state:paused!important}
.h4-ctrl{width:min(720px,calc(100% - 16px));margin:10px auto 0;display:flex;align-items:center;gap:12px;padding:5px 6px;border-radius:10px}
.h4-ctrl button{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;flex:none}
.h4-ctrl button:hover{background:rgba(18,19,24,.07)}
.h4 .trust{margin-top:18px}
/* phones: one feature at a time as a caption, pointing dot stays on the product */
@media (max-width:760px){
  .h4{padding:8px 6px 0}
  .h4-stage{border-radius:12px;aspect-ratio:auto;height:calc((100vw - 12px) / 1.791 + 56px);max-height:none}
  .h4-frame{margin-top:-56px}
  .h4-lines{display:none}
  .h4-lab{left:50%!important;right:auto!important;top:auto;bottom:-46px;transform:translateX(-50%);max-width:92%;white-space:nowrap;font-size:11.5px;text-align:center;background:var(--ink);color:#fff}
  .h4-scene.on .h4-lab{animation:solo 1.55s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(1s + var(--k) * 1.55s)}
  .h4-scene.on .h4-lab.last{animation-name:soloStay}
  @keyframes solo{0%{opacity:0;transform:translateX(-50%) translateY(6px)}15%,85%{opacity:1;transform:translateX(-50%)}100%{opacity:0;transform:translateX(-50%) translateY(-6px)}}
  @keyframes soloStay{0%{opacity:0;transform:translateX(-50%) translateY(6px)}15%,100%{opacity:1;transform:translateX(-50%)}}
  .h4-scene.on .h4-dot{animation:popSolo 1.55s forwards;animation-delay:calc(1s + var(--k) * 1.55s)}
  @keyframes popSolo{0%{opacity:0;transform:scale(0)}15%,85%{opacity:1;transform:scale(1)}100%{opacity:.35;transform:scale(.7)}}
  .h4-price{bottom:auto;top:3cqw;right:3cqw;font-size:10.5px}
  .h4-scene.on .h4-price{animation-delay:.8s}
  .h4-ctrl{gap:6px}
  .h4-ctrl .h3-time{display:none}
}
@media (prefers-reduced-motion:reduce){
  .h4-scene.on *{animation:none!important;opacity:1!important}
  .h4-lines line{stroke-dashoffset:0}
  .h4-ghost{opacity:.07!important}
  .h4-dot,.h4-lab,.h4-price{transform:none}
}

/* ===== product cards: Add to bag always visible, full names ===== */
.pbody h3{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important}
.add{display:inline-flex!important;align-items:center;white-space:nowrap;opacity:1!important;width:100%;max-width:220px;height:36px;justify-content:center;gap:8px;border-radius:8px;background:var(--ink);color:#fff;font-size:11.5px}
.add:hover{background:var(--navy)}
.add .ico{width:14px;height:14px}
.pcard .prow{width:100%;align-items:center}

/* =========================================================
   WORDPRESS + WOOCOMMERCE + ELEMENTOR LAYER (ACU Glass theme)
   ========================================================= */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.skip-link:focus{clip:auto;clip-path:none;height:auto;width:auto;left:12px;top:12px;z-index:999;background:#fff;padding:10px 14px;border-radius:8px}
#acu-main{min-height:60vh}
.alignwide{max-width:1280px;margin-inline:auto}.alignfull{width:100%}
.wp-caption,.gallery-caption{font-size:13px;color:var(--muted)}
.sticky,.bypostauthor{}
/* hero uses each image's own shape */
.h4-frame{width:min(100cqw,calc(100cqh * var(--ar,1.791)))!important;height:min(100cqh,calc(100cqw / var(--ar,1.791)))!important}
@media (max-width:760px){.h4-stage{height:calc((100vw - 12px) / var(--ar0,1.791) + 56px)!important}}
.h4-scene{text-decoration:none}
/* menus */
.links,.links ul{list-style:none;display:flex;gap:2px;margin-inline:auto;padding:0}
.links li{list-style:none}
.links .current-menu-item>a,.links .current_page_item>a,.links .current-menu-ancestor>a{background:var(--ink);color:#fff}
.logo img.custom-logo{max-height:34px;width:auto}
#mobileLinks ul{list-style:none;padding:0;margin:0}
#mobileLinks li a{display:flex;justify-content:center;font-family:var(--dot);font-weight:800;font-size:28px;padding:10px 6px}
.nf-cats ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:14px}
.nf-bottom ul{list-style:none;padding:0;margin:0;display:flex;gap:18px;flex-wrap:wrap}
.nf-widget{width:100%;padding:8px 0;color:#fff}
.nf-widget input[type=email],.nf-widget input[type=text]{height:40px;border-radius:7px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;padding:0 12px}
/* generic content pages */
.acu-page{padding:40px 0 60px}
.acu-page .entry-title{font-family:var(--dot);font-weight:800;font-size:clamp(34px,5vw,60px);line-height:1;margin-bottom:24px}
.entry-content{max-width:820px}
.entry-content p,.entry-content ul,.entry-content ol{margin-bottom:1em}
.entry-content a{color:var(--navy);text-decoration:underline}
.entry-content h2,.entry-content h3{margin:1.2em 0 .5em}
.acu-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.acu-post{border-radius:var(--r);overflow:hidden;padding:0}
.acu-post .thumb{aspect-ratio:16/10;background:#eee;position:relative}
.acu-post .thumb img{width:100%;height:100%;object-fit:contain}
.acu-post .body{padding:18px}
.acu-post h2{font-family:var(--dot);font-size:22px;margin-bottom:8px}
.acu-post .meta{font-family:var(--mono);font-size:11px;text-transform:uppercase;color:var(--muted)}
.nav-links,.woocommerce-pagination ul{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:30px 0;padding:0;list-style:none}
.page-numbers{display:grid;place-items:center;min-width:40px;height:40px;padding:0 10px;border-radius:8px;background:rgba(255,255,255,.7);font-family:var(--mono);font-size:12px;border:1px solid var(--line)}
.page-numbers.current{background:var(--ink);color:#fff}
@media (max-width:980px){.acu-posts{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.acu-posts{grid-template-columns:1fr}}

/* ---------- WooCommerce: product grid & cards ---------- */
.grid.products{list-style:none;margin:0;padding:0}
.grid.products::before,.grid.products::after{display:none}
.acu-shop .grid.products{grid-template-columns:repeat(var(--cols,5),1fr)}
.pcard .pmedia{display:block;text-decoration:none;background:var(--pbg,rgba(255,255,255,.6))}
.pcard .pmedia img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:none;transition:transform .7s cubic-bezier(.16,1,.3,1)}
.pcard:hover .pmedia img{transform:translateY(-4px)}
.pcard h3 a{color:inherit;text-decoration:none}
.pcard .price{display:block}
.pcard .price del{opacity:.55;margin-right:6px}
.pcard .price ins{text-decoration:none;font-weight:700}
.pcard .add.added{background:#0f7a3d}
.pcard .add.loading{opacity:.6!important}
.pcard a.added_to_cart{display:none}
.tag.sale{background:#e0362c;color:#fff}
.star-rating{font-size:12px}
/* shop archive */
.acu-shop .page-head{padding-top:36px}
.woocommerce-result-count{margin:0;color:var(--muted);font-size:14.5px}
.woocommerce-ordering select,.acu-select{height:40px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.9);padding:0 12px;font-family:var(--mono);font-size:12px;text-transform:uppercase}
.woocommerce-ordering{margin:0}
.filters .widget{margin-bottom:18px}
.filters .widget-title,.filters h2{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}
.filters ul{list-style:none;padding:0;margin:0;display:grid;gap:2px}
.filters ul li a{display:flex;justify-content:space-between;padding:9px 12px;border-radius:8px}
.filters ul li a:hover{background:rgba(18,19,24,.05)}
.filters .current-cat>a{background:var(--ink);color:#fff}
.price_slider_wrapper .ui-slider{position:relative;height:4px;background:rgba(18,19,24,.12);border-radius:2px;margin:14px 6px 18px}
.price_slider_wrapper .ui-slider-range{position:absolute;height:100%;background:var(--ink);border-radius:2px}
.price_slider_wrapper .ui-slider-handle{position:absolute;top:-6px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:#fff;border:3px solid var(--ink);cursor:pointer}
.price_slider_amount{display:flex;justify-content:space-between;align-items:center;gap:8px;font-family:var(--mono);font-size:12px}
.woocommerce-products-header__title{font-family:var(--dot)}
.term-description{max-width:60ch;margin:8px auto 0;color:var(--muted)}
/* notices */
.woocommerce-notices-wrapper:empty{display:none}
.woocommerce-message,.woocommerce-info,.woocommerce-error,.wc-block-components-notice-banner{list-style:none;margin:0 0 18px;padding:14px 18px;border-radius:10px;background:rgba(255,255,255,.85);border:1px solid var(--line);display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.woocommerce-error{border-color:#f3c3be;background:#fff5f4}
.woocommerce-message .button,.woocommerce-info .button{order:2}
/* buttons */
.woocommerce .button,.woocommerce button.button,.woocommerce a.button,.woocommerce input.button,.woocommerce #respond input#submit,.wp-element-button,.acu-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:8px;border:0;background:var(--ink);color:#fff;font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;text-decoration:none;transition:transform .25s,background .25s}
.woocommerce .button:hover,.wp-element-button:hover{background:var(--navy);transform:translateY(-1px)}
.woocommerce .button.alt,.single_add_to_cart_button,.checkout-button,#place_order{background:var(--grad)!important;background-size:300% 100%!important;animation:flow 7s linear infinite;color:#fff!important}
.woocommerce .button:disabled,.woocommerce .button.disabled{opacity:.5;cursor:not-allowed}
/* forms */
.woocommerce form .input-text,.woocommerce form select,.woocommerce-page form .input-text,.select2-container .select2-selection--single,.comment-form input[type=text],.comment-form input[type=email],.comment-form textarea,.search-field{width:100%;min-height:46px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.9);padding:10px 14px;font:inherit;outline:none}
.woocommerce form textarea.input-text{min-height:110px}
.woocommerce form .input-text:focus,.search-field:focus{border-color:var(--sky);box-shadow:0 0 0 4px rgba(56,189,248,.15)}
.select2-container .select2-selection--single .select2-selection__rendered{line-height:24px;padding:0}
.select2-container .select2-selection--single .select2-selection__arrow{top:10px}
.woocommerce form .form-row{margin-bottom:14px;display:flex;flex-direction:column;gap:6px}
.woocommerce form .form-row label{font-family:var(--mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.04em}
.woocommerce form .form-row-first,.woocommerce form .form-row-last{width:calc(50% - 6px);display:inline-flex}
.woocommerce form .form-row-first{margin-right:12px}
.required{color:#e0362c;text-decoration:none}
/* tables: cart, checkout, account */
.acu-wc{padding:30px 0 60px}
.acu-wc .entry-title{font-family:var(--dot);font-weight:800;font-size:clamp(34px,5vw,58px);margin-bottom:22px;text-align:center}
.woocommerce table.shop_table{width:100%;border-collapse:separate;border-spacing:0;background:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.8);border-radius:12px;overflow:hidden;backdrop-filter:blur(20px)}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.woocommerce table.shop_table th{font-family:var(--mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.woocommerce table.shop_table tr:last-child td{border-bottom:0}
.woocommerce table.cart img{width:72px;height:72px;object-fit:contain;background:#f4f4f4;border-radius:8px}
.woocommerce table.cart td.actions{text-align:right}
.woocommerce table.cart td.actions .coupon{display:inline-flex;gap:8px;float:left}
.woocommerce table.cart td.actions .coupon .input-text{width:180px}
.woocommerce a.remove{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eef2f7;color:var(--ink)!important;text-decoration:none;font-size:18px}
.cart-collaterals{display:flex;justify-content:flex-end;margin-top:20px}
.cart_totals{width:min(460px,100%)}
.cart_totals h2,#order_review_heading,.woocommerce-billing-fields h3,.woocommerce-additional-fields h3,.woocommerce-shipping-fields h3{font-family:var(--dot);font-size:26px;margin-bottom:12px}
.wc-proceed-to-checkout{margin-top:14px}.wc-proceed-to-checkout .button{width:100%}
.woocommerce-checkout #customer_details{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.woocommerce-checkout .col2-set .col-1,.woocommerce-checkout .col2-set .col-2{width:auto;float:none}
#order_review{margin-top:20px}
#payment{background:rgba(255,255,255,.75);border-radius:12px;padding:18px;margin-top:18px;border:1px solid var(--line)}
#payment ul.payment_methods{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:8px}
#payment ul.payment_methods li{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff}
#payment .payment_box{padding:10px 0 0;color:var(--muted);font-size:14px}
#place_order{width:100%;height:52px}
.woocommerce-account .woocommerce{display:grid;grid-template-columns:240px 1fr;gap:24px}
.woocommerce-MyAccount-navigation ul{list-style:none;padding:8px;margin:0;display:grid;gap:2px;background:rgba(255,255,255,.75);border-radius:12px}
.woocommerce-MyAccount-navigation a{display:block;padding:10px 12px;border-radius:8px;font-family:var(--mono);font-size:12px;text-transform:uppercase}
.woocommerce-MyAccount-navigation .is-active a{background:var(--ink);color:#fff}
.woocommerce-account:not(.logged-in) .woocommerce{display:block;max-width:900px;margin:auto}
.u-columns.col2-set{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media (max-width:860px){
  .woocommerce-checkout #customer_details,.woocommerce-account .woocommerce,.u-columns.col2-set{grid-template-columns:1fr}
  .woocommerce form .form-row-first,.woocommerce form .form-row-last{width:100%;margin-right:0}
  .woocommerce table.shop_table_responsive thead{display:none}
  .woocommerce table.shop_table_responsive tr td{display:flex;justify-content:space-between;gap:12px;text-align:right}
  .woocommerce table.shop_table_responsive tr td::before{content:attr(data-title);font-family:var(--mono);font-size:11px;text-transform:uppercase;color:var(--muted)}
  .woocommerce table.cart td.actions .coupon{float:none;width:100%;margin-bottom:10px}
}
/* single product */
.acu-pdp{padding-top:30px}
.acu-pdp .woocommerce-breadcrumb{font-family:var(--mono);font-size:12px;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.acu-pdp .woocommerce-breadcrumb a:hover{color:var(--ink)}
.acu-pdp .product_title{font-family:var(--dot);font-weight:800;font-size:clamp(28px,3.4vw,42px);line-height:1.05;margin:10px 0}
.acu-pdp .summary>.price{font-family:var(--mono);font-size:24px;font-weight:700;margin-bottom:6px;display:block}
.acu-pdp .summary>.price del{opacity:.5;font-size:.7em}
.acu-pdp .summary>.price ins{text-decoration:none}
.acu-pdp .woocommerce-product-details__short-description{color:var(--muted);margin:10px 0 14px;max-width:56ch}
.acu-pdp form.cart{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:20px 0 8px}
.acu-pdp form.cart .single_add_to_cart_button{flex:1;min-width:200px;height:48px}
.acu-pdp form.variations_form{display:block}
.acu-pdp table.variations{width:100%;margin-bottom:12px;border-collapse:collapse}
.acu-pdp table.variations th,.acu-pdp table.variations td{display:block;text-align:left;padding:0 0 6px}
.acu-pdp table.variations label{font-family:var(--mono);font-size:12px;text-transform:uppercase}
.acu-pdp table.variations select{width:100%;height:46px;border-radius:10px;border:1px solid var(--line);background:#fff;padding:0 12px}
.acu-pdp .reset_variations{font-family:var(--mono);font-size:11px;text-transform:uppercase;color:var(--muted)}
.acu-pdp .woocommerce-variation-add-to-cart{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.acu-pdp .woocommerce-variation-price .price{font-family:var(--mono);font-size:20px;font-weight:700}
.quantity{display:inline-flex;align-items:center;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.9);height:48px}
.quantity .qty{width:46px;border:0;background:none;text-align:center;font-weight:600;-moz-appearance:textfield;height:100%}
.quantity .qty::-webkit-inner-spin-button,.quantity .qty::-webkit-outer-spin-button{-webkit-appearance:none}
.quantity .acu-q{width:40px;height:100%;font-size:20px}
.product_meta{font-family:var(--mono);font-size:11.5px;text-transform:uppercase;color:var(--muted);display:grid;gap:4px;margin-top:16px}
.product_meta a{color:var(--ink)}
.woocommerce-tabs{margin-top:60px}
.woocommerce-tabs ul.tabs{list-style:none;display:inline-flex;gap:6px;padding:5px;margin:0;border-radius:10px;background:rgba(255,255,255,.66);backdrop-filter:blur(20px);flex-wrap:wrap}
.woocommerce-tabs ul.tabs li a{display:block;padding:9px 16px;border-radius:8px;font-family:var(--mono);font-size:12px;text-transform:uppercase;color:var(--muted)}
.woocommerce-tabs ul.tabs li.active a{background:var(--ink);color:#fff}
.woocommerce-tabs .panel{border-radius:12px;padding:28px;margin-top:14px;background:rgba(255,255,255,.66);backdrop-filter:blur(20px)}
.woocommerce-tabs .panel h2{font-family:var(--dot);font-size:26px;margin-bottom:12px}
.woocommerce-product-attributes{width:100%;border-collapse:collapse}
.woocommerce-product-attributes th,.woocommerce-product-attributes td{padding:12px 0;border-bottom:1px solid var(--line);text-align:left}
.woocommerce-product-attributes th{width:200px;font-weight:500;color:var(--muted)}
.related>h2,.upsells>h2,.cross-sells>h2{font-family:var(--dot);font-size:clamp(28px,3.6vw,44px);margin:70px 0 24px}
.acu-pdp .gallery .gmain{cursor:zoom-in}
.acu-pdp .gallery .gmain img.fit{position:absolute;inset:0}
.thumbs button{background:var(--pbg,#f4f4f4)}
.acu-wa-order{width:100%;justify-content:center}
#reviews .comment-text{border:1px solid var(--line);border-radius:10px;padding:12px;margin:8px 0;background:#fff}
#reviews ol.commentlist{list-style:none;padding:0}
/* mini cart drawer */
.drawer .widget_shopping_cart_content{display:flex;flex-direction:column;flex:1;min-height:0}
.drawer .woocommerce-mini-cart{list-style:none;margin:0;padding:0 18px;overflow:auto;flex:1}
.drawer .woocommerce-mini-cart-item{position:relative;display:grid;grid-template-columns:64px 1fr;gap:12px;padding:12px 30px 12px 0;border-bottom:1px solid var(--line);font-size:14px}
.drawer .woocommerce-mini-cart-item img{width:64px;height:64px;object-fit:contain;background:#f3f3f3;border-radius:12px;grid-row:span 2}
.drawer .woocommerce-mini-cart-item a:not(.remove){display:contents;font-weight:600}
.drawer .woocommerce-mini-cart-item .quantity{border:0;background:none;height:auto;font-family:var(--mono);font-size:12px;color:var(--muted)}
.drawer .woocommerce-mini-cart-item .remove{position:absolute;right:0;top:14px}
.drawer .woocommerce-mini-cart__total{display:flex;justify-content:space-between;padding:16px 22px 6px;margin:0;border-top:1px solid var(--line);font-weight:700}
.drawer .woocommerce-mini-cart__buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 22px 0;margin:0}
.drawer .woocommerce-mini-cart__buttons .button{width:100%}
.drawer .woocommerce-mini-cart__buttons .checkout{background:var(--grad);background-size:300% 100%;animation:flow 7s linear infinite}
.drawer .acu-mc-wa{margin:8px 22px 20px}
.drawer .woocommerce-mini-cart__empty-message{text-align:center;padding:60px 20px;color:var(--muted)}
.drawer .acu-empty-cta{display:flex;justify-content:center;padding:0 22px 30px}
/* elementor editor niceties */
.elementor-editor-active .reveal{opacity:1;transform:none;filter:none}
.elementor-widget-container>.block{padding-top:40px;padding-bottom:40px}
.acu-tabpanel[hidden]{display:none}
.elementor-section.elementor-section-stretched .wrap{width:min(1280px,100% - 40px)}
.acu-trust .trust{margin-top:18px;grid-template-columns:repeat(var(--n,5),1fr)}
@media (max-width:1180px){.acu-trust .trust{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.acu-trust .trust{grid-template-columns:1fr 1fr}}
.acu-empty-note{grid-column:1/-1;color:var(--muted)}
.faq .faq-a{padding:0 24px 22px;color:var(--muted)}
.faq .faq-a p{padding:0!important;margin:0 0 .6em}
.gview{display:contents}
.links-wrap{margin-inline:auto}
.links-wrap .links{margin:0}
a.icon-btn{display:grid;place-items:center;color:inherit}
@media (max-width:980px){.links-wrap{display:none}}
/* Elementor-built header/footer wrappers */
.acu-header-tpl{position:sticky;top:0;z-index:60}
.acu-header-tpl header.site,.elementor-widget-acu-site-header header.site{position:relative;top:auto}
.elementor-location-header:has(.elementor-widget-acu-site-header){position:sticky;top:0;z-index:60}
.elementor-widget-acu-site-footer footer.site.nfoot,.acu-footer-tpl footer.site.nfoot{margin-top:0}
.acu-footer-tpl{margin-top:80px}

/* =====================================================================
   v1.1 — WooCommerce core CSS is switched off; everything below is ours
   ===================================================================== */
.woocommerce img,.woocommerce-page img{height:auto;max-width:100%}
.woocommerce-store-notice{position:fixed;bottom:0;left:0;right:0;z-index:80;margin:0;padding:12px 20px;background:var(--ink);color:#fff;text-align:center;font-size:14px}
.woocommerce-store-notice a{color:#fff;text-decoration:underline;margin-left:10px}
.woocommerce .blockUI.blockOverlay{background:rgba(255,255,255,.6)!important}
.woocommerce .loader,.woocommerce .blockUI.blockOverlay::before{display:none}
mark.count{background:none;color:var(--muted)}
.wc-forward{white-space:nowrap}

/* ---------- star ratings ---------- */
.star-rating{position:relative;display:inline-block;width:5.6em;height:1.15em;font-size:14px;line-height:1.15;overflow:hidden;font-family:Arial,sans-serif;vertical-align:middle}
.star-rating::before{content:"★★★★★";position:absolute;inset:0;color:rgba(18,19,24,.18);letter-spacing:.12em}
.star-rating span{position:absolute;top:0;left:0;height:100%;overflow:hidden;padding-top:1.5em}
.star-rating span::before{content:"★★★★★";position:absolute;top:0;left:0;color:#f5a623;letter-spacing:.12em}
p.stars{margin:6px 0 14px}
p.stars span{display:inline-flex;gap:4px}
p.stars a{position:relative;display:inline-block;width:1.3em;height:1.3em;text-indent:-999em;overflow:hidden;font-size:20px;text-decoration:none}
p.stars a::before{content:"★";position:absolute;inset:0;text-indent:0;line-height:1.3;color:rgba(18,19,24,.2)}
p.stars:hover a::before,p.stars.selected a::before{color:#f5a623}
p.stars a:hover~a::before,p.stars.selected a.active~a::before{color:rgba(18,19,24,.2)}

/* ---------- product grids everywhere ---------- */
.grid.products{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:30px 18px}
@media (max-width:1180px){.grid.products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.grid.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}}

/* =====================================================================
   SINGLE PRODUCT — clean two-column layout, nothing overlaps
   ===================================================================== */
.acu-pdp{padding:24px 0 20px}
.acu-pdp.acu-pdp-w{padding:0;width:auto}
.acu-pdp .woocommerce-breadcrumb{display:block;margin:0 0 18px;font-family:var(--mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);line-height:1.6}
.acu-pdp .woocommerce-breadcrumb a{color:var(--muted)}
.acu-pdp .woocommerce-breadcrumb a:hover{color:var(--ink)}
.acu-pdp .pdp{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start;margin:0}
.acu-pdp .pdp-media{position:sticky;top:130px;min-width:0}
.acu-pdp-w .pdp-media{position:static}
.elementor-widget-acu-product-gallery:has(.is-sticky){position:sticky;top:130px;align-self:flex-start}
.acu-pdp .gallery{position:static!important;display:flex;flex-direction:column;gap:12px}
.acu-pdp .gmain{display:block;position:relative;width:100%;aspect-ratio:1/1!important;max-height:min(72vh,680px);border-radius:22px;overflow:hidden;background:var(--pbg,#f4f4f4);border:1px solid rgba(255,255,255,.9);box-shadow:0 30px 60px -40px rgba(18,19,24,.35);padding:0;cursor:zoom-in}
.acu-pdp .gmain .fbg{position:absolute;inset:0}
.acu-pdp .gmain img.fit{position:absolute!important;inset:0;width:100%;height:100%;object-fit:contain!important;padding:5%;transform:none}
.acu-pdp .gmain .genuine{position:absolute;left:14px;top:14px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.03em}
.acu-pdp .gmain .genuine .ico{width:14px;height:14px}
.no-badge .gmain .genuine{display:none}
.acu-pdp .gmain .g3d{position:absolute;inset:0;z-index:2;cursor:grab}
.acu-pdp .thumbs{display:flex;gap:10px;margin:0;flex-wrap:nowrap;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin}
.acu-pdp .thumbs button{flex:0 0 auto;width:78px;height:78px;border-radius:14px;border:2px solid transparent;background:var(--pbg,#f4f4f4);position:relative;overflow:hidden;padding:0}
.acu-pdp .thumbs button .fit{position:absolute;inset:0;padding:8%;object-fit:contain!important}
.acu-pdp .thumbs button.on{border-color:var(--ink)}
.acu-pdp .thumbs .t3d{display:grid;place-items:center;align-content:center;gap:2px;font-family:var(--mono);font-size:11px;background:linear-gradient(135deg,#e0f4fe,#fff)}

.acu-pdp .pdp-info{min-width:0;display:flex;flex-direction:column;gap:16px;padding:clamp(20px,3vw,32px);border-radius:22px;background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);box-shadow:0 24px 60px -36px rgba(18,19,24,.35)}
.acu-pdp .pdp-info.no-panel{background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0}
.acu-pdp .pdp-info>*{margin:0!important;max-width:100%}
.acu-pdp .pdp-info>br{display:none}
.acu-badges{display:flex;gap:6px;flex-wrap:wrap}
.acu-badges .tag{position:static;display:inline-block}
.acu-pdp .product_title{font-family:var(--dot);font-weight:800;font-size:clamp(26px,3vw,40px);line-height:1.1;letter-spacing:-.005em;overflow-wrap:anywhere}
.acu-pdp .woocommerce-product-rating{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.acu-pdp .woocommerce-review-link{color:var(--muted);text-decoration:underline}
.acu-pdp .pdp-info>.price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;font-family:var(--mono);font-size:clamp(22px,2.4vw,28px);font-weight:700;color:var(--ink)}
.acu-pdp .pdp-info>.price del{font-size:.62em;font-weight:400;opacity:.5}
.acu-pdp .pdp-info>.price ins{text-decoration:none}
.acu-pdp .woocommerce-product-details__short-description{color:#474a52;font-size:15.5px;line-height:1.65}
.acu-pdp .woocommerce-product-details__short-description>*:last-child{margin-bottom:0}
.acu-pdp .woocommerce-product-details__short-description ul{padding-left:18px}

.acu-pdp .emi-box{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.7);border:1px solid var(--line)}
.acu-pdp .emi-box .row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.acu-pdp .emi-box .chips{display:flex;gap:6px;flex-wrap:wrap}
.acu-pdp .emi-box .chip{height:32px;padding:0 12px}
.acu-pdp .emi-row{margin-top:10px}
.acu-pdp .emi-row span{color:var(--muted);font-size:14px}
.acu-pdp .emi-row b{font-family:var(--mono);font-size:19px}

.acu-pdp form.cart{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;margin:0}
.acu-pdp form.cart .quantity{flex:0 0 auto;height:52px;border-radius:12px}
.acu-pdp form.cart .single_add_to_cart_button{flex:1 1 200px;min-width:0;height:52px;border-radius:12px;font-size:13px}
.acu-pdp form.variations_form{display:block}
.acu-pdp table.variations{width:100%;margin:0 0 4px;border:0;border-collapse:collapse;background:none}
.acu-pdp table.variations tbody,.acu-pdp table.variations tr{display:block}
.acu-pdp table.variations tr{margin-bottom:12px}
.acu-pdp table.variations th,.acu-pdp table.variations td{display:block;padding:0;border:0;text-align:left;background:none}
.acu-pdp table.variations th{margin-bottom:6px}
.acu-pdp table.variations label{font-family:var(--mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;font-weight:400}
.acu-pdp table.variations select{width:100%;height:48px;border-radius:12px;border:1px solid var(--line);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23121318' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center;-webkit-appearance:none;appearance:none;padding:0 40px 0 14px;font:inherit;font-weight:500;color:var(--ink)}
.acu-pdp table.variations select:focus{outline:none;border-color:var(--sky);box-shadow:0 0 0 4px rgba(56,189,248,.15)}
.acu-pdp .reset_variations{display:inline-block;margin-top:8px;font-family:var(--mono);font-size:11px;text-transform:uppercase;color:var(--muted)}
.acu-pdp .single_variation_wrap{display:flex;flex-direction:column;gap:12px}
.acu-pdp .woocommerce-variation:empty,.acu-pdp .woocommerce-variation-description:empty{display:none}
.acu-pdp .woocommerce-variation-price .price{font-family:var(--mono);font-size:22px;font-weight:700}
.acu-pdp .woocommerce-variation-add-to-cart{display:flex;flex-wrap:wrap;gap:10px}
.acu-pdp p.stock{margin:0;font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.03em}
.acu-pdp .stock.in-stock{color:#0f7a3d}
.acu-pdp .stock.out-of-stock{color:#c0392b}
.acu-pdp .acu-wa-order{width:100%;height:48px;justify-content:center;border-radius:12px}
.acu-pdp .perks{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.acu-pdp .perks>div{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;background:rgba(255,255,255,.65);border:1px solid var(--line);font-size:13.5px;font-weight:500;line-height:1.3;min-width:0}
.acu-pdp .perks .ico{width:18px;height:18px;flex:none;color:var(--navy)}
.acu-pdp .product_meta{display:grid;gap:6px;margin:0;padding-top:14px;border-top:1px solid var(--line);font-family:var(--mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}
.acu-pdp .product_meta>span{display:block;overflow-wrap:anywhere}
.acu-pdp .product_meta a{color:var(--ink)}
.acu-pdp .pdp-after{margin-top:56px}
.acu-pdp .woocommerce-tabs{margin:0}
.acu-pdp .woocommerce-tabs ul.tabs{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:5px;margin:0;border-radius:12px;width:max-content;max-width:100%;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.9)}
.acu-pdp .woocommerce-tabs ul.tabs::before,.acu-pdp .woocommerce-tabs ul.tabs::after,.acu-pdp .woocommerce-tabs ul.tabs li::before,.acu-pdp .woocommerce-tabs ul.tabs li::after{display:none}
.acu-pdp .woocommerce-tabs ul.tabs li{list-style:none;margin:0;padding:0;border:0;background:none}
.acu-pdp .woocommerce-tabs ul.tabs li a{display:block;padding:10px 16px;border-radius:9px;font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}
.acu-pdp .woocommerce-tabs ul.tabs li.active a{background:var(--ink);color:#fff}
.acu-pdp .woocommerce-tabs .panel{margin-top:14px;padding:clamp(18px,3vw,32px);border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);line-height:1.7}
.acu-pdp .woocommerce-tabs .panel>h2:first-child{font-family:var(--dot);font-size:26px;margin:0 0 14px}
.acu-pdp .woocommerce-tabs .panel img{max-width:100%;height:auto;border-radius:12px}
.acu-pdp .woocommerce-tabs .panel p{margin:0 0 1em}
.acu-pdp .woocommerce-tabs .panel ul,.acu-pdp .woocommerce-tabs .panel ol{padding-left:20px;margin:0 0 1em}
.acu-pdp .woocommerce-product-attributes{width:100%;border-collapse:collapse}
.acu-pdp .woocommerce-product-attributes th,.acu-pdp .woocommerce-product-attributes td{padding:12px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.acu-pdp .woocommerce-product-attributes td p{margin:0}
.acu-pdp #reviews .commentlist{list-style:none;padding:0;margin:0 0 20px}
.acu-pdp #reviews .comment_container{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.acu-pdp #reviews .comment_container img.avatar{width:44px;height:44px;border-radius:50%}
.acu-pdp #reviews .comment-text{flex:1;border:0;padding:0;margin:0;background:none}
.acu-pdp #review_form .comment-reply-title{font-family:var(--dot);font-size:22px;display:block;margin-bottom:10px}
.acu-pdp #review_form textarea,.acu-pdp #review_form input[type=text],.acu-pdp #review_form input[type=email]{width:100%;border-radius:10px;border:1px solid var(--line);padding:10px 14px;font:inherit;background:#fff}
.acu-pdp #review_form .form-submit input{height:46px;padding:0 22px;border:0;border-radius:10px;background:var(--ink);color:#fff;font-family:var(--mono);text-transform:uppercase;cursor:pointer}
.acu-pdp .related,.acu-pdp .upsells{margin-top:60px}
.acu-pdp .related>h2,.acu-pdp .upsells>h2{font-family:var(--dot);font-size:clamp(26px,3.2vw,40px);margin:0 0 24px}
@media (max-width:980px){
  .acu-pdp .pdp{grid-template-columns:1fr}
  .acu-pdp .pdp-media,.elementor-widget-acu-product-gallery:has(.is-sticky){position:static}
  .acu-pdp .gmain{max-height:none}
}
@media (max-width:520px){
  .acu-pdp .perks{grid-template-columns:1fr}
  .acu-pdp .thumbs button{width:64px;height:64px}
  .acu-pdp .woocommerce-tabs ul.tabs{width:100%}
  .acu-pdp .woocommerce-tabs ul.tabs li{flex:1}
  .acu-pdp .woocommerce-tabs ul.tabs li a{text-align:center;padding:10px 8px}
}

/* =====================================================================
   SHOP FILTERS — sidebar on desktop, slide-up panel on phones
   ===================================================================== */
.acu-shopwrap{display:block;padding-bottom:40px}
.acu-shopmain{min-width:0}
.acu-shopmain .shopbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.acu-shopmain .shopbar .woocommerce-result-count{margin-right:auto}
.acu-shopmain .shopbar .woocommerce-notices-wrapper{flex-basis:100%}
.acu-shopmain .f-open{display:none}
.filters .acu-filter{display:flex;flex-direction:column;gap:20px}
.filters .f-group h4{margin:0 0 10px;font-family:var(--mono);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.filters .f-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.filters .f-list a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;font-size:14.5px;color:var(--ink)}
.filters .f-list a small{font-family:var(--mono);font-size:11px;color:var(--muted)}
.filters .f-list a:hover{background:rgba(18,19,24,.05)}
.filters .f-list a.on{background:var(--ink);color:#fff}
.filters .f-list a.on small{color:rgba(255,255,255,.7)}
.filters .f-sub{list-style:none;margin:4px 0 4px 12px;padding:0 0 0 10px;border-left:1px solid var(--line);display:grid;gap:2px}
.filters .f-chips{display:flex;flex-wrap:wrap;gap:6px}
.filters .f-chips .chip{height:34px;padding:0 12px;display:inline-flex;align-items:center}
.f-range{position:relative;height:28px;margin:4px 8px 10px}
.f-range::before{content:"";position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;border-radius:2px;background:rgba(18,19,24,.12)}
.f-range .f-fill{position:absolute;top:50%;height:4px;margin-top:-2px;border-radius:2px;background:var(--ink);left:var(--a,0%);right:calc(100% - var(--b,100%))}
.f-range input[type=range]{position:absolute;left:-8px;right:-8px;width:calc(100% + 16px);top:0;height:28px;margin:0;background:none;-webkit-appearance:none;appearance:none;pointer-events:none}
.f-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--ink);cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.f-range input[type=range]::-moz-range-thumb{pointer-events:auto;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--ink);cursor:pointer}
.f-range input[type=range]::-moz-range-track{background:none}
.f-prices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.f-prices label{display:flex;flex-direction:column;gap:4px;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;color:var(--muted)}
.f-prices input{height:40px;border-radius:10px;border:1px solid var(--line);padding:0 10px;font-family:var(--mono);font-size:13px;background:#fff;width:100%;min-width:0}
.f-clear{justify-content:center}
.acu-filter-widgets{margin-top:20px}
.acu-active-filters{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 18px}
.acu-active-filters .chip{height:32px;padding:0 12px;display:inline-flex;align-items:center}
.f-clear-link{font-family:var(--mono);font-size:11.5px;text-transform:uppercase;text-decoration:underline;margin-left:6px}
.acu-shop .refine-wrap{display:none}
/* desktop sidebar */
@media (min-width:1101px){
  .acu-shop.filters-sidebar .acu-shopwrap{display:grid;grid-template-columns:272px minmax(0,1fr);gap:28px;align-items:start}
  .acu-shop.filters-sidebar .filters{position:sticky;top:130px;left:auto;bottom:auto;width:auto;max-height:calc(100vh - 150px);overflow:auto;transform:none;opacity:1;pointer-events:auto;z-index:1;padding:20px;border-radius:20px;background:rgba(255,255,255,.72);transition:none}
  .acu-shop.filters-sidebar .filters .f-close{display:none}
  .acu-shop.filters-sidebar .grid.products{grid-template-columns:repeat(var(--cols,4),minmax(0,1fr))}
}
@media (min-width:1101px) and (max-width:1320px){.acu-shop.filters-sidebar .grid.products{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* phones/tablets and "pop-up" layout: slide-up panel opened by the Filters button */
@media (max-width:1100px){.acu-shopmain .f-open{display:inline-flex}}
.acu-shop.filters-drawer .acu-shopmain .f-open{display:inline-flex}
@media (max-width:1100px){
  .acu-shop .filters{position:fixed;left:50%;bottom:12px;top:auto;width:min(560px,calc(100% - 16px));max-height:78vh;overflow:auto;z-index:65;transform:translate(-50%,24px);opacity:0;pointer-events:none;transition:all .35s cubic-bezier(.2,.8,.2,1);display:block;background:rgba(255,255,255,.96);padding:20px;border-radius:20px}
  .acu-shop .filters.open{transform:translate(-50%,0);opacity:1;pointer-events:auto}
}
.acu-shop.filters-drawer .filters{position:fixed;left:50%;bottom:12px;top:auto;width:min(560px,calc(100% - 16px));max-height:78vh;overflow:auto;z-index:65;transform:translate(-50%,24px);opacity:0;pointer-events:none;transition:all .35s cubic-bezier(.2,.8,.2,1);display:block;background:rgba(255,255,255,.96);padding:20px;border-radius:20px}
.acu-shop.filters-drawer .filters.open{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.filters .fhead{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px}
.filters .fhead b{font-family:var(--dot);font-size:22px}
.acu-pdp .quantity,.woocommerce .quantity{flex:0 0 auto!important;width:auto!important}
.quantity input.qty,.woocommerce .quantity input.qty{width:52px!important;min-width:0;min-height:0!important;height:100%;border:0!important;background:none!important;box-shadow:none!important;padding:0!important;text-align:center;font-weight:600}
.acu-pdp .woocommerce-tabs .panel{max-width:none}
@media (max-width:1180px){.acu-shop .grid.products,.acu-pdp .grid.products,.acu-products .grid.products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.acu-shop .grid.products,.acu-pdp .grid.products,.acu-products .grid.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}}
.acu-shop .filters.open{box-shadow:0 30px 80px -20px rgba(18,19,24,.45),0 0 0 100vmax rgba(18,19,24,.18)}

/* =====================================================================
   v1.2 — SPEED: no animated blur blobs, glass blur only where it matters
   ===================================================================== */
.ambient{background:radial-gradient(540px 540px at 0% 0%,rgba(207,233,251,.55),transparent 70%),radial-gradient(480px 480px at 100% 35%,rgba(38,58,91,.08),transparent 70%),radial-gradient(420px 420px at 35% 100%,rgba(223,243,255,.6),transparent 70%)}
.blob{display:none!important}
.glass,.btn-glass,.nf-btn,.svc-photo .pills span,.woocommerce table.shop_table,.woocommerce-tabs ul.tabs,.woocommerce-tabs .panel,.acu-pdp .pdp-info,.h4-lab,.acu-pdp .gmain .genuine{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.glass{background:rgba(255,255,255,.86)}
.acu-pdp .pdp-info{background:rgba(255,255,255,.9)}
.h4-lab{background:rgba(255,255,255,.94)}
.nf-btn{background:rgba(255,255,255,.1)}
/* keep the real frosted look on the few floating layers */
.nav.glass,.offerbar.glass,.drawer,.search-modal,.mobile-menu .panel,.h4-ctrl{background:rgba(255,255,255,.78)!important;backdrop-filter:blur(18px) saturate(140%)!important;-webkit-backdrop-filter:blur(18px) saturate(140%)!important}
.scrim,.mobile-menu{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.scrim{background:rgba(18,19,24,.35)}
/* render off-screen sections lazily */
.block,.acu-trust,.nfoot{content-visibility:auto;contain-intrinsic-size:auto 700px}
.acu-hero,.acu-pdp,.acu-shop{content-visibility:visible}
img{decoding:async}

/* =====================================================================
   BUTTONS everywhere (incl. the bag drawer, cart, checkout, account)
   ===================================================================== */
.button,a.button,button.button,input.button,input[type=submit].button,.wc-forward.button,.wp-element-button,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:10px;border:0;background:var(--ink);color:#fff!important;font-family:var(--mono);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1;text-decoration:none!important;cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s,box-shadow .25s;white-space:nowrap}
.button:hover,a.button:hover{background:var(--navy);transform:translateY(-1px);box-shadow:0 10px 24px -14px rgba(18,19,24,.6)}
.button.alt,.button.checkout,a.checkout-button,#place_order,.single_add_to_cart_button{background:var(--grad)!important;background-size:300% 100%!important;animation:flow 7s linear infinite;color:#fff!important}
.button.loading{opacity:.6;pointer-events:none}
a.remove,.remove_from_cart_button{display:grid!important;place-items:center;width:28px;height:28px;border-radius:50%;background:#eef1f5;color:var(--ink)!important;font-size:18px;line-height:1;text-decoration:none!important;transition:background .2s,transform .2s}
a.remove:hover{background:#e0362c;color:#fff!important;transform:rotate(90deg)}

/* ---------- bag drawer ---------- */
.drawer{overflow:hidden}
.drawer .dhead{flex:none}
.drawer .widget_shopping_cart_content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
.drawer .woocommerce-mini-cart{flex:1;min-height:0;overflow:auto;padding:4px 20px 8px}
.drawer .woocommerce-mini-cart-item{display:grid;grid-template-columns:64px 1fr;column-gap:14px;row-gap:4px;align-items:center;padding:14px 36px 14px 0;color:var(--ink)}
.drawer .woocommerce-mini-cart-item>a:not(.remove){display:contents;font-weight:600;font-size:14.5px;line-height:1.3}
.drawer .woocommerce-mini-cart-item img{grid-row:1/3;width:64px!important;height:64px!important;object-fit:contain;padding:4px;background:#f3f4f6;border-radius:12px}
.drawer .woocommerce-mini-cart-item .quantity{grid-column:2;display:block;height:auto;border:0;background:none;font-family:var(--mono);font-size:12px;color:var(--muted)}
.drawer .woocommerce-mini-cart-item .remove{position:absolute;right:0;top:50%;margin-top:-14px}
.drawer .woocommerce-mini-cart-item dl.variation{grid-column:2;margin:0;font-size:12px;color:var(--muted);display:flex;gap:4px;flex-wrap:wrap}
.drawer .woocommerce-mini-cart-item dl.variation dd,.drawer .woocommerce-mini-cart-item dl.variation p{margin:0}
.drawer .woocommerce-mini-cart__total{flex:none;display:flex;justify-content:space-between;align-items:center;margin:0;padding:16px 22px 10px;border-top:1px solid var(--line);font-size:15px;color:var(--ink)}
.drawer .woocommerce-mini-cart__total strong{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.05em;font-weight:700}
.drawer .woocommerce-mini-cart__total .amount{font-family:var(--mono);font-weight:700;font-size:17px}
.drawer .woocommerce-mini-cart__buttons{flex:none;display:grid!important;grid-template-columns:1fr 1.4fr;gap:8px;margin:0;padding:0 22px}
.drawer .woocommerce-mini-cart__buttons a.button{width:100%;height:48px;min-height:48px;margin:0}
.drawer .woocommerce-mini-cart__buttons a.button:not(.checkout){background:#fff;color:var(--ink)!important;border:1px solid var(--line)}
.drawer .woocommerce-mini-cart__buttons a.button:not(.checkout):hover{background:#f3f4f6}
.drawer .acu-mc-wa{flex:none;display:flex;justify-content:center;width:auto;margin:8px 22px 20px;height:46px;border-radius:10px}
.drawer .woocommerce-mini-cart__empty-message{flex:1;display:grid;place-items:center;text-align:center;padding:60px 20px;color:var(--muted)}

/* =====================================================================
   ABOUT / CONTACT / PAGE TITLE / POLICY PAGES
   ===================================================================== */
.acu-pagehead{padding-top:44px}
.acu-pagehead p{max-width:60ch;margin:10px auto 0;color:var(--muted)}
.acu-about .ab-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,60px);align-items:center;padding-top:20px}
.ab-kicker{display:inline-block;font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:14px}
.ab-txt h1{font-family:var(--dot);font-weight:900;font-size:clamp(36px,5vw,66px);line-height:1.02;margin:0 0 20px}
.ab-body{color:#3f424a;font-size:17px;line-height:1.7;margin-bottom:26px;max-width:58ch}
.ab-body p{margin:0 0 1em}
.ab-img{border-radius:22px;overflow:hidden;box-shadow:0 40px 80px -50px rgba(18,19,24,.5)}
.ab-img img{width:100%;height:100%;object-fit:cover;display:block}
.ab-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:50px 0}
.ab-card{padding:24px;border-radius:18px;display:flex;flex-direction:column;gap:6px}
.ab-card b{font-family:var(--dot);font-size:clamp(34px,4vw,48px);line-height:1}
.ab-card span{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.acu-contact .c-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,4vw,48px);align-items:start;padding-top:24px}
.acu-contact h2{font-family:var(--dot);font-weight:900;font-size:clamp(36px,5vw,60px);line-height:1;margin:0 0 14px}
.c-lead{color:var(--muted);font-size:16.5px;line-height:1.6;margin:0 0 22px;max-width:46ch}
.c-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;margin-bottom:10px;color:var(--ink);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.c-card:hover{transform:translateX(6px);box-shadow:0 18px 40px -26px rgba(18,19,24,.45)}
.c-card .ci{width:44px;height:44px;flex:none;border-radius:12px;display:grid;place-items:center;background:var(--ink);color:#fff}
.c-card .ci .ico{width:20px;height:20px}
.c-card b{display:block;font-size:15px}
.c-card small{display:block;color:var(--muted);font-size:13.5px;line-height:1.45}
.acu-contact-form{padding:clamp(20px,3vw,32px)}
.acu-contact-form textarea.input{min-height:130px;padding:12px 14px;resize:vertical}
.acu-contact-form .c-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.c-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.c-actions .btn{flex:1 1 200px;justify-content:center}
.c-msg{margin:12px 0 0;font-size:14.5px;min-height:1px}
.c-msg.ok{color:#0f7a3d}.c-msg.err{color:#c0392b}
.c-map{margin-top:28px;border-radius:20px;overflow:hidden;aspect-ratio:21/8;min-height:280px;box-shadow:0 30px 60px -40px rgba(18,19,24,.4)}
.c-map iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(.25)}
.acu-page .entry-content{max-width:860px;margin:0 auto;padding:clamp(22px,4vw,44px);border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 30px 60px -44px rgba(18,19,24,.35);line-height:1.75;font-size:16.5px}
.acu-page>.entry-title{text-align:center}
.acu-page .entry-content h2{font-family:var(--dot);font-size:clamp(22px,2.6vw,28px);margin:1.4em 0 .5em}
.acu-page .entry-content h2:first-child{margin-top:0}
.r-actions{display:flex;gap:10px;flex-wrap:wrap}
.r-actions .btn{flex:1 1 180px;justify-content:center}
.r-more{grid-column:1/-1;font-family:var(--mono);font-size:11.5px;text-transform:uppercase;text-decoration:underline;color:inherit;opacity:.85}
@media (max-width:900px){
  .acu-about .ab-hero,.acu-contact .c-grid{grid-template-columns:1fr}
  .c-map{aspect-ratio:4/3}
}

/* =====================================================================
   ANIMATION — smooth, transform/opacity only (cheap), off with reduced motion
   ===================================================================== */
.rv{opacity:0;transform:translateY(26px) scale(.985);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--rd,0ms)}
.rv.in{opacity:1;transform:none}
.reveal{filter:none!important}
.elementor-editor-active .rv{opacity:1;transform:none}
.press{animation:press .35s cubic-bezier(.2,.8,.2,1)}
@keyframes press{40%{transform:scale(.95)}100%{transform:none}}
.btn,.button,.add{position:relative;overflow:hidden}
.btn::after,.add::after,a.button::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.btn:hover::after,.add:hover::after,a.button:hover::after{transform:translateX(120%)}
.pcard{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.pcard:hover{transform:translateY(-4px)}
.pcard .pmedia{transition:box-shadow .5s}
.pcard:hover .pmedia{box-shadow:0 26px 50px -34px rgba(18,19,24,.55)}
.badge-count.pop{animation:pop2 .5s cubic-bezier(.34,1.56,.64,1)}
@keyframes pop2{0%{transform:scale(.4)}100%{transform:scale(1)}}
#siteHeader .nav{transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,padding .4s}
#siteHeader.scrolled .nav{box-shadow:0 14px 34px -22px rgba(18,19,24,.45)}
.drawer.open .woocommerce-mini-cart-item{animation:slideIn .5s cubic-bezier(.16,1,.3,1) both}
.drawer.open .woocommerce-mini-cart-item:nth-child(2){animation-delay:.06s}
.drawer.open .woocommerce-mini-cart-item:nth-child(3){animation-delay:.12s}
.drawer.open .woocommerce-mini-cart-item:nth-child(n+4){animation-delay:.18s}
@keyframes slideIn{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.estimate.rv-pop{animation:estIn .45s cubic-bezier(.16,1,.3,1)}
@keyframes estIn{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}
.chip{transition:background .2s,color .2s,transform .2s,border-color .2s}
.chip:hover{transform:translateY(-1px)}
.faq details[open] .faq-a{animation:estIn .4s cubic-bezier(.16,1,.3,1)}
.cat .cimg .fit{transition:transform .6s cubic-bezier(.16,1,.3,1)}
.cat:hover .cimg .fit{transform:translateY(-4px)!important}
#acu-main{animation:pageIn .6s cubic-bezier(.16,1,.3,1)}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}#acu-main{animation:none}}
.acu-no-motion .rv{opacity:1;transform:none;transition:none}
.acu-no-motion *,.acu-no-motion *::after{animation:none!important}

/* =====================================================================
   v1.3 — ANIMATED GLASS BACKGROUND (CSS only: transform animations = GPU, very light)
   ===================================================================== */
.ambient{contain:strict}
.amb-layer{position:absolute;inset:-10% 0;transform:translate3d(0,calc(var(--sy,0) * -1px),0);will-change:transform}
.amb-glow{position:absolute;border-radius:50%;will-change:transform}
.amb-glow.g1{width:70vmax;height:70vmax;left:-25vmax;top:-30vmax;background:radial-gradient(circle,rgba(186,226,253,.75),rgba(186,226,253,0) 62%);animation:glowA 26s ease-in-out infinite alternate}
.amb-glow.g2{width:60vmax;height:60vmax;right:-25vmax;top:20%;background:radial-gradient(circle,rgba(0,113,227,.13),rgba(0,113,227,0) 62%);animation:glowB 32s ease-in-out infinite alternate}
.amb-glow.g3{width:55vmax;height:55vmax;left:20%;bottom:-30vmax;background:radial-gradient(circle,rgba(207,241,255,.8),rgba(207,241,255,0) 62%);animation:glowA 38s ease-in-out infinite alternate-reverse}
@keyframes glowA{to{transform:translate3d(8vmax,6vmax,0) scale(1.12)}}
@keyframes glowB{to{transform:translate3d(-10vmax,-4vmax,0) scale(.92)}}
.amb-obj{position:absolute;display:block;will-change:transform;opacity:0;animation:objIn 1.6s .2s cubic-bezier(.16,1,.3,1) forwards}
@keyframes objIn{to{opacity:1}}
.amb-obj.ring{border-radius:50%;border-style:solid;border-color:rgba(190,228,250,.62);box-shadow:inset 0 0 0 1px rgba(255,255,255,.85),inset 0 8px 18px rgba(255,255,255,.7),0 24px 50px -24px rgba(0,113,227,.28);background:transparent}
.amb-obj.ring::after{content:"";position:absolute;inset:-1px;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.75),transparent 40%);-webkit-mask:radial-gradient(circle,transparent 58%,#000 60%);mask:radial-gradient(circle,transparent 58%,#000 60%)}
.ring.r1{width:300px;height:300px;border-width:30px;left:5%;top:12%;animation:objIn 1.6s .2s forwards,spinA 22s linear infinite}
.ring.r2{width:220px;height:220px;border-width:22px;right:3%;top:48%;border-color:rgba(160,212,245,.5);animation:objIn 1.6s .5s forwards,spinB 28s linear infinite}
@keyframes spinA{from{transform:perspective(900px) rotateX(62deg) rotateY(0deg) rotateZ(0)}to{transform:perspective(900px) rotateX(62deg) rotateY(360deg) rotateZ(360deg)}}
@keyframes spinB{from{transform:perspective(900px) rotateY(70deg) rotateX(0)}to{transform:perspective(900px) rotateY(70deg) rotateX(360deg)}}
.amb-obj.sphere{border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff 0,#eaf8ff 18%,#bfe6fb 46%,rgba(80,170,230,.45) 78%,rgba(56,140,210,.25) 100%);box-shadow:inset -10px -14px 26px rgba(0,90,170,.12),0 30px 50px -30px rgba(0,113,227,.35)}
.sphere.s1{width:150px;height:150px;left:24%;top:62%;animation:objIn 1.6s .3s forwards,floatA 11s ease-in-out infinite}
.sphere.s2{width:90px;height:90px;right:22%;top:14%;animation:objIn 1.6s .6s forwards,floatB 9s ease-in-out infinite}
.sphere.s3{width:46px;height:46px;left:52%;top:32%;opacity:.8;animation:objIn 1.6s .8s forwards,floatA 7s ease-in-out infinite reverse}
.sphere.s4{width:64px;height:64px;right:8%;bottom:10%;animation:objIn 1.6s .9s forwards,floatB 12s ease-in-out infinite}
.amb-obj.pill{width:160px;height:56px;border-radius:999px;left:70%;top:78%;background:linear-gradient(135deg,rgba(255,255,255,.85),rgba(186,226,253,.55));box-shadow:inset 0 1px 0 #fff,0 20px 40px -24px rgba(38,58,91,.4);animation:objIn 1.6s 1s forwards,floatC 14s ease-in-out infinite}
@keyframes floatA{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(18px,-34px,0)}}
@keyframes floatB{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-22px,26px,0)}}
@keyframes floatC{0%,100%{transform:translate3d(0,0,0) rotate(-14deg)}50%{transform:translate3d(-30px,-20px,0) rotate(8deg)}}
.ambient.has-webgl .amb-obj{display:none}
@media (max-width:760px){.ring.r1{width:200px;height:200px;border-width:20px;left:-60px}.ring.r2,.sphere.s4,.amb-obj.pill{display:none}.sphere.s1{width:100px;height:100px}}
@media (prefers-reduced-motion:reduce){.amb-glow,.amb-obj{animation:none!important;opacity:1}}
.acu-no-motion .amb-obj{opacity:1}

/* =====================================================================
   SECTIONS ANIMATE IN ON EVERY PAGE LOAD (no flash; failsafe if JS is blocked)
   ===================================================================== */
html.acu-js #acu-main > section,html.acu-js #acu-main > div > section,html.acu-js #acu-main > .acu-pdp,html.acu-js #acu-main > article > header,html.acu-js #acu-main > article > figure,html.acu-js #acu-main > article > div,html.acu-js #acu-main > article > section,html.acu-js #acu-main .elementor-top-section,html.acu-js #acu-main .e-con.e-parent,html.acu-js footer.nfoot{opacity:0;transform:translate3d(0,40px,0);transition:opacity .9s cubic-bezier(.16,1,.3,1) var(--sd,0ms),transform 1s cubic-bezier(.16,1,.3,1) var(--sd,0ms)}
html.acu-js #acu-main > section.in,html.acu-js #acu-main > div > section.in,html.acu-js #acu-main > .acu-pdp.in,html.acu-js #acu-main > article > .in,html.acu-js #acu-main .elementor-top-section.in,html.acu-js #acu-main .e-con.e-parent.in,html.acu-js footer.nfoot.in{opacity:1;transform:none}
html.acu-js #acu-main > section.hero{transform:translate3d(0,24px,0) scale(.975)}
html.acu-js #acu-main > section.hero.in{transform:none}
html.acu-ready #acu-main > section,html.acu-ready #acu-main > div > section,html.acu-ready #acu-main > .acu-pdp,html.acu-ready #acu-main > article > *,html.acu-ready #acu-main .elementor-top-section,html.acu-ready #acu-main .e-con.e-parent,html.acu-ready footer.nfoot,html.acu-ready .rv,html.acu-ready .reveal{opacity:1!important;transform:none!important}
.elementor-editor-active #acu-main *{opacity:1!important}
#siteHeader{animation:hdrIn .8s cubic-bezier(.16,1,.3,1) both}
@keyframes hdrIn{from{opacity:0;transform:translate3d(0,-18px,0)}to{opacity:1;transform:none}}
#acu-main{animation:none}
@media (prefers-reduced-motion:reduce){#siteHeader{animation:none}}

/* =====================================================================
   GLASS PRODUCT CARDS + ALWAYS-ANIMATED "ADD TO BAG"
   ===================================================================== */
.pcard{position:relative;padding:10px 10px 16px;border-radius:22px;background:linear-gradient(155deg,rgba(255,255,255,.78) 0%,rgba(255,255,255,.42) 55%,rgba(255,255,255,.6) 100%);border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(18,19,24,.04),0 20px 44px -32px rgba(18,19,24,.42);overflow:hidden;isolation:isolate;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.pcard::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.65) 48%,transparent 60%);transform:translateX(-120%);transition:transform 1s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.pcard:hover{transform:translateY(-6px);box-shadow:inset 0 1px 0 #fff,0 34px 60px -34px rgba(0,113,227,.45)}
.pcard:hover::before{transform:translateX(120%)}
.pcard .pmedia{border-radius:15px;border:0;box-shadow:none;background:var(--pbg,rgba(255,255,255,.6))}
.pcard:hover .pmedia{box-shadow:none}
.pcard .pbody{padding:14px 6px 0;gap:8px}
.pcard .pbody h3{font-size:15px;font-weight:600;line-height:1.3}
.pcard .price{font-size:14px;font-weight:700;color:var(--ink)}
.pcard .tag{z-index:2}
.pcard .add{width:100%;max-width:none;height:44px!important;border-radius:12px!important;font-size:12px;font-weight:700;letter-spacing:.06em;color:#fff!important;background:linear-gradient(110deg,#121318 0%,#1d2d4a 45%,#0071e3 100%)!important;background-size:100% 100%!important;box-shadow:0 12px 26px -12px rgba(0,113,227,.8),inset 0 1px 0 rgba(255,255,255,.18);animation:ctaBreathe 2.8s ease-in-out infinite;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
.pcard .add::after{animation:ctaShine 3.2s cubic-bezier(.4,0,.2,1) infinite;transition:none;transform:translateX(-130%)}
.pcard:nth-child(2n) .add,.pcard:nth-child(2n) .add::after{animation-delay:.6s}
.pcard:nth-child(3n) .add,.pcard:nth-child(3n) .add::after{animation-delay:1.2s}
.pcard .add .ico{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.pcard .add:hover{animation-play-state:paused;transform:translateY(-2px) scale(1.03);box-shadow:0 16px 30px -12px rgba(0,113,227,.85)}
.pcard .add:hover .ico{transform:rotate(-12deg) scale(1.2)}
.pcard .add.added{background:linear-gradient(110deg,#0b5d2f,#0f7a3d)!important}
@keyframes ctaShine{0%,55%{transform:translateX(-130%)}85%,100%{transform:translateX(130%)}}
@keyframes ctaBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
@media (max-width:760px){.pcard{padding:7px 7px 12px;border-radius:18px}.pcard .add{height:40px!important;font-size:11px}}
@media (prefers-reduced-motion:reduce){.pcard .add,.pcard .add::after{animation:none}}

/* =====================================================================
   SHOP: sticky Refine button (like the design) + quick price chips
   ===================================================================== */
.acu-shop .refine-wrap{display:flex!important;position:sticky;bottom:14px;justify-content:center;margin-top:36px;z-index:20;pointer-events:none}
.acu-shop .refine{pointer-events:auto;width:min(560px,100%);height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);background:rgba(255,255,255,.82)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid rgba(255,255,255,.95);box-shadow:0 18px 40px -22px rgba(18,19,24,.45);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.acu-shop .refine:hover{transform:translateY(-2px)}
.acu-shop .refine .ico{transition:transform .35s}
.acu-shop .refine:hover .ico{transform:rotate(90deg)}
.refine-n{font-style:normal;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--ink);color:#fff;font-size:11px;display:grid;place-items:center}
@media (min-width:1101px){.acu-shop.filters-sidebar .refine-wrap{display:none!important}}
.acu-shop.filters-drawer .acu-shopwrap{display:block}
.acu-shop.filters-drawer .shopbar .f-open{display:inline-flex}
.f-quick{margin-top:12px}
.f-quick .chip{height:30px;font-size:10.5px}

/* =====================================================================
   FOOTER small links (Blog · Privacy Policy · Terms)
   ===================================================================== */
.nf-links{display:flex;justify-content:center}
.nf-links ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.nf-links a{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:7px;background:rgba(255,255,255,.08);color:#d9dce2;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.04em;transition:background .25s,color .25s,transform .25s}
.nf-links a:hover{background:#fff;color:#121318;transform:translateY(-2px)}

/* =====================================================================
   BLOG
   ===================================================================== */
.acu-blog-head{padding-top:44px}
.acu-blog-head h1{font-family:var(--dot);font-weight:900}
.acu-blog-head p{max-width:56ch;margin:12px auto 0;color:var(--muted)}
.bcats{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:22px}
.bsearch{display:flex;align-items:center;gap:10px;width:min(460px,100%);margin:16px auto 0;height:48px;padding:0 16px;border-radius:12px;background:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.95);box-shadow:0 14px 30px -24px rgba(18,19,24,.4)}
.bsearch input{flex:1;border:0;background:none;outline:none;font:inherit;min-width:0}
.acu-blog{padding:20px 0 70px}
.bcard{position:relative;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:linear-gradient(155deg,rgba(255,255,255,.82),rgba(255,255,255,.5));border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1px 0 #fff,0 22px 50px -36px rgba(18,19,24,.45);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.bcard:hover{transform:translateY(-6px);box-shadow:inset 0 1px 0 #fff,0 34px 60px -34px rgba(0,113,227,.4)}
.bmedia{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#eef2f7}
.bmedia .blurfill{position:absolute;inset:-10%;width:120%;height:120%;object-fit:cover;filter:blur(22px);opacity:.8}
.bmedia .fit{position:absolute;inset:0;width:100%;height:100%;object-fit:contain!important;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.bcard:hover .bmedia .fit{transform:translateY(-4px)}
.pm-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted)}
.pm-empty .ico{width:40px;height:40px}
.bbody{display:flex;flex-direction:column;gap:10px;padding:20px 22px 24px;flex:1}
.bmeta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.bmeta.center{justify-content:center}
.bchip{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:var(--ink);color:#fff!important;font-size:10.5px}
.btitle{font-family:var(--dot);font-weight:800;font-size:clamp(20px,1.8vw,24px);line-height:1.15;margin:0}
.btitle a{color:inherit}
.bexcerpt{color:#4a4d55;font-size:15px;line-height:1.6;margin:0}
.bmore{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink)}
.bmore .ico{transition:transform .3s}
.bcard:hover .bmore .ico{transform:translateX(5px)}
.bcard-feat{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);margin-bottom:22px}
.bcard-feat .bmedia{aspect-ratio:auto;min-height:340px}
.bcard-feat .bbody{justify-content:center;padding:clamp(22px,4vw,48px)}
.bcard-feat .btitle{font-size:clamp(28px,3.2vw,44px)}
.bgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
@media (max-width:1000px){.bgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.bcard-feat{grid-template-columns:1fr}.bcard-feat .bmedia{min-height:0;aspect-ratio:16/10}}
@media (max-width:640px){.bgrid{grid-template-columns:1fr}}
/* single post */
.read-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:100;pointer-events:none}
.read-progress i{display:block;height:100%;background:linear-gradient(90deg,#121318,#0071e3);transform-origin:left;transform:scaleX(0)}
.acu-single{padding-bottom:40px}
.single-head{text-align:center;padding-top:40px;max-width:900px}
.single-head .crumbs{margin-bottom:16px}
.single-title{font-family:var(--dot);font-weight:900;font-size:clamp(32px,5vw,62px);line-height:1.04;margin:14px 0}
.single-lead{font-size:clamp(17px,1.6vw,20px);color:#4a4d55;line-height:1.6;max-width:62ch;margin:0 auto 18px}
.single-meta{display:inline-flex;align-items:center;gap:12px;text-align:left;padding:8px 16px 8px 8px;border-radius:999px;background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.95)}
.single-meta img{border-radius:50%}
.single-meta b{display:block;font-size:14px}
.single-meta small{display:block;font-family:var(--mono);font-size:11px;text-transform:uppercase;color:var(--muted)}
.single-media{margin:34px auto 0;max-width:1100px}
.single-media img{display:block;width:100%;height:auto;border-radius:24px;box-shadow:0 40px 80px -50px rgba(18,19,24,.55)}
.single-wrap{max-width:780px;margin:0 auto}
.single-content{margin-top:40px;font-size:18px;line-height:1.8;color:#24262c;max-width:none}
.single-content h2{font-family:var(--dot);font-size:clamp(24px,2.6vw,32px);line-height:1.15;margin:1.8em 0 .5em}
.single-content h3{font-size:22px;margin:1.5em 0 .5em}
.single-content p{margin:0 0 1.2em}
.single-content a{color:#0071e3;text-decoration:underline;text-underline-offset:3px}
.single-content img{max-width:100%;height:auto;border-radius:16px}
.single-content blockquote{margin:1.6em 0;padding:18px 24px;border-left:4px solid #0071e3;background:rgba(255,255,255,.75);border-radius:0 14px 14px 0;font-size:20px}
.single-content ul,.single-content ol{padding-left:24px;margin:0 0 1.2em}
.single-content li{margin:.35em 0}
.single-content pre,.single-content code{font-family:var(--mono);font-size:14px;background:#eef2f7;border-radius:8px}
.single-content pre{padding:16px;overflow:auto}
.single-foot{display:flex;flex-direction:column;gap:18px;margin-top:36px;padding-top:26px;border-top:1px solid var(--line)}
.btags{display:flex;flex-wrap:wrap;gap:6px}
.btags a{display:inline-flex;height:30px;align-items:center;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.8);border:1px solid var(--line);font-family:var(--mono);font-size:11px;text-transform:uppercase}
.bshare{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.bshare span{font-family:var(--mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;margin-right:6px}
.bshare a,.bshare button{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:10px;background:var(--ink);color:#fff;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.04em;transition:transform .25s,background .25s}
.bshare a:hover,.bshare button:hover{transform:translateY(-2px);background:#0071e3}
.author-box{display:flex;gap:16px;align-items:center;padding:20px;border-radius:18px}
.author-box img{border-radius:50%;flex:none}
.author-box p{margin:4px 0 0;color:var(--muted);font-size:14.5px}
.bnav{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bnav a{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:16px;transition:transform .3s}
.bnav a:hover{transform:translateY(-3px)}
.bnav a.next{text-align:right;grid-column:2}
.bnav small{font-family:var(--mono);font-size:11px;text-transform:uppercase;color:var(--muted)}
.brelated{margin-top:70px}
.brelated h2{font-family:var(--dot);font-size:clamp(28px,3.4vw,44px);margin-bottom:24px}
@media (max-width:640px){.bnav{grid-template-columns:1fr}.bnav a.next{grid-column:auto}.single-content{font-size:17px}}

.add{transform:none}

/* =====================================================================
   v1.4 — EXPLORE IN 3D: real photo → exploded parts → price
   ===================================================================== */
.xp{border-radius:28px;padding:14px;overflow:hidden}
.xp-stage{position:relative;height:clamp(460px,46vw,620px);border-radius:20px;overflow:hidden;background:var(--xbg,#f4f4f4);transition:background .8s}
.xp-photo,.xp-scene{position:absolute;left:0;top:0;bottom:0;width:62%;display:grid;place-items:center}
.xp-photo img{max-width:88%;max-height:86%;object-fit:contain;-webkit-mask-image:radial-gradient(ellipse 70% 72% at 50% 50%,#000 70%,transparent 100%);mask-image:radial-gradient(ellipse 70% 72% at 50% 50%,#000 70%,transparent 100%);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);opacity:0;transform:scale(.86) translateY(16px)}
.xp-stage.photo .xp-photo img{opacity:1;transform:none}
.xp-stage.priced .xp-photo img{transform:scale(1.03)}
.xp-scene{perspective:1500px;opacity:0;transition:opacity .6s;pointer-events:none}
.xp-stage.iso .xp-scene{opacity:1}
.xp-stack{position:relative;width:var(--pw);height:var(--ph);transform-style:preserve-3d;transform:translateY(8%) rotateX(calc(58deg + var(--drx,0deg))) rotateZ(calc(-36deg + var(--drz,0deg))) scale(.86);transition:transform 1.1s cubic-bezier(.16,1,.3,1)}
.xp-stage.iso .xp-stack{transform:translateY(24%) rotateX(calc(58deg + var(--drx,0deg))) rotateZ(calc(-36deg + var(--drz,0deg))) scale(.86)}
.xp-stage.dragging .xp-stack{transition:none}
.xp-stage.iso .xp-scene{pointer-events:auto;cursor:grab;touch-action:pan-y}
.xp-stage.dragging .xp-scene{cursor:grabbing}
.xp-hint{position:absolute;left:16px;bottom:14px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;background:rgba(255,255,255,.85);font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;opacity:0;transition:opacity .5s}
.xp-stage.iso .xp-hint{opacity:1}
.xp-spin{position:absolute;inset:0;transform-style:preserve-3d}
.xp-stage.spin .xp-spin{animation:xspin 7s ease-in-out infinite alternate}
@keyframes xspin{from{transform:rotateZ(-6deg)}to{transform:rotateZ(8deg)}}
.xp-shadow{position:absolute;inset:4%;border-radius:var(--pr);background:rgba(18,19,24,.22);filter:blur(14px);transform:translateZ(-2px)}
.xp-part{position:absolute;inset:0;transform-style:preserve-3d;transform:translateZ(calc(var(--i) * 3px));transition:transform .95s cubic-bezier(.2,.9,.25,1)}
.xp-part.up{transform:translateZ(var(--z))}
.xp-plate{position:absolute;inset:0;border-radius:var(--pr);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 1px 0 rgba(0,0,0,.25);backface-visibility:hidden}
.xp-plate img{width:100%;height:100%;object-fit:contain}
.pt-back{background:linear-gradient(145deg,color-mix(in srgb,var(--col) 70%,#fff) 0%,var(--col) 45%,color-mix(in srgb,var(--col) 70%,#000) 100%)}
.pt-back::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.35),transparent 35%)}
.pt-back::after{content:"";position:absolute;width:18%;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:30%;background:rgba(255,255,255,.18)}
.pt-battery{inset:30% 14% 10%;background:linear-gradient(160deg,#3a3f48,#17191d);border-radius:calc(var(--pr) * .35)}
.pt-battery::after{content:"Li-ion";position:absolute;inset:auto 0 12% 0;text-align:center;font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:rgba(255,255,255,.5)}
.pt-board{inset:5% 9% 58%;background:#0d3b3a repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 2px,transparent 2px 11px);border-radius:calc(var(--pr) * .3)}
.pt-board::after{content:"";position:absolute;width:30%;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:4px;background:linear-gradient(135deg,#2a2c31,#0d0e10);box-shadow:0 0 0 2px #9aa0a8}
.pt-camera{background:transparent;box-shadow:none}
.pt-camera::before,.pt-camera::after{content:"";position:absolute;width:22%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#0a0b0e 0 30%,#30343c 34% 55%,#8d939c 60%,#1b1d22 66%);box-shadow:0 0 0 3px rgba(255,255,255,.25)}
.pt-camera::before{left:10%;top:6%}.pt-camera::after{left:10%;top:calc(6% + 26%)}
.pt-frame{background:transparent;border:7px solid #b6bac2;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6),0 0 0 1px rgba(0,0,0,.15)}
.pt-display{background:linear-gradient(150deg,#05070c 0%,#1d2f52 50%,#0a0d14 100%);border:4px solid #0a0a0c}
.pt-display::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.28) 0%,transparent 35%)}
.pt-keyboard{inset:10% 6% 34%;background:#24262b;background-image:repeating-linear-gradient(90deg,transparent 0 9%,rgba(0,0,0,.45) 9% 10%),repeating-linear-gradient(0deg,#3a3d44 0 18%,rgba(0,0,0,.45) 18% 20%)}
.pt-keyboard::after{content:"";position:absolute;left:32%;right:32%;bottom:-48%;height:40%;border-radius:6px;background:#3b3e45}
.pt-sensor{background:radial-gradient(circle at 50% 50%,#1b1d22 0 20%,#3a3d45 22% 34%,var(--col) 36%)}
.pt-buds{background:transparent;box-shadow:none}
.pt-buds::before,.pt-buds::after{content:"";position:absolute;width:36%;aspect-ratio:1;top:30%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#e6e9ee 60%,#c9ced6)}
.pt-buds::before{left:8%}.pt-buds::after{right:8%}
.pt-lid{inset:0 0 55% 0;background:linear-gradient(160deg,#fff,#e4e7ec)}
.pt-generic{background:linear-gradient(150deg,rgba(255,255,255,.95),rgba(220,230,240,.85))}
.xp-plate:has(img){background:transparent!important;border:0;box-shadow:none;inset:0}
.xp-plate:has(img)::before,.xp-plate:has(img)::after{display:none}
.xp-tag{position:absolute;top:50%;display:flex;align-items:center;gap:6px;white-space:nowrap;padding:5px 9px;border-radius:8px;background:rgba(255,255,255,.95);box-shadow:0 8px 20px -10px rgba(18,19,24,.5);font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--ink);opacity:0;transition:opacity .5s .25s;pointer-events:none}
.xp-tag b{display:grid;place-items:center;min-width:20px;height:20px;border-radius:6px;background:var(--ink);color:#fff;font-size:10px}
.xp-tag.r{left:100%;transform:translate(14px,-50%) rotateZ(36deg) rotateX(-58deg)}
.xp-tag.l{right:100%;transform:translate(-14px,-50%) rotateZ(36deg) rotateX(-58deg)}
.xp-part.up .xp-tag{opacity:1}
.xp-list{position:absolute;right:0;top:0;bottom:0;width:38%;margin:0;padding:28px 26px;list-style:none;display:flex;flex-direction:column;justify-content:center;gap:6px;transition:opacity .5s,transform .6s cubic-bezier(.16,1,.3,1)}
.xp-list li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;font-size:14.5px;color:var(--muted);opacity:.45;transform:translateX(10px);transition:all .45s cubic-bezier(.16,1,.3,1)}
.xp-list li b{font-family:var(--mono);font-size:11px;color:inherit}
.xp-list li small{display:block;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;color:var(--muted)}
.xp-list li.seen{opacity:1;transform:none;color:var(--ink)}
.xp-list li.on{background:rgba(255,255,255,.9);box-shadow:0 12px 26px -18px rgba(18,19,24,.45)}
.xp-list .xp-lh{opacity:1;transform:none;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding-left:12px}
.xp-stage.priced .xp-list{opacity:0;transform:translateX(20px);pointer-events:none}
.xp-card{position:absolute;right:22px;top:50%;width:calc(38% - 44px);padding:24px;border-radius:20px;transform:translateY(-40%);opacity:0;pointer-events:none;transition:opacity .6s,transform .7s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:8px}
.xp-stage.priced .xp-card{opacity:1;transform:translateY(-50%);pointer-events:auto}
.xp-cat{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.xp-name{font-family:var(--dot);font-weight:800;font-size:clamp(22px,2.2vw,30px);line-height:1.1;margin:0}
.xp-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.xp-price b{font-family:var(--mono);font-size:clamp(22px,2.2vw,28px)}
.xp-price del{font-family:var(--mono);font-size:14px;color:var(--muted)}
.xp-emi{margin:0;color:var(--muted);font-size:14px}
.xp-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.xp-btns .btn{flex:1 1 140px;justify-content:center}
.xp-ctrl{display:flex;align-items:center;gap:12px;padding:12px 4px 2px}
.xp-play{width:40px;height:40px;flex:none;border-radius:10px;display:grid;place-items:center;background:var(--ink);color:#fff}
.xp-tabs{display:flex;gap:6px;overflow-x:auto;flex:0 1 auto;scrollbar-width:none}
.xp-tabs button{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px 0 4px;border-radius:10px;background:rgba(255,255,255,.7);border:1px solid var(--line);font-size:13px;white-space:nowrap;transition:background .25s,color .25s}
.xp-tabs button img{width:32px;height:32px;object-fit:contain;border-radius:7px;background:#fff}
.xp-tabs button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.xp-bar{flex:1;min-width:60px;height:3px;border-radius:2px;background:rgba(18,19,24,.12);overflow:hidden}
.xp-bar i{display:block;height:100%;background:var(--ink);transform-origin:left;transform:scaleX(0)}
@media (max-width:860px){
  .xp-stage{height:auto;min-height:0;display:flex;flex-direction:column}
  .xp-photo,.xp-scene{position:relative;width:100%;height:340px}
  .xp-scene{position:absolute;top:0;height:340px}
  .xp-list{position:relative;width:100%;padding:12px 14px 16px;flex-direction:row;flex-wrap:wrap;gap:4px}
  .xp-list li{padding:6px 10px;font-size:13px}
  .xp-list li small{display:none}
  .xp-list .xp-lh{width:100%}
  .xp-card{position:absolute;left:12px;right:12px;width:auto;top:auto;bottom:12px;transform:translateY(20px)}
  .xp-stage.priced .xp-card{transform:none}
  .xp-scene{transform:scale(.6);transform-origin:50% 55%}
  .xp-stage[data-dev="macbook"] .xp-scene,.xp-stage[data-dev="ipad"] .xp-scene{transform:scale(.5)}
  .xp-tag{font-size:9.5px}
}
@media (prefers-reduced-motion:reduce){.xp-part,.xp-stack,.xp-photo img{transition:none}.xp-stage.spin .xp-spin{animation:none}}

/* trade-in & EMI steps */
.step-l{display:flex;align-items:center;gap:8px;margin:16px 0 8px;font-family:var(--mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em}
.step-l b{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--ink);color:#fff;font-size:11px}
.rbtns{display:flex;gap:8px;flex-wrap:wrap}
.rbtns [hidden]{display:none!important}
.r-chip{height:auto!important;min-height:36px;padding:7px 12px!important;flex-direction:column;align-items:flex-start;gap:1px;line-height:1.2}
.r-chip small{font-size:10px;opacity:.7;font-family:var(--mono)}
.svc-box .flabel.step-l{margin:10px 0 8px}

.xp-stage.xp-swap .xp-card,.xp-stage.xp-swap .xp-list,.xp-stage.xp-swap .xp-list li,.xp-stage.xp-swap .xp-part{transition:none!important}
@media (max-width:860px){
  .xp-stage{min-height:610px}
  .xp-card{bottom:14px;top:auto}
  .xp-photo img{max-height:300px}
}

/* =====================================================================
   v1.4.1 — overflow guards (calculators, forms, long product names)
   ===================================================================== */
.duo{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.calc,.field,.row2>*,.rgrid>*,.acu-contact .c-grid>*,.service>*,.ab-hero>*{min-width:0}
.row2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
select,.select,.input{max-width:100%;min-width:0;text-overflow:ellipsis}
.result .rgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.result .rgrid.rgrid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.rgrid b,.result b{white-space:normal!important;overflow-wrap:anywhere;font-size:clamp(15px,1.5vw,19px)!important;line-height:1.15;display:block}
.result b.hi{font-size:clamp(17px,1.7vw,22px)!important}
.result span{overflow-wrap:anywhere}
.result .rfoot>*{min-width:0}
.result .rfoot .ti-emi,.result .rfoot .emi-note{flex:1 1 180px}
.rbtns{flex:0 1 auto;justify-content:flex-end}
.rbtns .btn{white-space:nowrap}
.calc{padding:clamp(18px,2.6vw,32px)}
@media (max-width:1100px){.duo{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.result .rgrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.result .rgrid>div:last-child:nth-child(3){grid-column:1/-1}.rbtns{width:100%}.rbtns .btn{flex:1}}
.xp-tabs button span{max-width:180px;overflow:hidden;text-overflow:ellipsis}
.xp-name,.pbody h3,.btitle,.product_title,.c-card small{overflow-wrap:anywhere}
.nf-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.h4-ctrl,.xp-ctrl{min-width:0}
.estimate{min-width:0}.estimate b{overflow-wrap:anywhere}
.r-chip{max-width:100%;white-space:normal;text-align:left}

/* =====================================================================
   v1.4.2 — bigger glass category tiles
   ===================================================================== */
.cats{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;gap:18px!important}
.cat{position:relative;display:flex;flex-direction:column;padding:12px 12px 18px!important;border-radius:24px!important;text-align:left;
  background:linear-gradient(155deg,rgba(255,255,255,.8) 0%,rgba(255,255,255,.42) 55%,rgba(255,255,255,.62) 100%)!important;
  border:1px solid rgba(255,255,255,.95)!important;
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(18,19,24,.04),0 22px 46px -32px rgba(18,19,24,.45)!important;
  isolation:isolate;overflow:hidden;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s!important}
.cat::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.7) 48%,transparent 60%);transform:translateX(-120%);transition:transform 1s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.cat::after{content:"";position:absolute;width:140px;height:140px;right:-50px;top:-60px;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(186,226,253,.55),transparent 70%);pointer-events:none}
.cat:hover{transform:translateY(-6px)!important;box-shadow:inset 0 1px 0 #fff,0 34px 60px -34px rgba(0,113,227,.45)!important}
.cat:hover::before{transform:translateX(120%)}
.cat .cimg{aspect-ratio:4/3!important;border-radius:18px!important;margin-bottom:14px;transform:none!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.cat .cimg .fit{padding:6%}
.cat .cimg .blurfill+.fit{padding:0}
.cat h3{font-family:var(--dot);font-weight:800;font-size:clamp(18px,1.5vw,21px)!important;line-height:1.1;margin:0 4px 6px;color:var(--ink)}
.cat p{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 4px;font-size:12px!important;color:var(--muted)}
.cat p::after{content:"→";display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;font-family:var(--body,inherit);font-size:14px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),background .3s}
.cat:hover p::after{transform:translateX(3px) rotate(-12deg);background:#0071e3}
@media (min-width:1280px){.cats{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important}}
@media (max-width:640px){.cats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.cat{padding:8px 8px 14px!important;border-radius:18px!important}.cat h3{font-size:16px!important}.cat p::after{width:24px;height:24px;font-size:12px}}

/* =====================================================================
   v1.4.3 — category description drop-down
   ===================================================================== */
.acu-desc{width:min(780px,100%);margin:18px auto 0;text-align:left}
.acu-desc .term-description,.acu-desc .page-description{margin:0;max-width:none;color:inherit}
.acu-desc-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:0 10px 0 20px;border-radius:14px;border:1px solid rgba(255,255,255,.95);background:linear-gradient(155deg,rgba(255,255,255,.85),rgba(255,255,255,.55));box-shadow:inset 0 1px 0 #fff,0 16px 34px -26px rgba(18,19,24,.45);font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);cursor:pointer;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.acu-desc-toggle:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff,0 22px 40px -26px rgba(0,113,227,.45)}
.acu-desc-toggle i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--ink);color:#fff;flex:none;transition:transform .45s cubic-bezier(.34,1.56,.64,1),background .3s}
.acu-desc-toggle i .ico{width:14px;height:14px}
.acu-desc.is-open .acu-desc-toggle i{transform:rotate(45deg);background:#0071e3}
.acu-desc-body{overflow:hidden;max-height:0;opacity:0;transition:max-height .55s cubic-bezier(.16,1,.3,1),opacity .4s,margin .4s;font-size:15.5px;line-height:1.7;color:#3f424a}
.acu-desc.is-open .acu-desc-body{opacity:1;margin-top:10px;padding:clamp(18px,3vw,28px);border-radius:16px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.95)}
.acu-desc.is-open .acu-desc-body[style*="none"]{max-height:none}
.acu-desc.is-open:not([data-acu-desc]) .acu-desc-body{max-height:none}
/* preview mode: first lines visible with a fade */
.acu-desc.mode-preview .acu-desc-body{max-height:5.2em;opacity:1;-webkit-mask-image:linear-gradient(#000 40%,transparent);mask-image:linear-gradient(#000 40%,transparent);margin-bottom:10px}
.acu-desc.mode-preview.is-open .acu-desc-body{-webkit-mask-image:none;mask-image:none;margin:0 0 10px}
.acu-desc.mode-preview .acu-desc-toggle{width:auto;margin:0 auto;min-height:44px}
/* nicer description content */
.acu-desc-body h2,.acu-desc-body h3,.acu-desc-body h4{font-family:var(--dot);font-size:clamp(18px,2vw,22px);line-height:1.2;margin:1.2em 0 .5em;color:var(--ink);text-align:left}
.acu-desc-body h2:first-child,.acu-desc-body h3:first-child,.acu-desc-body>*:first-child h2{margin-top:0}
.acu-desc-body p{margin:0 0 1em}
.acu-desc-body ul,.acu-desc-body ol{margin:0 0 1em;padding-left:22px;text-align:left}
.acu-desc-body li{margin:.3em 0}
.acu-desc-body hr{border:0;border-top:1px solid var(--line);margin:1.2em 0}
.acu-desc-body a{color:#0071e3;text-decoration:underline}
.acu-desc-body table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}
.acu-desc-body td,.acu-desc-body th{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left}
.acu-desc-body img{max-width:100%;height:auto;border-radius:12px}
@media (prefers-reduced-motion:reduce){.acu-desc-body{transition:none}}

/* =====================================================================
   v1.5 — headings
   ===================================================================== */
:root{--dot:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue","Inter",Helvetica,Arial,sans-serif}
h1,h2,h3,h4,.dotlogo,.hx-title,.btitle,.product_title,.page-head h1,.head h2,.ab-card b,.stats b,.single-title,.xp-name,.fhead b{font-synthesis:none;font-weight:400!important;letter-spacing:.01em}
.head h2,.page-head h1,.single-title,.ab-txt h1,.acu-contact h2,.spot h2,.visit h2,.svc-photo h2,.acu-blog-head h1{-webkit-text-stroke:.35px currentColor}
.dotlogo{letter-spacing:.06em;-webkit-text-stroke:.4px currentColor}

/* =====================================================================
   v1.5 — PREMIUM HERO
   ===================================================================== */
.hx{padding:14px 8px 0}
.hx-stage{position:relative;width:min(1440px,100%);margin:0 auto;height:clamp(540px,68vh,720px);border-radius:32px;overflow:hidden;isolation:isolate;
  border:1px solid rgba(255,255,255,.9);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 50px 100px -60px rgba(18,19,24,.45),0 2px 8px -4px rgba(18,19,24,.08);outline:none;touch-action:pan-y;user-select:none}
.hx-stage:focus-visible{box-shadow:0 0 0 2px var(--ink)}
.hx-bgs,.hx-bg{position:absolute;inset:0}
.hx-bgs{z-index:-1}
.hx-bg{opacity:0;transition:opacity 1.1s ease;background:radial-gradient(70% 90% at 72% 52%,#fff 0%,var(--bg) 58%,color-mix(in srgb,var(--bg) 86%,#9fb4cc) 100%)}
.hx-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.55),transparent 22%),radial-gradient(40% 60% at 15% 100%,rgba(0,113,227,.06),transparent 70%)}
.hx-bg.on{opacity:1}
.hx-slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.24fr);align-items:center;gap:clamp(12px,3vw,40px);padding:clamp(28px,4vw,64px) clamp(28px,4.5vw,72px) 96px;visibility:hidden;pointer-events:none}
.hx-slide.on,.hx-slide.out{visibility:visible}
.hx-slide.on{pointer-events:auto;z-index:2}
.hx-copy{position:relative;z-index:3;max-width:520px}
.hx-copy>*{opacity:0;transform:translate3d(0,22px,0);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
.hx-slide.on .hx-copy>*{opacity:1;transform:none}
.hx-slide.on .hx-copy>:nth-child(1){transition-delay:.15s}
.hx-slide.on .hx-copy>:nth-child(2){transition-delay:.25s}
.hx-slide.on .hx-copy>:nth-child(3){transition-delay:.38s}
.hx-slide.on .hx-copy>:nth-child(4){transition-delay:.48s}
.hx-slide.on .hx-copy>:nth-child(5){transition-delay:.58s}
.hx-slide.out .hx-copy>*{opacity:0;transform:translate3d(-24px,0,0);transition-duration:.45s;transition-delay:0s}
.hx-eye{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#0071e3}
.hx-eye::before{content:"";width:22px;height:1px;background:currentColor}
.hx-title{margin:0;font-family:var(--dot);font-weight:400;font-size:clamp(46px,5.6vw,92px);line-height:.98;letter-spacing:-.005em;color:var(--ink);-webkit-text-stroke:.6px currentColor}
.hx-slide.on .hx-title{animation:hxTrack 1.4s cubic-bezier(.16,1,.3,1) both .2s}
@keyframes hxTrack{from{letter-spacing:.12em}to{letter-spacing:-.005em}}
.hx-sub{margin:18px 0 0;font-size:clamp(16px,1.4vw,19px);line-height:1.55;color:#4b4f58;max-width:34ch}
.hx-price{margin:22px 0 0;font-family:var(--mono);font-size:13px;letter-spacing:.04em;color:var(--ink)}
.hx-cta{display:flex;align-items:center;gap:22px;margin-top:26px;flex-wrap:wrap}
.hx-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;height:50px;padding:0 28px;border-radius:999px;background:var(--ink);color:#fff!important;font-size:14.5px;font-weight:600;letter-spacing:.01em;box-shadow:0 14px 30px -14px rgba(18,19,24,.7);transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s,box-shadow .35s}
.hx-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translateX(-130%);animation:ctaShine 4s cubic-bezier(.4,0,.2,1) infinite 1.2s}
.hx-btn:hover{background:#0071e3;transform:translateY(-2px);box-shadow:0 18px 34px -14px rgba(0,113,227,.8)}
.hx-more{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;color:#0071e3}
.hx-more .ico{width:12px;height:12px;transition:transform .3s}
.hx-more:hover .ico{transform:translateX(4px)}
.hx-chips{display:none;list-style:none;padding:0;margin:20px 0 0;flex-wrap:wrap;gap:6px}
.hx-chips li{padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.95);font-size:12.5px;color:#3c4048}
/* media */
.hx-media{position:relative;align-self:stretch;height:100%;min-height:0;container-type:size;display:grid;place-items:center}
.hx-frame{position:relative;width:min(100cqw,calc(100cqh * var(--ar,1.79)));height:min(100cqh,calc(100cqw / var(--ar,1.79)));opacity:0;transform:translate3d(40px,0,0) scale(.94);transition:opacity .9s ease,transform 1.3s cubic-bezier(.16,1,.3,1)}
.hx-slide.on .hx-frame{opacity:1;transform:none;transition-delay:.12s}
.hx-slide.out .hx-frame{opacity:0;transform:translate3d(-30px,0,0) scale(.97);transition-duration:.6s;transition-delay:0s}
.hx-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;-webkit-mask-image:radial-gradient(ellipse 74% 78% at 50% 50%,#000 72%,transparent 100%);mask-image:radial-gradient(ellipse 74% 78% at 50% 50%,#000 72%,transparent 100%)}
.hx-slide.on .hx-img{animation:hxFloat 7s ease-in-out infinite 1.4s}
@keyframes hxFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-8px,0)}}
.hx-floor{position:absolute;left:18%;right:18%;bottom:6%;height:24px;border-radius:50%;background:radial-gradient(closest-side,rgba(18,19,24,.16),transparent);opacity:0;transform:scaleX(.6);transition:opacity 1s .4s,transform 1.2s cubic-bezier(.16,1,.3,1) .4s}
.hx-slide.on .hx-floor{opacity:1;transform:none}
/* callouts — hairline + quiet label */
.hx-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:3}
.hx-lines line{stroke:rgba(18,19,24,.38);stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1}
.hx-slide.on .hx-lines line{animation:draw .8s cubic-bezier(.65,0,.35,1) forwards;animation-delay:calc(1.5s + var(--k) * .7s)}
.hx-dot{position:absolute;z-index:4;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:#fff;border:2px solid var(--ink);opacity:0;transform:scale(0)}
.hx-dot::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(0,113,227,.55);opacity:0}
.hx-slide.on .hx-dot{animation:pop .5s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:calc(1.35s + var(--k) * .7s)}
.hx-slide.on .hx-dot::after{animation:ring 2.4s ease-out infinite;animation-delay:calc(1.6s + var(--k) * .7s)}
.hx-lab{position:absolute;z-index:5;top:var(--ay);max-width:24cqw;padding:7px 12px;border-radius:10px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,1);box-shadow:0 10px 24px -14px rgba(18,19,24,.35);font-size:max(11.5px,1.05cqw);font-weight:500;line-height:1.3;color:#24262c;opacity:0;transform:translateY(-50%) translateX(var(--sx,0))}
.hx-lab.r{right:calc(100% - var(--ax));--sx:-8px}
.hx-lab.l{left:var(--ax);--sx:8px}
.hx-media{container-type:size}
.hx-slide.on .hx-lab{animation:labIn .7s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(1.9s + var(--k) * .7s)}
/* nav — product tabs with progress */
.hx-nav{position:relative;z-index:5;display:flex;align-items:center;gap:10px;width:min(980px,calc(100% - 16px));margin:-74px auto 0;padding:6px;border-radius:999px;background:rgba(255,255,255,.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.95);box-shadow:0 18px 40px -24px rgba(18,19,24,.4)}
.hx-play{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff}
.hx-play .ico{width:12px;height:12px}
.hx-tabs{flex:1;display:flex;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none}
.hx-tabs::-webkit-scrollbar{display:none}
.hx-tab{position:relative;flex:1 0 auto;min-width:110px;height:40px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:500;color:#6b7080;white-space:nowrap;transition:color .3s,background .3s}
.hx-tab:hover{color:var(--ink)}
.hx-tab.on{color:var(--ink);background:#fff;box-shadow:0 6px 16px -10px rgba(18,19,24,.4)}
.hx-tab i{position:absolute;left:16px;right:16px;bottom:6px;height:2px;border-radius:2px;background:rgba(18,19,24,.08);overflow:hidden;opacity:0;transition:opacity .3s}
.hx-tab.on i{opacity:1}
.hx-tab i b{display:block;height:100%;background:linear-gradient(90deg,#121318,#0071e3);transform-origin:left;transform:scaleX(0)}
.hx.is-paused .hx-slide.on *{animation-play-state:paused!important}
.hx+.wrap .trust,.hx~.acu-trust .trust{margin-top:22px}
/* tablet & phone: text on top, product below, chips instead of callouts */
@media (max-width:900px){
  .hx-stage{height:auto;min-height:0;aspect-ratio:auto;border-radius:24px}
  .hx-slide{position:absolute;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);align-items:start;text-align:center;padding:30px 20px 84px}
  .hx-slide.on{position:relative}
  .hx-copy{max-width:none;margin:0 auto}
  .hx-eye{justify-content:center}
  .hx-sub{margin-left:auto;margin-right:auto}
  .hx-cta{justify-content:center}
  .hx-chips{display:flex;justify-content:center}
  .hx-lines,.hx-dot,.hx-lab{display:none}
  .hx-media{height:min(62vw,420px);margin-top:10px}
  .hx-nav{margin-top:-66px;width:calc(100% - 20px)}
  .hx-tab{min-width:auto;flex:0 0 auto}
}
@media (max-width:520px){
  .hx{padding:8px 6px 0}
  .hx-title{font-size:44px}
  .hx-btn{height:46px;padding:0 22px}
  .hx-chips li:nth-child(n+4){display:none}
}
@media (prefers-reduced-motion:reduce){
  .hx-copy>*,.hx-frame,.hx-floor{transition-duration:.01s!important;transition-delay:0s!important}
  .hx-slide.on *{animation:none!important}
  .hx-slide.on .hx-lines line{stroke-dashoffset:0}
  .hx-slide.on .hx-dot{opacity:1;transform:none}
  .hx-slide.on .hx-lab{opacity:1;transform:translateY(-50%)}
}
.hx-img{-webkit-mask-image:radial-gradient(ellipse 66% 72% at 50% 50%,#000 56%,transparent 100%)!important;mask-image:radial-gradient(ellipse 66% 72% at 50% 50%,#000 56%,transparent 100%)!important}
.hx~.acu-trust .trust,.hx+.acu-trust .trust{margin-top:30px}
@media (max-width:900px){
  .hx-chips{gap:5px;margin-top:16px}
  .hx-chips li{padding:5px 10px;font-size:11.5px}
  .hx-chips li:nth-child(n+3){display:none}
  .hx-slide{padding:26px 18px 80px}
  .hx-sub{margin-top:12px}
  .hx-price{margin-top:14px}
  .hx-cta{margin-top:18px;gap:16px}
  .hx-media{height:min(66vw,440px)}
}
.hx-slide.on .hx-floor{opacity:.45}

/* =====================================================================
   v1.5.2 — older phones (no container queries / color-mix) + livelier 3D
   ===================================================================== */
@supports not (width:1cqw){
  .hx-frame{width:100%!important;height:100%!important;max-width:100%}
  .hx-media{container-type:normal}
  .h4-frame{width:100%!important;height:100%!important}
}
@supports not (background:color-mix(in srgb,red,blue)){
  .hx-bg{background:radial-gradient(70% 90% at 72% 52%,#fff 0%,var(--bg) 60%,#e3e9f1 100%)}
}
/* Explore in 3D never looks frozen: photo breathes, exploded view always turns */
.xp-stage.photo .xp-photo img{animation:xpBreath 6s ease-in-out infinite alternate .9s}
@keyframes xpBreath{from{transform:scale(1) translateY(0)}to{transform:scale(1.045) translateY(-6px)}}
.xp-stage.iso .xp-spin{animation:xspin 7s ease-in-out infinite alternate}
.xp-stage.priced .xp-photo img{animation:xpBreath 5s ease-in-out infinite alternate}
.xp-bar{height:3px}
.xp-bar i{background:linear-gradient(90deg,#121318,#0071e3)}
@media (prefers-reduced-motion:reduce){.xp-stage.iso .xp-spin,.xp-stage.photo .xp-photo img,.xp-stage.priced .xp-photo img{animation:none}}

/* Heading font for footer menu + mobile menu + product titles (real weight, no fake bold) */
.nf-cats a,#mobileLinks li a,.pbody h3,.cat h3,.related>h2,.upsells>h2,.brelated h2,.woocommerce-tabs .panel h2{font-family:var(--dot)!important;font-weight:400!important;font-synthesis:none;letter-spacing:.02em;-webkit-text-stroke:.35px currentColor}
.nf-cats a{font-size:clamp(34px,5vw,60px)}
.pbody h3{font-size:17px!important;line-height:1.2}

/* =====================================================================
   v1.5.3 — hero typography rhythm, mobile feature ticker, banner captions
   ===================================================================== */
/* Heading font on theme titles (beats Elementor's global heading font; your own widget typography still wins) */
.acu-theme .hx-title,.acu-theme .head h2,.acu-theme .page-head h1,.acu-theme .product_title,.acu-theme .xp-name,.acu-theme .single-title,.acu-theme .btitle,.acu-theme .ab-txt h1,.acu-theme .acu-contact h2,.acu-theme .spot h2,.acu-theme .visit h2,.acu-theme .svc-photo h2,.acu-theme .calc h3,.acu-theme .faq summary,.acu-theme .nf-cats a,.acu-theme .cat h3,.acu-theme .pbody h3{font-family:var(--dot);font-weight:400;font-synthesis:none}
/* one consistent rhythm for every slide */
.hx-copy{display:flex;flex-direction:column;align-items:flex-start}
.hx-eye{margin:0 0 16px}
.hx-title{font-size:clamp(42px,4.6vw,78px);line-height:1.04;letter-spacing:0;text-wrap:balance;max-width:11ch;margin:0}
.hx-sub{margin:16px 0 0;line-height:1.5}
.hx-price{margin:18px 0 0;line-height:1.4}
.hx-cta{margin-top:24px}
.hx-copy>.hx-title+.hx-price{margin-top:22px}
@keyframes hxTrack{from{letter-spacing:.08em;opacity:.0}to{letter-spacing:0;opacity:1}}
/* mobile: features play as a ticker, one at a time */
@media (max-width:900px){
  .hx-copy{align-items:center}
  .hx-title{font-size:clamp(36px,10vw,48px);line-height:1.06;max-width:12ch;margin:0 auto}
  .hx-chips{display:grid!important;grid-template-areas:"c";justify-items:center;min-height:34px;margin-top:16px}
  .hx-chips li{grid-area:c;display:inline-flex!important;align-items:center;gap:8px;padding:7px 14px;font-size:12.5px;opacity:0;transform:translate3d(0,10px,0);transition:opacity .45s ease,transform .55s cubic-bezier(.16,1,.3,1)}
  .hx-chips li::before{content:"";width:6px;height:6px;border-radius:50%;background:#0071e3;box-shadow:0 0 0 3px rgba(0,113,227,.18)}
  .hx-chips li.on{opacity:1;transform:none}
  .hx-chips li.was{opacity:0;transform:translate3d(0,-10px,0)}
  .hx-tabs{scroll-behavior:smooth}
}
/* banners & repair photo: captions always visible on phones */
@media (max-width:640px){
  .banner,.svc-photo{aspect-ratio:auto!important;height:auto!important}
  .banner img,.svc-photo img{position:relative!important;inset:auto!important;display:block;width:100%;height:auto!important;aspect-ratio:1000/747;object-fit:cover}
  .banner .cap,.svc-photo .cap{position:relative!important;inset:auto!important;z-index:2;background:#141826;color:#fff}
  .banner .cap h3,.banner .cap p,.svc-photo .cap h2,.svc-photo .cap p{color:#fff}
}

/* v1.5.4 — filter panel is hidden until "Refine"/"Filters" is pressed */
.acu-shop.filters-drawer .filters:not(.open){opacity:0!important;visibility:hidden!important;pointer-events:none!important}
@media (max-width:1100px){.acu-shop .filters:not(.open){opacity:0!important;visibility:hidden!important;pointer-events:none!important}}
.acu-shop .filters.open{visibility:visible!important;opacity:1!important}
.acu-shop.filters-drawer .filters,.acu-shop .filters{transition:opacity .3s,transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s linear .35s}
.acu-shop .filters.open{transition:opacity .3s,transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s}
@media (min-width:1101px){.acu-shop.filters-sidebar .filters{opacity:1!important;visibility:visible!important;pointer-events:auto!important}}

/* =====================================================================
   v1.5.5 — colour swatches in Explore in 3D
   ===================================================================== */
.xp-colors{position:absolute;left:18px;top:16px;z-index:4;display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.95);box-shadow:0 12px 26px -18px rgba(18,19,24,.45)}
.xp-colors[hidden]{display:none}
.xp-clab{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);white-space:nowrap}
.xp-clab b{color:var(--ink);font-weight:700;margin-left:4px}
.xp-sw{display:flex;gap:7px}
.xp-sw button{width:22px;height:22px;border-radius:50%;padding:0;background:var(--c);border:2px solid #fff;box-shadow:0 0 0 1px rgba(18,19,24,.18),inset 0 -3px 6px rgba(0,0,0,.18),inset 0 3px 5px rgba(255,255,255,.35);cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}
.xp-sw button:hover{transform:scale(1.15)}
.xp-sw button.on{box-shadow:0 0 0 2px var(--ink),inset 0 -3px 6px rgba(0,0,0,.18),inset 0 3px 5px rgba(255,255,255,.35);transform:scale(1.08)}
.xp-colors.in-card{position:static;padding:0;background:none;border:0;box-shadow:none;flex-wrap:wrap;gap:8px 12px;margin:2px 0}
.xp-stage.priced>.xp-colors{opacity:0;pointer-events:none}
.xp-part,.xp-plate{transition:background-color .5s ease,border-color .5s ease}
@media (max-width:860px){.xp-colors{left:10px;top:10px;padding:6px 10px;gap:8px}.xp-sw button{width:20px;height:20px}}

/* =====================================================================
   v1.5.5 — photo banners: frosted glass caption, black text (desktop + phone)
   ===================================================================== */
.banner::before{display:none!important}
.banner .cap{position:absolute!important;inset:auto 16px 16px 16px!important;width:auto!important;padding:18px 20px!important;border-radius:20px;
  background:rgba(255,255,255,.62)!important;backdrop-filter:blur(18px) saturate(150%)!important;-webkit-backdrop-filter:blur(18px) saturate(150%)!important;
  border:1px solid rgba(255,255,255,.75);box-shadow:0 18px 40px -24px rgba(18,19,24,.45);color:var(--ink)!important;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.banner .cap h3{color:var(--ink)!important;margin:0 0 4px}
.banner .cap p{color:#3f424a!important;margin:0}
.banner .cap .btn{background:var(--ink)!important;color:#fff!important;border:0}
.banner .cap .btn:hover{background:#0071e3!important}
@media (max-width:640px){
  .banner{position:relative}
  .banner img{aspect-ratio:1000/747}
  .banner{background:linear-gradient(180deg,#e9eef4,#f6f8fb)!important;padding-bottom:10px}
  .banner .cap{position:relative!important;inset:auto!important;margin:-46px 10px 0;padding:14px 16px!important;border-radius:16px;background:rgba(255,255,255,.72)!important}
  .banner .cap h3{font-size:20px}
  .banner .cap p{font-size:13.5px}
}

/* v1.5.6 — Explore in 3D: product tabs + counter + "Next" */
.xp-ctrl{flex-wrap:nowrap}
.xp-tabs{flex:1 1 auto;min-width:0;scroll-behavior:smooth;mask-image:linear-gradient(90deg,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent)}
.xp-tabs button span{max-width:200px}
.xp-bar{flex:0 0 120px}
.xp-nav2{display:flex;align-items:center;gap:10px;flex:none}
.xp-count{font-family:var(--mono);font-size:11.5px;color:var(--muted);letter-spacing:.04em;white-space:nowrap}
.xp-next{display:inline-flex;align-items:center;gap:8px;height:40px;max-width:230px;padding:0 12px 0 14px;border-radius:10px;background:#fff;border:1px solid var(--line);font-size:12.5px;color:var(--ink);cursor:pointer;transition:transform .25s,box-shadow .25s}
.xp-next:hover{transform:translateX(2px);box-shadow:0 10px 22px -14px rgba(18,19,24,.45)}
.xp-next small{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.xp-next span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.xp-next .ico{width:11px;height:11px;flex:none}
@media (max-width:860px){
  .xp-ctrl{flex-wrap:wrap;row-gap:10px}
  .xp-tabs{order:3;flex-basis:100%}
  .xp-bar{order:2;flex:1 1 auto}
  .xp-nav2{order:4;width:100%;justify-content:space-between}
  .xp-next{max-width:70%}
}
.result b{overflow-wrap:normal!important;word-break:normal!important}
.result b small{display:inline-block;font-size:.58em;font-weight:500;opacity:.75;margin-left:3px;white-space:nowrap}

/* =====================================================================
   v1.5.7 — calm background: same colours, no moving shapes / particles
   ===================================================================== */
.ambient .amb-obj,#glassBg,.blob{display:none!important}
.ambient .amb-layer{transform:none!important;will-change:auto!important;inset:0}
.ambient .amb-glow{animation:none!important;will-change:auto!important}
.ambient .dotmatrix{animation:none!important;-webkit-mask-image:none!important;mask-image:none!important}

/* v1.5.8 — plain background */
html,body{background:#f5f5f7}
.ambient{background:none!important}
.ambient .amb-layer,.ambient .amb-glow{display:none!important}

/* =====================================================================
   v1.6.0 — apple.com fonts & colours
   SF Pro (Apple devices) / Inter elsewhere · ink #1d1d1f · grey #6e6e73
   background #f5f5f7 · blue #0071e3 · links #0066cc · lines #d2d2d7
   ===================================================================== */
:root,body{
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Icons","Helvetica Neue","Inter",Helvetica,Arial,sans-serif;
  --dot:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Icons","Helvetica Neue","Inter",Helvetica,Arial,sans-serif;
  --mono:var(--font);
  --ink:#1d1d1f;--muted:#6e6e73;--line:rgba(0,0,0,.1);--bg:#f5f5f7;
  --apple:#0071e3;--navy:#0071e3;--sky:#2997ff;--sky-soft:#e8f2fd;--night:#1d1d1f;
  --grad:#0071e3;
}
html,body{font-family:var(--font);color:#1d1d1f;letter-spacing:-.01em;font-feature-settings:"kern"}
body{font-size:17px;line-height:1.47}
/* headings: SF Pro Display semibold, tight tracking — like apple.com */
h1,h2,h3,h4,.hx-title,.head h2,.page-head h1,.product_title,.btitle,.single-title,.xp-name,.ab-txt h1,.acu-contact h2,.spot h2,.visit h2,.svc-photo h2,.calc h3,.cat h3,.pbody h3,.nf-cats a,#mobileLinks li a,.related>h2,.upsells>h2,.brelated h2,.acu-blog-head h1,.woocommerce-tabs .panel h2,.dotlogo,.ab-card b,.stats b,.fhead b,.faq summary,.acu-theme .hx-title,.acu-theme .head h2,.acu-theme .page-head h1,.acu-theme .cat h3,.acu-theme .pbody h3,.acu-theme .nf-cats a{
  font-family:var(--dot)!important;font-weight:600!important;-webkit-text-stroke:0!important;font-synthesis:none}
.hx-title,.head h2,.page-head h1,.single-title,.ab-txt h1,.acu-contact h2,.acu-blog-head h1,.spot h2{letter-spacing:-.025em!important;line-height:1.07}
.hx-title{font-size:clamp(40px,5vw,80px)}
h3,.calc h3,.cat h3,.pbody h3,.btitle,.xp-name,.product_title{letter-spacing:-.015em!important}
.pbody h3{font-size:16px!important;font-weight:600!important}
.nf-cats a,#mobileLinks li a{letter-spacing:-.02em!important;font-weight:600!important}
.dotlogo{letter-spacing:-.01em!important}
/* labels: no typewriter look — sentence case, normal tracking */
.btn,.add,.button,a.button,.chip,.links a,.offerbar,.offerbar a,.nf-btn,.nf-links a,.nf-pay span,.tag,.crumbs,.woocommerce-breadcrumb,.bmeta,.flabel,.field label,.ctrl-label,.f-group h4,.product_meta,.refine,.acu-desc-toggle,.xp-clab,.xp-count,.xp-next small,.hx-eye,.hx-price,.ab-kicker,.xp-list li,.woocommerce-tabs ul.tabs li a,.shopbar,.woocommerce-ordering select,.f-prices label,.xp-hint,.bshare span,.bshare a,.bshare button,.btags a,.bmore,.hx-tab,.f-clear-link,.result span,.estimate span,.r-more,.stats span,.ab-card span{
  font-family:var(--font)!important;letter-spacing:-.005em!important;text-transform:none!important}
.tag{font-weight:600}
.hx-eye{color:#bf4800;font-size:14px;font-weight:600}
.hx-eye::before{display:none}
.hx-price{font-size:17px;color:#1d1d1f;font-weight:400}
.hx-sub,.head p,.page-head p,.c-lead,.ab-body{color:#6e6e73}
/* links & buttons: apple blue */
a{color:inherit}
.hx-more,.link-more,.bmore,.entry-content a,.single-content a,.acu-desc-body a,.woocommerce-review-link{color:#0066cc!important}
.hx-btn,.btn-grad,.button.alt,.button.checkout,a.checkout-button,#place_order,.single_add_to_cart_button,.pcard .add,.xp-buy,.btn.xp-buy{
  background:#0071e3!important;background-image:none!important;animation:none!important;color:#fff!important;border-radius:980px!important;box-shadow:none!important;font-weight:500!important}
.hx-btn:hover,.btn-grad:hover,.button.alt:hover,.single_add_to_cart_button:hover,.pcard .add:hover,#place_order:hover{background:#0077ed!important;transform:none!important}
.pcard .add::after,.hx-btn::after,.btn::after{display:none!important}
.btn,.button,a.button{border-radius:980px!important;font-size:14px;font-weight:500}
.button:not(.alt):not(.checkout):not(.add):not(.single_add_to_cart_button),.btn-light,.btn-glass{background:#fff;color:#1d1d1f!important;border:1px solid #d2d2d7}
.chip{border-radius:980px}
.chip.on,.links .current-menu-item>a,.hx-play,.xp-play,.refine-n,.bchip,.c-card .ci,.cat p::after,.acu-desc-toggle i{background:#1d1d1f!important;color:#fff!important}
.tag.sky{background:#0071e3;color:#fff}
.tag.sale{background:#bf4800}
.acu-desc.is-open .acu-desc-toggle i,.cat:hover p::after{background:#0071e3!important}
.hx-tab i b,.xp-bar i,.read-progress i,.h3-track button i{background:#0071e3!important}
.result .hi,.result b.hi{color:#2997ff}
.price,.pdp-info>.price,.hx-price{color:#1d1d1f}
.woocommerce-Price-amount{font-family:var(--font)}
/* header & footer text */
.links a{font-size:12px;font-weight:400;color:#1d1d1f;opacity:.88}
.links a:hover{opacity:1}
.offerbar{font-size:13px}
footer.nfoot{background:#1d1d1f}
.nf-bottom,.nf-bottom a{color:#86868b}

/* =====================================================================
   v1.6.1 — product cards line up: same height, 2-line names with "…",
   regular-weight text, button always at the bottom
   ===================================================================== */
.grid.products{align-items:stretch}
.grid.products>.pcard,.pcard{display:flex!important;flex-direction:column;height:100%}
.pcard .pmedia{flex:none;aspect-ratio:4/3!important;height:auto!important}
.pcard .pmedia img{object-fit:contain!important}
.pcard .pbody{flex:1;display:flex;flex-direction:column}
.pcard .pbody h3,.acu-theme .pcard .pbody h3{
  display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2!important;line-clamp:2;overflow:hidden!important;
  font-weight:400!important;font-size:15px!important;line-height:1.35!important;letter-spacing:-.01em!important;
  min-height:calc(15px * 1.35 * 2);margin:0 0 6px!important;word-break:break-word}
.pcard .pbody h3 a{color:#1d1d1f}
.pcard .prow{margin-top:auto;display:flex;flex-direction:column;align-items:stretch;gap:12px}
.pcard .price,.pcard .price .amount,.pcard .price bdi{font-weight:400!important;font-size:15px;color:#1d1d1f}
.pcard .price ins .amount{font-weight:500!important}
.pcard .add{font-weight:400!important;margin-top:0}
@media (max-width:760px){
  .pcard .pbody h3,.acu-theme .pcard .pbody h3{font-size:14px!important;min-height:calc(14px * 1.35 * 2)}
  .pcard .price,.pcard .price .amount{font-size:14px}
}