/* Версія 2. Правки за розбором прокси клієнта 10.09.2026.
   Крупніший шрифт, менше стилів у блоці, без нумерації секцій. */

/* ---------- типографіка, все крупніше ---------- */
body{font-size:18.5px;line-height:1.6}
h2{font-size:clamp(28px,3.5vw,46px)}
h3{font-size:clamp(20px,1.7vw,24px)}
.sec-head p{font-size:18px;max-width:62ch}
.mono{font-size:13px;letter-spacing:.1em}

/* заголовок секції на всю ширину, номерів більше немає */
.sec-head{grid-template-columns:1fr;gap:0}

/* ---------- перший екран ---------- */
.tagline{display:inline-flex;align-items:center;gap:10px;color:var(--accent);
  margin-bottom:22px;font-size:15.5px;font-weight:600;letter-spacing:0;text-transform:none}
.hero .lead{font-size:clamp(18px,1.5vw,21px);color:#d7dbe1}
.bul li{grid-template-columns:1fr;font-size:17px;padding:14px 0;color:#d7dbe1}
.bul .n{display:none}
.hero-cta-row .btn{gap:10px}
.hero-cta-row .btn svg{width:19px;height:19px}
.top-phone{display:inline-flex;align-items:center;gap:9px;font-size:16px}
.top-phone svg{width:17px;height:17px;color:var(--accent)}
.hero-strip span{font-size:15.5px;color:#d7dbe1}
.hero-strip svg{width:16px;height:16px}

/* форма */
.formcard h3{font-size:23px}
.formcard .sub{font-size:16px;color:var(--text-mute)}
.field label{font-size:12.5px;letter-spacing:.1em}
.field input{font-size:17px;padding:16px 15px}
.btn{font-size:17px}
.note-hot{color:var(--accent);font-weight:600;font-size:15.5px}
.msg{font-size:16px;padding:14px}

/* ---------- симптоми ---------- */
.symp-row{grid-template-columns:150px 1.05fr 1fr 96px}
.symp-row .thumb{width:150px;height:104px}
.symp-row h3{font-size:21px}
.symp-row .what{font-size:16.5px}
.symp-row .todo{font-size:16.5px}
.symp-row .todo b{font-size:12px;letter-spacing:.1em}
.symp-row .part{font-size:13px}
.after-symp p{font-size:18px}

/* ---------- кроки підбору ---------- */
.step p{font-size:16.5px;color:#d7dbe1}
.step .num{font-size:13px;letter-spacing:.1em}

/* ---------- окремий ШРУС, головна цифра ---------- */
.saving{padding:24px 26px}
.saving .val{font-size:clamp(28px,3.2vw,40px);line-height:1.1}
.saving .val em{color:var(--accent)}
.saving-note{margin:10px 0 0;font-size:16px;color:var(--text-mute)}
.utp p{font-size:17.5px}

/* картка випадку зі США */
.case-line{display:block;font-size:16.5px;color:var(--text-mute);margin-bottom:6px}
.case-line b{color:var(--text)}
.plate .saving .val{font-size:clamp(24px,2.6vw,32px);margin-top:12px}

/* ---------- доставка ---------- */
.col3 p{font-size:16.5px;color:#d7dbe1}
.col3 .time{font-size:clamp(24px,2.4vw,31px)}
.deliv-note{font-size:17.5px;color:#d7dbe1}

/* ---------- авто зі США ---------- */
.usa p{font-size:17.5px}
.usa-list li{font-size:17px}
.marks .mark{font-size:13.5px;padding:8px 14px}

/* ---------- бюджет ---------- */
.bcard p{font-size:16.5px}
.bcard .price{font-size:14.5px;line-height:1.5;color:var(--text)}
.bcard .price span{display:block;font-family:"IBM Plex Mono",monospace;font-size:11.5px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--text-mute);margin-bottom:6px}

.pricetab{margin-top:24px;border:1px solid var(--line);background:#fff}
.prow{display:flex;justify-content:space-between;align-items:center;gap:18px;
  padding:16px 22px;border-bottom:1px solid var(--line)}
.prow:last-child{border-bottom:0}
.pcar{font-size:17px}
.pval{font-family:Archivo,sans-serif;font-weight:700;font-size:19px;color:var(--accent);white-space:nowrap}

.photo-slot{margin-top:16px;border:1px dashed var(--line);background:#fff;color:var(--text-mute);
  font-size:15.5px;text-align:center;padding:34px 20px}

/* ---------- для сервісів, секція стала світлою ---------- */
#sto{background:var(--paper-2)}
#sto h2{color:var(--text)}
#sto .bignum{color:var(--text)}
#sto .bignum span{color:var(--accent)}
#sto .bigsub{color:var(--text-mute);font-size:17px}
#sto p{color:var(--text);font-size:17.5px}
#sto ul{border-top-color:var(--line)}
#sto ul li{border-bottom-color:var(--line);color:var(--text);font-size:17px}
#sto .btn{margin-top:6px}

/* ---------- гарантія ---------- */
.gcard h3{font-size:19px}
.gcard p{font-size:16px}
.gcard img{height:150px}

/* ---------- питання ---------- */
summary{font-size:clamp(18px,1.6vw,21px);padding:24px 44px 24px 0}
details p{font-size:17.5px}

/* ---------- контакти ---------- */
.cinfo dt{font-size:12.5px;letter-spacing:.1em}
.cinfo dd{font-size:17.5px}

/* ---------- вікно подяки ---------- */
.thanks-eyebrow{color:var(--accent);font-size:15.5px;font-weight:600;margin-bottom:18px}
.thanks p{font-size:17.5px}

/* ---------- нижня панель ---------- */
.mbar a{font-size:16.5px;padding:16px}

/* ---------- мобільне ---------- */
@media(max-width:820px){
  body{font-size:18px}
  .hero h1{font-size:32px}
  .hero .lead{font-size:17.5px}
  .bul li{font-size:16.5px}
  .symp-row{grid-template-columns:110px 1fr;gap:16px}
  .symp-row .thumb{width:110px;height:80px}
  .symp-row h3{font-size:19px}
  .prow{flex-direction:column;align-items:flex-start;gap:4px;padding:14px 18px}
  .pval{font-size:20px}
  .hero-strip span{font-size:15px}
  .photo-slot{padding:26px 16px}
}

/* ---------- мобільна версія, форма на першому екрані ---------- */
@media(max-width:820px){
  .hero-in{padding-top:24px;padding-bottom:26px;gap:0}
  .hero .lead{margin-bottom:20px}
  .formcard{margin:0 0 24px;padding:20px 18px;border-top-width:3px}
  .bul{grid-template-columns:1fr 1fr;gap:0 14px;border-top:0;margin-bottom:20px}
  .bul li{padding:11px 0;font-size:14.5px;line-height:1.45}
  .bul li:nth-child(1),.bul li:nth-child(2){border-top:1px solid var(--line-dark)}
  .hero-cta-row .btn{width:100%;padding:15px 18px;font-size:16px}
  .hero-strip .wrap{grid-template-columns:1fr 1fr;gap:10px 14px}
  .mbar{grid-template-columns:1.1fr 1fr 1fr}
  .mbar a,.mbar a+a{color:#fff;font-size:15px;padding:15px 6px}
  .mbar a:last-child{color:#fff}
}

/* ---------- правки 10.09, кнопки і плашка ---------- */
.btn-light{background:#fff;color:var(--ink);border:0}
.btn-light:hover{background:#e9e7e2}
.btn-dark{background:var(--ink);color:#fff;border:1px solid var(--ink);width:auto}
.btn-dark:hover{background:#20242b}

/* плашка 207 тепер під формою */
.hero-in .tagline{margin:16px 0 0;padding-top:16px;border-top:1px solid var(--line-dark);
  display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.4}
.hero-in .tagline .dot{margin-top:7px}

/* нижня панель, дві дії з контрастом */
.mbar{grid-template-columns:1fr 1fr}
.mbar a{background:var(--accent);color:#fff;font-weight:700}
.mbar a:hover{background:#e14e00}
.mbar a+a{background:var(--ink);color:#fff;border-left:1px solid var(--line-dark)}
.mbar a+a:hover{background:#20242b}

@media(max-width:820px){
  .mbar{grid-template-columns:1fr 1fr}
  .mbar a,.mbar a+a{color:#fff;font-size:16px;padding:16px 8px}
  .hero-in .tagline{margin-bottom:22px}
}

/* текст у кнопках по центру, коли переноситься на два рядки */
.btn{text-align:center}