/** Shopify CDN: Minification failed

Line 68:0 Unexpected "{"
Line 1438:0 Unexpected "<"
Line 1500:0 Unexpected "<"

**/
:root{
--ink:#0F172A; --muted:#475569; --bg:#F8FAFF; --card:#FFFFFF; --bd:#E5E7EB;
--primary:#334BFF; --primary-600:#3C5BFF; --accent:#FFD15A; --ok:#18A957;
--radius:16px; --shadow:0 8px 28px rgba(15,23,42,.06)
}
html,body{overflow-x:hidden}
img,video{max-width:100%;height:auto;display:block}
#pdpx,#pdpx .wrap{overflow-x:hidden}
#pdpx{font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink)}
#pdpx .wrap{max-width:1100px;margin:auto;padding:12px clamp(12px,3vw,24px)}
h1,h2{line-height:1.12;margin:0 0 10px}
h1{font-size:32px;letter-spacing:-.02em}
h2{font-size:22px;margin-top:18px}
.sub{color:var(--muted);font-size:14px}
.price-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0 2px}
.price-now{font-weight:900;font-size:30px}
.price-was{color:#94A3B8;text-decoration:line-through}
.sale-pill{padding:6px 10px;border-radius:999px;border:1.5px solid var(--primary);color:var(--primary);font-weight:800;font-size:12px}
.stars{display:flex;align-items:center;gap:8px;margin-top:6px}
.stars .set{display:inline-flex;gap:2px}
.stars svg{width:16px;height:16px;color:#FFC83D}
.stars .count{color:#64748B;font-size:14px}
.lead-bullets{display:grid;grid-template-columns:1fr;gap:8px;margin:8px 0 12px}
.lead-bullets .li{
width:100%;padding:8px 12px;border:1.25px solid #CBD5FF;border-radius:12px;background:#F7FAFF;
display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;line-height:1.25;color:#0F172A;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 1px 6px rgba(51,75,255,.04)
}
.lead-bullets .dot{width:8px;height:8px;border-radius:50%;background:#334BFF;flex:none}
@media (min-width:900px){ .lead-bullets{grid-template-columns:repeat(3,1fr)} }
.card{background:var(--card);border:1px solid var(--bd);border-radius:var(--radius);box-shadow:var(--shadow)}
.buy{padding:16px}
.divider{display:flex;align-items:center;gap:10px;color:#142261;font-weight:900;margin:12px 0 10px}
.divider::before,.divider::after{content:"";height:1px;flex:1;background:#CBD5FF}
.bundles{display:grid;gap:8px}
.bundle{position:relative;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1.25px solid #E2E8F0;border-radius:12px;background:#FBFDFF;column-gap:10px}
.bundle:hover{border-color:var(--primary)}
.bundle.active{border-color:var(--primary);box-shadow:0 0 0 3px rgba(51,75,255,.12);background:#fff}
.b-left{display:flex;align-items:center;gap:10px;min-width:0}
.radio{width:15px;height:15px;border:2px solid #94A3B8;border-radius:999px;position:relative;flex:none}
.bundle.active .radio{border-color:var(--primary)}
.bundle.active .radio::after{content:"";position:absolute;inset:3px;border-radius:999px;background:var(--primary)}
.b-title{font-size:14px;font-weight:900}
.b-sub{font-size:11px;color:var(--muted);margin-top:2px}
.b-right{display:flex;align-items:center;gap:10px}
.b-prices{display:flex;flex-direction:column;align-items:flex-end;line-height:1}
.b-prices .now{font-size:14px;font-weight:900}
.b-prices .was{font-size:10px;color:#94A3B8;text-decoration:line-through}
.ribbon{position:absolute;right:12px;top:-4px;padding:1px 6px;border-radius:7px;font-size:9px;font-weight:900;color:#fff}
.ribbon.pop{background:var(--primary)} .ribbon.value{background:var(--ok)}
.badge{font-size:9.5px;font-weight:800;padding:2px 6px;border-radius:999px;background:#E6ECFF;color:#1B2A7A}
.cta{margin-top:14px}
.btn{width:100%;display:inline-flex;justify-content:center;align-items:center;gap:10px;border:none;border-radius:16px;padding:16px;background:var(--primary);color:#fff;font-weight:900;font-size:16px;cursor:pointer}
.btn .svg{width:18px;height:18px}
.note{margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--bg);border:1px dashed #CBD5F1;font-size:13px}
.stack{margin-top:22px}
.strip{margin:10px 0 14px;padding:12px;border:1px solid var(--bd);border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:900}
.strip .stars svg{width:14px;height:14px;color:#FFC83D}
.as-seen{display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:center;margin:8px 0 16px}
.as-seen .logo{height:22px;opacity:.7;filter:grayscale(1)} .as-seen .logo img{height:100%;display:block}
{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}
.story .lead{font-weight:600}
.story .hl{background:linear-gradient(180deg,transparent 60%,#E8EDFF 60%)}
.muted{color:#64748B}
.feats{display:grid;gap:16px;margin-top:16px}
.feat{display:grid;grid-template-columns:1fr;gap:12px;align-items:center}
@media(min-width:900px){.feat{grid-template-columns:1.25fr 1fr}}
.fig{border:1px dashed #CBD5FF;border-radius:14px;overflow:hidden;background:#EEF2FF;min-height:230px;display:grid;place-items:center;color:#1C2CFF}
.fig img,.fig video{width:100%;height:100%;object-fit:cover}
.fcopy{background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:14px}
.fcopy h3{margin:0 0 6px;font-size:18px}
.fcopy ul{margin:8px 0 0 18px;color:#475569;font-size:14px}
.fcopy li{margin:4px 0}
#pdpx .fcopy ul{list-style:disc;list-style-position:outside;margin-left:1.25rem}
#pdpx .fcopy li{display:list-item;line-height:1.55}
.ba{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.ba .bslot{border:1px dashed #CBD5FF;border-radius:14px;min-height:200px;background:#EEF2FF;display:grid;place-items:center}
.ba .lbl{text-align:center;margin-top:6px;color:#475569}
.collage{margin-top:18px}
.collage .wrap{border:1px solid var(--bd);border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}
.collage img{width:100%;display:block;aspect-ratio:1/1;object-fit:cover;background:#EEF2FF}
.collage .cap{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px;font-weight:900}
.collage .stars{display:inline-flex;gap:2px}
.collage .stars svg{width:16px;height:16px;color:#FFC83D}
.collage .sub{color:#475569;font-weight:800}
.clin{margin-top:16px;padding:14px;border:1px solid #C7D2FE;border-radius:14px;background:linear-gradient(0deg,#F7FAFF,#fff)}
.clin .row{display:flex;gap:10px;align-items:center}
.clin .avatar{width:40px;height:40px;border-radius:50%;background:#E2E8F0}
.clin .name{font-weight:900}
.trust{margin-top:16px;display:grid;gap:10px}
@media(min-width:760px){.trust{grid-template-columns:repeat(4,1fr)}}
.tcard{padding:12px;border:1px solid var(--bd);border-radius:12px;background:#fff}
.tcard .tt{font-weight:800}
.faq{margin-top:18px}
.ac{border:1px solid var(--bd);border-radius:12px;overflow:hidden}
.ai + .ai{border-top:1px solid var(--bd)}
.ab{width:100%;text-align:left;padding:18px;background:#fff;border:0;font-weight:900;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:17px}
.acont{max-height:0;overflow:hidden;transition:max-height .25s ease}
.ai.open .acont{max-height:420px}
.ai .sub{font-size:15px}
.sticky{position:fixed;left:0;right:0;bottom:-90px;z-index:9999;transition:bottom .25s ease}
.sticky.show{bottom:calc(env(safe-area-inset-bottom))}
.sticky .inner{background:#fff;border-top:1px solid #CBD5FF;box-shadow:0 -10px 24px rgba(15,23,42,.10)}
.sticky .bar{height:64px;display:flex;align-items:center}
.sticky .wrap{max-width:1100px;margin:0 auto;padding:0 14px}
.sticky .title{font-weight:900;color:var(--ink);margin-right:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky .sprice{font-weight:900;color:var(--primary);margin-right:12px}
.sticky .sbtn{margin-left:auto;background:var(--primary);color:#fff;border:none;cursor:pointer;border-radius:12px;padding:10px 14px;font-weight:900;display:inline-flex;gap:8px;align-items:center}
.sticky .sbtn svg{width:18px;height:18px}
@media (max-width:420px){ .sticky .title{display:none} .sticky .sprice{margin-right:8px} }
body.sticky-on #pdpx .wrap{padding-bottom:80px}
.microcopy{margin:8px 0 16px;color:#334155;font-size:14px;line-height:1.55}
.proof{ margin-top:16px; }
.proof-collage{
margin:0;
border:1px solid var(--bd);
border-radius:16px;
overflow:hidden;
background:#EFF3FF;
}
.proof-collage img{
display:block;
width:100%;
height:auto;
}
.proofMeta{ display:none !important; }
.proofCard{ margin-bottom:0 !important; }
.reviews-xl{ margin-top:22px }
.reviews-xl h2{ margin:0 0 14px }
.reviews-xl .rev-pages{
border:1px solid var(--bd);
border-radius:16px;
background:#fff;
box-shadow:var(--shadow);
padding:14px;
}
.reviews-xl .rev-page{ display:none; grid-template-columns:1fr; gap:12px }
.reviews-xl .rev-page.on{ display:grid }
@media(min-width:760px){ .reviews-xl .rev-page{ grid-template-columns:repeat(2,1fr) } }
@media(min-width:1060px){ .reviews-xl .rev-page{ grid-template-columns:repeat(3,1fr) } }
.rev-card{
border:1px solid #E2E8F0; border-radius:14px; background:#FBFDFF;
padding:12px;
}
.rev-head{ display:flex; align-items:center; gap:10px; margin-bottom:6px }
.ava{
width:40px;height:40px;border-radius:50%;
display:grid;place-items:center;
background:#E6ECFF;color:#1B2A7A;font-weight:900
}
.name{ font-weight:900 }
.meta .badge{
font-size:11px;font-weight:800;padding:2px 6px;border-radius:999px;
background:#E6ECFF;color:#1B2A7A
}
.rev-stars{ display:inline-flex; gap:2px; margin:2px 0 6px }
.rev-stars svg{ width:16px;height:16px;color:#FFC83D }
.rev-stars svg.off{ color:#E2E8F0 }
.rev-text{ color:#334155; line-height:1.55 }
.rev-nav{ display:flex; align-items:center; justify-content:center; gap:10px; margin-top:12px }
.rev-btn{
width:36px;height:36px;border-radius:10px;border:1px solid #CBD5FF;background:#fff;
color:#334BFF;font-weight:900;cursor:pointer
}
.rev-dots{ display:inline-flex; gap:8px }
.rev-dot{
width:8px;height:8px;border-radius:999px;border:1.5px solid #334BFF;background:#fff;cursor:pointer
}
.rev-dot.on{ background:#334BFF }
#pdpx .fcopy{ text-align:left !important; }
#pdpx .fcopy ul{
list-style: disc;
list-style-position: outside;
margin: 8px 0 0 !important;
padding-left: 1.05rem !important;
}
#pdpx .fcopy li{
display:list-item;
text-align:left !important;
line-height:1.55;
}
.trust{ display:none !important; }
.trust-pills{
display:flex; flex-wrap:wrap; gap:10px;
margin: 14px 0 8px;
}
.tpill{
display:inline-flex; align-items:center; gap:8px;
padding:10px 12px; border:1px solid #CBD5FF;
background:#F7FAFF; border-radius:999px;
font-weight:800; color:#0F172A;
}
.tpill svg{ width:18px; height:18px; color:#18A957; }
.stitle{
display:flex; align-items:center; justify-content:center; gap:12px;
text-align:center; margin:20px 0 12px; font-size:24px; letter-spacing:-.01em;
}
.stitle::before,.stitle::after{
content:""; height:1px; flex:1; background:#CBD5FF;
}
.stitle span{
font-weight:900; color:#0F172A; background:#fff; padding:2px 10px; border-radius:10px;
border:1px solid #E5E7EB;
}
.reviews{ margin-top: 8px !important; margin-bottom: 12px !important; }
.faq{ margin-top: 10px !important; }
.trust{ display:none !important; }
.trustV2{
display:grid; gap:12px; margin:16px 0 6px;
grid-template-columns:1fr;
}
@media (min-width:720px){ .trustV2{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:1024px){ .trustV2{ grid-template-columns:repeat(4,1fr); } }
.t2{
display:flex; gap:12px; align-items:flex-start;
padding:14px; background:#fff;
border:1px solid var(--bd); border-radius:14px;
box-shadow:0 6px 22px rgba(15,23,42,.04);
height:100%;
}
.t2 .i{
width:36px; height:36px; border-radius:10px; flex:none;
display:grid; place-items:center;
background:#EEF2FF; border:1px solid #CBD5FF; color:#334BFF;
}
.t2 .i svg{ width:20px; height:20px; }
.t2 .tt{ font-weight:900; color:#0F172A; }
.t2 .sub{ font-size:14px; color:#475569; margin-top:2px; }
.collage .wrap{ position:relative; }
.collage img{
display:block; width:100%; height:auto;
border-radius:14px; border:1px solid #E6ECFF; background:#F7FAFF;
}
.collage .cap{
position:absolute; right:12px; bottom:12px;
background:rgba(255,255,255,.95);
border:1px solid #E5E7EB; border-radius:12px;
padding:6px 10px; display:flex; align-items:center; gap:8px;
box-shadow:0 8px 20px rgba(15,23,42,.10);
}
.collage .cap .stars{ display:inline-flex; gap:2px; }
.collage .cap .stars svg{ width:14px; height:14px; color:#FFC83D; }
.collage .cap .sub{ font-weight:800; color:#0F172A; font-size:13px; }
.strip{
padding:6px 0; margin:6px 0 12px;
background:transparent; border:0;
font-weight:800; color:#0F172A;
}
.strip .stars svg{ width:16px; height:16px; }
.section-pill{
display:flex; align-items:center; justify-content:center;
gap:12px; margin:18px 0 12px;
}
.section-pill::before,.section-pill::after{
content:""; height:1px; flex:1; background:#CBD5FF;
}
.section-pill span{
display:inline-block; padding:8px 14px; border:1px solid #CBD5FF;
border-radius:999px; background:#fff; font-weight:900; color:#0F172A;
}
.cover-slider{ position:relative; width:100%; height:100%; background:#EEF2FF; border-radius:14px; overflow:hidden; }
.cover-slider .track{
display:flex; width:100%; height:100%; overflow-x:auto; scroll-snap-type:x mandatory;
scroll-behavior:smooth; -webkit-overflow-scrolling:touch;
}
.cover-slider .track::-webkit-scrollbar{ display:none; }
.cover-slider .slide{
min-width:100%; height:100%; position:relative; scroll-snap-align:center;
display:grid; place-items:center; background:#F5F7FF;
}
.cover-slider img{ width:100%; height:100%; object-fit:cover; display:block; }
.cover-slider figcaption{
position:absolute; left:12px; bottom:12px;
padding:6px 10px; border:1px solid #CBD5FF; background:#fff; border-radius:999px;
font-weight:900; color:#0F172A; font-size:12px;
}
.cover-slider .nav{
position:absolute; top:50%; transform:translateY(-50%);
width:40px; height:40px; border-radius:999px; background:#fff; border:1px solid #CBD5FF;
display:grid; place-items:center; cursor:pointer; box-shadow:0 4px 14px rgba(15,23,42,.08);
}
.cover-slider .nav svg{ width:20px; height:20px; color:var(--primary,#334BFF); }
.cover-slider .nav.prev{ left:10px; }
.cover-slider .nav.next{ right:10px; }
.cover-slider .nav:active{ transform:translateY(-50%) scale(.98); }
.lead-bullets{
display:grid;
grid-template-columns:1fr;
gap:8px;
margin:8px 0 12px;
}
.lead-bullets .li{
width:100%;
padding:10px 12px;
border:1.25px solid #CBD5FF;
border-radius:12px;
background:#F7FAFF;
display:flex;
align-items:flex-start;
gap:10px;
font-size:14px;
font-weight:800;
line-height:1.28;
color:#0F172A;
box-shadow:0 1px 6px rgba(51,75,255,.04);
}
.lead-bullets .dot{
width:8px;height:8px;border-radius:50%;
background:#334BFF;flex:none;margin-top:6px;
}
.lead-bullets .t{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}
@media (min-width:900px){
.lead-bullets{ grid-template-columns:repeat(3,1fr) }
}
.lead-bullets .li{
align-items: flex-start;
white-space: normal !important;
gap: 10px;
}
.lead-bullets .dot{
margin-top: 6px;
}
.lead-bullets .t{
flex: 1;
min-width: 0;
white-space: normal !important;
word-break: break-word;
hyphens: auto;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 1.28;
}
@media (max-width: 420px){
.lead-bullets .li{ font-size: 13.5px; }
}
.compare-intro{
border:1px solid #CBD5FF;
border-radius:14px;
padding:16px;
background:linear-gradient(180deg,#F7FAFF 0%,#FFFFFF 100%);
box-shadow:0 8px 28px rgba(15,23,42,.06);
margin-bottom:12px;
}
.compare-intro h3{ margin:0 0 6px; font-size:20px; font-weight:900; }
.compare-intro p{ margin:0 0 10px; color:#475569; }
.mini-points{ list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.mini-points li{ display:flex; align-items:flex-start; gap:8px; font-weight:700; color:#0F172A; }
.mini-points svg{ width:18px; height:18px; color:var(--ok); flex:none; margin-top:2px; }
.compare-block{
border:1px solid var(--bd);
border-radius:14px;
background:#fff;
overflow:hidden;
box-shadow:0 8px 28px rgba(15,23,42,.06);
}
.compare-block img{ width:100%; height:auto; display:block; }
.compare-block .hint{
padding:10px 12px; font-size:13px; color:#475569; border-top:1px solid #E5E7EB;
}
.footnote.sub{ margin-top:8px; font-size:12px; color:#64748B; }
#pdpx .collective{
margin:18px 0;
padding:16px;
border:1px solid #CBD5FF;
border-radius:16px;
background:linear-gradient(0deg,#F8FAFF,#FFFFFF);
}
#pdpx .collective h2{
margin:0 0 12px;
font-size:22px;
line-height:1.15;
}
#pdpx .kpis{display:grid;gap:12px}
@media(min-width:700px){#pdpx .kpis{grid-template-columns:1fr}}
#pdpx .kpi{
display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;
padding:18px;border:1px solid #E5E7EB;border-radius:14px;background:#fff;
}
#pdpx .kpi + .kpi{margin-top:8px}
#pdpx .kpi .num{
font-weight:900;
font-size:44px; line-height:1;
color:var(--primary,#334BFF);
min-width:88px;
}
#pdpx .kpi .cap{color:#0F172A;font-size:18px;line-height:1.35}
#pdpx .kpi .cap small{display:block;color:#64748B;font-size:15px;margin-top:8px}
#pdpx .kpi-note{
margin-top:10px;color:#64748B;font-size:14px;
}
.compare-intro h3{
font-size: clamp(22px, 5.2vw, 30px);
line-height: 1.15;
letter-spacing: -0.01em;
}
@media (max-width: 390px){
.compare-intro h3{ font-size: 20px; }
}
@media (max-width: 340px){
.compare-intro h3{ font-size: 18px; }
}
.brand-video { padding: 10px 0 6px; }
.brand-video .wrap { max-width: 760px; margin: 0 auto; padding: 0 12px; }
.bv-title{
text-align:center;
font-weight:800;
letter-spacing:.2px;
margin: 0 0 12px;
font-size: clamp(24px, 5.6vw, 36px);
}
.bv-frame{
position: relative;
border-radius: 22px;
overflow: hidden;
background: #000;
}
.brand-video .wrap { padding-inline: 8px; }
.bv-frame video{
display:block;
width:100%;
height:auto;
aspect-ratio: 16 / 9;
object-fit: cover;
}
.bv-play{
position:absolute; inset:0;
margin:auto; width:86px; height:86px;
border-radius:999px; border:0;
background:#fff;
display:flex; align-items:center; justify-content:center;
box-shadow:0 6px 20px rgba(0,0,0,.25);
cursor:pointer;
transition: transform .15s ease;
}
.bv-play:active{ transform: scale(.98); }
.bv-play.is-hidden{ display:none; }
@media (min-width:768px){
.brand-video .wrap{ max-width: 900px; }
.bv-frame{ border-radius: 24px; }
}
#pdpx{ margin-top:16px; }
#pdpx h1{ margin-top:8px; }
@media (max-width:768px){
#pdpx{ margin-top:10px; }
#pdpx h1{ margin-top:6px; }
}
.story{ margin-top:24px; }
.feats{ display:flex; flex-direction:column; gap:24px; }
.section-pill{
display:flex; align-items:center; gap:24px; margin:28px 0 16px;
}
.section-pill::before, .section-pill::after{
content:""; height:1px; background:#D9E2FF; flex:1 1 auto;
}
.section-pill>span{
padding:12px 24px; border:1.6px solid #D9E2FF; border-radius:999px; background:#fff;
font-weight:800; letter-spacing:.2px; line-height:1;
box-shadow:0 8px 24px rgba(59,90,255,.08);
}
#coverSlider{ position:relative; border-radius:16px; background:#F7F9FF; overflow:hidden; }
#coverSlider .track{
display:flex; gap:12px; overflow-x:auto; overflow-y:hidden;
scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
touch-action:pan-x; overscroll-behavior-x:contain; overscroll-behavior-y:none;
padding:12px;
}
#coverSlider .track::-webkit-scrollbar{ display:none; }
#coverSlider .slide{ flex:0 0 100%; scroll-snap-align:center; position:relative; border-radius:12px; overflow:hidden; background:#fff; }
#coverSlider .slide img{ width:100%; height:100%; object-fit:cover; display:block; }
#coverSlider .slide figcaption{
position:absolute; left:12px; bottom:12px; padding:8px 12px; background:#fff; border:1.6px solid #D9E2FF; border-radius:999px;
font-weight:800; box-shadow:0 8px 24px rgba(59,90,255,.08);
}
#coverSlider .nav{
position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px;
display:grid; place-items:center; border-radius:999px; border:1.6px solid #D9E2FF; background:#fff;
box-shadow:0 8px 24px rgba(59,90,255,.08); cursor:pointer;
}
#coverSlider .prev{ left:12px; }  #coverSlider .next{ right:12px; }
.trustV2 .t2{ display:flex; align-items:flex-start; gap:12px; }
.trustV2 .i{
width:44px; height:44px; display:grid; place-items:center;
border:1.6px solid #D9E2FF; border-radius:12px; background:#fff;
box-shadow:0 8px 24px rgba(59,90,255,.08);
}
.trustV2 .i svg{ width:22px; height:22px; }
#brand-video{ margin-bottom:24px; }
.faq{ margin-top:0; margin-bottom:24px; }
.collage .stitle{
display:flex; align-items:center; gap:24px; margin:32px 0 16px; font-weight:800;
}
.collage .stitle::before, .collage .stitle::after{
content:""; height:1px; background:#D9E2FF; flex:1 1 auto;
}
.collage .stitle>span{
padding:12px 24px; border:1.6px solid #D9E2FF; border-radius:999px; background:#fff;
box-shadow:0 8px 24px rgba(59,90,255,.08);
}
.shopify-section:has(+ #pdpx){
padding-bottom: 8px !important;
margin-bottom: 8px !important;
}
.product__media,
.product__media-wrapper,
.product__media-list,
.product-media,
.product-media--container,
.media-gallery,
.thumbnail-slider,
.product-gallery,
.product-grid__media{
margin-bottom: 8px !important;
}
#pdpx{ margin-top: 8px !important; }
#pdpx .wrap > *:first-child{ margin-top: 0 !important; }
#pdpx{
margin-top: -28px !important;
padding-top: 0 !important;
}
#pdpx .wrap{ margin-top: 0 !important; padding-top: 0 !important; }
#pdpx h1{ margin-top: 6px !important; }
#pdpx .stars{ margin-top: 6px !important; }
#pdpx .price-row{ margin-top: 10px !important; }
@media (min-width: 768px){
#pdpx{ margin-top: -36px !important; }
}
@media (min-width: 1200px){
#pdpx{ margin-top: -44px !important; }
}
.section-pill{
display:flex; align-items:center; gap:12px;
margin:12px 0 8px;
}
.section-pill::before,
.section-pill::after{ content:""; height:1px; background:#E6EDFF; flex:1 1 auto; }
.section-pill > span{
padding:8px 18px;
border:1.4px solid #D7E1FF;
border-radius:999px;
background:#fff;
box-shadow:0 2px 8px rgba(59,90,255,.06);
font-weight:800; line-height:1; white-space:nowrap;
}
@media (max-width:768px){
.section-pill{ margin:10px 0 6px; gap:10px; }
.section-pill > span{ padding:8px 16px; }
}
.feats .section-pill + .feat{ margin-top: 4px !important; }
.feats{ gap: 16px; }
.section-pill{ padding:0 !important; }
.section-pill + .feat .fig{ margin-top:0 !important; }
.section-pill + .feat .fcopy{ margin-top:8px; }
:root{
--pill-line: #CBD5FF;
--pill-text: #0F172A;
--pill-shadow: 0 10px 26px rgba(59,90,255,.08);
--pill-pad-y: 12px;
--pill-pad-x: 26px;
--pill-fs-min: 20px;
--pill-fs-max: 30px;
}
#pdpx .section-pill{
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:16px !important;
margin:22px 0 12px !important;
padding:0 !important;
}
#pdpx .section-pill::before,
#pdpx .section-pill::after{
content:"" !important;
height:1px !important;
background:var(--pill-line) !important;
flex:1 1 auto !important;
}
#pdpx .section-pill > span{
display:inline-block;
max-width:100%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
padding:var(--pill-pad-y) var(--pill-pad-x) !important;
border:1.6px solid var(--pill-line) !important;
border-radius:9999px !important;
background:#fff !important;
box-shadow:var(--pill-shadow) !important;
color:var(--pill-text) !important;
font-weight:800 !important;
font-size:clamp(var(--pill-fs-min), 2.6vw, var(--pill-fs-max)) !important;
line-height:1 !important;
letter-spacing:.2px !important;
}
#pdpx .section-pill + *{ margin-top:10px !important; }
#pdpx .section-pill.pill--xl > span{
padding:14px 30px !important;
font-size:clamp(22px, 3vw, 32px) !important;
}
#pdpx .section-pill.pill--sm > span{
padding:10px 20px !important;
font-size:clamp(18px, 2.2vw, 24px) !important;
}
@media (max-width:380px){
:root{ --pill-pad-y:10px; --pill-pad-x:20px; --pill-fs-min:18px; }
}
#pdpx .section-pill{
display:flex; align-items:center; justify-content:center;
gap:14px; margin:22px 0 12px;
}
#pdpx .section-pill::before,
#pdpx .section-pill::after{
content:""; height:1px; background:#CBD5FF;
flex:1 1 24px;
}
#pdpx .section-pill > span{
flex:0 1 auto;
min-width:0; max-width:100%;
padding:12px 24px;
border:1.6px solid #CBD5FF; border-radius:9999px; background:#fff;
box-shadow:0 10px 26px rgba(59,90,255,.08);
color:#0F172A; font-weight:800;
font-size:clamp(20px, 2.6vw, 28px);
line-height:1.15;
white-space:normal;
overflow:visible; text-overflow:unset;
text-align:center;
}
@media (max-width:430px){
#pdpx .section-pill{ gap:10px; }
#pdpx .section-pill::before, #pdpx .section-pill::after{ flex-basis:16px; }
#pdpx .section-pill > span{
padding:10px 18px;
font-size:clamp(18px, 5.2vw, 22px);
}
}
#pdpx .section-pill.pill--tight > span{
padding:8px 16px;
font-size:clamp(16px, 4.6vw, 20px);
}
#pdpx .brand-video{
padding: 22px 0 8px !important;
}
@media (min-width:768px){
#pdpx .brand-video{ padding: 28px 0 10px !important; }
}
#pdpx .bv-title{
margin: 0 auto 14px !important;
max-width: 28ch;
text-align: center;
font-weight: 900;
letter-spacing: .01em;
color: var(--ink);
white-space: normal;
line-height: 1.15;
font-size: clamp(24px, 5.2vw, 34px);
}
#pdpx .trustV2{ margin-bottom: 12px !important; }
#pdpx .brand-video{ padding-bottom: 6px !important; margin-bottom: 8px !important; }
#pdpx .faq{ margin-top: 0px !important; }
#pdpx #brand-video{
padding-bottom: 0 !important;
margin-bottom: 2px !important;
}
#pdpx #brand-video .bv-frame{
margin-bottom: 0 !important;
}
#pdpx #brand-video + .faq{
margin-top: 4px !important;
}
#pdpx #brand-video + .faq .section-pill{
margin-top: -60px !important;
margin-bottom: 8px !important;
}
#pdpx .faq{ margin-bottom: 6px !important; }
#pdpx .faq .ac{ margin-bottom: 0 !important; }
#pdpx .faq .ai:last-child{ margin-bottom: 0 !important; }
#pdpx .faq + .reviews-xl{ margin-top: 6px !important; }
#pdpx .reviews-xl{ margin-top: 6px !important; }
#pdpx .reviews-xl .section-pill{
margin: 6px 0 8px !important;
}
#pdpx .reviews-xl .section-pill > span{
padding: 12px 26px !important;
font-size: clamp(22px, 3.2vw, 28px) !important;
line-height: 1.12 !important;
white-space: normal !important;
}
#pdpx .reviews-xl h2,
#pdpx .reviews-xl h2::before,
#pdpx .reviews-xl h2::after{
all: unset !important;
}
#pdpx{ margin-bottom: 6px !important; }
#reviews-xl{ margin-top: 4px !important; }
.shopify-section:has(> #pdpx){
padding-bottom: 6px !important;
margin-bottom: 0 !important;
}
.shopify-section:has(> #reviews-xl){
padding-top: 0 !important;
margin-top: 0 !important;
}
.shopify-section:has(> #pdpx) + .shopify-section{
margin-top: 0 !important;
padding-top: 0 !important;
}
#reviews-xl .section-pill{ margin: 6px 0 8px !important; }
#reviews-xl .section-pill > span{
padding: 12px 26px !important;
font-size: clamp(22px, 3.2vw, 28px) !important;
line-height: 1.12 !important;
white-space: normal !important;
}
@media (max-width: 420px){
#reviews-xl .section-pill > span{
padding: 10px 20px !important;
font-size: clamp(18px, 5.2vw, 22px) !important;
}
}
#pdpx .faq{ margin-bottom: 4px !important; }
#pdpx .faq .ac{ margin-bottom: 0 !important; }
.shopify-section:has(> #pdpx){ padding-bottom: 4px !important; margin-bottom: 0 !important; }
.shopify-section:has(> #reviews-xl){ padding-top: 0 !important; margin-top: 0 !important; }
.shopify-section:has(> #pdpx) + .shopify-section:has(> #reviews-xl){
margin-top: 0 !important; padding-top: 0 !important;
}
#reviews-xl{ margin-top: 0 !important; }
#reviews-xl .section-pill{ margin-top: 2px !important; }
#reviews-xl{ margin-top: -65px !important; }
#reviews-xl .section-pill > span{
padding: 12px 26px !important;
font-size: clamp(22px, 3.2vw, 28px) !important;
line-height: 1.12 !important;
}
#coverSlider, .cover-slider{
border-radius: 16px;
overflow: hidden;
}
#coverSlider .track, .cover-slider .track{
padding: 0 !important;
gap: 0 !important;
overflow-y: hidden;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
touch-action: pan-x;
overscroll-behavior-x: contain;
overscroll-behavior-y: none;
}
#coverSlider .slide, .cover-slider .slide{
flex: 0 0 100%;
min-width: 100%;
aspect-ratio: 16 / 9;
position: relative;
overflow: hidden;
background: #fff;
}
#coverSlider .slide img,
.cover-slider .slide img,
#coverSlider .slide picture,
.cover-slider .slide picture{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
#coverSlider .slide figcaption,
.cover-slider .slide figcaption{
position: absolute;
left: 12px;
bottom: 12px;
padding: 6px 10px;
border: 1.5px solid #D9E2FF;
background: #fff;
border-radius: 999px;
font-weight: 800;
}
#coverSlider .nav, .cover-slider .nav{ top: 50%; transform: translateY(-50%); }
#coverSlider figure,
.cover-slider figure,
#coverSlider .slide,
.cover-slider .slide{
margin: 0 !important;
}
#coverSlider,
.cover-slider,
#coverSlider .track,
.cover-slider .track{
padding: 0 !important;
border: 0 !important;
}
#coverSlider .slide,
.cover-slider .slide{
flex: 0 0 100%;
min-width: 100%;
aspect-ratio: 16 / 9;
position: relative;
overflow: hidden;
}
#coverSlider .slide img,
.cover-slider .slide img{
display: block !important;
width: 100%;
height: 100%;
object-fit: cover;
}
#coverSlider .slide figcaption,
.cove
#pdpx .feats .section-pill{
margin: 6px 0 6px !important;
gap: 12px !important;
}
#pdpx .feats .section-pill > span{
padding: 10px 22px !important;
}
#pdpx .feats .section-pill + .feat{
margin-top: 4px !important;
}
#pdpx .feats{ gap: 12px !important; }
/* === FIX: slider не блокує вертикальний скрол на мобільних === */
/* даємо вертикальному свайпу пройти до сторінки */
#coverSlider .track{
  overflow-y: hidden !important;
  overscroll-behavior-y: auto !important;   /* було none — через це сторінка “залипала” */
  /* overscroll-behavior-x: contain; залишаємо, ок */
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x !important;           /* тут тільки горизонтальні жести */
}

/* інколи подія ловиться дочірнім елементом (img/figure), дублюємо */
#coverSlider,
#coverSlider .slide,
#coverSlider .slide *,
#coverSlider img,
#coverSlider figure {
  touch-action: pan-x !important;           /* вертикальні жести віддаємо сторінці */
  -webkit-user-drag: none;
  user-select: none;
}
/* === COVER SLIDER: не блокуємо вертикальний скрол сторінки === */
#coverSlider,
#coverSlider .track,
#coverSlider .slide,
#coverSlider .slide *{
  touch-action: auto !important;             /* дозволяємо і x, і y — далі JS динамічно обмежить */
}

#coverSlider .track{
  overflow-y: hidden !important;              /* у самого треку нема вертикального скролу */
  overscroll-behavior-y: auto !important;     /* вертикальний свайп передається сторінці */
  overscroll-behavior-x: contain !important;  /* горизонталь не “висмикує” сторінку */
  -webkit-overflow-scrolling: touch;
}
/* Контейнер секції */
.blk--press .wrap{
  padding: 12px 16px;
}
/* === PRESS AUTO MARQUEE =================================== */
.blk--press .wrap{ padding:12px 16px; }

.press-auto{
  --logo-h: clamp(36px, 5vw, 56px); /* однакова висота логотипів */
  --gap: clamp(32px, 6vw, 64px);
  --speed: 28s;                     /* швидкість прокрутки */
  background:#fff;
  border:1px solid #E6EAF7;
  border-radius:22px;
  box-shadow:0 8px 24px rgba(12,22,44,.06);
  padding: clamp(14px, 3vw, 22px);
  overflow:hidden;
}

.press-auto .track{
  display:flex;
  align-items:center;
  gap:var(--gap);
  width:max-content;               /* ширина дорівнює сумі елементів */
  animation: press-scroll var(--speed) linear infinite;
}

.press-auto:hover .track{ animation-play-state: paused; }

.press-auto .logo{
  flex:0 0 auto;
  display:flex; align-items:center; justify-content:center;
  height:var(--logo-h);
}

.blk--press .logo img{
  height:100%;
  width:auto !important;           /* не розтягувати по ширині */
  max-width:none !important;
  object-fit:contain;
  filter:grayscale(1);
  opacity:.9;
  transition:opacity .2s ease, filter .2s ease;
}
.blk--press .logo img:hover{ opacity:1; filter:grayscale(0); }

/* нескінченний безшовний рух (треба дублювати сет у HTML) */
@keyframes press-scroll{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); } /* рухаємо на половину (бо 2 ідентичні сети) */
}

/* accessibility: люди з reduced motion – без анімації */
@media (prefers-reduced-motion: reduce){
  .press-auto .track{ animation: none; }
}
/* === PRESS: full-bleed, no capsule, tighter spacing ================== */

/* зняти внутрішні відступи обгортки секції */
.blk--press .wrap{
  padding: 0 !important;
}

/* зробити блок edge-to-edge (повністю на ширину вікна) */
#press .press-auto{
  background: transparent;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  padding: 0;

  /* full-bleed трюк: вийти за контентну ширину контейнера */
  width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;       /* тягнемося до лівого краю вікна */
}

/* трохи менше місця навколо секції */
#press{
  margin-top: 8px;
  margin-bottom: 12px;      /* зменшений нижній відступ */
}

/* можна ще трохи стишити вертикальний "повітряний прошарок" у треку */
#press .press-auto .track{
  padding-block: 6px;       /* було 14–22px; тепер компактніше */
}
/* FIG: clean production style */
.fig{
  border: 0 !important;
  background:#fff !important;
  border-radius:14px;
  overflow:hidden;
  /* бажано тримати сталу пропорцію */
  aspect-ratio: 4 / 3;
}
.fig img,.fig video{
  width:100%; height:100%;
  object-fit: cover;
  display:block;
}
/* Caption під слайдером (лише рядок тексту) */
.howtoCaption{
  margin: 10px 12px 0;
  text-align: center;
  font: 600 clamp(14px,3.2vw,18px)/1.35 Inter, system-ui;
  color: rgba(15,23,42,.8); /* спокійний темний */
}
/* HOW-TO slider: показуємо фото повністю по висоті, без кропу */
#coverSlider,
#coverSlider .track,
#coverSlider .slide{
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:auto !important;   /* скасовуємо фіксовану рамку */
}

/* саме фото тягнеться по ширині, висота як у зображення */
#coverSlider .slide img{
  width:100% !important;
  height:auto !important;
  object-fit: contain !important; /* не ріжемо нічого */
  display:block;
  border-radius:16px;              /* скруглення переносимо на саме фото */
  background:#fff;
}

/* якщо десь контейнер .fig задає фіксовану пропорцію — вимикаємо її тільки тут */
.feat .fig:has(#coverSlider){
  aspect-ratio:auto !important;
  overflow:visible !important;     /* щоб нічого не “з’їдалося” рамкою */
}

/* стрілки — по центру відносно фактичної висоти фото */
#coverSlider .nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
}
/* === BEFORE / AFTER — квадрати 1:1 ====================== */
#pdpx .ba{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
  align-items:start;
}

#pdpx .ba > div{ display:flex; flex-direction:column; }

#pdpx .ba .bslot{
  position:relative;
  aspect-ratio:1 / 1 !important;   /* головне — квадрат */
  min-height:0 !important;         /* скасовує старий min-height:200px */
  border-radius:16px;
  overflow:hidden;
  background:#fff;
  border:1px solid #E6EAF7;        /* або прибери, якщо не треба рамки */
}

#pdpx .ba .bslot img{
  position:absolute; inset:0;      /* заповнюємо весь квадрат */
  width:100%; height:100%;
  object-fit:cover;                /* постав 'contain', якщо не хочеш кропу */
  display:block;
}

#pdpx .ba .lbl{
  margin-top:10px;
  text-align:center;
  font:600 16px/1.25 Inter,system-ui;
  color:#475569;
}
#pdpx .ba .bslot{
  box-shadow: 0 6px 18px rgba(15,23,42,.06);
  border: 1px solid #E9EDF7;
}
/* Comparison card */
.compCard{border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.06);overflow:hidden}
.compTable{width:100%;border-collapse:collapse}
.compTable th,.compTable td{padding:16px 18px;border-bottom:1px solid #E9EDF7}
.compTable thead th{background:linear-gradient(90deg,#EEF2FF,#FAFBFF);font:800 16px/1.2 Inter,system-ui;color:#0F172A}
.compTable .brandCol{color:#3d4df2}
.compTable .featCol{width:60%}
.compTable th[scope=row]{text-align:left;font:700 16px/1.3 Inter,system-ui;color:#0F172A;background:#fff}
.compTable td{width:20%;text-align:center}
.compTable svg{width:22px;height:22px;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.ok svg{stroke:#22c55e}.no svg{stroke:#0F172A;opacity:.35}
.note{margin:10px 14px 14px;color:#64748B;font:500 13px/1.35 Inter,system-ui}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:640px){
  .compTable th,.compTable td{padding:14px 12px}
  .compTable .featCol{width:55%}
}
.comp{ 
  margin-block: 28px;            /* top + bottom */
}
@media (min-width: 768px){
  .comp{ margin-block: 40px; }
}
/* UGC — компактні картки, ~2 на екрані, скрол вбік */
.ugc{
  display:flex; gap:12px;
  overflow-x:auto; scroll-snap-type:x mandatory;
  padding-bottom:4px;
}
.ugc .tile{
  position:relative;
  flex:0 0 clamp(160px, 45%, 220px); /* РОЗМІР: ~45% ширини екрана */
  aspect-ratio: 9 / 16;              /* вертикальний формат, як Reels/TikTok */
  border:1px solid #E2E8F0;
  border-radius:14px; overflow:hidden; background:#fff;
  scroll-snap-align:start;
}
.ugc .tile img, .ugc .tile video{
  width:100%; height:100%; object-fit:cover; display:block;
}

/* кнопка Play менша, чиста */
.ugc .play{
  position:absolute; right:10px; bottom:10px;
  width:42px; height:42px; border-radius:999px;
  background:#fff; border:1px solid #CBD5FF;
  display:grid; place-items:center;
  box-shadow:0 4px 12px rgba(0,0,0,.12);
}
.ugc .tile.is-playing .play{ display:none; } /* ховаємо коли грає */
/* Brand video — зсунути видиму зону вниз, щоб було видно нижній текст */
#brand-video .bv-frame video{
  width:100%;
  height:100%;
  object-fit: cover;
  object-position: 50% 60%; /* було 50% 50%; 60% = фокус нижче */
}

/* можна тонше під мобілки/десктоп */
@media (max-width: 480px){
  #brand-video .bv-frame video{ object-position: 50% 65%; }
}
/* === Lead form (у стилі buy-box) === */
.lead-form{ margin-top:12px }
.lead-form .grid{
  display:grid; gap:10px;
  grid-template-columns:1fr 1fr;
}
.lead-form .field{ display:flex; flex-direction:column; gap:6px }
.lead-form .field.full{ grid-column:1/-1 }
.lead-form label{ font-weight:800; font-size:13px; color:#0F172A }
.lead-form input{
  border:1.4px solid #CBD5FF; border-radius:12px; background:#F7FAFF;
  padding:12px 12px; font:600 14px/1.2 Inter,system-ui; color:#0F172A;
  outline:none;
}
.lead-form input:focus{ border-color:#334BFF; box-shadow:0 0 0 3px rgba(51,75,255,.12); background:#fff }
.lead-form .btn{ margin-top:10px }
@media (max-width:640px){
  .lead-form .grid{ grid-template-columns:1fr }
}

/* Слайдер how-to (тонка косметика під фото замість капшена-плашки) */
.cover-slider .nav{ box-shadow:0 6px 18px rgba(15,23,42,.10) }

/* На вузьких екранах — компактні буліти */
@media (max-width:420px){
  .lead-bullets .li{ font-size:13.5px }
}
/* === REVIEWS V2 (картки як на другому скріні) === */
.reviews-v2{ margin:24px 0 }
.rv-list{ display:grid; gap:12px }
.rv-card{
  background:#fff; border:1px solid var(--bd,#E5E7EB); border-radius:18px;
  padding:16px; box-shadow:var(--shadow,0 8px 28px rgba(15,23,42,.06));
}
.rv-head{ display:flex; align-items:center; gap:12px; margin-bottom:6px }
.rv-avatar{
  width:44px; height:44px; border-radius:999px;
  background:linear-gradient(180deg,#EEF2FF,#E0E7FF);
  color:#334BFF; display:grid; place-items:center;
  font:800 14px/1 Inter,system-ui; letter-spacing:.5px;
}
.rv-avatar::before{ content:attr(data-initials) }
.rv-person{ display:flex; align-items:center; gap:10px; flex-wrap:wrap }
.rv-name{ font:900 18px/1.1 Inter,system-ui; color:#0F172A }
.rv-badge{
  font:800 11px/1 Inter; color:#fff; background:#334BFF;
  padding:5px 8px; border-radius:999px; text-transform:uppercase; letter-spacing:.4px;
  box-shadow:0 3px 10px rgba(51,75,255,.18)
}
.rv-stars{ display:flex; gap:6px; margin:4px 0 10px }
.rv-stars i{
  width:18px; height:18px; display:inline-block;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.3l-5.4 3.2 1.5-6.2-4.8-4.1 6.3-.5L12 3l2.4 6.7 6.3.5-4.8 4.1 1.5 6.2z'/%3E%3C/svg%3E") center/contain no-repeat;
  background:#FBBF24;  /* золота зірка */
}
.rv-stars i.o{ background:#E5E7EB }  /* порожня зірка */

.rv-text{
  font:700 18px/1.5 Inter,system-ui; color:#0F172A;
  margin:0 0 8px
}
.rv-meta{ font:800 13px/1.2 Inter; color:#64748B }

@media (max-width:480px){
  .rv-name{ font-size:16px }
  .rv-text{ font-size:16px }
}
/* FIX: прибрати буліти та центрувати блок відгуків */
.reviews-v2 .rv-list,
.reviews-v2 .rv-list li{
  list-style: none;      /* прибрали точки */
}

.reviews-v2 .rv-list{
  padding: 0;            /* забрали відступ зліва у UL */
  margin: 0 auto;        /* центр по контейнеру */
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 720px); /* одна колона, макс 720px */
  justify-content: center;                  /* центруємо сітку */
}

.reviews-v2 .rv-card{
  margin: 0;             /* страхувально */
}

#pdpx .faq .ai.open .acont{ /* контент відповіді — комфортні відступи */
  padding: 12px 18px 18px;
}
/* FAQ — компактні відповіді, без зайвих відступів */
#pdpx .faq .ai{ --px:14px; --py:12px }

#pdpx .faq .ab{
  padding: var(--py) var(--px);           /* менша шапка */
}

#pdpx .faq .ai .acont{
  padding: 0 var(--px);                   /* без бокових “прилипань” */
}
#pdpx .faq .ai.open .acont{
  padding: 8px var(--px) 12px;            /* мінімум всередині */
}

#pdpx .faq .ai .acont .sub{
  font: 700 16px/1.45 Inter,system-ui;    /* щільніше */
  color:#475569;
  margin: 0;                              /* без додаткових відступів */
}

/* прибрати зайві “хвости” у контенті відповіді */
#pdpx .faq .ai .acont > *{ margin: 0 0 6px }
#pdpx .faq .ai .acont > *:last-child{ margin-bottom: 0 }
/* === FIX: фото тягнуться вправо — центруємо і обрізаємо переповнення === */
#pdpx, #pdpx .wrap { overflow-x: hidden; }

#pdpx figure, 
#pdpx .fig, 
#pdpx .story .feat .fig, 
#pdpx .cover-slider, 
#pdpx .cover-slider .slide {
  margin-left: auto;
  margin-right: auto;
}

#pdpx img, 
#pdpx .cover-slider .slide img, 
#pdpx .story .fig img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center center; /* не зсуває вправо */
}

/* Слайдер: рівно по ширині вʼюпорту */
#pdpx #coverSlider .track { 
  display: flex; 
  overflow: hidden; 
}
#pdpx #coverSlider .slide { 
  flex: 0 0 100%; 
}

/* Картиночки у «feats» — акуратні картки */
#pdpx .story .feats { display: grid; gap: 12px; }
#pdpx .story .feat { display: grid; gap: 10px; }
#pdpx .story .fig { border-radius: 16px; overflow: hidden; }
/* === CTA — один рядок, адаптивний шрифт === */
#pdpx .ctaBtn{
  display:flex; align-items:center; justify-content:center; gap:10px;
  width:100%;
  background:#334BFF; color:#fff;
  border:none; border-radius:18px;
  padding:18px 16px;
  box-shadow:0 10px 28px rgba(51,75,255,.25);
  white-space: nowrap;                  /* не переносити */
}

#pdpx .ctaBtn .ic{
  display:inline-grid; place-items:center;
  width:22px; height:22px; border-radius:999px;
  background:rgba(255,255,255,.18);
  font:900 14px/1 Inter;
}

#pdpx .ctaBtn .t{ font:900 clamp(16px,4.2vw,20px)/1 Inter }
#pdpx .ctaBtn .p{ font:900 clamp(16px,4.2vw,20px)/1 Inter }

@media (min-width:480px){
  #pdpx .ctaBtn{ padding:20px 18px }
}
/* ===== Lead form — охайний UI замість дефолтних рамок ===== */
#pdpx form#leadForm, 
#pdpx form#leadForm fieldset { border: 0 !important; }

#pdpx form#leadForm label{
  display:block; margin:14px 0 8px;
  font:900 18px/1.2 Inter,system-ui; color:#0F172A;
}

