/* Экран после заявки квиза. [quiz-thanks 2026-10-05]
   Общий для главной (redesign/v3/index.html) и разделов (quiz_block.php).
   Всё на своих классах qd-*, привязано к .quiz-card — селекторы сильнее,
   чем .mp-quiz .quiz-thanks и .quiz-thanks у квиза (там центровка и узкий абзац).
   Цвета — токены страницы (--paper/--ink/--line/--terra…), в тёмной теме они
   переопределены на :root в dark-theme.css; запасные значения — тёмные. */

/* после заявки карточка занимает всю ширину полосы — правило «вёрстка на компьютере» */
.quiz-card.is-done{ max-width:none; }
/* на разделах полоса квиза уже (1180) — после заявки расширяем до сетки страницы */
.mp-quiz:has(.quiz-card.is-done) .mp-quiz__wrap{ max-width:1420px; }

.quiz-card .quiz-thanks.qd{
  text-align:left; padding:clamp(1.4rem,3.2vw,2.6rem) clamp(1.1rem,3.2vw,2.6rem) clamp(1.6rem,3.2vw,2.6rem);
  display:grid; gap:clamp(1.5rem,2.6vw,2.2rem);
  font-size:1rem; line-height:1.5; color:var(--ink,#E9E6E2);
}
.quiz-card .qd svg{ width:1.3em; height:1.3em; flex:none; fill:none; stroke:currentColor;
  stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.quiz-card .qd p, .quiz-card .qd h3, .quiz-card .qd h4, .quiz-card .qd ol{ margin:0; padding:0; max-width:none; }

/* заголовок */
.quiz-card .qd .qd-head{ display:flex; align-items:flex-start; gap:1rem; }
.quiz-card .qd .qd-ok{ display:grid; place-items:center; width:3rem; height:3rem; border-radius:50%;
  background:var(--terra,#106855); color:#FFFFFF; flex:none; }
.quiz-card .qd .qd-ok svg{ width:1.7rem; height:1.7rem; stroke-width:2; }
.quiz-card .qd .qd-title{ font-size:clamp(1.45rem,2.6vw,1.9rem); font-weight:800; line-height:1.2;
  letter-spacing:-.01em; margin:.15rem 0 .35rem; }
.quiz-card .qd .qd-lead{ color:var(--ink-soft,#C9C4BE); font-size:clamp(1rem,1.3vw,1.1rem); }

/* что будет дальше */
.quiz-card .qd .qd-steps{ list-style:none; display:grid; gap:.8rem; counter-reset:qd;
  grid-template-columns:repeat(auto-fit,minmax(15rem,1fr)); }
.quiz-card .qd .qd-step{ counter-increment:qd; position:relative; padding:1.15rem 1.2rem 1.25rem;
  border-radius:var(--radius-s,14px); background:var(--cream,#121313);
  box-shadow:inset 0 0 0 1.5px var(--line,rgba(255,255,255,.14)); list-style:none; margin:0; }
.quiz-card .qd .qd-step::marker{ content:none; }
.quiz-card .qd .qd-step::before{ content:none; display:none; }
.quiz-card .qd .qd-step-ic{ display:inline-flex; align-items:center; gap:.55rem; margin-bottom:.6rem;
  color:var(--terra-text,#8FD3BE); font-weight:700; font-size:.92rem; }
.quiz-card .qd .qd-step-ic::before{ content:counter(qd); display:grid; place-items:center;
  width:1.7rem; height:1.7rem; border-radius:50%; background:var(--terra,#106855); color:#FFFFFF;
  font-size:.88rem; font-weight:800; }
.quiz-card .qd .qd-step-t{ font-weight:700; font-size:1.06rem; line-height:1.3; margin-bottom:.35rem; color:var(--ink,#E9E6E2); }
.quiz-card .qd .qd-step-d{ color:var(--ink-soft,#C9C4BE); font-size:.96rem; }

/* похожие объекты */
.quiz-card .qd .qd-works[hidden]{ display:none; }
.quiz-card .qd .qd-works-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; margin-bottom:.9rem; }
.quiz-card .qd .qd-works-t{ font-size:1.2rem; font-weight:800; line-height:1.25; color:var(--ink,#E9E6E2); }
.quiz-card .qd .qd-works-s{ color:var(--ink-soft,#C9C4BE); font-size:.95rem; margin-top:.2rem; }
.quiz-card .qd .qd-all{ display:inline-flex; align-items:center; gap:.35rem; white-space:nowrap;
  color:var(--terra-text,#8FD3BE); font-weight:700; text-decoration:none; padding:.4rem 0; }
.quiz-card .qd .qd-all:hover{ text-decoration:underline; text-underline-offset:3px; }
.quiz-card .qd .qd-all svg{ width:1.1em; height:1.1em; }

.quiz-card .qd .qd-grid{ display:grid; gap:.9rem; grid-template-columns:repeat(3,minmax(0,1fr)); }
.quiz-card .qd .qd-card{ display:flex; flex-direction:column; gap:.6rem; text-decoration:none; color:inherit; min-width:0; }
.quiz-card .qd .qd-card-img{ display:block; aspect-ratio:4/3; border-radius:var(--radius-s,14px); overflow:hidden;
  background:var(--sand,#242625); }
.quiz-card .qd .qd-card-img img{ display:block; width:100%; height:100%; object-fit:cover;
  transition:transform .35s cubic-bezier(.16,1,.3,1); }
.quiz-card .qd .qd-card:hover img{ transform:scale(1.03); }
.quiz-card .qd .qd-card-cap{ font-size:.93rem; line-height:1.4; color:var(--ink-soft,#C9C4BE);
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.quiz-card .qd .qd-card:hover .qd-card-cap{ color:var(--ink,#E9E6E2); }
.quiz-card .qd .qd-card:focus-visible{ outline:3px solid var(--terra,#106855); outline-offset:4px; border-radius:var(--radius-s,14px); }

/* кнопки */
.quiz-card .qd .qd-actions{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.9rem 1.4rem;
  padding-top:clamp(1.2rem,2.2vw,1.6rem); border-top:1px solid var(--line,rgba(255,255,255,.14)); }
.quiz-card .qd .qd-actions-t{ font-weight:600; color:var(--ink,#E9E6E2); }
.quiz-card .qd .qd-btns{ display:flex; flex-wrap:wrap; align-items:center; gap:.7rem; }
.quiz-card .qd .qd-btn{ display:inline-flex; align-items:center; justify-content:center; gap:.45em;
  min-height:48px; padding:.8em 1.35em; border-radius:12px; font:inherit; font-weight:700; line-height:1.2;
  text-decoration:none; transition:background-color .15s ease, transform .15s ease, box-shadow .15s ease; }
.quiz-card .qd .qd-btn--main{ background:var(--terra,#106855); color:#FFFFFF; }
.quiz-card .qd .qd-btn--main:hover{ background:var(--terra-hot,#0C5241); color:#FFFFFF; transform:translateY(-2px); }
.quiz-card .qd .qd-btn--ghost{ background:transparent; color:var(--ink,#E9E6E2);
  box-shadow:inset 0 0 0 2px var(--sand-deep,rgba(255,255,255,.28)); }
.quiz-card .qd .qd-btn--ghost:hover{ background:var(--sand,rgba(255,255,255,.08)); color:var(--ink,#E9E6E2); transform:translateY(-2px); }
.quiz-card .qd .qd-btn--text{ color:var(--terra-text,#8FD3BE); padding-inline:.6em; }
.quiz-card .qd .qd-btn--text:hover{ text-decoration:underline; text-underline-offset:3px; color:var(--terra-text,#8FD3BE); }
.quiz-card .qd .qd-btn--text svg{ width:1.1em; height:1.1em; }
.quiz-card .qd .qd-btn:focus-visible, .quiz-card .qd .qd-all:focus-visible{ outline:3px solid var(--terra,#106855); outline-offset:3px; }

/* компьютер: крупнее текст (правило 17–18 px) */
@media (min-width:1100px){
  .quiz-card .quiz-thanks.qd{ font-size:1.08rem; }
  .quiz-card .qd .qd-lead{ font-size:1.12rem; }
  .quiz-card .qd .qd-step-d, .quiz-card .qd .qd-card-cap, .quiz-card .qd .qd-works-s{ font-size:1.08rem; }
  .quiz-card .qd .qd-step-t{ font-size:1.16rem; }
}

/* телефон: фото — лентой с прокруткой внутри блока, кнопки во всю ширину */
@media (max-width:640px){
  .quiz-card .qd .qd-head{ gap:.8rem; }
  .quiz-card .qd .qd-ok{ width:2.5rem; height:2.5rem; }
  .quiz-card .qd .qd-ok svg{ width:1.4rem; height:1.4rem; }
  .quiz-card .qd .qd-steps{ grid-template-columns:1fr; }
  .quiz-card .qd .qd-step{ padding:1rem 1rem 1.1rem; }
  .quiz-card .qd .qd-grid{ grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:78%;
    overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scrollbar-width:none;
    margin-inline:calc(-1 * clamp(1.1rem,3.2vw,2.6rem)); padding-inline:clamp(1.1rem,3.2vw,2.6rem);
    scroll-padding-inline:clamp(1.1rem,3.2vw,2.6rem); }
  .quiz-card .qd .qd-grid::-webkit-scrollbar{ display:none; }
  .quiz-card .qd .qd-card{ scroll-snap-align:start; }
  .quiz-card .qd .qd-works-head{ align-items:flex-start; flex-direction:column; gap:.3rem; }
  .quiz-card .qd .qd-btns{ width:100%; }
  .quiz-card .qd .qd-btn--main, .quiz-card .qd .qd-btn--ghost{ flex:1 1 100%; }
  .quiz-card .qd .qd-btn--text{ flex:1 1 100%; }
}

@media (prefers-reduced-motion:reduce){
  .quiz-card .qd .qd-card-img img, .quiz-card .qd .qd-btn{ transition:none; }
  .quiz-card .qd .qd-card:hover img{ transform:none; }
}