/* Canonical client design tokens. Synced into both deployable apps by sync-client-system.mjs. */
@font-face{font-family:HS Liter;font-style:normal;font-weight:400;font-display:swap;src:url("https://www.hairstories.com/cdn/fonts/liter/liter_n4.1d4e771facbd1b72f39dcb161d397bc89d04da09.woff2") format("woff2")}
:root{--hs-client-font:"HS Liter",Arial,sans-serif;--hs-client-ink:#292724;--hs-client-muted:#68625b;--hs-client-canvas:#f7f1e5;--hs-client-paper:#fffaf1;--hs-client-line:#ddd4c7;--hs-client-accent:#c6522d;--hs-ui-font:var(--hs-client-font);--hs-heading-font:var(--hs-client-font)}
body{background:var(--hs-client-canvas)!important;color:var(--hs-client-ink)!important;font-family:var(--hs-client-font)!important}
body :is(button,input,select,textarea){font-family:var(--hs-client-font)!important}
:is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--hs-client-ink)!important;outline-offset:4px!important}
:is(.hs-bookHeader,.go-header,.hs-conciergeHeader){border-top:5px solid var(--hs-client-accent)!important;border-bottom:1px solid var(--hs-client-line)!important;background:var(--hs-client-canvas)!important;box-shadow:none!important}
:is(.go-header,.hs-conciergeHeader){width:100%;max-width:none;padding:16px max(20px,calc((100vw - 1000px)/2))!important;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left!important}
:is(.go-header,.hs-conciergeHeader) img{width:150px!important;max-width:100%;height:auto;margin:0!important}
.hs-clientNav{display:flex;align-items:center;gap:20px;font-size:13px;white-space:nowrap}.hs-clientNav a{color:var(--hs-client-ink);text-decoration:none;min-height:44px;display:flex;align-items:center}.hs-clientNav a:hover{text-decoration:underline}
body :is(#booking-app,.hs-campaignOffer,.hs-conciergeReview,.go-main){font-family:var(--hs-client-font)!important}
body :is(#booking-app,.hs-campaignOffer,.hs-conciergeReview,.go-main) :is(h1,h2,h3,p,span,strong,small,label,summary){font-family:var(--hs-client-font)!important}
body:not(.hs-client-portal-active) #booking-app :is(.bk-title,.bk-title--large){font-family:var(--hs-client-font)!important;font-size:clamp(24px,3vw,30px)!important;font-weight:600!important;line-height:1.2!important;letter-spacing:-.02em!important}
body #booking-app .hs-appointmentSummary{border:0!important;border-bottom:1px solid var(--hs-client-line)!important;border-radius:0!important;background:transparent!important;padding:0 0 20px!important;box-shadow:none!important}
body .hs-conciergeReview{max-width:680px;margin:28px auto!important;padding:0 24px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body .hs-conciergeReview h1,body .hs-campaignOffer h1{font-size:clamp(26px,4vw,34px)!important;font-weight:600!important;line-height:1.2!important;letter-spacing:-.025em!important}
body .hs-conciergeReview :is(button,a){border-radius:8px!important;font-size:14px!important;min-height:44px}
body .hs-conciergeReview .hs-conciergePrimary,body .hs-conciergeReview #conciergeReviewConfirm{background:var(--hs-client-accent)!important;color:white!important}
body .hs-conciergeReview #conciergeResendCode,body .hs-conciergeReview #conciergeReviewRefresh{background:transparent!important;color:var(--hs-client-ink)!important;text-decoration:underline;text-underline-offset:3px}
body .hs-conciergeReview :is(#conciergeReviewDetails,.hs-conciergeConfirmed){font-size:15px;line-height:1.5}
body .hs-conciergeReview #conciergeReviewDetails{border-bottom:1px solid var(--hs-client-line);margin-bottom:18px;padding-bottom:18px}
body .hs-conciergeReview #conciergeReviewDetails:empty{display:none}
body .hs-conciergeReview #conciergeReviewDetails>p:first-child>strong{font-size:22px;line-height:1.3}
body .hs-conciergeReview .hs-conciergeHint{font-size:13px!important;color:var(--hs-client-muted)!important}
body .hs-campaignOffer :is(.hs-campaignOfferInner,.hs-campaignOfferMain,.hs-refreshSection){box-shadow:none!important}
body .hs-campaignOffer .hs-campaignOfferMain{border-radius:0!important;background:transparent!important}
body .hs-campaignOffer :is(.hs-openingPrimary,.hs-campaignOfferCta){border-radius:8px!important;font-size:15px!important;min-height:48px!important}
body .hs-campaignOffer .hs-campaignOfferValue{border-radius:8px!important;box-shadow:none!important}
body .hs-campaignOffer :is(.hs-waitlistIntro,.hs-openingMessage,.hs-refreshSectionHead p){font-size:14px!important;line-height:1.5!important;color:var(--hs-client-muted)!important}
body .hs-campaignOffer :is(.hs-refreshSectionHead h2,.hs-openingAppointmentTime){font-size:22px!important;font-weight:600!important;line-height:1.3!important}
body .hs-campaignOffer .hs-refreshChoiceGroup label{border-radius:8px!important}
.go-main{max-width:720px!important;padding:24px!important;margin:0 auto!important}
.go-main>section,.go-main>div,.go-main>details{margin:0 0 24px!important}
.go-main :is(.hs-booked-visit__wrap,.hs-next-visit__wrap,.hs-hair-story__wrap,.hs-recsWrap,.hs-teaseWrap){width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.go-main :is(.hs-booked-visit__sectionCard,.hs-next-visit__card,.hs-hair-story__card){padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.go-main :is(h1,h2){font-size:26px!important;line-height:1.2!important;font-weight:600!important;letter-spacing:-.02em!important;text-transform:none!important}
.go-main h3{font-size:19px!important;line-height:1.3!important;letter-spacing:0!important}
.go-main :is(p,.hs-step__text){font-size:14px!important;line-height:1.5!important;letter-spacing:0!important}
.go-main em{font-style:normal!important}
.go-main :is(.hs-btn,.hs-booked-visit__control,.hs-booked-visit__miniBtn,.hs-booked-visit__chip,.hs-tease__cta,.hs-routineCta,.hs-spotify__button){border-radius:8px!important;box-shadow:none!important;min-height:44px;font-size:14px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important}
.go-main :is(.hs-booked-visit__control,.hs-booked-visit__chip){background:transparent!important;color:var(--hs-client-ink)!important;border:1px solid var(--hs-client-line)!important;padding:10px 14px!important}
.go-main :is(.hs-btn--primary,.hs-booked-visit__miniBtn){background:var(--hs-client-accent)!important;color:#fff!important}
.go-main .hs-booked-visit__grid{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
.go-main .hs-booked-visit__subhead{margin:0 0 12px!important;font-size:14px!important;font-weight:400!important;color:var(--hs-client-muted)!important}
.go-main .hs-booked-visit__panel{border-radius:8px!important;border:1px solid var(--hs-client-line)!important;background:var(--hs-client-paper)!important;padding:18px!important}
.go-main .hs-booked-visit__input{font-size:16px!important;min-height:48px;border-radius:8px!important}
.go-main .hs-booked-visit__summary,.go-main #hsArrivedWelcome{display:none!important}
.hs-visitOverview{border-bottom:1px solid var(--hs-client-line);padding-bottom:24px}
.hs-visitOverview__status{font-size:12px!important;color:var(--hs-client-muted);margin:0 0 8px!important}
.hs-visitOverview h1{margin:0 0 16px!important;font-size:28px!important}
.hs-visitOverview__date{font-size:22px;line-height:1.3;font-weight:600;margin-bottom:4px}
.hs-visitOverview__time{font-size:14px;color:var(--hs-client-muted);margin-bottom:16px}
.hs-visitOverview__service{display:flex;justify-content:space-between;gap:18px;margin-top:8px;font-size:15px;line-height:1.4}
.hs-visitOverview__stylist{color:var(--hs-client-muted);font-size:13px;text-align:right}
.hs-visitOverview__note{margin:16px 0 0!important;color:var(--hs-client-muted)}
.hs-visitOverview__action{display:inline-flex;align-items:center;min-height:48px;padding:10px 18px;margin-top:18px;border-radius:8px;background:var(--hs-client-accent);color:white;text-decoration:none;font-size:14px}
.hs-clientDisclosure{border-top:1px solid var(--hs-client-line);padding-top:16px}
.hs-clientDisclosure>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;min-height:44px;font-size:17px;font-weight:600;align-items:center}
.hs-clientDisclosure>summary::-webkit-details-marker{display:none}.hs-clientDisclosure>summary:after{content:"+";font-size:22px;font-weight:400}.hs-clientDisclosure[open]>summary:after{content:"−"}
.hs-clientDisclosure>section,.hs-clientDisclosure>div{margin-top:16px!important}
.go-main :is(.hs-quickCard,.hs-spotify__nowCard,.hs-tip-dropin){border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.go-main .hs-quickCard{border-bottom:1px solid var(--hs-client-line)!important}
.go-main .hs-quickCard__summary{padding:14px 0!important}.go-main .hs-quickCard__eyebrow{display:none!important}
.go-main .hs-quickCard__title{font-size:17px!important}.go-main .hs-quick__grid{gap:12px!important}
.go-main :is(.hs-checkin,.hs-spotify){padding:0!important;max-width:none!important;width:100%!important}
.go-main .hs-next-visit__collapsed{padding:16px 0!important;min-height:0!important;background:transparent!important}
.go-main :is(.hs-next-visit__collapsedSpace,.hs-next-visit__eyebrow){display:none!important}
.go-main .hs-next-visit__collapsedTitle{font-size:22px!important;margin:0!important}.go-main .hs-next-visit__floatingDesk{display:none!important}
.go-main .hs-appt-rating{padding:0!important;text-align:left!important}.go-main .hs-appt-rating__heading{font-size:20px!important}.go-main .hs-appt-rating__stars{justify-content:flex-start!important}
.go-main .hs-tip-dropin__heroTitle{font-size:20px!important}.go-main .hs-tip-dropin__hero{padding:0!important}
.go-main .hs-top__name{display:none!important}.go-main .hs-top__title{margin:0 0 14px!important;font-size:24px!important}
body[data-hs-visit-state="cancelled"] .hs-visitOverview__date{text-decoration:line-through;color:var(--hs-client-muted)}
@media(max-width:700px){.go-main{padding:20px!important}.hs-clientNav{gap:12px;font-size:12px}:is(.go-header,.hs-conciergeHeader){padding:12px 20px!important}:is(.go-header,.hs-conciergeHeader) img{width:130px!important}.hs-visitOverview h1{font-size:26px!important}.go-main .hs-quick__grid{grid-template-columns:1fr!important}.hs-visitOverview__service{flex-direction:column;gap:2px}.hs-visitOverview__stylist{text-align:left}}
.go-main :is(#wifi,#menu,#tip){margin:0!important;padding:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.go-main .hs-tip-dropin__toggle{background:transparent!important;color:var(--hs-client-ink)!important;border:1px solid var(--hs-client-line)!important;border-radius:8px!important;min-height:44px;font-size:14px!important}
.go-main .hs-tip-dropin__heroTitle{max-width:none!important;overflow-wrap:normal!important}
body .hs-campaignOffer :is(time,dl,dt,dd,fieldset,legend){font-family:var(--hs-client-font)!important}
body .hs-waitlistSummaryLead :is(time,strong){font-size:22px!important;line-height:1.3!important;font-weight:600!important;letter-spacing:-.015em!important}
body .hs-campaignOffer :is(.hs-openingPrimary,.hs-campaignOfferCta){text-transform:none!important;letter-spacing:0!important;background:var(--hs-client-accent)!important;color:white!important}
body .hs-campaignOffer--landing .hs-campaignOfferInner{border:0!important;border-radius:0!important;background:transparent!important;padding:0!important}
body .hs-campaignOffer--landing .hs-campaignOfferMain{grid-template-columns:1fr!important;min-height:0!important}
body .hs-campaignOffer--landing .hs-campaignOfferCopy{padding:16px 0 24px!important}
body .hs-campaignOffer--landing .hs-campaignOfferValue{display:none!important}
body .hs-campaignOffer--landing .hs-campaignOfferFacts span{border:0!important;background:transparent!important;padding:0!important;font-size:12px!important;font-weight:400!important;letter-spacing:0!important}
body .hs-campaignOffer--landing .hs-campaignOfferFacts{gap:8px 18px!important}
.hs-unavailableLink{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:24px!important}.hs-unavailableLink h1{font:600 30px/1.2 var(--hs-client-font)!important}.hs-unavailableLink p{font-size:15px!important}.hs-unavailableLink :is(.primary,.secondary){border-radius:8px!important;text-transform:none!important;letter-spacing:0!important;font-family:var(--hs-client-font)!important}
.hs-clientNav__mobile{display:none}
@media(max-width:700px){:is(.go-header,.hs-conciergeHeader){display:grid!important;grid-template-columns:64px minmax(0,1fr) 64px;gap:0!important;padding:12px!important}:is(.go-header,.hs-conciergeHeader)>a{grid-column:2;justify-self:center}:is(.go-header,.hs-conciergeHeader) img{width:116px!important}.hs-clientNav{grid-column:3;justify-content:flex-end}.hs-clientNav>a:first-child{display:none}.hs-clientNav__desktop{display:none}.hs-clientNav__mobile{display:inline}}
body .hs-conciergeReview #conciergeReviewStatus{font-size:14px!important;color:var(--hs-client-muted)!important;margin-bottom:22px!important}
body .hs-conciergeReview #conciergeReviewConfirm{width:100%;margin:16px 0 0!important;min-height:48px!important}
body .hs-conciergeReview #conciergeReviewActions>a{background:transparent!important;padding:8px 0!important;text-decoration:underline;text-underline-offset:3px}
body .hs-conciergeReview .hs-conciergeVisitTotal{display:flex;justify-content:space-between;gap:16px;margin-top:20px!important;font-size:14px!important}.hs-conciergeVisitTotal strong{font-size:18px!important}
body:not(.hs-client-portal-active) #booking-app{--hs-ui-font:var(--hs-client-font);--hs-heading-font:var(--hs-client-font);--hs-ink:var(--hs-client-ink);--hs-muted:var(--hs-client-muted);--hs-line:var(--hs-client-line)}
body:not(.hs-client-portal-active) #booking-app :is(button,input,select,textarea,label,p,small,strong,span){font-family:var(--hs-client-font)!important}
body:not(.hs-client-portal-active) #booking-app .bk-screen h2{font-family:var(--hs-client-font)!important;font-size:26px!important;line-height:1.2!important;font-weight:600!important;letter-spacing:-.02em!important}
body.hs-client-portal-active #booking-app :is(h1,h2,h3,button,a,p,span,strong,small,label,input){font-family:var(--hs-client-font)!important}
body .hs-conciergeReview select{border:1px solid var(--hs-client-line)!important;border-radius:8px!important;background:var(--hs-client-paper)!important;min-height:48px}
@media(max-width:700px){body:not(.hs-client-portal-active) #booking-app .bk-screen h2{font-size:24px!important}}
.go-main :is(.hs-screen,.hs-step__hero,.hs-top){background:transparent!important;min-height:0!important;padding:0!important;margin-top:0!important}
.go-main .hs-step__hero{margin-bottom:16px!important}
.go-main .hs-booked-visit__controls{border:0!important;padding-top:0!important}.go-main .hs-booked-visit__subhead{max-width:none!important;width:auto!important}
body[data-hs-visit-state="confirmed"] .go-main .hs-top__title{display:none!important}
.go-main .hs-btn--hero{font-size:15px!important;min-height:48px!important;padding:14px!important}
.go-main .hs-appt-rating{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;margin-bottom:24px!important;overflow:visible!important}
.go-main .hs-appt-rating__star{color:#68625b!important;font-size:36px!important;min-width:44px;min-height:44px}.go-main .hs-appt-rating__star:is(.is-on,:hover){color:var(--hs-client-accent)!important}
.go-main #tip{border:0!important;border-top:1px solid var(--hs-client-line)!important;padding-top:18px!important}
.go-main .hs-tip-dropin__top>div:before{color:var(--hs-client-muted)!important;letter-spacing:0!important;text-transform:none!important;font-size:12px!important;font-weight:400!important}
.go-main .hs-next-visit__collapsed{background:var(--hs-client-accent)!important;color:white!important;padding:14px 18px!important;border-radius:8px!important;min-height:52px!important}
.go-main .hs-next-visit__collapsedTitle{color:white!important;font-size:17px!important}.go-main .hs-next-visit__collapsedArrow{color:white!important;font-size:22px!important}
body.hs-client-portal-active:not(.hs-client-portal-authenticated) .bk-dashboardGrid>.bk-dashboardPanel:first-child .bk-dashboardSection{padding:28px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.hs-client-portal-active:not(.hs-client-portal-authenticated) .hs-accountAuthSection .bk-dashboardSectionTitle{font-family:var(--hs-client-font)!important;font-size:22px!important;line-height:1.3!important;font-weight:600!important}
body.hs-client-portal-active:not(.hs-client-portal-authenticated) .hs-accountAuthSection .bk-dashboardSectionMeta{font-size:14px!important;line-height:1.5!important}
body.hs-client-portal-active:not(.hs-client-portal-authenticated) .hs-accountAuthSection :is(.bk-btn,.bk-button){border-radius:8px!important;min-height:48px!important;font-family:var(--hs-client-font)!important;font-size:14px!important;text-transform:none!important;letter-spacing:0!important}
body.hs-client-portal-active .hs-portalHero h2{font-family:var(--hs-client-font)!important;font-weight:600!important;font-size:26px!important}
body.hs-client-portal-active .hs-portalBookButton{border-radius:8px!important;background:transparent!important;color:var(--hs-client-ink)!important;border:1px solid var(--hs-client-line)!important;text-transform:none!important;letter-spacing:0!important}
body.hs-client-portal-active .bk-dashboardRow{padding:18px 0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--hs-client-line)!important;border-radius:0!important;box-shadow:none!important}
body.hs-client-portal-active .hs-visitDate{font-family:var(--hs-client-font)!important;font-size:20px!important;line-height:1.3!important;color:var(--hs-client-ink)!important;font-weight:600!important}
body.hs-client-portal-active .bk-dashboardRowTitle{font-family:var(--hs-client-font)!important;font-size:16px!important;color:var(--hs-client-muted)!important;font-weight:400!important}
body.hs-client-portal-active .bk-dashboardRowService span:first-child,body.hs-client-portal-active .bk-dashboardRowService span:nth-child(2){font-family:var(--hs-client-font)!important}
body.hs-client-portal-active .bk-dashboardRowAction{border-radius:8px!important;min-height:44px!important;font-family:var(--hs-client-font)!important}
body:has(:is(.hs-bookHeader,.go-header,.hs-conciergeHeader)):before{display:none!important;content:none!important}
body:has(.hs-conciergeHeader){border-top:0!important}
body .hs-bookHeader{width:100%!important;max-width:none!important;padding:16px max(20px,calc((100vw - 1000px)/2))!important}
body .hs-bookHeader img{width:150px!important}
@media(max-width:700px){body:not(.hs-client-portal-active) .hs-bookHeader{padding:0!important}body:not(.hs-client-portal-active) .hs-bookHeader .hs-appLogo{width:116px!important}body.hs-client-portal-active .hs-bookHeader{padding:12px!important}body.hs-client-portal-active .hs-bookHeader img{width:130px!important}}

/* Shared client palette; retain the existing layouts and original logo assets. */
:root{color-scheme:light;--hs-orange:var(--hs-client-accent);--hs-ink:var(--hs-client-ink);--hs-muted:var(--hs-client-muted);--hs-line:var(--hs-client-line);--hs-paper:var(--hs-client-paper);--hs-canvas:var(--hs-client-canvas);--hs-blush:#eee5d8;--color-background:#f7f1e5;--color-foreground:#292724;--color-foreground-heading:#292724;--color-background-rgb:247 241 229;--color-foreground-rgb:41 39 36}
body :is(#booking-app,.hs-campaignOffer,.hs-conciergeReview,.go-main){color:var(--hs-client-ink)}
body :is(.go-footer,.hs-conciergeFooter){color:var(--hs-client-muted)}
body :is(.go-footer,.hs-conciergeFooter) a{color:var(--hs-client-ink)}
/* Account uses the same brand bar as booking and appointment pages. */
body.hs-client-portal-active .hs-bookHeader{margin:0!important;display:flex!important;align-items:center;justify-content:space-between;gap:20px;background:var(--hs-client-canvas)!important;box-shadow:none!important}
body.hs-client-portal-active .hs-bookHeader>a{padding:0!important;display:block}
body.hs-client-portal-active .hs-bookNav{display:flex;align-items:center;gap:20px;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
body.hs-client-portal-active .hs-bookNav :is(a,button){font:400 13px/1.4 var(--hs-client-font)!important;min-height:44px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--hs-client-ink)!important;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important;text-decoration:none!important}
body.hs-client-portal-active .hs-bookNav :is(a,button):after{display:none!important}
@media(max-width:700px){
 body.hs-client-portal-active .hs-bookHeader{display:grid!important;grid-template-columns:72px minmax(0,1fr) 72px;gap:0!important;min-height:62px;padding:0 12px!important}
 body.hs-client-portal-active .hs-bookHeader>a{grid-column:2;justify-self:center}
 body.hs-client-portal-active .hs-bookHeader img{width:116px!important}
 body.hs-client-portal-active .hs-bookNav{grid-column:3;justify-content:flex-end;gap:0!important}
 body.hs-client-portal-active .hs-bookNav [data-hs-open-portal]{display:none!important}
 body.hs-client-portal-active .hs-bookNav [data-hs-book]{display:flex!important;align-items:center;justify-content:center;min-width:44px}
 body.hs-client-portal-active .hs-bookHeader .hs-mobileAppBar{display:none!important}
}

@media(max-width:700px){
 body.hs-client-portal-active:not(.hs-client-portal-authenticated) .bk-dashboardGrid>.bk-dashboardPanel:first-child .bk-dashboardSection{padding:20px!important;}
}

/* Client alignment: retain the original screen layouts, share component measurements. */
:root{--hs-client-radius:8px;--hs-client-gutter:24px;--hs-client-title:26px;--hs-client-date:22px}
body:has(#booking-app),body:has(#booking-app) .content-for-layout,body:has(#booking-app) .bk-shopify-fullbleed,body #booking-app,body .hs-conciergePage{background:var(--hs-client-canvas)!important}
body .go-main{max-width:720px!important;padding:24px 0!important;width:calc(100% - 48px)!important}
body :is(.go-header,.hs-conciergeHeader){min-height:76px;box-sizing:border-box}
body :is(.hs-visitOverview__date,.hs-conciergeVisitSummary .hs-visitOverview__date,.hs-openingAppointmentTime,.hs-openingSummaryTime){font:600 var(--hs-client-date)/1.3 var(--hs-client-font)!important;letter-spacing:-.015em!important}
body #booking-app :is(.hs-appointmentSummary,.hs-reviewCard--visit) .bk-summaryAppointmentTime{font:600 var(--hs-client-date)/1.3 var(--hs-client-font)!important}
body :is(.hs-visitOverview__service,.hs-conciergeVisitSummary .hs-visitOverview__service){font-size:15px!important;line-height:1.4!important}
body :is(.hs-visitOverview__stylist,.bk-summaryStylist){font-size:13px!important;line-height:1.4!important;color:var(--hs-client-muted)!important}
body #booking-app :is(.hs-appointmentSummary,.hs-reviewCard--visit){border:0!important;border-bottom:1px solid var(--hs-client-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0 0 20px!important}
body #booking-app .hs-reviewGrid{display:flex!important;flex-direction:column!important;gap:16px!important}
body #booking-app .hs-reviewCard:not(.hs-reviewCard--visit){margin:0!important}
body.hs-client-portal-active:not(.hs-client-portal-authenticated) .bk-dashboardGrid>.bk-dashboardPanel:first-child{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
body.hs-client-portal-active:not(.hs-client-portal-authenticated) .bk-dashboardGrid>.bk-dashboardPanel:first-child .bk-dashboardSection{padding:0!important}
body #booking-app .hs-bookingPolicy{border:0!important;border-top:1px solid var(--hs-client-line)!important;background:transparent!important;border-radius:0!important;padding:16px 0!important}
body #booking-app .hs-cardExplanation{border:0!important;border-top:1px solid var(--hs-client-line)!important;background:transparent!important;border-radius:0!important;padding:16px 0!important}
body #booking-app .hs-cardExplanation :is(h3,p,a),body #booking-app .hs-bookingPolicy :is(h3,p){font-family:var(--hs-client-font)!important}
body :is(#booking-app,.hs-conciergeReview,.hs-campaignOffer,.go-main) :is(button,.bk-btn,.hs-openingPrimary,.hs-campaignOfferCta,.hs-btn){text-transform:none!important;letter-spacing:0!important;border-radius:var(--hs-client-radius)!important;box-shadow:none!important}
body :is(#booking-app,.hs-conciergeReview,.hs-campaignOffer) :is(input,select,textarea){accent-color:var(--hs-client-accent)!important}
body :is(.hs-conciergeReview,.hs-campaignOffer) :is(input[type=text],input[type=tel],select,textarea){font-size:16px!important;line-height:1.4!important;border-radius:var(--hs-client-radius)!important;background:var(--hs-client-paper)!important}
body .hs-conciergeReview .hs-conciergeEyebrow{font-size:12px;letter-spacing:0!important;font-weight:400;color:var(--hs-client-muted)}
body .hs-conciergeReview #conciergeReviewActions>a[href^="sms:"]{display:none!important}
body .hs-conciergeReview #conciergeReviewRefresh{font-size:14px!important;min-height:44px}
body .hs-conciergeReview .hs-conciergeVisitTotal{padding-top:12px;border-top:1px solid var(--hs-client-line)}
body .hs-unavailableLink .secondary{background:transparent!important;color:var(--hs-client-ink)!important;border:1px solid var(--hs-client-line)!important}
body .hs-portalBookButton{font-size:13px!important;min-height:44px!important}
body .hs-appt-rating-modal{font-family:var(--hs-client-font)!important;color:var(--hs-client-ink)!important}
body .hs-appt-rating-modal__dialog{background:var(--hs-client-paper)!important;border-radius:var(--hs-client-radius)!important;border:1px solid var(--hs-client-line)!important;box-shadow:0 12px 32px #29272424!important;padding:24px!important}
body .hs-appt-rating-modal__title{font:600 22px/1.3 var(--hs-client-font)!important;letter-spacing:-.02em!important;max-width:none!important;padding-right:32px}
body .hs-appt-rating-modal :is(button,textarea){border-radius:var(--hs-client-radius)!important;font-family:var(--hs-client-font)!important;min-height:44px}
body .hs-appt-rating-modal textarea{font-size:16px!important}
body .hs-appt-rating-modal__skip{background:transparent!important;border:1px solid var(--hs-client-line)!important;font-size:14px!important;font-weight:400!important}
body[data-hs-visit-state="confirmed"]:has(#hsHairStoryIntakeOnly .hs-screen[data-screen="question"].is-active) .hs-visitOverview :is(h1,.hs-visitOverview__status,.hs-visitOverview__note,.hs-visitOverview__service){display:none!important}
body[data-hs-visit-state="confirmed"]:has(#hsHairStoryIntakeOnly .hs-screen[data-screen="question"].is-active) .hs-visitOverview{padding-bottom:12px;margin-bottom:16px!important}
body[data-hs-visit-state="confirmed"]:has(#hsHairStoryIntakeOnly .hs-screen[data-screen="question"].is-active) .hs-visitOverview__date{font-size:16px!important}
body .go-main .hs-step__title{font:600 22px/1.3 var(--hs-client-font)!important;max-width:none!important;width:auto!important}
body .go-main .hs-step__hint{display:none!important}
@media(max-width:700px){
 :root{--hs-client-gutter:20px;--hs-client-title:24px;--hs-client-date:20px}
 body .go-main{width:calc(100% - 40px)!important;padding:20px 0!important}
 body :is(.go-header,.hs-conciergeHeader){min-height:62px;padding:0 12px!important;grid-template-columns:72px minmax(0,1fr) 72px!important}
 body :is(.go-header,.hs-conciergeHeader) img{width:116px!important}
 body .hs-conciergeReview{padding:0 20px!important;margin:24px auto!important}
 body.hs-client-portal-active .hs-portalBookButton{font-size:12px!important}
 body .hs-visitOverview__service{display:block!important}
 body .hs-visitOverview__stylist{display:block!important;text-align:left!important;margin-top:2px}
}

body[data-hs-visit-state="confirmed"]:has(#hsHairStoryIntakeOnly .hs-screen[data-screen="question"].is-active) #hsBookedVisit{display:none!important}

body:has(#booking-app) #MainContent :is(.shopify-section,.section-background,.section,.section-content-wrapper,.bk-breakout,.bk-app){background:var(--hs-client-canvas)!important}

/* Cancellation handoff keeps the team-contact action visible and primary. */
body .hs-conciergeReview #conciergeReviewActions>a.hs-conciergePrimary[href^="sms:"]{display:block!important;padding:16px 22px!important;background:var(--hs-client-accent)!important;color:white!important;text-decoration:none;text-align:center}

/* Booking and visit pages share one visual hierarchy and control system. */
:root{--hs-client-body:14px;--hs-client-control:48px;--hs-client-header:76px}
body :is(.hs-bookHeader,.go-header,.hs-conciergeHeader){min-height:var(--hs-client-header)!important;box-sizing:border-box!important}
body .hs-bookHeader .hs-bookNav :is(a,button),body .hs-clientNav a{font:400 13px/1.4 var(--hs-client-font)!important;color:var(--hs-client-ink)!important;min-height:44px!important}
body .hs-bookHeader .hs-bookNav{gap:20px!important}
body :is(.go-main,.go-status,.hs-conciergeReview,.hs-campaignOffer){font-size:var(--hs-client-body);line-height:1.5}
body:not(.hs-client-portal-active) #booking-app .bk-screen.is-active .bk-head h2,
body.hs-client-portal-active #booking-app .hs-portalHero h2,
body .go-main .hs-visitOverview h1,
body .hs-conciergeReview h1,
body .hs-campaignOffer h1{font:600 var(--hs-client-title)/1.25 var(--hs-client-font)!important;letter-spacing:-.02em!important;text-transform:none!important;margin:0 0 16px!important}
body #booking-app :is(.bk-choice__title,.bk-entryChoiceTitle,.bk-entryChoice__title,.hs-extraChoice strong){font:600 16px/1.35 var(--hs-client-font)!important;color:var(--hs-client-ink)!important}
body #booking-app :is(.bk-choice__meta,.bk-entryChoiceMeta,.bk-entryChoice__meta,.bk-head>p){font:400 14px/1.5 var(--hs-client-font)!important;color:var(--hs-client-muted)!important}
body:not(.hs-client-portal-active) #booking-app :is(.bk-choice,.hs-extraChoice){border-radius:var(--hs-client-radius)!important;color:var(--hs-client-ink)!important}
body #booking-app :is(.bk-summaryAppointmentTime,.bk-summaryServiceName,.bk-summaryAccountName,.bk-summaryPriceValue,.bk-summaryStylist,.hs-serviceLine,.bk-gratuityTitle,.hs-appointmentEyebrow,.hs-reviewCardLabel){font-family:var(--hs-client-font)!important}
body #booking-app :is(.bk-input,.hs-stylistSearch),body .go-main .hs-booked-visit__input,body .hs-conciergeReview :is(input,select,textarea){font:400 16px/1.4 var(--hs-client-font)!important;color:var(--hs-client-ink)!important;border:1px solid var(--hs-client-line)!important;background:var(--hs-client-paper)!important;border-radius:var(--hs-client-radius)!important;min-height:var(--hs-client-control)!important}
body #booking-app :is(.bk-btn,.bk-button),body .go-main :is(.hs-btn,.hs-visitOverview__action,.hs-booked-visit__miniBtn),body .hs-conciergeReview #conciergeReviewConfirm{font:600 14px/1.4 var(--hs-client-font)!important;min-height:var(--hs-client-control)!important;border-radius:var(--hs-client-radius)!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important}
body #booking-app :is(.bk-btn--primary,.bk-button--primary,#bkNextBtn),body .go-main :is(.hs-btn--primary,.hs-visitOverview__action,.hs-booked-visit__miniBtn){background:var(--hs-client-accent)!important;color:#fff!important;border-color:var(--hs-client-accent)!important}
body #booking-app #bkBackBtn{background:transparent!important;color:var(--hs-client-ink)!important;border:1px solid var(--hs-client-line)!important}
body #booking-app #bkActionsBar{background:var(--hs-client-paper)!important;border-color:var(--hs-client-line)!important}
body #booking-app :is(.bk-label,.bk-summaryAccountLabel){font:600 12px/1.4 var(--hs-client-font)!important;letter-spacing:.04em!important;color:var(--hs-client-muted)!important}
body :is(.go-footer,.hs-conciergeFooter){font:400 13px/1.5 var(--hs-client-font)!important;padding:24px 20px!important}
body .go-status{max-width:720px;margin:0 auto;padding:32px 24px;text-align:left}
body .go-status p{margin:0 0 16px}
body .go-status a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:3px}
body .hs-bookingRequirements{font-family:var(--hs-client-font)!important;color:var(--hs-client-ink)!important;background:var(--hs-client-paper)!important;border:1px solid var(--hs-client-line)!important;border-radius:var(--hs-client-radius)!important;padding:24px!important}
body .hs-bookingRequirements h2{font:600 var(--hs-client-title)/1.25 var(--hs-client-font)!important;letter-spacing:-.02em;margin:0 0 16px}
body .hs-bookingRequirements :is(input,select,button){font:400 16px/1.4 var(--hs-client-font)!important;border-radius:var(--hs-client-radius)!important;min-height:var(--hs-client-control)!important}
body .hs-bookingRequirements button[type=submit]{background:var(--hs-client-accent)!important;color:white!important}
@media(max-width:700px){
 :root{--hs-client-header:62px}
 body:not(.hs-client-portal-active) .hs-bookHeader .hs-mobileAppBar{min-height:57px!important;background:var(--hs-client-canvas)!important}
 body .hs-mobileAppBar :is(button,.hs-appTitle){font-family:var(--hs-client-font)!important}
 body .hs-mobileAppBar button{font-size:12px!important;font-weight:400!important}
 body:not(.hs-client-portal-active) .bk-shopify-fullbleed{padding-left:var(--hs-client-gutter)!important;padding-right:var(--hs-client-gutter)!important}
 body:not(.hs-client-portal-active) #booking-app .bk-main{padding-top:20px!important}
 body .hs-bookingRequirements{padding:20px!important}
}
body.hs-client-portal-active #booking-app .hs-portalHero h2{margin:0!important}
body.hs-client-portal-active:not(.hs-client-portal-authenticated) #booking-app .hs-accountAuthSection .bk-field{margin-top:4px!important}