/* інпути (текст/телефон/емейл/будь-які) */
#pdpx form#leadForm input,
#pdpx form[action*="/contact"] input{
  -webkit-appearance:none; appearance:none;
  width:100%;
  border-radius:14px;
  border:1.5px solid #E3E8F5 !important;
  background:#F6F8FF;
  outline:none; box-shadow:none;
  padding:14px 16px;
  font:800 18px/1.2 Inter,system-ui;
  color:#0F172A;
}

/* плейсхолдери */
#pdpx form#leadForm input::placeholder{ color:#9AA5B1; font-weight:700 }

/* фокус-стан — синій підсвіт */
#pdpx form#leadForm input:focus{
  border-color:#334BFF;
  box-shadow:0 0 0 4px rgba(51,75,255,.12);
}

/* проміжки між полями навіть без .fld-обгорток */
#pdpx form#leadForm label + input { margin-top:8px }
#pdpx form#leadForm input + label { margin-top:14px }

/* дрібні фікси */
#pdpx form#leadForm input[type=tel]::-webkit-outer-spin-button,
#pdpx form#leadForm input[type=tel]::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0 }
#pdpx form#leadForm input[type=tel]{ -moz-appearance:textfield }

/* CTA — один рядок, адаптивний розмір */
#pdpx .ctaBtn{
  display:flex; align-items:center; justify-content:center; gap:10px;
  width:100%; background:#334BFF; color:#fff; border:0;
  border-radius:18px; padding:18px 16px; margin-top:14px;
  box-shadow:0 10px 28px rgba(51,75,255,.25);
  white-space:nowrap;
}
#pdpx .ctaBtn .ic{ display:grid; place-items:center; width:22px; height:22px; border-radius:999px; background:rgba(255,255,255,.18); font:900 14px/1 Inter }
#pdpx .ctaBtn .t, #pdpx .ctaBtn .p{ font:900 clamp(15px,3.9vw,19px)/1 Inter }
/* Кнопка: такий самий шрифт, як у всіх заголовках (без серіфів/курсива) */
#pdpx .ctaBtn,
#pdpx .ctaBtn .t,
#pdpx .ctaBtn .p{
  font-family: Inter, system-ui, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 900 !important;
  font-style: normal !important;
  letter-spacing: 0;                 /* щільний, як на другому скріні */
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* розмір/висота рядка – акуратно в один рядок */
#pdpx .ctaBtn .t,
#pdpx .ctaBtn .p{
  font-size: clamp(16px, 4.0vw, 20px);
  line-height: 1.1;
}
/* Bundle: показувати знижку як текст, без таблетки */
#pdpx label.bundle .b-sub,
#pdpx label.bundle .badge{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  color: #334BFF;                 /* той самий синій */
  font: 900 16px/1.1 Inter,system-ui;
  letter-spacing: .1px;
  margin-top: 8px;                /* трішки відступу під "2 шт"/"3 шт" */
}

