/* MegaDive · попапы-формы (T702) новых страниц помещаются в экран. Проектный custom.css Tilda (проект 736001), вариант А
   (владелец 28.10.2026: «go A»): общая часть (design/site/popups/popups-base.css) + фирменная градиентная полоса без фото (popups-a.css).
   Только страницы с новой шапкой vb-hdr: на старых страницах её нет, правило их не касается.
   Поля, name, получатели, formaction и согласие не меняются — только раскладка и размеры.
   Цель: форма вместе с кнопкой видна без прокрутки на 1440 × 900 и 390 × 844; на меньших экранах прокручивается только попап,
   кнопка «Отправить» прилипает к низу видимой области. */

/* ── Общее ── */
#allrecords:has(.vb-hdr) .t702 .t-popup.t-popup_show { display: flex !important; align-items: center; justify-content: center; }
#allrecords:has(.vb-hdr) .t702 .t-popup__container { position: relative !important; top: auto !important; left: auto !important; transform: none !important; margin: 0 !important; box-sizing: border-box; display: flex; flex-direction: column; overflow: hidden; }
#allrecords:has(.vb-hdr) .t702 .t702__wrapper { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; scroll-padding-bottom: 96px; } /* поле в фокусе не прячется под прилипшей кнопкой (WCAG 2.4.11) */
#allrecords:has(.vb-hdr) .t702 .t702__title { font-size: 24px !important; line-height: 1.2 !important; }
#allrecords:has(.vb-hdr) .t702 .t702__descr { font-size: 15px !important; line-height: 1.45 !important; margin-top: 8px !important; }
#allrecords:has(.vb-hdr) .t702 .t702__text-wrapper { margin-bottom: 20px !important; }
#allrecords:has(.vb-hdr) .t702 .t-input-group { margin-bottom: 14px !important; }
#allrecords:has(.vb-hdr) .t702 .t-input-title { height: auto !important; font-size: 15px !important; line-height: 1.3 !important; padding-bottom: 6px !important; } /* у Tilda height: 100% — в сетке подпись растягивалась на всю группу и выталкивала поле */
#allrecords:has(.vb-hdr) .t702 .t-input, #allrecords:has(.vb-hdr) .t702 .t-select { height: 48px !important; }
#allrecords:has(.vb-hdr) .t702 input.t-input { padding-top: 0 !important; padding-bottom: 0 !important; } /* у Tilda верхнее поле 22–26 px под высоту 50–60: при 48 текст и подсказка уезжали вниз */
#allrecords:has(.vb-hdr) .t702 .t-input__vis-ph { top: 50% !important; transform: translateY(-50%) !important; }
#allrecords:has(.vb-hdr) .t702 .t-input-phonemask__wrap { height: 48px !important; }
/* «Каюта» и другие варианты — в две колонки */
#allrecords:has(.vb-hdr) .t702 .t-radio__wrapper { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 16px; }
#allrecords:has(.vb-hdr) .t702 .t-radio__item { margin: 0 !important; font-size: 14px !important; line-height: 1.3 !important; }
/* согласие и текст про данные — не мельче 13 px, цвет текста сайта (#151a2d на белом — 17 : 1) */
#allrecords:has(.vb-hdr) .t702 .t-checkbox__control { font-size: 13px !important; line-height: 1.45 !important; color: #151a2d !important; }
#allrecords:has(.vb-hdr) .t702 .t702__form-bottom-text { font-size: 13px !important; line-height: 1.45 !important; color: #555c78 !important; margin-top: 10px !important; padding-bottom: 20px; }
/* кнопка всегда в видимой области: прилипает к низу прокручиваемой части */
#allrecords:has(.vb-hdr) .t702 .t-form__submit { position: sticky; bottom: 0; z-index: 2; height: auto !important; box-sizing: border-box; background: #fff; padding: 10px 0 12px !important; margin-top: 4px; } /* у Tilda у блока кнопки своя высота — без height: auto он наезжал на текст про данные */
#allrecords:has(.vb-hdr) .t702 .t-form__submit .t-submit { height: 52px !important; }

