/* Scoped to the clearly labelled, offline AI booking demonstration. */
.ai-look-booking-preview{--look-bg:#17221e;--look-ink:#e8e6d9;--look-muted:#b0baae;--look-line:#e8e6d92e;--look-accent:#b98447;--look-on-accent:#17221e;--look-surface:#e8e6d9;--look-surface-ink:#17221e;--booking-preview-display:'Club Display',Impact,sans-serif;position:fixed;inset:0;z-index:10020;background:var(--look-bg);color:var(--look-ink);font:14px/1.6 'Club Sans',Arial,sans-serif;overflow:auto;overscroll-behavior:contain}
.ai-look-booking-preview[data-look-template='black-fade']{--booking-preview-display:'Barlow Condensed',Impact,sans-serif}.ai-look-booking-preview[data-look-template='editorial-fade']{--booking-preview-display:'Archivo Black',Impact,sans-serif}
.ai-look-booking-preview *{box-sizing:border-box}.ai-look-booking-preview :is(button,input,textarea){font:inherit}.ai-look-booking-preview button{color:inherit}.ai-look-booking-preview :is(button,a,input,textarea):focus-visible{outline:2px solid var(--look-ink);outline-offset:4px}.ai-look-booking-preview :is(h1,h2,h3,p){margin-top:0}.ai-look-booking-disclosure{position:fixed;inset:0 0 auto;z-index:10022;min-height:67px;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:10px 5%;background:var(--look-surface);color:var(--look-surface-ink);border-bottom:1px solid var(--look-line);text-align:center;font-size:10px;line-height:1.55}.ai-look-booking-disclosure strong{font-weight:500}.ai-look-booking-disclosure span{font-size:10px}
.ai-look-booking-preview .booking-overlay{--paper:var(--look-ink);position:fixed;inset:67px 0 0;z-index:10021;background:var(--look-bg);color:var(--look-ink);font-family:'Club Sans',Arial,sans-serif}.ai-look-booking-preview .booking-overlay::before{display:none}.ai-look-booking-preview .booking-overlay *{font-family:inherit}.ai-look-booking-preview .booking-shell{width:min(1440px,100%)}.ai-look-booking-preview .booking-topbar strong{font-family:var(--booking-preview-display);font-weight:400;letter-spacing:0;font-size:26px}.ai-look-booking-preview .booking-close{color:var(--look-ink);letter-spacing:.04em}.ai-look-booking-preview .booking-hero h1{font-family:var(--booking-preview-display);font-weight:400;letter-spacing:-.02em;font-size:clamp(44px,5vw,76px);line-height:1}.ai-look-booking-preview .booking-hero>p{position:static;margin:14px 0 0;transform:none;color:var(--look-muted);font-size:14px;letter-spacing:0}.ai-look-booking-preview .booking-brush{display:none}.ai-look-booking-preview .booking-content-heading h2{font-family:var(--booking-preview-display);font-size:30px;line-height:1.15;font-weight:400;letter-spacing:0}
.ai-look-booking-preview :is(.booking-topbar,.booking-summary,.booking-summary-lines>div,.booking-service-row,.booking-barber-row,.booking-footer,.booking-step-line,.booking-confirmation-details,.booking-calendar,.booking-day,.booking-field input,.booking-field textarea){border-color:var(--look-line)}.ai-look-booking-preview :is(.booking-topbar>div>span,.booking-content-heading>p,.booking-stepper button,.booking-stepper .is-complete,.booking-category-nav button,.booking-service-description>span,.booking-service-price>span,.booking-barber-row-label,.booking-muted,.booking-overline,.booking-summary-lines>div>span,.booking-summary-duration,.booking-payment-note,.booking-footer,.booking-calendar-selected,.booking-day-weekday,.booking-day-status,.booking-date-fallback,.booking-form-note,.booking-field>span,.booking-optional,.booking-customer-access,.booking-step-intro){color:var(--look-muted)}.ai-look-booking-preview :is(.booking-stepper .is-current,.booking-category-nav .is-active,.booking-summary-lines button,.booking-summary-lines>div>div>span,.booking-overline>strong,.booking-calendar-month,.booking-day-number,.booking-total,.booking-date-field input,.booking-field input,.booking-field textarea){color:var(--look-ink)}.ai-look-booking-preview :is(.booking-service-row,.booking-barber-row,.booking-day,.booking-slot-list button,.booking-calendar-prev,.booking-calendar-next){background:transparent;color:var(--look-ink)}.ai-look-booking-preview :is(.booking-service-row.is-selected,.booking-barber-row.is-selected,.booking-day.is-selected,.booking-slot-list .is-selected){background:color-mix(in srgb,var(--look-accent) 12%,var(--look-bg));border-color:var(--look-accent)}.ai-look-booking-preview .booking-service-row.is-selected .booking-service-check{color:var(--look-accent)}.ai-look-booking-preview .booking-stepper .is-current .booking-step-line{background:var(--look-accent);transform:none}.ai-look-booking-preview :is(.booking-field input,.booking-field textarea){background:color-mix(in srgb,var(--look-ink) 4%,var(--look-bg))}.ai-look-booking-preview .booking-primary{background:var(--look-accent);border-color:var(--look-accent);color:var(--look-on-accent);font-size:11px;letter-spacing:.04em;border-radius:0}.ai-look-booking-preview .booking-primary:disabled{background:var(--look-line);border-color:var(--look-line);color:var(--look-muted)}.ai-look-booking-preview .booking-primary svg{flex:none;width:20px;height:20px}.ai-look-booking-preview .booking-line-link{color:var(--look-ink)}.ai-look-booking-preview .booking-summary-photo{background:color-mix(in srgb,var(--look-ink) 8%,var(--look-bg))}.ai-look-booking-preview .booking-summary-photo>img{object-fit:contain}.ai-look-booking-preview .booking-barber-photo>img{object-fit:contain}.ai-look-booking-preview .booking-notice{background:color-mix(in srgb,var(--look-ink) 5%,var(--look-bg));border-color:var(--look-line);color:var(--look-ink)}
.ai-look-booking-preview .booking-overlay[data-mobile-summary-open]{--booking-mobile-bg:var(--look-bg);--booking-mobile-paper:var(--look-ink);--booking-mobile-muted:var(--look-muted);--booking-mobile-line:var(--look-line);--booking-mobile-accent:var(--look-accent);--booking-mobile-sheet:var(--look-bg);--booking-mobile-sheet-line:var(--look-line);--booking-mobile-sheet-edge:var(--look-accent);--booking-mobile-footer:var(--look-bg)}
.ai-look-booking-complete{max-width:720px;margin:0 auto;padding:130px 6% 70px}.ai-look-booking-check{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--look-accent);color:var(--look-accent);font-size:25px;margin-bottom:26px}.ai-look-booking-eyebrow{font-size:9px;letter-spacing:.13em;color:var(--look-muted)}.ai-look-booking-complete h1{font:400 clamp(35px,5vw,62px)/1.05 var(--booking-preview-display);letter-spacing:-.02em;margin:16px 0 22px}.ai-look-booking-complete>p{font-size:13px;line-height:1.8;color:var(--look-muted)}.ai-look-booking-complete>p strong{color:var(--look-ink)}.ai-look-booking-complete dl{padding:0;margin:30px 0;border-top:1px solid var(--look-line)}.ai-look-booking-complete dl>div{display:grid;grid-template-columns:42% 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--look-line)}.ai-look-booking-complete dt{font-size:10px;color:var(--look-muted)}.ai-look-booking-complete dd{font-size:12px;margin:0;overflow-wrap:anywhere}.ai-look-booking-return{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:50px;border:0;border-radius:0;padding:15px 19px;background:var(--look-accent);color:var(--look-on-accent)!important;font-size:12px;cursor:pointer}
@media(max-width:600px){.ai-look-booking-disclosure{min-height:78px;padding-inline:6%;font-size:9px}.ai-look-booking-disclosure span{font-size:9px}.ai-look-booking-preview .booking-overlay{top:78px}.ai-look-booking-preview .booking-content-heading h2{font-size:25px}.ai-look-booking-preview .booking-hero h1{font-size:44px}.ai-look-booking-complete{padding-top:116px}.ai-look-booking-complete dl>div{grid-template-columns:1fr;gap:5px}.ai-look-booking-complete dd{font-size:12px}}
@media(prefers-reduced-motion:reduce){.ai-look-booking-preview *{animation:none!important;transition:none!important}}

