/* ==========================================================================
   Страница «Бронирование» (/booking/) — виджет TravelLine
   Контент (заголовок + виджет) занимает минимум весь экран под шапкой:
   пока виджет грузится, подвал не «выпрыгивает» вверх, а страница не скачет.
   ========================================================================== */
.booking-page {
  display: flex;
  flex-direction: column;
  /* экран минус фикс-шапка (--sh-h из header.css) и админ-панель Битрикса */
  min-height: calc(100vh - var(--sh-h, var(--header-h)) - var(--admin-offset, 0px));
}
@supports (height: 100svh) {
  /* svh — без учёта выезжающей адресной строки на телефонах, иначе скачок при скролле */
  .booking-page { min-height: calc(100svh - var(--sh-h, var(--header-h)) - var(--admin-offset, 0px)); }
}

/* Заголовок — отступы как у .page-head на «Контактах» (Figma) */
.booking-page .page-head { padding-top: 60px; padding-bottom: 32px; }
@media (min-width: 992px) {
  .booking-page .page-head { padding-top: 64px; padding-bottom: 40px; }
}

/* Обёртка виджета забирает всю оставшуюся высоту */
.booking-page__widget {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  padding-bottom: 80px;
}
@media (max-width: 767.98px) {
  .booking-page__widget { padding-bottom: 60px; }
}
#tl-booking-form {
  flex: 1 0 auto;
  width: 100%;
  max-width: 1360px;
  min-height: 400px;
  margin: 0 auto;
  z-index: 0;
}