/* Booking uses the live Hairstories homepage palette and Liter typography. */
:root{--hs-client-canvas:#fffaf7;--hs-client-paper:#fff;--hs-client-ink:#171513;--hs-client-muted:#716965;--hs-client-line:#e7ded9;--hs-client-accent:#ff4315;--hs-canvas:#fffaf7;--hs-paper:#fff;--hs-ink:#171513;--hs-muted:#716965;--hs-line:#e7ded9;--hs-orange:#ff4315;--hs-blush:#fff0eb;--hs-client-radius:10px}
body{background:#fffaf7!important;color:#171513!important}
body :is(.hs-bookHeader,.hs-trainingHeader,.hs-conciergeHeader){background:#fffaf7!important;border-top-color:#ff4315!important;border-bottom-color:#e7ded9!important}
body:not(.hs-client-portal-active) #booking-app{font-family:var(--hs-client-font)!important}
body:not(.hs-client-portal-active) #booking-app :is(.hs-bookingPath h2,.bk-screen.is-active .bk-head h2,.hs-trainingInFlow .hs-training-booking__step h2){font:600 clamp(24px,3vw,30px)/1.2 var(--hs-client-font)!important;letter-spacing:-.025em!important;color:#171513!important;margin:0!important}
body:not(.hs-client-portal-active) #booking-app :is(.bk-head>p,.bk-choice__meta,.hs-training-booking__step>p){font-size:14px!important;line-height:1.5!important;color:#716965!important}
body:not(.hs-client-portal-active) #booking-app :is(.bk-grid,.hs-bookingPathOptions,.hs-training-booking__finish-options){gap:10px!important}
body:not(.hs-client-portal-active) #booking-app :is(.bk-choice,.hs-bookingPathOptions>a,.hs-bookingPathOptions>button,.hs-training-booking__finish-options>button,.hs-extraChoice,.hs-training-stylistChoice){background:#fff!important;color:#171513!important;border:1px solid #e7ded9!important;border-radius:10px!important;box-shadow:none!important;padding:18px!important;transition:border-color .15s ease,background .15s ease}
body:not(.hs-client-portal-active) #booking-app :is(.bk-choice__title,.hs-bookingPathOptions strong,.hs-training-booking__finish-options strong){font:600 17px/1.3 var(--hs-client-font)!important;color:#171513!important;margin:0!important}
body:not(.hs-client-portal-active) #booking-app :is(.hs-bookingPathOptions span,.hs-training-booking__finish-options span){font:400 14px/1.5 var(--hs-client-font)!important;color:#716965!important;margin:6px 0 0!important}
body:not(.hs-client-portal-active) #booking-app :is(.bk-choice.is-selected,.bk-choice[aria-checked=true],.hs-training-stylistChoice[aria-pressed=true],.hs-extraChoice:has(input:checked)){border-color:#ff4315!important;background:#fff0eb!important;box-shadow:none!important;border-width:1px!important}
body:not(.hs-client-portal-active) #booking-app :is(.bk-choice,.hs-bookingPathOptions>button,.hs-training-booking__finish-options>button,.hs-training-stylistChoice):hover{border-color:#ff4315!important}
body:not(.hs-client-portal-active) #booking-app :is(.hs-changeBookingPath){display:block!important;width:100%!important;text-align:left!important;padding:0!important;margin:0 0 22px!important;min-height:24px!important;font:400 13px/1.4 var(--hs-client-font)!important;color:#716965!important}
body:not(.hs-client-portal-active) #booking-app :is(.bk-timeButton,.hs-training-booking__time,.hs-training-booking__date){background:#fff!important;border:1px solid #e7ded9!important;border-radius:8px!important;min-height:48px!important;padding:12px 14px!important;font-size:15px!important;box-shadow:none!important;color:#171513!important}
body:not(.hs-client-portal-active) #booking-app :is(.bk-timeButton.is-selected,.hs-training-booking__date.is-selected,.hs-training-booking__time.is-selected){background:#fff0eb!important;border-color:#ff4315!important}
body:not(.hs-client-portal-active) #booking-app :is(.bk-timeNav,.bk-rangeNav,.bk-weekNav,.bk-rangeBar){background:transparent!important;box-shadow:none!important;border-color:#e7ded9!important}
body:not(.hs-client-portal-active) #booking-app :is(.bk-input,.hs-stylistSearch,.hs-training-booking__field input){background:#fff!important;border:1px solid #e7ded9!important;border-radius:8px!important;font:400 16px/1.4 var(--hs-client-font)!important;color:#171513!important;min-height:48px!important}
body:not(.hs-client-portal-active) #booking-app :is(#bkNextBtn,.bk-btn--primary,.hs-training-booking__button){background:#ff4315!important;border-color:#ff4315!important;color:#171513!important;border-radius:999px!important;box-shadow:none!important;font:600 14px/1.4 var(--hs-client-font)!important;min-height:48px!important;letter-spacing:0!important;text-transform:none!important}
body:not(.hs-client-portal-active) #booking-app :is(#bkBackBtn,.hs-training-booking__text-button){background:transparent!important;color:#171513!important;border-color:#e7ded9!important;box-shadow:none!important;border-radius:999px!important}
body:not(.hs-client-portal-active) #booking-app #bkActionsBar{background:#fffaf7!important;border-color:#e7ded9!important;box-shadow:none!important}
body:not(.hs-client-portal-active) #booking-app :is(.hs-appointmentSummary,.hs-reviewCard,.hs-doneCard,.hs-detailsAssurance,.hs-training-booking__review){box-shadow:none!important;border-color:#e7ded9!important;color:#171513!important}
body:not(.hs-client-portal-active) #booking-app :is(.bk-summaryAppointmentTime,.bk-summaryServiceName){font-family:var(--hs-client-font)!important;color:#171513!important}
body:not(.hs-client-portal-active) #booking-app :is(.hs-training-booking__step,.hs-training-booking__review){padding:0!important}
body:not(.hs-client-portal-active) #booking-app .hs-training-booking__step h3{font:600 16px/1.4 var(--hs-client-font)!important;margin:18px 0 12px!important}
body:not(.hs-client-portal-active) #booking-app .hs-training-stylistChoices{margin:0 0 20px!important}
body:not(.hs-client-portal-active) #booking-app .hs-training-stylistChoice strong{font-size:15px!important}
body:not(.hs-client-portal-active) #booking-app .hs-training-booking__appointment{background:#fff!important;border:1px solid #e7ded9!important;border-radius:10px!important;box-shadow:none!important;padding:16px!important}
body:not(.hs-client-portal-active) #booking-app .hs-training-booking__appointment-time{font-size:19px!important}
body:not(.hs-client-portal-active) #booking-app .hs-training-booking__appointment-team{margin-top:12px!important}
body:not(.hs-client-portal-active) #booking-app .hs-training-booking__appointment-person strong{font-size:15px!important}
@media(min-width:701px){body:not(.hs-client-portal-active) .hs-bookHeader{position:relative!important;min-height:82px!important}body:not(.hs-client-portal-active) .hs-bookHeader>a{position:absolute;left:50%;transform:translateX(-50%)}body:not(.hs-client-portal-active) .hs-bookHeader .hs-bookNav{margin-left:auto}}
@media(max-width:700px){body:not(.hs-client-portal-active) #booking-app :is(.bk-choice,.hs-bookingPathOptions>button,.hs-training-booking__finish-options>button){padding:16px!important}body:not(.hs-client-portal-active) #booking-app :is(.hs-bookingPath h2,.bk-screen.is-active .bk-head h2,.hs-trainingInFlow .hs-training-booking__step h2){font-size:24px!important;margin-bottom:20px!important}.hs-mobileAppBar{background:#fffaf7!important}body:not(.hs-client-portal-active) #booking-app .hs-training-booking__step>p{margin-bottom:16px!important}}
@media(prefers-reduced-motion:reduce){#booking-app *{transition:none!important}}
body:not(.hs-client-portal-active) #booking-app .hs-changeBookingPath[hidden]{display:none!important}
@media(min-width:701px){body:not(.hs-client-portal-active) .hs-bookHeader>a img{width:185px!important}}
body:not(.hs-client-portal-active) #booking-app .bk-dropzone{margin:0 0 20px!important}
body:not(.hs-client-portal-active) #booking-app .bk-dropzoneTop{padding:0 0 10px!important;margin:0!important;border:0!important}
body:not(.hs-client-portal-active) #booking-app .bk-dropzoneTop h3{font:600 17px/1.3 var(--hs-client-font)!important;margin:0 0 4px!important}
body:not(.hs-client-portal-active) #booking-app .bk-photoGrid:has(.bk-empty--photo){display:block!important;width:100%!important}
body:not(.hs-client-portal-active) #booking-app .bk-empty--photo{width:100%!important;min-height:88px!important;max-width:none!important;aspect-ratio:auto!important;background:#fff!important;border:1px dashed #d5c8c1!important;border-radius:10px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:16px!important;font-family:var(--hs-client-font)!important}
body:not(.hs-client-portal-active) #booking-app :is(input,textarea)::placeholder{color:#8a7d76!important;opacity:1}
/* One spacing rhythm for service, stylist, time, details and review. */
body:not(.hs-client-portal-active) #booking-app>.bk-screen{max-width:760px;margin-left:auto!important;margin-right:auto!important;width:100%;min-width:0}
body:not(.hs-client-portal-active) #booking-app :is(.bk-head,.hs-bookingPath>.bk-head){padding:0!important;margin:0 0 24px!important;border:0!important}
body:not(.hs-client-portal-active) #booking-app :is(.bk-head h2,.hs-bookingPath h2){margin:0!important}
body:not(.hs-client-portal-active) #booking-app .bk-head:has(>p) h2{margin-bottom:10px!important}
body:not(.hs-client-portal-active) #booking-app .bk-head>p{margin:0!important;max-width:560px}
body:not(.hs-client-portal-active) #booking-app .hs-changeBookingPath{margin-bottom:16px!important}
body:not(.hs-client-portal-active) #booking-app .hs-trainingInFlow .hs-training-booking__step h2{margin:0 0 24px!important}
body:not(.hs-client-portal-active) #booking-app .hs-trainingInFlow .hs-training-booking__step>p{margin:0 0 16px!important}
body:not(.hs-client-portal-active) #booking-app :is(.bk-grid,.hs-training-booking__finish-options){gap:12px!important}
body:not(.hs-client-portal-active) #booking-app :is(.bk-choice__meta,.hs-training-booking__finish-options span){margin-top:6px!important}
body:not(.hs-client-portal-active) #booking-app :is(.bk-field,.hs-training-booking__field){margin:0 0 20px!important}
body:not(.hs-client-portal-active) #booking-app :is(.bk-label,.hs-training-booking__field>span){display:block;margin:0 0 8px!important}
body:not(.hs-client-portal-active) #booking-app :is(.bk-timeGrid,.hs-training-booking__staff-times){gap:8px!important}
body:not(.hs-client-portal-active) #booking-app :is(.bk-timeGroup,.hs-training-booking__staff-openings){padding:20px 0!important;margin:0!important;border:0!important;border-bottom:1px solid #e7ded9!important;background:transparent!important}
body:not(.hs-client-portal-active) #booking-app :is(.bk-timeGroup,.hs-training-booking__staff-openings):last-child{border-bottom:0!important;padding-bottom:0!important}
body:not(.hs-client-portal-active) #booking-app .hs-training-booking__appointment-team{border:0!important;padding-top:0!important}
body:not(.hs-client-portal-active) #booking-app .hs-training-dateList{gap:8px!important;margin-bottom:24px!important}
body:not(.hs-client-portal-active) #booking-app .hs-training-booking__date strong{font:600 14px/1.4 var(--hs-client-font)!important}
body:not(.hs-client-portal-active) #booking-app .hs-training-stylistChoices{margin-bottom:20px!important}
body:not(.hs-client-portal-active) #booking-app :is(.hs-appointmentSummary,.hs-detailsAssurance) .bk-summaryAppointmentTime{font:600 22px/1.25 var(--hs-client-font)!important;margin:0 0 16px!important}
body:not(.hs-client-portal-active) #booking-app :is(.hs-appointmentSummary,.hs-detailsAssurance) .bk-summaryServiceName{font:600 16px/1.4 var(--hs-client-font)!important}
body:not(.hs-client-portal-active) #booking-app :is(.hs-appointmentSummary,.hs-detailsAssurance) .bk-summaryStylist{font:400 14px/1.5 var(--hs-client-font)!important;margin:4px 0 0!important}
body:not(.hs-client-portal-active) #booking-app .hs-appointmentSummary .bk-summaryPrice{margin-top:20px!important;padding-top:16px!important;border-top:1px solid #e7ded9!important}
body:not(.hs-client-portal-active) #booking-app .hs-appointmentSummary .bk-summaryPriceValue{font-size:17px!important}
body:not(.hs-client-portal-active) #booking-app .hs-training-booking__review>div{margin-bottom:16px!important}
@media(max-width:700px){body:not(.hs-client-portal-active) #booking-app>.bk-screen{max-width:100%}body:not(.hs-client-portal-active) #booking-app :is(.bk-head,.hs-bookingPath>.bk-head){margin-bottom:20px!important}body:not(.hs-client-portal-active) #booking-app .hs-trainingInFlow .hs-training-booking__step h2{margin-bottom:20px!important}}

body:not(.hs-client-portal-active) #booking-app>.bk-screen[data-screen="entry"]{gap:16px!important}
body:not(.hs-client-portal-active) #booking-app .bk-screen.is-active .hs-changeBookingPath{margin-bottom:0!important}
body:not(.hs-client-portal-active) #booking-app .bk-screen.is-active .hs-trainingInFlow .hs-training-booking__step h2{margin:0 0 20px!important}
body:not(.hs-client-portal-active) #booking-app .bk-head{gap:0!important}
body:not(.hs-client-portal-active) #booking-app .bk-screen.is-active .hs-trainingInFlow .hs-training-booking__step{gap:20px!important}
body:not(.hs-client-portal-active) #booking-app .bk-screen.is-active .hs-trainingInFlow .hs-training-booking__step>h2,
body:not(.hs-client-portal-active) #booking-app .bk-screen.is-active .hs-trainingInFlow .hs-training-booking__step>p,
body:not(.hs-client-portal-active) #booking-app .bk-screen.is-active .hs-trainingInFlow .hs-training-booking__step>.hs-training-booking__field{margin:0!important}
body:not(.hs-client-portal-active) #booking-app .hs-training-booking__finish-options>button{grid-template-columns:minmax(0,1fr) auto!important;gap:6px 12px!important}
body:not(.hs-client-portal-active) #booking-app .hs-training-booking__finish-options>button>strong{grid-column:1;grid-row:1}
body:not(.hs-client-portal-active) #booking-app .hs-training-booking__finish-options>button>span:not(.hs-trainingFromPrice){grid-column:1/-1;grid-row:2;margin:0!important}
body:not(.hs-client-portal-active) #booking-app .hs-training-booking__finish-options>button>.hs-trainingFromPrice{grid-column:2;grid-row:1;white-space:nowrap;font:600 14px/1.4 var(--hs-client-font)!important;color:#92361d!important;margin:0!important;align-self:center}
body:not(.hs-client-portal-active) #booking-app .hs-trainingPriceNote{font:400 12px/1.5 var(--hs-client-font)!important;color:var(--hs-client-muted)!important;margin:0!important}
body:not(.hs-client-portal-active) #booking-app .hs-trainingTimePrice{display:block;font:600 14px/1.4 var(--hs-client-font)!important;margin-top:12px;color:#92361d!important}
/* Make the person recognizable without adding nested padding to the card. */
:root{--hs-booking-stylist-photo:80px}
body:not(.hs-client-portal-active) #booking-app .bk-choice--staff:not(.bk-staffNoPref){padding:0!important}
body:not(.hs-client-portal-active) #booking-app .bk-choice--staff:not(.bk-staffNoPref)>.bk-staffCardTop{grid-template-columns:var(--hs-booking-stylist-photo) minmax(0,1fr)!important;gap:16px!important;padding:12px!important}
body:not(.hs-client-portal-active) #booking-app .bk-choice--staff:not(.bk-staffNoPref) .bk-staffAvatar,
body:not(.hs-client-portal-active) #booking-app .hs-training-stylistChoice .hs-training-booking__opening-portrait{width:var(--hs-booking-stylist-photo)!important;height:var(--hs-booking-stylist-photo)!important;min-width:var(--hs-booking-stylist-photo)!important;min-height:var(--hs-booking-stylist-photo)!important;flex:0 0 var(--hs-booking-stylist-photo)!important;border-radius:50%!important;overflow:hidden!important}
body:not(.hs-client-portal-active) #booking-app .hs-training-stylistChoice{padding:12px!important;gap:16px!important}
body:not(.hs-client-portal-active) #booking-app :is(.bk-staffAvatar,.hs-training-booking__opening-portrait) img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important}
body:not(.hs-client-portal-active) #booking-app .hs-training-booking__appointment-person .hs-training-booking__opening-portrait{width:64px!important;height:64px!important;min-width:64px!important;flex:0 0 64px!important}
@media(max-width:700px){:root{--hs-booking-stylist-photo:72px}}