.booking-screen-bar{display:none;}
@media(max-width:820px){
 html.mobile-view{--booking-screen-bar-height:calc(56px + env(safe-area-inset-top,0px));}
 html.mobile-view body[data-customer-shell-page="book"]>header,
 html.mobile-view body.booking-fullscreen-page>header,
 html.mobile-view body.booking-fullscreen-page>footer{display:none!important;}
 html.mobile-view body[data-customer-shell-page="book"]>.booking-screen-bar,
 html.mobile-view body.booking-fullscreen-page:not(.booking-fullscreen-embedded)>.booking-screen-bar{display:flex;}
 html.mobile-view .booking-screen-bar{position:fixed;inset:0 0 auto;z-index:1200;height:var(--booking-screen-bar-height);box-sizing:border-box;align-items:center;justify-content:space-between;gap:16px;padding:env(safe-area-inset-top,0px) max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));background:#080808;color:#fff;border-bottom:1px solid #282828;}
 .booking-screen-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;text-decoration:none;color:inherit;font:inherit;font-size:14px;font-weight:700;}
 .booking-screen-back svg{width:20px;height:20px;flex-shrink:0;}
 html[dir="rtl"] .booking-screen-back svg{transform:rotate(180deg);}
 .booking-screen-logo{width:66px;height:36px;object-fit:contain;}
 .booking-screen-back:focus-visible{outline:2px solid #c8a54e;outline-offset:4px;border-radius:4px;}
 html.mobile-view body[data-customer-shell-page="book"]{background:#fff!important;}
 html.mobile-view body[data-customer-shell-page="book"]::before,
 html.mobile-view body.booking-fullscreen-page::before{display:none!important;}
 html.mobile-view body.customer-shell-open[data-customer-shell-page="book"] .customer-shell-stage{position:fixed;inset:var(--booking-screen-bar-height) 0 auto;height:calc(var(--app-viewport-height,100dvh) - var(--booking-screen-bar-height) - env(safe-area-inset-bottom,0px))!important;min-height:0;background:#fff;}
 html.mobile-view body.booking-fullscreen-page:not(.booking-fullscreen-embedded){height:auto!important;min-height:100dvh!important;padding-top:var(--booking-screen-bar-height)!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;overflow-y:auto!important;}
 html.mobile-view.customer-embedded.customer-shell-frame-scroll body.booking-fullscreen-page{height:auto!important;overflow:visible!important;padding-bottom:0!important;}
 html.mobile-view body.booking-fullscreen-page>.container{width:100%!important;max-width:none!important;margin:0!important;padding:22px max(20px,env(safe-area-inset-right,0px)) 24px max(20px,env(safe-area-inset-left,0px))!important;background:var(--booking-page-surface,#fff)!important;}
 html.mobile-view body.booking-fullscreen-page #bookingFormContainer{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--booking-page-surface,#fff)!important;}
 html.mobile-view body.booking-fullscreen-page #bookingFormContainer::before{display:none!important;}
 html.mobile-view body.booking-fullscreen-page{--booking-page-surface:#fff;background:var(--booking-page-surface)!important;}
 html.mobile-view body.booking-fullscreen-page.dark-mode,
 html.mobile-view body.dark-mode[data-customer-shell-page="book"]{--booking-page-surface:#181818;background:#181818!important;}
 html.mobile-view body.booking-fullscreen-page .booking-continue-bar,
 html.mobile-view body.booking-fullscreen-page .booking-confirm-bar{padding-bottom:12px;}
 html.mobile-view body.booking-fullscreen-page #bookingServicesHeading,
 html.mobile-view body.booking-fullscreen-page #bookingAppointmentHeading{scroll-margin-top:20px;}
 html.mobile-view body.booking-fullscreen-page:not(.booking-fullscreen-embedded) #bookingServicesHeading,
 html.mobile-view body.booking-fullscreen-page:not(.booking-fullscreen-embedded) #bookingAppointmentHeading{scroll-margin-top:calc(var(--booking-screen-bar-height) + 20px);}
 html.mobile-view body.booking-fullscreen-page:not(.booking-fullscreen-embedded) .booking-continue-bar,
 html.mobile-view body.booking-fullscreen-page:not(.booking-fullscreen-embedded) .booking-confirm-bar{padding-bottom:max(12px,env(safe-area-inset-bottom,0px));}
}