/* === REVIEWS 1:1 — compact, like on the reference screenshot ================= */
/* Container */
.ty.reviews-slider .carousel{ position:relative; }
.ty.reviews-slider .track{
  display:flex; gap:16px; overflow-x:auto;
  scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
  padding-bottom:4px;
}
.ty.reviews-slider .page{ flex:0 0 100%; scroll-snap-align:start; }

/* Card */
.ty.reviews-slider .reviews.v2 .r-list{ display:grid; gap:12px; grid-template-columns:1fr; }
.ty.reviews-slider .r{
  background:#fff;
  border:1px solid #E7EDFF;
  border-radius:22px;
  padding:14px 16px;
  box-shadow:0 10px 30px rgba(61,77,242,.06);
}

/* Head */
.ty.reviews-slider .head{ display:flex; align-items:flex-start; gap:12px; margin-bottom:6px; }
.ty.reviews-slider .ava{
  width:44px; height:44px; flex:0 0 44px;
  border-radius:50%; object-fit:cover; display:block;
}
.ty.reviews-slider .meta{ min-width:0; flex:1; }
.ty.reviews-slider .top{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  font:800 18px/1.15 Inter, system-ui; color:#0F172A;
}
.ty.reviews-slider .top .name{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* Badge */
.ty.reviews-slider .badge{
  font:800 12px/1 Inter, system-ui; color:#3d4df2; white-space:nowrap;
  padding:4px 10px; border-radius:999px; background:#EEF2FF;
  box-shadow:0 8px 22px rgba(61,77,242,.14), inset 0 -2px 6px rgba(0,0,0,.06);
}

/* Stars */
.ty.reviews-slider .stars{ display:flex; gap:6px; margin:8px 0 2px; }
.ty.reviews-slider .star{ width:14px; height:14px; display:inline-block; }
.ty.reviews-slider .star.fill path{ fill:#F6C34C; }
.ty.reviews-slider .star.empty path{ fill:transparent; stroke:#F6C34C; stroke-width:2; }

/* Quote */
.ty.reviews-slider .quote{
  color:#0F172A; font:700 16px/1.5 Inter, system-ui;
  margin-top:6px;
}

/* Dots = small pills, centered */
.ty.reviews-slider .dots{
  display:flex; justify-content:center; align-items:center;
  gap:12px; padding:12px 0 2px; width:100%;
}
.ty.reviews-slider .dots button{
  appearance:none; border:0; flex:0 0 auto;
  width:38px; height:14px; border-radius:9999px;
  background:#EAF0FF; box-shadow:0 8px 22px rgba(61,77,242,.14);
  transition:width .25s ease, background .25s ease, box-shadow .25s ease, transform .15s ease;
}
.ty.reviews-slider .dots button[aria-current="true"]{
  width:48px; background:#3d4df2;
  box-shadow:0 10px 28px rgba(61,77,242,.35), inset 0 -2px 6px rgba(0,0,0,.12);
}
.ty.reviews-slider .dots button:hover{ transform:translateY(-1px); }
.ty.reviews-slider .dots button:focus-visible{
  outline:2px solid rgba(61,77,242,.45); outline-offset:2px;
}

/* Ultra-compact tweaks for smaller phones */
@media (max-width:390px){
  .ty.reviews-slider .ava{ width:40px; height:40px; flex-basis:40px; }
  .ty.reviews-slider .top{ font-size:16px; }
  .ty.reviews-slider .quote{ font-size:15px; }
}
<style>
/* ===== Reviews 1-to-1 (PDP) — ізоляція і сильні оверрайди ===== */
#rev1to1{ --ink:#0F172A; --muted:#334155; --bd:#E6ECFF; --blue:#3d4df2; --card:#fff }
#rev1to1 *{ box-sizing:border-box }
#rev1to1 .wrap{ padding-inline:16px }

/* карусель */
#rev1to1 .carousel{ position:relative; margin-top:6px }
#rev1to1 .track{ display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch }
#rev1to1 .page{ flex:0 0 100%; scroll-snap-align:start }

/* лист усередині “сторінки” */
#rev1to1 .reviews.v2 .r-list{ display:grid; gap:12px; grid-template-columns:1fr }

/* картка */
#rev1to1 .r{
  background:var(--card); border:1px solid var(--bd); border-radius:16px;
  padding:14px 16px; box-shadow:0 8px 28px rgba(15,23,42,.06)
}

/* шапка + аватар */
#rev1to1 .head{ display:flex; align-items:center; gap:12px; margin-bottom:8px }
#rev1to1 .head .ava, #rev1to1 img.ava{
  width:44px !important; height:44px !important; flex:0 0 44px !important;
  border-radius:50% !important; object-fit:cover !important; display:block !important
}

/* ім'я + бейдж */
#rev1to1 .meta{ min-width:0 }
#rev1to1 .top{ display:flex; align-items:center; gap:8px }
#rev1to1 .name{ font:800 18px/1.2 Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:var(--ink) }
#rev1to1 .badge{
  margin-left:auto; white-space:nowrap;
  font:700 12px/1 Inter,system-ui; padding:4px 10px; border-radius:999px;
  background:#EEF2FF; color:var(--blue); box-shadow:0 10px 24px rgba(61,77,242,.15) inset
}

