/** Shopify CDN: Minification failed

Line 1141:192 Unexpected "\\n"
Line 1141:1546 Unexpected "@media"
Line 1141:1690 Unexpected "@media"
Line 1141:1982 Unexpected "@media"
Line 1141:2409 Unexpected "@media"
Line 1141:3183 Unexpected "@media"

**/
:root{
  --bg:#f5f6f8;--paper:#fff;--ink:#101114;--muted:#6f747c;--line:rgba(16,17,20,.09);
  --blue:#2d6df6;--cyan:#82cfff;--navy:#0d1a2b;--dark:#08090b;--radius:32px;
  --shadow:0 24px 80px rgba(17,24,39,.12);--shadow-sm:0 12px 36px rgba(17,24,39,.08);
  --ease:cubic-bezier(.2,.75,.2,1);--mx:50%;--my:50%;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.cart-opened{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}::selection{background:#b9d8ff;color:#07121f}
.aurora{position:fixed;pointer-events:none;filter:blur(70px);opacity:.18;z-index:-2;border-radius:50%}.aurora-a{width:42vw;height:42vw;background:#9dd6ff;top:-18vw;right:-14vw}.aurora-b{width:35vw;height:35vw;background:#e7c7ff;left:-18vw;top:38vh}
.announcement{height:46px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 20px;font-size:11px;font-weight:700;letter-spacing:.02em;color:#f7f9fb;position:relative;z-index:70;background:linear-gradient(90deg,#07090d 0%,#171b22 18%,#2b3038 50%,#171b22 82%,#07090d 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(255,255,255,.06),0 8px 24px rgba(0,0,0,.16);overflow:hidden}.announcement:before{content:"";position:absolute;inset:-1px;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.12) 16%,transparent 34%,transparent 62%,rgba(255,255,255,.08) 74%,transparent 100%);pointer-events:none;opacity:.9}.announcement>*{position:relative;z-index:1}.announcement a{margin-left:10px;padding:8px 14px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 8px 18px rgba(0,0,0,.12);transition:transform .25s var(--ease),background .25s var(--ease)}.announcement a:hover{transform:translateY(-1px);background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.1))}.announce-dot{width:8px;height:8px;border-radius:50%;background:#7ee49a;box-shadow:0 0 0 4px rgba(126,228,154,.12),0 0 18px rgba(126,228,154,.45)}.announce-sep{opacity:.4}
.site-header{position:sticky;top:0;z-index:60;padding:14px 0 0;pointer-events:none}.glass-nav{height:72px;width:calc(100% - 44px);max-width:none;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:18px;padding:0 22px;border:1px solid rgba(255,255,255,.78);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(246,248,252,.64));backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);box-shadow:0 18px 48px rgba(16,24,40,.10),inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(255,255,255,.35);position:relative;overflow:hidden;pointer-events:auto;transition:height .35s var(--ease),width .35s var(--ease),border-radius .35s var(--ease),box-shadow .35s var(--ease),background .35s var(--ease)}.glass-nav:before{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(255,255,255,.72),transparent 42%);opacity:.6;pointer-events:none}.glass-nav:after{content:"";position:absolute;left:1px;right:1px;top:1px;height:46%;border-radius:22px 22px 18px 18px;background:linear-gradient(180deg,rgba(255,255,255,.68),rgba(255,255,255,0));pointer-events:none}.site-header.compact .glass-nav{height:62px;width:calc(100% - 44px);border-radius:21px;box-shadow:0 14px 38px rgba(16,24,40,.14),inset 0 1px 0 rgba(255,255,255,.96)}
.brand,.nav-actions,.desktop-nav{position:relative;z-index:2}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:850;letter-spacing:-.04em;font-size:20px;white-space:nowrap}.brand-mark{width:23px;height:23px;position:relative;display:inline-block}.brand-mark i{position:absolute;width:8px;height:17px;background:#101114;border-radius:7px;transform:rotate(35deg)}.brand-mark i:first-child{left:3px;top:0}.brand-mark i:last-child{right:2px;bottom:0}.desktop-nav{justify-self:center;display:flex;align-items:center;gap:8px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.desktop-nav a{font-size:12px;font-weight:700;color:#464c55;padding:10px 14px;border-radius:12px;transition:.25s}.desktop-nav a:hover,.desktop-nav a.active{background:rgba(255,255,255,.92);color:#111;box-shadow:0 6px 16px rgba(17,24,39,.06)}.nav-actions{justify-self:end;display:flex;align-items:center;gap:10px}.market-label{display:flex;align-items:center;gap:9px;color:#555b64;font-size:11px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.market-label span{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 10px;border-radius:999px;background:linear-gradient(180deg,rgba(234,242,255,.98),rgba(226,236,252,.78));border:1px solid rgba(183,204,239,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.72);font-size:9px;font-weight:800;color:#285cae}.market-label b{font-size:11px;color:#424851}.nav-cta{padding:11px 19px;border-radius:14px;background:linear-gradient(180deg,#11141a,#07080b);color:white;font-size:11px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 8px 18px rgba(6,8,12,.15);transition:transform .25s var(--ease),background .25s var(--ease),box-shadow .25s var(--ease)}.nav-cta:hover{transform:translateY(-1px);background:linear-gradient(180deg,#191d24,#090a0e);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 12px 24px rgba(6,8,12,.18)}.bag{width:43px;height:43px;border-radius:15px;border:1px solid rgba(16,17,20,.08);background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(246,248,250,.75));display:grid;place-items:center;position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}.bag svg{width:19px;fill:none;stroke:#111;stroke-width:1.8}.cart-count{position:absolute;right:-4px;top:-4px;min-width:17px;height:17px;border-radius:9px;background:#111;color:white;font-size:9px;display:grid;place-items:center;padding:0 4px}.menu-toggle{display:none;width:41px;height:41px;border-radius:14px;border:1px solid rgba(16,17,20,.08);background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(246,248,250,.75));position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}.menu-toggle span{position:absolute;left:11px;right:11px;height:1.5px;background:#111}.menu-toggle span:first-child{top:16px}.menu-toggle span:last-child{top:23px}.mobile-menu{display:none;pointer-events:auto}
.section-pad{padding:110px max(24px,calc((100vw - 1280px)/2))}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:none}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.15em;color:rgba(255,255,255,.62);text-transform:uppercase}.eyebrow.dark{color:#4d5765}.eyebrow.light{color:rgba(255,255,255,.66)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;padding:0 20px;border-radius:16px;font-size:12px;font-weight:760;transition:transform .28s var(--ease),box-shadow .28s var(--ease),background .28s}.button:hover{transform:translateY(-2px)}.button-light{background:white;color:#0e1116;box-shadow:0 10px 30px rgba(0,0,0,.17)}.button-whiteglass{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);color:white;backdrop-filter:blur(12px)}.link-button,.text-link{font-size:12px;font-weight:700}.text-link.light{color:white}.surface-dark{color:white}
.home-hero{width:calc(100% - 36px);max-width:1500px;min-height:720px;margin:18px auto 0;border-radius:36px;position:relative;overflow:hidden;background:radial-gradient(circle at 68% 28%,#243044 0,#10151f 29%,#080a0e 62%,#030405 100%);box-shadow:0 40px 120px rgba(7,10,16,.28);isolation:isolate}.home-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(650px circle at var(--mx) var(--my),rgba(82,157,255,.20),transparent 45%);pointer-events:none}.home-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,#000,transparent 78%);pointer-events:none}.hero-grid{min-height:665px;display:grid;grid-template-columns:.9fr 1.1fr;max-width:1280px;margin:auto;align-items:center;padding:80px 44px 40px;position:relative;z-index:2}.hero-copy{max-width:600px}.hero-copy h1{font-size:clamp(58px,6vw,94px);line-height:.94;letter-spacing:-.065em;margin:20px 0 25px;font-weight:760}.hero-copy h1 span{background:linear-gradient(100deg,#fff 0,#8dbfff 46%,#d6c4ff 92%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:540px;font-size:18px;line-height:1.55;color:rgba(255,255,255,.68);margin:0}.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#7bf2ae;box-shadow:0 0 0 5px rgba(123,242,174,.12);margin-right:8px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:32px}.hero-meta{display:flex;gap:13px;align-items:center;margin-top:34px;color:rgba(255,255,255,.54);font-size:10px;font-weight:650}.hero-meta i{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.28)}.hero-object{min-height:520px;position:relative;perspective:1200px}.hero-halo{position:absolute;width:490px;height:490px;border-radius:50%;right:5%;top:4%;background:radial-gradient(circle,rgba(89,158,255,.27),rgba(124,93,255,.12) 42%,transparent 72%);filter:blur(7px);animation:pulseHalo 7s ease-in-out infinite}.phone-card{position:absolute;width:205px;height:395px;border-radius:38px;background:linear-gradient(145deg,#9bb5d1,#26313e 45%,#12161b);border:1px solid rgba(255,255,255,.36);box-shadow:0 35px 90px rgba(0,0,0,.52),inset 0 0 0 6px rgba(5,7,10,.82);transform-style:preserve-3d}.phone-card:after{content:"";position:absolute;left:16px;top:16px;width:75px;height:75px;border-radius:24px;background:radial-gradient(circle at 28% 28%,#19212b 0 10px,#798da6 11px 13px,#10151c 14px 24px,#93a7bf 25px 27px,#0f141a 28px);box-shadow:32px 0 0 -1px #121821,16px 32px 0 -1px #121821}.phone-card-a{right:29%;top:6%;transform:rotate(-8deg) rotateY(-11deg)}.phone-card-b{right:2%;top:18%;transform:rotate(8deg) rotateY(12deg);filter:hue-rotate(315deg) saturate(.72)}.hero-tracker{position:absolute;right:13%;top:52%;width:350px;aspect-ratio:1.586;background:linear-gradient(145deg,#1f2228,#0a0b0d 70%);border-radius:18px;border:1px solid rgba(255,255,255,.18);box-shadow:0 42px 90px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.16);transform:rotate(-9deg) translateZ(10px);z-index:6;overflow:hidden;will-change:transform}.card-logo{position:absolute;left:25px;top:22px;font-size:14px;font-weight:750;letter-spacing:.06em}.card-ring{position:absolute;right:22px;bottom:20px;width:28px;height:28px;border:5px solid white;border-radius:50%;border-top-color:transparent}.card-sheen{position:absolute;inset:-40%;background:linear-gradient(120deg,transparent 38%,rgba(255,255,255,.25) 50%,transparent 62%);transform:translateX(-65%);animation:sheen 7s ease-in-out infinite}.floating-chip{position:absolute;z-index:7;padding:10px 13px;border-radius:14px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.17);backdrop-filter:blur(14px);font-size:10px;font-weight:700;box-shadow:0 14px 30px rgba(0,0,0,.22);animation:floaty 5s ease-in-out infinite}.chip-a{right:48%;top:24%}.chip-a b{color:#7df5a7}.chip-b{right:2%;top:60%;animation-delay:-2.1s}.hero-bottomline{height:55px;margin:0 34px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,.5);font-size:10px;position:relative;z-index:4}.hero-bottomline a{color:white;font-weight:700}
@keyframes pulseHalo{50%{transform:scale(1.08);opacity:.72}}@keyframes sheen{0%,30%{transform:translateX(-70%)}65%,100%{transform:translateX(70%)}}@keyframes floaty{50%{transform:translateY(-8px)}}
.trust-strip{max-width:1130px;margin:26px auto 0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.69);backdrop-filter:blur(22px);border-radius:24px;box-shadow:var(--shadow-sm);overflow:hidden}.trust-strip>div{padding:18px 22px;display:grid;grid-template-columns:34px 1fr;column-gap:11px;align-items:center}.trust-strip>div+div{border-left:1px solid var(--line)}.trust-strip span:first-child{grid-row:span 2}.trust-strip b{font-size:12px}.trust-strip small{font-size:9px;color:#858b93}.find-dot{width:23px;height:23px;border-radius:50%;background:radial-gradient(circle at 58% 42%,#fff 0 6%,#67d77f 8% 25%,#42acfd 27% 52%,#f1f5ff 54% 58%,#76df91 60%);display:inline-block;box-shadow:0 0 0 4px rgba(80,170,255,.08)}.find-dot.big{width:54px;height:54px}.trust-symbol{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:#f0f4fa;color:#245eab;font-weight:700}
.center-copy{max-width:790px;margin:0 auto 52px;text-align:center}.center-copy h2,.split-heading h2{font-size:clamp(42px,5vw,68px);letter-spacing:-.055em;line-height:1;margin:14px 0 16px}.center-copy p,.split-heading p{color:var(--muted);font-size:16px;line-height:1.6}.three-steps{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step-card{min-height:430px;border-radius:30px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.85);padding:24px;box-shadow:0 18px 50px rgba(17,24,39,.05);position:relative;overflow:hidden;isolation:isolate}.step-card:before,.bento:before,.home-cta-card:before,.compare-card:before,.usecase-stage:before,.detail-band:before,.gallery-main:before{content:"";position:absolute;inset:0;background:radial-gradient(380px circle at var(--mx) var(--my),rgba(74,140,255,.14),transparent 45%);opacity:.9;pointer-events:none;z-index:0}.step-card>*{position:relative;z-index:1}.step-no{font-size:10px;font-weight:800;letter-spacing:.1em;color:#8c929b}.mini-visual{height:220px;margin:20px 0 14px;border-radius:24px;background:linear-gradient(145deg,#eef4ff,#f9fbff);position:relative;overflow:hidden}.wallet-mini:before{content:"";position:absolute;width:210px;height:135px;border-radius:22px;background:linear-gradient(135deg,#694831,#3d2c22);left:50%;top:54%;transform:translate(-50%,-50%) rotate(-5deg);box-shadow:0 25px 40px rgba(76,51,32,.24)}.mini-card{position:absolute;width:170px;height:105px;border-radius:12px;background:#121417;left:48%;top:50%;transform:translate(-50%,-50%) rotate(9deg);box-shadow:0 22px 45px rgba(0,0,0,.25)}.find-mini{display:grid;place-items:center;background:radial-gradient(circle,#d9efff,#eff6ff 48%,#f9fbff)}.map-ring{position:absolute;border:1px solid #72b9fa;border-radius:50%;animation:ring 3s ease-out infinite}.r1{width:105px;height:105px}.r2{width:160px;height:160px;animation-delay:-1.2s}.sound-mini{background:linear-gradient(145deg,#0e1218,#1d2632)}.sound-card{position:absolute;width:180px;height:110px;border-radius:13px;background:linear-gradient(145deg,#282c33,#0d0f12);left:50%;top:50%;transform:translate(-50%,-50%) rotate(-7deg);box-shadow:0 25px 55px rgba(0,0,0,.45)}.sound-mini i{position:absolute;border:1px solid rgba(126,194,255,.6);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.sound-mini i:nth-of-type(1){width:140px;height:140px}.sound-mini i:nth-of-type(2){width:190px;height:190px}.sound-mini i:nth-of-type(3){width:240px;height:240px}.step-card h3{font-size:25px;letter-spacing:-.04em;margin:12px 0 8px}.step-card p{font-size:13px;line-height:1.55;color:#717780;margin:0}@keyframes ring{0%{transform:scale(.6);opacity:.9}100%{transform:scale(1.25);opacity:0}}
.showcase-section{padding-top:20px}.showcase-card{max-width:1280px;min-height:650px;margin:auto;border-radius:38px;background:linear-gradient(125deg,#0d1625 0,#0e1b31 48%,#16417c 100%);color:white;display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden;position:relative;isolation:isolate;box-shadow:0 35px 100px rgba(15,31,56,.19)}.showcase-card:before{content:"";position:absolute;inset:0;background:radial-gradient(600px circle at var(--mx) var(--my),rgba(100,183,255,.25),transparent 45%)}.showcase-copy{padding:74px 58px;align-self:center;position:relative;z-index:2}.showcase-copy h2{font-size:clamp(46px,5vw,68px);line-height:.98;letter-spacing:-.055em;margin:16px 0 20px}.showcase-copy p{max-width:490px;color:rgba(255,255,255,.68);font-size:15px;line-height:1.6;margin-bottom:28px}.showcase-visual{position:relative;min-height:650px;overflow:hidden}.showcase-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.02)}.showcase-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#10203a 0,transparent 35%)}.measurement{position:absolute;z-index:3;padding:10px 12px;border-radius:13px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(13px);display:flex;gap:5px;align-items:baseline}.measurement b{font-size:17px}.measurement span{font-size:9px;color:rgba(255,255,255,.72)}.m1{right:10%;top:15%}.m2{right:25%;bottom:17%}.m3{left:13%;bottom:10%}
.feature-bento{padding-top:10px}.bento-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:470px 470px;gap:18px}.bento{border-radius:32px;background:white;overflow:hidden;position:relative;isolation:isolate;border:1px solid rgba(255,255,255,.8);box-shadow:0 18px 50px rgba(17,24,39,.05)}.bento img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.bento:hover img{transform:scale(1.025)}.bento-copy{position:absolute;z-index:4;left:30px;top:28px;max-width:370px}.bento-copy h3{font-size:33px;letter-spacing:-.045em;margin:12px 0 8px}.bento-copy p{font-size:13px;color:#676d76;line-height:1.5;margin:0}.icon-bubble{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:rgba(255,255,255,.82);box-shadow:0 10px 25px rgba(17,24,39,.09);font-weight:800;color:#225da9}.bento-find img{object-position:center 42%;padding-top:100px;background:#e9f4ff}.bento-charge{background:#13171d;color:white}.bento-charge .bento-copy p,.bento-thin .bento-copy p,.bento-sound .bento-copy p{color:rgba(255,255,255,.65)}.bento-charge img{padding-top:80px}.bento-thin{background:#07090b;color:white}.bento-thin img{padding-top:70px}.bento-sound{background:#12171d;color:white}.bento-sound img{padding-top:65px}
.split-heading{max-width:1280px;margin:0 auto 46px;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end}.split-heading p{max-width:510px;margin:0 0 4px}.moment-row{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.moment{height:465px;border-radius:28px;overflow:hidden;position:relative;background:#111}.moment img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease),filter .65s var(--ease)}.moment:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 55%)}.moment>div{position:absolute;z-index:2;left:22px;right:22px;bottom:22px;color:white}.moment h3{font-size:25px;letter-spacing:-.04em;margin:0 0 5px}.moment span{font-size:11px;color:rgba(255,255,255,.72)}.moment:hover img{transform:scale(1.045);filter:saturate(1.08)}
.story-section{max-width:1500px;width:calc(100% - 36px);height:680px;margin:10px auto 0;border-radius:36px;overflow:hidden;position:relative;background:#111}.story-section>img{width:100%;height:100%;object-fit:cover}.story-fade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,12,.95) 0,rgba(7,9,12,.78) 33%,rgba(7,9,12,.2) 67%,rgba(7,9,12,.05))}.story-copy{position:absolute;z-index:2;left:max(44px,calc((100% - 1220px)/2));top:50%;transform:translateY(-50%);max-width:560px;color:white}.story-copy h2{font-size:clamp(46px,5vw,70px);line-height:.98;letter-spacing:-.055em;margin:16px 0 22px}.story-copy p{color:rgba(255,255,255,.68);font-size:16px;line-height:1.6;margin:0 0 25px}.home-cta{padding-top:70px}.home-cta-card{max-width:1280px;margin:auto;min-height:480px;border-radius:36px;background:linear-gradient(120deg,#102a58,#2f73c5 55%,#a8ddff);color:white;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:62px;isolation:isolate}.home-cta-card>div:first-child{max-width:540px;position:relative;z-index:2}.home-cta-card h2{font-size:clamp(44px,5vw,67px);line-height:.98;letter-spacing:-.055em;margin:15px 0 18px}.home-cta-card p{color:rgba(255,255,255,.72);font-size:15px;line-height:1.6;margin:0 0 26px}.cta-product{position:relative;height:350px}.cta-ring{position:absolute;width:390px;height:390px;border-radius:50%;border:1px solid rgba(255,255,255,.18);left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 70px rgba(255,255,255,.08)}.cta-card-shape{position:absolute;width:330px;aspect-ratio:1.586;border-radius:20px;background:linear-gradient(145deg,#1c2026,#07090b);left:50%;top:50%;transform:translate(-50%,-50%) rotate(-10deg);box-shadow:0 40px 70px rgba(1,12,27,.35);border:1px solid rgba(255,255,255,.16)}.cta-card-shape span{position:absolute;top:22px;left:24px;font-size:13px;font-weight:800;letter-spacing:.07em}.cta-card-shape i{position:absolute;right:22px;bottom:20px;width:27px;height:27px;border:5px solid #fff;border-radius:50%;border-top-color:transparent}
.footer{background:#0c0e11;color:white;margin-top:80px;padding:70px max(24px,calc((100vw - 1280px)/2)) 28px}.footer-top{display:grid;grid-template-columns:1.8fr .7fr .7fr 1.2fr;gap:45px}.dark-brand{color:white}.footer-brand p,.footer-top p{font-size:11px;color:#878d96;line-height:1.5}.footer-top>div:not(.footer-brand){display:flex;flex-direction:column;gap:11px}.footer-top>div>b,.newsletter>b{font-size:11px;margin-bottom:6px}.footer-top a{font-size:11px;color:#aab0b8}.newsletter label{display:flex;background:#171a20;border:1px solid rgba(255,255,255,.08);padding:5px;border-radius:13px}.newsletter input{flex:1;border:0;background:transparent;color:white;outline:0;padding:8px 9px;font-size:11px}.newsletter button{width:38px;border:0;border-radius:9px;background:white}.footer-bottom{margin-top:55px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;color:#737983;font-size:9px}.footer-bottom div{display:flex;gap:16px}
/* Product page */
.product-hero{padding-top:72px}.product-layout{max-width:1280px;margin:auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:48px;align-items:start}.product-gallery{min-width:0}.gallery-main{height:650px;border-radius:34px;background:linear-gradient(145deg,#fdfdfd,#eef1f5);border:1px solid rgba(255,255,255,.9);box-shadow:0 24px 70px rgba(17,24,39,.09);position:relative;overflow:hidden;isolation:isolate}.gallery-label{position:absolute;z-index:8;left:20px;top:20px;padding:10px 13px;border-radius:13px;background:rgba(255,255,255,.72);backdrop-filter:blur(14px);font-size:10px;font-weight:750;display:flex;align-items:center;gap:9px;box-shadow:var(--shadow-sm)}.gallery-scene{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s var(--ease),transform .55s var(--ease)}.gallery-scene.active{opacity:1;visibility:visible}.gallery-image{width:100%;height:100%;object-fit:cover}.product-card-3d{position:absolute;width:min(62%,430px);aspect-ratio:1.586;left:50%;top:51%;transform:translate(-50%,-50%) rotate(-8deg);border-radius:23px;background:linear-gradient(145deg,#23262c,#08090b);box-shadow:0 55px 80px rgba(13,20,30,.23);border:1px solid rgba(255,255,255,.5);will-change:transform;overflow:hidden}.product-card-3d:before{content:"";position:absolute;inset:-40%;background:linear-gradient(120deg,transparent 38%,rgba(255,255,255,.28) 50%,transparent 62%);transform:translateX(-65%);animation:sheen 7s ease-in-out infinite}.product-card-3d span{position:absolute;left:28px;top:24px;color:white;font-size:15px;font-weight:780;letter-spacing:.07em}.product-card-3d i{position:absolute;right:25px;bottom:23px;width:30px;height:30px;border:5px solid white;border-top-color:transparent;border-radius:50%}.product-card-3d b{position:absolute;left:50%;top:-30%;width:180px;height:180%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);filter:blur(2px)}.gallery-arrow{position:absolute;z-index:8;top:50%;width:42px;height:42px;border-radius:50%;border:1px solid rgba(16,17,20,.08);background:rgba(255,255,255,.78);backdrop-filter:blur(12px);font-size:25px;color:#333;box-shadow:0 8px 24px rgba(0,0,0,.08)}.gallery-arrow.prev{left:18px}.gallery-arrow.next{right:18px}.gallery-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.thumb{height:96px;border:1px solid transparent;border-radius:18px;background:#eceff3;overflow:hidden;padding:0;position:relative;transition:.25s}.thumb.active{border-color:#111;background:white;box-shadow:0 6px 18px rgba(0,0,0,.06)}.thumb img{width:100%;height:100%;object-fit:cover}.thumb-card{position:absolute;width:65%;aspect-ratio:1.586;border-radius:7px;background:#15171b;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-7deg);box-shadow:0 10px 20px rgba(0,0,0,.16)}.gallery-trust{display:flex;justify-content:center;gap:24px;margin-top:17px;color:#69707a;font-size:10px;font-weight:700}.buy-panel{position:sticky;top:110px;border-radius:31px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(24px);padding:30px;box-shadow:0 24px 70px rgba(17,24,39,.09)}.rating-line{display:flex;align-items:center;gap:10px;font-size:10px}.stars{letter-spacing:.08em;color:#ffab19}.rating-line a{color:#616872;text-decoration:underline;text-underline-offset:3px}.product-title-row{display:flex;justify-content:space-between;gap:18px;align-items:start;margin:16px 0 10px}.product-title-row small{font-size:9px;font-weight:800;letter-spacing:.14em;color:#7b828c}.product-title-row h1{font-size:35px;letter-spacing:-.045em;line-height:1.06;margin:6px 0 0}.stock-pill{font-size:9px;padding:8px 10px;border-radius:999px;background:#edf9f0;color:#2f7841;font-weight:750;white-space:nowrap}.stock-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#45b762;margin-right:5px}.buy-lead{font-size:13px;line-height:1.5;color:#6d737c;margin:0}.price-row{display:flex;align-items:center;gap:10px;margin:18px 0 26px}.current-price{font-size:28px;letter-spacing:-.04em}.old-price{color:#a0a5ab;font-size:13px}.save-pill{font-size:9px;font-weight:750;color:#795117;background:#fff0cf;padding:7px 9px;border-radius:9px}.selector-block{margin:21px 0}.selector-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.selector-head b{font-size:11px}.selector-head span{font-size:9px;color:#777}.bundle-options{display:grid;gap:8px}.bundle-option{min-height:76px;border:1px solid #e0e3e8;border-radius:16px;background:rgba(255,255,255,.68);display:grid;grid-template-columns:52px 1fr auto;align-items:center;text-align:left;padding:10px 13px;gap:10px;transition:.2s}.bundle-option:hover{border-color:#9ba3ad}.bundle-option.active{border-color:#111;background:white;box-shadow:0 8px 24px rgba(17,24,39,.05)}.bundle-option>div>b{display:block;font-size:11px}.bundle-option>div>small{font-size:9px;color:#8b9098}.bundle-option>strong,.bundle-price strong{font-size:12px}.bundle-price{text-align:right}.bundle-price em{display:block;font-style:normal;font-size:7px;color:#7c5e17;background:#fff1bf;border-radius:6px;padding:4px 6px;margin-bottom:3px;font-weight:800}.bundle-price small{font-size:8px;color:#999}.bundle-icon{width:42px;height:42px;position:relative}.bundle-icon i{position:absolute;width:34px;height:21px;border-radius:5px;background:#111}.bundle-icon.one i{left:4px;top:10px}.bundle-icon.two i:first-child{left:1px;top:6px}.bundle-icon.two i:last-child{left:7px;top:15px;background:#46566b}.bundle-icon.three i:nth-child(1){left:0;top:3px}.bundle-icon.three i:nth-child(2){left:5px;top:11px;background:#364d69}.bundle-icon.three i:nth-child(3){left:10px;top:19px;background:#6e3140}.color-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.color-option{border:1px solid #e1e4e8;border-radius:14px;background:white;padding:9px 6px;display:grid;place-items:center;gap:6px}.color-option.active{border-color:#111;box-shadow:inset 0 0 0 1px #111}.color-option span{width:29px;height:29px;border-radius:9px;background:var(--swatch);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 4px 10px rgba(0,0,0,.09)}.color-option b{font-size:8px}.add-main{width:100%;height:56px;border:0;border-radius:17px;background:#111318;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-weight:750;box-shadow:0 14px 30px rgba(17,19,24,.18);transition:.25s}.add-main:hover{transform:translateY(-2px);background:#1d2026}.buy-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.buy-benefits>div{border:1px solid #edf0f2;border-radius:13px;padding:10px 8px;display:grid;grid-template-columns:22px 1fr;column-gap:4px;align-items:center}.buy-benefits span{grid-row:span 2;font-size:14px}.buy-benefits b{font-size:8px}.buy-benefits small{font-size:7px;color:#9499a1}.payment-row{display:flex;align-items:center;gap:8px;margin-top:14px;flex-wrap:wrap}.payment-row span{font-size:8px;color:#8d9299;margin-right:auto}.payment-row b{font-size:8px;border:1px solid #e7e9ec;border-radius:6px;padding:5px 7px;background:white}
.usecase-tabs{max-width:1280px;margin:0 auto 16px;display:flex;gap:8px}.use-tab{border:1px solid #e2e5e9;background:white;border-radius:999px;padding:10px 15px;font-size:10px;font-weight:700}.use-tab.active{background:#111;color:white;border-color:#111}.usecase-stage{max-width:1280px;min-height:560px;margin:auto;border-radius:34px;background:white;box-shadow:var(--shadow-sm);overflow:hidden;position:relative;isolation:isolate}.use-slide{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;opacity:0;visibility:hidden;transition:.38s var(--ease)}.use-slide.active{opacity:1;visibility:visible}.use-slide img{width:100%;height:100%;object-fit:cover}.use-slide>div{padding:70px;align-self:center;position:relative;z-index:2}.tag{font-size:9px;font-weight:800;letter-spacing:.14em;color:#637083}.use-slide h3{font-size:45px;letter-spacing:-.05em;line-height:1;margin:13px 0 15px}.use-slide p{font-size:14px;color:#70767f;line-height:1.55}.use-slide ul{padding:0;list-style:none;margin:24px 0 0;display:grid;gap:10px}.use-slide li{font-size:11px;font-weight:650}.use-slide li:before{content:"✓";margin-right:8px;color:#3471c9}
.detail-band{max-width:1500px;width:calc(100% - 36px);margin:0 auto;border-radius:36px;min-height:620px;background:radial-gradient(circle at 78% 35%,#243a5c,#111924 42%,#07090c 75%);color:white;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;overflow:hidden;position:relative;isolation:isolate;padding:70px max(42px,calc((100% - 1210px)/2))}.detail-copy{position:relative;z-index:2}.detail-copy h2{font-size:clamp(48px,5vw,70px);line-height:.98;letter-spacing:-.055em;margin:16px 0 20px}.detail-copy>p{max-width:520px;color:rgba(255,255,255,.64);font-size:15px;line-height:1.6}.spec-pills{display:flex;gap:8px;margin-top:24px;flex-wrap:wrap}.spec-pills span{padding:11px 13px;border-radius:13px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:9px;color:rgba(255,255,255,.62)}.spec-pills b{font-size:13px;color:white;margin-right:3px}.exploded{height:460px;position:relative;perspective:1200px}.layer{position:absolute;width:72%;aspect-ratio:1.586;left:16%;border-radius:22px;transform:rotateX(63deg) rotateZ(-8deg);box-shadow:0 35px 65px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.16)}.layer-top{top:18px;background:linear-gradient(145deg,#262a31,#080a0d);z-index:3}.layer-top span{position:absolute;left:24px;top:20px;font-size:13px;font-weight:750}.layer-top i{position:absolute;right:20px;bottom:18px;width:25px;height:25px;border:4px solid white;border-radius:50%;border-top-color:transparent}.layer-core{top:135px;background:linear-gradient(145deg,#1b2027,#11151b);z-index:2}.layer-bottom{top:252px;background:#07080a}.coil{position:absolute;width:110px;height:110px;border-radius:50%;border:12px double #c7d1df;right:13%;top:22%;box-shadow:inset 0 0 0 5px #424c58}.battery{position:absolute;width:44%;height:48%;left:12%;top:24%;border-radius:12px;background:linear-gradient(145deg,#383f49,#252a31)}.chip{position:absolute;width:42px;height:42px;border-radius:8px;background:#dd8a48;left:56%;bottom:18%}.details-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:.95fr 1.05fr;gap:26px}.details-accordions details{background:white;border-radius:18px;margin-bottom:10px;border:1px solid #ebedf0;overflow:hidden}.details-accordions summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:20px;font-size:12px;font-weight:750;cursor:pointer}.details-accordions summary::-webkit-details-marker{display:none}.details-accordions summary span{font-size:18px;font-weight:400;transition:.25s}.details-accordions details[open] summary span{transform:rotate(45deg)}.detail-content{padding:0 20px 20px;color:#737982;font-size:12px;line-height:1.6}.detail-content dl{margin:0}.detail-content dl div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #f0f1f3}.detail-content dt{font-weight:650;color:#333}.detail-content dd{margin:0}.details-image{min-height:480px;border-radius:28px;overflow:hidden;position:relative;background:#eee}.details-image img{width:100%;height:100%;object-fit:cover}.detail-badge{position:absolute;left:20px;bottom:20px;padding:12px 15px;border-radius:14px;background:rgba(255,255,255,.72);backdrop-filter:blur(13px);font-size:9px;color:#737982}.detail-badge b{color:#111;font-size:11px}
.compare-card{max-width:1100px;margin:0 auto;border-radius:30px;overflow:hidden;background:white;box-shadow:var(--shadow-sm);position:relative;isolation:isolate}.compare-head,.compare-row{display:grid;grid-template-columns:1.4fr .8fr .8fr;align-items:center}.compare-head{min-height:160px;border-bottom:1px solid #eceef1}.compare-product{display:grid;place-items:center;gap:8px;font-size:10px}.compare-card-shape{width:100px;aspect-ratio:1.586;border-radius:8px;background:#121417;color:white;display:grid;place-items:center;font-size:8px;box-shadow:0 15px 25px rgba(0,0,0,.15);transform:rotate(-6deg)}.round-tag{width:70px;height:70px;border-radius:50%;background:linear-gradient(145deg,#f8f8f8,#d7d7d7);box-shadow:0 12px 22px rgba(0,0,0,.13),inset 0 0 0 2px white}.compare-row{min-height:64px;border-bottom:1px solid #f0f1f3}.compare-row:last-child{border:0}.compare-row b{padding-left:24px;font-size:11px}.compare-row span{text-align:center;font-size:10px}.compare-row .yes{color:#28a256;font-size:18px}.compare-row .no{color:#e25353;font-size:20px}.review-score{align-self:end}.review-score b,.review-score small{display:block}.review-score b{font-size:17px;margin-top:6px}.review-score small{font-size:9px;color:#90959c;margin-top:4px}.review-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.review-card{background:white;border-radius:26px;padding:24px;box-shadow:0 16px 40px rgba(17,24,39,.05)}.review-card h3{font-size:22px;letter-spacing:-.04em;margin:17px 0 10px}.review-card>p{font-size:13px;line-height:1.55;color:#717780;min-height:60px}.review-card>div:last-child{display:flex;align-items:center;gap:10px;margin-top:20px}.review-card img{width:46px;height:46px;border-radius:50%;object-fit:cover}.review-card b,.review-card small{display:block}.review-card b{font-size:10px}.review-card small{font-size:8px;color:#999}.faq-section{max-width:1120px;margin:auto;display:grid;grid-template-columns:.75fr 1.25fr;gap:60px}.faq-title h2{font-size:52px;letter-spacing:-.05em;line-height:1;margin:13px 0 14px}.faq-title p{font-size:13px;line-height:1.55;color:#737982}.faq-list details{border-top:1px solid #dfe2e6}.faq-list details:last-child{border-bottom:1px solid #dfe2e6}.faq-list summary{list-style:none;padding:20px 0;display:flex;justify-content:space-between;font-size:12px;font-weight:750;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:17px;transition:.25s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{color:#747a83;font-size:12px;line-height:1.6;margin:0 0 20px;max-width:700px}.sticky-product-cta{position:fixed;left:50%;bottom:16px;transform:translate(-50%,120px);opacity:0;width:min(720px,calc(100% - 28px));height:68px;background:rgba(255,255,255,.82);backdrop-filter:blur(24px) saturate(170%);border:1px solid rgba(255,255,255,.9);border-radius:21px;box-shadow:0 18px 50px rgba(17,24,39,.18);z-index:50;display:flex;align-items:center;justify-content:space-between;padding:8px 9px 8px 14px;transition:.35s var(--ease);pointer-events:none}.sticky-product-cta.show{transform:translate(-50%,0);opacity:1;pointer-events:auto}.sticky-product-cta>div{display:flex;align-items:center;gap:10px}.sticky-product-cta b,.sticky-product-cta small{display:block}.sticky-product-cta b{font-size:10px}.sticky-product-cta small{font-size:8px;color:#888}.sticky-mini-card{width:42px;aspect-ratio:1.586;background:#111;border-radius:5px;transform:rotate(-6deg)}.sticky-price{font-size:13px}.sticky-add{height:48px;border:0;border-radius:14px;background:#111;color:white;padding:0 18px;font-size:10px;font-weight:750}
/* Cart */
.cart-drawer{position:fixed;inset:0;z-index:100;pointer-events:none}.cart-drawer[aria-hidden="false"]{pointer-events:auto}.cart-scrim{position:absolute;inset:0;background:rgba(8,10,14,.34);backdrop-filter:blur(3px);opacity:0;transition:.3s}.cart-panel{position:absolute;right:12px;top:12px;bottom:12px;width:min(430px,calc(100% - 24px));border-radius:27px;background:rgba(255,255,255,.94);backdrop-filter:blur(24px);box-shadow:0 30px 90px rgba(0,0,0,.25);transform:translateX(calc(100% + 24px));transition:.4s var(--ease);display:flex;flex-direction:column;overflow:hidden}.cart-drawer[aria-hidden="false"] .cart-scrim{opacity:1}.cart-drawer[aria-hidden="false"] .cart-panel{transform:none}.cart-head{padding:23px 22px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0f2}.cart-head small{font-size:8px;color:#9a9fa6;font-weight:800;letter-spacing:.13em}.cart-head h3{font-size:24px;letter-spacing:-.04em;margin:3px 0 0}.cart-close{width:38px;height:38px;border-radius:12px;border:1px solid #e6e8eb;background:white;font-size:20px}.cart-shipping{padding:13px 22px}.shipping-copy{font-size:9px;color:#777;margin-bottom:7px}.shipping{height:5px;border-radius:99px;background:#eceff2;overflow:hidden}.shipping span{display:block;height:100%;width:0;background:linear-gradient(90deg,#2f73ff,#79cfff);transition:.35s}.cart-items{padding:8px 22px;overflow:auto;flex:1}.empty{padding:60px 0;text-align:center;color:#8d9298;font-size:12px;line-height:1.7}.empty a{color:#111;font-weight:700}.cart-item{display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #edf0f2}.cart-thumb{width:70px;height:52px;border-radius:11px;background:linear-gradient(145deg,#20242a,#08090b);box-shadow:0 8px 18px rgba(0,0,0,.14)}.cart-item h4{font-size:11px;margin:0 0 4px}.cart-item small{font-size:8px;color:#92979e}.cart-item>strong{font-size:11px}.qty{display:flex;align-items:center;gap:8px;margin-top:8px}.qty button{width:24px;height:24px;border-radius:7px;border:1px solid #e2e4e8;background:white}.qty span{font-size:9px}.cart-foot{padding:18px 22px 22px;border-top:1px solid #edf0f2}.cart-foot>div{display:flex;justify-content:space-between;font-size:12px;margin-bottom:12px}.checkout{width:100%;height:52px;border:0;border-radius:14px;background:#111;color:white;font-weight:750}.cart-foot>small{display:block;text-align:center;color:#999;font-size:8px;margin-top:8px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,18px);opacity:0;background:#111;color:white;border-radius:13px;padding:12px 17px;z-index:140;font-size:10px;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
.hover-lift{transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.hover-lift:hover{transform:translateY(-6px);box-shadow:0 26px 60px rgba(17,24,39,.1)}
@media (hover:hover) and (pointer:fine){[data-spotlight]{--mx:50%;--my:50%}.moment:hover>div span{text-decoration:underline;text-underline-offset:3px}}
@media(max-width:1100px){.desktop-nav{display:none}.menu-toggle{display:block}.glass-nav{width:calc(100% - 36px);grid-template-columns:1fr auto}.site-header.open .mobile-menu{display:flex}.mobile-menu{position:absolute;top:92px;left:18px;right:18px;background:rgba(255,255,255,.93);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow);border-radius:20px;padding:8px;flex-direction:column;pointer-events:auto}.mobile-menu a{padding:14px;border-radius:12px;font-size:12px;font-weight:700}.mobile-menu a:hover{background:#f3f5f7}.hero-grid{grid-template-columns:1fr;min-height:auto;padding-top:85px}.hero-copy{max-width:720px}.hero-object{min-height:500px}.trust-strip{margin-left:22px;margin-right:22px}.showcase-card,.detail-band{grid-template-columns:1fr}.showcase-visual{min-height:520px}.bento-grid{grid-template-columns:1fr 1fr;grid-template-rows:430px 430px}.moment-row{grid-template-columns:1fr 1fr}.footer-top{grid-template-columns:1.5fr .8fr .8fr}.newsletter{grid-column:1/-1}.product-layout{grid-template-columns:1fr;max-width:920px}.buy-panel{position:relative;top:auto}.gallery-main{height:620px}.use-slide>div{padding:50px}.details-grid{grid-template-columns:1fr}.faq-section{grid-template-columns:1fr;gap:30px}.detail-band{padding-top:60px;padding-bottom:40px}.exploded{height:450px}.review-grid{grid-template-columns:1fr 1fr}.review-card:last-child{grid-column:1/-1}}
@media(max-width:720px){.announcement{font-size:9px;height:40px;padding:0 10px}.announcement .announce-sep,.announcement span:nth-of-type(3){display:none}.announcement a{padding:7px 11px}.site-header{padding:10px 0 0}.glass-nav{height:58px;width:calc(100% - 20px);border-radius:18px;padding:0 11px}.brand{font-size:17px}.brand-mark{transform:scale(.88)}.market-label{display:none}.nav-cta{padding:9px 13px}.bag,.menu-toggle{width:38px;height:38px}.site-header.open .mobile-menu{top:72px;left:10px;right:10px}.section-pad{padding:72px 14px}.home-hero{width:calc(100% - 20px);border-radius:27px;margin-top:10px;min-height:auto}.hero-grid{padding:55px 20px 20px}.hero-copy h1{font-size:51px}.hero-copy>p{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:17px}.hero-meta{flex-wrap:wrap}.hero-object{min-height:370px;margin-top:20px}.hero-halo{width:360px;height:360px;right:-15%;top:0}.phone-card{width:140px;height:270px;border-radius:28px}.phone-card-a{right:33%;top:12%}.phone-card-b{right:0;top:23%}.hero-tracker{width:235px;right:5%;top:56%;border-radius:14px}.floating-chip{font-size:8px}.chip-a{right:47%;top:20%}.chip-b{right:0;top:68%}.hero-bottomline{margin:0 18px;height:50px}.trust-strip{margin:14px 10px 0;grid-template-columns:1fr 1fr;border-radius:20px}.trust-strip>div{padding:14px 12px}.trust-strip>div+div{border-left:0}.trust-strip>div:nth-child(even){border-left:1px solid var(--line)}.trust-strip>div:nth-child(n+3){border-top:1px solid var(--line)}.center-copy{margin-bottom:34px}.center-copy h2,.split-heading h2{font-size:41px}.center-copy p,.split-heading p{font-size:14px}.three-steps{grid-template-columns:1fr}.step-card{min-height:390px;border-radius:24px;padding:18px}.mini-visual{height:205px}.showcase-section{padding-top:5px}.showcase-card{border-radius:27px;min-height:auto}.showcase-copy{padding:45px 24px}.showcase-copy h2{font-size:42px}.showcase-visual{min-height:400px}.measurement{transform:scale(.9)}.bento-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,390px);gap:10px}.bento{border-radius:24px}.bento-copy{left:20px;top:20px}.bento-copy h3{font-size:28px}.split-heading{grid-template-columns:1fr;gap:10px;margin-bottom:28px}.moment-row{grid-template-columns:1fr 1fr;gap:9px}.moment{height:300px;border-radius:21px}.moment>div{left:14px;right:14px;bottom:14px}.moment h3{font-size:19px}.story-section{width:calc(100% - 20px);height:600px;border-radius:27px}.story-fade{background:linear-gradient(0deg,rgba(7,9,12,.96) 0,rgba(7,9,12,.78) 43%,rgba(7,9,12,.14) 78%)}.story-copy{left:22px;right:22px;top:auto;bottom:44px;transform:none}.story-copy h2{font-size:42px}.home-cta{padding-top:45px}.home-cta-card{grid-template-columns:1fr;min-height:610px;padding:40px 24px;border-radius:27px}.home-cta-card h2{font-size:42px}.cta-product{height:280px}.cta-ring{width:300px;height:300px}.cta-card-shape{width:260px}.footer{padding:54px 20px 90px}.footer-top{grid-template-columns:1fr 1fr}.footer-brand,.newsletter{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:13px}.product-hero{padding-top:48px}.gallery-main{height:470px;border-radius:25px}.gallery-label{left:12px;top:12px}.product-card-3d{width:73%;border-radius:16px}.gallery-arrow{width:36px;height:36px}.gallery-thumbs{gap:6px}.thumb{height:72px;border-radius:13px}.gallery-trust{gap:10px;flex-wrap:wrap;font-size:8px}.buy-panel{padding:22px 16px;border-radius:25px}.product-title-row h1{font-size:29px}.bundle-option{grid-template-columns:45px 1fr auto}.color-options{grid-template-columns:repeat(4,1fr);gap:5px}.color-option b{font-size:7px}.buy-benefits{grid-template-columns:1fr}.payment-row span{width:100%;margin:0}.usecase-tabs{overflow:auto;padding-bottom:4px}.use-tab{white-space:nowrap}.usecase-stage{min-height:650px;border-radius:25px}.use-slide{grid-template-columns:1fr;grid-template-rows:330px 1fr}.use-slide>div{padding:28px 22px}.use-slide h3{font-size:36px}.detail-band{width:calc(100% - 20px);border-radius:27px;padding:48px 22px 20px}.detail-copy h2{font-size:42px}.exploded{height:350px;margin-top:10px}.layer{width:85%;left:7.5%;border-radius:15px}.layer-top{top:10px}.layer-core{top:105px}.layer-bottom{top:200px}.coil{width:80px;height:80px}.details-grid{padding-top:50px}.details-image{min-height:380px}.compare-head,.compare-row{grid-template-columns:1.25fr .8fr .8fr}.compare-head{min-height:135px}.compare-card-shape{width:75px}.round-tag{width:58px;height:58px}.compare-row b{padding-left:12px;font-size:9px}.compare-row span{font-size:9px}.review-grid{grid-template-columns:1fr}.review-card:last-child{grid-column:auto}.faq-title h2{font-size:42px}.sticky-product-cta{bottom:10px;height:64px;border-radius:18px}.sticky-product-cta .sticky-mini-card{display:none}.sticky-product-cta>div:first-child{max-width:135px}.sticky-add{height:46px;padding:0 14px}.sticky-price{display:none}.cart-panel{right:8px;top:8px;bottom:8px;width:calc(100% - 16px);border-radius:23px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}


/* =========================================================
   InkTecho UI polish v4 — unified buttons + image fitting
   ========================================================= */
:root{
  --ui-dark:#0b0d11;
  --ui-dark-2:#181c23;
  --ui-blue:#387dff;
  --ui-ring:rgba(56,125,255,.34);
  --ui-soft:rgba(255,255,255,.76);
  --ui-border:rgba(17,24,39,.10);
  --ui-ease:cubic-bezier(.2,.8,.2,1);
}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:none;box-shadow:0 0 0 4px var(--ui-ring)!important}

/* Shared physical feel for every interactive control */
.nav-cta,.button,.link-button,.text-link,.add-main,.sticky-add,.checkout,.use-tab,.bundle-option,.color-option,.gallery-arrow,.thumb,.cart-close,.qty button,.newsletter button,.desktop-nav a,.announcement a,.bag,.menu-toggle{
  transition:transform .22s var(--ui-ease),box-shadow .22s var(--ui-ease),background .22s var(--ui-ease),border-color .22s var(--ui-ease),color .22s var(--ui-ease),opacity .22s var(--ui-ease);
}
.nav-cta:active,.button:active,.link-button:active,.text-link:active,.add-main:active,.sticky-add:active,.checkout:active,.use-tab:active,.bundle-option:active,.color-option:active,.gallery-arrow:active,.thumb:active,.cart-close:active,.qty button:active,.newsletter button:active,.bag:active,.menu-toggle:active{transform:scale(.97)}

/* Main dark CTA family */
.nav-cta,.add-main,.sticky-add,.checkout{
  position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(180deg,#1b1e24 0%,#0a0c10 58%,#050608 100%)!important;
  color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 12px 28px rgba(7,9,13,.18)!important;
  letter-spacing:-.01em;
}
.nav-cta:before,.add-main:before,.sticky-add:before,.checkout:before{
  content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 15%,rgba(255,255,255,.16) 45%,transparent 62%);transform:translateX(-125%);transition:transform .55s var(--ui-ease);pointer-events:none;
}
.nav-cta:hover:before,.add-main:hover:before,.sticky-add:hover:before,.checkout:hover:before{transform:translateX(125%)}
.nav-cta:hover,.add-main:hover,.sticky-add:hover,.checkout:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 17px 34px rgba(7,9,13,.23)!important}
.nav-cta{min-height:43px;padding:0 20px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center}
.add-main{height:58px;border-radius:18px;padding:0 21px;font-size:12px}.add-main strong{font-size:13px}
.sticky-add{height:50px;border-radius:15px;padding:0 19px;font-weight:800}
.checkout{height:54px;border-radius:16px;font-size:11px}

/* Light / glass CTA family */
.button{min-height:52px;padding:0 22px;border-radius:16px;font-size:12px;font-weight:800;letter-spacing:-.01em;position:relative;overflow:hidden}
.button-light{background:linear-gradient(180deg,#fff,#f5f6f8)!important;color:#0d1015!important;border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px 0 #fff,0 12px 30px rgba(0,0,0,.18)!important}
.button-light:hover{transform:translateY(-2px) scale(1.01);box-shadow:inset 0 1px 0 #fff,0 18px 38px rgba(0,0,0,.22)!important}
.button-whiteglass{background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.10))!important;border:1px solid rgba(255,255,255,.24)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 10px 30px rgba(0,0,0,.12);backdrop-filter:blur(16px) saturate(150%)}
.button-whiteglass:hover{transform:translateY(-2px);background:linear-gradient(180deg,rgba(255,255,255,.27),rgba(255,255,255,.13))!important}

/* Text actions now feel intentional rather than plain links */
.link-button,.text-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:max-content;min-height:42px;padding:0 14px;border-radius:13px;font-size:11px;font-weight:800}
.link-button{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.07);color:white;backdrop-filter:blur(12px)}
.link-button:hover{transform:translateY(-1px);background:rgba(255,255,255,.13)}
.text-link{padding-left:0;padding-right:0;border-radius:0}.text-link:hover{opacity:.72;transform:translateX(3px)}

/* Nav tabs: no enclosing rectangle, only individual pills */
.desktop-nav{gap:4px}
.desktop-nav a{padding:10px 14px;border:1px solid transparent;border-radius:12px;color:#4d535c;background:transparent;box-shadow:none}
.desktop-nav a:hover{background:rgba(255,255,255,.50);border-color:rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.66)}
.desktop-nav a.active{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,247,249,.91));border-color:rgba(255,255,255,.9);box-shadow:0 8px 20px rgba(17,24,39,.07),inset 0 1px 0 white;color:#111}

/* Icon controls */
.bag,.menu-toggle,.cart-close,.gallery-arrow,.qty button,.newsletter button{
  border:1px solid rgba(17,24,39,.09);background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(244,246,249,.86));box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 7px 18px rgba(17,24,39,.07)
}
.bag:hover,.menu-toggle:hover,.cart-close:hover,.gallery-arrow:hover,.qty button:hover,.newsletter button:hover{transform:translateY(-1px);background:#fff;box-shadow:inset 0 1px 0 #fff,0 11px 23px rgba(17,24,39,.11)}
.cart-close{border-radius:50%;font-size:19px}.qty button{border-radius:50%;width:28px;height:28px;font-weight:800;color:#222}
.newsletter button{border-radius:10px;color:#111;font-weight:900}
.gallery-arrow{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;font-size:27px;line-height:1;backdrop-filter:blur(15px)}
.gallery-arrow:hover{transform:translateY(-50%) scale(1.06)}
.gallery-arrow{transform:translateY(-50%)}
.gallery-arrow:active{transform:translateY(-50%) scale(.96)}

/* Product bundle selectors */
.bundle-options{gap:10px}
.bundle-option{position:relative;min-height:82px;border:1px solid #e2e6eb;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(249,250,252,.80));padding:12px 14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.95)}
.bundle-option:hover{transform:translateY(-2px);border-color:#c7ced8;box-shadow:0 12px 25px rgba(17,24,39,.07),inset 0 1px 0 white}
.bundle-option.active{border-color:#15181d;background:linear-gradient(180deg,#fff,#f8f9fa);box-shadow:0 13px 30px rgba(17,24,39,.09),inset 0 0 0 1px #15181d}
.bundle-option.active:after{content:"✓";position:absolute;right:10px;top:10px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#111;color:white;font-size:10px;font-weight:900;box-shadow:0 5px 12px rgba(0,0,0,.14)}
.bundle-option.active .bundle-price{padding-right:18px}

/* Color choices */
.color-options{gap:9px}
.color-option{position:relative;min-height:66px;border:1px solid #e4e7eb;border-radius:16px;background:linear-gradient(180deg,#fff,#fafbfc);padding:9px 6px;box-shadow:inset 0 1px 0 white}
.color-option:hover{transform:translateY(-2px);border-color:#c8ced6;box-shadow:0 10px 22px rgba(17,24,39,.07)}
.color-option.active{border-color:#15181d;box-shadow:0 8px 20px rgba(17,24,39,.08),inset 0 0 0 1px #15181d}
.color-option span{width:31px;height:31px;border-radius:10px;transition:transform .22s var(--ui-ease),box-shadow .22s var(--ui-ease)}
.color-option:hover span{transform:scale(1.06)}
.color-option.active span{box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 0 0 3px white,0 0 0 4px rgba(17,24,39,.24),0 5px 12px rgba(0,0,0,.12)}

/* Product/use-case tabs */
.usecase-tabs{gap:7px;padding:5px;border-radius:18px;background:rgba(255,255,255,.56);border:1px solid rgba(255,255,255,.82);box-shadow:0 12px 30px rgba(17,24,39,.05),inset 0 1px 0 white;width:max-content;max-width:1280px}
.use-tab{min-height:42px;border:1px solid transparent;border-radius:13px;background:transparent;padding:0 16px;color:#59606a}
.use-tab:hover{background:rgba(255,255,255,.72);color:#111}.use-tab.active{background:#111!important;color:white!important;border-color:#111!important;box-shadow:0 8px 20px rgba(17,24,39,.16)}

/* Gallery thumbnails */
.gallery-thumbs{gap:9px}.thumb{height:auto;aspect-ratio:1.26;border:1px solid rgba(17,24,39,.08);border-radius:17px;background:#f2f4f7;padding:3px;box-shadow:inset 0 1px 0 white}
.thumb:hover{transform:translateY(-2px);border-color:#c9cfd8;box-shadow:0 10px 22px rgba(17,24,39,.07)}
.thumb.active{border-color:#111;background:#fff;box-shadow:0 10px 24px rgba(17,24,39,.09),inset 0 0 0 1px #111}
.thumb img{border-radius:13px}

/* FAQ / accordion interaction */
.faq-list summary,.details-accordions summary{border-radius:13px;transition:background .2s var(--ui-ease),padding .2s var(--ui-ease),color .2s var(--ui-ease)}
.faq-list summary:hover,.details-accordions summary:hover{background:rgba(255,255,255,.68);color:#111}
.faq-list summary span,.details-accordions summary span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#f0f2f5}

/* ================== Image fitting ================== */
img{height:auto;image-rendering:auto}
.showcase-visual,.bento,.moment,.story-section,.use-slide,.details-image,.gallery-main{isolation:isolate}
.showcase-visual img,.bento img,.moment img,.story-section>img,.use-slide img,.details-image img,.gallery-image,.thumb img{display:block;width:100%;height:100%;object-fit:cover}

/* Avoid stretching; assign composition per image/section */
.showcase-visual img{object-position:58% 52%;filter:saturate(.88) contrast(1.02)}
.bento img{position:absolute;inset:0;padding:0!important}
.bento-find img{object-position:54% 67%}.bento-charge img{object-position:56% 65%}.bento-thin img{object-position:50% 60%}.bento-sound img{object-position:50% 55%}
.bento:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.96) 0,rgba(255,255,255,.72) 25%,rgba(255,255,255,0) 53%)}
.bento-charge:after,.bento-thin:after,.bento-sound:after{background:linear-gradient(180deg,rgba(7,10,14,.90) 0,rgba(7,10,14,.62) 27%,rgba(7,10,14,0) 56%)}
.bento-copy{z-index:4}
.moment:nth-child(1) img{object-position:50% 48%}.moment:nth-child(2) img{object-position:50% 44%}.moment:nth-child(3) img{object-position:52% 50%}.moment:nth-child(4) img{object-position:53% 48%}
.story-section>img{object-position:64% 50%}

/* Main product gallery: product contexts have tailored crop positions */
.gallery-main{aspect-ratio:1.04;height:auto;min-height:540px}
.gallery-image{object-position:center center}.gallery-image[src*="wallet"]{object-position:55% 58%}.gallery-image[src*="charging"]{object-position:53% 55%}.gallery-image[src*="thin"]{object-position:50% 53%}
.thumb img{object-position:center center}.thumb img[src*="wallet"]{object-position:55% 58%}.thumb img[src*="charging"]{object-position:53% 55%}.thumb img[src*="thin"]{object-position:50% 53%}

/* Use case hero shots */
.usecase-stage{min-height:560px}.use-slide img{object-position:center 50%}.use-slide[data-usepanel="daily"] img{object-position:center 46%}.use-slide[data-usepanel="travel"] img{object-position:center 46%}.use-slide[data-usepanel="work"] img{object-position:center 51%}.use-slide[data-usepanel="outdoors"] img{object-position:center 49%}
.details-image{aspect-ratio:1.18;min-height:0}.details-image img{object-position:50% 52%}
.review-card img{object-position:center 38%}

@media(max-width:1100px){
  .gallery-main{aspect-ratio:1.2;min-height:0;height:auto}
  .usecase-tabs{width:auto;max-width:100%}
  .showcase-visual img{object-position:55% 55%}
}
@media(max-width:720px){
  .button{min-height:50px;border-radius:15px}.nav-cta{min-height:40px;padding:0 15px}
  .add-main{height:56px}.bundle-option{min-height:78px}.color-option{min-height:62px}
  .gallery-main{aspect-ratio:.92;min-height:0;height:auto}.gallery-image[src*="wallet"]{object-position:58% 55%}.gallery-image[src*="charging"]{object-position:55% 54%}.gallery-image[src*="thin"]{object-position:50% 54%}
  .gallery-arrow{width:39px;height:39px;font-size:23px}
  .thumb{aspect-ratio:1.1;border-radius:14px}.thumb img{border-radius:10px}
  .usecase-tabs{padding:4px;gap:4px;border-radius:15px}.use-tab{min-height:38px;padding:0 13px;border-radius:11px}
  .use-slide img{object-position:center 50%}
  .showcase-visual img{object-position:58% 52%}
  .moment:nth-child(1) img{object-position:50% 48%}.moment:nth-child(2) img{object-position:50% 46%}.moment:nth-child(3) img{object-position:50% 52%}.moment:nth-child(4) img{object-position:52% 50%}
  .story-section>img{object-position:70% 50%}
  .details-image{aspect-ratio:1.05}
}

/* =========================================================
   v5 — InkTecho premium black CTA system
   Deep graphite, refined typography, cinematic micro-motion
   ========================================================= */
:root{
  --cta-font:"Avenir Next","SF Pro Display","SF Pro Text","Segoe UI Variable Display","Helvetica Neue",Arial,sans-serif;
  --cta-ease:cubic-bezier(.16,1,.3,1);
}

/* Premium type treatment for all dark CTAs */
.nav-cta,.add-main,.sticky-add,.checkout{
  font-family:var(--cta-font)!important;
  font-weight:650!important;
  font-variation-settings:"wght" 650;
  letter-spacing:.025em!important;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
  isolation:isolate;
  transform:translateZ(0);
  will-change:transform,box-shadow;
  color:rgba(255,255,255,.97)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  background:
    radial-gradient(120% 170% at 50% -80%,rgba(255,255,255,.23) 0%,rgba(255,255,255,.055) 32%,transparent 55%),
    linear-gradient(180deg,#1b1d21 0%,#0d0e11 42%,#050506 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.19),
    inset 0 -1px 0 rgba(0,0,0,.92),
    inset 0 0 0 1px rgba(255,255,255,.018),
    0 9px 19px rgba(0,0,0,.16),
    0 2px 5px rgba(0,0,0,.18)!important;
  transition:
    transform .42s var(--cta-ease),
    box-shadow .42s var(--cta-ease),
    border-color .42s var(--cta-ease),
    letter-spacing .42s var(--cta-ease),
    filter .42s var(--cta-ease)!important;
}

/* Traveling specular reflection */
.nav-cta:before,.add-main:before,.sticky-add:before,.checkout:before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  top:-55%!important;
  left:-40%!important;
  width:38%!important;
  height:215%!important;
  inset:auto!important;
  border-radius:50%!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),rgba(255,255,255,.42),rgba(255,255,255,.14),transparent)!important;
  filter:blur(5px)!important;
  transform:rotate(18deg) translateX(-170%)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:transform .78s var(--cta-ease),opacity .2s ease!important;
}

/* Thin metallic rim/light catch */
.nav-cta:after,.add-main:after,.sticky-add:after,.checkout:after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:2;
  inset:1px;
  border-radius:inherit;
  background:
    linear-gradient(180deg,rgba(255,255,255,.075),transparent 34%,transparent 72%,rgba(255,255,255,.025));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075);
  opacity:.95;
}

.nav-cta:hover,.add-main:hover,.sticky-add:hover,.checkout:hover{
  transform:translateY(-3px) scale(1.012)!important;
  letter-spacing:.038em!important;
  border-color:rgba(255,255,255,.18)!important;
  filter:saturate(1.05) brightness(1.04);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -1px 0 rgba(0,0,0,.95),
    0 18px 38px rgba(0,0,0,.25),
    0 5px 12px rgba(0,0,0,.17),
    0 0 0 1px rgba(255,255,255,.025)!important;
}
.nav-cta:hover:before,.add-main:hover:before,.sticky-add:hover:before,.checkout:hover:before{
  opacity:1!important;
  transform:rotate(18deg) translateX(540%)!important;
}
.nav-cta:active,.add-main:active,.sticky-add:active,.checkout:active{
  transform:translateY(0) scale(.985)!important;
  letter-spacing:.021em!important;
  transition-duration:.11s!important;
  box-shadow:
    inset 0 2px 6px rgba(0,0,0,.62),
    inset 0 1px 0 rgba(255,255,255,.1),
    0 4px 10px rgba(0,0,0,.16)!important;
}

/* Button-specific proportions */
.nav-cta{
  min-height:44px!important;
  padding:0 21px!important;
  border-radius:14px!important;
  font-size:10.5px!important;
}
.add-main{
  min-height:60px!important;
  border-radius:19px!important;
  padding:0 23px!important;
  font-size:12px!important;
}
.add-main span,.add-main strong{
  position:relative;z-index:3;
  transition:transform .42s var(--cta-ease),opacity .42s var(--cta-ease),letter-spacing .42s var(--cta-ease);
}
.add-main span{font-weight:650;letter-spacing:.035em}
.add-main strong{
  font-family:var(--cta-font);
  font-size:12px!important;
  font-weight:600!important;
  letter-spacing:.01em;
  color:rgba(255,255,255,.74);
}
.add-main:hover span{transform:translateX(3px);letter-spacing:.05em}
.add-main:hover strong{transform:translateX(-2px);color:#fff}

.sticky-add{
  min-height:50px!important;
  border-radius:15px!important;
  padding:0 20px!important;
  font-size:10px!important;
  font-weight:650!important;
}
.checkout{
  min-height:55px!important;
  border-radius:17px!important;
  font-size:10.5px!important;
  font-weight:650!important;
}

/* More elegant premium copy inside buttons containing arrow spans */
.button,.link-button,.text-link,.nav-cta,.add-main,.sticky-add,.checkout{
  font-family:var(--cta-font);
}
.button > span,.announcement a > span{
  display:inline-block;
  transition:transform .42s var(--cta-ease),opacity .42s var(--cta-ease);
}
.button:hover > span,.announcement a:hover > span{transform:translateX(4px)}

/* Keep micro-motion silky on capable devices only */
@media (hover:hover) and (pointer:fine){
  .nav-cta,.add-main,.sticky-add,.checkout{backface-visibility:hidden}
}
@media(max-width:720px){
  .nav-cta{min-height:40px!important;padding:0 15px!important;font-size:9.5px!important}
  .add-main{min-height:56px!important;border-radius:17px!important}
  .sticky-add{min-height:46px!important}
}
@media(prefers-reduced-motion:reduce){
  .nav-cta:before,.add-main:before,.sticky-add:before,.checkout:before{display:none!important}
  .nav-cta,.add-main,.sticky-add,.checkout{transition:none!important}
}


/* =========================================================
   InkTecho typography + logo polish v6
   ========================================================= */
body,input,textarea,select{font-family:"Manrope",Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif}
h1,h2,h3,h4,h5,h6,.desktop-nav a,.mobile-menu a,.nav-cta,.button,.add-main,.sticky-add,.checkout,.link-button,.text-link,.bundle-option,.color-option,.use-tab,.announcement,.eyebrow,.stock-pill,.market-label,.product-title-row h1,.compare-product b,.faq-title h2,.footer-top>div>b,.newsletter>b{font-family:"Space Grotesk",Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif}
body{font-weight:500;letter-spacing:-.01em}
p,li,small,span,label,input,summary{letter-spacing:-.01em}
h1,h2,h3,h4{letter-spacing:-.045em}
.hero-copy h1,.center-copy h2,.split-heading h2,.showcase-copy h2,.story-copy h2,.home-cta-card h2,.detail-copy h2,.faq-title h2{font-weight:700}
.desktop-nav a,.mobile-menu a,.nav-cta,.button,.add-main,.sticky-add,.checkout,.link-button,.text-link,.bundle-option,.color-option,.use-tab,.announcement a{letter-spacing:-.02em}
.brand{display:inline-flex;align-items:center;gap:0;font-size:0;line-height:0}
.brand-logo-img{display:block;height:31px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(10,12,16,.06))}
.dark-brand{padding:10px 14px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,248,251,.92));box-shadow:0 14px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.96)}
.dark-brand .brand-logo-img{height:32px;filter:drop-shadow(0 4px 14px rgba(0,0,0,.10))}
.brand-mark{display:none}
.footer-brand .brand{margin-bottom:10px}
.nav-cta,.add-main,.sticky-add,.checkout{font-weight:700}
.button-light,.button-whiteglass{font-weight:700}
.product-title-row small,.eyebrow,.announcement{font-weight:700}
.hero-copy>p,.center-copy p,.showcase-copy p,.story-copy p,.detail-copy p,.faq-list p,.buy-caption p{font-weight:500}
@media(max-width:720px){.brand-logo-img{height:25px}.dark-brand .brand-logo-img{height:26px}}


/* =========================================================
   InkTecho header refinement v7 — live logo + liquid metal
   ========================================================= */
.brand{min-width:112px}
.brand-wordmark{
  display:block;width:112px;height:29px;
  background:linear-gradient(105deg,#f7fbff 4%,#d7ecff 24%,#76bbff 45%,#347cff 65%,#654fff 82%,#9b50ff 100%);
  background-size:210% 100%;background-position:12% 50%;
  -webkit-mask:url("inktecho-logo.png") center/contain no-repeat;
  mask:url("inktecho-logo.png") center/contain no-repeat;
  filter:drop-shadow(0 1px 1px rgba(10,20,38,.55)) drop-shadow(0 0 12px rgba(70,116,255,.16));
  animation:wordmarkFlow 9s ease-in-out infinite alternate;
  transform:translateZ(0);will-change:background-position,filter;
}
.dark-brand .brand-wordmark{width:124px;height:32px;filter:drop-shadow(0 0 13px rgba(92,126,255,.18))}
.dark-brand{padding:8px 12px}
@keyframes wordmarkFlow{
  0%{background-position:0% 50%;filter:drop-shadow(0 1px 1px rgba(10,20,38,.58)) drop-shadow(0 0 9px rgba(77,131,255,.12))}
  50%{background-position:54% 50%;filter:drop-shadow(0 1px 1px rgba(10,20,38,.52)) drop-shadow(0 0 15px rgba(83,128,255,.22))}
  100%{background-position:100% 50%;filter:drop-shadow(0 1px 1px rgba(10,20,38,.56)) drop-shadow(0 0 13px rgba(130,73,255,.18))}
}

.us-flag{display:block;object-fit:cover;flex:0 0 auto;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.24),0 3px 9px rgba(0,0,0,.16)}
.announce-flag{width:21px;height:11px;border-radius:2px}
.market-flag{width:27px;height:14px;border-radius:3px;box-shadow:0 0 0 1px rgba(17,24,39,.08),0 4px 10px rgba(30,41,59,.08)}
.market-label{gap:8px}
.market-label span{display:none!important}

.announcement{
  isolation:isolate;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,rgba(0,0,0,.018) 1px 2px),
    linear-gradient(90deg,#0d1015 0%,#222831 18%,#454c56 42%,#292f38 62%,#12161c 100%);
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(0,0,0,.32),0 10px 28px rgba(10,14,20,.13);
}
.announcement:before{
  inset:-30% -20%;opacity:.72;
  background:
    linear-gradient(112deg,transparent 0 28%,rgba(255,255,255,.04) 35%,rgba(208,230,255,.19) 43%,rgba(255,255,255,.05) 51%,transparent 59% 100%);
  background-size:220% 100%;
  animation:metalSweep 8.5s cubic-bezier(.4,0,.2,1) infinite;
  mix-blend-mode:screen;
}
.announcement:after{
  content:"";position:absolute;z-index:0;left:-15%;top:-220%;width:35%;height:520%;
  background:linear-gradient(90deg,transparent,rgba(153,205,255,.11),rgba(255,255,255,.22),rgba(151,130,255,.10),transparent);
  filter:blur(17px);transform:skewX(-18deg) translateX(-120%);opacity:.8;pointer-events:none;
  animation:metalBeam 11s ease-in-out infinite;
}
.announcement>*{z-index:2}
.announcement a{
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.075));
  border-color:rgba(220,233,255,.2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),inset 0 -1px 0 rgba(0,0,0,.14),0 7px 18px rgba(0,0,0,.14);
}
.announcement a:hover{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(196,216,255,.11));box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 9px 24px rgba(0,0,0,.18)}
.announce-dot{background:#82f4a9;box-shadow:0 0 0 4px rgba(126,228,154,.09),0 0 16px rgba(126,228,154,.42)}
@keyframes metalSweep{0%{background-position:140% 50%}48%{background-position:15% 50%}100%{background-position:-120% 50%}}
@keyframes metalBeam{0%,15%{transform:skewX(-18deg) translateX(-180%);opacity:0}35%{opacity:.75}55%{transform:skewX(-18deg) translateX(420%);opacity:.58}70%,100%{transform:skewX(-18deg) translateX(420%);opacity:0}}

@media(max-width:720px){
  .brand{min-width:100px}.brand-wordmark{width:100px;height:26px}.dark-brand .brand-wordmark{width:112px;height:29px}
  .announcement{gap:7px}.announcement .return-copy,.announcement .announce-sep{display:none}.announce-flag{width:19px;height:10px}
}
@media(prefers-reduced-motion:reduce){.brand-wordmark,.announcement:before,.announcement:after{animation:none!important}}


/* =========================================================
   InkTecho header fix v8 — reliable wordmark + crisp USA flag
   ========================================================= */
.brand{min-width:0!important}
.brand-wordmark{display:none!important}
.brand-logo-img.brand-logo-header{
  display:block!important;
  width:122px!important;
  height:auto!important;
  max-height:31px!important;
  object-fit:contain!important;
  object-position:left center!important;
  opacity:1!important;
  filter:drop-shadow(0 2px 8px rgba(29,78,216,.10))!important;
  transform:translateZ(0);
}
.dark-brand .brand-logo-img.brand-logo-header{
  width:132px!important;
  max-height:34px!important;
  filter:drop-shadow(0 3px 10px rgba(35,79,255,.12))!important;
}
.us-flag{
  display:block!important;
  object-fit:fill!important;
  border-radius:2px!important;
  box-shadow:none!important;
  background:#fff;
  flex:0 0 auto;
}
.announce-flag{
  width:22px!important;
  height:12px!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:0 2px 7px rgba(0,0,0,.16)!important;
}
.market-flag{
  width:28px!important;
  height:15px!important;
  border:1px solid rgba(17,24,39,.10)!important;
  box-shadow:0 2px 6px rgba(15,23,42,.08)!important;
}
.market-label{gap:9px!important}
@media(max-width:720px){
  .brand-logo-img.brand-logo-header{width:108px!important;max-height:27px!important}
  .dark-brand .brand-logo-img.brand-logo-header{width:118px!important;max-height:30px!important}
  .announce-flag{width:20px!important;height:11px!important}
  .market-flag{width:25px!important;height:14px!important}
}

/* V9 card-variant update: use the real uploaded tracker-card design */
.hero-tracker,
.product-card-3d,
.cta-card-shape,
.thumb-card,
.compare-card-shape,
.sticky-mini-card,
.mini-card,
.layer-top,
.cart-thumb{
  background: transparent url('card-front.webp') center/contain no-repeat !important;
  border: 0 !important;
  overflow: visible;
}
.hero-tracker{box-shadow:0 42px 90px rgba(0,0,0,.52) !important;}
.product-card-3d{box-shadow:0 55px 80px rgba(13,20,30,.23) !important;}
.sound-card,
.layer-bottom{
  background: transparent url('card-back.webp') center/contain no-repeat !important;
  border: 0 !important;
  overflow: visible;
}
.hero-tracker .card-logo,
.hero-tracker .card-ring,
.product-card-3d span,
.product-card-3d i,
.cta-card-shape span,
.cta-card-shape i,
.layer-top span,
.layer-top i,
.compare-card-shape span,
.compare-card-shape i,
.cart-thumb::before,
.cart-thumb::after{display:none !important;}
.product-card-3d:before,
.product-card-3d b,
.card-sheen{display:none !important;}
.compare-card-shape{font-size:0;color:transparent;box-shadow:0 15px 25px rgba(0,0,0,.15) !important;}
.cta-card-shape{box-shadow:0 40px 70px rgba(1,12,27,.35) !important;}
.thumb-card{width:72%;}
.mini-card{width:178px;height:112px;left:50%;top:52%;transform:translate(-50%,-50%) rotate(9deg);box-shadow:0 22px 45px rgba(0,0,0,.18)}
.sound-card{width:188px;height:118px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-7deg);box-shadow:0 25px 55px rgba(0,0,0,.28)}
.sticky-mini-card{background-size:contain !important;}
.layer-top,.layer-bottom{box-shadow:0 35px 65px rgba(0,0,0,.35)}
.bundle-icon.one i,.bundle-icon.two i,.bundle-icon.three i{background:#111 !important}
.bundle-icon.one i,.bundle-icon.two i:first-child,.bundle-icon.three i:nth-child(1){
  background: transparent url('card-front.webp') center/contain no-repeat !important;
  width:38px;height:24px;border-radius:0
}
.bundle-icon.two i:last-child,.bundle-icon.three i:nth-child(2),.bundle-icon.three i:nth-child(3){
  background: transparent url('card-back.webp') center/contain no-repeat !important;
  width:38px;height:24px;border-radius:0
}
.brand img{display:block;max-height:26px;width:auto}
.market img{display:block;width:28px;height:18px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.05)}

/* v10: simplify home hero to one single tracker card */
.home-hero .phone-card,
.home-hero .floating-chip{
  display:none !important;
}
.home-hero .hero-object{
  min-height:540px;
}
.home-hero .hero-halo{
  width:520px;
  height:520px;
  right:50%;
  top:50%;
  transform:translate(32%,-48%);
  background:radial-gradient(circle,rgba(89,158,255,.24),rgba(124,93,255,.09) 44%,transparent 74%);
  filter:blur(10px);
}
.home-hero .hero-tracker{
  right:50% !important;
  top:50% !important;
  width:min(430px,88%) !important;
  transform:translate(28%,-40%) rotate(-8deg) !important;
  border:none !important;
  background:transparent url('card-front.webp') center/contain no-repeat !important;
  box-shadow:0 46px 100px rgba(0,0,0,.48) !important;
}
.home-hero .hero-tracker .card-logo,
.home-hero .hero-tracker .card-ring,
.home-hero .hero-tracker .card-sheen{
  display:none !important;
}
@media (max-width:1100px){
  .home-hero .hero-object{min-height:430px}
  .home-hero .hero-halo{transform:translate(36%,-48%);width:420px;height:420px}
  .home-hero .hero-tracker{width:min(340px,82%) !important;transform:translate(26%,-40%) rotate(-8deg) !important}
}
@media (max-width:720px){
  .home-hero .hero-object{min-height:280px;margin-top:10px}
  .home-hero .hero-halo{width:280px;height:280px;right:50%;top:48%;transform:translate(50%,-50%)}
  .home-hero .hero-tracker{width:min(265px,92%) !important;right:50% !important;top:50% !important;transform:translate(50%,-50%) rotate(-7deg) !important}
}


/* v12: richer hero stack + deeper black hero card */
.home-hero .hero-object-bundle{min-height:560px;position:relative}
.home-hero .hero-halo{width:600px;height:600px;right:50%;top:50%;transform:translate(26%,-48%);background:radial-gradient(circle,rgba(72,129,255,.28),rgba(137,100,255,.12) 38%,transparent 72%);filter:blur(14px);animation:pulseHalo 7s ease-in-out infinite}
.home-hero .hero-stack-card,.home-hero .hero-tracker{position:absolute;display:block;background:transparent url('card-front.webp') center/contain no-repeat;border:0 !important;overflow:visible}
.home-hero .hero-stack-card:before,.home-hero .hero-stack-card:after,.home-hero .hero-tracker:before,.home-hero .hero-tracker:after{display:none !important}
.home-hero .hero-stack-card{aspect-ratio:1.587;filter:drop-shadow(0 28px 58px rgba(0,0,0,.34));animation:heroCardFloat 8.5s ease-in-out infinite}
.home-hero .hero-stack-left{width:min(360px,74%);right:50%;top:50%;transform:translate(4%,-50%) rotate(-17deg);opacity:.9;z-index:3;animation-delay:-1.8s}
.home-hero .hero-stack-right{width:min(350px,72%);right:50%;top:50%;transform:translate(56%,-22%) rotate(14deg);opacity:.92;z-index:4;animation-delay:-3.2s}
.home-hero .hero-tracker{right:50% !important;top:50% !important;width:min(450px,90%) !important;aspect-ratio:1.587;transform:translate(30%,-39%) rotate(-7deg) !important;box-shadow:none !important;filter:drop-shadow(0 48px 85px rgba(0,0,0,.45));z-index:6;animation:heroCardMain 8.8s ease-in-out infinite}
.home-hero .hero-tracker .card-logo,.home-hero .hero-tracker .card-ring,.home-hero .hero-tracker .card-sheen{display:none !important}
.home-hero .bundle-pill{position:absolute;right:51%;top:14%;transform:translateX(38%);z-index:7;padding:12px 16px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(16px);font-size:11px;font-weight:750;color:rgba(255,255,255,.96);box-shadow:0 14px 36px rgba(0,0,0,.20);animation:floaty 5.8s ease-in-out infinite}
.home-hero .floating-chip.chip-b{display:block !important;right:7%;top:61%;padding:10px 14px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.17);font-size:10px;z-index:7}
@keyframes heroCardFloat{0%,100%{transform:translate(var(--tx),var(--ty)) rotate(var(--rot)) translateY(0)}50%{transform:translate(var(--tx),var(--ty)) rotate(var(--rot)) translateY(-12px)}}
@keyframes heroCardMain{0%,100%{transform:translate(30%,-39%) rotate(-7deg)}50%{transform:translate(30%,-41.5%) rotate(-6deg)}}
.home-hero .hero-stack-left{--tx:4%;--ty:-50%;--rot:-17deg}
.home-hero .hero-stack-right{--tx:56%;--ty:-22%;--rot:14deg}
@media (max-width:1100px){
  .home-hero .hero-object-bundle{min-height:450px}
  .home-hero .hero-halo{width:470px;height:470px;transform:translate(28%,-47%)}
  .home-hero .hero-stack-left{width:min(285px,68%);--tx:8%;--ty:-49%;transform:translate(8%,-49%) rotate(-17deg)}
  .home-hero .hero-stack-right{width:min(280px,66%);--tx:55%;--ty:-24%;transform:translate(55%,-24%) rotate(14deg)}
  .home-hero .hero-tracker{width:min(355px,84%) !important;transform:translate(30%,-38%) rotate(-7deg) !important}
  .home-hero .bundle-pill{top:15%;right:52%;transform:translateX(34%)}
  .home-hero .floating-chip.chip-b{right:0;top:63%}
}
@media (max-width:720px){
  .home-hero .hero-object-bundle{min-height:320px;margin-top:10px}
  .home-hero .hero-halo{width:300px;height:300px;right:50%;top:50%;transform:translate(50%,-50%)}
  .home-hero .hero-stack-left{width:175px;--tx:4%;--ty:-48%;transform:translate(4%,-48%) rotate(-16deg)}
  .home-hero .hero-stack-right{width:170px;--tx:55%;--ty:-21%;transform:translate(55%,-21%) rotate(13deg)}
  .home-hero .hero-tracker{width:min(245px,95%) !important;right:50% !important;top:50% !important;transform:translate(51%,-42%) rotate(-6deg) !important}
  .home-hero .bundle-pill{font-size:9px;padding:9px 12px;right:52%;top:10%;transform:translateX(28%)}
  .home-hero .floating-chip.chip-b{font-size:8px;right:4px;top:68%}
}


/* =========================================================
   v13 — premium cinematic card deck, exact icon artwork
   ========================================================= */
.home-hero .hero-object-cinematic{min-height:570px;position:relative;perspective:1500px;overflow:visible}
.home-hero .hero-object-cinematic .hero-halo{width:650px;height:650px;right:49%;top:50%;transform:translate(31%,-50%);background:radial-gradient(circle,rgba(75,145,255,.30),rgba(126,82,255,.13) 36%,rgba(32,77,170,.06) 55%,transparent 74%);filter:blur(18px);animation:heroHaloBreathe 8s ease-in-out infinite}
.hero-light-field{position:absolute;inset:6% -8% 0 0;pointer-events:none;background:radial-gradient(400px circle at calc(50% + var(--hx,0px)) calc(48% + var(--hy,0px)),rgba(142,190,255,.22),transparent 62%);filter:blur(6px);opacity:.85;transition:opacity .35s ease}
.hero-card-stage{position:absolute;inset:0;display:grid;place-items:center;transform-style:preserve-3d;will-change:transform;perspective:1450px}
.hero-card-deck{position:relative;width:min(650px,100%);height:470px;transform-style:preserve-3d;will-change:transform;transform:rotateX(var(--hero-rx,0deg)) rotateY(var(--hero-ry,0deg)) scale(var(--hero-scale,1));transition:transform .18s cubic-bezier(.2,.72,.2,1)}
.hero-premium-card{position:absolute;left:50%;top:50%;width:420px;aspect-ratio:1.587;transform-origin:50% 50%;background:transparent url('card-front.webp') center/contain no-repeat;filter:drop-shadow(0 30px 50px rgba(0,0,0,.35));will-change:transform,opacity;transform-style:preserve-3d;border-radius:28px;overflow:hidden}
.hero-premium-card::after{content:"";position:absolute;inset:0;background:linear-gradient(112deg,transparent 28%,rgba(255,255,255,.02) 40%,rgba(203,224,255,.34) 49%,rgba(255,255,255,.05) 57%,transparent 72%);transform:translateX(-155%) skewX(-14deg);animation:premiumCardSheen 8.6s cubic-bezier(.38,.1,.25,1) infinite;mix-blend-mode:screen;-webkit-mask:url('card-front.webp') center/contain no-repeat;mask:url('card-front.webp') center/contain no-repeat;pointer-events:none}
.hero-card-far-left{z-index:1;opacity:.50;animation:cardOrbitFarLeft 9.6s ease-in-out infinite;animation-delay:-4.4s}
.hero-card-left{z-index:2;opacity:.76;animation:cardOrbitLeft 8.9s ease-in-out infinite;animation-delay:-2.6s}
.hero-card-main{z-index:5;filter:drop-shadow(0 50px 90px rgba(0,0,0,.52));animation:cardHeroMain 8.2s ease-in-out infinite}
.hero-card-right{z-index:3;opacity:.78;animation:cardOrbitRight 9.1s ease-in-out infinite;animation-delay:-1.4s}
.hero-card-far-right{z-index:1;opacity:.48;animation:cardOrbitFarRight 9.8s ease-in-out infinite;animation-delay:-5.2s}
.hero-card-main::after{animation-duration:6.7s;animation-delay:-1.2s}
.hero-card-left::after{animation-delay:-4.2s;opacity:.65}.hero-card-right::after{animation-delay:-2.8s;opacity:.6}.hero-card-far-left::after,.hero-card-far-right::after{opacity:.35}
.hero-spec-pill{position:absolute;z-index:8;padding:11px 15px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.07));border:1px solid rgba(255,255,255,.17);box-shadow:0 14px 36px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.13);backdrop-filter:blur(14px);color:rgba(255,255,255,.92);font-size:10px;font-weight:730;letter-spacing:.01em;animation:specPillFloat 5.7s ease-in-out infinite}
.hero-spec-a{right:2%;top:25%}.hero-spec-b{right:49%;bottom:18%;animation-delay:-2.4s}
@keyframes heroHaloBreathe{0%,100%{transform:translate(31%,-50%) scale(.96);opacity:.76}50%{transform:translate(31%,-50%) scale(1.08);opacity:1}}
@keyframes premiumCardSheen{0%,18%{transform:translateX(-165%) skewX(-14deg);opacity:0}28%{opacity:1}55%{transform:translateX(170%) skewX(-14deg);opacity:.82}62%,100%{transform:translateX(170%) skewX(-14deg);opacity:0}}
@keyframes cardHeroMain{0%,100%{transform:translate3d(-42%,-51%,90px) rotateZ(-4deg) rotateY(-2deg) scale(1.04)}45%{transform:translate3d(-42%,-55%,150px) rotateZ(-2.6deg) rotateY(2deg) scale(1.09)}70%{transform:translate3d(-42%,-49%,112px) rotateZ(-5deg) rotateY(-1deg) scale(1.055)}}
@keyframes cardOrbitLeft{0%,100%{transform:translate3d(-83%,-55%,-75px) rotateZ(-16deg) rotateY(7deg) scale(.91)}50%{transform:translate3d(-88%,-60%,-45px) rotateZ(-13deg) rotateY(3deg) scale(.945)}}
@keyframes cardOrbitFarLeft{0%,100%{transform:translate3d(-112%,-49%,-170px) rotateZ(-27deg) rotateY(13deg) scale(.78)}50%{transform:translate3d(-118%,-54%,-142px) rotateZ(-23deg) rotateY(8deg) scale(.81)}}
@keyframes cardOrbitRight{0%,100%{transform:translate3d(2%,-48%,-58px) rotateZ(14deg) rotateY(-7deg) scale(.91)}50%{transform:translate3d(8%,-53%,-28px) rotateZ(11deg) rotateY(-3deg) scale(.945)}}
@keyframes cardOrbitFarRight{0%,100%{transform:translate3d(32%,-41%,-165px) rotateZ(26deg) rotateY(-12deg) scale(.77)}50%{transform:translate3d(38%,-46%,-135px) rotateZ(22deg) rotateY(-8deg) scale(.80)}}
@keyframes specPillFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:1100px){.home-hero .hero-object-cinematic{min-height:470px}.hero-card-deck{width:min(560px,100%);height:400px}.hero-premium-card{width:345px}.hero-spec-a{right:4%;top:22%}.hero-spec-b{right:47%;bottom:13%}.home-hero .hero-object-cinematic .hero-halo{width:520px;height:520px}}
@media(max-width:720px){.home-hero .hero-object-cinematic{min-height:330px;margin-top:10px}.hero-card-deck{width:100%;height:300px}.hero-premium-card{width:240px;border-radius:18px}.hero-card-far-left{display:none}.hero-card-far-right{display:none}.hero-spec-pill{font-size:8px;padding:8px 10px}.hero-spec-a{right:0;top:18%}.hero-spec-b{right:auto;left:0;bottom:12%}.home-hero .hero-object-cinematic .hero-halo{width:320px;height:320px;right:50%;transform:translate(50%,-50%)}}
@media(prefers-reduced-motion:reduce){.hero-premium-card,.hero-premium-card::after,.home-hero .hero-object-cinematic .hero-halo,.hero-spec-pill{animation:none!important}.hero-card-deck{transition:none!important}}


/* v14 official network logos */
.trust-logo{width:42px;height:42px;object-fit:contain;display:block;filter:drop-shadow(0 8px 18px rgba(0,0,0,.10))}
.network-badges{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.network-badge{display:inline-flex;align-items:center;gap:12px;padding:11px 14px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 34px rgba(0,0,0,.18);backdrop-filter:blur(14px)}
.network-badge img{width:34px;height:34px;object-fit:contain;flex:0 0 auto;border-radius:10px}
.network-badge span{display:flex;flex-direction:column;line-height:1.1}
.network-badge b{font-size:13px;color:#fff;font-weight:760}
.network-badge small{font-size:11px;color:rgba(255,255,255,.68)}
.network-badges-product .network-badge{background:#fff;border-color:#e7ebf1;box-shadow:0 14px 34px rgba(20,30,60,.08)}
.network-badges-product .network-badge b{color:#0f1728}
.network-badges-product .network-badge small{color:#667085}
.network-strip{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1040px;margin:30px auto 0}
.network-strip-item{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:24px;background:#fff;border:1px solid rgba(14,24,40,.06);box-shadow:0 18px 40px rgba(15,23,42,.06)}
.network-strip-item img{width:48px;height:48px;object-fit:contain;border-radius:14px;flex:0 0 auto}
.network-strip-item b{display:block;font-size:15px;color:#0f1728}
.network-strip-item small{display:block;margin-top:4px;color:#667085;line-height:1.45}
.official-find img{width:76px;height:76px;object-fit:contain;position:relative;z-index:2;border-radius:22px;box-shadow:0 10px 24px rgba(22,34,64,.12)}
.icon-bubble-logo{padding:0 !important;overflow:hidden;background:#fff !important}
.icon-bubble-logo img{width:100%;height:100%;object-fit:contain;border-radius:18px}
.official-gallery-label{display:inline-flex;align-items:center;gap:10px}
.gallery-trust-logos span{display:inline-flex;align-items:center;gap:7px}
.gallery-trust-logos img{width:18px;height:18px;object-fit:contain;border-radius:5px}
.compatibility-logos{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.compatibility-logo-card{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:16px;background:#f5f7fb;border:1px solid #e7ecf4;color:#0f1728;font-weight:650}
.compatibility-logo-card img{width:40px;height:40px;object-fit:contain;border-radius:10px}
.compare-row-logo b{display:flex;align-items:center;gap:9px}
.compare-row-logo b img{width:20px;height:20px;object-fit:contain;border-radius:5px}
@media (max-width: 860px){.network-strip{grid-template-columns:1fr}.network-badges{gap:10px}.network-badge{width:100%}}


/* =========================================================
   v15 — cleaner digital premium hero + improved trust strip
   ========================================================= */
.home-hero{background:radial-gradient(circle at 67% 32%,#243d6a 0,#132038 28%,#070b12 64%,#030406 100%)}
.home-hero:before{background:radial-gradient(640px circle at var(--mx,72%) var(--my,24%),rgba(95,156,255,.18),transparent 48%)}
.hero-object-digital{min-height:575px;position:relative;perspective:1600px;overflow:visible}
.hero-object-digital .hero-halo{width:640px;height:640px;right:50%;top:50%;transform:translate(28%,-50%);background:radial-gradient(circle,rgba(86,145,255,.32),rgba(118,102,255,.13) 34%,rgba(64,111,214,.08) 48%,transparent 72%);filter:blur(16px);animation:heroHaloBreathe15 8s ease-in-out infinite}
.hero-digital-grid{position:absolute;inset:4% -6% 0 4%;background:radial-gradient(circle at 62% 44%,rgba(255,255,255,.04),transparent 36%),linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:auto,44px 44px,44px 44px;mask-image:linear-gradient(to right,transparent 2%,#000 20%,#000 84%,transparent 100%),linear-gradient(to bottom,#000,rgba(0,0,0,.15) 82%,transparent 100%);pointer-events:none;opacity:.72}
.hero-light-field{position:absolute;inset:8% -8% 0 0;pointer-events:none;background:radial-gradient(360px circle at calc(54% + var(--hx,0px)) calc(48% + var(--hy,0px)),rgba(154,202,255,.26),transparent 64%);filter:blur(8px);opacity:.95;transition:opacity .35s ease}
.hero-card-stage{position:absolute;inset:0;display:grid;place-items:center;transform-style:preserve-3d;perspective:1450px}
.hero-card-solo-wrap{position:relative;width:min(620px,100%);height:500px;transform-style:preserve-3d;will-change:transform;transform:rotateX(var(--hero-rx,0deg)) rotateY(var(--hero-ry,0deg)) scale(var(--hero-scale,1));transition:transform .18s cubic-bezier(.2,.72,.2,1)}
.hero-glass-panel{position:absolute;left:50%;top:50%;width:430px;height:330px;border-radius:40px;background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.11);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 28px 80px rgba(8,12,24,.28);backdrop-filter:blur(20px);transform:translate(-45%,-49%) rotate(-8deg);opacity:.9}
.hero-soft-shadow{position:absolute;left:50%;top:50%;width:390px;height:84px;border-radius:50%;background:radial-gradient(circle,rgba(0,0,0,.48),rgba(0,0,0,.18) 52%,transparent 76%);filter:blur(18px);transform:translate(-45%,74%) rotate(-4deg)}
.hero-orbit-ring{position:absolute;left:50%;top:50%;border-radius:999px;border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);pointer-events:none}
.hero-orbit-ring.ring-a{width:500px;height:500px;transform:translate(-38%,-51%) rotate(-14deg);opacity:.32}
.hero-orbit-ring.ring-b{width:370px;height:370px;transform:translate(-26%,-48%) rotate(12deg);opacity:.28}
.hero-premium-card.hero-card-solo{left:50%;top:50%;width:455px;filter:drop-shadow(0 38px 92px rgba(0,0,0,.48)) drop-shadow(0 8px 18px rgba(125,175,255,.14));transform:translate(-44%,-50%) rotate(-7deg) translateZ(80px);animation:heroCardSolo 8.4s ease-in-out infinite;border-radius:30px;overflow:hidden}
.hero-premium-card.hero-card-solo::after{animation:premiumCardSheen15 7.4s cubic-bezier(.38,.1,.25,1) infinite}
@keyframes heroHaloBreathe15{0%,100%{transform:translate(28%,-50%) scale(.96);opacity:.8}50%{transform:translate(28%,-50%) scale(1.05);opacity:1}}
@keyframes premiumCardSheen15{0%,22%{transform:translateX(-168%) skewX(-14deg);opacity:0}31%{opacity:1}58%{transform:translateX(176%) skewX(-14deg);opacity:.88}66%,100%{transform:translateX(176%) skewX(-14deg);opacity:0}}
@keyframes heroCardSolo{0%,100%{transform:translate(-44%,-49%) rotate(-7deg) translateZ(80px)}50%{transform:translate(-43%,-52.5%) rotate(-5.6deg) translateZ(128px)}}
.hero-bottomline{border-top-color:rgba(255,255,255,.08)}
.hero-bottomline span{color:rgba(255,255,255,.58)}
.trust-strip{max-width:1420px;margin:30px auto 0;background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.88);box-shadow:0 26px 60px rgba(17,24,39,.08)}
.trust-strip>div{padding:24px 28px;grid-template-columns:48px 1fr;column-gap:16px;min-height:122px;align-content:center}
.trust-strip b{font-size:15px;line-height:1.25}
.trust-strip small{font-size:12px;line-height:1.45;color:#717884;max-width:180px}
.trust-strip .trust-logo,.trust-strip .trust-symbol{width:42px;height:42px;border-radius:14px}
.trust-strip .trust-symbol{font-size:16px}
@media(max-width:1100px){.hero-object-digital{min-height:470px}.hero-card-solo-wrap{height:420px}.hero-glass-panel{width:360px;height:280px}.hero-premium-card.hero-card-solo{width:360px}.hero-object-digital .hero-halo{width:520px;height:520px}.trust-strip{margin-left:22px;margin-right:22px}}
@media(max-width:720px){.hero-object-digital{min-height:350px;margin-top:10px}.hero-object-digital .hero-halo{width:320px;height:320px;right:50%;top:50%;transform:translate(50%,-50%)}.hero-card-solo-wrap{width:100%;height:310px}.hero-glass-panel{width:250px;height:190px;border-radius:28px;transform:translate(-46%,-47%) rotate(-8deg)}.hero-premium-card.hero-card-solo{width:250px;border-radius:20px;transform:translate(-45%,-50%) rotate(-6deg) translateZ(60px)}.hero-soft-shadow{width:220px;height:56px;transform:translate(-44%,70%) rotate(-4deg)}.hero-orbit-ring.ring-a{width:280px;height:280px;transform:translate(-36%,-50%) rotate(-12deg)}.hero-orbit-ring.ring-b{width:220px;height:220px;transform:translate(-24%,-48%) rotate(12deg)}.trust-strip>div{min-height:auto;padding:16px 14px;grid-template-columns:40px 1fr}.trust-strip b{font-size:13px}.trust-strip small{font-size:11px;max-width:none}}
@media(prefers-reduced-motion:reduce){.hero-object-digital .hero-halo,.hero-premium-card.hero-card-solo,.hero-premium-card.hero-card-solo::after{animation:none!important}.hero-card-solo-wrap{transition:none!important}}


/* =========================================================
   v16 — screenshot cleanup: compact trust strip, cleaner how-it-works
   ========================================================= */
#how{scroll-margin-top:110px}
.site-header.compact{padding-bottom:10px;background:linear-gradient(180deg,rgba(247,249,252,.92) 0%,rgba(247,249,252,.72) 72%,rgba(247,249,252,0) 100%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.site-header.compact .glass-nav{background:linear-gradient(180deg,rgba(255,255,255,.93),rgba(247,249,252,.82));box-shadow:0 14px 42px rgba(16,24,40,.13),inset 0 1px 0 rgba(255,255,255,.98)}
.trust-strip{max-width:1280px;margin:28px auto 0;border-radius:26px;background:rgba(255,255,255,.82);box-shadow:0 24px 58px rgba(17,24,39,.075);overflow:hidden}
.trust-strip>div{min-height:94px;padding:18px 24px;display:flex;align-items:center;gap:14px;position:relative}
.trust-strip>div+div{border-left:1px solid rgba(19,28,44,.08)}
.trust-strip .trust-logo,.trust-strip .trust-symbol{width:42px;height:42px;flex:0 0 42px;grid-row:auto;border-radius:13px}
.trust-strip .trust-logo{object-fit:contain;filter:drop-shadow(0 7px 14px rgba(0,0,0,.08))}
.trust-strip .trust-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.trust-strip .trust-copy b{font-size:14px;line-height:1.2;letter-spacing:-.025em;color:#11151d;white-space:normal}
.trust-strip .trust-copy small{font-size:11px;line-height:1.35;color:#7b8390;max-width:none}
.trust-strip .trust-symbol{display:grid;place-items:center;background:linear-gradient(180deg,#f3f7ff,#edf3fc);color:#2468c7;font-size:17px;font-weight:750;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}
.trust-strip .shipping-symbol{font-size:9px;letter-spacing:.08em;color:#174ea6}
.intro-section{padding-top:82px;padding-bottom:96px}
.intro-section .center-copy{max-width:900px;margin-bottom:44px}
.intro-section .center-copy h2{font-size:clamp(44px,5vw,66px);margin-top:12px;margin-bottom:14px}
.intro-section .center-copy p{max-width:820px;margin:0 auto;font-size:16px;line-height:1.55}
.network-strip{display:none!important}
.three-steps{gap:16px}
.step-card{min-height:410px}
.dual-network-mini{display:grid;place-items:center;isolation:isolate}
.dual-network-logos{position:relative;z-index:3;display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:22px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.92);box-shadow:0 18px 44px rgba(29,65,120,.10);backdrop-filter:blur(10px)}
.dual-network-logos img{width:62px!important;height:62px!important;object-fit:contain;border-radius:16px;box-shadow:none!important}
.dual-network-mini .map-ring{border-color:rgba(72,142,230,.35)}
@media(max-width:1100px){.trust-strip{margin-left:22px;margin-right:22px}.trust-strip>div{padding:16px 18px}.trust-strip .trust-copy b{font-size:13px}}
@media(max-width:820px){.trust-strip{grid-template-columns:1fr 1fr}.trust-strip>div+div{border-left:0}.trust-strip>div:nth-child(even){border-left:1px solid rgba(19,28,44,.08)}.trust-strip>div:nth-child(n+3){border-top:1px solid rgba(19,28,44,.08)}}
@media(max-width:720px){.site-header.compact{padding-bottom:7px}.trust-strip{margin:16px 10px 0}.trust-strip>div{min-height:78px;padding:13px 12px;gap:10px}.trust-strip .trust-logo,.trust-strip .trust-symbol{width:36px;height:36px;flex-basis:36px;border-radius:11px}.trust-strip .trust-copy b{font-size:12px}.trust-strip .trust-copy small{font-size:10px}.intro-section{padding-top:66px;padding-bottom:72px}.intro-section .center-copy{margin-bottom:30px}.dual-network-logos{gap:10px;padding:10px 12px}.dual-network-logos img{width:52px!important;height:52px!important}}


/* v17 — generated photography + smoother premium glass navigation */
.site-header{isolation:isolate;}
.site-header::after{
  content:"";
  position:absolute;
  left:0;right:0;top:100%;height:34px;
  pointer-events:none;
  background:linear-gradient(to bottom,rgba(244,247,251,.16),rgba(244,247,251,.07) 38%,rgba(244,247,251,0));
  filter:blur(9px);
  opacity:.7;
  z-index:-1;
}
.glass-nav{
  background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(246,249,253,.68)) !important;
  -webkit-backdrop-filter:saturate(150%) blur(22px) !important;
  backdrop-filter:saturate(150%) blur(22px) !important;
  border-color:rgba(255,255,255,.72) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 14px 38px rgba(15,23,42,.10) !important;
}
.showcase-visual img,.bento img,.moment img,.story-section>img,.details-image img,.gallery-image{
  image-rendering:auto;
}
.showcase-visual img,.bento img,.moment img,.details-image img{
  transition:transform .7s cubic-bezier(.2,.72,.2,1),filter .7s ease;
}
.showcase-card:hover .showcase-visual img,.bento:hover>img,.moment:hover img,.details-image:hover img{
  transform:scale(1.025);
  filter:saturate(1.03) contrast(1.015);
}

/* =========================================================
   v18 — STAGE 1: layout, spacing, sticky header + responsive QA
   ========================================================= */
:root{
  --header-offset:104px;
  --content-max:1280px;
  --page-gutter:max(24px,calc((100vw - var(--content-max))/2));
}
html{scroll-padding-top:var(--header-offset)}
#how,#features,#story,#details,#compare,#reviews,#bundles{scroll-margin-top:var(--header-offset)}

/* Smoother floating glass header: blur dissolves instead of forming a gray band. */
.site-header{
  padding:12px 0 8px;
  isolation:isolate;
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.site-header.compact{
  padding-bottom:7px;
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.site-header::after{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  left:0;right:0;top:-8px;
  height:112px;
  background:linear-gradient(180deg,rgba(247,249,252,.26) 0%,rgba(247,249,252,.16) 48%,rgba(247,249,252,.05) 72%,rgba(247,249,252,0) 100%);
  -webkit-backdrop-filter:blur(14px) saturate(138%);
  backdrop-filter:blur(14px) saturate(138%);
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 52%,rgba(0,0,0,.68) 72%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 0%,#000 52%,rgba(0,0,0,.68) 72%,transparent 100%);
  filter:none;
  opacity:1;
}
.glass-nav{
  height:68px;
  width:calc(100% - 52px);
  max-width:1720px;
  padding:0 24px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.80),rgba(247,249,252,.68))!important;
  border:1px solid rgba(255,255,255,.76)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 10px 30px rgba(15,23,42,.075)!important;
}
.glass-nav:before{opacity:.38}
.glass-nav:after{height:42%;opacity:.72}
.site-header.compact .glass-nav{
  height:60px;
  width:calc(100% - 52px);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(247,249,252,.72))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.97),0 8px 26px rgba(15,23,42,.085)!important;
}
.desktop-nav{gap:2px}
.desktop-nav a{padding:9px 13px;border-radius:11px}

/* A calmer, more consistent vertical rhythm across both pages. */
.section-pad{
  padding-block:clamp(72px,6.6vw,108px);
  padding-inline:var(--page-gutter);
}
.center-copy{max-width:840px;margin-bottom:clamp(34px,3.4vw,48px)}
.center-copy h2,.split-heading h2{
  font-size:clamp(40px,4.45vw,62px);
  line-height:.99;
  letter-spacing:-.052em;
  text-wrap:balance;
}
.center-copy p,.split-heading p{font-size:clamp(14px,1.1vw,16px);line-height:1.58}

/* How it works: keep the section safely below the sticky header. */
.intro-section{padding-top:clamp(96px,7.5vw,124px);padding-bottom:clamp(78px,6.2vw,100px)}
.intro-section .center-copy{max-width:900px;margin-bottom:clamp(36px,3vw,46px)}
.intro-section .center-copy h2{font-size:clamp(42px,4.8vw,62px);margin:10px 0 14px}
.three-steps{gap:20px}
.step-card{min-height:400px;padding:24px;border-radius:28px}
.step-card h3{font-size:clamp(23px,1.8vw,27px)}
.mini-visual{height:210px;margin:20px 0 15px}

/* Feature/showcase layout: avoid oversized type and keep content inside safe areas. */
.showcase-section{padding-top:clamp(18px,2vw,30px)}
.showcase-card{min-height:610px;border-radius:34px}
.showcase-copy{padding:clamp(52px,5vw,70px) clamp(38px,4vw,58px)}
.showcase-copy h2{font-size:clamp(42px,4.5vw,60px);line-height:1;letter-spacing:-.05em;text-wrap:balance}
.showcase-copy p{font-size:14px;line-height:1.58}
.showcase-visual{min-height:610px}
.feature-bento{padding-top:clamp(14px,2vw,24px)}
.bento-grid{gap:20px;grid-template-rows:440px 440px}
.bento{border-radius:30px}
.bento-copy{left:30px;top:28px;right:30px;max-width:390px}
.bento-copy h3{font-size:clamp(28px,2.4vw,34px);line-height:1.02;text-wrap:balance}
.bento-copy p{max-width:350px}

/* Story and CTA: prevent giant text from feeling cropped. */
.story-section{height:clamp(580px,43vw,660px);border-radius:34px}
.story-copy{max-width:530px}
.story-copy h2{font-size:clamp(42px,4.4vw,62px);line-height:1;letter-spacing:-.05em;text-wrap:balance}
.home-cta{padding-top:clamp(52px,5vw,72px)}
.home-cta-card{min-height:450px;border-radius:34px;padding:clamp(44px,4.5vw,60px)}
.home-cta-card h2{font-size:clamp(42px,4.4vw,60px);line-height:1;text-wrap:balance}

/* Product page alignment and sticky purchase panel offset. */
.product-hero{padding-top:clamp(54px,5vw,72px)}
.product-layout{gap:clamp(30px,3.5vw,48px)}
.buy-panel{top:96px}
.usecase-stage,.gallery-main{border-radius:30px}
.detail-band{border-radius:34px}
.detail-copy h2{font-size:clamp(44px,4.6vw,64px);line-height:1;text-wrap:balance}
.details-grid{gap:30px}

/* Medium desktop / tablet: switch before the nav or grids become cramped. */
@media(max-width:1180px){
  :root{--header-offset:94px}
  .glass-nav,.site-header.compact .glass-nav{width:calc(100% - 36px)}
  .showcase-card{grid-template-columns:1fr}
  .showcase-copy{padding:54px 44px 42px}
  .showcase-visual{min-height:500px}
  .showcase-visual:after{background:linear-gradient(180deg,#10203a 0,rgba(16,32,58,.28) 22%,transparent 48%)}
  .bento-grid{grid-template-columns:1fr 1fr;grid-template-rows:410px 410px}
}

@media(max-width:900px){
  :root{--page-gutter:20px;--header-offset:88px}
  .section-pad{padding-block:clamp(64px,8vw,82px);padding-inline:20px}
  .glass-nav,.site-header.compact .glass-nav{width:calc(100% - 28px);padding:0 16px}
  .market-label{display:none}
  .intro-section{padding-top:84px}
  .three-steps{grid-template-columns:1fr;max-width:720px}
  .step-card{min-height:0}
  .mini-visual{height:min(280px,40vw);min-height:210px}
  .bento-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,400px);max-width:760px}
  .story-section{height:620px}
  .home-cta-card{grid-template-columns:1fr;min-height:620px}
  .cta-product{height:300px}
  .product-layout{max-width:820px}
}

@media(max-width:720px){
  :root{--header-offset:76px}
  .site-header{padding:8px 0 5px}
  .site-header::after{height:84px;top:-5px;-webkit-backdrop-filter:blur(11px) saturate(132%);backdrop-filter:blur(11px) saturate(132%)}
  .glass-nav,.site-header.compact .glass-nav{height:56px;width:calc(100% - 18px);padding:0 10px;border-radius:18px}
  .site-header.compact{padding-bottom:5px}
  .section-pad{padding:62px 14px}
  .intro-section{padding-top:72px;padding-bottom:70px}
  .center-copy h2,.split-heading h2,.intro-section .center-copy h2{font-size:clamp(36px,10.5vw,44px)}
  .center-copy p,.split-heading p{font-size:14px}
  .three-steps{gap:12px}
  .step-card{padding:18px;border-radius:24px}
  .mini-visual{height:210px;min-height:210px}
  .showcase-card{border-radius:26px}
  .showcase-copy{padding:40px 22px 34px}
  .showcase-copy h2{font-size:clamp(36px,10vw,44px)}
  .showcase-visual{min-height:380px}
  .bento-grid{grid-template-rows:repeat(4,370px);gap:12px}
  .bento{border-radius:24px}
  .bento-copy{left:20px;top:20px;right:20px}
  .story-section{width:calc(100% - 18px);height:570px;border-radius:26px}
  .story-copy h2,.home-cta-card h2,.detail-copy h2{font-size:clamp(36px,10vw,44px)}
  .home-cta-card{border-radius:26px;padding:38px 22px;min-height:590px}
  .product-hero{padding-top:42px}
  .gallery-main{height:450px;border-radius:24px}
  .buy-panel{padding:22px 16px;border-radius:24px}
  .detail-band{width:calc(100% - 18px);border-radius:26px;padding:44px 20px 24px}
  .details-grid{padding-top:48px}
}

@media(max-width:420px){
  .nav-actions{gap:6px}
  .nav-cta{padding-inline:13px;min-height:40px}
  .bag,.menu-toggle{width:38px;height:38px}
  .brand-logo-img{height:23px!important}
  .announcement{gap:7px}
  .announcement a{margin-left:2px}
}


/* Stage 2 photo pass */
.mini-photo{height:220px;margin:20px 0 14px;border-radius:24px;overflow:hidden;position:relative;background:#edf2f7;box-shadow:inset 0 0 0 1px rgba(255,255,255,.72)}
.mini-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s var(--ease),filter .65s var(--ease)}
.step-card:hover .mini-photo img{transform:scale(1.03);filter:saturate(1.03)}
.mini-photo:after{content:"";position:absolute;inset:auto 0 0 0;height:42%;background:linear-gradient(180deg,rgba(8,12,18,0),rgba(8,12,18,.06));pointer-events:none}
.showcase-visual img{object-position:58% 54%}
.bento-thin img{padding-top:0;object-position:center 52%}
.thin-overlay{position:absolute;right:24px;bottom:24px;z-index:5;display:flex;flex-direction:column;align-items:flex-end;padding:14px 18px;border-radius:18px;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);box-shadow:0 18px 45px rgba(6,10,17,.18);color:#0e1727}
.thin-overlay strong{font-size:28px;line-height:1;letter-spacing:-.05em}
.thin-overlay span{margin-top:3px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#5d6672}
.bento-sound img{padding-top:0;object-position:60% 48%;filter:saturate(.88) contrast(1.02)}
.sound-rings{position:absolute;right:24px;top:54%;transform:translateY(-50%);width:180px;height:180px;z-index:3;pointer-events:none}
.sound-rings i{position:absolute;right:0;top:50%;transform:translateY(-50%);border:2px solid rgba(161,211,255,.85);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;box-shadow:0 0 34px rgba(91,169,255,.18)}
.sound-rings i:nth-child(1){width:78px;height:78px;opacity:.95}
.sound-rings i:nth-child(2){width:118px;height:118px;opacity:.8}
.sound-rings i:nth-child(3){width:158px;height:158px;opacity:.64}
.story-section>img{object-position:50% 56%}
.cta-product-photo{display:grid;place-items:center}
.cta-photo{position:absolute;left:50%;top:50%;width:min(92%,420px);transform:translate(-50%,-50%) rotate(-10deg);z-index:2;filter:drop-shadow(0 34px 60px rgba(9,21,44,.33))}

@media (max-width: 1100px){
  .sound-rings{right:18px;width:150px;height:150px}
  .thin-overlay strong{font-size:24px}
}
@media (max-width: 720px){
  .mini-photo{height:210px;min-height:210px}
  .thin-overlay{right:18px;bottom:18px;padding:12px 14px}
  .thin-overlay strong{font-size:22px}
  .sound-rings{right:16px;top:58%;width:124px;height:124px}
  .sound-rings i:nth-child(1){width:58px;height:58px}
  .sound-rings i:nth-child(2){width:88px;height:88px}
  .sound-rings i:nth-child(3){width:116px;height:116px}
  .cta-photo{width:min(88%,300px)}
}


/* =========================================================
   v20 — STAGE 3: premium motion + visual polish
   Smooth, GPU-friendly micro-interactions without overload
   ========================================================= */
:root{
  --motion-ease:cubic-bezier(.22,.8,.2,1);
  --motion-soft:cubic-bezier(.16,1,.3,1);
}

/* Softer reveal with a tiny optical blur; staggered by group. */
.reveal{
  opacity:0;
  transform:translate3d(0,24px,0) scale(.992);
  filter:blur(7px);
  transition:opacity .82s var(--motion-soft),transform .9s var(--motion-soft),filter .72s ease;
  will-change:opacity,transform,filter;
}
.reveal.visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
.three-steps .reveal:nth-child(2),.bento-grid .reveal:nth-child(2),.review-grid .reveal:nth-child(2){transition-delay:.07s}
.three-steps .reveal:nth-child(3),.bento-grid .reveal:nth-child(3),.review-grid .reveal:nth-child(3){transition-delay:.14s}
.bento-grid .reveal:nth-child(4){transition-delay:.21s}
.moment-row .reveal:nth-child(2){transition-delay:.055s}.moment-row .reveal:nth-child(3){transition-delay:.11s}.moment-row .reveal:nth-child(4){transition-delay:.165s}

/* Liquid-glass navigation: cleaner highlight and less static-looking surface. */
.glass-nav{
  transition:height .38s var(--motion-soft),width .38s var(--motion-soft),border-radius .38s var(--motion-soft),box-shadow .38s var(--motion-soft),background .38s var(--motion-soft),transform .38s var(--motion-soft)!important;
}
.glass-nav:before{
  transition:opacity .35s ease,background .25s ease;
  background:
    radial-gradient(520px circle at var(--mx) var(--my),rgba(255,255,255,.72),rgba(200,224,255,.16) 28%,transparent 56%);
}
.glass-nav:after{
  background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.13) 45%,rgba(255,255,255,0));
}
.site-header.compact .glass-nav{transform:translateY(-1px)}
.desktop-nav a{transition:color .28s ease,background .28s ease,box-shadow .28s ease,transform .28s var(--motion-soft)}
.desktop-nav a:hover{transform:translateY(-1px)}
.bag,.menu-toggle{transition:transform .3s var(--motion-soft),box-shadow .3s ease,background .3s ease}
.bag:hover,.menu-toggle:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 10px 24px rgba(17,24,39,.10)}

/* Premium button light sweep for light/glass CTAs. */
.button{position:relative;overflow:hidden;isolation:isolate;transition:transform .34s var(--motion-soft),box-shadow .34s ease,background .34s ease,border-color .34s ease}
.button:before{content:"";position:absolute;z-index:-1;top:-80%;left:-34%;width:30%;height:260%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),rgba(255,255,255,.72),rgba(255,255,255,.2),transparent);filter:blur(5px);transform:rotate(18deg) translateX(-230%);opacity:0;transition:transform .8s var(--motion-soft),opacity .18s ease;pointer-events:none}
.button:hover{transform:translateY(-3px)}
.button:hover:before{opacity:.8;transform:rotate(18deg) translateX(620%)}
.button-light:hover{box-shadow:0 18px 42px rgba(0,0,0,.21),inset 0 1px 0 rgba(255,255,255,.9)}
.button-whiteglass:hover{background:rgba(255,255,255,.19);border-color:rgba(255,255,255,.32);box-shadow:0 16px 36px rgba(2,10,24,.16)}
.link-button,.text-link{transition:opacity .28s ease,transform .28s var(--motion-soft)}
.link-button:hover,.text-link:hover{opacity:.74;transform:translateX(3px)}

/* Card hover depth — controlled and consistent. */
.step-card,.bento,.moment,.showcase-card,.review-card,.compare-card,.usecase-stage,.gallery-main,.buy-panel,.details-image{
  transition:transform .46s var(--motion-soft),box-shadow .46s ease,border-color .46s ease,background .46s ease;
}
@media(hover:hover) and (pointer:fine){
  .step-card:hover{transform:translateY(-7px);box-shadow:0 30px 72px rgba(17,24,39,.105);border-color:rgba(255,255,255,.98)}
  .bento:hover{transform:translateY(-6px);box-shadow:0 30px 72px rgba(17,24,39,.11)}
  .moment:hover{transform:translateY(-6px);box-shadow:0 26px 64px rgba(10,14,22,.18)}
  .showcase-card:hover{transform:translateY(-4px);box-shadow:0 42px 110px rgba(15,31,56,.24)}
  .review-card:hover{transform:translateY(-6px)}
  .gallery-main:hover,.details-image:hover{box-shadow:0 32px 86px rgba(17,24,39,.13)}
}

/* Parallax-friendly media: transform remains on the compositor. */
.showcase-visual img,.moment img,.story-section>img,.details-image img,.use-slide img{
  --parallax-y:0px;
  --media-scale:1.035;
  transform:translate3d(0,var(--parallax-y),0) scale(var(--media-scale));
  transform-origin:center center;
  will-change:transform;
  transition:transform .55s var(--motion-ease),filter .55s ease;
}
.showcase-visual img,.story-section>img{--media-scale:1.055}
@media(hover:hover) and (pointer:fine){
  .showcase-card:hover .showcase-visual img,.moment:hover img,.details-image:hover img{--media-scale:1.065}
}

/* Photo glints — only on hover, never constantly distracting. */
.mini-photo:before,.moment:before{
  content:"";position:absolute;z-index:2;pointer-events:none;top:-30%;bottom:-30%;left:-42%;width:28%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),rgba(255,255,255,.34),rgba(255,255,255,.08),transparent);
  filter:blur(7px);transform:skewX(-16deg) translateX(-250%);opacity:0;
  transition:transform .9s var(--motion-soft),opacity .18s ease;
}
@media(hover:hover) and (pointer:fine){
  .step-card:hover .mini-photo:before,.moment:hover:before{opacity:.72;transform:skewX(-16deg) translateX(650%)}
}

/* Trust strip feels like a single precision glass component. */
.trust-strip{backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);transition:box-shadow .4s ease,transform .4s var(--motion-soft)}
.trust-strip>div{transition:background .32s ease,transform .32s var(--motion-soft)}
@media(hover:hover) and (pointer:fine){.trust-strip>div:hover{background:rgba(255,255,255,.45);transform:translateY(-2px)}}

/* Floating CTA product + subtle light pass. */
.cta-product-photo{isolation:isolate;overflow:visible}
.cta-product-photo:after{content:"";position:absolute;z-index:3;pointer-events:none;top:10%;bottom:10%;left:8%;width:18%;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),rgba(255,255,255,.42),rgba(255,255,255,.08),transparent);filter:blur(10px);transform:skewX(-18deg) translateX(-360%);opacity:0;animation:ctaLightPass 8.5s var(--motion-soft) infinite}
.cta-photo{animation:ctaCardFloat 7.2s ease-in-out infinite;will-change:transform,filter}
.cta-ring{animation:ctaRingBreathe 6.6s ease-in-out infinite}
@keyframes ctaCardFloat{0%,100%{transform:translate(-50%,-50%) rotate(-10deg) translateY(0) scale(1)}50%{transform:translate(-50%,-50%) rotate(-8.6deg) translateY(-10px) scale(1.018)}}
@keyframes ctaLightPass{0%,18%{transform:skewX(-18deg) translateX(-360%);opacity:0}28%{opacity:.65}48%{transform:skewX(-18deg) translateX(640%);opacity:.5}58%,100%{transform:skewX(-18deg) translateX(640%);opacity:0}}
@keyframes ctaRingBreathe{0%,100%{transform:translate(-50%,-50%) scale(.98);opacity:.72}50%{transform:translate(-50%,-50%) scale(1.035);opacity:1}}

/* Thin / sound feature micro-motion. */
.thin-overlay{transition:transform .4s var(--motion-soft),box-shadow .4s ease,background .4s ease}
.bento-thin:hover .thin-overlay{transform:translateY(-3px);background:rgba(255,255,255,.9);box-shadow:0 22px 54px rgba(6,10,17,.22)}
.sound-rings i{animation:soundPulse 3.8s ease-in-out infinite;transform-origin:center}
.sound-rings i:nth-child(2){animation-delay:-1.05s}.sound-rings i:nth-child(3){animation-delay:-2.05s}
@keyframes soundPulse{0%,100%{opacity:.34;filter:brightness(.85)}50%{opacity:.9;filter:brightness(1.15)}}

/* Product page micro-polish. */
.thumb{transition:transform .3s var(--motion-soft),border-color .3s ease,box-shadow .3s ease,opacity .3s ease}
.thumb:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(17,24,39,.10)}
.bundle-option,.color-option,.use-tab{transition:transform .3s var(--motion-soft),box-shadow .3s ease,border-color .3s ease,background .3s ease}
@media(hover:hover) and (pointer:fine){
  .bundle-option:hover,.color-option:hover{transform:translateY(-2px)}
  .use-tab:hover{transform:translateY(-1px)}
}
.details-accordions details,.faq-list details{transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}
.details-accordions details[open],.faq-list details[open]{box-shadow:0 14px 36px rgba(17,24,39,.055)}

/* Reduced motion remains truly calm. */
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  .showcase-visual img,.moment img,.story-section>img,.details-image img,.use-slide img{transform:none!important;transition:none!important}
  .cta-photo,.cta-product-photo:after,.cta-ring,.sound-rings i{animation:none!important}
  .mini-photo:before,.moment:before,.button:before{display:none!important}
  .step-card,.bento,.moment,.showcase-card,.review-card,.gallery-main,.buy-panel,.details-image{transform:none!important;transition:none!important}
}
\n\n/* =========================================================\n   v21 — STAGE 4: performance, responsive QA, CLS hardening\n   ========================================================= */\n.media-picture{display:block;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}\n.media-picture>img{display:block;width:100%;height:100%;object-fit:cover}\n.story-section>.story-media{position:absolute;inset:0}\n.story-section>.story-media>img{object-position:50% 56%;transform:translate3d(0,var(--parallax-y,0px),0) scale(1.035)}\n.cta-product>.cta-media{position:absolute;inset:0;display:grid;place-items:center;overflow:visible}\n.cta-product>.cta-media .cta-photo{position:relative;left:auto;top:auto;width:min(92%,420px);transform:rotate(-10deg)}\n.use-slide>.use-media{grid-column:1;grid-row:1;height:100%}\n.details-image>.details-media{position:absolute;inset:0}\n.details-image>.details-media>img{object-position:50% 52%}\n.gallery-main>picture.gallery-scene{display:block}\npicture.gallery-scene>.gallery-image{position:absolute;inset:0}\n.feature-bento,.moments-section,.home-cta,.compare-section,.reviews,.faq-section,.details-grid{content-visibility:auto;contain-intrinsic-size:auto 720px}\n.mini-photo,.showcase-visual,.bento,.moment,.story-section,.gallery-main,.details-image,.usecase-stage{contain:layout paint}\n.mini-photo img,.showcase-visual img,.bento img,.moment img,.story-section img,.details-image img,.use-slide img,.gallery-image{background:#eef1f5}\n.gallery-thumbs img{aspect-ratio:1.32/1;object-fit:cover}\n@media (max-width:1180px){.desktop-nav{gap:3px}.desktop-nav a{padding-inline:11px}.showcase-card{overflow:hidden}.story-copy{max-width:500px}}\n@media (max-width:900px){.desktop-nav{display:none}.menu-toggle{display:block}.nav-actions{gap:8px}.site-header.open .mobile-menu{display:flex}.bento-grid,.moment-row{max-width:760px;margin-inline:auto}.showcase-card{max-width:760px}.story-section>.story-media>img{object-position:60% 50%}}\n@media (max-width:720px){.announcement .return-copy,.announcement .announce-sep{display:none}.announcement{justify-content:center;white-space:nowrap}.announcement a{margin-left:2px}.brand-logo-header{width:auto;max-width:146px}.moment-row{grid-template-columns:1fr 1fr}.moment{min-width:0}.story-section>.story-media>img{object-position:62% 50%}.use-slide>.use-media{height:330px}.gallery-main>picture.gallery-scene{inset:0}}\n@media (max-width:480px){.announcement{font-size:8.5px;gap:6px;padding-inline:6px}.announce-flag{width:28px;height:auto}.announcement a{padding:6px 9px;font-size:8.5px}.glass-nav,.site-header.compact .glass-nav{width:calc(100% - 12px);padding-inline:8px}.brand-logo-header{max-width:128px;height:auto!important}.nav-cta{padding-inline:10px}.moment-row{grid-template-columns:1fr}.moment{height:350px}.story-section{height:610px}.story-copy{left:20px;right:20px;bottom:38px}.story-section>.story-media>img{object-position:66% 50%}.home-cta-card{padding-inline:20px}.buy-panel{padding-inline:14px}.bundle-option{gap:8px}.bundle-option strong{font-size:14px}.compare-head,.compare-row{grid-template-columns:1.15fr .78fr .78fr}.compare-row b,.compare-row span{font-size:8.5px}}\n@media (prefers-reduced-data: reduce){.aurora{display:none}.showcase-visual img,.moment img,.story-section img,.details-image img,.use-slide img{transform:none!important}}\n
/* v21 QA targeted media fixes */
.bento-find>.media-picture img{padding-top:100px;object-position:54% 67%;background:#e9f4ff}
.bento-charge>.media-picture img{padding-top:80px;object-position:56% 65%}
.bento .icon-bubble img{padding:0!important;object-position:center!important;background:transparent!important;filter:none!important;transform:none!important}
.bento:hover .icon-bubble img{transform:none!important}
@media(max-width:720px){.bento-find>.media-picture img{padding-top:82px}.bento-charge>.media-picture img{padding-top:68px}}


/* =========================================================
   v22 — Feature cards UI repair: clean HTML icons + captions
   ========================================================= */
.feature-bento .bento{position:relative;overflow:hidden;background:#0d1118;border:1px solid rgba(255,255,255,.62);box-shadow:0 20px 55px rgba(20,29,42,.08);}
.feature-bento .bento>.media-picture{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden;z-index:0;}
.feature-bento .bento>.media-picture>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;padding:0!important;object-fit:cover!important;background:transparent!important;}
.feature-bento .bento-find>.media-picture>img{object-position:51% 56%!important;}
.feature-bento .bento-charge>.media-picture>img{object-position:52% 50%!important;}
.feature-bento .bento-thin>.media-picture>img{object-position:50% 49%!important;}
.feature-bento .bento-sound>.media-picture>img{object-position:55% 50%!important;filter:saturate(.93) contrast(1.02)!important;}

/* remove old top fades — the caption owns its own contrast */
.feature-bento .bento:after{background:linear-gradient(180deg,rgba(5,8,13,.04) 0%,rgba(5,8,13,0) 44%,rgba(5,8,13,.13) 100%)!important;z-index:1!important;}
.feature-bento .bento-find:after{background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 55%,rgba(14,25,40,.08))!important;}

.feature-caption{position:absolute;z-index:6;left:22px;right:22px;bottom:22px;display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:start;padding:15px 17px 16px;border-radius:22px;border:1px solid rgba(255,255,255,.32);backdrop-filter:blur(18px) saturate(1.18);-webkit-backdrop-filter:blur(18px) saturate(1.18);box-shadow:0 14px 36px rgba(4,10,20,.14),inset 0 1px 0 rgba(255,255,255,.28);transition:transform .35s var(--motion-soft),background .35s ease,border-color .35s ease,box-shadow .35s ease;}
.feature-caption-light{background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(247,250,255,.78));color:#0b1220;border-color:rgba(255,255,255,.82);box-shadow:0 18px 44px rgba(47,69,98,.13),inset 0 1px 0 #fff;}
.feature-caption-dark{background:linear-gradient(135deg,rgba(8,13,21,.82),rgba(11,18,29,.64));color:#fff;border-color:rgba(255,255,255,.16);}
.feature-card:hover .feature-caption{transform:translateY(-3px);box-shadow:0 20px 46px rgba(4,10,20,.2),inset 0 1px 0 rgba(255,255,255,.3);}

.feature-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.36),0 8px 22px rgba(13,38,78,.12);overflow:hidden;}
.feature-icon svg{position:static!important;inset:auto!important;width:25px!important;height:25px!important;padding:0!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;object-fit:initial!important;transform:none!important;filter:none!important;background:transparent!important;}
.feature-icon svg .soft{opacity:.42;}
.feature-icon-blue{color:#0969dd;background:linear-gradient(145deg,rgba(228,242,255,.96),rgba(255,255,255,.72));}
.feature-icon-cyan{color:#59c8ff;background:linear-gradient(145deg,rgba(48,120,194,.26),rgba(255,255,255,.08));}
.feature-icon-violet{color:#a9baff;background:linear-gradient(145deg,rgba(116,132,255,.22),rgba(255,255,255,.07));}

.feature-copy-inner{min-width:0;padding-top:1px;}
.feature-kicker{display:block;margin:0 0 4px;font-size:9px;line-height:1.2;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55);}
.feature-caption-light .feature-kicker{color:#667085;}
.feature-caption h3{margin:0 0 5px!important;font-size:clamp(23px,2.1vw,31px)!important;line-height:1.02!important;letter-spacing:-.045em!important;text-wrap:balance;}
.feature-caption p{margin:0!important;max-width:430px!important;font-size:12.5px!important;line-height:1.42!important;color:rgba(255,255,255,.68)!important;text-wrap:pretty;}
.feature-caption-light p{color:#5d6673!important;}

.feature-stat{position:absolute;z-index:7;right:22px;top:22px;display:flex;align-items:baseline;gap:5px;padding:10px 13px 9px;border-radius:15px;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 12px 28px rgba(5,11,20,.12);color:#0b1422;}
.feature-stat strong{font-size:22px;line-height:1;letter-spacing:-.05em;}
.feature-stat span{font-size:10px;font-weight:750;letter-spacing:.04em;color:#5f6975;}
.feature-bento .thin-overlay{display:none!important;}

.feature-bento .refined-rings{z-index:3;right:15px;top:35%;opacity:.52;transform:translateY(-50%) scale(.82);}
.feature-bento .refined-rings i{border-width:1px!important;border-color:rgba(128,198,255,.7)!important;border-left-color:transparent!important;border-bottom-color:transparent!important;box-shadow:none!important;}

@media(max-width:900px){
  .feature-caption{left:18px;right:18px;bottom:18px;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:13px 14px 14px;border-radius:19px;}
  .feature-icon{width:44px;height:44px;border-radius:14px;}
  .feature-icon svg{width:23px!important;height:23px!important;}
  .feature-caption h3{font-size:25px!important;}
  .feature-caption p{font-size:12px!important;}
  .feature-stat{top:18px;right:18px;}
}
@media(max-width:720px){
  .bento-grid{grid-template-rows:repeat(4,420px)!important;}
  .feature-caption{left:14px;right:14px;bottom:14px;grid-template-columns:42px minmax(0,1fr);gap:11px;padding:12px 13px 13px;border-radius:18px;}
  .feature-icon{width:42px;height:42px;border-radius:13px;}
  .feature-caption h3{font-size:23px!important;}
  .feature-caption p{font-size:11.5px!important;line-height:1.4!important;}
  .feature-kicker{font-size:8px;letter-spacing:.14em;}
  .feature-stat{top:14px;right:14px;padding:9px 11px 8px;}
  .feature-stat strong{font-size:20px;}
  .feature-bento .refined-rings{right:-10px;top:31%;transform:translateY(-50%) scale(.68);}
}


/* =========================================================
   v23 — Feature tiles: exact icons, clean type, dual networks
   ========================================================= */
.feature-grid-v23 .feature-card{border-radius:32px!important;overflow:hidden!important;isolation:isolate!important;background:#0b1018!important;box-shadow:0 22px 62px rgba(17,31,51,.10)!important;border:1px solid rgba(255,255,255,.72)!important;}
.feature-grid-v23 .feature-card>.media-picture{position:absolute!important;inset:0!important;z-index:0!important;overflow:hidden!important;}
.feature-grid-v23 .feature-card>.media-picture>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;padding:0!important;transform:scale(1.002)!important;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .8s ease!important;}
.feature-grid-v23 .feature-card:hover>.media-picture>img{transform:scale(1.018)!important;}
.feature-grid-v23 .feature-card:after{content:""!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;background:linear-gradient(180deg,rgba(4,8,13,.02) 0%,rgba(4,8,13,.03) 45%,rgba(4,8,13,.48) 100%)!important;}
.feature-grid-v23 .feature-card-network:after{background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,0) 43%,rgba(8,16,28,.28) 100%)!important;}

.feature-ui{position:absolute;z-index:8;left:22px;right:22px;bottom:22px;min-height:116px;display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:14px;padding:15px 17px;border-radius:22px;backdrop-filter:blur(24px) saturate(1.22);-webkit-backdrop-filter:blur(24px) saturate(1.22);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;}
.feature-ui-dark{background:linear-gradient(135deg,rgba(6,10,16,.86),rgba(14,22,34,.70));border:1px solid rgba(255,255,255,.16);box-shadow:0 20px 50px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.13);color:#fff;}
.feature-ui-light{background:linear-gradient(135deg,rgba(255,255,255,.93),rgba(244,249,255,.82));border:1px solid rgba(255,255,255,.92);box-shadow:0 20px 50px rgba(35,61,95,.15),inset 0 1px 0 rgba(255,255,255,.95);color:#0b1220;}
.feature-card:hover .feature-ui{transform:translateY(-3px);}
.feature-card:hover .feature-ui-dark{box-shadow:0 24px 56px rgba(0,0,0,.29),inset 0 1px 0 rgba(255,255,255,.16);}
.feature-card:hover .feature-ui-light{box-shadow:0 24px 56px rgba(35,61,95,.18),inset 0 1px 0 #fff;}

.feature-ui-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.065));border:1px solid rgba(255,255,255,.20);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 10px 26px rgba(0,0,0,.14);color:#a9d7ff;}
.feature-ui-icon svg{width:28px!important;height:28px!important;display:block!important;position:static!important;padding:0!important;fill:none!important;stroke:currentColor!important;stroke-width:1.85!important;stroke-linecap:round!important;stroke-linejoin:round!important;transform:none!important;filter:none!important;}
.feature-ui-icon svg .arc{opacity:.48;}
.icon-charge{color:#87d5ff;background:linear-gradient(145deg,rgba(26,110,210,.30),rgba(255,255,255,.07));}
.icon-thin{color:#c4d0ff;background:linear-gradient(145deg,rgba(116,132,255,.24),rgba(255,255,255,.06));}
.icon-sound{color:#9ed9ff;background:linear-gradient(145deg,rgba(39,129,219,.27),rgba(255,255,255,.06));}

.feature-ui-copy{min-width:0;align-self:center;}
.feature-label{display:block;margin:0 0 4px;font-size:9px;line-height:1.15;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:rgba(255,255,255,.55);}
.feature-ui-light .feature-label{color:#667085;}
.feature-ui h3{margin:0 0 6px!important;font-size:clamp(23px,2vw,30px)!important;line-height:1.03!important;letter-spacing:-.042em!important;font-weight:720!important;color:inherit!important;text-wrap:balance;}
.feature-ui p{margin:0!important;max-width:520px!important;font-size:12.5px!important;line-height:1.45!important;font-weight:500!important;color:rgba(255,255,255,.69)!important;text-wrap:pretty;}
.feature-ui-light p{color:#5d6672!important;}

.feature-network-icons{display:flex;align-items:center;gap:7px;width:max-content;align-self:center;}
.network-logo{width:49px;height:49px;display:grid;place-items:center;border-radius:16px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(20,43,74,.12),inset 0 1px 0 #fff;overflow:hidden;}
.network-logo img{display:block!important;position:static!important;width:35px!important;height:35px!important;object-fit:contain!important;padding:0!important;transform:none!important;filter:none!important;background:transparent!important;}
.feature-card-network .feature-ui{grid-template-columns:105px minmax(0,1fr);}

.feature-stat-v23{position:absolute;z-index:9;right:22px;top:22px;display:flex;align-items:baseline;gap:4px;padding:10px 13px 9px;border-radius:15px;background:rgba(255,255,255,.91);border:1px solid rgba(255,255,255,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 30px rgba(5,11,20,.13);color:#0b1422;}
.feature-stat-v23 strong{font-size:22px;line-height:1;letter-spacing:-.05em;}
.feature-stat-v23 span{font-size:10px;font-weight:800;letter-spacing:.04em;color:#5f6975;}

/* remove superseded feature UI to prevent collisions */
.feature-grid-v23 .feature-caption,.feature-grid-v23 .feature-icon,.feature-grid-v23 .feature-stat,.feature-grid-v23 .thin-overlay{display:none!important;}
.feature-grid-v23 .bento-copy{display:none!important;}
.feature-grid-v23 .refined-rings{z-index:4!important;right:10px!important;top:33%!important;opacity:.40!important;transform:translateY(-50%) scale(.68)!important;}
.feature-grid-v23 .refined-rings i{border-width:1px!important;border-color:rgba(143,204,255,.62)!important;border-left-color:transparent!important;border-bottom-color:transparent!important;box-shadow:none!important;}

@media(max-width:1100px){
  .feature-ui{left:18px;right:18px;bottom:18px;min-height:108px;grid-template-columns:50px minmax(0,1fr);gap:12px;padding:14px 15px;border-radius:20px;}
  .feature-ui-icon{width:50px;height:50px;border-radius:16px;}
  .feature-card-network .feature-ui{grid-template-columns:96px minmax(0,1fr);}
  .network-logo{width:45px;height:45px;border-radius:14px;}
  .network-logo img{width:32px!important;height:32px!important;}
  .feature-ui h3{font-size:24px!important;}
}
@media(max-width:720px){
  .bento-grid.feature-grid-v23{grid-template-rows:repeat(4,430px)!important;}
  .feature-ui{left:14px;right:14px;bottom:14px;min-height:auto;grid-template-columns:46px minmax(0,1fr);gap:11px;padding:12px 13px 13px;border-radius:18px;}
  .feature-ui-icon{width:46px;height:46px;border-radius:14px;}
  .feature-ui-icon svg{width:25px!important;height:25px!important;}
  .feature-ui h3{font-size:22px!important;margin-bottom:5px!important;}
  .feature-ui p{font-size:11.5px!important;line-height:1.38!important;}
  .feature-label{font-size:8px;letter-spacing:.14em;}
  .feature-card-network .feature-ui{grid-template-columns:88px minmax(0,1fr);}
  .feature-network-icons{gap:5px;}
  .network-logo{width:41px;height:41px;border-radius:13px;}
  .network-logo img{width:29px!important;height:29px!important;}
  .feature-stat-v23{top:14px;right:14px;padding:9px 11px 8px;}
  .feature-stat-v23 strong{font-size:20px;}
  .feature-grid-v23 .refined-rings{right:-18px!important;top:30%!important;transform:translateY(-50%) scale(.55)!important;}
}
@media(max-width:430px){
  .feature-card-network .feature-ui{grid-template-columns:1fr;gap:9px;}
  .feature-network-icons{justify-self:start;}
  .feature-ui{grid-template-columns:42px minmax(0,1fr);}
  .feature-ui-icon{width:42px;height:42px;border-radius:13px;}
  .feature-ui h3{font-size:20px!important;}
}


/* v24 — moments section turned into interactive slider with clearer category imagery */
.moments-section{padding-top:82px}
.moments-shell{max-width:1280px;margin:0 auto;display:grid;gap:18px}
.moments-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.moment-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.moment-tab{appearance:none;border:none;padding:12px 16px;border-radius:999px;background:rgba(255,255,255,.8);border:1px solid rgba(18,24,35,.08);box-shadow:0 12px 32px rgba(15,23,42,.06);color:#546071;font-size:13px;font-weight:720;letter-spacing:-.01em;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:transform .28s var(--ease),box-shadow .28s var(--ease),background .28s var(--ease),color .28s var(--ease),border-color .28s var(--ease)}
.moment-tab span{display:grid;place-items:center;width:26px;height:26px;border-radius:999px;background:#edf2f8;color:#23344f;font-size:11px;font-weight:800;letter-spacing:.02em;transition:inherit}
.moment-tab:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(15,23,42,.1)}
.moment-tab.is-active{background:linear-gradient(180deg,#101826,#1e2c41);color:#fff;border-color:rgba(11,15,22,.36);box-shadow:0 22px 48px rgba(9,14,24,.18)}
.moment-tab.is-active span{background:rgba(255,255,255,.12);color:#fff}
.moment-nav{display:flex;align-items:center;gap:10px}
.moment-nav-btn{width:46px;height:46px;border-radius:16px;border:1px solid rgba(18,24,35,.08);background:rgba(255,255,255,.82);box-shadow:0 12px 28px rgba(15,23,42,.06);display:grid;place-items:center;cursor:pointer;transition:transform .28s var(--ease),box-shadow .28s var(--ease),background .28s var(--ease)}
.moment-nav-btn:hover{transform:translateY(-1px);background:#fff;box-shadow:0 18px 34px rgba(15,23,42,.12)}
.moment-nav-btn svg{width:20px;height:20px;stroke:#15253d;stroke-width:2.1;fill:none;stroke-linecap:round;stroke-linejoin:round}
.moment-slider{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(310px,31.8%);gap:18px;overflow-x:auto;overscroll-behavior-x:contain;padding:4px 2px 16px;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;cursor:grab}
.moment-slider::-webkit-scrollbar{display:none}
.moment-slider.is-dragging{cursor:grabbing;scroll-snap-type:none}
.moment-card{position:relative;min-height:520px;border-radius:32px;overflow:hidden;background:#0a0d12;scroll-snap-align:center;box-shadow:0 24px 56px rgba(10,16,24,.12);transform:translateY(0) scale(.978);opacity:.82;transition:transform .42s var(--ease),opacity .32s var(--ease),box-shadow .42s var(--ease)}
.moment-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,12,18,0) 34%,rgba(6,8,12,.12) 56%,rgba(4,6,10,.84) 100%);z-index:1}
.moment-card:after{content:"";position:absolute;inset:auto 0 0;height:55%;background:radial-gradient(120% 70% at 50% 100%,rgba(88,130,206,.2),transparent 58%);opacity:.65;z-index:1;pointer-events:none}
.moment-card img{width:100%;height:100%;object-fit:cover;transition:transform .75s var(--ease),filter .75s var(--ease)}
.moment-card:hover img,.moment-card.is-active img{transform:scale(1.04);filter:saturate(1.06)}
.moment-card.is-active{transform:translateY(-6px) scale(1);opacity:1;box-shadow:0 34px 78px rgba(10,16,24,.18)}
.moment-overlay{position:absolute;left:24px;right:24px;bottom:24px;z-index:2;color:#fff;display:grid;gap:10px}
.moment-kicker{display:inline-flex;align-items:center;justify-self:start;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.18);font-size:11px;font-weight:760;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.92)}
.moment-overlay h3{margin:0;font-size:34px;letter-spacing:-.05em;line-height:.98}
.moment-overlay p{margin:0;max-width:27ch;font-size:15px;line-height:1.46;color:rgba(255,255,255,.82)}
.moment-progress{height:4px;border-radius:999px;background:rgba(17,24,39,.08);overflow:hidden}
.moment-progress span{display:block;height:100%;width:25%;border-radius:inherit;background:linear-gradient(90deg,#10244d 0%,#3c72d2 50%,#93befb 100%);transition:width .35s var(--ease)}
.moment-card[data-index="0"] img{object-position:52% 50%}
.moment-card[data-index="1"] img{object-position:50% 45%}
.moment-card[data-index="2"] img{object-position:46% 50%}
.moment-card[data-index="3"] img{object-position:50% 48%}
@media(max-width:1100px){.moment-slider{grid-auto-columns:minmax(300px,46%)}.moment-card{min-height:470px}.moment-overlay h3{font-size:30px}}
@media(max-width:720px){.moments-section{padding-top:72px}.moments-head{align-items:flex-start}.moment-tabs{gap:8px}.moment-tab{padding:10px 14px;font-size:12px}.moment-tab span{width:24px;height:24px;font-size:10px}.moment-nav{display:none}.moment-slider{grid-auto-columns:84vw;gap:12px;padding-bottom:12px}.moment-card{min-height:390px;border-radius:26px}.moment-overlay{left:18px;right:18px;bottom:18px}.moment-kicker{padding:8px 12px;font-size:10px}.moment-overlay h3{font-size:28px}.moment-overlay p{font-size:14px;max-width:24ch}}
@media(prefers-reduced-motion:reduce){.moment-tab,.moment-nav-btn,.moment-card,.moment-card img,.moment-progress span{transition:none!important}.moment-slider{scroll-behavior:auto}}


/* v26 — premium autoplay moments carousel */
.moments-shell{
  --moment-duration:5200ms;
  position:relative;
  padding:18px;
  border-radius:36px;
  background:
    radial-gradient(900px circle at 12% 0%,rgba(255,255,255,.96),rgba(255,255,255,.72) 42%,transparent 70%),
    linear-gradient(135deg,rgba(255,255,255,.82),rgba(240,247,255,.62));
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 28px 80px rgba(33,50,78,.10),inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:blur(24px) saturate(1.15);
  -webkit-backdrop-filter:blur(24px) saturate(1.15);
  overflow:hidden;
}
.moments-shell:before{
  content:"";position:absolute;inset:-35% auto auto -8%;width:520px;height:260px;border-radius:50%;
  background:radial-gradient(circle,rgba(117,174,255,.16),transparent 68%);filter:blur(28px);pointer-events:none;
}
.moments-shell:after{
  content:"";position:absolute;right:-8%;bottom:-40%;width:420px;height:300px;border-radius:50%;
  background:radial-gradient(circle,rgba(162,132,255,.11),transparent 70%);filter:blur(34px);pointer-events:none;
}
.moments-head,.moment-slider,.moment-progress{position:relative;z-index:1}
.moments-head{padding:2px 2px 0}
.moment-tabs{
  padding:5px;border-radius:999px;background:rgba(239,244,250,.72);border:1px solid rgba(255,255,255,.88);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 10px 30px rgba(17,28,48,.06);
}
.moment-tab{position:relative;overflow:hidden;background:transparent;border-color:transparent;box-shadow:none;padding:11px 16px}
.moment-tab:hover{background:rgba(255,255,255,.58);box-shadow:none;transform:none}
.moment-tab.is-active{
  background:linear-gradient(145deg,#0f1b2d,#22344e 70%,#2e4770);
  box-shadow:0 12px 30px rgba(13,27,48,.24),inset 0 1px 0 rgba(255,255,255,.14);
  transform:none;
}
.moment-tab.is-active:after{
  content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:999px;
  background:linear-gradient(90deg,#7db8ff,#d1b7ff);transform-origin:left center;transform:scaleX(0);opacity:.95;
}
.moments-shell.is-autoplay .moment-tab.is-active:after{animation:momentTabTimer var(--moment-duration) linear forwards}
.moments-shell.is-paused .moment-tab.is-active:after{animation-play-state:paused}
@keyframes momentTabTimer{to{transform:scaleX(1)}}
.moment-nav-btn{background:rgba(255,255,255,.74);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.moment-nav-btn:hover{background:#fff;transform:translateY(-2px) scale(1.02)}
.moment-slider{padding:8px 2px 18px}
.moment-card{
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 48px rgba(9,16,28,.10);
  transform:translateY(4px) scale(.965);
  opacity:.68;
}
.moment-card.is-active{
  transform:translateY(-7px) scale(1);
  opacity:1;
  border-color:rgba(255,255,255,.28);
  box-shadow:0 38px 88px rgba(8,15,27,.22),0 0 0 1px rgba(113,171,255,.10);
}
.moment-card.is-active:after{opacity:.95}
.moment-card.is-active .moment-overlay{transform:translateY(0);opacity:1}
.moment-overlay{transform:translateY(4px);transition:transform .42s var(--ease),opacity .42s var(--ease)}
.moment-card:not(.is-active) .moment-overlay{opacity:.86}
.moment-progress{height:5px;margin:0 2px;border-radius:999px;background:rgba(17,24,39,.08);overflow:hidden}
.moment-progress span{
  position:relative;width:25%;height:100%;display:block;border-radius:inherit;
  background:rgba(19,39,70,.18);transform:translateX(calc(var(--moment-index,0) * 100%));
  transition:transform .45s var(--ease);
}
.moment-progress span:after{
  content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#102b58,#4b83e8 55%,#a8cfff);
  transform-origin:left center;transform:scaleX(0);
}
.moments-shell.is-autoplay .moment-progress span:after{animation:momentRailTimer var(--moment-duration) linear forwards}
.moments-shell.is-paused .moment-progress span:after{animation-play-state:paused}
@keyframes momentRailTimer{to{transform:scaleX(1)}}
@media(max-width:720px){
  .moments-shell{padding:12px;border-radius:28px}
  .moment-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;justify-content:flex-start}
  .moment-tabs::-webkit-scrollbar{display:none}
  .moment-tab{flex:0 0 auto}
}
@media(prefers-reduced-motion:reduce){
  .moments-shell.is-autoplay .moment-tab.is-active:after,.moments-shell.is-autoplay .moment-progress span:after{animation:none!important;transform:scaleX(1)}
}


/* v27 — richer Home information architecture, balanced product content */
.home-product-story,.home-bundles,.home-specs,.home-compare,.home-knowledge,.home-reviews{position:relative}
.home-product-story-grid,.home-bundle-layout,.home-knowledge-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}
.home-product-visual,.home-bundle-photo,.home-knowledge-visual{position:relative;overflow:hidden;border-radius:34px;min-height:640px;background:#0a0d12;box-shadow:0 30px 80px rgba(15,23,42,.11);isolation:isolate}
.home-product-visual picture,.home-bundle-photo picture,.home-knowledge-visual picture{position:absolute;inset:0}
.home-product-visual img,.home-bundle-photo img,.home-knowledge-visual img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),filter .8s var(--ease)}
.home-product-visual:hover img,.home-bundle-photo:hover img,.home-knowledge-visual:hover img{transform:scale(1.035);filter:saturate(1.04)}
.home-product-visual:after,.home-bundle-photo:after,.home-knowledge-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,8,12,0) 45%,rgba(6,8,12,.66) 100%);pointer-events:none}
.home-product-visual-badge{position:absolute;left:22px;bottom:22px;z-index:2;padding:15px 18px;border-radius:18px;background:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(18px);box-shadow:0 18px 42px rgba(10,15,24,.18);display:grid;gap:2px;color:#0f1728}
.home-product-visual-badge span{font-family:"Space Grotesk",sans-serif;font-size:25px;font-weight:700;letter-spacing:-.05em}.home-product-visual-badge small{font-size:10px;color:#697386;text-transform:uppercase;letter-spacing:.09em;font-weight:700}
.home-product-copy{padding:18px 6px 18px 28px;display:flex;flex-direction:column;justify-content:center}
.home-product-copy h2{font-size:clamp(46px,5.4vw,76px);line-height:.98;letter-spacing:-.065em;margin:14px 0 18px;max-width:700px}.home-product-lead{font-size:17px;line-height:1.65;max-width:650px;color:#687282;margin:0 0 24px}
.home-network-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 22px}.home-network-pair>div{display:flex;align-items:center;gap:12px;padding:14px;border-radius:20px;background:rgba(255,255,255,.82);border:1px solid rgba(21,31,50,.08);box-shadow:0 14px 34px rgba(15,23,42,.05)}.home-network-pair img{width:40px;height:40px;object-fit:contain;border-radius:12px}.home-network-pair span{display:flex;flex-direction:column;gap:2px}.home-network-pair b{font-size:13px;color:#101725}.home-network-pair small{font-size:10px;color:#7b8493}
.home-fact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.home-fact-grid article{position:relative;padding:16px 16px 15px 46px;border-radius:18px;background:#fff;border:1px solid rgba(20,28,42,.075);box-shadow:0 12px 30px rgba(15,23,42,.045)}.home-fact-grid article>span{position:absolute;left:14px;top:16px;width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:#eff4fb;color:#2b5da7;font-size:9px;font-weight:800}.home-fact-grid b{display:block;font-size:14px;color:#111827;letter-spacing:-.02em}.home-fact-grid small{display:block;margin-top:4px;font-size:11px;line-height:1.35;color:#818896}
.home-product-actions{display:flex;align-items:center;gap:20px;margin-top:24px;flex-wrap:wrap}
.home-bundle-layout{align-items:stretch}.home-bundle-photo{min-height:650px}.bundle-photo-copy{position:absolute;left:26px;right:26px;bottom:26px;z-index:2;color:#fff}.bundle-photo-copy span{font-size:10px;font-weight:800;letter-spacing:.13em;color:rgba(255,255,255,.76)}.bundle-photo-copy h3{font-size:38px;line-height:1;letter-spacing:-.055em;margin:8px 0 0;max-width:450px}
.home-bundle-panel{padding:24px;border-radius:34px;background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.9);box-shadow:0 30px 80px rgba(15,23,42,.08);display:flex;flex-direction:column;justify-content:center;gap:16px;backdrop-filter:blur(20px)}
.home-bundle-selector{display:grid;gap:10px}.home-bundle-card{appearance:none;width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;text-align:left;padding:16px 17px;border-radius:20px;border:1px solid rgba(20,28,42,.09);background:#fff;cursor:pointer;transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease),background .28s var(--ease)}.home-bundle-card:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(15,23,42,.09)}.home-bundle-card.is-active{border-color:rgba(38,93,176,.4);background:linear-gradient(180deg,#fff,#f5f8fd);box-shadow:0 20px 46px rgba(42,89,164,.12)}.bundle-count{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#101827;color:#fff;font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:18px}.bundle-count.two{background:#2d517f}.bundle-count.three{background:#6b3d59}.home-bundle-card b{display:flex;align-items:center;gap:8px;font-size:14px;color:#111827}.home-bundle-card b em{font-style:normal;font-size:8px;letter-spacing:.08em;padding:5px 7px;border-radius:999px;background:#eaf2ff;color:#2f62ad}.home-bundle-card>div small{display:block;margin-top:4px;font-size:11px;color:#7d8591}.home-bundle-card>strong{font-size:18px;color:#111827;display:flex;flex-direction:column;align-items:flex-end}.home-bundle-card>strong small{font-size:9px;font-weight:600;color:#848b96;margin-top:2px}
.home-finishes,.home-bundle-total{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 16px;border-radius:18px;background:#f5f7fa;border:1px solid rgba(20,28,42,.06)}.home-finishes>div:first-child{display:grid;gap:3px}.home-finishes span,.home-bundle-total small{font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8a93a0}.home-finishes b,.home-bundle-total b{font-size:12px;color:#202938}.finish-dots{display:flex;gap:7px}.finish-dots i{width:22px;height:22px;border-radius:50%;background:var(--dot);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08),0 3px 8px rgba(0,0,0,.12)}.home-bundle-total strong{font-size:30px;letter-spacing:-.05em;color:#111827}.home-bundle-cta{justify-content:center;width:100%}.home-bundle-benefits{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;font-size:10px;font-weight:700;color:#687282}
.home-specs-card{max-width:1280px;margin:0 auto;border-radius:38px;padding:54px;display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;background:radial-gradient(circle at 74% 30%,rgba(79,135,222,.24),transparent 30%),linear-gradient(135deg,#09111e,#13233a 55%,#1c3555);color:#fff;box-shadow:0 35px 90px rgba(10,20,38,.18);overflow:hidden}.home-specs-copy h2{font-size:clamp(46px,5vw,68px);line-height:1;letter-spacing:-.06em;margin:14px 0 18px}.home-specs-copy>p{color:rgba(255,255,255,.68);font-size:16px;line-height:1.6;max-width:600px}.home-spec-pills{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.home-spec-pills span{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);font-size:10px;color:rgba(255,255,255,.66)}.home-spec-pills b{font-size:15px;color:#fff;margin-right:5px}.home-spec-list{margin:0;display:grid;gap:0}.home-spec-list div{display:grid;grid-template-columns:145px 1fr;gap:16px;padding:13px 0;border-top:1px solid rgba(255,255,255,.09)}.home-spec-list dt{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.48);font-weight:700}.home-spec-list dd{margin:0;font-size:13px;color:#fff;font-weight:650}
.home-spec-side{display:flex;flex-direction:column;gap:18px;justify-content:center}.home-exploded{height:360px;position:relative;perspective:1200px}.home-layer{position:absolute;left:8%;width:84%;height:180px;border-radius:24px;box-shadow:0 30px 55px rgba(0,0,0,.28);transform-style:preserve-3d}.home-layer-top{top:15px;z-index:3;background:linear-gradient(145deg,#24272d,#090a0d);transform:rotateX(62deg) rotateZ(-5deg);display:flex;align-items:flex-start;justify-content:space-between;padding:18px;color:#fff;font-weight:800;font-size:13px}.home-layer-top i{width:26px;height:26px;border-radius:50%;border:4px solid #fff}.home-layer-core{top:92px;z-index:2;background:linear-gradient(145deg,#263348,#0c1320);transform:rotateX(62deg) rotateZ(-5deg);overflow:hidden}.home-layer-bottom{top:168px;z-index:1;background:linear-gradient(145deg,#171b22,#07090d);transform:rotateX(62deg) rotateZ(-5deg)}.home-coil{position:absolute;width:90px;height:90px;border-radius:50%;border:10px double rgba(255,255,255,.72);left:50%;top:50%;transform:translate(-50%,-50%)}.home-battery{position:absolute;width:140px;height:70px;border-radius:16px;background:linear-gradient(135deg,#eef3f8,#bdc7d4);left:12%;top:50%;transform:translateY(-50%)}.home-chip{position:absolute;width:55px;height:44px;border-radius:9px;background:#db7d45;right:15%;top:50%;transform:translateY(-50%)}.home-info-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.home-info-mini-grid article{padding:16px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}.home-info-mini-grid span{font-size:9px;font-weight:800;letter-spacing:.1em;color:rgba(255,255,255,.46)}.home-info-mini-grid b{display:block;margin-top:5px;font-size:15px}.home-info-mini-grid small{display:block;margin-top:4px;color:rgba(255,255,255,.6);font-size:10px;line-height:1.35}
.home-compare-card{max-width:1120px;margin:0 auto;border-radius:30px;background:#fff;border:1px solid rgba(20,28,42,.08);box-shadow:0 28px 72px rgba(15,23,42,.08);overflow:hidden}.home-compare-card>div{display:grid;grid-template-columns:1.45fr .8fr .8fr;gap:18px;align-items:center;min-height:64px;padding:0 24px;border-top:1px solid rgba(20,28,42,.07)}.home-compare-card>div:first-child{border-top:none}.home-compare-head{min-height:84px!important;background:linear-gradient(180deg,#f8fafc,#f2f5f9);font-size:12px;color:#4c5868}.home-compare-head b{font-size:12px;color:#111827}.home-compare-card>div>span{font-size:12px;font-weight:700;color:#273142}.home-compare-card>div>b.good{font-size:20px;color:#237a51}.home-compare-card>div>small{font-size:11px;color:#7c8490}
.home-knowledge-grid{align-items:stretch}.home-knowledge-visual{min-height:620px}.home-knowledge-label{position:absolute;left:28px;right:28px;bottom:28px;z-index:2;color:#fff}.home-knowledge-label span{font-size:9px;font-weight:800;letter-spacing:.13em;color:rgba(255,255,255,.66)}.home-knowledge-label h3{font-size:44px;line-height:1;letter-spacing:-.055em;margin:9px 0 0;max-width:520px}.home-faq{align-self:center;display:grid;gap:10px}.home-faq details{border-radius:20px;background:#fff;border:1px solid rgba(20,28,42,.075);box-shadow:0 12px 30px rgba(15,23,42,.045);overflow:hidden}.home-faq summary{cursor:pointer;list-style:none;padding:18px 20px;font-size:14px;font-weight:760;color:#151d2a;display:flex;justify-content:space-between;align-items:center;gap:18px}.home-faq summary::-webkit-details-marker{display:none}.home-faq summary span{font-size:20px;font-weight:400;transition:transform .28s var(--ease)}.home-faq details[open] summary span{transform:rotate(45deg)}.home-faq details p{margin:0;padding:0 20px 19px;font-size:12px;line-height:1.6;color:#707988}
.home-review-score{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.home-review-score>span{color:#f3a91e;font-size:18px;letter-spacing:2px}.home-review-score b{font-size:20px}.home-review-score small{width:100%;font-size:9px;color:#939aa5}.home-review-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.home-review-card{padding:26px;border-radius:26px;background:#fff;border:1px solid rgba(20,28,42,.075);box-shadow:0 18px 45px rgba(15,23,42,.06)}.home-review-card>span{color:#f3a91e;letter-spacing:2px;font-size:14px}.home-review-card h3{font-size:24px;letter-spacing:-.04em;margin:18px 0 10px}.home-review-card p{font-size:13px;line-height:1.6;color:#6f7784;min-height:62px}.home-review-card>b{font-size:11px;color:#252e3a}
@media(max-width:1100px){.home-product-story-grid,.home-bundle-layout,.home-knowledge-grid{grid-template-columns:1fr}.home-product-visual,.home-bundle-photo,.home-knowledge-visual{min-height:560px}.home-product-copy{padding:22px 4px}.home-specs-card{grid-template-columns:1fr;padding:42px}.home-exploded{height:320px}.home-review-grid{grid-template-columns:1fr 1fr}.home-review-card:last-child{grid-column:1/-1}}
@media(max-width:720px){.home-product-visual,.home-bundle-photo,.home-knowledge-visual{min-height:430px;border-radius:26px}.home-product-copy h2,.home-specs-copy h2{font-size:42px}.home-product-lead{font-size:14px}.home-network-pair{grid-template-columns:1fr}.home-fact-grid{grid-template-columns:1fr}.home-bundle-panel{padding:16px;border-radius:26px}.home-bundle-card{grid-template-columns:auto 1fr;padding:14px}.home-bundle-card>strong{grid-column:2;align-items:flex-start}.home-finishes,.home-bundle-total{align-items:flex-start}.home-finishes{flex-direction:column}.home-specs-card{padding:28px 20px;border-radius:28px;gap:22px}.home-spec-list div{grid-template-columns:105px 1fr}.home-exploded{height:260px}.home-layer{height:138px}.home-layer-core{top:72px}.home-layer-bottom{top:130px}.home-info-mini-grid{grid-template-columns:1fr}.home-compare-card{overflow-x:auto}.home-compare-card>div{min-width:680px}.home-knowledge-label h3{font-size:36px}.home-review-grid{grid-template-columns:1fr}.home-review-card:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.home-product-visual img,.home-bundle-photo img,.home-knowledge-visual img,.home-faq summary span{transition:none!important}}
.button-dark{background:linear-gradient(180deg,#151d2a,#080b10)!important;color:#fff!important;border:1px solid rgba(8,12,18,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 14px 34px rgba(9,14,24,.18)!important}
.button-dark:hover{background:linear-gradient(180deg,#1b2738,#0c1119)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 20px 46px rgba(9,14,24,.24)!important}


/* v28 — Home now reuses the actual Product Card information components. */
body[data-page="home"] .detail-band{margin-top:34px}
body[data-page="home"] .details-grid{padding-top:72px;padding-bottom:88px}
body[data-page="home"] .home-bundles{padding-top:78px;padding-bottom:92px}
body[data-page="home"] .compare-section{padding-top:84px}
body[data-page="home"] .reviews{padding-top:90px}
body[data-page="home"] .faq-section{padding-top:76px;padding-bottom:96px}
body[data-page="home"] #details,
body[data-page="home"] #compare,
body[data-page="home"] #reviews{scroll-margin-top:118px}
@media(max-width:1100px){
  body[data-page="home"] .detail-band{margin-top:18px}
  body[data-page="home"] .details-grid{padding-top:60px;padding-bottom:74px}
  body[data-page="home"] .home-bundles{padding-top:64px;padding-bottom:76px}
}
@media(max-width:720px){
  body[data-page="home"] .detail-band{margin-top:10px}
  body[data-page="home"] .details-grid{padding-top:48px;padding-bottom:58px}
  body[data-page="home"] .home-bundles{padding-top:52px;padding-bottom:62px}
  body[data-page="home"] .compare-section{padding-top:58px}
  body[data-page="home"] .reviews{padding-top:62px}
  body[data-page="home"] .faq-section{padding-top:54px;padding-bottom:72px}
}


/* =========================================================
   v29 — viewport-only ambient moments animation (no carousel motion)
   ========================================================= */
.moments-shell{
  --moment-duration:4600ms;
  padding:22px;
  gap:20px;
}
.moments-head{justify-content:flex-start}
.moment-nav{display:none!important}
.moment-tabs{
  width:max-content;
  max-width:100%;
  background:rgba(241,245,250,.74);
  border:1px solid rgba(255,255,255,.92);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 10px 28px rgba(24,36,58,.055);
}
.moment-tab{cursor:pointer}
.moment-tab.is-active{
  background:linear-gradient(145deg,#111b2b,#21334d 70%,#2b4163);
  box-shadow:0 12px 28px rgba(13,27,48,.19),inset 0 1px 0 rgba(255,255,255,.12);
}
.moment-tab.is-active:after{
  left:auto;right:11px;bottom:auto;top:50%;width:7px;height:7px;border-radius:50%;
  transform:translateY(-50%) scale(1);background:#9dc7ff;box-shadow:0 0 0 0 rgba(157,199,255,.35);
}
.moments-shell.is-in-view:not(.is-paused) .moment-tab.is-active:after{animation:momentDotPulse 2.4s ease-out infinite}
@keyframes momentDotPulse{0%{box-shadow:0 0 0 0 rgba(157,199,255,.34)}65%,100%{box-shadow:0 0 0 9px rgba(157,199,255,0)}}

.moment-slider{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-auto-flow:unset;
  grid-auto-columns:unset;
  gap:16px;
  overflow:visible;
  padding:4px 0 10px;
  scroll-snap-type:none;
  scroll-behavior:auto;
  cursor:default;
}
.moment-slider.is-dragging{cursor:default;scroll-snap-type:none}
.moment-card{
  min-width:0;
  min-height:480px;
  scroll-snap-align:none;
  transform:none;
  opacity:1;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 18px 48px rgba(9,16,28,.11);
  transition:box-shadow .55s var(--ease),border-color .55s var(--ease),filter .55s var(--ease);
}
.moment-card img{
  transform:scale(1.015);
  filter:saturate(.94) brightness(.965);
  transition:transform 1.2s var(--ease),filter .75s var(--ease);
}
.moment-card:hover img{transform:scale(1.035);filter:saturate(1.02) brightness(1)}
.moment-card.is-active{
  transform:none;
  opacity:1;
  border-color:rgba(143,188,255,.42);
  box-shadow:0 24px 64px rgba(10,18,32,.17),0 0 0 1px rgba(126,177,255,.10),0 0 52px rgba(89,145,230,.08);
}
.moment-card.is-active img{transform:scale(1.035);filter:saturate(1.035) brightness(1.015)}
.moment-card:after{opacity:.66}
.moment-card.is-active:after{opacity:.82}
.moment-card:before{background:linear-gradient(180deg,rgba(10,12,18,0) 30%,rgba(6,8,12,.12) 56%,rgba(4,6,10,.86) 100%)}

/* A subtle specular scan appears only on the active card while the section is visible. */
.moment-card .media-picture:after{
  content:"";position:absolute;inset:-14% auto -14% -32%;width:18%;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),rgba(157,201,255,.13),transparent);
  filter:blur(10px);transform:skewX(-12deg) translateX(0);opacity:0;
}
.moments-shell.is-in-view:not(.is-paused) .moment-card.is-active .media-picture:after{
  opacity:1;animation:momentAmbientScan var(--moment-duration) cubic-bezier(.36,.12,.28,1) both;
}
@keyframes momentAmbientScan{
  0%,18%{transform:skewX(-12deg) translateX(0);opacity:0}
  28%{opacity:.9}
  78%{opacity:.72}
  100%{transform:skewX(-12deg) translateX(780%);opacity:0}
}
.moment-card.is-active .moment-kicker{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.24)}
.moment-card:not(.is-active) .moment-overlay{opacity:.92}

/* No moving carousel rail; the line only fades as a calm activity indicator. */
.moment-progress{height:3px;margin-top:0;background:rgba(17,24,39,.065)}
.moment-progress span{
  width:100%;transform:none!important;background:linear-gradient(90deg,rgba(28,58,106,.16),rgba(80,136,224,.32),rgba(166,201,255,.18));
  opacity:.46;transition:opacity .35s ease;
}
.moment-progress span:after{display:none!important}
.moments-shell.is-in-view .moment-progress span{opacity:.78}

@media(max-width:1100px){
  .moment-slider{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .moment-card{min-height:430px}
}
@media(max-width:720px){
  .moments-shell{padding:12px 12px 16px}
  .moment-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .moment-tabs::-webkit-scrollbar{display:none}
  .moment-tab{flex:0 0 auto}
  .moment-slider{grid-template-columns:1fr;gap:12px;overflow:visible;padding-bottom:4px}
  .moment-card{min-height:390px}
}
@media(prefers-reduced-motion:reduce){
  .moments-shell.is-in-view .moment-tab.is-active:after,.moments-shell.is-in-view .moment-card.is-active .media-picture:after{animation:none!important}
  .moment-card,.moment-card img{transition:none!important}
}


/* v30 — requested Home section order: Details between How It Works and Technology; Compare between Technology and Features */
body[data-page="home"] #details.home-details-placement{
  scroll-margin-top:118px;
  padding-top:clamp(68px,7vw,92px);
  padding-bottom:clamp(72px,7.5vw,98px);
}
body[data-page="home"] #details.home-details-placement .details-accordions,
body[data-page="home"] #details.home-details-placement .details-image{
  align-self:stretch;
}
body[data-page="home"] #technology{
  padding-top:clamp(18px,2.2vw,30px);
  padding-bottom:clamp(74px,7vw,94px);
}
body[data-page="home"] #compare.home-compare-placement{
  scroll-margin-top:118px;
  padding-top:0;
  padding-bottom:clamp(74px,7vw,96px);
}
body[data-page="home"] #compare.home-compare-placement .center-copy{
  margin-bottom:clamp(34px,4vw,48px);
}
body[data-page="home"] #features{
  padding-top:clamp(10px,1.6vw,22px);
}
body[data-page="home"] #hardware{
  margin-top:clamp(44px,5vw,72px);
}
@media(max-width:900px){
  body[data-page="home"] #details.home-details-placement{padding-top:62px;padding-bottom:72px}
  body[data-page="home"] #technology{padding-bottom:68px}
  body[data-page="home"] #compare.home-compare-placement{padding-bottom:68px}
}
@media(max-width:720px){
  body[data-page="home"] #details.home-details-placement{scroll-margin-top:86px;padding-top:48px;padding-bottom:58px}
  body[data-page="home"] #technology{padding-top:6px;padding-bottom:54px}
  body[data-page="home"] #compare.home-compare-placement{scroll-margin-top:86px;padding-bottom:54px}
  body[data-page="home"] #features{padding-top:4px}
}

/* =========================================================
   v32 — Home spacing repair + full-width specifications
   Fixes: oversized blank gaps, sticky overlap, horizontal drift,
   and aligns Details with the same 1500px page frame as hero/CTA.
   ========================================================= */
html,body{max-width:100%;overflow-x:clip}
body[data-page="home"] main{width:100%;overflow:clip}

/* Do not reserve artificial off-screen heights on the Home page.
   The old performance containment produced visible empty bands after
   sections were reordered/removed. */
body[data-page="home"] .feature-bento,
body[data-page="home"] .home-cta,
body[data-page="home"] .compare-section,
body[data-page="home"] .reviews,
body[data-page="home"] .faq-section,
body[data-page="home"] .details-grid{
  content-visibility:visible!important;
  contain-intrinsic-size:none!important;
}

/* Header: keep the complete wordmark safely inside the viewport. */
body[data-page="home"] .glass-nav,
body[data-page="home"] .site-header.compact .glass-nav{
  width:min(1720px,calc(100% - 32px))!important;
  margin-inline:auto!important;
}
body[data-page="home"] .glass-nav{padding-inline:22px!important}
body[data-page="home"] .brand{min-width:126px!important;overflow:visible!important;flex:0 0 auto}
body[data-page="home"] .brand-logo-img.brand-logo-header{
  width:122px!important;
  max-width:122px!important;
  height:auto!important;
  margin:0!important;
  transform:none!important;
}

/* A single calm vertical rhythm instead of additive 100px+ paddings. */
body[data-page="home"] .intro-section{
  padding-top:76px!important;
  padding-bottom:34px!important;
}
body[data-page="home"] #details.home-details-placement{
  width:min(1500px,calc(100% - 36px))!important;
  max-width:1500px!important;
  margin:0 auto!important;
  padding:34px 0 38px!important;
  scroll-margin-top:96px!important;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)!important;
  gap:30px!important;
}
body[data-page="home"] #details.home-details-placement .details-accordions,
body[data-page="home"] #details.home-details-placement .details-image{
  min-width:0;
  width:100%;
  align-self:stretch;
}
body[data-page="home"] #details.home-details-placement .details-image{
  min-height:500px;
  aspect-ratio:auto;
  border-radius:32px;
}
body[data-page="home"] #details.home-details-placement .details-accordions details{
  border-radius:22px;
  margin-bottom:12px;
}
body[data-page="home"] #details.home-details-placement .details-accordions summary{
  min-height:70px;
  padding:22px 24px;
}
body[data-page="home"] #details.home-details-placement .detail-content{
  padding:0 24px 22px;
}

body[data-page="home"] .home-cta{
  padding:38px 18px 46px!important;
}
body[data-page="home"] .home-cta-card{
  max-width:1500px!important;
  width:100%!important;
}
body[data-page="home"] #compare.home-compare-placement{
  padding-top:48px!important;
  padding-bottom:46px!important;
  scroll-margin-top:96px!important;
}
body[data-page="home"] #features{
  padding-top:46px!important;
  padding-bottom:46px!important;
}
body[data-page="home"] #reviews.reviews{
  padding-top:52px!important;
  padding-bottom:46px!important;
  scroll-margin-top:96px!important;
}
body[data-page="home"] #hardware.detail-band{
  margin-top:46px!important;
  margin-bottom:46px!important;
}
body[data-page="home"] .faq-section{
  padding-top:48px!important;
  padding-bottom:72px!important;
}

/* Remove accidental whitespace caused by inherited margins at section edges. */
body[data-page="home"] .intro-section>.three-steps,
body[data-page="home"] #details.home-details-placement,
body[data-page="home"] .home-cta-card,
body[data-page="home"] #compare .compare-card,
body[data-page="home"] #features .bento-grid,
body[data-page="home"] #reviews .review-grid{
  margin-bottom:0!important;
}

@media(max-width:1100px){
  body[data-page="home"] #details.home-details-placement{
    width:min(920px,calc(100% - 32px))!important;
    grid-template-columns:1fr!important;
    padding:30px 0 34px!important;
    gap:22px!important;
  }
  body[data-page="home"] #details.home-details-placement .details-image{min-height:500px}
  body[data-page="home"] .home-cta{padding-inline:16px!important}
}
@media(max-width:720px){
  body[data-page="home"] .glass-nav,
  body[data-page="home"] .site-header.compact .glass-nav{width:calc(100% - 18px)!important;padding-inline:10px!important}
  body[data-page="home"] .brand{min-width:108px!important}
  body[data-page="home"] .brand-logo-img.brand-logo-header{width:108px!important;max-width:108px!important}
  body[data-page="home"] .intro-section{padding-top:60px!important;padding-bottom:24px!important}
  body[data-page="home"] #details.home-details-placement{
    width:calc(100% - 20px)!important;
    padding:24px 0 28px!important;
    scroll-margin-top:78px!important;
    gap:16px!important;
  }
  body[data-page="home"] #details.home-details-placement .details-image{min-height:390px;border-radius:26px}
  body[data-page="home"] #details.home-details-placement .details-accordions summary{min-height:62px;padding:18px}
  body[data-page="home"] #details.home-details-placement .detail-content{padding:0 18px 18px}
  body[data-page="home"] .home-cta{padding:28px 10px 34px!important}
  body[data-page="home"] #compare.home-compare-placement,
  body[data-page="home"] #features,
  body[data-page="home"] #reviews.reviews{padding-top:38px!important;padding-bottom:36px!important}
  body[data-page="home"] #hardware.detail-band{margin-top:36px!important;margin-bottom:36px!important}
  body[data-page="home"] .faq-section{padding-top:38px!important;padding-bottom:58px!important}
}

/* =========================================================
   v33 — restore the original centered content width.
   Keep v32 spacing/overflow fixes, but return Details and CTA
   to the same 1280px content frame used by the core Home blocks.
   ========================================================= */
body[data-page="home"] #details.home-details-placement{
  width:calc(100% - 48px)!important;
  max-width:1280px!important;
  margin-inline:auto!important;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;
  gap:26px!important;
  padding-top:34px!important;
  padding-bottom:38px!important;
}
body[data-page="home"] #details.home-details-placement .details-image{
  min-height:480px!important;
  border-radius:28px!important;
}
body[data-page="home"] #details.home-details-placement .details-accordions details{
  border-radius:18px!important;
  margin-bottom:10px!important;
}
body[data-page="home"] #details.home-details-placement .details-accordions summary{
  min-height:auto!important;
  padding:20px!important;
}
body[data-page="home"] #details.home-details-placement .detail-content{
  padding:0 20px 20px!important;
}

body[data-page="home"] .home-cta{
  padding-left:24px!important;
  padding-right:24px!important;
}
body[data-page="home"] .home-cta-card{
  width:100%!important;
  max-width:1280px!important;
  margin-inline:auto!important;
}

/* Keep the next sections aligned to the same visual frame. */
body[data-page="home"] #compare .compare-card,
body[data-page="home"] #features .bento-grid,
body[data-page="home"] #reviews .review-grid,
body[data-page="home"] .faq-section > *{
  max-width:1280px;
  margin-left:auto;
  margin-right:auto;
}

@media(max-width:1100px){
  body[data-page="home"] #details.home-details-placement{
    width:min(920px,calc(100% - 32px))!important;
    grid-template-columns:1fr!important;
    gap:22px!important;
  }
  body[data-page="home"] #details.home-details-placement .details-image{min-height:460px!important}
}
@media(max-width:720px){
  body[data-page="home"] #details.home-details-placement{
    width:calc(100% - 20px)!important;
    padding-top:24px!important;
    padding-bottom:28px!important;
    gap:16px!important;
  }
  body[data-page="home"] #details.home-details-placement .details-image{
    min-height:390px!important;
    border-radius:26px!important;
  }
  body[data-page="home"] #details.home-details-placement .details-accordions summary{
    padding:18px!important;
  }
  body[data-page="home"] #details.home-details-placement .detail-content{
    padding:0 18px 18px!important;
  }
  body[data-page="home"] .home-cta{
    padding-left:10px!important;
    padding-right:10px!important;
  }
}


/* =========================================================
   v35 — Premium typography pass
   Refined geometric display + quieter editorial body copy.
   ========================================================= */
:root{
  --font-display:"Poppins","Avenir Next","SF Pro Display","Helvetica Neue",Arial,sans-serif;
  --font-body:"Manrope","Avenir Next","SF Pro Text","Helvetica Neue",Arial,sans-serif;
  --font-label:"Poppins","Avenir Next","SF Pro Text","Helvetica Neue",Arial,sans-serif;
  --cta-font:var(--font-display);
}

html{font-synthesis:none;text-rendering:optimizeLegibility}
body,input,textarea,select{font-family:var(--font-body)!important}
body{font-weight:400!important;letter-spacing:-.012em!important}

/* Display typography — premium, rounded, deliberately not over-bold */
h1,h2,h3,h4,h5,h6,
.product-title-row h1,
.faq-title h2,
.home-product-copy h2,
.home-specs-copy h2,
.home-knowledge-label h3,
.bundle-photo-copy h3,
.story-copy h2,
.home-cta-card h2,
.detail-copy h2,
.showcase-copy h2,
.center-copy h2,
.split-heading h2,
.hero-copy h1{
  font-family:var(--font-display)!important;
  font-style:normal;
  font-weight:600!important;
  font-variation-settings:normal;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

.hero-copy h1{
  letter-spacing:-.052em!important;
  line-height:.965!important;
}
.center-copy h2,.split-heading h2,.showcase-copy h2,.story-copy h2,.home-cta-card h2,.detail-copy h2,.faq-title h2,.home-product-copy h2,.home-specs-copy h2{
  letter-spacing:-.042em!important;
  line-height:1.01!important;
}
.step-card h3,.bento-copy h3,.feature-ui h3,.feature-caption h3,.home-review-card h3,.moment-overlay h3,.bundle-photo-copy h3,.home-knowledge-label h3{
  font-family:var(--font-display)!important;
  font-weight:600!important;
  letter-spacing:-.034em!important;
}

/* Navigation — calm and expensive rather than heavy */
.desktop-nav a,.mobile-menu a{
  font-family:var(--font-display)!important;
  font-weight:500!important;
  letter-spacing:-.018em!important;
  font-size:12px;
}
.desktop-nav a.active{font-weight:600!important}

/* Buttons */
.button,.nav-cta,.add-main,.sticky-add,.checkout,.link-button,.text-link,
.bundle-option,.color-option,.use-tab,.home-bundle-card{
  font-family:var(--font-display)!important;
  font-weight:600!important;
  letter-spacing:-.012em!important;
}
.nav-cta,.add-main,.sticky-add,.checkout{font-variation-settings:normal!important}
.nav-cta:hover,.add-main:hover,.sticky-add:hover,.checkout:hover{letter-spacing:-.006em!important}

/* Editorial copy — lighter than the previous UI */
p,li,small,label,input,textarea,select,
.hero-copy>p,.center-copy p,.split-heading p,.showcase-copy p,.story-copy p,.detail-copy p,
.faq-list p,.buy-caption p,.home-product-lead,.home-specs-copy>p,.home-review-card p,
.step-card p,.bento-copy p,.feature-ui p,.moment-overlay p{
  font-family:var(--font-body)!important;
  font-weight:400!important;
  letter-spacing:-.014em!important;
}

/* Secondary UI copy */
.selector-head,.spec-row,.compare-row,.buy-benefits,.selection-summary,.rating-line,.shipping-copy,
.details-accordions,.home-faq,.home-spec-list,.market-label,.gallery-trust,.sticky-variant,.sticky-price{
  font-family:var(--font-body)!important;
}
.selector-head b,.spec-row b,.compare-row>span,.compare-product b,.home-spec-list dt,.home-spec-list dd,
.details-accordions summary,.home-faq summary,.buy-benefits b,.selection-summary b,.shipping-copy b{
  font-weight:600!important;
}

/* Micro labels keep a technical luxury character */
.eyebrow,.step-no,.announcement,.stock-pill,.market-label,.moment-kicker,
.home-product-visual-badge small,.bundle-photo-copy span,.home-knowledge-label span,
.home-spec-list dt,.gallery-label,.detail-badge,.save-pill,.round-tag{
  font-family:var(--font-label)!important;
  font-weight:600!important;
  letter-spacing:.105em!important;
}
.announcement{letter-spacing:-.005em!important;font-weight:500!important}
.announcement a{font-family:var(--font-display)!important;font-weight:600!important;letter-spacing:-.012em!important}
.market-label{letter-spacing:.015em!important}

/* Price and data typography */
.price-row,.current-price,.old-price,.bundle-price,.home-spec-pills,.measurement,.home-review-score,
.home-product-visual-badge,.thin-overlay,.sticky-price{
  font-family:var(--font-display)!important;
  font-variant-numeric:tabular-nums;
}
.current-price,.home-product-visual-badge span,.measurement b,.thin-overlay strong{font-weight:600!important}

/* Accordions / comparison — less generic, more editorial */
.details-accordions summary,.home-faq summary{
  font-family:var(--font-display)!important;
  font-weight:500!important;
  letter-spacing:-.018em!important;
}
.compare-head,.compare-row,.compare-product{
  font-family:var(--font-body)!important;
  letter-spacing:-.01em!important;
}
.compare-product b{font-family:var(--font-display)!important;font-weight:500!important;letter-spacing:-.018em!important}

/* Footer */
.footer,.footer a,.newsletter input{font-family:var(--font-body)!important}
.footer-top>div>b,.newsletter>b{
  font-family:var(--font-display)!important;
  font-weight:600!important;
  letter-spacing:-.02em!important;
}

/* Brand image stays untouched; only surrounding type follows new system */
.brand{font-family:var(--font-display)!important}

/* Mobile tuning: premium type needs a little more breathing room */
@media(max-width:720px){
  .desktop-nav a,.mobile-menu a{font-size:12px}
  .hero-copy h1{letter-spacing:-.047em!important}
  .center-copy h2,.split-heading h2,.showcase-copy h2,.story-copy h2,.home-cta-card h2,.detail-copy h2,.faq-title h2{letter-spacing:-.038em!important}
  .button,.nav-cta,.add-main,.sticky-add,.checkout{letter-spacing:-.01em!important}
}


/* =========================================================
   v36 — unified Hardware + CTA composition; FAQ is last section
   ========================================================= */
body[data-page="home"] .hardware-cta-combo{
  padding:48px 24px 58px!important;
  content-visibility:visible!important;
  contain-intrinsic-size:none!important;
}
body[data-page="home"] .hardware-cta-shell{
  width:100%;
  max-width:1280px;
  margin:0 auto;
  border-radius:38px;
  overflow:hidden;
  position:relative;
  isolation:isolate;
  box-shadow:0 38px 90px rgba(12,23,42,.14);
  border:1px solid rgba(255,255,255,.42);
  background:#0b111a;
}
body[data-page="home"] .hardware-cta-shell:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(600px circle at var(--mx) var(--my),rgba(93,157,255,.13),transparent 45%);
  z-index:4;
  mix-blend-mode:screen;
}
body[data-page="home"] .combo-hardware-panel{
  min-height:520px;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  align-items:center;
  gap:24px;
  padding:64px 70px 58px;
  color:#fff;
  background:radial-gradient(circle at 78% 33%,#263d61 0,#142135 34%,#080c12 72%);
  position:relative;
}
body[data-page="home"] .combo-hardware-panel:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:130px;
  background:linear-gradient(180deg,transparent,rgba(25,63,119,.22));
  pointer-events:none;
}
body[data-page="home"] .combo-hardware-panel .detail-copy,
body[data-page="home"] .combo-hardware-panel .exploded{position:relative;z-index:2}
body[data-page="home"] .combo-hardware-panel .detail-copy h2{
  font-size:clamp(46px,4.6vw,66px);
  line-height:.99;
  max-width:560px;
  text-wrap:balance;
}
body[data-page="home"] .combo-hardware-panel .detail-copy>p{max-width:540px}
body[data-page="home"] .combo-hardware-panel .exploded{height:430px}
body[data-page="home"] .combo-divider{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:12px 24px;
  background:linear-gradient(90deg,#102548,#1e5ca8 48%,#5ea9e5);
  color:rgba(255,255,255,.88);
  font-family:"Poppins","Manrope",ui-sans-serif,sans-serif;
  font-size:10px;
  font-weight:600;
  letter-spacing:.035em;
  position:relative;
  z-index:5;
}
body[data-page="home"] .combo-divider i{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.42)}
body[data-page="home"] .combo-cta-panel{
  min-height:390px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:center;
  gap:24px;
  padding:54px 66px 58px;
  color:#fff;
  background:
    radial-gradient(520px 300px at 78% 45%,rgba(194,233,255,.55),transparent 65%),
    linear-gradient(115deg,#17396e 0%,#2e72c3 56%,#99d3f8 100%);
  position:relative;
}
body[data-page="home"] .combo-cta-panel:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 40%);
  pointer-events:none;
}
body[data-page="home"] .combo-cta-copy{position:relative;z-index:2;max-width:560px}
body[data-page="home"] .combo-cta-copy h2{
  font-family:"Poppins","Manrope",ui-sans-serif,sans-serif;
  font-weight:600;
  font-size:clamp(42px,4.3vw,60px);
  letter-spacing:-.042em;
  line-height:1.02;
  margin:14px 0 18px;
  text-wrap:balance;
}
body[data-page="home"] .combo-cta-copy p{color:rgba(255,255,255,.74);font-size:15px;line-height:1.65;margin:0 0 27px;max-width:510px}
body[data-page="home"] .combo-cta-panel .cta-product{height:300px;position:relative;z-index:2}
body[data-page="home"] .combo-cta-panel .cta-ring{width:330px;height:330px}
body[data-page="home"] .combo-cta-panel .cta-media .cta-photo{
  width:min(88%,390px);
  transform:rotate(-7deg);
  filter:drop-shadow(0 32px 56px rgba(7,29,62,.32));
}

/* The FAQ now deliberately closes the page and shares the same width. */
body[data-page="home"] .home-faq-last{
  width:calc(100% - 48px)!important;
  max-width:1280px!important;
  margin:0 auto!important;
  padding:70px 0 92px!important;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;
  gap:78px!important;
  content-visibility:visible!important;
  contain-intrinsic-size:none!important;
}
body[data-page="home"] .home-faq-last .faq-title,
body[data-page="home"] .home-faq-last .faq-list{max-width:none!important;margin:0!important}
body[data-page="home"] .home-faq-last .faq-title h2{font-size:clamp(46px,4.4vw,62px)}
body[data-page="home"] .home-faq-last .faq-title p{max-width:380px;font-size:14px}
body[data-page="home"] .home-faq-last .faq-list details{background:rgba(255,255,255,.48);border-top-color:rgba(35,49,69,.12)}
body[data-page="home"] .home-faq-last .faq-list details:last-child{border-bottom-color:rgba(35,49,69,.12)}
body[data-page="home"] .home-faq-last .faq-list summary{padding:22px 10px;font-size:13px}
body[data-page="home"] .home-faq-last .faq-list p{padding:0 10px;max-width:760px;font-size:12.5px}

/* neutralize retired standalone hardware/CTA overrides */
body[data-page="home"] #hardware.detail-band{margin:0!important}

@media(max-width:1100px){
  body[data-page="home"] .combo-hardware-panel,
  body[data-page="home"] .combo-cta-panel{grid-template-columns:1fr;padding-inline:44px}
  body[data-page="home"] .combo-hardware-panel{padding-bottom:34px}
  body[data-page="home"] .combo-hardware-panel .exploded{height:390px}
  body[data-page="home"] .combo-cta-panel .cta-product{height:280px}
  body[data-page="home"] .home-faq-last{grid-template-columns:1fr!important;gap:34px!important;width:min(920px,calc(100% - 32px))!important;padding-top:58px!important}
  body[data-page="home"] .home-faq-last .faq-title p{max-width:650px}
}
@media(max-width:720px){
  body[data-page="home"] .hardware-cta-combo{padding:34px 10px 42px!important}
  body[data-page="home"] .hardware-cta-shell{border-radius:28px}
  body[data-page="home"] .combo-hardware-panel{padding:44px 22px 24px;min-height:auto}
  body[data-page="home"] .combo-hardware-panel .detail-copy h2{font-size:clamp(38px,10vw,46px)}
  body[data-page="home"] .combo-hardware-panel .exploded{height:330px}
  body[data-page="home"] .combo-divider{justify-content:flex-start;overflow-x:auto;white-space:nowrap;gap:12px;font-size:9px;padding-inline:18px;scrollbar-width:none}
  body[data-page="home"] .combo-divider::-webkit-scrollbar{display:none}
  body[data-page="home"] .combo-cta-panel{padding:38px 22px 34px;min-height:auto}
  body[data-page="home"] .combo-cta-copy h2{font-size:clamp(38px,10vw,46px)}
  body[data-page="home"] .combo-cta-panel .cta-product{height:240px}
  body[data-page="home"] .combo-cta-panel .cta-ring{width:250px;height:250px}
  body[data-page="home"] .home-faq-last{width:calc(100% - 20px)!important;padding:44px 0 62px!important;gap:26px!important}
  body[data-page="home"] .home-faq-last .faq-list summary{padding:20px 4px;font-size:12px}
  body[data-page="home"] .home-faq-last .faq-list p{padding:0 4px}
}


/* v37: generated photography integration + round tracker asset */
.round-tag{
  width:84px;
  height:84px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 28%,#ffffff 0%,#f6f7f9 42%,#d8dde4 100%);
  box-shadow:0 16px 28px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.95);
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:0;
}
.round-tag img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.compare-product.round{gap:10px}

.exploded-photo{
  display:flex;
  align-items:center;
  justify-content:center;
  perspective:none;
  height:460px;
}
.exploded-photo-img{
  width:min(100%,680px);
  max-height:100%;
  object-fit:contain;
  filter:drop-shadow(0 32px 60px rgba(0,0,0,.28));
}

body[data-page="home"] .combo-hardware-panel .exploded-photo{
  height:440px;
}
body[data-page="home"] .combo-hardware-panel .exploded-photo-img{
  width:min(100%,700px);
}

.cta-media-cutout{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  position:relative;
}
.cta-photo-cutout{
  width:min(92%,430px);
  height:auto;
  transform:rotate(-7deg) translateY(8px);
  filter:drop-shadow(0 30px 56px rgba(7,29,62,.34));
}

@media(max-width:1100px){
  .exploded-photo{height:390px}
  body[data-page="home"] .combo-hardware-panel .exploded-photo{height:390px}
}
@media(max-width:720px){
  .round-tag{width:64px;height:64px}
  .exploded-photo{height:320px}
  body[data-page="home"] .combo-hardware-panel .exploded-photo{height:330px}
  .cta-photo-cutout{width:min(88%,300px);transform:rotate(-6deg) translateY(6px)}
}

/* =========================================================
   v38: hardware section redesign — transparent layered shot + right-side copy
   ========================================================= */
body[data-page="home"] .combo-hardware-panel-redesign{
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:56px;
  padding:62px 64px 56px;
  background:
    radial-gradient(520px 280px at 18% 62%,rgba(83,150,255,.18),transparent 62%),
    radial-gradient(400px 260px at 82% 18%,rgba(83,150,255,.18),transparent 64%),
    linear-gradient(112deg,#03070d 0%,#0a1220 40%,#19345f 100%);
}
body[data-page="home"] .combo-hardware-panel-redesign .exploded-stage{
  position:relative;
  min-height:430px;
  display:flex;
  align-items:center;
  justify-content:center;
  isolation:isolate;
}
body[data-page="home"] .combo-hardware-panel-redesign .exploded-stage:before{
  content:"";
  position:absolute;
  inset:9% 8%;
  border-radius:34px;
  background:
    radial-gradient(circle at 50% 52%,rgba(91,157,255,.28),transparent 48%),
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.01));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  z-index:0;
}
body[data-page="home"] .combo-hardware-panel-redesign .exploded-stage:after{
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  bottom:5%;
  height:36px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(79,145,255,.32),transparent 72%);
  filter:blur(10px);
  z-index:0;
}
body[data-page="home"] .combo-hardware-panel-redesign .exploded-photo{
  width:100%;
  height:100%;
  overflow:visible;
}
body[data-page="home"] .combo-hardware-panel-redesign .exploded-photo-img{
  width:min(100%,690px);
  max-height:420px;
  object-fit:contain;
  position:relative;
  z-index:2;
  filter:drop-shadow(0 26px 54px rgba(4,11,22,.42));
}
body[data-page="home"] .combo-hardware-panel-redesign .floating-cutout-card{
  position:absolute;
  left:20px;
  bottom:2px;
  width:min(38%,230px);
  z-index:3;
  pointer-events:none;
}
body[data-page="home"] .combo-hardware-panel-redesign .floating-cutout-card img{
  width:100%;
  height:auto;
  display:block;
  transform:rotate(-9deg) translateY(6px);
  filter:drop-shadow(0 26px 42px rgba(7,19,39,.36));
}
body[data-page="home"] .combo-hardware-panel-redesign .detail-copy{
  justify-self:end;
  max-width:500px;
}
body[data-page="home"] .combo-hardware-panel-redesign .detail-copy h2{
  max-width:520px;
  margin:16px 0 18px;
}
body[data-page="home"] .combo-hardware-panel-redesign .detail-copy>p{
  max-width:500px;
  color:rgba(255,255,255,.74);
  font-size:16px;
  line-height:1.68;
  margin-bottom:20px;
}
body[data-page="home"] .combo-hardware-panel-redesign .spec-pills{
  margin-bottom:22px;
}
body[data-page="home"] .hardware-feature-list{
  display:grid;
  gap:12px;
}
body[data-page="home"] .hardware-feature-list div{
  padding:14px 16px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
body[data-page="home"] .hardware-feature-list strong{
  display:block;
  font-family:"Poppins","Manrope",ui-sans-serif,sans-serif;
  font-size:13px;
  font-weight:600;
  letter-spacing:.01em;
  margin-bottom:4px;
  color:#fff;
}
body[data-page="home"] .hardware-feature-list span{
  display:block;
  color:rgba(255,255,255,.68);
  font-size:13px;
  line-height:1.55;
}
body[data-page="home"] .combo-cta-panel{
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:36px;
  background:
    radial-gradient(580px 320px at 78% 46%,rgba(212,240,255,.4),transparent 62%),
    linear-gradient(112deg,#16386d 0%,#2f73c2 52%,#9fd6fa 100%);
}
body[data-page="home"] .combo-cta-panel .cta-product{
  height:320px;
}
body[data-page="home"] .combo-cta-panel .cta-media-cutout{
  overflow:visible;
}
body[data-page="home"] .combo-cta-panel .cta-photo-cutout{
  width:min(92%,410px);
  transform:rotate(-8deg) translateY(6px);
  filter:drop-shadow(0 34px 58px rgba(12,39,83,.28));
}

@media(max-width:1100px){
  body[data-page="home"] .combo-hardware-panel-redesign{
    grid-template-columns:1fr;
    gap:28px;
    padding:52px 44px 38px;
  }
  body[data-page="home"] .combo-hardware-panel-redesign .detail-copy{
    justify-self:start;
    max-width:100%;
  }
  body[data-page="home"] .combo-hardware-panel-redesign .exploded-stage{
    min-height:380px;
  }
  body[data-page="home"] .combo-hardware-panel-redesign .floating-cutout-card{
    width:min(34%,210px);
  }
}

@media(max-width:720px){
  body[data-page="home"] .combo-hardware-panel-redesign{
    padding:42px 22px 24px;
    gap:20px;
  }
  body[data-page="home"] .combo-hardware-panel-redesign .exploded-stage{
    min-height:300px;
  }
  body[data-page="home"] .combo-hardware-panel-redesign .exploded-stage:before{
    inset:6% 4%;
    border-radius:22px;
  }
  body[data-page="home"] .combo-hardware-panel-redesign .exploded-photo-img{
    max-height:290px;
  }
  body[data-page="home"] .combo-hardware-panel-redesign .floating-cutout-card{
    left:8px;
    width:136px;
  }
  body[data-page="home"] .hardware-feature-list div{
    padding:12px 14px;
    border-radius:16px;
  }
  body[data-page="home"] .combo-cta-panel .cta-product{
    height:230px;
  }
  body[data-page="home"] .combo-cta-panel .cta-photo-cutout{
    width:min(86%,290px);
    transform:rotate(-6deg) translateY(4px);
  }
}

/* v39 cleanup: transparent exploded hardware + remove duplicate floating card */
body[data-page="home"] .combo-hardware-panel-redesign .floating-cutout-card{display:none !important;}
body[data-page="home"] .combo-hardware-panel-redesign .exploded-stage:before{
  inset:0 !important;
  background:none !important;
  border:none !important;
  box-shadow:none !important;
}
body[data-page="home"] .combo-hardware-panel-redesign .exploded-stage:after{
  left:16%;
  right:16%;
  bottom:8%;
  height:44px;
  background:radial-gradient(circle,rgba(72,137,255,.40),transparent 72%);
  filter:blur(14px);
}
body[data-page="home"] .combo-hardware-panel-redesign .exploded-stage{
  min-height:460px;
}
body[data-page="home"] .combo-hardware-panel-redesign .exploded-photo-img{
  width:min(100%,720px);
  max-height:440px;
}
@media(max-width:720px){
  body[data-page="home"] .combo-hardware-panel-redesign .exploded-stage{min-height:300px;}
  body[data-page="home"] .combo-hardware-panel-redesign .exploded-photo-img{max-height:280px;}
}


/* v41 — Reviews last + premium dark-footer wordmark */
.footer-brand .dark-brand.footer-wordmark{
  min-width:0!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  display:inline-flex!important;
  align-items:baseline!important;
  gap:0!important;
  line-height:1!important;
  font-family:"Poppins","Manrope",ui-sans-serif,sans-serif!important;
  font-size:28px!important;
  font-weight:700!important;
  letter-spacing:-.055em!important;
  text-decoration:none!important;
}
.footer-wordmark-ink{
  color:#fff;
  text-shadow:0 0 18px rgba(255,255,255,.08);
}
.footer-wordmark-techno{
  color:#4aa8ff;
  background:linear-gradient(105deg,#17b7ff 0%,#2378ff 48%,#7b3cff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:none;
}
body[data-page="home"] #reviews.reviews{
  padding-top:74px!important;
  padding-bottom:72px!important;
}
body[data-page="home"] #reviews + .footer{margin-top:0}
@media(max-width:720px){
  .footer-brand .dark-brand.footer-wordmark{font-size:25px!important}
  body[data-page="home"] #reviews.reviews{padding-top:56px!important;padding-bottom:58px!important}
}

/* =========================================================
   v42 — fixed Details image + premium footer redesign
   ========================================================= */

/* Details: expanding accordions must never resize/zoom the product image. */
body[data-page="home"] #details.home-details-placement{
  align-items:start!important;
}
body[data-page="home"] #details.home-details-placement .details-accordions{
  align-self:start!important;
}
body[data-page="home"] #details.home-details-placement .details-image{
  align-self:start!important;
  height:500px!important;
  min-height:500px!important;
  aspect-ratio:auto!important;
}
body[data-page="home"] #details.home-details-placement .details-image>.details-media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
}
body[data-page="home"] #details.home-details-placement .details-image img,
body[data-page="home"] #details.home-details-placement .details-image:hover img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:50% 52%!important;
  transform:none!important;
  --media-scale:1!important;
  --parallax-y:0px!important;
  will-change:auto!important;
}
@media(max-width:1100px){
  body[data-page="home"] #details.home-details-placement .details-image{
    height:460px!important;
    min-height:460px!important;
  }
}
@media(max-width:720px){
  body[data-page="home"] #details.home-details-placement .details-image{
    height:390px!important;
    min-height:390px!important;
  }
}

/* Premium footer */
.premium-footer{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  margin-top:0!important;
  padding:0!important;
  color:#fff;
  background:
    radial-gradient(900px 520px at 86% 4%,rgba(74,130,255,.15),transparent 64%),
    radial-gradient(720px 480px at 8% 68%,rgba(111,80,255,.10),transparent 66%),
    linear-gradient(180deg,#0a0d12 0%,#080a0e 100%);
  border-top:1px solid rgba(255,255,255,.07);
}
.footer-ambient{
  position:absolute;
  border-radius:50%;
  filter:blur(70px);
  pointer-events:none;
  z-index:-1;
  opacity:.48;
}
.footer-ambient-a{width:420px;height:420px;right:-130px;top:-180px;background:rgba(61,126,255,.20)}
.footer-ambient-b{width:360px;height:360px;left:-150px;bottom:-170px;background:rgba(116,77,255,.14)}
.premium-footer-shell{
  width:min(1360px,calc(100% - 56px));
  margin:0 auto;
  padding:82px 0 28px;
}
.footer-hero-line{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:40px;
  padding-bottom:54px;
}
.footer-kicker{
  display:flex;
  align-items:center;
  gap:9px;
  color:rgba(255,255,255,.48);
  font-family:var(--font-heading,"Poppins",sans-serif);
  font-size:10px;
  font-weight:650;
  letter-spacing:.17em;
}
.footer-kicker span{
  width:7px;height:7px;border-radius:50%;
  background:#70e3a0;
  box-shadow:0 0 0 5px rgba(112,227,160,.08),0 0 18px rgba(112,227,160,.28);
}
.footer-hero-copy h2{
  max-width:760px;
  margin:18px 0 18px;
  font-family:var(--font-heading,"Poppins",sans-serif);
  font-size:clamp(50px,5.5vw,82px);
  line-height:.94;
  letter-spacing:-.055em;
  font-weight:600;
  color:#fff;
}
.footer-hero-copy h2 em{
  font-style:normal;
  font-weight:600;
  background:linear-gradient(92deg,#f4f8ff 2%,#83bbff 52%,#9a76ff 98%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.footer-hero-copy>p{
  max-width:610px;
  margin:0;
  color:rgba(255,255,255,.56);
  font-size:14px;
  line-height:1.68;
}
.footer-shop-cta{
  min-width:210px;
  height:62px;
  padding:0 10px 0 22px;
  border-radius:19px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  color:#0d1015!important;
  background:linear-gradient(180deg,#fff,#edf1f7);
  border:1px solid rgba(255,255,255,.88);
  box-shadow:0 18px 44px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.94);
  font-family:var(--font-heading,"Poppins",sans-serif);
  font-size:12px!important;
  font-weight:600;
  transition:transform .35s var(--motion-soft,ease),box-shadow .35s ease;
}
.footer-shop-cta i{
  width:42px;height:42px;border-radius:13px;
  display:grid;place-items:center;
  font-style:normal;font-size:17px;
  color:#fff;
  background:linear-gradient(145deg,#10151d,#050608);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 9px 18px rgba(0,0,0,.22);
}
@media(hover:hover){.footer-shop-cta:hover{transform:translateY(-3px);box-shadow:0 24px 54px rgba(0,0,0,.34),inset 0 1px 0 #fff}}
.footer-proof-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(255,255,255,.09);
  border-bottom:1px solid rgba(255,255,255,.09);
}
.footer-proof-row>div{
  position:relative;
  min-height:116px;
  padding:26px 30px 24px 42px;
  display:grid;
  align-content:center;
  gap:4px;
}
.footer-proof-row>div+div{border-left:1px solid rgba(255,255,255,.09)}
.footer-proof-row small{
  position:absolute;left:14px;top:29px;
  font-family:var(--font-heading,"Poppins",sans-serif);
  font-size:8px;color:rgba(255,255,255,.28);letter-spacing:.08em;
}
.footer-proof-row b{
  font-family:var(--font-heading,"Poppins",sans-serif);
  font-size:13px;font-weight:600;color:#fff;
}
.footer-proof-row span{font-size:11px;color:rgba(255,255,255,.45)}
.footer-main-grid{
  display:grid;
  grid-template-columns:1.65fr .62fr .62fr 1.18fr;
  gap:54px;
  padding:54px 0 48px;
}
.footer-brand-premium{align-self:start}
.premium-footer-wordmark{
  display:inline-flex!important;
  align-items:center;
  margin:0 0 14px!important;
  font-family:var(--font-heading,"Poppins",sans-serif)!important;
  font-size:31px!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
  font-weight:650!important;
  text-decoration:none!important;
}
.premium-footer-wordmark .footer-wordmark-ink{color:#fff!important;background:none!important;-webkit-text-fill-color:#fff!important}
.premium-footer-wordmark .footer-wordmark-techno{
  background:linear-gradient(92deg,#50b8ff 0%,#2965ff 46%,#8a3cff 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;
}
.footer-brand-premium>p{max-width:260px!important;margin:0 0 26px!important;color:rgba(255,255,255,.42)!important;font-size:11px!important}
.footer-market{
  display:inline-flex;align-items:center;gap:8px;
  min-height:34px;padding:0 11px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:rgba(255,255,255,.44);
  font-size:8px;
}
.footer-market b{font-weight:550;color:rgba(255,255,255,.68)}
.footer-market-dot{width:6px;height:6px;border-radius:50%;background:#72e6a2;box-shadow:0 0 12px rgba(114,230,162,.48)}
.footer-nav-group{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.footer-nav-group>b,.premium-newsletter>b{
  margin:0 0 8px!important;
  font-family:var(--font-heading,"Poppins",sans-serif)!important;
  font-size:10px!important;
  font-weight:600!important;
  color:#fff!important;
  letter-spacing:.01em;
}
.footer-nav-group a{
  position:relative;
  color:rgba(255,255,255,.47)!important;
  font-size:11px!important;
  transition:color .25s ease,transform .25s ease;
}
@media(hover:hover){.footer-nav-group a:hover{color:#fff!important;transform:translateX(3px)}}
.premium-newsletter{display:block!important}
.premium-newsletter>p{margin:0 0 14px!important;color:rgba(255,255,255,.42)!important;font-size:11px!important}
.premium-newsletter label{
  height:54px;
  display:flex!important;
  align-items:center;
  padding:5px 5px 5px 15px!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  transition:border-color .25s ease,background .25s ease;
}
.premium-newsletter label:focus-within{border-color:rgba(112,168,255,.42)!important;background:rgba(255,255,255,.075)!important}
.premium-newsletter input{font-size:11px!important;padding:0!important}
.premium-newsletter button{
  width:auto!important;
  height:42px;
  min-width:82px;
  padding:0 13px;
  border-radius:12px!important;
  display:flex;align-items:center;justify-content:center;gap:10px;
  color:#0a0d12;
  background:linear-gradient(180deg,#fff,#e8ecf2)!important;
  font-family:var(--font-heading,"Poppins",sans-serif);
  font-size:10px;font-weight:600;
}
.premium-newsletter button i{font-style:normal;font-size:14px}
.premium-newsletter>small{display:block;margin-top:9px;color:rgba(255,255,255,.24);font-size:8px}
.premium-footer-bottom{
  margin:0!important;
  min-height:66px;
  padding:20px 0 0!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  display:flex!important;
  align-items:flex-start;
  justify-content:space-between;
  color:rgba(255,255,255,.27)!important;
  font-size:9px!important;
}
.premium-footer-bottom div{display:flex;gap:20px}
.premium-footer-bottom a{color:rgba(255,255,255,.30)!important;font-size:9px!important;transition:color .2s ease}
@media(hover:hover){.premium-footer-bottom a:hover{color:rgba(255,255,255,.75)!important}}

@media(max-width:1000px){
  .premium-footer-shell{width:min(920px,calc(100% - 36px));padding-top:64px}
  .footer-main-grid{grid-template-columns:1.4fr .7fr .7fr;gap:34px}
  .premium-newsletter{grid-column:1/-1;max-width:520px}
}
@media(max-width:720px){
  .premium-footer-shell{width:calc(100% - 28px);padding-top:50px}
  .footer-hero-line{grid-template-columns:1fr;align-items:start;gap:28px;padding-bottom:38px}
  .footer-hero-copy h2{font-size:clamp(43px,13vw,62px);margin-top:14px}
  .footer-shop-cta{width:100%;max-width:320px}
  .footer-proof-row{grid-template-columns:1fr}
  .footer-proof-row>div{min-height:92px;padding:20px 20px 20px 43px}
  .footer-proof-row>div+div{border-left:0;border-top:1px solid rgba(255,255,255,.08)}
  .footer-proof-row small{top:22px}
  .footer-main-grid{grid-template-columns:1fr 1fr;gap:34px 24px;padding:42px 0 36px}
  .footer-brand-premium{grid-column:1/-1}
  .premium-newsletter{grid-column:1/-1}
  .premium-footer-bottom{gap:18px;flex-direction:column;padding-bottom:8px!important}
  .premium-footer-bottom div{flex-wrap:wrap;gap:14px}
}

/* =========================================================
   v43: compare-triggered quick buy + premium purchase modal
   ========================================================= */
body.purchase-opened{overflow:hidden}

.compare-buy-float{
  position:fixed;
  left:50%;
  bottom:18px;
  z-index:118;
  width:min(720px,calc(100% - 28px));
  min-height:76px;
  padding:10px 12px 10px 13px;
  display:grid;
  grid-template-columns:82px minmax(0,1fr) auto auto auto;
  align-items:center;
  gap:12px;
  border:1px solid rgba(255,255,255,.82);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(250,252,255,.91),rgba(236,241,247,.84));
  -webkit-backdrop-filter:blur(28px) saturate(1.28);
  backdrop-filter:blur(28px) saturate(1.28);
  box-shadow:0 24px 70px rgba(10,20,36,.22),inset 0 1px 0 rgba(255,255,255,.92);
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,34px) scale(.965);
  transition:opacity .42s cubic-bezier(.2,.8,.2,1),transform .55s cubic-bezier(.16,1,.3,1),filter .3s ease;
}
.compare-buy-float:before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:23px;
  background:linear-gradient(105deg,transparent 18%,rgba(255,255,255,.42) 42%,transparent 66%);
  transform:translateX(-110%);
  transition:transform 1s cubic-bezier(.16,1,.3,1);
  pointer-events:none;
}
.compare-buy-float.is-visible{
  opacity:1;
  pointer-events:auto;
  transform:translate(-50%,0) scale(1);
}
.compare-buy-float.is-visible:before{transform:translateX(110%)}
.compare-buy-float.is-footer-hidden,
.compare-buy-float.is-dismissed,
body.purchase-opened .compare-buy-float,
body.cart-opened .compare-buy-float{
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,26px) scale(.97);
}
.compare-buy-thumb{
  width:82px;
  height:54px;
  border-radius:14px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:radial-gradient(circle at 50% 28%,#eef4ff,#dbe7f7 62%,#c7d4e6 100%);
  border:1px solid rgba(255,255,255,.8);
}
.compare-buy-thumb img{
  width:94px;
  max-width:none;
  height:auto;
  transform:rotate(-6deg);
  filter:drop-shadow(0 8px 12px rgba(13,27,48,.22));
}
.compare-buy-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.compare-buy-copy small{
  color:#778293;
  font-size:7px;
  font-weight:800;
  letter-spacing:.14em;
}
.compare-buy-copy b{
  font-family:"Space Grotesk",Inter,ui-sans-serif,sans-serif;
  font-size:13px;
  letter-spacing:-.02em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.compare-buy-price{font-size:15px;letter-spacing:-.03em}
.compare-buy-open{
  min-width:138px;
  height:52px;
  border:0;
  border-radius:17px;
  color:#fff;
  background:linear-gradient(180deg,#151922,#07090d);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:0 18px;
  font-family:"Space Grotesk",Inter,ui-sans-serif,sans-serif;
  font-weight:650;
  font-size:11px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 24px rgba(4,7,12,.20);
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
}
.compare-buy-open:hover{transform:translateY(-2px);background:linear-gradient(180deg,#202632,#0a0d12);box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 15px 30px rgba(4,7,12,.25)}
.compare-buy-open i{font-style:normal;font-size:14px;transition:transform .25s ease}
.compare-buy-open:hover i{transform:translate(2px,-2px)}
.compare-buy-dismiss{
  width:34px;
  height:34px;
  border-radius:50%;
  border:1px solid rgba(16,23,34,.08);
  background:rgba(255,255,255,.58);
  color:#5c6674;
  font-size:17px;
  line-height:1;
}

.purchase-modal{
  position:fixed;
  inset:0;
  z-index:160;
  pointer-events:none;
  display:grid;
  place-items:center;
  padding:20px;
}
.purchase-modal[aria-hidden="false"]{pointer-events:auto}
.purchase-modal-scrim{
  position:absolute;
  inset:0;
  border:0;
  background:rgba(6,10,17,.48);
  -webkit-backdrop-filter:blur(16px) saturate(.9);
  backdrop-filter:blur(16px) saturate(.9);
  opacity:0;
  transition:opacity .34s ease;
}
.purchase-modal-panel{
  position:relative;
  z-index:2;
  width:min(1040px,calc(100vw - 40px));
  max-height:calc(100vh - 40px);
  overflow:auto;
  display:grid;
  grid-template-columns:minmax(0,.96fr) minmax(420px,1.04fr);
  border-radius:34px;
  border:1px solid rgba(255,255,255,.82);
  background:rgba(248,250,253,.96);
  -webkit-backdrop-filter:blur(32px) saturate(1.2);
  backdrop-filter:blur(32px) saturate(1.2);
  box-shadow:0 42px 120px rgba(1,8,18,.36),inset 0 1px 0 rgba(255,255,255,.92);
  opacity:0;
  transform:translateY(28px) scale(.975);
  transition:opacity .34s ease,transform .48s cubic-bezier(.16,1,.3,1);
}
.purchase-modal[aria-hidden="false"] .purchase-modal-scrim{opacity:1}
.purchase-modal[aria-hidden="false"] .purchase-modal-panel{opacity:1;transform:none}
.purchase-modal-close{
  position:absolute;
  right:15px;
  top:15px;
  z-index:8;
  width:40px;
  height:40px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.42);
  background:rgba(255,255,255,.78);
  color:#111820;
  font-size:22px;
  box-shadow:0 8px 22px rgba(0,0,0,.10);
}
.purchase-modal-visual{
  position:relative;
  overflow:hidden;
  min-height:100%;
  background:
    radial-gradient(480px 330px at 56% 36%,rgba(100,164,255,.34),transparent 62%),
    radial-gradient(280px 220px at 20% 78%,rgba(126,95,255,.16),transparent 70%),
    linear-gradient(145deg,#07101d,#132844 58%,#2f5e92 100%);
  display:grid;
  place-items:center;
  isolation:isolate;
}
.purchase-modal-visual:after{
  content:"";
  position:absolute;
  inset:-30%;
  background:linear-gradient(115deg,transparent 41%,rgba(255,255,255,.11) 50%,transparent 59%);
  transform:translateX(-32%);
  pointer-events:none;
}
.purchase-modal-orbit{
  position:absolute;
  width:min(78%,430px);
  aspect-ratio:1;
  border-radius:50%;
  border:1px solid rgba(159,205,255,.26);
  box-shadow:0 0 0 42px rgba(115,174,255,.045),0 0 0 86px rgba(115,174,255,.025);
}
.purchase-modal-card{
  position:relative;
  z-index:2;
  width:min(88%,480px);
  height:auto;
  transform:rotate(-7deg);
  filter:drop-shadow(0 38px 58px rgba(0,0,0,.42));
}
.purchase-visual-badge{
  position:absolute;
  z-index:4;
  left:26px;
  bottom:26px;
  min-width:150px;
  padding:12px 15px 12px 40px;
  border-radius:17px;
  background:rgba(8,15,25,.56);
  border:1px solid rgba(255,255,255,.16);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.purchase-visual-badge>span{position:absolute;left:14px;top:16px;width:14px;height:14px;border-radius:5px;background:#0a0c10;border:1px solid rgba(255,255,255,.34)}
.purchase-visual-badge b{display:block;font-size:10px}
.purchase-visual-badge small{display:block;margin-top:2px;color:rgba(255,255,255,.62);font-size:8px}
.purchase-network-chip{
  position:absolute;
  z-index:4;
  top:24px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:8px 11px;
  border-radius:14px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.15);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  color:#fff;
  font-size:8px;
  font-weight:650;
}
.purchase-network-chip img{width:22px;height:22px;border-radius:7px}
.purchase-network-chip-apple{left:24px}
.purchase-network-chip-android{right:24px}

.purchase-modal-buy{padding:34px 34px 30px;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(247,249,252,.96))}
.purchase-title-row{margin-top:13px}
.purchase-title-row h2{font-size:32px;letter-spacing:-.045em;line-height:1.04;margin:6px 0 0}
.purchase-network-badges{margin-top:17px}
.purchase-price-row{margin:16px 0 20px}
.purchase-selector-block{margin:16px 0}
.purchase-bundle-options{gap:7px}
.purchase-bundle-options .bundle-option{min-height:68px}
.purchase-finish-block{margin-top:14px}
.purchase-black-finish{
  min-height:70px;
  display:grid;
  grid-template-columns:44px 1fr auto;
  align-items:center;
  gap:12px;
  padding:10px 13px;
  border:1px solid #15181d;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 20px rgba(17,24,39,.05),inset 0 0 0 1px #15181d;
}
.purchase-black-swatch{
  width:36px;
  height:36px;
  border-radius:11px;
  background:linear-gradient(145deg,#1b1e24,#06070a);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 6px 14px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.09);
}
.purchase-black-finish b{display:block;font-size:11px}
.purchase-black-finish small{display:block;margin-top:2px;font-size:8px;color:#8a9099}
.purchase-black-finish>i{font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;font-size:11px}
.purchase-add-main{margin-top:17px}
.purchase-mini-benefits{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;color:#7d8590;font-size:8px;font-weight:650}
.purchase-mini-benefits i{width:3px;height:3px;border-radius:50%;background:#a9b1bb}

.color-options.single-finish{grid-template-columns:1fr}
.color-options.single-finish .color-option{grid-template-columns:42px 1fr;place-items:center start;text-align:left;padding:9px 12px}
.color-options.single-finish .color-option span{grid-row:1 / span 2}
.color-options.single-finish .color-option b{font-size:9px;align-self:end}
.color-options.single-finish .color-option small{font-size:7px;color:#9298a0;align-self:start}

@media(max-width:900px){
  .purchase-modal-panel{grid-template-columns:1fr;max-width:620px}
  .purchase-modal-visual{min-height:310px}
  .purchase-modal-card{width:min(76%,430px)}
  .purchase-network-chip{top:16px}
  .purchase-network-chip-apple{left:16px}
  .purchase-network-chip-android{right:16px}
  .purchase-visual-badge{left:16px;bottom:16px}
}
@media(max-width:720px){
  .compare-buy-float{
    bottom:10px;
    width:calc(100% - 18px);
    min-height:68px;
    padding:8px 9px;
    grid-template-columns:60px minmax(0,1fr) auto auto;
    gap:8px;
    border-radius:20px;
  }
  .compare-buy-thumb{width:60px;height:45px;border-radius:12px}
  .compare-buy-thumb img{width:76px}
  .compare-buy-copy small{display:none}
  .compare-buy-copy b{font-size:11px}
  .compare-buy-price{display:none}
  .compare-buy-open{min-width:108px;height:46px;border-radius:15px;padding:0 13px;font-size:10px;gap:8px}
  .compare-buy-dismiss{width:28px;height:28px;font-size:15px}
  .purchase-modal{padding:8px;align-items:end}
  .purchase-modal-panel{width:100%;max-height:calc(100vh - 16px);border-radius:28px 28px 22px 22px}
  .purchase-modal-visual{min-height:235px}
  .purchase-modal-card{width:min(76%,330px)}
  .purchase-modal-orbit{width:220px}
  .purchase-network-chip{display:none}
  .purchase-visual-badge{padding:9px 12px 9px 34px;min-width:132px;bottom:12px;left:12px}
  .purchase-visual-badge>span{left:12px;top:13px;width:12px;height:12px}
  .purchase-modal-buy{padding:24px 18px 20px}
  .purchase-title-row h2{font-size:27px}
  .purchase-network-badges{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .purchase-network-badges .network-badge{padding:9px 8px}
  .purchase-network-badges .network-badge img{width:28px;height:28px}
  .purchase-bundle-options .bundle-option{grid-template-columns:44px 1fr auto;min-height:65px}
  .purchase-mini-benefits{gap:6px;font-size:7px;flex-wrap:wrap}
}

/* =========================================================
   v44 — Premium Product Page top redesign
   ========================================================= */
body[data-page="product"] .product-hero-premium{
  padding-top:54px;
  padding-bottom:88px;
}
body[data-page="product"] .product-layout-premium{
  max-width:1380px;
  grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr);
  gap:34px;
  align-items:start;
}
body[data-page="product"] .product-gallery-premium{min-width:0;}
body[data-page="product"] .gallery-main-premium{
  min-height:660px;
  height:auto;
  aspect-ratio:1.08;
  border-radius:38px;
  background:
    radial-gradient(520px 340px at 55% 49%,rgba(93,146,255,.18),transparent 62%),
    radial-gradient(360px 260px at 80% 18%,rgba(171,142,255,.12),transparent 70%),
    linear-gradient(145deg,#ffffff 0%,#f6f8fb 56%,#edf2f8 100%);
  border:1px solid rgba(255,255,255,.95);
  box-shadow:0 28px 84px rgba(27,38,60,.09),inset 0 1px 0 rgba(255,255,255,.95);
}
body[data-page="product"] .gallery-main-premium:after{
  content:"";
  position:absolute;
  inset:22px;
  border-radius:29px;
  border:1px solid rgba(122,142,176,.07);
  pointer-events:none;
  z-index:0;
}
body[data-page="product"] .premium-gallery-badge{
  left:26px;
  top:26px;
  padding:10px 14px 10px 10px;
  border-radius:16px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 12px 28px rgba(28,39,62,.08);
  backdrop-filter:blur(20px) saturate(1.2);
}
body[data-page="product"] .premium-gallery-badge img{
  width:26px;height:26px;border-radius:7px;object-fit:contain;
}
body[data-page="product"] .premium-gallery-badge span{display:grid;gap:1px;}
body[data-page="product"] .premium-gallery-badge b{
  font-family:"Poppins","Manrope",sans-serif;
  font-size:10px;
  font-weight:600;
  letter-spacing:-.01em;
  color:#111824;
}
body[data-page="product"] .premium-gallery-badge small{
  font-family:"Manrope",sans-serif;
  font-size:8px;
  font-weight:500;
  color:#87909c;
}
body[data-page="product"] .premium-product-scene{
  display:grid;
  place-items:center;
  overflow:hidden;
}
body[data-page="product"] .product-glow{
  position:absolute;
  width:72%;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(72,132,255,.22) 0%,rgba(111,151,255,.09) 38%,transparent 72%);
  filter:blur(4px);
  z-index:0;
}
body[data-page="product"] .hero-product-cutout{
  position:relative;
  z-index:2;
  width:min(78%,600px);
  height:auto;
  object-fit:contain;
  transform:rotate(-7deg) translateY(8px);
  filter:drop-shadow(0 44px 48px rgba(21,31,51,.20));
  transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .6s ease;
  will-change:transform;
}
@media (hover:hover){
  body[data-page="product"] .gallery-main-premium:hover .hero-product-cutout{
    transform:rotate(-4.8deg) translateY(-2px) scale(1.018);
    filter:drop-shadow(0 50px 58px rgba(21,31,51,.24));
  }
}
body[data-page="product"] .product-scale-note{
  position:absolute;
  right:28px;
  bottom:26px;
  z-index:5;
  display:grid;
  gap:2px;
  padding:10px 13px;
  border-radius:14px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.9);
  backdrop-filter:blur(16px);
  box-shadow:0 12px 30px rgba(29,40,61,.08);
}
body[data-page="product"] .product-scale-note span{
  font-family:"Poppins",sans-serif;
  font-weight:600;
  font-size:12px;
  color:#101723;
}
body[data-page="product"] .product-scale-note small{font-size:8px;color:#89919d;}
body[data-page="product"] .gallery-arrow{
  opacity:0;
  transform:translateY(-50%) scale(.92);
  top:50%;
  width:46px;height:46px;
  border-radius:15px;
  background:rgba(255,255,255,.68);
  border:1px solid rgba(255,255,255,.92);
  backdrop-filter:blur(18px);
  box-shadow:0 12px 30px rgba(24,35,56,.09);
  transition:opacity .25s ease,transform .25s ease,background .25s ease;
}
body[data-page="product"] .gallery-main-premium:hover .gallery-arrow{opacity:1;transform:translateY(-50%) scale(1);}
body[data-page="product"] .gallery-arrow:hover{background:#fff;}
body[data-page="product"] .premium-gallery-thumbs{
  gap:12px;
  margin-top:14px;
}
body[data-page="product"] .premium-gallery-thumbs .thumb{
  height:104px;
  border-radius:20px;
  background:rgba(248,249,251,.8);
  border:1px solid rgba(212,218,227,.65);
  box-shadow:0 8px 20px rgba(22,31,49,.04);
}
body[data-page="product"] .premium-gallery-thumbs .thumb img{object-fit:cover;}
body[data-page="product"] .premium-gallery-thumbs .thumb:first-child img{
  object-fit:contain;
  padding:12px;
  background:linear-gradient(145deg,#f8fafc,#eef3f8);
}
body[data-page="product"] .premium-gallery-thumbs .thumb.active{
  border-color:#151b25;
  box-shadow:0 0 0 1px #151b25,0 12px 30px rgba(17,24,39,.07);
}

body[data-page="product"] .buy-panel-premium{
  top:102px;
  padding:38px 38px 32px;
  border-radius:34px;
  background:rgba(255,255,255,.84);
  border:1px solid rgba(255,255,255,.94);
  backdrop-filter:blur(28px) saturate(1.18);
  box-shadow:0 28px 80px rgba(31,43,67,.10),inset 0 1px 0 rgba(255,255,255,.95);
}
body[data-page="product"] .product-overline{
  font-family:"Poppins",sans-serif;
  font-size:10px;
  letter-spacing:.14em;
  font-weight:600;
  color:#7a8492;
  margin-bottom:10px;
}
body[data-page="product"] .product-overline span{color:#aeb5bf;margin:0 4px;}
body[data-page="product"] .premium-product-title{
  font-family:"Poppins",sans-serif;
  font-size:clamp(42px,4vw,60px);
  line-height:.98;
  letter-spacing:-.052em;
  font-weight:600;
  color:#0b0e13;
  margin:0;
}
body[data-page="product"] .product-meta-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:18px 0 20px;
}
body[data-page="product"] .premium-rating{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#111823;
  text-decoration:none;
  font-family:"Manrope",sans-serif;
  font-size:11px;
}
body[data-page="product"] .premium-rating .stars{font-size:11px;letter-spacing:.08em;}
body[data-page="product"] .premium-rating b{font-weight:700;}
body[data-page="product"] .premium-rating>span:last-child{color:#757e8b;text-decoration:underline;text-underline-offset:3px;}
body[data-page="product"] .premium-stock{
  padding:8px 12px;
  border:1px solid rgba(56,157,84,.12);
  background:rgba(232,249,237,.86);
  color:#2f7b44;
}
body[data-page="product"] .premium-buy-lead{
  max-width:520px;
  color:#66717e;
  font-size:14px;
  line-height:1.65;
  margin:0 0 22px;
}
body[data-page="product"] .network-combo-premium{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 15px;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(248,250,253,.95),rgba(242,246,251,.82));
  border:1px solid rgba(210,217,228,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95);
}
body[data-page="product"] .network-combo-icons{display:flex;align-items:center;}
body[data-page="product"] .network-combo-icons img{
  width:36px;height:36px;object-fit:contain;border-radius:10px;background:#fff;padding:4px;border:1px solid #edf0f4;
  box-shadow:0 7px 16px rgba(17,24,39,.06);
}
body[data-page="product"] .network-combo-icons img+img{margin-left:-7px;}
body[data-page="product"] .network-combo-premium>div:last-child{display:grid;gap:2px;}
body[data-page="product"] .network-combo-premium b{font-family:"Poppins",sans-serif;font-size:12px;font-weight:600;color:#111822;}
body[data-page="product"] .network-combo-premium small{font-size:9px;color:#7e8793;}
body[data-page="product"] .premium-price-row{
  margin:24px 0 22px;
  gap:12px;
}
body[data-page="product"] .premium-price-row .current-price{
  font-family:"Poppins",sans-serif;
  font-size:36px;
  font-weight:600;
  color:#0c1016;
}
body[data-page="product"] .premium-price-row .old-price{font-size:13px;}
body[data-page="product"] .premium-price-row .save-pill{
  border-radius:999px;
  background:#fff1c9;
  color:#755414;
  padding:7px 11px;
  font-size:9px;
}
body[data-page="product"] .premium-selector{margin:18px 0 16px;}
body[data-page="product"] .premium-selector .selector-head{margin-bottom:10px;}
body[data-page="product"] .premium-selector .selector-head b{
  font-family:"Poppins",sans-serif;
  font-weight:500;
  font-size:11px;
  color:#252c36;
}
body[data-page="product"] .premium-bundle-options{gap:9px;}
body[data-page="product"] .premium-bundle-options .bundle-option{
  min-height:68px;
  grid-template-columns:44px 1fr auto;
  border-radius:18px;
  padding:10px 12px;
  background:rgba(255,255,255,.62);
  border:1px solid #e4e8ed;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease;
}
body[data-page="product"] .premium-bundle-options .bundle-option:hover{
  transform:translateY(-1px);
  border-color:#cbd2dc;
  box-shadow:0 10px 24px rgba(20,28,44,.055);
}
body[data-page="product"] .premium-bundle-options .bundle-option.active{
  border-color:#161b23;
  background:#fff;
  box-shadow:0 10px 26px rgba(21,29,44,.07),inset 0 0 0 1px #161b23;
}
body[data-page="product"] .premium-bundle-options .bundle-option>div>b{font-size:11px;font-weight:600;}
body[data-page="product"] .premium-bundle-options .bundle-option>div>small{font-size:8.5px;}
body[data-page="product"] .premium-option-price{text-align:right;display:grid;gap:2px;}
body[data-page="product"] .premium-option-price strong{font-size:12px;}
body[data-page="product"] .premium-option-price small{font-size:8px;color:#959ca5;}
body[data-page="product"] .finish-summary-premium{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:13px 15px;
  margin:14px 0 16px;
  border-top:1px solid #e7eaf0;
  border-bottom:1px solid #e7eaf0;
}
body[data-page="product"] .finish-summary-premium>div{display:flex;align-items:center;gap:10px;}
body[data-page="product"] .finish-swatch{
  width:27px;height:27px;border-radius:8px;background:linear-gradient(145deg,#24272d,#08090b);border:1px solid #d7dce3;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 5px 12px rgba(0,0,0,.12);
}
body[data-page="product"] .finish-summary-premium small{
  display:block;font-size:7.5px;letter-spacing:.12em;color:#989fa8;font-weight:700;
}
body[data-page="product"] .finish-summary-premium b{display:block;font-family:"Poppins",sans-serif;font-size:11px;font-weight:600;}
body[data-page="product"] .finish-summary-premium>span{font-size:9px;color:#9299a3;}
body[data-page="product"] .premium-add-main{
  height:62px;
  border-radius:20px;
  padding:0 22px;
  background:linear-gradient(180deg,#171a1f,#08090c);
  box-shadow:0 16px 34px rgba(10,12,17,.20),inset 0 1px 0 rgba(255,255,255,.13);
}
body[data-page="product"] .premium-add-main span{font-family:"Poppins",sans-serif;font-size:12px;font-weight:600;}
body[data-page="product"] .premium-add-main strong{font-family:"Poppins",sans-serif;font-size:14px;font-weight:600;}
body[data-page="product"] .purchase-confidence{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:13px 0 4px;
  color:#6f7885;
  font-size:8.5px;
  font-weight:600;
  white-space:nowrap;
}
body[data-page="product"] .purchase-confidence i{width:3px;height:3px;border-radius:50%;background:#b8bec7;}
body[data-page="product"] .premium-payment-row{
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid rgba(225,229,235,.8);
  opacity:.75;
}
body[data-page="product"] .premium-payment-row span{font-size:8px;}
body[data-page="product"] .premium-payment-row b{font-size:7.5px;padding:4px 6px;}

@media(max-width:1180px){
  body[data-page="product"] .product-layout-premium{
    max-width:850px;
    grid-template-columns:1fr;
    gap:22px;
  }
  body[data-page="product"] .buy-panel-premium{position:relative;top:auto;}
  body[data-page="product"] .gallery-main-premium{min-height:560px;aspect-ratio:1.16;}
  body[data-page="product"] .hero-product-cutout{width:min(72%,560px);}
}
@media(max-width:720px){
  body[data-page="product"] .product-hero-premium{padding-top:32px;padding-bottom:58px;}
  body[data-page="product"] .gallery-main-premium{min-height:0;aspect-ratio:.94;border-radius:28px;}
  body[data-page="product"] .premium-gallery-badge{left:15px;top:15px;padding:8px 10px 8px 8px;}
  body[data-page="product"] .premium-gallery-badge small{display:none;}
  body[data-page="product"] .hero-product-cutout{width:82%;transform:rotate(-5deg);}
  body[data-page="product"] .product-scale-note{right:15px;bottom:15px;}
  body[data-page="product"] .gallery-arrow{opacity:1;width:40px;height:40px;border-radius:13px;}
  body[data-page="product"] .premium-gallery-thumbs .thumb{height:76px;border-radius:16px;}
  body[data-page="product"] .buy-panel-premium{padding:27px 20px 24px;border-radius:28px;}
  body[data-page="product"] .premium-product-title{font-size:42px;}
  body[data-page="product"] .premium-buy-lead{font-size:13px;}
  body[data-page="product"] .network-combo-premium{align-items:flex-start;}
  body[data-page="product"] .network-combo-premium b{font-size:11px;}
  body[data-page="product"] .premium-price-row .current-price{font-size:33px;}
  body[data-page="product"] .premium-bundle-options .bundle-option{grid-template-columns:40px 1fr auto;padding:9px 10px;}
  body[data-page="product"] .purchase-confidence{gap:6px;font-size:7.6px;}
}

/* =========================================================
   v45 — compact Apple-like product purchase panel
   ========================================================= */
body[data-page="product"] .product-layout-premium{
  max-width:1440px;
  grid-template-columns:minmax(0,1fr) minmax(520px,.86fr);
  gap:30px;
}
body[data-page="product"] .buy-panel-premium{
  padding:30px 32px 26px;
  border-radius:32px;
}
body[data-page="product"] .product-overline{
  margin-bottom:8px;
  font-size:9px;
  letter-spacing:.16em;
}
body[data-page="product"] .premium-product-title{
  font-size:clamp(35px,2.9vw,46px);
  line-height:1;
  letter-spacing:-.05em;
  white-space:nowrap;
}
body[data-page="product"] .product-meta-line{
  margin:15px 0 15px;
}
body[data-page="product"] .premium-buy-lead{
  margin:0 0 14px;
  max-width:500px;
  font-size:13px;
  line-height:1.58;
}
/* Network support is communicated only over the product image. */
body[data-page="product"] .network-combo-premium{display:none!important;}
body[data-page="product"] .premium-network-only{
  padding:8px 13px 8px 9px;
  gap:9px;
  min-height:42px;
  border-radius:15px;
  background:rgba(255,255,255,.76);
  border:1px solid rgba(255,255,255,.92);
  backdrop-filter:blur(22px) saturate(1.18);
  box-shadow:0 10px 28px rgba(28,39,62,.075),inset 0 1px 0 rgba(255,255,255,.9);
}
body[data-page="product"] .gallery-network-icons{
  display:flex;
  align-items:center;
}
body[data-page="product"] .gallery-network-icons img{
  width:25px;
  height:25px;
  padding:3px;
  border-radius:8px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(225,230,237,.75);
  object-fit:contain;
  box-shadow:0 4px 10px rgba(17,24,39,.05);
}
body[data-page="product"] .gallery-network-icons img+img{margin-left:-5px;}
body[data-page="product"] .premium-network-only>b{
  font-family:"Poppins","Manrope",sans-serif;
  font-size:10px;
  font-weight:600;
  letter-spacing:-.015em;
  color:#131923;
  white-space:nowrap;
}

body[data-page="product"] .premium-price-row{
  margin:15px 0 15px;
  gap:11px;
  align-items:center;
}
body[data-page="product"] .premium-price-row .current-price{
  font-size:34px;
  line-height:1;
}
body[data-page="product"] .premium-price-meta{
  display:flex;
  align-items:center;
  gap:8px;
}
body[data-page="product"] .premium-price-row .old-price{
  font-size:12px;
  color:#a3a9b2;
}
body[data-page="product"] .premium-price-row .save-pill{
  padding:5px 9px;
  border-radius:999px;
  background:linear-gradient(180deg,#eef5ff,#e5effd);
  border:1px solid rgba(117,157,213,.16);
  color:#315c91;
  font-family:"Poppins",sans-serif;
  font-size:8px;
  font-weight:600;
  letter-spacing:-.01em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}

body[data-page="product"] .premium-selector{
  margin:12px 0 10px;
}
body[data-page="product"] .premium-selector .selector-head{
  margin-bottom:8px;
}
body[data-page="product"] .premium-selector .selector-head b{
  font-size:10.5px;
  font-weight:550;
}
body[data-page="product"] .premium-selector .selector-head span{
  font-size:8.5px;
  color:#9aa1ab;
}
body[data-page="product"] .premium-bundle-options{
  gap:7px;
}
body[data-page="product"] .premium-bundle-options .bundle-option{
  min-height:61px;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:10px;
  padding:8px 11px;
  border-radius:17px;
  background:rgba(250,251,253,.78);
  border:1px solid rgba(215,221,230,.75);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86);
}
body[data-page="product"] .premium-bundle-options .bundle-option:hover{
  transform:translateY(-1px);
  background:#fff;
  border-color:#cbd3de;
  box-shadow:0 9px 22px rgba(23,32,49,.05),inset 0 1px 0 #fff;
}
body[data-page="product"] .premium-bundle-options .bundle-option.active{
  border-color:rgba(20,28,39,.9);
  background:linear-gradient(180deg,#fff,#f8fafc);
  box-shadow:0 8px 20px rgba(17,24,39,.055),inset 0 0 0 1px rgba(20,28,39,.88);
}
body[data-page="product"] .premium-bundle-options .bundle-option.active:after{
  content:"✓";
  right:11px;
  top:50%;
  transform:translateY(-50%);
  width:18px;
  height:18px;
  font-size:9px;
  background:#10141a;
  box-shadow:0 4px 10px rgba(0,0,0,.13);
}
body[data-page="product"] .premium-bundle-options .bundle-option.active .premium-option-price{
  padding-right:25px;
}
body[data-page="product"] .premium-bundle-options .bundle-icon{
  transform:scale(.88);
  transform-origin:center;
}
body[data-page="product"] .premium-bundle-options .bundle-copy b{
  font-family:"Poppins",sans-serif;
  font-size:11px;
  font-weight:600;
  color:#151a22;
}
body[data-page="product"] .premium-bundle-options .bundle-copy small{
  display:block;
  margin-top:2px;
  font-size:8px;
  color:#939aa4;
}
body[data-page="product"] .premium-option-price{
  min-width:108px;
  text-align:right;
  display:grid;
  justify-items:end;
  gap:1px;
}
body[data-page="product"] .premium-option-price strong{
  font-family:"Poppins",sans-serif;
  font-size:13px;
  line-height:1.1;
  font-weight:600;
  letter-spacing:-.025em;
  color:#10151c;
}
body[data-page="product"] .premium-option-price small{
  font-family:"Manrope",sans-serif;
  font-size:7.5px;
  color:#979ea7;
  white-space:nowrap;
}
body[data-page="product"] .premium-option-price small b{
  color:#4a6c98;
  font-size:inherit;
  font-weight:700;
}
body[data-page="product"] .premium-option-price-tagged{
  position:relative;
  padding-top:15px;
}
body[data-page="product"] .premium-option-tag{
  position:absolute;
  top:-7px;
  right:0;
  padding:3px 7px;
  border-radius:999px;
  background:rgba(235,241,249,.95);
  border:1px solid rgba(148,169,198,.14);
  color:#607691;
  font-family:"Poppins",sans-serif;
  font-size:6.8px;
  line-height:1;
  font-weight:600;
  letter-spacing:.015em;
  white-space:nowrap;
}
body[data-page="product"] .premium-option-tag-best{
  background:linear-gradient(180deg,#edf3ff,#e8effb);
  color:#315d94;
  border-color:rgba(73,112,164,.13);
}

body[data-page="product"] .finish-summary-premium{
  padding:10px 12px;
  margin:10px 0 12px;
}
body[data-page="product"] .finish-swatch{width:24px;height:24px;border-radius:7px;}
body[data-page="product"] .finish-summary-premium>span{font-size:8px;}
body[data-page="product"] .premium-add-main{
  height:58px;
  border-radius:18px;
}
body[data-page="product"] .purchase-confidence{
  padding:10px 0 1px;
  font-size:8px;
}
body[data-page="product"] .premium-payment-row{
  margin-top:8px;
  padding-top:8px;
}

@media(max-width:1180px){
  body[data-page="product"] .product-layout-premium{max-width:860px;grid-template-columns:1fr;}
  body[data-page="product"] .premium-product-title{white-space:normal;}
}
@media(max-width:720px){
  body[data-page="product"] .premium-product-title{font-size:37px;white-space:normal;}
  body[data-page="product"] .buy-panel-premium{padding:24px 18px 22px;}
  body[data-page="product"] .premium-bundle-options .bundle-option{grid-template-columns:38px minmax(0,1fr) auto;gap:7px;padding:8px 9px;}
  body[data-page="product"] .premium-option-price{min-width:92px;}
  body[data-page="product"] .premium-option-tag{font-size:6.3px;padding:3px 6px;}
}

/* =========================================================
   v46 — animated quantity stack + refined network badge
   ========================================================= */
body[data-page="product"] .premium-network-only{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:9px 12px 9px 9px;
  min-height:44px;
}
body[data-page="product"] .gallery-network-icons{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:4px;
  border-radius:12px;
  background:linear-gradient(180deg,rgba(249,251,253,.96),rgba(242,246,251,.90));
  border:1px solid rgba(223,229,237,.92);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95);
}
body[data-page="product"] .gallery-network-icons img{
  width:24px;
  height:24px;
  margin:0!important;
  padding:4px;
  border-radius:8px;
  background:#fff;
  border:1px solid rgba(225,230,237,.9);
  object-fit:contain;
  box-shadow:0 4px 10px rgba(17,24,39,.045);
}
body[data-page="product"] .premium-network-only>b{
  font-size:10.5px;
  letter-spacing:-.02em;
}

body[data-page="product"] .premium-product-scene{
  position:relative;
}
body[data-page="product"] .premium-card-stack{
  position:relative;
  z-index:2;
  width:min(78%,600px);
  aspect-ratio:1.586;
  transition:transform .72s cubic-bezier(.2,.8,.2,1);
  will-change:transform;
}
body[data-page="product"] .gallery-main-premium:hover .premium-card-stack{
  transform:translateY(-4px);
}
body[data-page="product"] .premium-card-stack .hero-product-cutout{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  transform:none;
}
body[data-page="product"] .premium-card-stack .stack-card{
  will-change:transform,opacity,filter;
  transition:
    transform .82s cubic-bezier(.2,.84,.2,1),
    opacity .46s ease,
    filter .82s ease;
}
body[data-page="product"] .premium-card-stack .stack-card-1{z-index:3;transition-delay:0s;}
body[data-page="product"] .premium-card-stack .stack-card-2{z-index:2;transition-delay:.03s;}
body[data-page="product"] .premium-card-stack .stack-card-3{z-index:1;transition-delay:.06s;}

body[data-page="product"] .premium-card-stack.qty-1 .stack-card-1{
  opacity:1;
  transform:translate3d(0,12px,0) rotate(-7deg) scale(1);
  filter:drop-shadow(0 44px 48px rgba(21,31,51,.19));
}
body[data-page="product"] .premium-card-stack.qty-1 .stack-card-2{
  opacity:0;
  transform:translate3d(46px,-8px,0) rotate(-3deg) scale(.92);
  filter:drop-shadow(0 20px 24px rgba(21,31,51,.10));
}
body[data-page="product"] .premium-card-stack.qty-1 .stack-card-3{
  opacity:0;
  transform:translate3d(86px,-22px,0) rotate(1deg) scale(.86);
  filter:drop-shadow(0 16px 18px rgba(21,31,51,.08));
}

body[data-page="product"] .premium-card-stack.qty-2 .stack-card-1{
  opacity:1;
  transform:translate3d(-24px,20px,0) rotate(-9deg) scale(1);
  filter:drop-shadow(0 40px 44px rgba(21,31,51,.18));
}
body[data-page="product"] .premium-card-stack.qty-2 .stack-card-2{
  opacity:.98;
  transform:translate3d(36px,-6px,0) rotate(-4deg) scale(.93);
  filter:drop-shadow(0 30px 36px rgba(21,31,51,.14));
}
body[data-page="product"] .premium-card-stack.qty-2 .stack-card-3{
  opacity:0;
  transform:translate3d(92px,-18px,0) rotate(0deg) scale(.87);
  filter:drop-shadow(0 18px 22px rgba(21,31,51,.08));
}

body[data-page="product"] .premium-card-stack.qty-3 .stack-card-1{
  opacity:1;
  transform:translate3d(-48px,28px,0) rotate(-10deg) scale(.995);
  filter:drop-shadow(0 38px 42px rgba(21,31,51,.18));
}
body[data-page="product"] .premium-card-stack.qty-3 .stack-card-2{
  opacity:.98;
  transform:translate3d(8px,2px,0) rotate(-5deg) scale(.945);
  filter:drop-shadow(0 32px 36px rgba(21,31,51,.14));
}
body[data-page="product"] .premium-card-stack.qty-3 .stack-card-3{
  opacity:.96;
  transform:translate3d(62px,-22px,0) rotate(-1deg) scale(.89);
  filter:drop-shadow(0 26px 30px rgba(21,31,51,.11));
}

body[data-page="product"] .premium-card-stack.stack-animate .stack-card-1{
  animation:premiumCardSettleFront .72s cubic-bezier(.18,.78,.18,1);
}
body[data-page="product"] .premium-card-stack.stack-animate .stack-card-2{
  animation:premiumCardSettleBack .74s cubic-bezier(.18,.78,.18,1);
}
body[data-page="product"] .premium-card-stack.stack-animate .stack-card-3{
  animation:premiumCardSettleFar .78s cubic-bezier(.18,.78,.18,1);
}
@keyframes premiumCardSettleFront{
  0%{filter:drop-shadow(0 14px 16px rgba(21,31,51,.08));}
  55%{filter:drop-shadow(0 52px 56px rgba(21,31,51,.23));}
  100%{filter:inherit;}
}
@keyframes premiumCardSettleBack{
  0%{opacity:0;filter:drop-shadow(0 8px 10px rgba(21,31,51,.04));}
  55%{opacity:1;filter:drop-shadow(0 38px 42px rgba(21,31,51,.18));}
  100%{opacity:inherit;filter:inherit;}
}
@keyframes premiumCardSettleFar{
  0%{opacity:0;filter:drop-shadow(0 6px 8px rgba(21,31,51,.03));}
  60%{opacity:1;filter:drop-shadow(0 30px 34px rgba(21,31,51,.14));}
  100%{opacity:inherit;filter:inherit;}
}

@media(max-width:1180px){
  body[data-page="product"] .premium-card-stack{width:min(72%,560px);}
}
@media(max-width:720px){
  body[data-page="product"] .premium-network-only{padding:8px 10px 8px 8px;gap:8px;}
  body[data-page="product"] .gallery-network-icons{gap:6px;padding:3px;}
  body[data-page="product"] .gallery-network-icons img{width:22px;height:22px;padding:3px;}
  body[data-page="product"] .premium-network-only>b{font-size:9.4px;}
  body[data-page="product"] .premium-card-stack{width:82%;}
  body[data-page="product"] .premium-card-stack.qty-1 .stack-card-1{transform:translate3d(0,10px,0) rotate(-5deg) scale(1);}
  body[data-page="product"] .premium-card-stack.qty-2 .stack-card-1{transform:translate3d(-16px,16px,0) rotate(-7deg) scale(1);}
  body[data-page="product"] .premium-card-stack.qty-2 .stack-card-2{transform:translate3d(26px,-4px,0) rotate(-3deg) scale(.93);}
  body[data-page="product"] .premium-card-stack.qty-3 .stack-card-1{transform:translate3d(-30px,20px,0) rotate(-8deg) scale(.995);}
  body[data-page="product"] .premium-card-stack.qty-3 .stack-card-2{transform:translate3d(4px,0,0) rotate(-4deg) scale(.945);}
  body[data-page="product"] .premium-card-stack.qty-3 .stack-card-3{transform:translate3d(40px,-16px,0) rotate(0deg) scale(.89);}
}

/* =========================================================
   v47 — product page stack + price sync fixes
   ========================================================= */
body[data-page="product"] .premium-product-scene{
  position:absolute;
  inset:0;
  display:block;
  overflow:hidden;
}
body[data-page="product"] .product-glow{
  left:50%;
  top:52%;
  width:78%;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(88,138,255,.22) 0%,rgba(130,170,255,.11) 34%,rgba(165,142,255,.07) 56%,transparent 72%);
  filter:blur(8px);
}
body[data-page="product"] .premium-network-only{
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:11px 14px 11px 10px;
}
body[data-page="product"] .gallery-network-icons{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:4px;
  border-radius:14px;
  background:linear-gradient(180deg,rgba(250,251,253,.96),rgba(244,247,251,.92));
  border:1px solid rgba(224,230,238,.95);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95);
}
body[data-page="product"] .gallery-network-icons img{
  width:24px;
  height:24px;
  margin:0!important;
  padding:4px;
  border-radius:8px;
  background:#fff;
  border:1px solid rgba(226,231,239,.92);
  box-shadow:0 4px 10px rgba(17,24,39,.05);
}
body[data-page="product"] .premium-card-stack{
  position:absolute;
  inset:0;
  z-index:2;
  width:100%;
  height:100%;
  pointer-events:none;
  transition:transform .42s cubic-bezier(.2,.8,.2,1);
}
body[data-page="product"] .premium-card-stack.is-switching{
  transform:scale(1.012);
}
body[data-page="product"] .premium-card-stack .hero-product-cutout{
  position:absolute;
  left:50%;
  top:50%;
  inset:auto;
  width:min(76%,590px);
  height:auto;
  object-fit:contain;
  will-change:transform,opacity,filter;
  transition:
    transform .62s cubic-bezier(.2,.82,.2,1),
    opacity .28s ease,
    filter .62s ease;
}
body[data-page="product"] .premium-card-stack .stack-card-1{z-index:3;}
body[data-page="product"] .premium-card-stack .stack-card-2{z-index:2;}
body[data-page="product"] .premium-card-stack .stack-card-3{z-index:1;}

body[data-page="product"] .premium-card-stack.qty-1 .stack-card-1{
  opacity:1;
  transform:translate(-50%,-49%) rotate(-9deg) scale(1);
  filter:drop-shadow(0 34px 46px rgba(18,27,43,.22));
}
body[data-page="product"] .premium-card-stack.qty-1 .stack-card-2,
body[data-page="product"] .premium-card-stack.qty-1 .stack-card-3{
  opacity:0;
  transform:translate(-50%,-49%) rotate(-9deg) scale(.96);
  filter:drop-shadow(0 18px 24px rgba(18,27,43,.08));
}

body[data-page="product"] .premium-card-stack.qty-2 .stack-card-1{
  opacity:1;
  transform:translate(calc(-50% - 40px), calc(-50% + 18px)) rotate(-10.5deg) scale(.995);
  filter:drop-shadow(0 34px 44px rgba(18,27,43,.22));
}
body[data-page="product"] .premium-card-stack.qty-2 .stack-card-2{
  opacity:.98;
  transform:translate(calc(-50% + 38px), calc(-50% - 14px)) rotate(-5.5deg) scale(.94);
  filter:drop-shadow(0 28px 36px rgba(18,27,43,.15));
}
body[data-page="product"] .premium-card-stack.qty-2 .stack-card-3{
  opacity:0;
  transform:translate(calc(-50% + 70px), calc(-50% - 30px)) rotate(-3deg) scale(.9);
  filter:drop-shadow(0 18px 22px rgba(18,27,43,.08));
}

body[data-page="product"] .premium-card-stack.qty-3 .stack-card-1{
  opacity:1;
  transform:translate(calc(-50% - 60px), calc(-50% + 24px)) rotate(-11deg) scale(.99);
  filter:drop-shadow(0 34px 44px rgba(18,27,43,.22));
}
body[data-page="product"] .premium-card-stack.qty-3 .stack-card-2{
  opacity:.98;
  transform:translate(calc(-50% + 6px), calc(-50% + 2px)) rotate(-6deg) scale(.945);
  filter:drop-shadow(0 28px 36px rgba(18,27,43,.15));
}
body[data-page="product"] .premium-card-stack.qty-3 .stack-card-3{
  opacity:.96;
  transform:translate(calc(-50% + 66px), calc(-50% - 20px)) rotate(-1.5deg) scale(.9);
  filter:drop-shadow(0 24px 30px rgba(18,27,43,.12));
}

@media (hover:hover){
  body[data-page="product"] .gallery-main-premium:hover .premium-card-stack.qty-1 .stack-card-1{
    transform:translate(-50%,-50%) rotate(-7.5deg) scale(1.015);
  }
  body[data-page="product"] .gallery-main-premium:hover .premium-card-stack.qty-2 .stack-card-1{
    transform:translate(calc(-50% - 46px), calc(-50% + 14px)) rotate(-9.5deg) scale(1.005);
  }
  body[data-page="product"] .gallery-main-premium:hover .premium-card-stack.qty-2 .stack-card-2{
    transform:translate(calc(-50% + 44px), calc(-50% - 18px)) rotate(-4.8deg) scale(.95);
  }
  body[data-page="product"] .gallery-main-premium:hover .premium-card-stack.qty-3 .stack-card-1{
    transform:translate(calc(-50% - 66px), calc(-50% + 20px)) rotate(-10deg) scale(1.003);
  }
  body[data-page="product"] .gallery-main-premium:hover .premium-card-stack.qty-3 .stack-card-2{
    transform:translate(calc(-50% + 10px), calc(-50% - 1px)) rotate(-5.2deg) scale(.95);
  }
  body[data-page="product"] .gallery-main-premium:hover .premium-card-stack.qty-3 .stack-card-3{
    transform:translate(calc(-50% + 72px), calc(-50% - 24px)) rotate(-.5deg) scale(.905);
  }
}

@media (max-width:1180px){
  body[data-page="product"] .premium-card-stack .hero-product-cutout{width:min(80%,560px);}
}
@media (max-width:720px){
  body[data-page="product"] .premium-network-only{gap:9px;padding:9px 12px 9px 8px;}
  body[data-page="product"] .gallery-network-icons{gap:6px;padding:3px;}
  body[data-page="product"] .gallery-network-icons img{width:22px;height:22px;padding:3px;}
  body[data-page="product"] .premium-card-stack .hero-product-cutout{width:min(84%,520px);}
  body[data-page="product"] .premium-card-stack.qty-2 .stack-card-1{transform:translate(calc(-50% - 22px), calc(-50% + 14px)) rotate(-8.5deg) scale(.995);}
  body[data-page="product"] .premium-card-stack.qty-2 .stack-card-2{transform:translate(calc(-50% + 24px), calc(-50% - 8px)) rotate(-4.5deg) scale(.95);}
  body[data-page="product"] .premium-card-stack.qty-3 .stack-card-1{transform:translate(calc(-50% - 34px), calc(-50% + 18px)) rotate(-9.5deg) scale(.99);}
  body[data-page="product"] .premium-card-stack.qty-3 .stack-card-2{transform:translate(calc(-50% + 2px), calc(-50% + 1px)) rotate(-5deg) scale(.95);}
  body[data-page="product"] .premium-card-stack.qty-3 .stack-card-3{transform:translate(calc(-50% + 36px), calc(-50% - 14px)) rotate(-1deg) scale(.91);}
}

/* =========================================================
   v48 — product badge row + centered card stack fixes
   ========================================================= */
body[data-page="product"] .premium-network-only{
  display:inline-flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  min-width:0;
  max-width:max-content;
  padding:10px 14px 10px 10px !important;
}
body[data-page="product"] .gallery-network-icons{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:8px !important;
  white-space:nowrap;
}
body[data-page="product"] .gallery-network-icons img{
  margin:0 !important;
}
body[data-page="product"] .gallery-network-icons img+img{
  margin-left:0 !important;
}
body[data-page="product"] .premium-network-only > b{
  display:block;
  line-height:1.15;
  white-space:nowrap;
}
body[data-page="product"] .gallery-main-premium{
  overflow:hidden;
}
body[data-page="product"] .premium-card-stack{
  position:absolute;
  left:50%;
  top:50%;
  width:100%;
  height:100%;
  transform:translate(-50%,-50%);
  transform-origin:center center;
}
body[data-page="product"] .premium-card-stack .hero-product-cutout{
  left:50% !important;
  top:50% !important;
}
body[data-page="product"] .premium-card-stack.qty-1 .stack-card-1{
  transform:translate(-50%,-49%) rotate(-9deg) scale(1);
}
body[data-page="product"] .premium-card-stack.qty-1 .stack-card-2,
body[data-page="product"] .premium-card-stack.qty-1 .stack-card-3{
  transform:translate(-50%,-49%) rotate(-9deg) scale(.96);
}
@media (max-width:720px){
  body[data-page="product"] .premium-network-only{
    gap:8px !important;
    padding:9px 12px 9px 9px !important;
  }
  body[data-page="product"] .premium-network-only > b{
    font-size:12px;
  }
}

/* =========================================================
   v49 — keep quantity card stack anchored during hover/switch
   ========================================================= */
body[data-page="product"] .premium-card-stack{
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  transform-origin:50% 50% !important;
}
body[data-page="product"] .gallery-main-premium:hover .premium-card-stack{
  transform:translate(-50%,-50%) !important;
}
body[data-page="product"] .premium-card-stack.is-switching{
  transform:translate(-50%,-50%) scale(1.006) !important;
}
body[data-page="product"] .premium-card-stack .stack-card{
  transform-origin:50% 50%;
}

/* =========================================================
   v50 — cleaner gallery/buy gutter + premium bundle labels
   ========================================================= */
body[data-page="product"] .product-layout-premium{
  max-width:1480px;
  grid-template-columns:minmax(0,1.05fr) minmax(520px,.82fr);
  column-gap:46px;
  row-gap:30px;
}
body[data-page="product"] .product-gallery-premium,
body[data-page="product"] .buy-panel-premium{
  position:relative;
  z-index:1;
}
body[data-page="product"] .buy-panel-premium{
  box-shadow:0 26px 70px rgba(31,43,67,.085),inset 0 1px 0 rgba(255,255,255,.96);
}
body[data-page="product"] .gallery-main-premium{
  box-shadow:0 26px 70px rgba(27,38,60,.075),inset 0 1px 0 rgba(255,255,255,.96);
}

body[data-page="product"] .bundle-title-line{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  min-width:0;
}
body[data-page="product"] .premium-bundle-options .bundle-copy{
  min-width:0;
}
body[data-page="product"] .premium-bundle-options .bundle-copy b{
  white-space:nowrap;
}
body[data-page="product"] .premium-option-price-tagged{
  padding-top:0;
}
body[data-page="product"] .premium-option-tag{
  position:relative;
  top:auto;
  right:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:22px;
  padding:5px 10px;
  border-radius:999px;
  overflow:hidden;
  isolation:isolate;
  font-family:"Poppins","Manrope",sans-serif;
  font-size:7.4px;
  line-height:1;
  font-weight:650;
  letter-spacing:.025em;
  text-transform:uppercase;
  white-space:nowrap;
  transform:translateZ(0);
}
body[data-page="product"] .premium-option-tag::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  border-radius:inherit;
  opacity:1;
}
body[data-page="product"] .premium-option-tag::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:-55%;
  left:-42%;
  width:42%;
  height:210%;
  transform:rotate(18deg) translateX(-180%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.78),transparent);
  animation:inktechoTagSheen 4.8s cubic-bezier(.22,.7,.25,1) infinite;
  pointer-events:none;
}
body[data-page="product"] .premium-option-tag-popular{
  color:#28598e;
  border:1px solid rgba(90,137,198,.24);
  background:linear-gradient(180deg,rgba(241,247,255,.98),rgba(228,239,254,.96));
  box-shadow:0 5px 15px rgba(58,104,165,.09),inset 0 1px 0 rgba(255,255,255,.98);
  animation:inktechoPopularPulse 3.6s ease-in-out infinite;
}
body[data-page="product"] .premium-option-tag-best{
  color:#553f9d;
  border:1px solid rgba(112,91,184,.22);
  background:linear-gradient(135deg,rgba(245,242,255,.99),rgba(228,235,255,.98));
  box-shadow:0 5px 16px rgba(84,74,168,.10),inset 0 1px 0 rgba(255,255,255,.98);
  animation:inktechoBestPulse 3.6s ease-in-out .45s infinite;
}
body[data-page="product"] .premium-option-tag-best::after{
  animation-delay:.65s;
}
@keyframes inktechoTagSheen{
  0%,58%{transform:rotate(18deg) translateX(-220%);opacity:0;}
  66%{opacity:.72;}
  84%{transform:rotate(18deg) translateX(420%);opacity:.18;}
  100%{transform:rotate(18deg) translateX(420%);opacity:0;}
}
@keyframes inktechoPopularPulse{
  0%,100%{box-shadow:0 5px 15px rgba(58,104,165,.08),inset 0 1px 0 rgba(255,255,255,.98);transform:translateY(0);}
  50%{box-shadow:0 8px 20px rgba(58,104,165,.16),0 0 0 3px rgba(112,164,226,.055),inset 0 1px 0 rgba(255,255,255,.98);transform:translateY(-1px);}
}
@keyframes inktechoBestPulse{
  0%,100%{box-shadow:0 5px 16px rgba(84,74,168,.09),inset 0 1px 0 rgba(255,255,255,.98);transform:translateY(0);}
  50%{box-shadow:0 8px 21px rgba(84,74,168,.17),0 0 0 3px rgba(145,117,222,.05),inset 0 1px 0 rgba(255,255,255,.98);transform:translateY(-1px);}
}

/* The badges now live next to the bundle name, so the price column stays clean. */
body[data-page="product"] .premium-option-price{
  min-width:116px;
  align-self:center;
}
body[data-page="product"] .premium-bundle-options .bundle-option.active .premium-option-price{
  padding-right:25px;
}

@media(max-width:1180px){
  body[data-page="product"] .product-layout-premium{
    max-width:880px;
    grid-template-columns:1fr;
    column-gap:0;
  }
}
@media(max-width:720px){
  body[data-page="product"] .premium-option-tag{
    min-height:20px;
    padding:4px 8px;
    font-size:6.7px;
  }
  body[data-page="product"] .bundle-title-line{gap:6px;}
  body[data-page="product"] .premium-option-price{min-width:94px;}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="product"] .premium-option-tag,
  body[data-page="product"] .premium-option-tag::after{
    animation:none!important;
  }
}

/* =========================================================
   v51 — premium use-case showcase redesign
   ========================================================= */
body[data-page="product"] .usecase-product{
  padding-top:84px;
  padding-bottom:96px;
}
body[data-page="product"] .usecase-product .split-heading{
  max-width:1320px;
  margin-bottom:34px;
}
body[data-page="product"] .usecase-product .split-heading h2{
  max-width:760px;
}
body[data-page="product"] .usecase-tabs{
  max-width:max-content;
  margin:0 auto 22px;
  padding:6px;
  gap:4px;
  border-radius:18px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(255,255,255,.92);
  box-shadow:0 14px 34px rgba(20,34,58,.08),inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
}
body[data-page="product"] .use-tab{
  position:relative;
  overflow:hidden;
  min-width:112px;
  border:0;
  background:transparent;
  color:#606a78;
  border-radius:13px;
  padding:12px 17px;
  font-size:11px;
  font-weight:650;
  letter-spacing:-.015em;
  transition:color .28s ease,background .28s ease,transform .28s ease,box-shadow .28s ease;
}
body[data-page="product"] .use-tab:hover{
  color:#151a22;
  background:rgba(246,248,251,.9);
}
body[data-page="product"] .use-tab.active{
  color:#fff;
  background:linear-gradient(180deg,#171a1f 0%,#050607 100%);
  box-shadow:0 8px 18px rgba(10,13,18,.20),inset 0 1px 0 rgba(255,255,255,.14);
  transform:translateY(-1px);
}
body[data-page="product"] .use-tab.active:after{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  bottom:5px;
  height:1px;
  border-radius:99px;
  background:linear-gradient(90deg,transparent,rgba(143,181,255,.9),transparent);
  opacity:.8;
}
body[data-page="product"] .usecase-stage{
  max-width:1320px;
  min-height:570px;
  border-radius:32px;
  background:linear-gradient(135deg,#fbfcfe 0%,#f6f8fb 100%);
  border:1px solid rgba(219,225,234,.78);
  box-shadow:0 30px 80px rgba(22,39,66,.10),inset 0 1px 0 rgba(255,255,255,.86);
  overflow:hidden;
}
body[data-page="product"] .usecase-stage:after{
  content:"";
  position:absolute;
  right:-100px;
  top:-130px;
  width:430px;
  height:430px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(111,160,255,.11),rgba(124,151,255,.04) 44%,transparent 72%);
  pointer-events:none;
  z-index:0;
}
body[data-page="product"] .use-slide{
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .36s ease,visibility .36s ease;
}
body[data-page="product"] .use-slide.active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
body[data-page="product"] .use-slide>.use-media{
  position:relative;
  overflow:hidden;
  background:#e8edf4;
}
body[data-page="product"] .use-slide>.use-media:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,transparent 74%,rgba(255,255,255,.13) 100%),linear-gradient(180deg,rgba(255,255,255,.03),rgba(4,12,24,.05));
}
body[data-page="product"] .use-slide img{
  transform:scale(1.025);
  transition:transform .72s cubic-bezier(.2,.78,.2,1),filter .5s ease;
  filter:saturate(.97) contrast(1.01);
}
body[data-page="product"] .use-slide.active img{
  transform:scale(1);
}
body[data-page="product"] .use-slide>.use-copy{
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:52px 62px 78px;
  position:relative;
  z-index:2;
  transform:translateY(-18px);
}
body[data-page="product"] .use-slide>.use-copy:before{
  content:"";
  position:absolute;
  left:62px;
  top:78px;
  width:52px;
  height:1px;
  background:linear-gradient(90deg,#7eaaff,transparent);
  opacity:.75;
}
body[data-page="product"] .use-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
  max-width:470px;
}
body[data-page="product"] .use-meta .tag{
  color:#68778c;
  font-size:9px;
  font-weight:800;
  letter-spacing:.16em;
}
body[data-page="product"] .use-index{
  font-size:10px;
  font-weight:650;
  color:#a1a9b4;
  letter-spacing:.08em;
}
body[data-page="product"] .use-slide h3{
  max-width:500px;
  margin:0 0 17px;
  font-size:48px;
  line-height:.98;
  letter-spacing:-.055em;
  color:#0c1017;
}
body[data-page="product"] .use-slide p{
  max-width:490px;
  margin:0;
  font-size:15px;
  line-height:1.65;
  color:#737d89;
}
body[data-page="product"] .use-slide ul{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:26px 0 0;
  max-width:500px;
}
body[data-page="product"] .use-slide li{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(219,225,234,.9);
  box-shadow:0 8px 18px rgba(25,38,60,.045),inset 0 1px 0 rgba(255,255,255,.9);
  color:#3f4956;
  font-size:10px;
  font-weight:650;
}
body[data-page="product"] .use-slide li:before{
  content:"✓";
  display:grid;
  place-items:center;
  width:16px;
  height:16px;
  margin:0;
  border-radius:50%;
  background:#eef5ff;
  color:#3e79d8;
  font-size:9px;
  font-weight:800;
}
body[data-page="product"] .use-slide .use-copy>*{
  opacity:0;
  transform:translateY(10px);
  transition:opacity .35s ease,transform .46s cubic-bezier(.2,.78,.2,1);
}
body[data-page="product"] .use-slide.active .use-copy>*{
  opacity:1;
  transform:translateY(0);
}
body[data-page="product"] .use-slide.active .use-copy>*:nth-child(2){transition-delay:.04s}
body[data-page="product"] .use-slide.active .use-copy>*:nth-child(3){transition-delay:.08s}
body[data-page="product"] .use-slide.active .use-copy>*:nth-child(4){transition-delay:.12s}

@media(max-width:1100px){
  body[data-page="product"] .usecase-stage{min-height:540px}
  body[data-page="product"] .use-slide{grid-template-columns:1fr 1fr}
  body[data-page="product"] .use-slide>.use-copy{padding:44px 42px 62px;transform:translateY(-10px)}
  body[data-page="product"] .use-slide>.use-copy:before{left:42px;top:64px}
  body[data-page="product"] .use-slide h3{font-size:41px}
}
@media(max-width:720px){
  body[data-page="product"] .usecase-product{padding-top:62px;padding-bottom:72px}
  body[data-page="product"] .usecase-tabs{
    width:calc(100% - 12px);
    max-width:none;
    overflow-x:auto;
    justify-content:flex-start;
    padding:5px;
    border-radius:16px;
    scrollbar-width:none;
  }
  body[data-page="product"] .usecase-tabs::-webkit-scrollbar{display:none}
  body[data-page="product"] .use-tab{min-width:max-content;padding:11px 14px}
  body[data-page="product"] .usecase-stage{min-height:650px;border-radius:25px}
  body[data-page="product"] .use-slide{grid-template-columns:1fr;grid-template-rows:340px 1fr}
  body[data-page="product"] .use-slide>.use-media{height:340px}
  body[data-page="product"] .use-slide>.use-copy{
    transform:none;
    padding:30px 24px 34px;
    justify-content:flex-start;
  }
  body[data-page="product"] .use-slide>.use-copy:before{display:none}
  body[data-page="product"] .use-meta{margin-bottom:14px}
  body[data-page="product"] .use-slide h3{font-size:36px;max-width:420px}
  body[data-page="product"] .use-slide p{font-size:14px}
  body[data-page="product"] .use-slide ul{margin-top:20px;gap:7px}
  body[data-page="product"] .use-slide li{padding:7px 10px;font-size:9.5px}
}


/* v53: 5-card bundle visuals */
.bundle-icon.five{width:48px;height:40px;overflow:visible;}
.bundle-icon.five i{
  position:absolute;
  width:30px;
  height:19px;
  border-radius:5px;
  background:linear-gradient(180deg,#161a20 0%,#0d1116 100%);
  box-shadow:0 2px 6px rgba(10,12,16,.14),inset 0 0 0 1px rgba(255,255,255,.04);
}
.bundle-icon.five i:nth-child(1){left:0;top:3px;}
.bundle-icon.five i:nth-child(2){left:4px;top:6px;}
.bundle-icon.five i:nth-child(3){left:8px;top:9px;}
.bundle-icon.five i:nth-child(4){left:12px;top:12px;}
.bundle-icon.five i:nth-child(5){left:16px;top:15px;}

body[data-page="product"] .premium-card-stack .stack-card-4{z-index:0;}
body[data-page="product"] .premium-card-stack .stack-card-5{z-index:0;}
body[data-page="product"] .premium-card-stack.qty-1 .stack-card-4,
body[data-page="product"] .premium-card-stack.qty-1 .stack-card-5,
body[data-page="product"] .premium-card-stack.qty-3 .stack-card-4,
body[data-page="product"] .premium-card-stack.qty-3 .stack-card-5{
  opacity:0;
  transform:translate(-50%,-49%) rotate(-9deg) scale(.92);
  filter:drop-shadow(0 18px 24px rgba(18,27,43,.08));
}
body[data-page="product"] .premium-card-stack.qty-5 .stack-card-1{
  opacity:1;
  transform:translate(calc(-50% - 78px), calc(-50% + 30px)) rotate(-10deg) scale(1);
  filter:drop-shadow(0 34px 44px rgba(18,27,43,.22));
}
body[data-page="product"] .premium-card-stack.qty-5 .stack-card-2{
  opacity:.99;
  transform:translate(calc(-50% - 38px), calc(-50% + 18px)) rotate(-8deg) scale(1);
  filter:drop-shadow(0 31px 40px rgba(18,27,43,.19));
}
body[data-page="product"] .premium-card-stack.qty-5 .stack-card-3{
  opacity:.98;
  transform:translate(calc(-50% + 2px), calc(-50% + 6px)) rotate(-6deg) scale(1);
  filter:drop-shadow(0 28px 36px rgba(18,27,43,.16));
}
body[data-page="product"] .premium-card-stack.qty-5 .stack-card-4{
  opacity:.97;
  transform:translate(calc(-50% + 42px), calc(-50% - 6px)) rotate(-4deg) scale(1);
  filter:drop-shadow(0 25px 32px rgba(18,27,43,.13));
}
body[data-page="product"] .premium-card-stack.qty-5 .stack-card-5{
  opacity:.96;
  transform:translate(calc(-50% + 82px), calc(-50% - 18px)) rotate(-2deg) scale(1);
  filter:drop-shadow(0 22px 28px rgba(18,27,43,.11));
}
@media (hover:hover){
  body[data-page="product"] .gallery-main-premium:hover .premium-card-stack.qty-5 .stack-card-1{
    transform:translate(calc(-50% - 84px), calc(-50% + 28px)) rotate(-9.5deg) scale(1.004);
  }
  body[data-page="product"] .gallery-main-premium:hover .premium-card-stack.qty-5 .stack-card-2{
    transform:translate(calc(-50% - 42px), calc(-50% + 16px)) rotate(-7.5deg) scale(1.003);
  }
  body[data-page="product"] .gallery-main-premium:hover .premium-card-stack.qty-5 .stack-card-3{
    transform:translate(calc(-50% + 1px), calc(-50% + 4px)) rotate(-5.5deg) scale(1.002);
  }
  body[data-page="product"] .gallery-main-premium:hover .premium-card-stack.qty-5 .stack-card-4{
    transform:translate(calc(-50% + 44px), calc(-50% - 8px)) rotate(-3.5deg) scale(1.001);
  }
  body[data-page="product"] .gallery-main-premium:hover .premium-card-stack.qty-5 .stack-card-5{
    transform:translate(calc(-50% + 86px), calc(-50% - 20px)) rotate(-1.5deg) scale(1);
  }
}

/* =========================================================
   v56 — make all five cards unmistakably visible
   ========================================================= */
body[data-page="product"] .premium-card-stack .stack-card-1{z-index:5 !important;}
body[data-page="product"] .premium-card-stack .stack-card-2{z-index:4 !important;}
body[data-page="product"] .premium-card-stack .stack-card-3{z-index:3 !important;}
body[data-page="product"] .premium-card-stack .stack-card-4{z-index:2 !important;}
body[data-page="product"] .premium-card-stack .stack-card-5{z-index:1 !important;}

body[data-page="product"] .premium-card-stack.qty-5 .stack-card{
  opacity:1 !important;
  width:min(74%,590px) !important;
  filter:drop-shadow(0 26px 38px rgba(18,27,43,.16)) !important;
}
body[data-page="product"] .premium-card-stack.qty-5 .stack-card-1{
  transform:translate(calc(-50% - 112px),calc(-50% + 30px)) rotate(-10deg) scale(.985) !important;
}
body[data-page="product"] .premium-card-stack.qty-5 .stack-card-2{
  transform:translate(calc(-50% - 56px),calc(-50% + 18px)) rotate(-8deg) scale(.985) !important;
}
body[data-page="product"] .premium-card-stack.qty-5 .stack-card-3{
  transform:translate(-50%,calc(-50% + 6px)) rotate(-6deg) scale(.985) !important;
}
body[data-page="product"] .premium-card-stack.qty-5 .stack-card-4{
  transform:translate(calc(-50% + 56px),calc(-50% - 6px)) rotate(-4deg) scale(.985) !important;
}
body[data-page="product"] .premium-card-stack.qty-5 .stack-card-5{
  transform:translate(calc(-50% + 112px),calc(-50% - 18px)) rotate(-2deg) scale(.985) !important;
}

@media (hover:hover){
  body[data-page="product"] .gallery-main-premium:hover .premium-card-stack.qty-5 .stack-card-1{
    transform:translate(calc(-50% - 118px),calc(-50% + 28px)) rotate(-9.5deg) scale(.992) !important;
  }
  body[data-page="product"] .gallery-main-premium:hover .premium-card-stack.qty-5 .stack-card-2{
    transform:translate(calc(-50% - 59px),calc(-50% + 16px)) rotate(-7.5deg) scale(.991) !important;
  }
  body[data-page="product"] .gallery-main-premium:hover .premium-card-stack.qty-5 .stack-card-3{
    transform:translate(-50%,calc(-50% + 4px)) rotate(-5.5deg) scale(.99) !important;
  }
  body[data-page="product"] .gallery-main-premium:hover .premium-card-stack.qty-5 .stack-card-4{
    transform:translate(calc(-50% + 59px),calc(-50% - 8px)) rotate(-3.5deg) scale(.989) !important;
  }
  body[data-page="product"] .gallery-main-premium:hover .premium-card-stack.qty-5 .stack-card-5{
    transform:translate(calc(-50% + 118px),calc(-50% - 20px)) rotate(-1.5deg) scale(.988) !important;
  }
}

/* five-card bundle thumbnail: five identical card silhouettes */
.bundle-icon.five{
  width:48px !important;
  height:36px !important;
  overflow:visible !important;
  position:relative !important;
}
.bundle-icon.five i{
  position:absolute !important;
  width:25px !important;
  height:16px !important;
  top:10px !important;
  border-radius:4px !important;
  background:#12161c !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 2px 5px rgba(10,12,16,.14) !important;
  transform-origin:center center !important;
}
.bundle-icon.five i:nth-child(1){left:0 !important;transform:rotate(-7deg) !important;}
.bundle-icon.five i:nth-child(2){left:5px !important;transform:rotate(-4deg) !important;}
.bundle-icon.five i:nth-child(3){left:10px !important;transform:rotate(-1deg) !important;}
.bundle-icon.five i:nth-child(4){left:15px !important;transform:rotate(2deg) !important;}
.bundle-icon.five i:nth-child(5){left:20px !important;transform:rotate(5deg) !important;}

@media (max-width:720px){
  body[data-page="product"] .premium-card-stack.qty-5 .stack-card-1{transform:translate(calc(-50% - 70px),calc(-50% + 24px)) rotate(-9deg) scale(.96) !important;}
  body[data-page="product"] .premium-card-stack.qty-5 .stack-card-2{transform:translate(calc(-50% - 35px),calc(-50% + 14px)) rotate(-7deg) scale(.96) !important;}
  body[data-page="product"] .premium-card-stack.qty-5 .stack-card-3{transform:translate(-50%,calc(-50% + 4px)) rotate(-5deg) scale(.96) !important;}
  body[data-page="product"] .premium-card-stack.qty-5 .stack-card-4{transform:translate(calc(-50% + 35px),calc(-50% - 6px)) rotate(-3deg) scale(.96) !important;}
  body[data-page="product"] .premium-card-stack.qty-5 .stack-card-5{transform:translate(calc(-50% + 70px),calc(-50% - 16px)) rotate(-1deg) scale(.96) !important;}
}

/* =========================================================
   v57 — align purchase panel with gallery
   Cause: v50 changed .buy-panel-premium to position:relative
   while an older top:102px offset remained active.
   ========================================================= */
body[data-page="product"] .buy-panel-premium{
  position:sticky !important;
  top:96px !important;
  align-self:start;
  transform:none;
}

@media(max-width:1180px){
  body[data-page="product"] .buy-panel-premium{
    position:relative !important;
    top:0 !important;
  }
}

/* =========================================================
   v58 — premium cart redesign
   ========================================================= */
.cart-panel.premium-cart-panel{
  width:min(500px,calc(100% - 24px));
  height:min(780px,calc(100dvh - 24px));
  top:12px;
  bottom:auto;
  border-radius:32px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,249,252,.96));
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 34px 100px rgba(13,20,34,.28),inset 0 1px 0 rgba(255,255,255,.95);
}
.premium-cart-panel .cart-head{
  padding:28px 28px 22px;
  border-bottom:1px solid rgba(17,24,39,.075);
}
.premium-cart-panel .cart-head small{
  font-size:9px;
  letter-spacing:.16em;
  color:#8c95a2;
}
.premium-cart-panel .cart-head h3{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:5px;
  font-size:30px;
  letter-spacing:-.055em;
}
.cart-count-inline{
  width:32px;
  min-width:32px;
  height:32px;
  padding:0;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 32px;
  background:#0d1015;
  color:#fff;
  font-family:inherit;
  font-size:13px;
  line-height:1;
  font-weight:800;
  letter-spacing:-.02em;
  text-align:center;
  font-variant-numeric:tabular-nums;
}
.premium-cart-panel .cart-close{
  width:44px;
  height:44px;
  border-radius:50%;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(17,24,39,.08);
  box-shadow:0 9px 24px rgba(17,24,39,.07),inset 0 1px 0 #fff;
}
.premium-cart-panel .cart-shipping{
  margin:16px 28px 4px;
  padding:12px 14px;
  border-radius:17px;
  display:flex;
  align-items:center;
  gap:11px;
  background:linear-gradient(180deg,#f0f7ff,#eaf3ff);
  border:1px solid rgba(93,145,226,.16);
}
.cart-shipping-icon{
  width:30px;
  height:30px;
  border-radius:10px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  background:#fff;
  color:#2371ea;
  font-size:14px;
  font-weight:900;
  box-shadow:0 5px 14px rgba(58,112,198,.12);
}
.premium-cart-panel .cart-shipping b{
  display:block;
  color:#162033;
  font-size:11px;
  letter-spacing:-.015em;
}
.premium-cart-panel .cart-shipping small{
  display:block;
  margin-top:2px;
  color:#7d8998;
  font-size:8px;
}
.premium-cart-panel .cart-items{
  padding:15px 28px 8px;
  overflow:auto;
  flex:1;
}
.cart-item-premium{
  position:relative;
  display:grid;
  grid-template-columns:94px minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  padding:18px;
  border:1px solid rgba(17,24,39,.08);
  border-radius:23px;
  background:rgba(255,255,255,.78);
  box-shadow:0 14px 34px rgba(16,24,40,.055),inset 0 1px 0 rgba(255,255,255,.95);
}
.cart-item-premium+.cart-item-premium{margin-top:12px}
.cart-stack{
  width:94px;
  height:72px;
  position:relative;
  overflow:visible;
}
.cart-stack i{
  position:absolute;
  left:4px;
  top:50%;
  width:72px;
  height:46px;
  transform:translateY(calc(-50% + (var(--n) * 4px))) translateX(calc(var(--n) * 4px));
  transform-origin:center;
  border-radius:8px;
  background:transparent url('card-front.webp') center/contain no-repeat;
  filter:drop-shadow(0 6px 8px rgba(13,18,28,.12));
}
.cart-stack.cards-1 i{left:8px;width:78px;height:50px}
.cart-stack.cards-3 i{width:70px;height:44px}
.cart-stack.cards-5 i{width:65px;height:41px}
.cart-item-main{min-width:0}
.cart-item-title-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:3px;
}
.cart-item-title-row h4{
  margin:0;
  font-size:13px;
  letter-spacing:-.025em;
  color:#11151b;
}
.cart-item-title-row span{
  display:inline-flex;
  align-items:center;
  height:22px;
  padding:0 8px;
  border-radius:999px;
  background:linear-gradient(180deg,#eef5ff,#e5efff);
  border:1px solid #cadcf8;
  color:#3265a8;
  font-size:7px;
  font-weight:800;
  letter-spacing:.055em;
  white-space:nowrap;
}
.cart-item-main>p{
  margin:0;
  color:#8a929e;
  font-size:9px;
}
.cart-item-pricing{
  display:flex;
  align-items:baseline;
  gap:7px;
  margin-top:9px;
  min-height:20px;
}
.cart-item-pricing s{
  color:#a5acb5;
  font-size:9px;
}
.cart-item-pricing strong{
  color:#11151b;
  font-size:13px;
}
.cart-item-pricing em{
  font-style:normal;
  color:#3268ad;
  font-size:8px;
  font-weight:750;
}
.cart-item-pricing small{
  color:#9aa2ad;
  font-size:8px;
  margin-left:auto;
  white-space:nowrap;
}
.cart-qty-row{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:10px;
}
.cart-qty-row>small{
  color:#8d96a3;
  font-size:8px;
}
.cart-qty-row .qty{
  margin:0;
  gap:7px;
}
.cart-qty-row .qty button{
  width:28px;
  height:28px;
  border-radius:50%;
  border:1px solid rgba(17,24,39,.09);
  background:#fff;
  box-shadow:0 4px 12px rgba(17,24,39,.05);
}
.cart-qty-row .qty span{
  min-width:14px;
  text-align:center;
  font-size:10px;
  font-weight:700;
}
.cart-line-total{
  align-self:start;
  margin-top:2px;
  font-size:13px!important;
  color:#11151b;
}
.premium-cart-panel .cart-foot{
  padding:18px 28px 26px;
  border-top:1px solid rgba(17,24,39,.075);
  background:linear-gradient(180deg,rgba(248,250,253,.2),rgba(250,251,253,.96) 18%);
}
.cart-summary{
  display:grid;
  gap:10px;
  padding-bottom:15px;
  border-bottom:1px solid rgba(17,24,39,.075);
}
.premium-cart-panel .cart-foot .cart-summary>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:0;
  color:#616b78;
  font-size:10px;
}
.cart-summary strong{color:#1c222c;font-size:10px}
.cart-savings-row strong{color:#2d7a50}
.cart-savings-row.is-zero{opacity:.45}
.cart-shipping-value{color:#2d7a50!important;letter-spacing:.04em}
.cart-total{
  display:flex!important;
  align-items:flex-end;
  justify-content:space-between;
  margin:15px 0 14px!important;
}
.cart-total span{
  color:#11151b;
  font-size:13px;
  font-weight:700;
}
.cart-total strong{
  font-size:23px;
  letter-spacing:-.045em;
  color:#0c0f14;
}
.premium-cart-panel .checkout{
  height:58px;
  border-radius:18px;
  font-size:12px;
  letter-spacing:-.01em;
  box-shadow:0 12px 28px rgba(8,11,16,.22),inset 0 1px 0 rgba(255,255,255,.16);
}
.premium-cart-panel .cart-foot>small{
  margin-top:10px;
  color:#9aa2ac;
  font-size:8px;
}
.premium-empty{
  min-height:330px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:40px 20px!important;
}
.premium-empty b{margin-top:14px;color:#11151b;font-size:14px}
.premium-empty small{margin-top:5px;color:#949ca6;font-size:9px}
.premium-empty a{margin-top:16px}
.empty-card-icon{
  width:74px;
  height:48px;
  background:transparent url('card-front.webp') center/contain no-repeat;
  filter:drop-shadow(0 10px 18px rgba(10,14,20,.15));
  transform:rotate(-7deg);
}
@media(max-width:720px){
  .cart-panel.premium-cart-panel{right:8px;top:8px;width:calc(100% - 16px);height:calc(100dvh - 16px);border-radius:25px}
  .premium-cart-panel .cart-head{padding:22px 20px 18px}
  .premium-cart-panel .cart-shipping{margin:12px 20px 0}
  .premium-cart-panel .cart-items{padding:13px 20px 8px}
  .premium-cart-panel .cart-foot{padding:16px 20px 20px}
  .cart-item-premium{grid-template-columns:78px minmax(0,1fr);padding:15px;gap:12px}
  .cart-stack{width:78px;height:64px}
  .cart-stack i{width:60px;height:38px}
  .cart-stack.cards-1 i{width:65px;height:42px}
  .cart-stack.cards-5 i{width:55px;height:35px}
  .cart-line-total{grid-column:2;justify-self:end;margin-top:-24px}
  .cart-item-pricing{padding-right:0}
}

/* =========================================================
   v59 — cart shipping threshold + premium order summary
   ========================================================= */
.premium-cart-panel .cart-items{
  padding-top:18px;
}
.premium-cart-panel .cart-foot{
  padding-top:16px;
}
.cart-summary-premium{
  gap:0;
  padding:6px;
  border:1px solid rgba(17,24,39,.075);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(246,248,251,.9));
  box-shadow:0 10px 28px rgba(17,24,39,.045),inset 0 1px 0 rgba(255,255,255,.98);
  overflow:hidden;
}
.premium-cart-panel .cart-foot .cart-summary-premium>.cart-summary-row{
  position:relative;
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:10px 12px;
  margin:0;
  color:#11151b;
}
.premium-cart-panel .cart-foot .cart-summary-premium>.cart-summary-row+ .cart-summary-row{
  border-top:1px solid rgba(17,24,39,.065);
}
.cart-summary-row>span{
  display:flex;
  flex-direction:column;
  gap:2px;
  font-size:11px;
  font-weight:700;
  letter-spacing:-.018em;
  color:#202733;
}
.cart-summary-row>span small{
  color:#9aa3ae;
  font-size:7px;
  font-weight:650;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.cart-summary-premium .cart-summary-row>strong{
  min-width:82px;
  text-align:right;
  font-size:13px;
  font-weight:780;
  letter-spacing:-.025em;
  color:#11151b;
}
.cart-summary-premium .cart-savings-row{
  background:linear-gradient(90deg,rgba(234,244,255,.46),rgba(255,255,255,0));
}
.cart-summary-premium .cart-savings-row>strong{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:#edf6f1;
  border:1px solid #d5eadf;
  color:#25764d!important;
  font-size:11px;
}
.cart-summary-premium .cart-savings-row.is-zero{
  opacity:.55;
  background:none;
}
.cart-summary-premium .cart-savings-row.is-zero>strong{
  background:#f5f6f8;
  border-color:#eceef1;
  color:#98a0aa!important;
}
.cart-summary-premium .cart-summary-shipping>strong{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(17,24,39,.08);
  background:#f4f6f8;
  color:#5e6875!important;
  font-size:10px;
  letter-spacing:0;
  white-space:nowrap;
}
.cart-summary-premium .cart-summary-shipping>strong.is-free{
  background:#edf8f1;
  border-color:#d5eddc;
  color:#247448!important;
}
.cart-summary-premium .cart-summary-shipping>strong.is-calculated{
  background:#f4f6f8;
  border-color:#e4e8ed;
  color:#6d7682!important;
}
.premium-cart-panel .cart-total{
  padding:2px 2px 0;
  margin-top:16px!important;
}
.premium-cart-panel .cart-total span{
  font-size:12px;
}
.premium-cart-panel .cart-total strong{
  font-size:25px;
}
@media (max-width:520px){
  .cart-summary-premium{border-radius:18px;}
  .premium-cart-panel .cart-foot .cart-summary-premium>.cart-summary-row{min-height:50px;padding:9px 10px;}
  .cart-summary-row>span{font-size:10px;}
  .cart-summary-premium .cart-summary-row>strong{font-size:12px;}
}


/* =========================================================
   v60 — fixed $5 shipping + free-shipping progress
   ========================================================= */
.shipping-progress-wrap{
  margin:14px 22px 2px;
  padding:14px 15px 13px;
  border:1px solid rgba(17,24,39,.075);
  border-radius:17px;
  background:linear-gradient(135deg,rgba(250,252,255,.98),rgba(244,248,255,.94));
  box-shadow:0 10px 26px rgba(18,28,45,.045),inset 0 1px 0 rgba(255,255,255,.96);
}
.shipping-progress-wrap[hidden]{display:none!important;}
.shipping-progress-copy{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-bottom:10px;
}
.shipping-progress-copy b{
  font-size:11px;
  line-height:1.25;
  letter-spacing:-.018em;
  color:#171c24;
}
.shipping-progress-copy span{
  flex:0 0 auto;
  font-size:7.5px;
  font-weight:650;
  color:#8b95a2;
  text-align:right;
}
.shipping-progress-track{
  position:relative;
  height:6px;
  overflow:hidden;
  border-radius:999px;
  background:#e8edf4;
  box-shadow:inset 0 1px 2px rgba(16,24,40,.06);
}
.shipping-progress-bar{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#315dff 0%,#4c8cff 48%,#73c8ff 100%);
  box-shadow:0 0 14px rgba(76,140,255,.22);
  transition:width .42s cubic-bezier(.2,.78,.2,1),background .3s ease;
}
.shipping-progress-wrap.is-complete{
  border-color:rgba(57,150,96,.15);
  background:linear-gradient(135deg,rgba(247,252,249,.98),rgba(238,249,243,.94));
}
.shipping-progress-wrap.is-complete .shipping-progress-copy b{color:#246f4a;}
.shipping-progress-wrap.is-complete .shipping-progress-bar{
  background:linear-gradient(90deg,#38a56b,#66c88e);
  box-shadow:0 0 14px rgba(61,166,108,.18);
}
.cart-summary-premium .cart-summary-shipping>strong.is-calculated{
  background:#f7f8fa;
  border-color:#e3e7ec;
  color:#202733!important;
  font-weight:800;
}
@media(max-width:520px){
  .shipping-progress-wrap{margin:12px 20px 0;padding:12px 13px;border-radius:15px;}
  .shipping-progress-copy{align-items:flex-start;margin-bottom:9px;}
  .shipping-progress-copy b{font-size:10px;}
  .shipping-progress-copy span{font-size:7px;max-width:130px;}
}


/* v61.1 — shipping progress restored while shipping price stays at checkout */
.cart-summary-shipping{display:none!important;}
.cart-summary-premium{grid-template-columns:1fr 1fr!important;}
.cart-summary-premium .cart-summary-row{min-width:0;}
.cart-total span::after{content:" · shipping at checkout";font-size:.72em;font-weight:500;color:#9aa1ac;}
@media (max-width:520px){
  .cart-summary-premium{grid-template-columns:1fr!important;}
  .cart-total span::after{display:block;margin-top:3px;}
}


/* v61.1 — premium shipping progress visible again */
.shipping-progress-wrap{
  display:block;
  margin:14px 28px 2px;
  padding:14px 15px 13px;
  border:1px solid rgba(17,24,39,.075);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(250,252,255,.98),rgba(244,248,255,.94));
  box-shadow:0 10px 26px rgba(18,28,45,.045),inset 0 1px 0 rgba(255,255,255,.96);
}
.shipping-progress-wrap[hidden]{display:none!important;}
.shipping-progress-copy{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-bottom:10px;
}
.shipping-progress-copy b{
  font-size:11px;
  line-height:1.25;
  letter-spacing:-.018em;
  color:#171c24;
}
.shipping-progress-copy span{
  flex:0 0 auto;
  font-size:7.5px;
  font-weight:650;
  color:#8b95a2;
  text-align:right;
}
.shipping-progress-track{
  position:relative;
  height:6px;
  overflow:hidden;
  border-radius:999px;
  background:#e8edf4;
  box-shadow:inset 0 1px 2px rgba(16,24,40,.06);
}
.shipping-progress-bar{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#315dff 0%,#4c8cff 48%,#73c8ff 100%);
  box-shadow:0 0 14px rgba(76,140,255,.22);
  transition:width .42s cubic-bezier(.2,.78,.2,1),background .3s ease;
}
.shipping-progress-wrap.is-complete{
  border-color:rgba(57,150,96,.15);
  background:linear-gradient(135deg,rgba(247,252,249,.98),rgba(238,249,243,.94));
}
.shipping-progress-wrap.is-complete .shipping-progress-copy b{color:#246f4a;}
.shipping-progress-wrap.is-complete .shipping-progress-bar{
  background:linear-gradient(90deg,#38a56b,#66c88e);
  box-shadow:0 0 14px rgba(61,166,108,.18);
}
@media(max-width:720px){
  .shipping-progress-wrap{margin:12px 20px 2px;padding:12px 13px;border-radius:16px;}
}
@media(max-width:520px){
  .shipping-progress-copy{align-items:flex-start;margin-bottom:9px;}
  .shipping-progress-copy b{font-size:10px;}
  .shipping-progress-copy span{font-size:7px;max-width:130px;}
}

/* =========================================================
   v63 — Home quick-buy uses the Location Card product design
   ========================================================= */
body[data-page="home"] .purchase-modal-panel-v2{
  width:min(1180px,calc(100vw - 40px));
  grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);
  border-radius:34px;
  overflow:hidden;
  background:rgba(247,249,252,.97);
}
body[data-page="home"] .purchase-modal-visual-v2{
  min-height:690px;
  background:
    radial-gradient(560px 420px at 54% 48%,rgba(116,156,255,.20),transparent 64%),
    radial-gradient(360px 280px at 76% 18%,rgba(172,145,255,.13),transparent 70%),
    linear-gradient(145deg,#fbfcfe 0%,#f7f9fd 54%,#edf3fb 100%);
  border-right:1px solid rgba(17,24,39,.06);
}
body[data-page="home"] .purchase-modal-visual-v2:after{
  inset:-45%;
  background:linear-gradient(112deg,transparent 44%,rgba(255,255,255,.65) 50%,transparent 56%);
  opacity:.5;
}
body[data-page="home"] .purchase-gallery-badge{
  position:absolute;
  z-index:7;
  left:24px;
  top:24px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:9px 13px 9px 9px;
  border-radius:16px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(17,24,39,.065);
  box-shadow:0 12px 28px rgba(17,24,39,.07),inset 0 1px 0 rgba(255,255,255,.96);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
body[data-page="home"] .purchase-gallery-icons{
  display:flex;
  align-items:center;
  gap:5px;
}
body[data-page="home"] .purchase-gallery-icons img{
  width:25px;
  height:25px;
  padding:4px;
  border-radius:8px;
  background:#fff;
  border:1px solid rgba(17,24,39,.07);
  box-shadow:0 4px 10px rgba(17,24,39,.05);
}
body[data-page="home"] .purchase-gallery-badge b{
  font-family:"Poppins",sans-serif;
  font-size:10px;
  font-weight:600;
  color:#1b222c;
  white-space:nowrap;
}
body[data-page="home"] .purchase-modal-glow{
  position:absolute;
  left:50%;
  top:52%;
  width:80%;
  aspect-ratio:1.25;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(89,134,255,.18) 0%,rgba(131,168,255,.10) 34%,rgba(171,145,255,.07) 54%,transparent 73%);
  filter:blur(7px);
  pointer-events:none;
}
body[data-page="home"] .purchase-modal-card-stack{
  position:absolute;
  left:50%;
  top:52%;
  width:100%;
  height:100%;
  transform:translate(-50%,-50%);
  transform-origin:center;
  z-index:3;
  pointer-events:none;
}
body[data-page="home"] .purchase-modal-card-stack.is-switching{
  animation:purchaseStackPulse .52s cubic-bezier(.2,.8,.2,1);
}
@keyframes purchaseStackPulse{
  0%{filter:brightness(1);}
  46%{filter:brightness(1.035);}
  100%{filter:brightness(1);}
}
body[data-page="home"] .purchase-stack-card{
  position:absolute;
  left:50%;
  top:50%;
  width:min(80%,610px);
  height:auto;
  object-fit:contain;
  transform-origin:center;
  will-change:transform,opacity;
  transition:transform .58s cubic-bezier(.2,.82,.2,1),opacity .34s ease,filter .58s ease;
}
body[data-page="home"] .purchase-stack-card-1{z-index:5;}
body[data-page="home"] .purchase-stack-card-2{z-index:4;}
body[data-page="home"] .purchase-stack-card-3{z-index:3;}
body[data-page="home"] .purchase-stack-card-4{z-index:2;}
body[data-page="home"] .purchase-stack-card-5{z-index:1;}

/* 1 card */
body[data-page="home"] .purchase-modal-card-stack.qty-1 .purchase-stack-card-1{
  opacity:1;
  transform:translate(-50%,-50%) rotate(-8deg) scale(1);
  filter:drop-shadow(0 34px 48px rgba(18,27,43,.22));
}
body[data-page="home"] .purchase-modal-card-stack.qty-1 .purchase-stack-card-2,
body[data-page="home"] .purchase-modal-card-stack.qty-1 .purchase-stack-card-3,
body[data-page="home"] .purchase-modal-card-stack.qty-1 .purchase-stack-card-4,
body[data-page="home"] .purchase-modal-card-stack.qty-1 .purchase-stack-card-5{
  opacity:0;
  transform:translate(-50%,-50%) rotate(-8deg) scale(.97);
  filter:drop-shadow(0 18px 24px rgba(18,27,43,.08));
}

/* 3 cards */
body[data-page="home"] .purchase-modal-card-stack.qty-3 .purchase-stack-card-1{
  opacity:1;
  transform:translate(calc(-50% - 52px),calc(-50% + 18px)) rotate(-10deg) scale(1);
  filter:drop-shadow(0 34px 46px rgba(18,27,43,.22));
}
body[data-page="home"] .purchase-modal-card-stack.qty-3 .purchase-stack-card-2{
  opacity:.98;
  transform:translate(-50%,-50%) rotate(-6deg) scale(.965);
  filter:drop-shadow(0 28px 36px rgba(18,27,43,.15));
}
body[data-page="home"] .purchase-modal-card-stack.qty-3 .purchase-stack-card-3{
  opacity:.96;
  transform:translate(calc(-50% + 52px),calc(-50% - 18px)) rotate(-2deg) scale(.93);
  filter:drop-shadow(0 23px 30px rgba(18,27,43,.11));
}
body[data-page="home"] .purchase-modal-card-stack.qty-3 .purchase-stack-card-4,
body[data-page="home"] .purchase-modal-card-stack.qty-3 .purchase-stack-card-5{
  opacity:0;
  transform:translate(calc(-50% + 60px),calc(-50% - 22px)) rotate(-2deg) scale(.91);
}

/* 5 cards — five identical Location Cards, all visibly separated */
body[data-page="home"] .purchase-modal-card-stack.qty-5 .purchase-stack-card-1{
  opacity:1;
  transform:translate(calc(-50% - 86px),calc(-50% + 30px)) rotate(-10deg) scale(1);
  filter:drop-shadow(0 34px 46px rgba(18,27,43,.22));
}
body[data-page="home"] .purchase-modal-card-stack.qty-5 .purchase-stack-card-2{
  opacity:.99;
  transform:translate(calc(-50% - 43px),calc(-50% + 17px)) rotate(-8deg) scale(1);
  filter:drop-shadow(0 31px 40px rgba(18,27,43,.19));
}
body[data-page="home"] .purchase-modal-card-stack.qty-5 .purchase-stack-card-3{
  opacity:.98;
  transform:translate(-50%,-50%) rotate(-6deg) scale(1);
  filter:drop-shadow(0 28px 36px rgba(18,27,43,.16));
}
body[data-page="home"] .purchase-modal-card-stack.qty-5 .purchase-stack-card-4{
  opacity:.97;
  transform:translate(calc(-50% + 43px),calc(-50% - 17px)) rotate(-4deg) scale(1);
  filter:drop-shadow(0 25px 32px rgba(18,27,43,.13));
}
body[data-page="home"] .purchase-modal-card-stack.qty-5 .purchase-stack-card-5{
  opacity:.96;
  transform:translate(calc(-50% + 86px),calc(-50% - 34px)) rotate(-2deg) scale(1);
  filter:drop-shadow(0 22px 28px rgba(18,27,43,.10));
}
body[data-page="home"] .purchase-scale-note{
  position:absolute;
  z-index:7;
  right:22px;
  bottom:22px;
  min-width:88px;
  padding:10px 12px;
  border-radius:15px;
  background:rgba(255,255,255,.84);
  border:1px solid rgba(17,24,39,.06);
  box-shadow:0 10px 24px rgba(17,24,39,.06),inset 0 1px 0 #fff;
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
  text-align:center;
}
body[data-page="home"] .purchase-scale-note span{display:block;font-size:12px;font-weight:700;color:#16202d;}
body[data-page="home"] .purchase-scale-note small{display:block;margin-top:2px;font-size:7px;color:#98a1ad;}

body[data-page="home"] .purchase-modal-buy-v2{
  padding:34px 34px 28px;
  background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(248,250,253,.985));
}
body[data-page="home"] .purchase-modal-buy-v2 .product-overline{
  font-size:8px;
  letter-spacing:.16em;
  color:#7d8896;
  font-weight:700;
}
body[data-page="home"] .purchase-premium-title{
  margin:8px 0 0;
  font-family:"Poppins",sans-serif;
  font-size:34px;
  line-height:1.02;
  letter-spacing:-.05em;
  font-weight:600;
  color:#0c0f14;
  white-space:nowrap;
}
body[data-page="home"] .purchase-product-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:16px;
}
body[data-page="home"] .purchase-product-meta .premium-rating{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:9px;
  color:#858e9b;
}
body[data-page="home"] .purchase-product-meta .stars{color:#f4a000;letter-spacing:.08em;}
body[data-page="home"] .purchase-product-meta .premium-rating b{color:#1a2028;font-size:9px;}
body[data-page="home"] .purchase-product-meta .premium-rating>span:last-child{text-decoration:underline;text-underline-offset:3px;}
body[data-page="home"] .purchase-premium-lead{
  margin-top:17px;
  font-size:12px;
  line-height:1.55;
  color:#7f8895;
}
body[data-page="home"] .purchase-premium-price{
  display:flex;
  align-items:baseline;
  gap:11px;
  margin:18px 0 18px;
}
body[data-page="home"] .purchase-premium-price .purchase-current-price{
  font-family:"Poppins",sans-serif;
  font-size:31px;
  line-height:1;
  letter-spacing:-.055em;
  color:#0b0e13;
}
body[data-page="home"] .purchase-premium-price .premium-price-meta{display:flex;align-items:center;gap:8px;}
body[data-page="home"] .purchase-premium-price .old-price{font-size:11px;color:#a1a8b2;}
body[data-page="home"] .purchase-premium-price .save-pill{
  padding:6px 9px;
  border-radius:999px;
  background:#edf4ff;
  border:1px solid #d4e3fb;
  color:#3268a9;
  font-size:7px;
  font-weight:800;
  letter-spacing:.04em;
}
body[data-page="home"] .purchase-premium-selector{margin:14px 0 12px;}
body[data-page="home"] .purchase-premium-selector .selector-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:9px;
}
body[data-page="home"] .purchase-premium-selector .selector-head b{font-size:9.5px;color:#202733;}
body[data-page="home"] .purchase-premium-selector .selector-head span{font-size:8px;color:#9aa2ad;}
body[data-page="home"] .purchase-premium-bundles{
  display:grid;
  gap:8px;
}
body[data-page="home"] .purchase-premium-bundles .bundle-option{
  position:relative;
  min-height:62px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:8px 10px;
  border:1px solid #e2e6ec;
  border-radius:16px;
  background:rgba(255,255,255,.75);
  text-align:left;
  transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease,background .22s ease;
}
body[data-page="home"] .purchase-premium-bundles .bundle-option:hover{
  transform:translateY(-1px);
  border-color:#cfd7e2;
  box-shadow:0 8px 20px rgba(17,24,39,.045);
}
body[data-page="home"] .purchase-premium-bundles .bundle-option.active{
  border-color:#18202a;
  background:#fff;
  box-shadow:inset 0 0 0 1px #18202a,0 9px 22px rgba(17,24,39,.055);
}
body[data-page="home"] .purchase-premium-bundles .bundle-option.active:after{
  content:"✓";
  position:absolute;
  right:9px;
  top:50%;
  width:22px;
  height:22px;
  margin-top:-11px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#111820;
  color:#fff;
  font-size:9px;
  font-weight:800;
}
body[data-page="home"] .purchase-premium-bundles .bundle-option.active .premium-option-price{padding-right:28px;}
body[data-page="home"] .purchase-premium-bundles .bundle-copy{min-width:0;}
body[data-page="home"] .purchase-premium-bundles .bundle-copy>b,
body[data-page="home"] .purchase-premium-bundles .bundle-title-line>b{display:block;font-size:10px;font-weight:650;color:#171c24;}
body[data-page="home"] .purchase-premium-bundles .bundle-copy>small{display:block;margin-top:2px;font-size:7.5px;color:#959da8;}
body[data-page="home"] .purchase-premium-bundles .bundle-title-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
body[data-page="home"] .purchase-premium-bundles .premium-option-price{text-align:right;display:grid;gap:1px;min-width:92px;}
body[data-page="home"] .purchase-premium-bundles .premium-option-price strong{font-size:11px;color:#141a22;}
body[data-page="home"] .purchase-premium-bundles .premium-option-price small{font-size:7px;color:#979faa;white-space:nowrap;}
body[data-page="home"] .purchase-premium-bundles .premium-option-price small b{color:#3f6fa9;}
body[data-page="home"] .purchase-premium-bundles .premium-option-tag{
  display:inline-flex;
  align-items:center;
  height:18px;
  padding:0 7px;
  border-radius:999px;
  border:1px solid #cfe0fa;
  background:linear-gradient(180deg,#f5f9ff,#eaf3ff);
  color:#376aa8;
  font-size:6.3px;
  font-weight:800;
  letter-spacing:.025em;
  white-space:nowrap;
  box-shadow:0 4px 10px rgba(55,106,168,.06);
}
body[data-page="home"] .purchase-premium-bundles .premium-option-tag-best{
  background:linear-gradient(180deg,#f6f3ff,#eeeaff);
  border-color:#ddd5ff;
  color:#6653b5;
}
body[data-page="home"] .purchase-finish-summary{
  margin-top:12px;
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 10px;
  border-top:1px solid #e7eaf0;
  border-bottom:1px solid #e7eaf0;
}
body[data-page="home"] .purchase-finish-summary>div{display:flex;align-items:center;gap:9px;}
body[data-page="home"] .purchase-finish-summary .finish-swatch{width:28px;height:28px;border-radius:8px;background:linear-gradient(145deg,#1b1e24,#06070a);box-shadow:0 4px 12px rgba(0,0,0,.14);}
body[data-page="home"] .purchase-finish-summary small{display:block;font-size:6.5px;color:#a0a7b1;}
body[data-page="home"] .purchase-finish-summary b{display:block;font-size:10px;color:#161b22;}
body[data-page="home"] .purchase-finish-summary>span{font-size:7px;color:#9ba3ad;}
body[data-page="home"] .purchase-add-main-v2{
  margin-top:14px;
  height:54px;
  border-radius:16px;
}
body[data-page="home"] .purchase-confidence-v2{margin-top:10px;font-size:7px;}
body[data-page="home"] .purchase-payment-row-v2{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:5px;
  margin-top:9px;
  padding-top:8px;
  border-top:1px solid #e8ebef;
}
body[data-page="home"] .purchase-payment-row-v2>span{margin-right:auto;font-size:6.5px;color:#adb3bb;}
body[data-page="home"] .purchase-payment-row-v2 b{
  padding:4px 6px;
  border-radius:6px;
  border:1px solid #e3e6ea;
  background:#fff;
  color:#535a64;
  font-size:6px;
  font-weight:600;
}

@media (max-width:1000px){
  body[data-page="home"] .purchase-modal-panel-v2{grid-template-columns:1fr;max-width:680px;}
  body[data-page="home"] .purchase-modal-visual-v2{min-height:390px;border-right:0;border-bottom:1px solid rgba(17,24,39,.06);}
  body[data-page="home"] .purchase-stack-card{width:min(72%,520px);}
  body[data-page="home"] .purchase-premium-title{font-size:31px;}
}
@media (max-width:720px){
  body[data-page="home"] .purchase-modal-panel-v2{width:100%;max-height:calc(100dvh - 16px);border-radius:28px 28px 22px 22px;}
  body[data-page="home"] .purchase-modal-visual-v2{min-height:285px;}
  body[data-page="home"] .purchase-gallery-badge{left:14px;top:14px;padding:7px 10px 7px 7px;}
  body[data-page="home"] .purchase-gallery-icons img{width:22px;height:22px;padding:3px;}
  body[data-page="home"] .purchase-gallery-badge b{font-size:8px;}
  body[data-page="home"] .purchase-stack-card{width:min(80%,420px);}
  body[data-page="home"] .purchase-scale-note{right:14px;bottom:14px;min-width:72px;padding:8px 9px;}
  body[data-page="home"] .purchase-modal-buy-v2{padding:24px 18px 20px;}
  body[data-page="home"] .purchase-premium-title{font-size:27px;white-space:normal;}
  body[data-page="home"] .purchase-premium-bundles .bundle-option{grid-template-columns:38px minmax(0,1fr) auto;gap:7px;padding:8px;}
  body[data-page="home"] .purchase-premium-bundles .premium-option-price{min-width:80px;}
  body[data-page="home"] .purchase-premium-bundles .premium-option-price small{font-size:6.5px;}
  body[data-page="home"] .purchase-payment-row-v2{display:none;}
}


/* v1.1 — Shopify product/bundle availability */
.bundle-option[disabled],.purchase-bundle[disabled]{
  cursor:not-allowed!important;
  opacity:.48!important;
  filter:saturate(.55);
  box-shadow:none!important;
}
.bundle-option[disabled]:hover,.purchase-bundle[disabled]:hover{transform:none!important;}
.add-main[disabled],.purchase-add-main[disabled],.sticky-add[disabled]{
  cursor:not-allowed!important;
  opacity:.58!important;
  transform:none!important;
  box-shadow:none!important;
}
.stock-pill.is-sold-out{color:#8a3c3c;background:#fff1f1;border-color:#f0d4d4;}
.stock-pill.is-sold-out i{background:#d75b5b;box-shadow:none;}

/* =========================================================
   v8 — verified Shopify cart / checkout integrity
   ========================================================= */
.cart-sync-status{
  display:flex;
  align-items:center;
  min-height:34px;
  margin:-3px 2px 10px;
  padding:8px 11px;
  border-radius:12px;
  font-size:8px;
  font-weight:700;
  line-height:1.35;
  letter-spacing:-.005em;
  border:1px solid transparent;
}
.cart-sync-status[hidden]{display:none!important}
.cart-sync-status::before{
  content:"";
  width:7px;
  height:7px;
  margin-right:8px;
  flex:0 0 7px;
  border-radius:50%;
  background:currentColor;
}
.cart-sync-status.is-syncing{
  color:#42628f;
  background:#f1f6fd;
  border-color:#dfeafa;
}
.cart-sync-status.is-syncing::before{animation:inkCartPulse 1s ease-in-out infinite}
.cart-sync-status.is-verified{
  color:#26724a;
  background:#eff8f3;
  border-color:#d8ece1;
}
.cart-sync-status.is-error{
  color:#a0443f;
  background:#fff4f2;
  border-color:#f2dbd7;
}
.checkout[aria-busy="true"]{cursor:wait;opacity:.82}
.cart-item-premium.is-syncing{opacity:.92}
@keyframes inkCartPulse{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.cart-sync-status.is-syncing::before{animation:none}}


/* =========================================================
   v9 — compact three-offer cart
   ========================================================= */
.cart-sync-status{display:none!important;}
.cart-panel.premium-cart-panel{
  width:min(470px,calc(100% - 24px));
  height:min(710px,calc(100dvh - 28px));
  top:14px;
  right:14px;
  border-radius:28px;
}
.premium-cart-panel .cart-head{
  padding:18px 22px 15px;
  min-height:92px;
}
.premium-cart-panel .cart-head small{font-size:7.5px;letter-spacing:.14em;}
.premium-cart-panel .cart-head h3{
  margin-top:4px;
  gap:8px;
  font-size:26px;
  line-height:1;
}
.cart-count-inline{
  width:27px;
  min-width:27px;
  height:27px;
  flex-basis:27px;
  font-size:11px;
}
.premium-cart-panel .cart-close{
  width:40px;
  height:40px;
  font-size:18px;
}
.shipping-progress-wrap{
  margin:10px 22px 4px!important;
  padding:10px 12px 9px!important;
  border-radius:15px!important;
}
.shipping-progress-copy{margin-bottom:7px!important;align-items:center!important;}
.shipping-progress-copy b{font-size:9.5px!important;}
.shipping-progress-copy span{font-size:6.5px!important;}
.shipping-progress-track{height:5px!important;}
.premium-cart-panel .cart-items{
  padding:12px 22px 10px!important;
  min-height:0;
  overflow:auto;
}
.cart-item-premium{
  grid-template-columns:82px minmax(0,1fr) auto;
  gap:12px;
  padding:13px 14px;
  border-radius:19px;
  box-shadow:0 9px 24px rgba(16,24,40,.045),inset 0 1px 0 rgba(255,255,255,.95);
}
.cart-item-premium+.cart-item-premium{margin-top:9px;}
.cart-stack{width:82px;height:60px;}
.cart-stack i{width:62px;height:40px;}
.cart-stack.cards-1 i{left:7px;width:68px;height:44px;}
.cart-stack.cards-3 i{width:60px;height:38px;}
.cart-stack.cards-5 i{width:57px;height:36px;}
.cart-item-title-row{gap:6px;margin-bottom:2px;}
.cart-item-title-row h4{font-size:11.5px;}
.cart-item-title-row span{height:19px;padding:0 7px;font-size:6px;}
.cart-item-main>p{font-size:7.5px;}
.cart-item-pricing{gap:5px;margin-top:6px;min-height:17px;}
.cart-item-pricing s{font-size:7.5px;}
.cart-item-pricing strong{font-size:11px;}
.cart-item-pricing em{font-size:6.8px;}
.cart-item-pricing small{font-size:6.8px;}
.cart-qty-row{gap:8px;margin-top:7px;}
.cart-qty-row>small{font-size:7px;}
.cart-qty-row .qty{gap:6px;}
.cart-qty-row .qty button{width:25px;height:25px;font-size:13px;}
.cart-qty-row .qty span{font-size:9px;min-width:12px;}
.cart-line-total{font-size:11.5px!important;white-space:nowrap;}
.premium-cart-panel .cart-foot{
  padding:12px 22px 16px!important;
}
.cart-summary-premium{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:0!important;
  padding:0!important;
  border-radius:15px!important;
}
.premium-cart-panel .cart-foot .cart-summary-premium>.cart-summary-row{
  min-height:42px!important;
  padding:8px 11px!important;
  gap:8px!important;
  border:0!important;
  background:transparent!important;
}
.premium-cart-panel .cart-foot .cart-summary-premium>.cart-summary-row+.cart-summary-row{
  border-left:1px solid rgba(17,24,39,.065)!important;
}
.cart-summary-row>span{
  display:block!important;
  font-size:8.5px!important;
  font-weight:650!important;
  white-space:nowrap;
}
.cart-summary-row>span small{display:none!important;}
.cart-summary-premium .cart-summary-row>strong{
  min-width:0!important;
  font-size:10px!important;
}
.cart-summary-premium .cart-savings-row>strong{
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  font-size:10px!important;
}
.premium-cart-panel .cart-total{
  margin:10px 1px 9px!important;
  padding:0!important;
}
.premium-cart-panel .cart-total span{font-size:10.5px!important;}
.premium-cart-panel .cart-total span::after{font-size:.67em!important;}
.premium-cart-panel .cart-total strong{font-size:21px!important;}
.premium-cart-panel .checkout{
  height:50px!important;
  border-radius:15px!important;
  font-size:10.5px!important;
}
.premium-cart-panel .cart-foot>small{margin-top:7px!important;font-size:6.7px!important;}
.premium-empty{min-height:240px!important;}
@media(max-width:720px){
  .cart-panel.premium-cart-panel{
    right:8px;top:8px;width:calc(100% - 16px);height:min(720px,calc(100dvh - 16px));border-radius:24px;
  }
  .premium-cart-panel .cart-head{padding:16px 18px 13px;min-height:82px;}
  .shipping-progress-wrap{margin:9px 18px 3px!important;}
  .premium-cart-panel .cart-items{padding:10px 18px 8px!important;}
  .premium-cart-panel .cart-foot{padding:11px 18px 14px!important;}
  .cart-item-premium{grid-template-columns:70px minmax(0,1fr) auto;padding:11px 12px;gap:10px;}
  .cart-stack{width:70px;height:54px;}
  .cart-stack i{width:54px;height:35px;}
  .cart-stack.cards-1 i{width:59px;height:38px;}
  .cart-stack.cards-5 i{width:50px;height:32px;}
  .cart-line-total{grid-column:3;justify-self:end;margin-top:0;}
}
@media(max-width:480px){
  .cart-item-premium{grid-template-columns:64px minmax(0,1fr) auto;}
  .cart-stack{width:64px;}
  .cart-item-title-row h4{font-size:10.5px;}
  .cart-item-title-row span{font-size:5.5px;padding:0 5px;}
  .cart-item-pricing small{display:none;}
  .cart-summary-row>span{font-size:8px!important;}
}

/* =========================================================
   v11 — mobile visual polish for home + product
   ========================================================= */
@media (max-width: 720px){
  /* Home hero: show the card immediately on mobile */
  body[data-page="home"] .home-hero{
    width:calc(100% - 12px)!important;
    margin-top:12px!important;
    border-radius:28px!important;
    min-height:auto!important;
  }
  body[data-page="home"] .hero-grid{
    grid-template-columns:1fr!important;
    min-height:auto!important;
    gap:8px!important;
    padding:18px 18px 20px!important;
    align-items:start!important;
  }
  body[data-page="home"] .hero-object-digital{
    order:-1;
    min-height:270px!important;
    margin:0 0 4px!important;
  }
  body[data-page="home"] .hero-card-solo-wrap{
    height:260px!important;
  }
  body[data-page="home"] .hero-glass-panel{
    width:min(86vw,292px)!important;
    height:210px!important;
    border-radius:26px!important;
    transform:translate(-48%,-48%) rotate(-7deg)!important;
  }
  body[data-page="home"] .hero-premium-card.hero-card-solo{
    width:min(84vw,290px)!important;
    border-radius:20px!important;
    transform:translate(-48%,-51%) rotate(-6deg) translateZ(60px)!important;
  }
  body[data-page="home"] .hero-soft-shadow{
    width:210px!important;
    height:46px!important;
    transform:translate(-47%,72%) rotate(-4deg)!important;
  }
  body[data-page="home"] .hero-orbit-ring.ring-a{
    width:250px!important;
    height:250px!important;
  }
  body[data-page="home"] .hero-orbit-ring.ring-b{
    width:205px!important;
    height:205px!important;
  }
  body[data-page="home"] .hero-copy{
    max-width:none!important;
  }
  body[data-page="home"] .hero-copy h1{
    font-size:clamp(52px,14vw,70px)!important;
    margin:10px 0 14px!important;
    line-height:.92!important;
  }
  body[data-page="home"] .hero-copy > p{
    font-size:16px!important;
    line-height:1.5!important;
    max-width:none!important;
  }
  body[data-page="home"] .hero-actions{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:12px!important;
    margin-top:20px!important;
  }
  body[data-page="home"] .hero-actions .button{
    width:100%;
    justify-content:center;
  }
  body[data-page="home"] .hero-actions .link-button{
    justify-content:center;
  }
  body[data-page="home"] .hero-meta{
    flex-wrap:wrap!important;
    row-gap:6px!important;
    margin-top:18px!important;
  }
  body[data-page="home"] .network-badges{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin-top:16px!important;
  }
  body[data-page="home"] .hero-bottomline{
    height:auto!important;
    margin:0 18px 16px!important;
    padding-top:12px!important;
    gap:8px!important;
    flex-direction:column!important;
    align-items:flex-start!important;
  }

  /* Home details image: keep the full photo/card visible on mobile */
  body[data-page="home"] #details.home-details-placement{
    gap:18px!important;
  }
  body[data-page="home"] #details.home-details-placement .details-image{
    height:360px!important;
    min-height:360px!important;
    padding:16px!important;
    border-radius:26px!important;
    background:linear-gradient(145deg,#f7f9fc 0%,#eef3f8 100%)!important;
  }
  body[data-page="home"] #details.home-details-placement .details-image > .details-media{
    inset:14px 14px 72px 14px!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }
  body[data-page="home"] #details.home-details-placement .details-image img,
  body[data-page="home"] #details.home-details-placement .details-image:hover img{
    object-fit:contain!important;
    object-position:center center!important;
    background:radial-gradient(circle at 50% 34%,#f8fbff 0%,#edf2f7 58%,#e8edf4 100%)!important;
  }
  body[data-page="home"] #details.home-details-placement .detail-badge{
    left:16px!important;
    bottom:16px!important;
    padding:11px 13px!important;
    border-radius:14px!important;
  }

  /* Product page gallery: make images readable on mobile */
  body[data-page="product"] .product-layout-premium{
    gap:18px!important;
  }
  body[data-page="product"] .gallery-main-premium{
    min-height:460px!important;
    aspect-ratio:auto!important;
    border-radius:26px!important;
  }
  body[data-page="product"] .gallery-main-premium:after{
    inset:14px!important;
    border-radius:20px!important;
  }
  body[data-page="product"] .premium-gallery-badge{
    left:14px!important;
    top:14px!important;
    max-width:calc(100% - 28px)!important;
    padding:8px 10px!important;
    border-radius:14px!important;
    gap:8px!important;
  }
  body[data-page="product"] .premium-gallery-badge b{
    font-size:11px!important;
  }
  body[data-page="product"] .product-glow{
    width:88%!important;
  }
  body[data-page="product"] .hero-product-cutout{
    width:min(86%,360px)!important;
    transform:rotate(-4deg) translateY(12px)!important;
  }
  body[data-page="product"] .gallery-main-premium .gallery-image{
    object-fit:contain!important;
    object-position:center center!important;
    padding:22px 18px 76px!important;
    background:linear-gradient(145deg,#fafbfd 0%,#eff3f8 100%);
  }
  body[data-page="product"] .product-scale-note{
    right:14px!important;
    bottom:14px!important;
    padding:9px 12px!important;
    border-radius:14px!important;
  }
  body[data-page="product"] .gallery-arrow{
    width:38px!important;
    height:38px!important;
    border-radius:12px!important;
  }
  body[data-page="product"] .gallery-arrow.prev{left:12px!important}
  body[data-page="product"] .gallery-arrow.next{right:12px!important}
  body[data-page="product"] .premium-gallery-thumbs{
    grid-template-columns:repeat(4,minmax(72px,1fr))!important;
    gap:8px!important;
    margin-top:10px!important;
  }
  body[data-page="product"] .premium-gallery-thumbs .thumb{
    height:74px!important;
    border-radius:15px!important;
  }
  body[data-page="product"] .premium-gallery-thumbs .thumb:first-child img{
    padding:10px!important;
  }

  /* Use-case slides: tighter, more legible mobile cards */
  body[data-page="product"] .usecase-stage{
    min-height:580px!important;
    border-radius:24px!important;
  }
  body[data-page="product"] .use-slide{
    grid-template-rows:270px 1fr!important;
  }
  body[data-page="product"] .use-slide > .use-media{
    height:270px!important;
  }
  body[data-page="product"] .use-slide > .use-copy{
    padding:24px 20px 26px!important;
  }
  body[data-page="product"] .use-slide h3{
    font-size:31px!important;
    line-height:1.02!important;
    margin-bottom:12px!important;
  }
  body[data-page="product"] .use-slide p{
    font-size:13px!important;
    line-height:1.55!important;
  }
}

@media (max-width: 420px){
  body[data-page="home"] .hero-object-digital{min-height:248px!important}
  body[data-page="home"] .hero-card-solo-wrap{height:238px!important}
  body[data-page="home"] .hero-premium-card.hero-card-solo{width:min(82vw,270px)!important}
  body[data-page="home"] .hero-glass-panel{width:min(84vw,270px)!important;height:195px!important}
  body[data-page="home"] #details.home-details-placement .details-image{height:332px!important;min-height:332px!important}
  body[data-page="product"] .gallery-main-premium{min-height:430px!important}
  body[data-page="product"] .hero-product-cutout{width:min(88%,330px)!important}
}

/* =========================================================
   v12 — mobile UX repair: fixed header, scrollable quick-buy,
   centered product stacks, and image-first specifications
   ========================================================= */
@media (max-width:720px){
  /* Keep the InkTecho navigation available while scrolling.
     The announcement remains in normal flow and disappears naturally. */
  .site-header{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:40px!important;
    z-index:120!important;
    padding-top:8px!important;
    transition:top .28s ease!important;
    pointer-events:none;
  }
  .site-header.compact{top:0!important;}
  .site-header .glass-nav,
  .site-header .mobile-menu{pointer-events:auto;}
  body[data-page="home"] main,
  body[data-page="product"] main{
    padding-top:68px!important;
  }
  .site-header.open .mobile-menu{
    top:68px!important;
  }

  /* Specifications: visual first, accordions second. */
  body[data-page="home"] #details.home-details-placement,
  body[data-page="product"] .details-grid{
    display:flex!important;
    flex-direction:column!important;
  }
  body[data-page="home"] #details.home-details-placement .details-image,
  body[data-page="product"] .details-grid .details-image{
    order:-1!important;
  }
  body[data-page="home"] #details.home-details-placement .details-accordions,
  body[data-page="product"] .details-grid .details-accordions{
    order:1!important;
  }
  body[data-page="home"] #details.home-details-placement .details-image{
    height:310px!important;
    min-height:310px!important;
    margin-bottom:2px!important;
  }
  body[data-page="home"] #details.home-details-placement .details-image > .details-media{
    inset:12px 12px 62px!important;
  }
  body[data-page="product"] .details-grid .details-image{
    min-height:320px!important;
    height:320px!important;
  }
  body[data-page="product"] .details-grid .details-image .details-media{
    position:absolute!important;
    inset:12px 12px 62px!important;
    width:auto!important;
    height:auto!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }
  body[data-page="product"] .details-grid .details-image img{
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
  }

  /* Location Card hero gallery: always center the actual card. */
  body[data-page="product"] .gallery-main-premium{
    min-height:360px!important;
    height:360px!important;
    aspect-ratio:auto!important;
  }
  body[data-page="product"] .premium-card-stack{
    left:50%!important;
    top:50%!important;
    width:100%!important;
    height:100%!important;
    transform:translate(-50%,-50%)!important;
  }
  body[data-page="product"] .premium-card-stack .hero-product-cutout{
    left:50%!important;
    top:50%!important;
    width:min(78%,330px)!important;
    height:auto!important;
  }
  body[data-page="product"] .premium-card-stack.qty-1 .stack-card-1{
    opacity:1!important;
    transform:translate(-50%,-50%) rotate(-6deg) scale(1)!important;
  }
  body[data-page="product"] .premium-card-stack.qty-1 .stack-card-2,
  body[data-page="product"] .premium-card-stack.qty-1 .stack-card-3,
  body[data-page="product"] .premium-card-stack.qty-1 .stack-card-4,
  body[data-page="product"] .premium-card-stack.qty-1 .stack-card-5{
    opacity:0!important;
    transform:translate(-50%,-50%) rotate(-6deg) scale(.97)!important;
  }
  body[data-page="product"] .premium-card-stack.qty-3 .stack-card-1{
    transform:translate(calc(-50% - 32px),calc(-50% + 13px)) rotate(-8deg) scale(.98)!important;
  }
  body[data-page="product"] .premium-card-stack.qty-3 .stack-card-2{
    transform:translate(-50%,-50%) rotate(-5deg) scale(.96)!important;
  }
  body[data-page="product"] .premium-card-stack.qty-3 .stack-card-3{
    transform:translate(calc(-50% + 32px),calc(-50% - 13px)) rotate(-2deg) scale(.94)!important;
  }
  body[data-page="product"] .premium-card-stack.qty-5 .stack-card{
    width:min(72%,310px)!important;
  }
  body[data-page="product"] .premium-card-stack.qty-5 .stack-card-1{transform:translate(calc(-50% - 52px),calc(-50% + 18px)) rotate(-9deg) scale(.96)!important;}
  body[data-page="product"] .premium-card-stack.qty-5 .stack-card-2{transform:translate(calc(-50% - 26px),calc(-50% + 10px)) rotate(-7deg) scale(.96)!important;}
  body[data-page="product"] .premium-card-stack.qty-5 .stack-card-3{transform:translate(-50%,-50%) rotate(-5deg) scale(.96)!important;}
  body[data-page="product"] .premium-card-stack.qty-5 .stack-card-4{transform:translate(calc(-50% + 26px),calc(-50% - 10px)) rotate(-3deg) scale(.96)!important;}
  body[data-page="product"] .premium-card-stack.qty-5 .stack-card-5{transform:translate(calc(-50% + 52px),calc(-50% - 18px)) rotate(-1deg) scale(.96)!important;}
  body[data-page="product"] .product-scale-note{
    right:12px!important;
    bottom:12px!important;
  }
  body[data-page="product"] .premium-gallery-thumbs .thumb{
    height:66px!important;
  }

  /* Home quick-buy: the whole sheet is vertically scrollable on iPhone. */
  body[data-page="home"] .purchase-modal{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    padding:6px!important;
    overflow:hidden!important;
  }
  body[data-page="home"] .purchase-modal-panel-v2{
    display:block!important;
    width:100%!important;
    max-width:680px!important;
    height:auto!important;
    max-height:calc(100dvh - 12px)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
    border-radius:26px 26px 20px 20px!important;
    scrollbar-width:none;
  }
  body[data-page="home"] .purchase-modal-panel-v2::-webkit-scrollbar{display:none;}
  body[data-page="home"] .purchase-modal-visual-v2{
    min-height:220px!important;
    height:220px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(17,24,39,.06)!important;
  }
  body[data-page="home"] .purchase-modal-card-stack{
    top:54%!important;
  }
  body[data-page="home"] .purchase-stack-card{
    width:min(70%,300px)!important;
  }
  body[data-page="home"] .purchase-modal-card-stack.qty-1 .purchase-stack-card-1{
    transform:translate(-50%,-50%) rotate(-6deg) scale(1)!important;
  }
  body[data-page="home"] .purchase-modal-card-stack.qty-3 .purchase-stack-card-1{transform:translate(calc(-50% - 28px),calc(-50% + 10px)) rotate(-8deg) scale(.98)!important;}
  body[data-page="home"] .purchase-modal-card-stack.qty-3 .purchase-stack-card-2{transform:translate(-50%,-50%) rotate(-5deg) scale(.96)!important;}
  body[data-page="home"] .purchase-modal-card-stack.qty-3 .purchase-stack-card-3{transform:translate(calc(-50% + 28px),calc(-50% - 10px)) rotate(-2deg) scale(.94)!important;}
  body[data-page="home"] .purchase-modal-card-stack.qty-5 .purchase-stack-card-1{transform:translate(calc(-50% - 42px),calc(-50% + 14px)) rotate(-9deg) scale(.94)!important;}
  body[data-page="home"] .purchase-modal-card-stack.qty-5 .purchase-stack-card-2{transform:translate(calc(-50% - 21px),calc(-50% + 7px)) rotate(-7deg) scale(.94)!important;}
  body[data-page="home"] .purchase-modal-card-stack.qty-5 .purchase-stack-card-3{transform:translate(-50%,-50%) rotate(-5deg) scale(.94)!important;}
  body[data-page="home"] .purchase-modal-card-stack.qty-5 .purchase-stack-card-4{transform:translate(calc(-50% + 21px),calc(-50% - 7px)) rotate(-3deg) scale(.94)!important;}
  body[data-page="home"] .purchase-modal-card-stack.qty-5 .purchase-stack-card-5{transform:translate(calc(-50% + 42px),calc(-50% - 14px)) rotate(-1deg) scale(.94)!important;}
  body[data-page="home"] .purchase-modal-buy-v2{
    padding:20px 16px 30px!important;
    min-height:auto!important;
  }
  body[data-page="home"] .purchase-premium-title{
    font-size:25px!important;
  }
  body[data-page="home"] .purchase-premium-lead{
    margin-top:12px!important;
  }
  body[data-page="home"] .purchase-premium-price{
    margin:14px 0!important;
  }
  body[data-page="home"] .purchase-premium-bundles{
    gap:7px!important;
  }
  body[data-page="home"] .purchase-premium-bundles .bundle-option{
    min-height:64px!important;
  }
  body[data-page="home"] .purchase-add-main-v2{
    margin-bottom:4px!important;
  }
}

@media(max-width:420px){
  body[data-page="product"] .gallery-main-premium{height:338px!important;min-height:338px!important;}
  body[data-page="product"] .premium-card-stack .hero-product-cutout{width:min(80%,292px)!important;}
  body[data-page="home"] .purchase-modal-visual-v2{height:205px!important;min-height:205px!important;}
  body[data-page="home"] #details.home-details-placement .details-image{height:292px!important;min-height:292px!important;}
}


/* =========================================================
   v13 — stable mobile header, cart layering, full-bleed gallery
   ========================================================= */

/* Cart is an application-level overlay and must always sit above navigation. */
.cart-drawer{z-index:1200!important;}
.cart-drawer .cart-scrim{z-index:0;}
.cart-drawer .cart-panel{z-index:1;}
body.cart-opened .site-header{pointer-events:none;}

/* Product lifestyle photos are full-bleed in the same rounded gallery frame
   as the animated card preview. No inset square / padded image treatment. */
body[data-page="product"] .gallery-main-premium > picture.gallery-scene{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border-radius:inherit!important;
  overflow:hidden!important;
}
body[data-page="product"] .gallery-main-premium > picture.gallery-scene .gallery-image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  margin:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:inherit!important;
  background:transparent!important;
}
body[data-page="product"] .gallery-main-premium > picture[data-scene="wallet"] .gallery-image{object-position:center 52%!important;}
body[data-page="product"] .gallery-main-premium > picture[data-scene="charge"] .gallery-image{object-position:center 50%!important;}
body[data-page="product"] .gallery-main-premium > picture[data-scene="thin"] .gallery-image{object-position:center 50%!important;}

@media (max-width:720px){
  /* Announcement scrolls away normally. The nav itself is sticky and does not
     resize, slide or animate, so it locks to the top immediately and cleanly. */
  .site-header,
  .site-header.compact{
    position:sticky!important;
    left:auto!important;
    right:auto!important;
    top:0!important;
    z-index:150!important;
    padding-top:8px!important;
    transition:none!important;
    transform:none!important;
  }
  .site-header .glass-nav,
  .site-header.compact .glass-nav{
    height:72px!important;
    width:calc(100% - 18px)!important;
    margin-inline:auto!important;
    border-radius:24px!important;
    padding-inline:10px!important;
    transition:none!important;
    transform:none!important;
  }
  .site-header.open .mobile-menu{top:80px!important;}

  /* v12 used a fixed header and therefore reserved artificial space. Sticky is
     in normal flow, so that extra offset must be removed. */
  body[data-page="home"] main,
  body[data-page="product"] main{
    padding-top:0!important;
  }

  /* Make cart unquestionably cover the header and its close button clickable. */
  .cart-drawer{z-index:2000!important;}
  .cart-panel.premium-cart-panel{
    z-index:2!important;
    top:8px!important;
  }
  .cart-close{position:relative;z-index:4!important;}

  /* Full-bleed product photos on mobile as well. */
  body[data-page="product"] .gallery-main-premium .gallery-image{
    padding:0!important;
    object-fit:cover!important;
    object-position:center!important;
    background:transparent!important;
  }
}


/* =========================================================
   v14 — true follow header + clean bundle card miniatures
   ========================================================= */
/* Announcement stays in document flow. The navigation is fixed and its exact
   top offset is updated by JS while the announcement scrolls away. */
.announcement{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  height:46px!important;
  flex-wrap:nowrap!important;
}
.site-header,
.site-header.compact{
  position:fixed!important;
  left:0!important;
  right:0!important;
  top:46px;
  z-index:300!important;
  padding:14px 0 0!important;
  margin:0!important;
  transform:none!important;
  transition:none!important;
  pointer-events:none;
}
.site-header .glass-nav,
.site-header.compact .glass-nav{
  height:72px!important;
  width:calc(100% - 44px)!important;
  border-radius:24px!important;
  transform:none!important;
  transition:none!important;
  pointer-events:auto;
}
.site-header .mobile-menu{pointer-events:auto;}
.site-header-spacer{
  display:block!important;
  height:100px!important;
  width:100%;
  pointer-events:none;
}

/* The cart is always above the fixed navigation. */
.cart-drawer{z-index:5000!important;}
.cart-panel.premium-cart-panel{z-index:2!important;}
body.cart-opened .site-header{pointer-events:none!important;}

/* Use the exact card artwork for every quantity icon instead of generic dark
   rectangles / backs. This matches the clean stack used by the cart drawer. */
.bundle-icon.one,
.bundle-icon.three,
.bundle-icon.five{
  position:relative!important;
  width:62px!important;
  height:42px!important;
  overflow:visible!important;
  transform:none!important;
  flex:0 0 62px!important;
}
.bundle-icon.one i,
.bundle-icon.three i,
.bundle-icon.five i{
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  width:45px!important;
  height:29px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent url('card-front.webp') center/contain no-repeat!important;
  box-shadow:none!important;
  filter:drop-shadow(0 4px 5px rgba(9,13,20,.16))!important;
  transform-origin:center center!important;
  opacity:1!important;
}
.bundle-icon.one i:nth-child(1){
  z-index:5!important;
  transform:translate(-50%,-50%) rotate(-4deg)!important;
}
.bundle-icon.three i:nth-child(1){z-index:3!important;transform:translate(calc(-50% - 8px),calc(-50% + 5px)) rotate(-7deg)!important;}
.bundle-icon.three i:nth-child(2){z-index:2!important;transform:translate(-50%,-50%) rotate(-3deg)!important;}
.bundle-icon.three i:nth-child(3){z-index:1!important;transform:translate(calc(-50% + 8px),calc(-50% - 5px)) rotate(1deg)!important;}
.bundle-icon.five i:nth-child(1){z-index:5!important;transform:translate(calc(-50% - 12px),calc(-50% + 7px)) rotate(-8deg)!important;}
.bundle-icon.five i:nth-child(2){z-index:4!important;transform:translate(calc(-50% - 6px),calc(-50% + 4px)) rotate(-6deg)!important;}
.bundle-icon.five i:nth-child(3){z-index:3!important;transform:translate(-50%,-50%) rotate(-4deg)!important;}
.bundle-icon.five i:nth-child(4){z-index:2!important;transform:translate(calc(-50% + 6px),calc(-50% - 4px)) rotate(-2deg)!important;}
.bundle-icon.five i:nth-child(5){z-index:1!important;transform:translate(calc(-50% + 12px),calc(-50% - 7px)) rotate(0deg)!important;}

/* Give real-card icons enough breathing room in both the product picker and
   the Home quick-buy sheet. */
body[data-page="product"] .premium-bundle-options .bundle-option,
body[data-page="home"] .purchase-premium-bundles .bundle-option{
  grid-template-columns:68px minmax(0,1fr) auto!important;
}
body[data-page="product"] .premium-bundle-options .bundle-icon{
  transform:none!important;
}

/* Big 5-card previews: all cards use identical fronts and a calm, readable fan. */
body[data-page="product"] .premium-card-stack.qty-5 .stack-card,
body[data-page="home"] .purchase-modal-card-stack.qty-5 .purchase-stack-card{
  opacity:1!important;
  filter:drop-shadow(0 20px 28px rgba(18,27,43,.15))!important;
}
body[data-page="product"] .premium-card-stack.qty-5 .stack-card-1{transform:translate(calc(-50% - 64px),calc(-50% + 18px)) rotate(-9deg) scale(.98)!important;}
body[data-page="product"] .premium-card-stack.qty-5 .stack-card-2{transform:translate(calc(-50% - 32px),calc(-50% + 9px)) rotate(-7deg) scale(.98)!important;}
body[data-page="product"] .premium-card-stack.qty-5 .stack-card-3{transform:translate(-50%,-50%) rotate(-5deg) scale(.98)!important;}
body[data-page="product"] .premium-card-stack.qty-5 .stack-card-4{transform:translate(calc(-50% + 32px),calc(-50% - 9px)) rotate(-3deg) scale(.98)!important;}
body[data-page="product"] .premium-card-stack.qty-5 .stack-card-5{transform:translate(calc(-50% + 64px),calc(-50% - 18px)) rotate(-1deg) scale(.98)!important;}
body[data-page="home"] .purchase-modal-card-stack.qty-5 .purchase-stack-card-1{transform:translate(calc(-50% - 48px),calc(-50% + 14px)) rotate(-9deg) scale(.97)!important;}
body[data-page="home"] .purchase-modal-card-stack.qty-5 .purchase-stack-card-2{transform:translate(calc(-50% - 24px),calc(-50% + 7px)) rotate(-7deg) scale(.97)!important;}
body[data-page="home"] .purchase-modal-card-stack.qty-5 .purchase-stack-card-3{transform:translate(-50%,-50%) rotate(-5deg) scale(.97)!important;}
body[data-page="home"] .purchase-modal-card-stack.qty-5 .purchase-stack-card-4{transform:translate(calc(-50% + 24px),calc(-50% - 7px)) rotate(-3deg) scale(.97)!important;}
body[data-page="home"] .purchase-modal-card-stack.qty-5 .purchase-stack-card-5{transform:translate(calc(-50% + 48px),calc(-50% - 14px)) rotate(-1deg) scale(.97)!important;}

@media(max-width:720px){
  .announcement{
    height:46px!important;
    padding-inline:10px!important;
    gap:7px!important;
    font-size:10px!important;
    justify-content:center!important;
  }
  .announcement .announce-dot{flex:0 0 8px!important;}
  .announcement .announce-flag{width:22px!important;height:auto!important;flex:0 0 22px!important;}
  .announcement > span:not(.announce-dot):not(.announce-sep):not(.return-copy){white-space:nowrap!important;}
  .announcement a{
    margin-left:2px!important;
    padding:7px 10px!important;
    font-size:9.5px!important;
    white-space:nowrap!important;
    flex:0 0 auto!important;
  }
  .site-header,
  .site-header.compact{
    padding:8px 0 0!important;
  }
  .site-header .glass-nav,
  .site-header.compact .glass-nav{
    width:calc(100% - 18px)!important;
    height:72px!important;
    padding-inline:10px!important;
    border-radius:24px!important;
  }
  .site-header-spacer{height:88px!important;}
  .site-header.open .mobile-menu{top:80px!important;}

  body[data-page="product"] .premium-bundle-options .bundle-option,
  body[data-page="home"] .purchase-premium-bundles .bundle-option{
    grid-template-columns:62px minmax(0,1fr) auto!important;
    gap:8px!important;
  }
  .bundle-icon.one,.bundle-icon.three,.bundle-icon.five{
    width:58px!important;
    height:40px!important;
    flex-basis:58px!important;
  }
  .bundle-icon.one i,.bundle-icon.three i,.bundle-icon.five i{
    width:42px!important;
    height:27px!important;
  }

  /* Keep the 5-card hero fans centered and compact on phones. */
  body[data-page="product"] .premium-card-stack.qty-5 .stack-card{width:min(70%,292px)!important;}
  body[data-page="product"] .premium-card-stack.qty-5 .stack-card-1{transform:translate(calc(-50% - 52px),calc(-50% + 15px)) rotate(-9deg) scale(.97)!important;}
  body[data-page="product"] .premium-card-stack.qty-5 .stack-card-2{transform:translate(calc(-50% - 26px),calc(-50% + 8px)) rotate(-7deg) scale(.97)!important;}
  body[data-page="product"] .premium-card-stack.qty-5 .stack-card-3{transform:translate(-50%,-50%) rotate(-5deg) scale(.97)!important;}
  body[data-page="product"] .premium-card-stack.qty-5 .stack-card-4{transform:translate(calc(-50% + 26px),calc(-50% - 8px)) rotate(-3deg) scale(.97)!important;}
  body[data-page="product"] .premium-card-stack.qty-5 .stack-card-5{transform:translate(calc(-50% + 52px),calc(-50% - 15px)) rotate(-1deg) scale(.97)!important;}
}

@media(max-width:390px){
  .announcement{font-size:9.2px!important;gap:5px!important;padding-inline:6px!important;}
  .announcement a{font-size:8.8px!important;padding:7px 8px!important;}
}

/* v15: announcement remains visible until actually scrolled away; stable sticky header */
.announcement{position:relative!important;z-index:80!important;display:flex!important;visibility:visible!important;opacity:1!important;transform:none!important;}
.site-header,.site-header.compact{position:sticky!important;top:0!important;left:auto!important;right:auto!important;z-index:300!important;margin:0!important;transform:none!important;transition:none!important;}
.site-header-spacer{display:none!important;height:0!important;}
.site-header .glass-nav,.site-header.compact .glass-nav{transition:none!important;}
/* Use the same layered miniature and offsets as the cart for all bundle selectors. */
.bundle-icon.one,.bundle-icon.three,.bundle-icon.five{width:82px!important;height:60px!important;flex:0 0 82px!important;overflow:hidden!important;isolation:isolate!important;}
.bundle-icon.one i,.bundle-icon.three i,.bundle-icon.five i{left:7px!important;top:50%!important;width:62px!important;height:40px!important;transform:translate(calc(var(--n,0) * 4px),calc(-50% + var(--n,0) * 4px))!important;background:transparent url('card-front.webp') center/contain no-repeat!important;border-radius:7px!important;filter:drop-shadow(0 5px 6px rgba(13,18,28,.12))!important;}
.bundle-icon.one i{width:68px!important;height:44px!important;}
.bundle-icon.three i{width:60px!important;height:38px!important;}
.bundle-icon.five i{width:57px!important;height:36px!important;}
.bundle-icon i:nth-child(1){--n:0;z-index:5!important}.bundle-icon i:nth-child(2){--n:1;z-index:4!important}.bundle-icon i:nth-child(3){--n:2;z-index:3!important}.bundle-icon i:nth-child(4){--n:3;z-index:2!important}.bundle-icon i:nth-child(5){--n:4;z-index:1!important}
body[data-page="product"] .premium-bundle-options .bundle-option,body[data-page="home"] .purchase-premium-bundles .bundle-option{grid-template-columns:86px minmax(0,1fr) auto!important;}
@media(max-width:720px){.announcement{height:46px!important;min-height:46px!important}.site-header,.site-header.compact{padding-top:8px!important}.bundle-icon.one,.bundle-icon.three,.bundle-icon.five{width:65px!important;height:52px!important;flex-basis:65px!important}.bundle-icon.one i,.bundle-icon.three i,.bundle-icon.five i{left:3px!important;width:51px!important;height:34px!important}.bundle-icon.one i{width:57px!important;height:38px!important}.bundle-icon.five i{width:47px!important;height:31px!important}body[data-page="product"] .premium-bundle-options .bundle-option,body[data-page="home"] .purchase-premium-bundles .bundle-option{grid-template-columns:68px minmax(0,1fr) auto!important;}}

/* v16: exact same layered-card rendering as cart thumbnails in all offer pickers.
   Reuse cart-stack geometry, artwork, offsets and stacking rather than a separate fan. */
.bundle-option .bundle-icon.one,.bundle-option .bundle-icon.three,.bundle-option .bundle-icon.five,
.purchase-bundle .bundle-icon.one,.purchase-bundle .bundle-icon.three,.purchase-bundle .bundle-icon.five{
 width:94px!important;height:72px!important;flex:0 0 94px!important;position:relative!important;overflow:visible!important;
}
.bundle-option .bundle-icon i,.purchase-bundle .bundle-icon i{
 position:absolute!important;left:4px!important;top:50%!important;width:72px!important;height:46px!important;
 transform:translateY(calc(-50% + (var(--n) * 4px))) translateX(calc(var(--n) * 4px))!important;
 transform-origin:center!important;border-radius:8px!important;border:0!important;
 background:transparent url('card-front.webp') center/contain no-repeat!important;
 box-shadow:none!important;filter:drop-shadow(0 6px 8px rgba(13,18,28,.12))!important;opacity:1!important;
}
.bundle-option .bundle-icon.one i,.purchase-bundle .bundle-icon.one i{left:8px!important;width:78px!important;height:50px!important}
.bundle-option .bundle-icon.three i,.purchase-bundle .bundle-icon.three i{width:70px!important;height:44px!important}
.bundle-option .bundle-icon.five i,.purchase-bundle .bundle-icon.five i{width:65px!important;height:41px!important}
.bundle-icon i:nth-child(1){--n:0!important;z-index:1!important}
.bundle-icon i:nth-child(2){--n:1!important;z-index:2!important}
.bundle-icon i:nth-child(3){--n:2!important;z-index:3!important}
.bundle-icon i:nth-child(4){--n:3!important;z-index:4!important}
.bundle-icon i:nth-child(5){--n:4!important;z-index:5!important}
body[data-page="product"] .premium-bundle-options .bundle-option,
body[data-page="home"] .purchase-premium-bundles .bundle-option{
 grid-template-columns:100px minmax(0,1fr) auto!important;
}
@media(max-width:720px){
 .bundle-option .bundle-icon.one,.bundle-option .bundle-icon.three,.bundle-option .bundle-icon.five,
 .purchase-bundle .bundle-icon.one,.purchase-bundle .bundle-icon.three,.purchase-bundle .bundle-icon.five{
  width:70px!important;height:54px!important;flex:0 0 70px!important;
 }
 .bundle-option .bundle-icon i,.purchase-bundle .bundle-icon i{width:54px!important;height:35px!important}
 .bundle-option .bundle-icon.one i,.purchase-bundle .bundle-icon.one i{width:59px!important;height:38px!important}
 .bundle-option .bundle-icon.five i,.purchase-bundle .bundle-icon.five i{width:50px!important;height:32px!important}
 body[data-page="product"] .premium-bundle-options .bundle-option,
 body[data-page="home"] .purchase-premium-bundles .bundle-option{
  grid-template-columns:76px minmax(0,1fr) auto!important;
 }
}

/* v17: Exact cart thumbnail component reused, not approximated. */
.bundle-option .bundle-cart-visual{display:block!important;position:relative!important;width:94px!important;height:72px!important;flex:0 0 94px!important;overflow:hidden!important;align-self:center!important;isolation:isolate!important;}
.bundle-option .bundle-cart-visual .cart-stack{position:absolute!important;left:0!important;top:0!important;width:94px!important;height:72px!important;overflow:visible!important;transform:none!important;}
.bundle-option .bundle-cart-visual .cart-stack i{position:absolute!important;top:50%!important;left:4px!important;width:72px!important;height:46px!important;transform:translateY(calc(-50% + var(--n) * 4px)) translateX(calc(var(--n) * 4px))!important;background:transparent url('card-front.webp') center/contain no-repeat!important;filter:drop-shadow(0 6px 8px rgba(13,18,28,.12))!important;border:0!important;border-radius:8px!important;box-shadow:none!important;opacity:1!important;}
.bundle-option .bundle-cart-visual .cart-stack.cards-1 i{left:8px!important;width:78px!important;height:50px!important;}
.bundle-option .bundle-cart-visual .cart-stack.cards-3 i{width:70px!important;height:44px!important;}
.bundle-option .bundle-cart-visual .cart-stack.cards-5 i{width:65px!important;height:41px!important;}
body[data-page="product"] .premium-bundle-options .bundle-option,body[data-page="home"] .purchase-premium-bundles .bundle-option{grid-template-columns:100px minmax(0,1fr) auto!important;}
@media(max-width:720px){
.bundle-option .bundle-cart-visual{width:70px!important;height:54px!important;flex-basis:70px!important;}
.bundle-option .bundle-cart-visual .cart-stack{transform:scale(.74468)!important;transform-origin:top left!important;}
body[data-page="product"] .premium-bundle-options .bundle-option,body[data-page="home"] .purchase-premium-bundles .bundle-option{grid-template-columns:76px minmax(0,1fr) auto!important;}
}

/* v18: 25% smaller bundle thumbnails and fixed follow-on-scroll navigation */
.site-header,.site-header.compact{position:fixed!important;top:46px;left:0!important;right:0!important;transform:none!important;transition:none!important;}
.site-header-spacer{display:block!important;height:100px!important;}
.announcement{position:relative!important;z-index:1!important;}
/* Scale the *entire exact cart thumbnail* as a unit, retaining its proportions. */
.bundle-option .bundle-cart-visual{transform:scale(.75)!important;transform-origin:center center!important;}
@media(max-width:720px){
  .bundle-option .bundle-cart-visual{transform:scale(.75)!important;transform-origin:center center!important;}
  .site-header-spacer{height:96px!important;}
}

/* v19: desktop performance + purchase dialog stacking and independent scroll */
.purchase-modal{z-index:6000!important;isolation:isolate!important;}
.purchase-modal-scrim{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(9,14,24,.68)!important;}
body[data-page="home"] .purchase-modal-panel-v2{
  max-height:min(850px,calc(100dvh - 36px))!important;
  overflow:hidden!important;
  align-items:stretch!important;
}
@media(min-width:1001px){
 body[data-page="home"] .purchase-modal-visual-v2{min-height:0!important;height:auto!important;}
 body[data-page="home"] .purchase-modal-buy-v2{
   min-height:0!important;max-height:calc(100dvh - 38px)!important;
   overflow-y:auto!important;overscroll-behavior:contain!important;
   scrollbar-width:thin;scrollbar-color:#cbd2dc transparent;
 }
 body[data-page="home"] .purchase-modal-buy-v2::-webkit-scrollbar{width:7px}
 body[data-page="home"] .purchase-modal-buy-v2::-webkit-scrollbar-thumb{background:#cbd2dc;border-radius:10px}
}
@media(max-width:1000px){
 body[data-page="home"] .purchase-modal-panel-v2{overflow-y:auto!important;overflow-x:hidden!important;max-height:calc(100dvh - 16px)!important;}
 body[data-page="home"] .purchase-modal-buy-v2{overflow:visible!important;max-height:none!important;}
}
@media(min-width:1001px) and (prefers-reduced-motion:no-preference){
 /* Avoid expensive full-element blur on each reveal and permanent GPU layers. */
 .reveal{filter:none!important;will-change:auto!important;transition:opacity .36s ease,transform .42s ease!important;}
 .reveal.visible{filter:none!important;}
 .glass-nav{backdrop-filter:blur(12px) saturate(130%)!important;-webkit-backdrop-filter:blur(12px) saturate(130%)!important;}
 .site-header.compact{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
 .purchase-modal-panel{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
}

/* v20 — mobile home hero reading order: headline, card, supporting copy */
@media (max-width: 720px) {
  body[data-page="home"] .home-hero .hero-grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
  body[data-page="home"] .home-hero .hero-copy {
    display: contents !important;
  }
  body[data-page="home"] .home-hero .hero-copy > .eyebrow { order: 1; }
  body[data-page="home"] .home-hero .hero-copy > h1 {
    order: 2;
    font-size: clamp(38px, 10.5vw, 51px) !important;
    line-height: .98 !important;
    margin: 12px 0 18px !important;
    overflow-wrap: normal;
  }
  body[data-page="home"] .home-hero .hero-object {
    order: 3;
    width: 100%;
    margin: 0 0 22px !important;
    min-height: 320px;
  }
  body[data-page="home"] .home-hero .hero-copy > p { order: 4; }
  body[data-page="home"] .home-hero .hero-copy > .hero-actions { order: 5; }
  body[data-page="home"] .home-hero .hero-copy > .hero-meta { order: 6; }
  body[data-page="home"] .home-hero .hero-copy > .network-badges { order: 7; }
}