.booking-page-wrap{width:min(100% - 2rem,56rem);padding-block:clamp(1rem,3vw,2rem);padding-bottom:calc(6.5rem + env(safe-area-inset-bottom,0px));margin-inline:auto}.booking-flow--wizard.booking-shell{box-shadow:none;background:0 0;border:none;border-radius:0;gap:0;padding:0;display:grid;overflow:visible}.booking-flow--wizard.booking-shell.surface{background:0 0;border-radius:0}.booking-flow--wizard .booking-form-content{gap:clamp(1.25rem,3vw,1.75rem);width:100%;max-width:40rem;margin-inline:auto;display:grid}.booking-flow--wizard .booking-flow__hero{text-align:center;background:0 0;border:none;gap:1.25rem;display:grid}.booking-flow--wizard .booking-flow__hero-copy{justify-items:center;gap:.55rem;max-width:none;margin:0;padding:0;display:grid}.booking-flow--wizard .booking-flow__eyebrow{border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);border-radius:var(--radius-4,4px);width:fit-content;font-family:var(--font-body);font-size:var(--text-xs,.75rem);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0;padding:.28rem .72rem;font-weight:700;display:inline-block}.booking-flow--wizard .booking-flow__hero-copy h1{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.03em;color:var(--fg);margin:0;font-size:clamp(2.4rem,10vw,3.4rem);line-height:.95}.booking-flow--wizard .booking-flow__picks{border-radius:var(--radius-12,12px);border:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:color-mix(in srgb, var(--surface-2,var(--surface)) 70%, transparent);color:var(--muted);font-size:var(--booking-text-sm,.92rem);text-align:center;margin:0;padding:.55rem .85rem;line-height:1.4}.booking-flow--wizard .booking-flow__layout{gap:clamp(1.25rem,3vw,2rem);display:grid}.booking-flow--wizard .booking-flow__left,.booking-flow--wizard .booking-flow__main{gap:clamp(1rem,2.5vw,1.35rem);min-width:0;display:grid}.booking-flow--wizard .booking-flow__right{display:none}.booking-flow--wizard .booking-step{background:0 0;border:none;border-radius:0;gap:1.15rem;padding:0;scroll-margin-top:1rem;display:grid}@media (prefers-reduced-motion:no-preference){.booking-flow--wizard .booking-step.is-revealing{animation:.42s cubic-bezier(.22,1,.36,1) booking-wizard-enter}}@keyframes booking-wizard-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.booking-flow--wizard .booking-step__head{gap:.35rem;display:grid}.booking-flow--wizard .booking-step__title{gap:.25rem;min-height:0;display:grid}.booking-flow--wizard .booking-step__title h2{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em;color:var(--fg);margin:0;font-size:clamp(1.55rem,5.5vw,2rem);line-height:1.05}.booking-flow--wizard .booking-step__title .muted{font-size:var(--booking-text-sm,.92rem);margin:0;line-height:1.45}.booking-flow--wizard .booking-service-catalog{gap:1.35rem;display:grid}.booking-flow--wizard .booking-service-category{gap:.65rem;display:grid}.booking-flow--wizard .booking-service-category__heading{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent);margin:0;padding-bottom:.35rem;font-size:.68rem;font-weight:700}.booking-flow--wizard .booking-choice-grid{gap:.55rem;display:grid}.booking-flow--wizard .booking-choice-grid--services{grid-template-columns:minmax(0,1fr)}.booking-flow--wizard .booking-choice-card{appearance:none;cursor:pointer;border:1px solid color-mix(in srgb, var(--border) 75%, transparent);border-radius:var(--radius-12,12px);background:color-mix(in srgb, var(--surface-2,var(--surface)) 88%, var(--bg));color:var(--fg);text-align:left;transition:border-color .16s,background .16s,transform .16s,box-shadow .16s}.booking-flow--wizard .booking-choice-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--surface-3,var(--surface)) 70%, var(--bg))}.booking-flow--wizard .booking-choice-card:focus-visible{outline:2px solid var(--focus,#6366f1);outline-offset:2px}.booking-flow--wizard .booking-choice-card.is-selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface-2,var(--surface)));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}@media (prefers-reduced-motion:no-preference){.booking-flow--wizard .booking-choice-card.is-selected{animation:.22s booking-select-settle}}@keyframes booking-select-settle{0%{transform:scale(.985)}to{transform:scale(1)}}.booking-flow--wizard .booking-choice-card--service{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem 1rem;min-height:3.75rem;padding:.95rem 1.05rem;display:grid}.booking-flow--wizard .booking-choice-card__title{font-family:var(--font-body);font-size:var(--booking-text-base,1rem);letter-spacing:0;text-transform:none;font-weight:600;line-height:1.25;display:block}.booking-flow--wizard .booking-choice-card__meta--service{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:.15rem;display:flex}.booking-flow--wizard .booking-choice-card__stat{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:600}.booking-flow--wizard .booking-choice-card__price{letter-spacing:.02em;color:color-mix(in srgb, var(--accent) 82%, var(--fg));font-size:.95rem;font-weight:700}.booking-flow--wizard .booking-choice-grid--barbers{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.booking-flow--wizard .booking-choice-card--barber{text-align:left;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;min-height:4.25rem;padding:.85rem .95rem;display:grid}.booking-flow--wizard .booking-choice-card--barber .booking-choice-card__content{gap:.15rem;min-width:0;display:grid}.booking-flow--wizard .booking-choice-card--barber .booking-choice-card__title{text-align:left;font-size:.95rem}.booking-flow--wizard .booking-choice-card__helper{color:var(--muted);letter-spacing:.02em;font-size:.72rem}.booking-flow--wizard .booking-choice-card__avatar{border:1px solid color-mix(in srgb, var(--border) 70%, var(--accent));background:linear-gradient(180deg, color-mix(in srgb, var(--surface-3,var(--surface)) 80%, var(--bg)), color-mix(in srgb, var(--accent) 10%, var(--bg)));width:2.75rem;height:2.75rem;color:color-mix(in srgb, var(--accent) 80%, var(--fg));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.booking-flow--wizard .booking-choice-card.is-selected .booking-choice-card__avatar{border-color:var(--accent)}.booking-flow--wizard .booking-choice-card__avatar img{object-fit:cover;width:100%;height:100%}.booking-flow--wizard .booking-choice-card__avatar-fallback{font-family:var(--font-heading);letter-spacing:.06em;font-size:.95rem;line-height:1}.booking-flow--wizard .booking-date-panel{display:grid}.booking-flow--wizard .booking-date-tab{border-radius:var(--radius-12,12px);border:1px solid color-mix(in srgb, var(--border) 75%, var(--accent));background:color-mix(in srgb, var(--surface-2,var(--surface)) 90%, var(--bg));cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;width:100%;min-height:3.5rem;display:grid;position:relative;overflow:hidden}.booking-flow--wizard .booking-date-tab:focus-within{outline:2px solid var(--focus,#6366f1);outline-offset:2px}.booking-flow--wizard .booking-date-tab__main{letter-spacing:.04em;text-transform:uppercase;color:var(--fg);pointer-events:none;align-items:center;padding-inline:1rem;font-size:.92rem;font-weight:600;display:flex}.booking-flow--wizard .booking-date-tab__calendar{z-index:0;border-left:1px solid color-mix(in srgb, var(--border) 80%, transparent);width:3.5rem;color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);pointer-events:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.booking-flow--wizard .booking-date-tab__calendar svg{fill:currentColor;width:1.25rem;height:1.25rem}.booking-flow--wizard .booking-date-tab__input{appearance:none;z-index:2;opacity:0;cursor:pointer;pointer-events:auto;touch-action:manipulation;border:0;width:100%;height:100%;margin:0;padding:0;font-size:16px;position:absolute;inset:0}.booking-flow--wizard .booking-date-tab__input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.booking-flow--wizard .booking-slots-section{gap:.75rem;display:grid}.booking-flow--wizard .booking-slots-section__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.35rem .75rem;display:flex}.booking-flow--wizard .booking-slots-section__head label{letter-spacing:.12em;text-transform:uppercase;color:var(--fg);margin:0;font-size:.72rem;font-weight:700}.booking-flow--wizard .booking-slots-section__head .muted{font-size:.8rem}.booking-flow--wizard .slot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.booking-flow--wizard .booking-slot{appearance:none;cursor:pointer;border:1px solid color-mix(in srgb, var(--border) 75%, transparent);border-radius:var(--radius-12,12px);background:color-mix(in srgb, var(--surface-2,var(--surface)) 88%, var(--bg));min-height:3rem;color:var(--fg);place-items:center;padding:.65rem .4rem;transition:border-color .14s,background .14s,color .14s;display:grid}.booking-flow--wizard .booking-slot:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}.booking-flow--wizard .booking-slot:focus-visible{outline:2px solid var(--focus,#6366f1);outline-offset:2px}.booking-flow--wizard .booking-slot.is-selected{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast,#0b0d10);box-shadow:none}.booking-flow--wizard .booking-slot__label{letter-spacing:.02em;font-size:.95rem;font-weight:600;line-height:1}.booking-flow--wizard .booking-slots-section__empty{text-align:center;border:1px dashed var(--border);border-radius:var(--radius-12,12px);grid-column:1/-1;margin:0;padding:1rem}.booking-flow--wizard .booking-flow__grid--details{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.booking-flow--wizard .booking-flow__field{gap:.45rem;min-width:0;display:grid}.booking-flow--wizard .booking-flow__field>span{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:700}.booking-flow--wizard .booking-flow__field>span em{letter-spacing:.04em;text-transform:none;opacity:.75;font-style:normal;font-weight:500}.booking-flow--wizard .booking-shell input,.booking-flow--wizard input,.booking-flow--wizard select,.booking-flow--wizard textarea{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);border-radius:var(--radius-12,12px);background:color-mix(in srgb, var(--bg) 70%, var(--surface-2,var(--surface)));width:100%;min-height:3.35rem;color:var(--fg);font-family:var(--font-body);padding:.75rem 1rem;font-size:max(16px,1rem);transition:border-color .14s,box-shadow .14s}.booking-flow--wizard input::placeholder{color:color-mix(in srgb, var(--muted) 70%, transparent)}.booking-flow--wizard input:hover{border-color:color-mix(in srgb, var(--border) 50%, var(--accent))}.booking-flow--wizard input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}.booking-flow--wizard .booking-flow__grid--details input:-webkit-autofill{-webkit-text-fill-color:var(--fg);caret-color:var(--fg);box-shadow:0 0 0 1000px color-mix(in srgb, var(--bg) 70%, var(--surface-2,var(--surface))) inset;transition:background-color 99999s ease-out}.booking-flow--wizard .booking-flow__grid--details input:-webkit-autofill:hover{-webkit-text-fill-color:var(--fg);caret-color:var(--fg);box-shadow:0 0 0 1000px color-mix(in srgb, var(--bg) 70%, var(--surface-2,var(--surface))) inset;transition:background-color 99999s ease-out}.booking-flow--wizard .booking-flow__grid--details input:-webkit-autofill:focus{-webkit-text-fill-color:var(--fg);caret-color:var(--fg);box-shadow:0 0 0 1000px color-mix(in srgb, var(--bg) 70%, var(--surface-2,var(--surface))) inset;transition:background-color 99999s ease-out}.booking-flow--wizard .booking-action-bar{z-index:40;padding:.85rem 1rem calc(.85rem + env(safe-area-inset-bottom,0px));border:none;border-top:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 88%, transparent), var(--bg) 28%), color-mix(in srgb, var(--bg) 94%, var(--surface-2,var(--surface)));-webkit-backdrop-filter:blur(12px);gap:.55rem;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -16px 40px #00000073}.booking-flow--wizard .booking-action-bar__summary{display:none}.booking-flow--wizard .booking-action-bar__summary strong{color:var(--muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:500;line-height:1.35;display:block;overflow:hidden}.booking-flow--wizard .booking-action-bar__nav{grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:.55rem;width:100%;max-width:40rem;margin-inline:auto;display:grid}.booking-flow--wizard .booking-action-bar__nav:has(.booking-action-bar__back:only-child),.booking-flow--wizard .booking-action-bar__nav:not(:has(.booking-action-bar__back)){grid-template-columns:minmax(0,1fr)}.booking-flow--wizard .booking-action-bar__back{min-width:5.5rem;min-height:3.15rem;padding-inline:1rem}.booking-flow--wizard .booking-action-bar__button{justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:3.15rem;font-size:1rem;display:inline-flex}.booking-flow--wizard .booking-action-bar__spinner{border:2px solid color-mix(in srgb, var(--accent-contrast) 32%, transparent);border-top-color:var(--accent-contrast);border-radius:50%;flex-shrink:0;width:1rem;height:1rem;animation:.8s linear infinite booking-action-spin}@keyframes booking-action-spin{to{transform:rotate(360deg)}}.booking-flow--wizard .booking-confirmation{text-align:center;background:0 0;border:none;gap:1.5rem;max-width:28rem;margin-inline:auto;padding:clamp(1.5rem,4vw,2.25rem) 0;display:grid}@media (prefers-reduced-motion:no-preference){.booking-flow--wizard .booking-confirmation{animation:.48s cubic-bezier(.22,1,.36,1) booking-wizard-enter}}.booking-flow--wizard .booking-confirmation__header{justify-items:center;gap:1rem;display:grid}.booking-flow--wizard .booking-confirmation__icon{border:1.5px solid color-mix(in srgb, var(--success) 65%, var(--border));background:color-mix(in srgb, var(--success) 22%, var(--surface-2,var(--surface)));width:3.5rem;height:3.5rem;color:var(--success);box-shadow:0 0 0 4px var(--success-subtle);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.booking-flow--wizard .booking-confirmation__icon svg{stroke:currentColor;fill:none;stroke-width:2.5px;width:1.5rem;height:1.5rem}.booking-flow--wizard .booking-confirmation--error .booking-confirmation__icon{border-color:color-mix(in srgb, var(--danger) 65%, var(--border));background:color-mix(in srgb, var(--danger) 22%, var(--surface-2,var(--surface)));color:var(--danger);box-shadow:0 0 0 4px var(--danger-subtle)}.booking-flow--wizard .booking-confirmation__copy{justify-items:center;gap:.45rem;display:grid}.booking-flow--wizard .booking-confirmation__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--success);margin:0;font-size:.68rem;font-weight:700}.booking-flow--wizard .booking-confirmation--error .booking-confirmation__eyebrow{color:var(--danger)}.booking-flow--wizard .booking-confirmation__heading{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.03em;color:var(--fg);margin:0;font-size:clamp(2rem,7vw,2.6rem);line-height:1}.booking-flow--wizard .booking-confirmation__body{max-width:36ch;color:var(--muted);font-size:var(--booking-text-sm,.95rem);margin:0;line-height:1.55}.booking-flow--wizard .booking-confirmation__summary{text-align:left;border:1px solid color-mix(in srgb, var(--border) 75%, transparent);border-radius:var(--radius-12,12px);background:color-mix(in srgb, var(--surface-2,var(--surface)) 80%, var(--bg));gap:0;margin:0;display:grid;overflow:clip}.booking-flow--wizard .booking-confirmation__summary-row{border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent);grid-template-columns:6.5rem minmax(0,1fr);align-items:baseline;gap:.75rem;padding:.85rem 1rem;display:grid}.booking-flow--wizard .booking-confirmation__summary-row:last-child{border-bottom:0}.booking-flow--wizard .booking-confirmation__summary-row dt{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.68rem;font-weight:700}.booking-flow--wizard .booking-confirmation__summary-row dd{color:var(--fg);overflow-wrap:break-word;margin:0;font-size:.95rem;font-weight:600;line-height:1.35}.booking-flow--wizard .booking-confirmation__cta{justify-content:stretch;margin-top:1.25rem;display:flex}.booking-flow--wizard .booking-confirmation__cta .btn{justify-content:center;width:100%}.booking-flow--wizard .booking-confirmation__cta--stack{flex-direction:column;gap:.75rem}.booking-flow--wizard .booking-flow__sandbox-note{max-width:36rem;margin:.65rem 0 0;font-size:.95rem;line-height:1.45}.booking-flow--wizard.booking-flow--preview .booking-form-content{max-width:none}.booking-flow--wizard.booking-flow--preview .booking-flow__hero-copy h1{font-size:clamp(1.6rem,5vw,2rem)}.booking-flow--wizard.booking-flow--preview .booking-page-wrap{padding-bottom:0}@media (width>=640px){.booking-flow--wizard .booking-choice-grid--services{grid-template-columns:repeat(2,minmax(0,1fr))}.booking-flow--wizard .booking-choice-card--service{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);align-content:space-between;gap:1rem;min-height:7.5rem;padding:1.1rem 1.15rem}.booking-flow--wizard .booking-choice-card__meta--service{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.booking-flow--wizard .slot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.booking-flow--wizard .booking-action-bar__summary{display:block}}@media (width>=768px){.booking-flow--wizard .booking-choice-grid--barbers{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){.booking-page-wrap{width:min(100% - 3rem,68rem);padding-bottom:clamp(2rem,4vw,3rem)}.booking-flow--wizard .booking-form-content{max-width:none}.booking-flow--wizard .booking-flow__layout{grid-template-columns:minmax(0,1fr) minmax(16rem,18.5rem);align-items:start;gap:clamp(1.5rem,3vw,2.5rem)}.booking-flow--wizard .booking-flow__layout:not(:has(.booking-flow__right)){grid-template-columns:minmax(0,1fr);max-width:40rem;margin-inline:auto}.booking-flow--wizard .booking-flow__main{max-width:40rem}.booking-flow--wizard .booking-flow__right{display:block;position:sticky;top:1.5rem}.booking-flow--wizard .booking-action-bar{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;margin-top:.5rem;padding:0;position:sticky;bottom:auto;left:auto;right:auto}.booking-flow--wizard .booking-action-bar__summary{display:none}.booking-flow--wizard .booking-action-bar__nav{max-width:none}}@media (prefers-reduced-motion:reduce){.booking-flow--wizard .booking-step.is-revealing,.booking-flow--wizard .booking-choice-card.is-selected,.booking-flow--wizard .booking-confirmation,.booking-flow--wizard .booking-action-bar__spinner{animation:none}}
