/* ===================== storefront preview: one markup, every theme ===================== */
.pv{--ease:cubic-bezier(.22,1,.36,1);--pad:56px;--gap:22px;--sh:none;--sh-b:none;color:var(--t-text);background:var(--t-bg);font-family:var(--t-body),system-ui,sans-serif;font-size:16px;line-height:1.55;text-align:start;position:relative;overflow:hidden}
.pv *{box-sizing:border-box}
.pv-in{container:pv/inline-size;position:relative;isolation:isolate}
.pv :where(a){color:inherit;text-decoration:none}
.pv .ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.pv[data-density="compact"]{--pad:30px;--gap:14px}
.pv[data-density="airy"]{--pad:96px;--gap:30px}

/* shadows */
.pv[data-shadow="soft"]{--sh:0 1px 2px rgba(0,0,0,.05),0 10px 28px rgba(0,0,0,.08);--sh-b:0 4px 14px rgba(0,0,0,.12)}
.pv[data-shadow="float"]{--sh:0 24px 60px -18px rgba(0,0,0,.28);--sh-b:0 12px 28px -10px rgba(0,0,0,.35)}
.pv[data-shadow="hard"]{--sh:6px 6px 0 var(--t-text);--sh-b:4px 4px 0 var(--t-text)}
.pv[data-shadow="neu"]{--sh:9px 9px 18px color-mix(in srgb,var(--t-bg) 70%,#000),-9px -9px 18px color-mix(in srgb,var(--t-bg) 55%,#fff);--sh-b:5px 5px 10px color-mix(in srgb,var(--t-bg) 70%,#000),-5px -5px 10px color-mix(in srgb,var(--t-bg) 55%,#fff)}
.pv[data-shadow="clay"]{--sh:inset -6px -8px 14px rgba(0,0,0,.14),inset 6px 8px 14px rgba(255,255,255,.55),0 16px 30px -10px rgba(0,0,0,.25);--sh-b:inset -3px -4px 8px rgba(0,0,0,.18),inset 3px 4px 8px rgba(255,255,255,.5),0 8px 16px -6px rgba(0,0,0,.3)}
.pv[data-shadow="glow"]{--sh:0 0 0 1px color-mix(in srgb,var(--t-primary) 50%,transparent),0 0 28px color-mix(in srgb,var(--t-primary) 45%,transparent);--sh-b:0 0 18px color-mix(in srgb,var(--t-primary) 70%,transparent)}
.pv[data-shadow="inset"]{--sh:inset 0 2px 6px rgba(0,0,0,.12);--sh-b:inset 0 -2px 0 rgba(0,0,0,.2)}

/* texture overlays */
.pv-in::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:30;opacity:0}
.pv[data-texture="grain"] .pv-in::after,.pv[data-texture="noise"] .pv-in::after{opacity:.22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply}
.pv[data-texture="noise"] .pv-in::after{opacity:.35;mix-blend-mode:overlay}
.pv[data-texture="paper"] .pv-in::after{opacity:.5;background:radial-gradient(circle at 20% 10%,rgba(120,90,40,.08),transparent 40%),radial-gradient(circle at 80% 70%,rgba(120,90,40,.1),transparent 45%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.04' numOctaves='4'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .35 0 0 0 0 .2 0 0 0 .18 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E");mix-blend-mode:multiply}
.pv[data-texture="dots"] .pv-in::after{opacity:1;background-image:radial-gradient(color-mix(in srgb,var(--t-text) 12%,transparent) 1.1px,transparent 1.5px);background-size:14px 14px}
.pv[data-texture="grid"] .pv-in::after{opacity:1;background-image:linear-gradient(color-mix(in srgb,var(--t-text) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--t-text) 7%,transparent) 1px,transparent 1px);background-size:28px 28px}
.pv[data-texture="lines"] .pv-in::after{opacity:1;background-image:repeating-linear-gradient(0deg,color-mix(in srgb,var(--t-text) 6%,transparent) 0 1px,transparent 1px 9px)}
.pv[data-texture="scan"] .pv-in::after{opacity:1;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}
.pv[data-texture="halftone"] .pv-in::after{opacity:.55;background-image:radial-gradient(color-mix(in srgb,var(--t-text) 30%,transparent) 28%,transparent 32%);background-size:6px 6px;mask-image:linear-gradient(135deg,#000,transparent 60%)}

/* type */
.pv-logo{font-family:var(--t-head),sans-serif;font-weight:var(--t-hw);font-size:24px;letter-spacing:var(--t-ls);white-space:nowrap}
.pv-h1{font-family:var(--t-head),sans-serif;font-weight:var(--t-hw);font-size:min(var(--t-h1),9.5cqi);line-height:1.05;letter-spacing:var(--t-ls);margin:10px 0 14px;text-wrap:balance}
.pv-h2{font-family:var(--t-head),sans-serif;font-weight:var(--t-hw);font-size:min(calc(var(--t-h1) * .52),6.4cqi);line-height:1.15;letter-spacing:var(--t-ls);margin:0}
.pv-pn{font-family:var(--t-head),sans-serif;font-weight:min(var(--t-hw),700);font-size:17px;margin:0;line-height:1.3}
.pv-eyebrow{display:inline-block;font-size:13px;font-weight:700;color:var(--t-eb,var(--t-primary));letter-spacing:.02em}
.pv--dark .pv-eyebrow{color:var(--t-eb,var(--t-primary))}
/* on the secondary-colour panels only the text colour is guaranteed 4.5:1 (PAL_RULES) */
.pv-why .pv-eyebrow,.pv-guar .pv-eyebrow{color:var(--t-text)}
.pv-sub{font-size:18px;color:var(--t-muted);margin:0 0 22px;max-width:34em}

/* announcement + header */
.pv-ann{background:var(--t-text);color:var(--t-bg);text-align:center;font-size:13px;font-weight:600;padding:8px 16px}
.pv-hd{display:flex;align-items:center;gap:26px;padding:16px var(--pad);border-bottom:var(--t-bw) solid var(--t-line);position:relative;z-index:5;background:var(--t-bg)}
.pv-burger{display:none;background:none;border:0;color:inherit;padding:0}
.pv-nav{display:flex;gap:22px;font-size:15px;font-weight:600}
.pv-icons{display:flex;gap:14px;margin-inline-start:auto;align-items:center}
.pv-cart{position:relative;display:inline-flex}
.pv-cart i{position:absolute;top:-6px;inset-inline-end:-8px;min-width:17px;height:17px;border-radius:9px;background:var(--t-primary);color:var(--t-on);font:700 11px/17px var(--t-body),sans-serif;text-align:center;font-style:normal}
.pv[data-header="center"] .pv-hd{flex-wrap:wrap;justify-content:center;row-gap:10px}
.pv[data-header="center"] .pv-logo{order:0;flex-basis:100%;text-align:center;font-size:30px}
.pv[data-header="center"] .pv-nav{order:2}
.pv[data-header="center"] .pv-icons{position:absolute;inset-inline-end:var(--pad);top:22px}
.pv[data-header="minimal"] .pv-nav{display:none}
.pv[data-header="minimal"] .pv-burger{display:inline-flex}
.pv[data-header="minimal"] .pv-hd{border-bottom:0}
.pv[data-header="bar"] .pv-hd{background:var(--t-primary);color:var(--t-on);border-bottom:0}
.pv[data-header="bar"] .pv-cart i{background:var(--t-on);color:var(--t-primary)}
.pv[data-header="floating"] .pv-hd{margin:14px var(--pad) 0;border:var(--t-bw) solid var(--t-line);border-radius:999px;padding:12px 26px;box-shadow:var(--sh)}
.pv[data-header="split"] .pv-hd{justify-content:space-between}
.pv[data-header="split"] .pv-logo{position:absolute;left:50%;transform:translateX(-50%)}
.pv[data-header="split"] .pv-icons{margin-inline-start:0}
.pv[data-header="sidebar"] .pv-hd{border-bottom:0;border-inline-end:var(--t-bw) solid var(--t-line)}

/* buttons */
.pv-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:13px 26px;font-family:var(--t-body),sans-serif;font-weight:700;font-size:16px;line-height:1;border-radius:var(--t-r);border:max(var(--t-bw),1.5px) solid transparent;white-space:nowrap;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s}
.pv-btn--a,.pv-btn--card{background:var(--t-primary);color:var(--t-on)}
.pv-btn--b{border-color:currentColor;color:var(--t-text);background:transparent}
.pv-btn--card{min-height:42px;padding:10px 16px;font-size:14px;width:100%}
.pv[data-btn="pill"] .pv-btn{border-radius:999px}
.pv[data-btn="outline"] .pv-btn--a,.pv[data-btn="outline"] .pv-btn--card{background:transparent;color:var(--t-text);border-color:var(--t-text)}
.pv[data-btn="ghost"] .pv-btn--a,.pv[data-btn="ghost"] .pv-btn--card{background:color-mix(in srgb,var(--t-primary) 12%,transparent);color:var(--t-text)}
.pv[data-btn="ghost"] .pv-btn--b{border-color:transparent}
.pv[data-btn="underline"] .pv-btn{background:none!important;color:var(--t-text)!important;border:0;border-bottom:2px solid var(--t-primary);border-radius:0;padding-inline:2px;min-height:40px}
.pv[data-btn="underline"] .pv-btn--card{width:auto}
.pv[data-btn="brutal"] .pv-btn{border:3px solid var(--t-text);border-radius:0;box-shadow:4px 4px 0 var(--t-text)}
.pv[data-btn="brutal"] .pv-btn--b{background:var(--t-bg)}
.pv[data-btn="neu"] .pv-btn{background:var(--t-bg);color:var(--t-text);border-color:transparent;border-radius:max(var(--t-r),14px);box-shadow:var(--sh-b)}
.pv[data-btn="neu"] .pv-btn--a,.pv[data-btn="neu"] .pv-btn--card{color:var(--t-primary)}
.pv[data-btn="glass"] .pv-btn{background:color-mix(in srgb,var(--t-surface) 38%,transparent);color:var(--t-text);border:1px solid color-mix(in srgb,#fff 55%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
/* opaque: a see-through accent lightens over a light page and drops text under 4.5:1 */
.pv[data-btn="glass"] .pv-btn--a,.pv[data-btn="glass"] .pv-btn--card{background:var(--t-primary);color:var(--t-on);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),var(--sh-b)}
.pv[data-btn="clay"] .pv-btn{border-radius:max(var(--t-r),18px);box-shadow:var(--sh-b);border:0}
.pv[data-btn="clay"] .pv-btn--b{background:var(--t-secondary);color:var(--t-text)}
.pv[data-btn="gradient"] .pv-btn--a,.pv[data-btn="gradient"] .pv-btn--card{background:linear-gradient(120deg,var(--t-g1),var(--t-g2));color:var(--t-on);border:0}
.pv[data-btn="neon"] .pv-btn{background:transparent;color:var(--t-primary);border:2px solid var(--t-primary);box-shadow:0 0 12px color-mix(in srgb,var(--t-primary) 60%,transparent),inset 0 0 10px color-mix(in srgb,var(--t-primary) 35%,transparent);text-shadow:0 0 8px color-mix(in srgb,var(--t-primary) 70%,transparent)}
.pv[data-btn="neon"] .pv-btn--b{color:var(--t-secondary);border-color:var(--t-secondary)}
.pv[data-btn="stamp"] .pv-btn{border:2px dashed var(--t-text);background:var(--t-secondary);color:var(--t-text);border-radius:4px;transform:rotate(-1.2deg)}
.pv[data-btn="stamp"] .pv-btn--a,.pv[data-btn="stamp"] .pv-btn--card{background:var(--t-primary);color:var(--t-on);border-style:solid;border-color:var(--t-primary)}

/* sections */
.pv-sec{padding:var(--pad) var(--pad) 0;position:relative}
.pv-sh{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:20px}
.pv-sh a{font-weight:700;font-size:15px;border-bottom:2px solid var(--t-primary)}

/* hero variants */
.pv-hero{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;padding:var(--pad);min-height:420px}
.pv-hero-t{position:relative;z-index:3}
.pv-hero-m{position:relative;z-index:2;min-width:0}
.pv-ctas{display:flex;gap:12px;flex-wrap:wrap}
.pv[data-hero="center"] .pv-hero{grid-template-columns:1fr;text-align:center;justify-items:center}
.pv[data-hero="center"] .pv-sub{margin-inline:auto}
.pv[data-hero="center"] .pv-ctas{justify-content:center}
.pv[data-hero="center"] .pv-hero-m{width:min(100%,620px)}
.pv[data-hero="center"] .pv-img--hero{aspect-ratio:16/8}
.pv[data-hero="full"] .pv-hero{grid-template-columns:1fr;min-height:520px;padding:0;align-items:end}
.pv[data-hero="full"] .pv-hero-m{position:absolute;inset:0}
.pv[data-hero="full"] .pv-hero-m .pv-img{height:100%;border-radius:0!important;aspect-ratio:auto}
.pv[data-hero="full"] .pv-hero-m::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.62),rgba(0,0,0,.1) 60%);z-index:1}
.pv[data-hero="full"] .pv-hero-t{padding:var(--pad);color:#fff}
.pv[data-hero="full"] .pv-hero .pv-sub{color:rgba(255,255,255,.88)}
.pv[data-hero="full"] .pv-hero .pv-eyebrow{color:#fff}
.pv[data-hero="full"] .pv-hero .pv-btn--b{color:#fff}
.pv[data-hero="editorial"] .pv-hero{grid-template-columns:1.6fr 1fr;align-items:end;border-bottom:var(--t-bw) solid var(--t-line)}
.pv[data-hero="editorial"] .pv-h1{font-size:min(calc(var(--t-h1) * 1.25),11cqi);line-height:.98}
.pv[data-hero="editorial"] .pv-sub{columns:2;column-gap:24px;font-size:16px}
.pv[data-hero="editorial"] .pv-img--hero{aspect-ratio:3/4}
.pv[data-hero="asym"] .pv-hero{grid-template-columns:1fr 1fr;gap:0}
.pv[data-hero="asym"] .pv-hero-t{background:var(--t-surface);padding:34px;margin-inline-end:-80px;margin-top:120px;box-shadow:var(--sh);border-radius:var(--t-r);border:var(--t-bw) solid var(--t-line)}
.pv[data-hero="asym"] .pv-img--hero{aspect-ratio:4/5;transform:translateY(-20px)}
.pv[data-hero="type"] .pv-hero{grid-template-columns:1fr;gap:18px}
.pv[data-hero="type"] .pv-h1{font-size:min(calc(var(--t-h1) * 1.6),16cqi);line-height:.9}
.pv[data-hero="type"] .pv-hero-m{position:absolute;inset-inline-start:auto;inset-inline-end:var(--pad);bottom:var(--pad);width:180px}
.pv[data-hero="collage"] .pv-collage{position:relative;height:380px}
.pv-collage .pv-img{position:absolute;width:52%;aspect-ratio:4/5;box-shadow:var(--sh)}
.pv-collage .c1{top:0;right:6%;transform:rotate(4deg)}
.pv-collage .c2{top:22%;left:4%;transform:rotate(-6deg);z-index:2}
.pv-collage .c3{bottom:-4%;right:26%;width:40%;transform:rotate(2deg);z-index:3}
.pv-sticker{position:absolute;z-index:5;top:6%;left:10%;background:var(--t-primary);color:var(--t-on);font-family:var(--t-head),sans-serif;font-weight:800;padding:14px 16px;border-radius:50%;transform:rotate(-12deg);font-size:18px}
.pv[data-hero="product"] .pv-hprod{position:relative}
.pv-callout{position:absolute;background:var(--t-surface);color:var(--t-text);border:var(--t-bw) solid var(--t-line);font-size:13px;font-weight:700;padding:7px 12px;border-radius:999px;box-shadow:var(--sh-b);z-index:3;white-space:nowrap}
.pv-callout.k1{top:12%;right:-4%}.pv-callout.k2{top:48%;left:-6%}.pv-callout.k3{bottom:10%;right:8%}
.pv-hbento{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:170px 170px;gap:12px}
.pv-hbento .b1{grid-row:span 2;aspect-ratio:auto;height:100%}
.pv-hbento .b3{aspect-ratio:auto;height:100%}
.pv-tile{border-radius:var(--t-r);background:var(--t-secondary);color:var(--t-text);padding:18px;display:flex;flex-direction:column;justify-content:space-between;border:var(--t-bw) solid var(--t-line)}
.pv-tile b{font-family:var(--t-head),sans-serif;font-size:20px}
.pv-tile--accent{background:var(--t-primary);color:var(--t-on);border-color:transparent}
.pv-story{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;align-items:center}
.pv-story-steps{display:grid;gap:12px}
.pv-story-steps div{padding:12px 14px;border-inline-start:3px solid var(--t-line);opacity:.55}
.pv-story-steps div.on{border-color:var(--t-primary);opacity:1}
.pv-story-steps b{display:block;font-family:var(--t-head),sans-serif;color:var(--t-primary)}
.pv-chat{background:var(--t-surface);border:var(--t-bw) solid var(--t-line);border-radius:max(var(--t-r),16px);padding:16px;box-shadow:var(--sh);display:grid;gap:10px;max-width:440px;margin-inline-start:auto}
.pv-chat-h{display:flex;align-items:center;gap:8px}
.pv-chat-h .ic{color:var(--t-primary)}
.pv-chat-h span{margin-inline-start:auto;font-size:12px;color:var(--t-muted)}
.pv-msg{background:color-mix(in srgb,var(--t-primary) 10%,var(--t-surface));padding:10px 14px;border-radius:14px 14px 14px 4px;font-size:15px;max-width:85%}
.pv-msg--me{background:var(--t-primary);color:var(--t-on);margin-inline-start:auto;border-radius:14px 14px 4px 14px}
.pv-chat-card{display:flex;gap:10px;align-items:center;border:1px solid var(--t-line);border-radius:12px;padding:8px}
.pv-chat-card div{display:flex;flex-direction:column;font-size:14px}
.pv-chat-add{margin-inline-start:auto;background:var(--t-primary);color:var(--t-on);font-size:13px;font-weight:700;padding:7px 12px;border-radius:999px}
.pv-chat-in{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--t-line);border-radius:999px;padding:10px 16px;color:var(--t-muted);font-size:14px}
.pv-chat-in .ic{color:var(--t-primary);transform:scaleX(-1)}

/* images: placeholder "photos" drawn from the palette */
.pv-img{position:relative;overflow:hidden;aspect-ratio:1;border-radius:var(--t-r);background:radial-gradient(circle at 72% 26%,color-mix(in srgb,#fff 70%,var(--t-secondary)) 0 11%,transparent 11.5%),radial-gradient(120% 70% at 40% 118%,color-mix(in srgb,var(--t-primary) 70%,#000 10%) 0 40%,transparent 40.5%),linear-gradient(165deg,color-mix(in srgb,var(--t-secondary) 85%,#fff),color-mix(in srgb,var(--t-secondary) 55%,var(--t-primary)))}
.pv-glyph{position:absolute;inset:22% 26%;width:48%;height:56%;fill:none;stroke:color-mix(in srgb,var(--t-text) 70%,transparent);stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;opacity:.75}
.pv-img--hero{aspect-ratio:4/4.2}
.pv-img--sm{width:64px;height:64px;aspect-ratio:1;flex:none}
.pv-typeimg .pv-img{width:180px;height:180px}
.pv[data-img="round"] .pv-img{border-radius:max(var(--t-r),22px)}
.pv[data-img="arch"] .pv-img--hero,.pv[data-img="arch"] .pv-img--card,.pv[data-img="arch"] .pv-img--cat{border-radius:999px 999px var(--t-r) var(--t-r)}
.pv[data-img="circle"] .pv-img--hero,.pv[data-img="circle"] .pv-img--cat{border-radius:50%;aspect-ratio:1}
.pv[data-img="duotone"] .pv-img{background:linear-gradient(160deg,var(--t-primary),var(--t-secondary))}
.pv[data-img="duotone"] .pv-img::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 28%,var(--t-secondary) 0 12%,transparent 12.5%),radial-gradient(110% 70% at 40% 118%,var(--t-text) 0 40%,transparent 40.5%);mix-blend-mode:multiply;opacity:.55}
.pv[data-img="bw"] .pv-img{filter:grayscale(1) contrast(1.15)}
.pv[data-img="grain"] .pv-img::after{content:"";position:absolute;inset:0;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");mix-blend-mode:overlay}
.pv[data-img="blob"] .pv-img--hero,.pv[data-img="blob"] .pv-img--cat{border-radius:58% 42% 50% 50% / 45% 55% 45% 55%}
.pv[data-img="tilt"] .pv-img--hero,.pv[data-img="tilt"] .pv-img--card{transform:rotate(-2.5deg)}
.pv[data-img="frame"] .pv-img{border:10px solid var(--t-surface);outline:var(--t-bw) solid var(--t-line);box-shadow:var(--sh)}
.pv[data-img="glow"] .pv-img{box-shadow:0 0 0 2px var(--t-primary),0 0 34px color-mix(in srgb,var(--t-primary) 55%,transparent)}
.pv[data-img="pixel"] .pv-img{image-rendering:pixelated;background:repeating-conic-gradient(var(--t-secondary) 0 25%,color-mix(in srgb,var(--t-secondary) 70%,var(--t-primary)) 0 50%) 0 0/24px 24px;border-radius:0}

/* categories */
.pv-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.pv-cat{display:flex;flex-direction:column;gap:10px;font-family:var(--t-head),sans-serif;font-weight:min(var(--t-hw),700);font-size:19px;text-align:center}
.pv-img--cat{aspect-ratio:5/4}

/* product grid + cards */
.pv-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
.pv[data-grid="g2"] .pv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.pv[data-grid="g3"] .pv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.pv[data-grid="g3"] .pv-card:nth-child(4){display:none}
.pv[data-grid="masonry"] .pv-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.pv[data-grid="masonry"] .pv-card:nth-child(2) .pv-img--card{aspect-ratio:3/4}
.pv[data-grid="masonry"] .pv-card:nth-child(3){margin-top:48px}
.pv[data-grid="rail"] .pv-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
.pv[data-grid="rail"] .pv-card{flex:0 0 32%;scroll-snap-align:start}
.pv[data-grid="list"] .pv-grid{grid-template-columns:1fr 1fr}
.pv[data-grid="list"] .pv-card{flex-direction:row;align-items:center}
.pv[data-grid="list"] .pv-img--card{width:38%;flex:none}
.pv[data-grid="bento"] .pv-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:auto}
.pv[data-grid="bento"] .pv-card:first-child{grid-column:span 2;grid-row:span 2}
.pv[data-grid="bento"] .pv-card:first-child .pv-img--card{aspect-ratio:auto;flex:1}
.pv-card{position:relative;display:flex;flex-direction:column;gap:12px;background:transparent;border-radius:var(--t-r);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.pv-img--card{aspect-ratio:4/5}
.pv-card-b{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:0 2px 4px}
.pv-stars{color:#C98A12;font-size:13px;letter-spacing:1px}
.pv--dark .pv-stars{color:#F2B84B}
.pv-stars small{color:var(--t-muted);letter-spacing:0}
.pv-price{display:flex;gap:8px;align-items:baseline}
.pv-price b{font-size:18px}
.pv-price s{color:var(--t-muted);font-size:14px}
.pv-badge{position:absolute;top:12px;inset-inline-start:12px;z-index:2;background:var(--t-primary);color:var(--t-on);font-size:12px;font-weight:800;padding:5px 10px;border-radius:min(var(--t-r),999px)}
.pv-badge--new{background:var(--t-text);color:var(--t-bg)}
.pv[data-card="outline"] .pv-card{border:var(--t-bw) solid var(--t-line);padding:12px}
.pv[data-card="elevated"] .pv-card{background:var(--t-surface);box-shadow:var(--sh);padding:12px}
.pv[data-card="glass"] .pv-card{background:color-mix(in srgb,var(--t-surface) 42%,transparent);border:1px solid color-mix(in srgb,#fff 50%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:12px;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.pv[data-card="neu"] .pv-card{background:var(--t-bg);box-shadow:var(--sh);padding:14px;border-radius:max(var(--t-r),18px)}
.pv[data-card="clay"] .pv-card{background:var(--t-surface);box-shadow:var(--sh);padding:14px;border-radius:max(var(--t-r),26px)}
.pv[data-card="brutal"] .pv-card{background:var(--t-surface);border:3px solid var(--t-text);box-shadow:6px 6px 0 var(--t-text);padding:12px;border-radius:0}
.pv[data-card="paper"] .pv-card{background:var(--t-surface);padding:12px;box-shadow:0 1px 0 var(--t-line),0 6px 14px -8px rgba(60,40,10,.3)}
.pv[data-card="polaroid"] .pv-card{background:var(--t-surface);padding:12px 12px 16px;box-shadow:0 8px 20px -8px rgba(0,0,0,.35)}
.pv[data-card="polaroid"] .pv-card:nth-child(odd){transform:rotate(-1.5deg)}
.pv[data-card="polaroid"] .pv-card:nth-child(even){transform:rotate(1.2deg)}
.pv[data-card="tilt"] .pv-card:nth-child(odd){transform:rotate(-2deg)}
.pv[data-card="tilt"] .pv-card:nth-child(even){transform:rotate(2deg) translateY(10px)}
.pv[data-card="tilt"] .pv-card{background:var(--t-surface);border:var(--t-bw) solid var(--t-line);padding:12px}

/* features, quote, newsletter, footer */
.pv-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.pv-feat{display:flex;gap:12px;align-items:center;background:var(--t-surface);border:var(--t-bw) solid var(--t-line);border-radius:var(--t-r);padding:16px 18px;font-size:16px}
.pv[data-card="neu"] .pv-feat{background:var(--t-bg);border:0;box-shadow:var(--sh)}
.pv[data-card="clay"] .pv-feat{border:0;box-shadow:var(--sh);border-radius:max(var(--t-r),22px)}
.pv[data-card="brutal"] .pv-feat{border:3px solid var(--t-text);box-shadow:4px 4px 0 var(--t-text);border-radius:0}
.pv[data-card="glass"] .pv-feat{background:color-mix(in srgb,var(--t-surface) 40%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.pv-feat-i{color:var(--t-primary)}
.pv-quote{text-align:center}
.pv-quote blockquote{font-family:var(--t-head),sans-serif;font-weight:min(var(--t-hw),600);font-size:min(calc(var(--t-h1) * .5),5.4cqi);line-height:1.3;margin:0 auto 10px;max-width:24em}
.pv-quote cite{font-style:normal;color:var(--t-muted);font-size:14px}
.pv-news{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin:var(--pad) var(--pad) 0;padding:34px;background:var(--t-secondary);border-radius:var(--t-r);border:var(--t-bw) solid var(--t-line)}
.pv-news p{margin:6px 0 0;color:var(--t-text);opacity:.8}
.pv-news-f{display:flex;gap:8px;flex:1;max-width:440px;min-width:260px}
.pv-input{flex:1;background:var(--t-bg);color:var(--t-muted);border:max(var(--t-bw),1px) solid var(--t-line);border-radius:var(--t-r);padding:13px 14px;font-size:15px}
.pv[data-btn="pill"] .pv-input{border-radius:999px}
.pv-ft{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;padding:40px var(--pad) 48px;margin-top:var(--pad);border-top:var(--t-bw) solid var(--t-line);font-size:14px;color:var(--t-muted)}
.pv-ft .pv-logo{color:var(--t-text)}
.pv-ft-cols{display:flex;gap:44px}
.pv-ft-cols div{display:flex;flex-direction:column;gap:6px}
.pv-ft-cols b{color:var(--t-text)}

/* decorations */
.pv-decos{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.pv-deco{position:absolute;inset:0;width:100%;height:100%}
.pv-deco--blobs path{fill:color-mix(in srgb,var(--t-secondary) 80%,transparent)}.pv-deco--blobs .b2{fill:color-mix(in srgb,var(--t-primary) 22%,transparent)}
.pv-deco--shapes *{fill:none;stroke:var(--t-primary);stroke-width:3}.pv-deco--shapes .b2{fill:var(--t-secondary);stroke:none}
.pv-deco--stars path{fill:var(--t-primary)}
.pv-deco--sun circle{fill:url(#none);fill:var(--t-g1);opacity:.85}.pv-deco--sun{opacity:.55}.pv-deco--sun .b2{stroke:var(--t-bg);stroke-width:8}
.pv-deco--grid path{fill:none;stroke:var(--t-primary);stroke-width:1.2;opacity:.6}
.pv-deco--doodles *{fill:none;stroke:var(--t-primary);stroke-width:3;stroke-linecap:round}
.pv-deco--leaves path{fill:color-mix(in srgb,var(--t-primary) 22%,transparent);stroke:color-mix(in srgb,var(--t-primary) 60%,transparent);stroke-width:2}
.pv-deco--rules path{fill:none;stroke:var(--t-line);stroke-width:1}
.pv-deco--orbit *{fill:none;stroke:color-mix(in srgb,var(--t-primary) 55%,transparent);stroke-width:1.2}.pv-deco--orbit circle{fill:var(--t-primary)}
.pv-deco--tape{position:absolute;width:120px;height:30px;top:26px;left:12%;background:color-mix(in srgb,var(--t-secondary) 80%,transparent);transform:rotate(-8deg);box-shadow:0 2px 4px rgba(0,0,0,.12);inset:auto}
.pv-deco--tape.t2{top:auto;bottom:40px;left:auto;right:8%;transform:rotate(6deg);background:color-mix(in srgb,var(--t-primary) 35%,transparent)}

/* motion levels + effects (all behind reduced-motion) */
@media (prefers-reduced-motion:no-preference){
  .pv[data-motion="subtle"] .pv-card:hover,.pv[data-motion="rich"] .pv-card:hover{transform:translateY(-4px)}
  .pv[data-motion="rich"] .pv-btn:hover{transform:translateY(-2px);box-shadow:var(--sh-b)}
  .pv[data-motion="subtle"] .pv-hero-t,.pv[data-motion="rich"] .pv-hero-t{animation:pv-in .9s var(--ease) both}
  .pv[data-motion="rich"] .pv-hero-m{animation:pv-in 1.1s .12s var(--ease) both}
  .pv[data-fx="kinetic"] .pv-h1 span{display:inline-block;animation:pv-word 3.2s calc(var(--i) * .12s) var(--ease) infinite}
  .pv[data-fx="float"] .pv-hero-m,.pv[data-fx="float"] .pv-deco{animation:pv-float 5s ease-in-out infinite alternate}
  .pv[data-fx="glitch"] .pv-h1{animation:pv-glitch 2.6s steps(1) infinite}
  .pv[data-fx="marquee"] .pv-marq div{animation:pv-marq 22s linear infinite}
  .pv[data-fx="tilt3d"] .pv-grid{perspective:900px}
  .pv[data-fx="tilt3d"] .pv-card{transform:rotateY(-8deg) rotateX(4deg);transform-style:preserve-3d}
  .pv[data-fx="tilt3d"] .pv-card:hover{transform:rotateY(0) rotateX(0) translateZ(20px)}
  .pv[data-fx="tilt3d"] .pv-img--hero{transform:perspective(900px) rotateY(-14deg) rotateX(6deg);box-shadow:var(--sh)}
  .pv[data-fx="micro"] .pv-btn:active{transform:scale(.96)}
  .pv[data-fx="micro"] .pv-cart i{animation:pv-pop 1.8s var(--ease) infinite}
  .pv[data-fx="micro"] .pv-card:hover .pv-btn--card{background:var(--t-text);color:var(--t-bg)}
  .pv[data-fx="scrolly"] .pv-story-steps div{animation:pv-step 6s infinite}
  .pv[data-fx="scrolly"] .pv-story-steps div:nth-child(2){animation-delay:2s}
  .pv[data-fx="scrolly"] .pv-story-steps div:nth-child(3){animation-delay:4s}
  @supports (animation-timeline:view()){
    .pv[data-fx="reveal"] .pv-sec{animation:pv-in linear both;animation-timeline:view();animation-range:entry 0% entry 60%}
    .pv[data-fx="parallax"] .pv-hero-m{animation:pv-par linear both;animation-timeline:view();animation-range:exit 0% exit 100%}
    .pv[data-fx="parallax"] .pv-deco{animation:pv-par2 linear both;animation-timeline:view();animation-range:exit 0% exit 100%}
  }
}
.pv[data-fx="parallax"] .pv-hero{overflow:hidden}
.pv-marq{overflow:hidden;white-space:nowrap;background:var(--t-primary);color:var(--t-on);font-family:var(--t-head),sans-serif;font-weight:700;font-size:18px;padding:12px 0;margin-top:var(--pad)}
.pv-marq div{display:inline-block;padding-inline-start:100%}
@keyframes pv-in{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}
@keyframes pv-word{0%,70%,100%{transform:none}35%{transform:translateY(-8px)}}
@keyframes pv-float{from{translate:0 0}to{translate:0 -14px}}
@keyframes pv-glitch{0%,100%{text-shadow:none}8%{text-shadow:3px 0 var(--t-primary),-3px 0 var(--t-secondary);transform:translateX(1px)}10%{text-shadow:-2px 0 var(--t-primary),2px 0 var(--t-secondary);transform:none}52%{text-shadow:2px 0 var(--t-secondary)}54%{text-shadow:none}}
@keyframes pv-marq{to{transform:translateX(100%)}}
@keyframes pv-pop{0%,80%,100%{transform:scale(1)}88%{transform:scale(1.35)}}
@keyframes pv-step{0%,30%{opacity:1;border-color:var(--t-primary)}34%,100%{opacity:.55;border-color:var(--t-line)}}
@keyframes pv-par{to{translate:0 90px}}
@keyframes pv-par2{to{translate:0 -60px}}

/* structure modes */
.pv[data-structure="grid12"] .pv-in::before{content:"";position:absolute;inset:0 var(--pad);z-index:29;pointer-events:none;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--t-primary) 9%,transparent) 0 calc((100% - 11 * 16px) / 12),transparent 0 calc((100% - 11 * 16px) / 12 + 16px))}
.pv[data-structure="asym"] .pv-cats{grid-template-columns:2fr 1fr 1fr}
.pv[data-structure="asym"] .pv-sec:nth-of-type(odd){padding-inline-end:calc(var(--pad) * 2.4)}
.pv[data-structure="asym"] .pv-sec:nth-of-type(even){padding-inline-start:calc(var(--pad) * 2.4)}
.pv[data-structure="asym"] .pv-quote{text-align:start}
.pv[data-structure="modular"] .pv-sec{margin:var(--gap) var(--pad) 0;padding:var(--pad) calc(var(--pad) * .6);border:var(--t-bw) solid var(--t-line);border-radius:var(--t-r)}
.pv[data-structure="modular"] .pv-sec::before{content:attr(class);display:none}
.pv[data-structure="onepage"] .pv-jump{position:sticky;top:0;z-index:6;display:flex;gap:6px;justify-content:center;padding:10px;background:color-mix(in srgb,var(--t-bg) 88%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--t-line)}
.pv-jump{display:none}
.pv-jump a{font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px;color:var(--t-muted)}
.pv-jump a.on{background:var(--t-primary);color:var(--t-on)}
.pv-tabbar{position:sticky;bottom:0;z-index:8;display:flex;justify-content:space-around;background:var(--t-surface);border-top:1px solid var(--t-line);padding:8px 4px 12px}
.pv-tabbar span{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;color:var(--t-muted)}
.pv-tabbar span.on{color:var(--t-primary);font-weight:700}
.pv[data-structure="mobile"] .pv-btn{min-height:52px}
.pv[data-structure="content"] .pv-quote{padding-top:calc(var(--pad) * 1.2)}
.pv[data-structure="content"] .pv-quote blockquote{font-size:min(calc(var(--t-h1) * .7),7cqi);text-align:start;margin-inline:0}
.pv[data-structure="content"] .pv-quote{text-align:start}

/* mini (thumbnail) */
.pv--mini .pv-hero{min-height:360px}

/* ===== the same markup at phone width ===== */
@container pv (max-width:640px){
  .pv-hd{gap:12px;padding:14px 18px}
  .pv-nav{display:none}
  .pv-burger{display:inline-flex}
  .pv[data-header="center"] .pv-logo{font-size:24px}
  .pv[data-header="center"] .pv-icons{top:16px;inset-inline-end:18px}
  .pv[data-header="floating"] .pv-hd{margin:10px 12px 0;padding:10px 16px}
  .pv[data-header="split"] .pv-logo{position:static;transform:none}
  .pv-hero,.pv[data-hero="editorial"] .pv-hero,.pv[data-hero="asym"] .pv-hero{grid-template-columns:1fr;gap:22px;padding:28px 18px;min-height:0}
  .pv[data-hero="full"] .pv-hero{min-height:480px;padding:0}
  .pv[data-hero="full"] .pv-hero-t{padding:22px 18px}
  .pv[data-hero="asym"] .pv-hero-t{margin:0;order:2}
  .pv[data-hero="asym"] .pv-img--hero{transform:none}
  .pv[data-hero="type"] .pv-hero-m{position:static;width:140px}
  .pv[data-hero="editorial"] .pv-sub{columns:1}
  .pv-h1{font-size:min(var(--t-h1),11.5cqi)}
  .pv[data-hero="type"] .pv-h1,.pv[data-hero="editorial"] .pv-h1{font-size:min(calc(var(--t-h1) * 1.2),14cqi)}
  .pv-sub{font-size:16px}
  .pv-ctas{flex-direction:column;align-items:stretch}
  .pv-ctas .pv-btn{width:100%}
  .pv[data-btn="underline"] .pv-ctas .pv-btn{width:auto;align-self:flex-start}
  .pv-collage{height:300px!important}
  .pv-callout.k1{right:0}.pv-callout.k2{left:0}
  .pv-hbento{grid-template-rows:130px 130px}
  .pv-story{grid-template-columns:1fr}
  .pv-sec{padding:min(var(--pad),40px) 18px 0}
  .pv-cats{grid-template-columns:repeat(3,1fr);gap:10px}
  .pv-cat{font-size:14px}
  .pv-grid,.pv[data-grid="g3"] .pv-grid,.pv[data-grid="masonry"] .pv-grid,.pv[data-grid="bento"] .pv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .pv[data-grid="g3"] .pv-card:nth-child(4){display:flex}
  .pv[data-grid="masonry"] .pv-card:nth-child(3){margin-top:0}
  .pv[data-grid="bento"] .pv-card:first-child{grid-column:span 2;grid-row:auto}
  .pv[data-grid="rail"] .pv-card{flex-basis:62%}
  .pv[data-grid="list"] .pv-grid{grid-template-columns:1fr}
  .pv-card-b .pv-btn--card{min-height:40px}
  .pv-feats{grid-template-columns:1fr;gap:10px}
  .pv-news{margin:36px 18px 0;padding:22px;flex-direction:column;align-items:stretch}
  .pv-news-f{min-width:0;max-width:none;flex-direction:column}
  .pv-ft{padding:30px 18px 36px}
  .pv-ft-cols{gap:24px}
  .pv[data-structure="asym"] .pv-sec:nth-of-type(odd),.pv[data-structure="asym"] .pv-sec:nth-of-type(even){padding-inline:18px}
  .pv[data-structure="asym"] .pv-cats{grid-template-columns:repeat(3,1fr)}
  .pv[data-structure="modular"] .pv-sec{margin:12px 12px 0;padding:18px 14px}
  .pv[data-structure="grid12"] .pv-in::before{inset:0 18px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--t-primary) 9%,transparent) 0 calc((100% - 3 * 12px) / 4),transparent 0 calc((100% - 3 * 12px) / 4 + 12px))}
  .pv-chat{max-width:none}
}

/* display and handwritten heading fonts stay on big headings only; small labels use the readable body font */
.pv--disp .pv-pn,.pv--disp .pv-cat,.pv--disp .pv-tile b,.pv--disp .pv-quote blockquote{font-family:var(--t-body),sans-serif;font-weight:700}
.pv[data-btn="neon"] .pv-btn--b{color:var(--t-text);border-color:var(--t-text);text-shadow:none;box-shadow:0 0 10px color-mix(in srgb,var(--t-secondary) 70%,transparent)}

/* ===== blueprint sections (home + product page) ===== */
.pv-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 34px;padding:14px var(--pad);border-block:var(--t-bw) solid var(--t-line);font-size:14px;font-weight:600;background:var(--t-surface)}
.pv-trust span{display:inline-flex;align-items:center;gap:8px}
.pv-trust .ic{width:18px;height:18px;color:var(--t-primary)}
.pv-bens{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
.pv-ben{display:flex;flex-direction:column;gap:6px;background:var(--t-surface);border:var(--t-bw) solid var(--t-line);border-radius:var(--t-r);padding:18px}
.pv-ben b{font-family:var(--t-head),sans-serif;font-weight:min(var(--t-hw),700);font-size:17px}
.pv-ben span{font-size:14px;color:var(--t-muted)}
.pv[data-card="neu"] .pv-ben,.pv[data-card="neu"] .pv-rev,.pv[data-card="neu"] .pv-tier{background:var(--t-bg);border:0;box-shadow:var(--sh)}
.pv[data-card="clay"] .pv-ben,.pv[data-card="clay"] .pv-rev{border:0;box-shadow:var(--sh);border-radius:max(var(--t-r),22px)}
.pv[data-card="brutal"] .pv-ben,.pv[data-card="brutal"] .pv-rev,.pv[data-card="brutal"] .pv-tier{border:3px solid var(--t-text);box-shadow:4px 4px 0 var(--t-text);border-radius:0}
.pv[data-card="glass"] .pv-ben,.pv[data-card="glass"] .pv-rev{background:color-mix(in srgb,var(--t-surface) 40%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.pv-products .pv-cats{margin-top:var(--gap)}
.pv-why{display:grid;grid-template-columns:1.3fr 1fr;gap:34px;align-items:center;background:var(--t-secondary);border-radius:var(--t-r);padding:34px;border:var(--t-bw) solid var(--t-line)}
.pv-steps{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.pv-steps li{display:flex;gap:12px;align-items:center;font-size:16px}
.pv-steps b{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--t-primary);color:var(--t-on);font-size:14px}
.pv-stats{display:grid;gap:12px}
.pv-stats div{display:flex;align-items:baseline;gap:10px}
.pv-stats b{font-family:var(--t-head),sans-serif;font-weight:var(--t-hw);font-size:42px;line-height:1;color:var(--t-text)}
.pv-stats span{font-size:14px}
.pv-revs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.pv-rev{margin:0;display:flex;flex-direction:column;gap:8px;background:var(--t-surface);border:var(--t-bw) solid var(--t-line);border-radius:var(--t-r);padding:18px}
.pv-rev blockquote{margin:0;font-size:16px;line-height:1.5}
.pv-rev figcaption{font-size:13px;color:var(--t-muted)}
.pv-blog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.pv-post{display:flex;flex-direction:column;gap:6px}
.pv-post b{font-family:var(--t-head),sans-serif;font-weight:min(var(--t-hw),700);font-size:17px;line-height:1.3}
.pv--disp .pv-post b,.pv--disp .pv-ben b{font-family:var(--t-body),sans-serif}
.pv-post span{font-size:13px;color:var(--t-muted)}
.pv-img--post{aspect-ratio:16/10}
.pv-faq{display:grid;gap:0;margin-top:14px;max-width:760px}
.pv-q{border-bottom:var(--t-bw) solid var(--t-line);padding:14px 0}
.pv-q b{display:flex;justify-content:space-between;gap:12px;font-size:16px}
.pv-q i{font-style:normal;color:var(--t-primary)}
.pv-q span{display:block;margin-top:6px;color:var(--t-muted);font-size:15px}
.pv-close{margin:var(--pad) var(--pad) 0;padding:40px;border-radius:var(--t-r);background:var(--t-text);color:var(--t-bg);text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.pv-close .pv-h2{color:var(--t-bg);max-width:22em}
.pv-close p{margin:0;opacity:.85}
.pv-close .pv-ctas{justify-content:center;align-items:center}
.pv-close .pv-btn--b{color:var(--t-bg)}
.pv-close .pv-news-f{min-width:0;max-width:360px}
.pv[data-btn="underline"] .pv-close .pv-btn{color:var(--t-bg)!important}
/* product page */
.pv-pdp{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;padding:var(--pad);align-items:start}
.pv-gal{display:grid;gap:10px}
.pv-img--main{aspect-ratio:1}
.pv-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.pv-img--th{aspect-ratio:1;opacity:.7}.pv-img--th.on{opacity:1;outline:2px solid var(--t-primary);outline-offset:2px}
.pv-img--th .pv-glyph{display:none}
.pv-bb{display:flex;flex-direction:column;gap:12px}
.pv-h1--pdp{font-size:min(calc(var(--t-h1) * .72),7cqi);margin:0}
.pv-bul{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:15px}
.pv-bul li{display:flex;gap:8px;align-items:center}
.pv-bul-i{width:16px!important;height:16px!important;color:var(--t-primary)}
.pv-tiers{display:grid;gap:8px}
.pv-tier{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:2px 10px;align-items:center;border:max(var(--t-bw),1px) solid var(--t-line);border-radius:var(--t-r);padding:12px 14px;background:var(--t-surface)}
.pv-tier.on{border-color:var(--t-primary);box-shadow:0 0 0 1px var(--t-primary)}
.pv-rd{grid-row:span 2;width:18px;height:18px;border-radius:50%;border:2px solid var(--t-line)}
.pv-tier.on .pv-rd{border:6px solid var(--t-primary)}
.pv-tier b{font-size:15px}
.pv-tier em{font-style:normal;font-size:12px;font-weight:800;background:var(--t-primary);color:var(--t-on);padding:2px 8px;border-radius:999px;justify-self:start}
.pv-tp{grid-column:3;grid-row:1;font-weight:800}
.pv-tp s{font-weight:400;color:var(--t-muted);font-size:13px}
.pv-tier small{grid-column:2/4;color:var(--t-muted);font-size:13px}
.pv-anchor{margin:0;font-size:14px;color:var(--t-muted)}
.pv-btn--wide{width:100%;min-height:54px;font-size:17px}
.pv-eta{display:flex;gap:8px;align-items:center;margin:0;font-size:14px}
.pv-eta .ic{width:18px;height:18px;color:var(--t-primary)}
.pv-acc{display:grid;border-top:var(--t-bw) solid var(--t-line)}
.pv-acc b{padding:12px 0;border-bottom:var(--t-bw) solid var(--t-line);font-size:15px;display:flex;justify-content:space-between}
.pv-acc b::after{content:"+";color:var(--t-primary)}
.pv-split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
.pv-img--split{aspect-ratio:4/3}
.pv-cmpw{overflow-x:auto;margin-top:14px}
.pv-cmp{width:100%;border-collapse:collapse;font-size:15px;min-width:420px}
.pv-cmp th,.pv-cmp td{padding:12px;border-bottom:var(--t-bw) solid var(--t-line);text-align:start}
.pv-cmp tr:first-child th{font-weight:800}
.pv-cmp tr:first-child th:nth-child(2),.pv-cmp td:nth-child(2){background:color-mix(in srgb,var(--t-primary) 10%,transparent);font-weight:700}
.pv-guar{display:flex;gap:22px;align-items:center;background:var(--t-secondary);border-radius:var(--t-r);padding:30px;border:var(--t-bw) solid var(--t-line)}
.pv-guar-i{width:64px!important;height:64px!important;color:var(--t-primary);stroke-width:1.3!important}
.pv-guar .pv-sub{margin:6px 0 0;color:var(--t-text)}
.pv-sticky{position:sticky;bottom:0;z-index:9;display:flex;align-items:center;gap:12px;padding:10px var(--pad);background:var(--t-surface);border-top:var(--t-bw) solid var(--t-line);box-shadow:0 -8px 24px rgba(0,0,0,.08)}
.pv-sticky b{flex:1;font-size:15px}
.pv-sticky .pv-btn{min-height:44px;padding:10px 20px}
@container pv (max-width:640px){
  .pv-trust{gap:8px 16px;padding:12px 18px;font-size:13px;justify-content:flex-start}
  .pv-bens{grid-template-columns:1fr 1fr;gap:10px}
  .pv-why{grid-template-columns:1fr;padding:22px}
  .pv-revs,.pv-blog{grid-template-columns:1fr}
  .pv-close{margin:36px 18px 0;padding:26px 18px}
  .pv-close .pv-ctas{width:100%}
  .pv-pdp{grid-template-columns:1fr;gap:20px;padding:18px}
  .pv-split{grid-template-columns:1fr;gap:18px}
  .pv-guar{flex-direction:column;align-items:flex-start;padding:22px}
  .pv-sticky{padding:10px 14px}
  .pv-sticky .pv-img--sm{display:none}
}
/* the closing band is inverted: buttons there always use the page colours so any button style stays readable */
.pv-close .pv-btn--a{background:var(--t-bg)!important;color:var(--t-text)!important;border-color:var(--t-bg)!important;text-shadow:none;box-shadow:none}
.pv-close .pv-btn--b{background:transparent!important;color:var(--t-bg)!important;border-color:var(--t-bg)!important;text-shadow:none;box-shadow:none}
.pv[data-btn="neon"] .pv-hero .pv-btn{background:color-mix(in srgb,var(--t-bg) 72%,transparent)}
.pv[data-btn="bevel"] .pv-btn{border-radius:0;border:2px solid;border-color:#fff #555 #555 #fff;box-shadow:1px 1px 0 #000}
.pv[data-btn="bevel"] .pv-btn--b{background:var(--t-surface);color:var(--t-text)}
.pv-hsearch{flex:1;max-width:560px;display:flex;align-items:center;gap:8px;background:var(--t-bg);color:var(--t-muted);border:2px solid var(--t-primary);border-radius:var(--t-r);padding:0 0 0 0;overflow:hidden;font-size:14px}
.pv-hsearch .ic{margin-inline-start:12px;width:18px;height:18px}
.pv-hsearch span{flex:1;padding:10px 0}
.pv-hsearch b{background:var(--t-primary);color:var(--t-on);padding:11px 18px}
.pv[data-header="search"] .pv-hd{flex-wrap:wrap}
.pv[data-header="search"] .pv-nav{order:5;flex-basis:100%;font-size:14px}
.pv[data-header="bar"] .pv-hsearch,.pv[data-header="search"].pv--dark .pv-hsearch{border-color:var(--t-on)}
@container pv (max-width:640px){ .pv[data-header="search"] .pv-hsearch{order:6;flex-basis:100%;max-width:none} .pv[data-header="search"] .pv-nav{display:none} }
.pv-hbento{grid-template-columns:1.3fr 1fr 1fr;grid-template-areas:"a b c" "a d d"}
.pv-hbento .b1{grid-area:a}.pv-hbento .b2{grid-area:b}.pv-hbento .b3{grid-area:c}.pv-hbento .b4{grid-area:d}

/* ===================== live storefront additions (the shop's real photos, links and answers) ===================== */
.pv--live{font-size:17px}
.pv--live .pv-img--photo{background:var(--t-surface)}
.pv--live .pv-img--photo>img,.pv--live .pv-img--photo>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.pv--live .pv-card-img,.pv--live .pv-cat,.pv--live .pv-post{display:block}
.pv--live .pv-post{display:flex;flex-direction:column;gap:8px}
.pv--live .pv-post span{color:var(--t-muted);font-size:15px}
.pv--live .pv-q summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:12px;font-size:17px}
.pv--live .pv-q summary::-webkit-details-marker{display:none}
.pv--live .pv-q summary::after{content:"+";color:var(--t-primary);font-weight:700}
.pv--live .pv-q[open] summary::after{content:"−"}
.pv--live .pv-qa{margin-top:8px;color:var(--t-muted);font-size:16px}
.pv--live .pv-qa p{margin:0 0 8px}
.pv--live .pv-sub p{margin:0 0 10px}
.pv--live a:focus-visible,.pv--live summary:focus-visible{outline:2px solid var(--t-primary);outline-offset:3px;border-radius:4px}
.pv--live .pv-rev figcaption{color:var(--t-muted)}
.pv--live .pv-close{margin-bottom:0}