/* зірки — 14px */
#rev1to1 .stars{ display:flex; gap:4px; margin-top:2px }
#rev1to1 .star{ width:14px; height:14px; display:inline-block }
#rev1to1 .star.fill path{ fill:#F6C34C }
#rev1to1 .star.empty path{ fill:transparent; stroke:#F6C34C; stroke-width:2 }

/* текст відгуку — компактний, читабельний */
#rev1to1 .quote{ font-size:16px; line-height:1.6; color:var(--muted) }

/* крапки-піллюлі, по центру */
#rev1to1 .dots{ display:inline-flex; gap:14px; justify-content:center; width:100%; padding:12px 0 6px }
#rev1to1 .dots button{
  appearance:none; border:0; flex:0 0 auto; width:44px; height:16px; border-radius:9999px;
  background:#eaf0ff; box-shadow:0 8px 22px rgba(61,77,242,.14);
  transition:width .25s ease, background .25s ease, box-shadow .25s ease, transform .15s ease
}
#rev1to1 .dots button[aria-current="true"]{
  width:56px; background:var(--blue);
  box-shadow:0 10px 28px rgba(61,77,242,.35), inset 0 -2px 6px rgba(0,0,0,.15)
}
#rev1to1 .dots button:hover{ transform:translateY(-1px) }

