/* =========================================================
   📄 Booking — форма бронирования
   Проект: КОЧУЙ
   Роль файла:
   - компоновка страницы
   - локальные акценты
   - БЕЗ базовых form/input/button стилей
   ========================================================= */



/* =========================================================
   🧭 PAGE LAYOUT
   ========================================================= */

/* компенсация sticky-header */
.page-booking{
  padding-top: calc(var(--space-16));
  padding-bottom: var(--space-12);
}



/* === Общая колонка бронирования === */
.booking-column{
  width:100%;
  max-width:420px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:var(--space-4);
}

/* форма должна занимать всю колонку */
.booking-column .form{
  width:100%;
}




/* =========================================================
   🧱 CONTAINERED BLOCKS
   ========================================================= */

/* head */
.booking-head{
  width:100%;

  box-sizing:border-box;

  padding:0 var(--space-4);

  margin:0 0 var(--space-2);
}



/* форма */
.booking-form-wrap{
  max-width: 720px;
  margin: 0 auto;
}





/* =========================================================
   🧠 TYPOGRAPHY (LOCAL OVERRIDE)
   ========================================================= */

/* H1 — семантика H1, визуально H3 */
.page-booking .booking-head h1{
  font-size: 1.2rem;              /* ≈ H3 */
  line-height: var(--lh-heading);
  font-weight: 600;
  color: var(--color-muted);
  margin-bottom: var(--space-4);
  font-family: var(--font-display); /* Unbounded */
  

  
}

/* поясняющий текст */
.booking-head p{
  width:100%;
  max-width:none;

  color:var(--color-muted);
}