/* Экран «спасибо» после заявки (не квиз). [thanks 2026-10-15] Разметка — include/blocks/v3/thanks.php.
   Цвета — токены страницы (--paper/--ink/--ink-soft/--line), в тёмной теме их задаёт dark-theme.css;
   запасные значения — тёмные. Зелёный бренда #106855. */
.mp-ty, .mp-ty *{ box-sizing:border-box; }
.mp-ty{ display:grid; min-width:0; max-width:100%; gap:1.25rem; text-align:left; font-size:1rem; line-height:1.5; color:var(--ink,#E9E6E2); padding:.25rem 0; }
.mp-ty p, .mp-ty ol{ margin:0; padding:0; max-width:none; }
.mp-ty svg{ width:1.3em; height:1.3em; flex:none; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }

.mp-ty__head{ display:flex; align-items:flex-start; gap:.9rem; }
.mp-ty__ok{ display:grid; place-items:center; width:2.75rem; height:2.75rem; border-radius:50%; background:#106855; color:#fff; flex:none; }
.mp-ty__ok svg{ width:1.6rem; height:1.6rem; stroke-width:2; }
.mp-ty__title{ font-size:clamp(1.3rem,2.2vw,1.6rem); font-weight:800; line-height:1.2; margin-top:.2rem !important; color:var(--coal,#fff); }
.mp-ty__lead{ color:var(--ink-soft,#C9C4BE); margin-top:.25rem !important; }

.mp-ty__steps, .mp-ty__steps > li{ list-style:none !important; margin-left:0 !important; }
.mp-ty__steps > li::marker{ content:none; }
.mp-ty__steps{ list-style:none; display:grid; gap:.75rem; }
.mp-ty__step > div{ min-width:0; flex:1 1 auto; }
.mp-ty__step{ display:flex; gap:.85rem; align-items:flex-start; padding:.9rem 1rem; border:1px solid var(--line,rgba(255,255,255,.14)); border-radius:12px; background:var(--sand,rgba(255,255,255,.03)); }
.mp-ty__step--accent{ border-color:rgba(16,104,85,.75); background:rgba(16,104,85,.14); }
.mp-ty__ic{ display:grid; place-items:center; width:2.25rem; height:2.25rem; border-radius:10px; background:rgba(16,104,85,.22); color:#8FD3BE; flex:none; }
.mp-ty__st{ font-weight:700; font-size:1.05rem; color:var(--coal,#fff); }
.mp-ty__sd{ color:var(--ink-soft,#C9C4BE); margin-top:.2rem !important; }

.mp-ty__more{ display:grid; gap:.6rem; }
.mp-ty__mt{ color:var(--ink-soft,#C9C4BE); font-size:.95rem; }
.mp-ty__row{ display:flex; flex-wrap:wrap; gap:.5rem .6rem; align-items:center; margin-top:.6rem !important; }
.mp-ty__more .mp-ty__row{ margin-top:0 !important; }

.mp-ty__btn, .mp-ty__chip{ display:inline-flex; align-items:center; justify-content:center; gap:.45rem; min-height:44px; padding:.55rem 1.1rem; border-radius:10px; font-weight:600; font-size:.97rem; line-height:1.2; text-decoration:none !important; transition:background-color .15s, border-color .15s, color .15s; }
.mp-ty__btn--main{ background:#106855; color:#fff !important; border:1px solid #106855; }
.mp-ty__btn--main:hover{ background:#0C5545; border-color:#0C5545; }
.mp-ty__btn--ghost, .mp-ty__chip{ background:transparent; color:var(--ink,#E9E6E2) !important; border:1px solid var(--line,rgba(255,255,255,.22)); }
.mp-ty__btn--ghost:hover, .mp-ty__chip:hover{ border-color:#8FD3BE; color:#8FD3BE !important; }
.mp-ty__chip{ border-radius:999px; min-height:40px; padding:.45rem 1rem; font-size:.93rem; }
.mp-ty__link{ display:inline-flex; align-items:center; gap:.35rem; min-height:44px; color:#8FD3BE !important; font-weight:600; text-decoration:none !important; }
.mp-ty__link:hover{ text-decoration:underline !important; }
.mp-ty a:focus-visible{ outline:2px solid #8FD3BE; outline-offset:2px; }

/* во всплывающем окне intec — узко: компактнее, без карточек-рамок по краям */
.mp-ty--popup{ gap:1rem; }
.mp-ty--popup .mp-ty__step{ padding:.75rem .85rem; }
/* в форме карточки товара и консультации — форма шире, шаги в строку на широком экране */
/* шаги всегда столбиком: колонка формы на ПК ~700px, в три колонки текст рвётся по слову */
@media (max-width:480px){
  .mp-ty__btn{ flex:1 1 100%; }
  .mp-ty__step{ padding:.8rem .8rem; gap:.7rem; }
}
/* старый блок «Спасибо» intec во всплывающем окне — иконку и текст заменяет .mp-ty */
.startshop-forms-result-new-sent .mp-ty{ width:100%; }
.mp-ty__steps > li::before{ content:none !important; display:none !important; }

/* [own 2026-10-16] владелец: «кнопки больше, по одной в строку» — в блоке «Пока ждёте…» и «Напишите нам» */
.mp-ty__more .mp-ty__row{ display:flex; flex-direction:column; align-items:stretch; gap:.6rem; }
.mp-ty__more .mp-ty__chip, .mp-ty__more .mp-ty__btn{ width:100%; flex:0 0 auto; justify-content:space-between; min-height:54px; padding:.7rem 1.15rem; border-radius:12px; font-size:1.02rem; font-weight:600; border:1px solid var(--line-strong,rgba(255,255,255,.4)); background:rgba(255,255,255,.04); }
.mp-ty__more .mp-ty__chip::after, .mp-ty__more .mp-ty__btn::after{ content:"→"; font-weight:400; opacity:.75; }
.mp-ty__more .mp-ty__chip:hover, .mp-ty__more .mp-ty__btn:hover{ background:rgba(143,211,190,.08); }
.mp-ty__step .mp-ty__btn--main{ min-height:54px; font-size:1.02rem; border-radius:12px; justify-content:center; text-align:center; }