/* ресайз для tablet/desktop — як на головній */
@media (min-width:900px){ #rev1to1 .reviews.v2 .r-list{ grid-template-columns:repeat(2,1fr) } }
@media (min-width:1200px){ #rev1to1 .reviews.v2 .r-list{ grid-template-columns:repeat(3,1fr) } }
</style>
/* Dots — менші, сині як на HOME */
#rev1to1 .dots{
  justify-content:center;
  gap:12px;
  padding:8px 0 2px;
}
#rev1to1 .dots button{
  width:32px;                 /* було 44 */
  height:12px;                /* було 16 */
  border-radius:9999px;
  background:#EAF0FF;
  box-shadow:0 6px 18px rgba(61,77,242,.12);
  transition:width .25s ease, background .25s ease, box-shadow .25s ease, transform .15s ease;
}
#rev1to1 .dots button[aria-current="true"]{
  width:44px;                 /* було 56 */
  background:#3d4df2;         /* синя активна */
  box-shadow:
    0 10px 24px rgba(61,77,242,.28),
    inset 0 -1px 4px rgba(0,0,0,.15);
}
#rev1to1 .dots button:hover{ transform:translateY(-1px) }
/* Контейнер під кнопку + пігулку */
.fomo-row{display:flex;flex-direction:column;gap:10px;margin-top:8px}
@media (min-width:768px){.fomo-row{flex-direction:row;align-items:center;gap:12px}}

