/* Nestiky.com/salon/ — always use mobile app shell (bottom tabs, no desktop sidebar). */
body.salon-mobile-app.salon-shell {
  font-size: 17px;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body.salon-mobile-app.salon-shell > header {
  display: none !important;
}
body.salon-mobile-app.salon-shell main#app {
  max-width: 430px;
  margin: 0 auto;
  min-height: 100vh;
  padding: 0;
  padding-bottom: calc(4.75rem + env(safe-area-inset-bottom, 0px));
}
body.salon-mobile-app.salon-shell .salon-mobile-toggle {
  display: none !important;
}
body.salon-mobile-app.salon-shell .salon-tabs {
  display: grid !important;
}
body.salon-mobile-app.salon-shell .salon-layout {
  grid-template-columns: 1fr;
}
body.salon-mobile-app.salon-shell .salon-sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  width: min(86vw, var(--sidebar-w, 268px));
  transform: translateX(-105%);
  transition: transform 0.2s ease;
  box-shadow: 20px 0 40px rgba(0, 0, 0, 0.25);
  z-index: 35;
}
body.salon-mobile-app.salon-nav-open .salon-sidebar {
  transform: translateX(0);
}
body.salon-mobile-app.salon-nav-open::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(21, 20, 18, 0.45);
  z-index: 32;
}
body.salon-mobile-app.salon-shell .salon-main {
  padding: 12px 14px 20px;
}