.booking-page {
  color: #fff;
  background: var(--navy);
  border-bottom: 1px solid #254158;
}
.booking-layout {
  width: min(1220px, 100%);
  margin: 0 auto;
  padding: clamp(32px, 5vw, 72px) 28px 64px;
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.25fr);
  grid-template-areas: "intro form" "details form";
  grid-template-rows: auto 1fr;
  gap: 34px clamp(28px, 6vw, 86px);
  align-items: start;
}
.booking-intro { grid-area: intro; }
.back-home { color: #a9c6d8; font-size: 13px; text-decoration: none; }
.back-home:hover, .back-home:focus-visible { text-decoration: underline; }
.booking-intro h1 {
  margin: 24px 0 16px;
  font: 800 clamp(50px, 5.7vw, 82px)/.96 var(--condensed);
  text-transform: uppercase;
}
.booking-intro h1 em { display: block; color: var(--blue); }
.booking-intro p { max-width: 32em; margin: 0; color: #bfd1df; font-size: 15px; line-height: 1.65; }
.booking-layout .form-wrap { grid-area: form; width: 100%; border-top: 3px solid var(--blue); }
.booking-layout .mode-switch { grid-template-columns: 1fr 1fr; }
.booking-layout .mode-button.is-active { background: var(--navy2); color: #fff; }
.booking-layout .mode-button:focus-visible { outline: 2px solid #087bb5; outline-offset: 1px; }
.booking-details { grid-area: details; border-top: 1px solid #29465a; padding: 20px 0 0; }
.booking-phone { display: block; text-decoration: none; }
.booking-phone span { color: #abc2d1; display: block; font-size: 13px; }
.booking-phone strong { display: block; margin: 4px 0 12px; font: 700 30px/1 var(--condensed); }
.booking-wa { color: #78e2b0; font-size: 14px; text-underline-offset: 4px; }
.booking-details p { color: #a9c0ce; font-size: 13px; line-height: 1.6; }
@media (max-width: 800px) {
  .booking-layout { grid-template-columns: minmax(0, 1fr); grid-template-areas: "intro" "form" "details"; gap: 22px; padding: 24px 16px 38px; }
  .booking-intro h1 { margin: 13px 0 8px; font-size: clamp(35px, 8vw, 52px); }
  .booking-intro h1 em { display: inline; }
  .booking-intro p { font-size: 14px; }
  .booking-page + .site-footer { padding-bottom: 28px; }
}