/* Пігулка-таймер */
.fomo-pill{
  display:inline-flex;align-items:center;gap:10px;
  padding:10px 14px;border-radius:9999px;
  background:#F5F8FF;border:1px solid #E4E9FF;
  box-shadow:0 10px 28px rgba(61,77,242,.14);
  color:#0F172A;font:700 15px/1.1 Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;
}
.fomo-pill svg{color:#3d4df2}
.fomo-pill .label{opacity:.85}
.fomo-pill .t{font-variant-numeric:tabular-nums;letter-spacing:.3px;color:#3d4df2}
.fomo-pill .t b{min-width:20px;display:inline-block;text-align:center}
/* === Upsell modal (легкий, в стилі сайту) ===================== */
.upModal{ position:fixed; inset:0; z-index:9999; display:none; }
.upModal.is-open{ display:block; }
.upBackdrop{ position:absolute; inset:0; background:rgba(15,23,42,.4); backdrop-filter:saturate(1) blur(2px); }

.upSheet{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:min(640px,92vw); background:#fff; border:1px solid #E5E7EB;
  border-radius:20px; box-shadow:0 20px 60px rgba(15,23,42,.18);
  padding:20px;
}
.upClose{ position:absolute; right:10px; top:8px; border:0; background:transparent; font-size:24px; line-height:1; color:#334155; cursor:pointer; }
.upTtl{ margin:4px 0 2px; font:800 20px/1.2 Inter,system-ui; color:#0F172A; text-align:center; }
.upSub{ margin:0 0 14px; text-align:center; color:#475569; }

.upCards{ display:flex; flex-direction:column; gap:10px; }
.upCard{
  display:flex; justify-content:space-between; align-items:center; gap:14px;
  width:100%; border:1px solid #E5E7EB; border-radius:14px; padding:14px 16px;
  background:#F8FAFF; box-shadow:0 8px 24px rgba(61,77,242,.08); cursor:pointer;
  transition:transform .15s ease, box-shadow .2s ease, border-color .2s ease;
}
.upCard:hover{ transform:translateY(-1px); border-color:#C7D2FE; box-shadow:0 10px 28px rgba(61,77,242,.18); }
.upCard.ghost{ background:#fff; }
.uTitle{ font:700 16px/1.2 Inter,system-ui; color:#0F172A; }
.uNote{ font:500 13px/1.2 Inter,system-ui; color:#64748B; margin-top:4px; }
.uPrice{ font:800 16px/1.2 Inter,system-ui; color:#0F172A; background:#EEF2FF; padding:6px 10px; border-radius:999px; }
/* --- Cross-sell / Upsell modal — visual polish --- */
.csx-overlay{
  position:fixed; inset:0; z-index:9999;
  display:flex; align-items:center; justify-content:center;
  background:rgba(15,23,42,.35);         /* затемнення фону */
  backdrop-filter:blur(4px);              /* м'який блюр */
  opacity:0; pointer-events:none; transition:opacity .22s ease;
}
.csx-overlay.is-open{ opacity:1; pointer-events:auto; }

.csx-modal{
  width:min(720px,calc(100% - 28px));
  background:#fff; border-radius:20px;
  box-shadow:0 30px 60px rgba(15,23,42,.25), 0 0 0 1px rgba(0,0,0,.04);
  transform:translateY(8px) scale(.985);
  transition:transform .22s ease, opacity .22s ease;
  opacity:.98; outline:0;
}
.csx-overlay.is-open .csx-modal{ transform:translateY(0) scale(1); opacity:1; }

.csx-head{display:flex;gap:12px;align-items:center;padding:16px 18px;border-bottom:1px solid #EEF2FF}
.csx-title{font:800 18px/1.2 Inter,system-ui;color:#0F172A}
.csx-x{margin-left:auto;display:grid;place-items:center;width:36px;height:36px;border:0;background:#F1F5FF;border-radius:10px;color:#3d4df2}
.csx-x:hover{filter:brightness(.96)}

.csx-sub{padding:10px 18px 0;color:#475569}
.csx-body{padding:12px 18px 2px;max-height:min(70vh,680px);overflow:auto}
.csx-item{display:flex;gap:12px;align-items:center;padding:10px;border:1px solid #E5E7EB;border-radius:14px;margin-bottom:10px}
.csx-item:hover{box-shadow:0 8px 22px rgba(61,77,242,.10)}
.csx-img{width:44px;height:44px;border-radius:12px;background:#F1F5FF;display:grid;place-items:center;color:#3d4df2}
.csx-meta{min-width:0}
.csx-name{font-weight:800;color:#0F172A}
.csx-note{font-size:13px;color:#64748B}
.csx-price{margin-left:auto;font-weight:800;color:#0F172A}
.csx-old{margin-left:8px;color:#94A3B8;text-decoration:line-through;font-weight:700}

.csx-foot{padding:14px 18px 18px;display:flex;gap:10px;justify-content:flex-end;border-top:1px solid #EEF2FF}
.csx-btn{border:0;border-radius:12px;padding:10px 14px;font-weight:800}
.csx-ghost{background:#F1F5FF;color:#3d4df2}
.csx-primary{background:#3d4df2;color:#fff;box-shadow:0 10px 28px rgba(61,77,242,.35)}
/* ===== Ultra-compact sticky ===== */
:root { --sticky-h: 44px; }              /* цільова висота */

.sticky{
  position: fixed; left:0; right:0; bottom:0; z-index:9999;
  background:#fff; border-top:1px solid #E5E7EB;
  box-shadow:0 -6px 18px rgba(15,23,42,.06);
  transform:translateY(0); opacity:1; transition:transform .2s ease,opacity .15s;
  padding-bottom: max(4px, env(safe-area-inset-bottom));
}
.sticky .wrap{ max-width:1100px; margin:0 auto; padding:6px 10px; }
.sticky .bar{ display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:var(--sticky-h); }

.sticky .title{ font-weight:700; font-size:13px; opacity:.8; }
@media (max-width:500px){ .sticky .title{ display:none; } }  /* ховаємо назву на вузьких */

.sticky .sprice{
  font-weight:900; font-size:22px; line-height:1; color:#334BFF; letter-spacing:.2px;
}

.sbtn{
  display:inline-flex; align-items:center; gap:8px;
  height:34px; padding:0 14px; border:0; border-radius:999px;
  background:#334BFF; color:#fff; font-weight:800; cursor:pointer; white-space:nowrap;
}
.sbtn svg{ width:16px; height:16px; }

/* відступ, щоб контент не ховався під баром */
body.pdp-has-sticky{ padding-bottom: calc(var(--sticky-h) + 8px + env(safe-area-inset-bottom)); }

/* автоприховування */
.sticky.is-hidden{ transform:translateY(110%); opacity:0; pointer-events:none; }
:root{
  --ty-ink:#0F172A; --ty-muted:#475569; --ty-bd:#E5E7EB; --ty-card:#fff;
  --ty-blue: var(--primary, #334BFF);
}
.ty-hidden{display:none}
#tyUpsell.ty-up{position:fixed;inset:0;z-index:99999}
.ty-up__backdrop{
  position:absolute;inset:0;background:rgba(15,23,42,.55);
  backdrop-filter:saturate(1.05) blur(4px); -webkit-backdrop-filter:saturate(1.05) blur(4px);
  border:0;cursor:default;touch-action:none;
}
.ty-up__sheet{
  position:absolute;left:50%;transform:translateX(-50%);
  bottom:0;width:min(720px,100%);max-height:88vh;overflow:auto;overscroll-behavior:contain;
  background:linear-gradient(#fff,#F8FAFF); border-radius:16px 16px 0 0;
  box-shadow:0 -18px 44px rgba(15,23,42,.28); padding:14px 14px 16px;
}
.ty-up__head{position:relative;padding:2px 36px 8px 2px}
.ty-up__head h3{margin:.2rem 0 .2rem;font-size:22px;letter-spacing:-.01em}
.ty-up__sub{margin:0 0 10px;color:var(--ty-muted)}
.ty-up__x{position:absolute;top:0;right:0;width:32px;height:32px;border:0;border-radius:8px;background:#fff;box-shadow:0 2px 10px rgba(15,23,42,.08);cursor:pointer}

.ty-up__cards{display:grid;gap:10px}
.ty-card{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  width:100%;text-align:left;cursor:pointer;background:#fff;border:1.5px solid var(--ty-bd);
  border-radius:14px;padding:12px 14px;transition:border-color .15s,box-shadow .15s,transform .06s;
}
.ty-card:hover{border-color:#CBD5FF;box-shadow:0 8px 22px rgba(15,23,42,.07)}
.ty-card:active{transform:translateY(1px)}
.ty-card--primary{border-color:#C7D2FE;background:linear-gradient(180deg,#fff,#F7FAFF)}
.ty-card--ghost{background:#F8FAFF}
.ty-card__title{font-weight:800}
.ty-card__note{font-size:13px;color:#64748B;margin-top:3px}
.ty-price{font-weight:900;border:1px solid #C7D2FE;border-radius:999px;padding:6px 10px;background:#EEF2FF;color:#1B2A7A;white-space:nowrap}
.ty-chip{display:inline-block;border:1px solid var(--ty-bd);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:800;color:#0F172A;background:#fff;margin-bottom:6px}
.ty-chip--blue{border-color:#C7D2FE;background:#EEF2FF;color:#1B2A7A}

.ty-up__foot{display:flex;justify-content:center;margin-top:10px}
.ty-up__cancel{border:1px solid var(--ty-bd);background:#fff;border-radius:10px;padding:8px 14px;color:var(--ty-muted);cursor:pointer}

/* lock body when open */
body.tyLock{position:fixed;left:0;right:0;width:100%;overflow:hidden}
@media (max-width:420px){
  .ty-up__sheet{padding:12px}
  .ty-up__head h3{font-size:20px}
  .ty-price{padding:5px 10px}
}
/* Lead: micro-notes */
.fld label .opt{
  margin-left: 6px;
  color:#94A3B8;
  font-weight: 400;
}

.lead-assurance{
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.45;
  color:#64748B; /* спокійний сірий */
}
@media (max-width:480px){
  .lead-assurance{ font-size:11.5px }
}
/* === Label: "(необов'язково)" на одній лінії з заголовком поля === */
.leadForm .fld > label{
  display: flex;
  align-items: baseline;   /* вирівнює по базовій лінії */
  gap: 8px;
  line-height: 1.2;
}
.leadForm .fld > label .opt{
  margin: 0;               /* забираємо попередній відступ */
  white-space: nowrap;     /* не переносити */
  color: #94A3B8;
  font-weight: 500;
  font-size: .95em;
}

/* === Текст під кнопкою: по центру === */
.lead-assurance{
  margin-top: 10px;
  text-align: center;      /* центр */
  font-size: 12px;
  line-height: 1.45;
  color: #64748B;
}
@media (max-width: 480px){
  .lead-assurance{ font-size: 11.5px }
}
/* --- FIX: прибрати примусові пропорції для контентних фото --- */
#pdpx .collage img,
#pdpx .fig,
#pdpx .fig img {
  aspect-ratio: auto !important;
  height: auto !important;
  object-fit: contain !important; /* без кропу; хочеш заповнення — постав cover */
}

/* Якщо «before/after» теж не хочеш квадратним — розкоментуй: */
/*
#pdpx .ba .bslot { aspect-ratio: auto !important; }
#pdpx .ba .bslot img { object-fit: contain !important; }
*/
.spec-shot{
  border: 2px solid #3d4df2;
  border-radius: 20px;   /* підбери під свій радіус */
  display:block;
}
/* How-to caption */
#coverSlider .howto-cap{
  margin: 10px 0 0;
  text-align: center;
  font-size: 16px;
  line-height: 1.35;
  color: #334155;          /* слейт-600 */
  font-weight: 600;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity .25s ease, transform .25s ease;
}
#coverSlider .howto-cap.is-on{
  opacity: 1; transform: translateY(0);
}