/* Keep interactive chrome below iPhone status bars/notches in standalone mode. */
@media (max-width:768px){
  html{scroll-padding-top:calc(85px + env(safe-area-inset-top,0px))}
  .app-salon>header{height:calc(72px + env(safe-area-inset-top,0px))!important;padding-top:env(safe-area-inset-top,0px)}
  .app-salon .navbar{height:72px}
  .app-salon .hero{margin-top:calc(84px + env(safe-area-inset-top,0px))}
  .app-category-tabs{top:calc(72px + env(safe-area-inset-top,0px))}
  .app-configurator .membership-header,.app-dashboard .topbar{height:calc(72px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)}
  body.menu-open.app-salon>header{height:calc(72px + env(safe-area-inset-top,0px))!important;padding-top:env(safe-area-inset-top,0px)}
}