/* ── Телефон и планшет: окно во весь экран, плотнее отступы ── */
@media (max-width: 959.98px) {
  #allrecords:has(.vb-hdr) .t702 .t-popup__container { width: 100% !important; max-width: none !important; height: 100% !important; max-height: 100% !important; border-radius: 0 !important; }
  #allrecords:has(.vb-hdr) .t702 .t702__wrapper { padding: 20px 20px 0 !important; }
  #allrecords:has(.vb-hdr) .t702 .t702__title { font-size: 22px !important; }
}
@media (min-width: 640px) and (max-width: 959.98px) {
  #allrecords:has(.vb-hdr) .t702 .t-popup__container { width: min(600px, 100%) !important; height: auto !important; max-height: calc(100dvh - 48px) !important; border-radius: 14px !important; }
}

/* ── От 960 px: окно 760 px, поля парами (верх попапа — в вариантах popups-a.css / popups-b.css) ── */
@media (min-width: 960px) {
  #allrecords:has(.vb-hdr) .t702 .t-popup__container { width: min(760px, calc(100vw - 96px)) !important; max-width: none !important; max-height: min(90vh, 860px) !important; border-radius: 14px !important; }
  #allrecords:has(.vb-hdr) .t702 .t702__wrapper { padding: 28px 40px 0 !important; }
  #allrecords:has(.vb-hdr) .t702 .t702__text-wrapper { text-align: left !important; }
  #allrecords:has(.vb-hdr) .t702 .t702__title { font-size: 28px !important; }
  #allrecords:has(.vb-hdr) .t702 .t-form__inputsbox { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px; }
  #allrecords:has(.vb-hdr) .t702 .t-form__inputsbox > * { grid-column: 1 / -1; }
  #allrecords:has(.vb-hdr) .t702 .t-form__inputsbox > :is(.t-input-group_nm, .t-input-group_ph, .t-input-group_em, .t-input-group_sb, .t-input-group_in, .t-input-group_da, .t-input-group_tm) { grid-column: auto; }
  #allrecords:has(.vb-hdr) .t702 .t702__form-bottom-text { text-align: left !important; }
}
/* Вариант А (основной): без фото. Одна фирменная шапка на все формы — градиентная полоса линии глубины (владелец 27.10.2026: «полосу
   только сделай градиентной»): слева «Mega» #00a7e3, через #4a69ff, справа «Dive» #3f326c; знак MegaDive белым слева.
   Текста на полосе нет, заголовок формы — ниже, как был.
   На телефоне полоса сама становится верхом окна: чёрная планка Tilda с крестиком прозрачная, крестик лежит на полосе (экономит 50 px). */
#allrecords:has(.vb-hdr) .t702 .t702__img { display: none !important; }
#allrecords:has(.vb-hdr) .t702 .t-popup__container::before { content: ""; flex: none; display: block; height: 72px;
  background: linear-gradient(90deg, #00a7e3 0%, #4a69ff 50%, #3f326c 100%); }
#allrecords:has(.vb-hdr) .t702 .t-popup__container::after { content: ""; position: absolute; top: 14px; left: 40px; width: 72px; height: 42px; pointer-events: none;
  background: url(https://static.tildacdn.com/tild3432-6633-4561-b438-353532363362/MegaDive_1.png) left center / contain no-repeat; filter: brightness(0) invert(1); }
@media (max-width: 959.98px) {
  #allrecords:has(.vb-hdr) .t702 .t-popup__container { padding-top: 0 !important; }
  #allrecords:has(.vb-hdr) .t702 .t-popup__close { background: transparent !important; }
  #allrecords:has(.vb-hdr) .t702 .t-popup__container::before { height: 56px; }
  #allrecords:has(.vb-hdr) .t702 .t-popup__container::after { top: 10px; left: 20px; width: 60px; height: 35px; }
}

/* Заголовок формы — Prata 400, синий, как у остальных попапов (у Мальдив был системный шрифт жирным; 28.10.2026) */
#allrecords:has(.vb-hdr) .t702 .t702__title { font-family: 'Prata', Georgia, serif !important; font-weight: 400 !important; color: #4a69ff !important; }