/* Responsive website styles. No alternate application shell. */
@media(max-width:760px){.sabsus-account-dialog{box-sizing:border-box;width:calc(100% - 32px);max-width:420px}.sabsus-account-dialog input{font-size:16px}}
/* Homepage mobile: begin directly with the booking wizard.
   The header already has the Backstage Beauty logo; the large duplicate
   logo, marketing heading and paragraph no longer push booking off screen. */
@media (max-width:760px){
  .home-direct .home-booking-hero .home-booking-intro{display:none!important}
  .home-direct .home-booking-hero{padding-top:12px!important}
  .home-direct .home-booking-form{margin-inline:0!important;padding:16px 12px!important;box-shadow:none!important}
  .home-direct .home-booking-hero>.wrap{padding-inline:12px}
}

/* Mobile checkout: no beige vertical gutters or redundant external frames. */
@media(max-width:760px){
 body.home-direct .home-booking-hero{background:#fff!important;padding:6px 0 30px!important}
 body.home-direct .home-booking-hero>.wrap{box-sizing:border-box;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
 body.home-direct .home-booking-hero .home-booking-form.booking-flow{box-sizing:border-box;width:100%!important;margin:0!important;padding:12px 12px 18px!important;border:0!important;box-shadow:none!important;background:#fff!important}
 body.home-direct .home-booking-hero .bf-layout{margin:0!important;gap:15px!important}
 body.home-direct .home-booking-hero .bf-main{padding:0!important}
 body.home-direct .home-booking-hero .bf-summary{border-radius:0!important}
 .booking-shell.wrap{width:100%!important;max-width:none!important}
 .booking-shell .booking-form.booking-flow{box-sizing:border-box;width:100%!important;border:0!important;padding:14px 12px!important;box-shadow:none!important}
}