/* Calendar labels stay legible on the business palette at every viewport. */
.ai-look-booking-preview .booking-overlay .booking-day-weekday{font-size:12px;letter-spacing:.06em;color:var(--look-muted)}
.ai-look-booking-preview .booking-overlay .booking-day-status{font-size:12px;line-height:1.35;letter-spacing:.025em;color:var(--look-muted);white-space:nowrap}
.ai-look-booking-preview .booking-overlay .booking-day.is-selected :is(.booking-day-weekday,.booking-day-status){color:var(--look-ink)}
@media(max-width:760px){
 .ai-look-booking-preview .booking-overlay .booking-day-strip{grid-template-columns:repeat(7,minmax(60px,1fr))}
 .ai-look-booking-preview .booking-overlay .booking-day{min-width:60px}
 .ai-look-booking-preview .booking-overlay .booking-day-weekday{font-size:12px;letter-spacing:.02em}
 .ai-look-booking-preview .booking-overlay .booking-day-status{font-size:11px;letter-spacing:0}
}

/* Keep the appointment title together in the AI booking preview. */
.ai-look-booking-preview .booking-hero h1.booking-appointment-title{font-size:clamp(26px,5.2vw,76px);white-space:nowrap}
.ai-look-booking-preview .booking-hero h1.booking-appointment-title>span{display:inline}
.ai-look-booking-preview[data-look-template='editorial-fade'] .booking-hero h1.booking-appointment-title{font-size:clamp(22px,4vw,62px)}
