/* Booking is a focused glass sheet over the Masterclass campaign. */
#booking-dialog { width: min(740px, calc(100% - 32px)); max-height: 92svh; margin: auto; padding: 0; border: 1px solid #9db7ee52; border-radius: 26px; background: #0c192b; color: #fbfcfb; box-shadow: 0 40px 130px #000a; }
#booking-dialog::backdrop { background: #020812cf; backdrop-filter: blur(10px); }
body.booking-dialog-fallback-open { overflow: hidden; }
body.booking-dialog-fallback-open::before { position: fixed; z-index: 190; background: #020812e8; content: ""; inset: 0; }
#booking-dialog.booking-dialog-fallback[open] { position: fixed; z-index: 200; inset: 4svh 0 auto; overflow: auto; }
#booking-dialog .booking-form { max-height: 92svh; padding: clamp(24px, 5vw, 42px); overflow-y: auto; border: 0; border-radius: 25px; background: radial-gradient(ellipse at top right, #5d429338, transparent 65%), linear-gradient(135deg, #163149d9, #101626ed); }
.booking-form-header { display: flex; align-items: start; justify-content: space-between; gap: 20px; }
.masterclass .booking-form h2 { max-width: none; margin-top: 14px; font-size: clamp(28px, 5vw, 42px); }
.booking-form .section-label { color: #b6d2e7; font-size: 12px; line-height: 1.6; }
.dialog-close { display: grid; width: 44px; height: 44px; flex: 0 0 auto; border: 1px solid #9ab4d663; border-radius: 50%; background: #ffffff08; color: #fff; cursor: pointer; font-size: 28px; line-height: 1; place-items: center; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 28px; }
.field { display: flex; min-width: 0; flex-direction: column; gap: 8px; }
.field label, .check-row { color: #fbfcfb; font-size: 14px; font-weight: 600; }
.field :is(input, select, textarea) { font: inherit; width: 100%; min-height: 48px; border: 1px solid #88a8d263; border-radius: 10px; padding: 12px; background: #081323bd; color: #fbfcfb; }
.field textarea { resize: vertical; }
.field :is(input, select, textarea):focus { border-color: #93d5ff; }
.field :is(input, select, textarea)[aria-invalid] { border-color: #ffadb6; }
.booking-preparation { display: grid; min-width: 0; gap: 18px; margin: 26px 0; border: 1px solid #9ab4d63a; border-radius: 16px; padding: 22px; }
.booking-preparation legend { padding-inline: 8px; font-weight: 600; }
.booking-preparation p { margin: 0; font-size: 13px; }
.check-row { display: grid; min-height: 44px; grid-template-columns: 24px 1fr; gap: 12px; align-items: start; margin-top: 20px; padding-block: 8px; cursor: pointer; line-height: 1.6; }
.check-row input { width: 22px; height: 22px; margin: 2px 0 0; accent-color: #59bdff; }
.check-row a, .masterclass-payment-note a { text-decoration: underline; text-underline-offset: 3px; }
.field-error, .error-summary { color: #ffb2bc; font-size: 13px; }
.field-error:empty { display: none; }
.field-hint, .field-optional { color: #b7c8d8; font-size: 12px; line-height: 1.5; }
.error-summary { margin-top: 22px; padding: 14px; border: 1px solid currentColor; border-radius: 10px; }
.error-summary a { color: inherit; text-decoration: underline; }
.cf-turnstile { width: 100%; min-width: 0; margin-top: 20px; }
.booking-actions { display: grid; gap: 18px; margin-top: 28px; padding-top: 22px; border-top: 1px solid #9ab4d63a; }
.booking-actions p, #booking-status { margin: 0; font-size: 13px; }
#booking-status:not(:empty) { margin-top: 18px; }
.masterclass .masterclass-tax-total { color: #d4e7f4; font-size: 14px; margin-top: 8px; }
.masterclass-expired-notice { position: fixed; right: 20px; bottom: 90px; z-index: 120; width: min(520px, calc(100% - 40px)); padding: 22px; }
.masterclass-expired-notice[hidden] { display: none; }
.masterclass-button:disabled, .masterclass-button[aria-disabled="true"] { cursor: not-allowed; opacity: .65; transform: none; }
@media (max-width: 540px) {
  #booking-dialog { width: calc(100% - 16px); max-height: 96svh; border-radius: 20px; }
  #booking-dialog .booking-form { max-height: 96svh; padding: 22px 18px; border-radius: 19px; }
  .form-grid { grid-template-columns: 1fr; gap: 18px; }
  .booking-preparation { padding: 18px 12px; }
  .field :is(input, select, textarea) { font-size: 16px; }
  .booking-form-header { gap: 12px; }
  .masterclass .booking-form h2 { font-size: 30px; }
}