/* ==========================================================================
   Заявка — /ru/match
   Одна колонка, как у экранов входа: форма короткая и читается сверху вниз.
   Поля и чипы — общие (components.css), здесь только раскладка.
   ========================================================================== */

.lead { max-width: 560px; }

.lead__head { margin-bottom: var(--sp-6); }
.lead__title {
  margin-top: var(--sp-1);
  font-size: var(--fs-2xl);
  font-weight: 400;
  letter-spacing: -.01em;
}
.lead__lead { margin-top: var(--sp-3); color: var(--ink-soft); }

/* Скидка — строкой, не бейджем: документ, «Визуальный язык скидки» */
.lead__discount { margin-top: var(--sp-3); color: var(--ink); }

.lead__pro {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  margin-top: var(--sp-4);
}
.lead__ava {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  overflow: hidden;
  border-radius: 50%;
  background: #EDE9E3;
  color: var(--ink-soft);
  font-weight: 500;
}
.lead__ava img { width: 100%; height: 100%; object-fit: cover; }
.lead__pro-name { display: block; font-weight: 500; }
.lead__pro-role { display: block; font-size: var(--fs-sm); color: var(--muted); }

.lead__note { margin-top: var(--sp-3); }
.lead__submit { margin-top: var(--sp-2); }
.lead__tg { margin-top: var(--sp-6); color: var(--ink-soft); }
.lead__tg a { white-space: nowrap; }

/* Две колонки для коротких полей — только когда есть место */
@media (min-width: 560px) {
  .lead__pair { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-4); }
}
@media (min-width: 980px) {
  .lead__title { font-size: 34px; }
}

/* ================ «Не знаете, кого выбрать?» под списками =================
   Светлая полоса: тёмная на сайте одна — на главной (документ структуры). */
.leadstrip {
  display: grid;
  gap: var(--sp-3);
  margin-top: var(--sp-7);
  padding: var(--sp-5);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  background: var(--paper);
}
.leadstrip__title { font-family: var(--font-display); font-size: var(--fs-lg); font-weight: 400; }
.leadstrip__text { color: var(--ink-soft); }
.leadstrip__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-3) var(--sp-5); }
.leadstrip__tg { color: var(--ink-soft); }

@media (min-width: 720px) {
  .leadstrip { grid-template-columns: 1fr auto; align-items: center; }
  .leadstrip__actions { justify-content: flex-end; }
}

/* ======================= «Задать вопрос» — плавающая ======================
   Только на телефоне и только на списках: на десктопе та же кнопка в шапке. */
.askfab {
  position: fixed;
  right: var(--sp-4);
  bottom: calc(var(--sp-4) + var(--safe-bottom));
  z-index: 40;
  display: inline-flex;
  align-items: center;
  min-height: var(--tap);
  padding: 0 var(--sp-5);
  border-radius: var(--r-pill);
  background: var(--ink);
  color: #fff;
  font-size: var(--fs-base);
  text-decoration: none;
  box-shadow: var(--shadow-drop);
}
.askfab:hover { text-decoration: none; opacity: .92; }
.is-sheet-open .askfab { display: none; }
@media (min-width: 980px) { .askfab { display: none; } }
/* Кнопка плавает поверх страницы — подвалу запас, чтобы она не закрывала
   его последнюю строку, когда страница докручена до конца */
@media (max-width: 979px) {
  .has-askfab .sitefoot__in {
    padding-bottom: calc(var(--sp-6) + var(--tap) + var(--sp-5) + var(--safe-bottom));
  }
}