.booking-dialog{--booking-field-bg:var(--white);--booking-accent:var(--action);--booking-error:#9e2424;color-scheme:light;width:min(700px,calc(100% - 40px));max-height:calc(100dvh - 48px);margin:auto;padding:0;overflow:auto;border:0;background:var(--paper);color:var(--ink);box-shadow:0 28px 100px #0004;border-radius:4px;overscroll-behavior:contain}
.booking-dialog::backdrop{background:#141310a8;backdrop-filter:blur(7px)}
.booking-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 28px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:2}
.booking-close{width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;background:none;border:1px solid var(--line);border-radius:50%;font:32px/1 var(--body);transition:background .18s,color .18s,transform .2s}
.booking-content{padding:34px 44px 26px}
.booking-kicker{margin-bottom:19px;color:var(--muted)}
.booking-dialog h2{font-size:clamp(54px,6vw,76px);margin:0}
#booking-intro{font-size:15px;color:var(--muted);margin-top:15px}
.booking-status{font-size:14px;color:var(--muted);margin-top:22px}
.booking-status:empty{display:none}
.booking-progress{list-style:none;display:flex;gap:24px;padding:0 0 20px;margin:28px 0 24px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}
.booking-progress li{display:flex;gap:9px;align-items:center}
.booking-progress span{font-size:11px;letter-spacing:.07em}
.booking-progress [aria-current]{color:var(--booking-accent);font-weight:600}
.booking-fields{padding:0;margin:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:21px}
.booking-field{min-width:0;display:flex;flex-direction:column;gap:9px}
.booking-field label,.booking-times legend{font-size:14px;font-weight:600}
.booking-field label span{font-size:12px;font-weight:400;color:var(--muted);margin-left:5px}
.booking-field input,.booking-field select,.booking-field textarea{width:100%;min-height:52px;min-width:0;padding:12px 13px;border:1px solid #9c9c92;border-radius:3px;background:var(--booking-field-bg);font:16px/1.5 var(--body);color:var(--ink);transition:border-color .18s,box-shadow .18s;accent-color:var(--action)}
.booking-field select{padding-right:28px}
.booking-field textarea{resize:vertical;min-height:92px}
.booking-field :is(input,select,textarea):focus-visible{outline:2px solid var(--booking-accent);outline-offset:2px;border-color:var(--booking-accent)}
.booking-field :is(input,textarea)[aria-invalid=true]{border-color:var(--action);box-shadow:inset 3px 0 var(--action)}
.booking-field small{font-size:11px;line-height:1.5;color:var(--muted)}
.booking-field .booking-field-error{color:var(--booking-error);font-size:12px}
.booking-field-error:empty{display:none}
.booking-times{padding:0;margin:26px 0 0;border:0;min-inline-size:0}
.booking-times legend{margin-bottom:11px}
#booking-slots-status{font-size:13px;color:var(--muted);margin-bottom:13px;line-height:1.65}
#booking-slots-status:empty{display:none}
.booking-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-height:230px;overflow:auto;padding:3px}
.booking-slot{min-width:0;position:relative;display:flex;cursor:pointer}
.booking-slot input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.booking-slot span{display:flex;align-items:center;justify-content:center;min-height:46px;width:100%;padding:9px 7px;border:1px solid var(--line);border-radius:3px;background:var(--booking-field-bg);font-size:14px;font-weight:500;transition:background .16s,color .16s,border-color .16s}
.booking-slot:hover span{border-color:var(--action)}
.booking-slot input:checked+span{background:var(--action);color:var(--white);border-color:var(--action)}
.booking-slot input:focus-visible+span{outline:2px solid var(--booking-accent);outline-offset:2px}
.booking-slot input:disabled+span{opacity:.55;cursor:wait}
.booking-timezone{color:var(--muted);font-size:11px;margin-top:14px!important;line-height:1.6}
.booking-next,.booking-submit{width:100%;margin-top:23px;justify-content:space-between;gap:16px;white-space:normal;text-align:left}
.booking-dialog button:disabled{opacity:.45;cursor:not-allowed;transform:none}
.booking-dialog button:disabled:hover{background:var(--action);border-color:var(--action);color:var(--white)}
.booking-large-party{margin-top:13px!important;font-size:12px;color:var(--muted)}
.booking-dialog p a{text-decoration:underline;text-underline-offset:3px}
.booking-dialog p a:hover{color:var(--booking-accent)}
.booking-summary{display:flex;justify-content:space-between;gap:16px;align-items:center;background:var(--paper-alt);border-left:3px solid var(--red);padding:15px 17px;margin-bottom:24px}
.booking-summary p{font-size:14px;font-weight:500;line-height:1.65}
.booking-edit{min-height:44px;flex-shrink:0;padding:6px 0 6px 10px;font-size:12px;text-decoration:underline;text-underline-offset:4px;border:0;background:transparent}
.booking-contact-fields{gap:20px}
.booking-note-field{grid-column:1/-1}
.booking-privacy{font-size:11px;line-height:1.8;color:var(--muted);margin-top:18px!important}
.booking-submit-error{border-left:3px solid var(--action);background:#efe0dc;color:#7a2323;padding:13px 15px;font-size:13px;line-height:1.6;margin-top:20px!important}
.booking-contact-help{font-size:12px;color:var(--muted);margin-top:15px!important}
.booking-unavailable{border-top:1px solid var(--line);padding-top:23px;margin-top:27px}
.booking-unavailable p{font-size:15px;line-height:1.8;color:var(--muted)}
.booking-unavailable .button{margin-top:24px}
.booking-unavailable .text-link{margin-top:14px;display:flex;width:fit-content}
.booking-address{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);border-top:1px solid var(--line);padding-top:19px;margin-top:30px!important}
.booking-success{border-top:1px solid var(--line);margin-top:26px;padding-top:25px}
.booking-success-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:var(--white);background:var(--action);font-size:24px;margin-bottom:18px}
.booking-success h3{font-size:44px;margin:0}
.booking-success>p{font-size:14px;line-height:1.75;color:var(--muted);margin-top:15px}
.booking-confirmation{margin:24px 0}
.booking-confirmation>div{display:grid;grid-template-columns:150px 1fr;gap:16px;border-bottom:1px solid var(--line);padding:13px 0;align-items:baseline}
.booking-confirmation dt{font-size:12px;color:var(--muted)}
.booking-confirmation dd{font-size:14px;font-weight:500;margin:0;overflow-wrap:anywhere}
.booking-success .button{margin-top:24px}
.booking-sr-only,.booking-honeypot{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.booking-dialog [tabindex="-1"]:focus{outline:none}
.booking-dialog [aria-busy=true]{cursor:progress}
@media(hover:hover) and (pointer:fine){.booking-close:hover{background:var(--ink);color:var(--paper);transform:rotate(90deg)}}
/* Fixed dark theme, independent of device settings. */
@media all{.booking-dialog{color-scheme:dark;--booking-field-bg:#292a27;--booking-accent:var(--red);--booking-error:#ffaaa5}.booking-field :is(input,textarea)[aria-invalid=true]{border-color:var(--red);box-shadow:inset 3px 0 var(--red)}}
@media(max-width:600px){.booking-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.booking-topline{padding:12px 20px}.booking-topline .eyebrow{font-size:10px}.booking-content{padding:26px 22px 22px}.booking-fields{gap:15px}.booking-field label{font-size:12px}.booking-field input,.booking-field select{padding:11px 9px}.booking-progress{gap:20px;font-size:12px;margin-top:24px}.booking-slots{grid-template-columns:repeat(4,minmax(0,1fr))}.booking-contact-fields{grid-template-columns:1fr}.booking-summary{padding:12px 13px}.booking-confirmation>div{grid-template-columns:1fr;gap:4px}.booking-kicker{font-size:10px}.booking-large-party{font-size:11px}.booking-summary p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.booking-dialog *{transition:none!important}.booking-close:hover{transform:none}}