/* Компактные поп-апы с формой (t702).
   Штатные размеры Тильды рассчитаны на полноэкранный просмотр: на ноутбуке
   форма не помещалась в окно целиком и кнопка «Отправить» уезжала за край.
   Ужимаем шапку, заголовок, поля и отступы - карточка влезает в ~600 px. */

/* !important обязателен: у каждой записи Тильда печатает свой <style> с
   селекторами #recNNN, они специфичнее любого классового правила отсюда. */

.t702 .t-popup__container {
  max-width: 480px !important;
  width: auto !important;
}

/* узкий экран: карточка по ширине окна с полями по 16 px */
@media screen and (max-width: 540px) {
  .t702 .t-popup__container {
    max-width: calc(100vw - 32px) !important;
  }
}

.t702 .t702__img {
  max-height: 110px !important;
  object-fit: cover;
}

.t702 .t702__wrapper {
  padding: 18px 26px 22px !important;
}

.t702 .t702__title {
  font-size: 21px !important;
  line-height: 1.15 !important;
}

.t702 .t702__descr {
  margin-top: 6px !important;
  font-size: 13px !important;
}

.t702 .t-form {
  margin-top: 12px;
}

.t702 .t-input-group {
  margin-bottom: 8px !important;
}

.t702 .t-input-group_cb {
  margin-bottom: 2px !important;
}

.t702 .t-input {
  height: 42px !important;
  padding: 6px 16px !important;
  font-size: 15px !important;
}

.t702 .t-checkbox__control {
  font-size: 12px !important;
  line-height: 1.3 !important;
}

.t702 .t-submit {
  height: 44px !important;
  padding: 0 24px !important;
  font-size: 15px !important;
}

/* телефон и почта под формой - для тех, кому проще позвонить */
.t702 .pr-popup-contacts {
  padding: 0 20px 14px;
}

.t702 .pr-popup-contacts p {
  margin: 10px 0 0;
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 13px;
  line-height: 1.4;
  color: #333;
  text-align: center;
}

.t702 .pr-popup-contacts a {
  color: #b8894a;
  text-decoration: none;
  white-space: nowrap;
}

/* невысокие экраны: шапка с логотипом уходит первой, она чисто декоративная */
@media screen and (max-height: 800px) {
  .t702 .t702__img {
    display: none !important;
  }

  .t702 .t702__title {
    font-size: 18px !important;
  }

  .t702 .t702__wrapper {
    padding: 14px 24px 18px !important;
  }
}