/* ТЕМА D — «як у simple-shelf»: вузька колонка на темному, Montserrat uppercase з підсвіченим словом,
   тепла пастель + абрикосовий градієнт, обкладинки віялом під фото. Структура — з base.css. */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800;900&family=Manrope:wght@400;500;600;700&display=swap');
:root{
  --bg:#FFF6EE; --white:#fff; --ink:#24201E; --ink-soft:#6B5F58; --apr:#FFA21A; --apr-deep:#E68F00; --apr-soft:#FFF0D2;
  --grad:linear-gradient(135deg,#FFB13A 0%,#FFA21A 100%); --sage:#2FA893; --sage-soft:#E2F5EF; --mint:#6BC7B5; --line:#F1E3D6; --r:22px;
  --shadow:0 18px 40px -18px rgba(255,162,26,.45); --fh:"Montserrat",sans-serif; --fb:"Manrope",system-ui,sans-serif;
}
body{background:#2A2320;color:var(--ink);font-family:var(--fb)}
@media(min-width:520px){body{background:radial-gradient(900px 600px at 20% 0%,#4A3A32,#2A2320 60%)}.page{border-radius:32px}}
.page{background:var(--bg);box-shadow:0 0 80px rgba(0,0,0,.45)}
.top{padding-bottom:6px}
.brand{font:900 15px/1 var(--fh);text-transform:uppercase}
.brand span{color:var(--apr)}
.nav-cta{font:700 12.5px/1 var(--fb);color:var(--apr-deep);background:var(--apr-soft);padding:9px 12px;border-radius:999px}
h1,h2,h3{font-family:var(--fh);text-transform:uppercase;letter-spacing:-.01em}
h1{font-size:clamp(24px,6.6vw,29px);line-height:1.15;font-weight:900}
h2{font-size:21px;line-height:1.2;font-weight:800}
h3{font-size:15px;font-weight:800}
.hl{color:var(--apr)}
.sub{color:var(--ink-soft);font-size:14.5px}
.lead{font-size:15.5px;color:#3E3531}
.trust-chips li{font:600 12px/1 var(--fb);color:var(--sage);background:var(--sage-soft);border-radius:999px}
/* hero-visual: фото + віяло з трьох обкладинок */
.hero-visual{margin-bottom:26px}
.hero-visual .photo{aspect-ratio:3/4;border-radius:var(--r);box-shadow:0 24px 50px -24px rgba(36,32,30,.5)}
.pills{display:none}
.covers{position:absolute;left:12px;right:12px;bottom:-14px}
.cover{width:112px;background:var(--white);border-radius:10px;box-shadow:0 14px 30px -12px rgba(36,32,30,.55);border:1px solid rgba(0,0,0,.05);transform-origin:50% 100%}
.cover:nth-child(1){transform:rotate(-8deg) translate(10px,8px)}
.cover:nth-child(2){transform:translateY(-6px);z-index:2}
.cover:nth-child(3){transform:rotate(8deg) translate(-10px,8px)}
.cover:nth-child(n+4){display:none}
.cover .t{font:800 9.5px/1.15 var(--fh);text-transform:uppercase}
.cover .t b{color:var(--apr-deep);font-size:13px}
.cover img,.cover .band{border-radius:6px}
.cover .band{background:var(--grad);color:#fff;font:900 30px/1 var(--fh)}
.cover .m{font:600 8.5px/1.2 var(--fb);color:var(--ink-soft)}
/* ціна + кнопки */
.price-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:18px 16px 16px;box-shadow:0 20px 40px -26px rgba(36,32,30,.35)}
.price-row .now{font:900 34px/1 var(--fh)}
.price-row .now small{font-size:16px;font-weight:800}
.price-row .was{color:var(--ink-soft);text-decoration:line-through;font-weight:600}
.price-row .badge{background:var(--sage-soft);color:var(--sage);font:800 12px/1 var(--fh);padding:6px 8px;border-radius:8px}
.price-row .col{gap:2px}
.anchor{font-size:12.5px;color:var(--ink-soft)}
.btn{font:800 15px/1.2 var(--fh);text-transform:uppercase;letter-spacing:.02em;padding:17px 18px;border-radius:16px;transition:transform .15s,filter .15s}
.btn-main{background:var(--grad);color:#fff;box-shadow:var(--shadow)}
.btn-alt{background:var(--apr-soft);color:var(--apr-deep)}
.btn:hover{filter:brightness(1.05);transform:translateY(-1px)}
.btn:focus-visible{outline:3px solid var(--sage);outline-offset:3px}
.pay-icons{display:none}
.note,.trust,.cap{font-size:12.5px;color:var(--ink-soft)}
.urg{font:700 13px/1.3 var(--fb);color:var(--apr-deep)}
.urg i{background:var(--apr);box-shadow:0 0 0 4px var(--apr-soft)}
/* секції */
.s-three,.s-demo,.s-plans,.s-how,.s-guarantee,.s-pay{background:var(--white)}
.s-foryou{background:var(--grad);color:#fff}
.s-foryou h2,.s-foryou .sub{color:#fff}
.three article{background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:14px 16px}
.three .num{background:var(--grad);color:#fff;font:900 16px/1 var(--fh);box-shadow:0 10px 18px -10px rgba(255,162,26,.6)}
.three p{font-size:14px;color:var(--ink-soft)}
.checks li{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);border-radius:14px;font:600 13.5px/1.35 var(--fb)}
.checks li::before{background:#fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23E68F00" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12l5 5L20 7"/></svg>') center/11px no-repeat}
.after{background:#fff;color:var(--ink);border-radius:14px;padding:12px 14px;font-size:14px}
.inside article{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:14px 16px}
.inside .tag{font:700 11px/1 var(--fb);color:var(--sage);background:var(--sage-soft);padding:5px 8px;border-radius:999px;text-transform:none}
.inside p,.inside ul{font-size:14px;color:var(--ink-soft)}
.inside ul li::before{color:var(--sage)}
.scen{font-size:14px}
.scen li::marker{color:var(--apr-deep);font-weight:700}
.plates{border-radius:14px}
.fridge{border-radius:var(--r);background:#EEF0F1}
.sheet{background:#FFFDF8;border-radius:4px;box-shadow:0 18px 34px -14px rgba(0,0,0,.45)}
.sheet .st{border-bottom:1.5px solid var(--ink)}
.sheet .st b{font:900 16px/1 var(--fh)}
.sheet .st span{font:700 8px/1 var(--fb);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}
.sheet img{border-radius:4px}
.sheet .if{border-top:1px dashed #D9D2C5;color:var(--ink-soft)}
.sheet .if b{color:var(--sage)}
.scenario{background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:14px 16px}
.scenario summary{font:800 14.5px/1.3 var(--fh)}
.scenario summary::after{content:"+";position:absolute;right:0;top:-4px;font-size:22px;color:var(--apr-deep)}
.scenario[open] summary::after{content:"–"}
.scenario .code{color:var(--apr-deep);margin-right:6px}
.scenario h4{font:800 11.5px/1 var(--fb);letter-spacing:.08em;text-transform:uppercase;color:var(--apr-deep)}
.scenario p,.scenario ul{font-size:14px}
.scenario .doctor{background:var(--apr-soft);border-left:4px solid var(--apr);border-radius:8px}
.table-wrap{background:var(--white);border:1px solid var(--line);border-radius:16px}
table{font-size:13px}
th{font:700 11px/1.3 var(--fb);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);background:var(--bg)}
th.ours{color:var(--apr-deep)}
td{border-top:1px solid var(--line)}
td.ours{font-weight:700;color:var(--sage)}
.plan{background:var(--white);border:1px solid var(--line);border-radius:var(--r)}
.plan.is-featured{border:2px solid var(--apr);box-shadow:var(--shadow)}
.plan .badge-top{background:var(--grad);color:#fff;font:800 11px/1 var(--fh);text-transform:uppercase;padding:7px 10px;border-radius:999px}
.plan h3{font-size:17px}
.plan .who,.plan .sep,.plan .slots{font-size:13px;color:var(--ink-soft)}
.plan .price .now{font:900 30px/1 var(--fh)}
.plan .price .was{text-decoration:line-through;color:var(--ink-soft);font-weight:600}
.plan .price .badge{background:var(--sage-soft);color:var(--sage);font:800 11px/1 var(--fh);padding:5px 7px;border-radius:7px}
.plan li{font-size:14px}
.plan li::before{background:var(--sage-soft) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%232FA893" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12l5 5L20 7"/></svg>') center/9px no-repeat}
.plan li.bonus::before{background:var(--apr-soft) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23E68F00" stroke-width="3.5" stroke-linecap="round"><path d="M12 5v14M5 12h14"/></svg>') center/9px no-repeat}
.counter{background:var(--bg);border:1px solid var(--line);border-radius:16px;font-size:14px}
.avatar{background:var(--apr-soft);border:4px solid #fff;box-shadow:0 12px 30px -14px rgba(36,32,30,.5);font:600 12px/1.3 var(--fb);color:var(--ink-soft)}
.author .card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:14px 16px;font-size:14px}
.steps li{background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:12px 14px 12px 64px;font-size:14px}
.steps li::before{left:12px;top:12px;background:var(--grad);color:#fff;font:900 16px/1 var(--fh)}
.quotes blockquote{background:var(--white);border:1px solid var(--line);border-radius:16px;font-style:italic;font-size:14px}
.quotes cite{color:var(--ink-soft);font-size:12.5px}
.guarantee p{font-size:14.5px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{font:800 14px/1.3 var(--fh)}
.faq summary::after{content:"+";position:absolute;right:4px;top:10px;font-size:22px;color:var(--apr-deep)}
.faq details[open] summary::after{content:"–"}
.faq .a{font-size:14px;color:var(--ink-soft)}
.pay-grid .btn small{font:600 12px/1 var(--fb);text-transform:none;opacity:.9}
.final .price-line{font:900 26px/1 var(--fh)}
.final .price-line .was{text-decoration:line-through;color:var(--ink-soft);font-weight:600;font-size:16px}
.final .price-line .or{font:500 13px/1 var(--fb);color:var(--ink-soft);text-transform:none}
footer{color:var(--ink-soft);background:var(--bg)}
footer .med{background:var(--apr-soft);color:var(--ink);border-radius:10px}
.stickybar{background:rgba(255,246,238,.96);backdrop-filter:blur(8px);border-top:1px solid var(--line)}

/* ── Компактний перший екран: сітка 3×2 обкладинок замість віяла, фото прибране, ціна як у ніші ── */
body.hero-short .hero-visual{margin-bottom:0}
body.hero-short .hero-visual .photo{display:none}
body.hero-short .covers{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
body.hero-short .cover{width:auto;transform:none!important;box-shadow:0 12px 24px -14px rgba(36,32,30,.45)}
body.hero-short .cover:nth-child(n+4){display:flex}
body.hero-short .cover-protocol{order:9}
body.hero-short .hero-pack{display:inline-block;background:var(--white);border:1px solid var(--line);border-radius:999px;padding:10px 16px;font:700 12.5px/1.3 var(--fb);color:var(--ink)}
body.hero-short .hero-price{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:16px;box-shadow:0 20px 40px -26px rgba(36,32,30,.35)}
body.hero-short .hero-price .was{color:var(--ink-soft);text-decoration:line-through;font-weight:600;font-size:13px}
body.hero-short .hero-price .now{font:900 34px/1 var(--fh)}
body.hero-short .hero-price .badge{background:var(--sage-soft);color:var(--sage);font:800 13px/1 var(--fh);padding:8px 10px;border-radius:10px}
body.hero-short h1{font-size:clamp(27px,7.4vw,34px)}
body.hero-short .lead-short{font-size:15px;color:var(--ink-soft);max-width:30em;margin-left:auto;margin-right:auto}
body.hero-short .hero-cat{font:700 11.5px/1 var(--fb);letter-spacing:.08em;text-transform:uppercase;color:var(--sage)}
body.hero-short h1{font-size:clamp(34px,9.6vw,44px);line-height:1.02}
body.hero-short .hero-pack b{color:var(--apr-deep)}
body.hero-short .hero-proof li{font:700 12px/1 var(--fb);color:var(--sage);background:var(--sage-soft);padding:8px 11px;border-radius:999px}
body.hero-short .hero-proof li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sage)}
body.hero-short .hero-price .pl{font:700 13px/1.35 var(--fb);color:var(--ink)}
body.hero-short .cover-guide img{object-position:50% 38%}
body.hero-short .cover-protocol .band{background:var(--grad)}
body.hero-short .cover-protocol .m{color:var(--apr-deep);font-weight:700}
/* полиця 3×3 в оффер-режимі: 9 обкладинок, смуги-обкладинки без фото */
body.hero-short .covers{grid-template-columns:repeat(3,1fr);gap:8px}
body.hero-short .cover{padding:8px 7px 7px}
body.hero-short .cover .t{font-size:9px}
body.hero-short .cover .t b{font-size:12px}
body.hero-short .cover-band .band{background:#43B8A3;color:#fff;font-size:22px}
body.hero-short .cover-protocol .band{background:var(--grad);font-size:26px}
body.hero-short .cover-protocol{order:9}
body.hero-short .hero-desc{font-size:15.5px;line-height:1.45;color:#3E3531;font-weight:500}
body.hero-short .lead-short{margin-top:8px}