/* 152-ФЗ, рефинансирование.site: раскладка галочки в формах сайта и шапка страниц документов.
   Общие стили — pages/legal/static/legal/legal.css */

/* Карточка квиза была фиксированной высоты — с галочкой последний шаг в неё не помещался */
.quiz-block-wrapper {
  height: auto;
  min-height: 470px;
}

@media (max-width: 767px) {
  .quiz-block-wrapper {
    min-height: 445px;
  }
}

/* Квиз, последний шаг: на компьютере галочка между заголовком и «На какой номер сможете принять звонок?»,
   на телефоне — между полем телефона и кнопкой (обёртки раскрываются через display: contents) */
.quiz-slide--contacts .consent {
  margin: 24px 0 0;
}

.quiz-slide--contacts .consent + .quiz-slide__subtitle {
  margin-top: 24px;
}

/* Карточка теперь растёт по содержимому — отступ, чтобы кнопка не прилипала к разделителю над «7 / 7» */
.quiz-slide--contacts .quiz-slide__get-data {
  margin-bottom: 40px;
}

@media (max-width: 576px) {
  /* .swiper-slide из swiper-bundle.css подключается позже и задаёт display: block */
  .quiz-slide.quiz-slide--contacts.swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .quiz-slide--contacts .quiz-slide__get-data,
  .quiz-slide--contacts .quiz-slide__form-row {
    display: contents;
  }

  .quiz-slide--contacts .quiz-slide__title {
    -ms-flex-order: 1;
    order: 1;
  }

  .quiz-slide--contacts .quiz-slide__subtitle,
  .quiz-slide--contacts .consent + .quiz-slide__subtitle {
    -ms-flex-order: 2;
    order: 2;
    margin-top: 24px;
  }

  .quiz-slide--contacts .input-wrapper {
    -ms-flex-order: 3;
    order: 3;
    margin-top: 20px;
  }

  .quiz-slide--contacts .consent {
    -ms-flex-order: 4;
    order: 4;
    margin: 8px 0 0;
  }

  .quiz-slide--contacts .quiz-slider__submit {
    -ms-flex-order: 5;
    order: 5;
    margin-top: 8px;
    margin-bottom: 24px;
  }
}

/* Всплывающее окно «Перезвоните мне» */
.call-me__form-wrapper .consent + .call-me__order {
  margin-top: 12px;
}

/* Страницы документов */
.legal-header {
  padding: 24px 0;
  border-bottom: 1px solid #ececec;
}