.booking-details{background:white;border:1px solid var(--color-line);padding:32px;margin:32px auto 0;max-width:900px}
.booking-details[hidden]{display:none}.booking-details h3{font-size:32px;line-height:1.2;margin-bottom:16px}
.booking-details p{margin-block:16px;font-size:16px;line-height:1.6;overflow-wrap:anywhere}
.booking-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-block:24px}
.booking-details label{display:block;font-size:16px}.booking-details input,.booking-details textarea{display:block;width:100%;padding:12px;border:1px solid #b9b9b9;margin-top:8px;background:white;min-height:48px}
.booking-details :is(input,textarea):focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}
.booking-details .button{margin-top:16px}.booking-details .form-trap{margin:0}
.booking #timezone{width:100%;min-height:44px}.booking .booking-note{font-size:14px;line-height:1.6;margin-top:16px}
.booking #booking-status,.booking #booking-form-status{font-size:15px;line-height:1.6;margin-top:16px}
.booking .time-slots{max-height:380px;overflow-y:auto}.booking button:disabled{opacity:.4;cursor:not-allowed}
.booking .calendar-days button[aria-pressed=true],.booking .time-slots button[aria-pressed=true]{background:var(--color-brand);color:white;border-color:var(--color-brand)}
.booking .calendar-heading button{font-size:24px;min-width:40px;min-height:40px}.booking #booking-refresh{margin-top:16px;font-size:14px}
@media(max-width:639px){.booking-details{padding:24px 20px}.booking-fields{grid-template-columns:1fr;gap:16px}.booking-details .button{width:100%}.booking-details h3{font-size:28px}}