/* Мобильная шапка (до 1022px) приклеена к верху экрана при прокрутке.
   В шаблоне .app и .app__wrapper высотой ровно в экран, контент вылезает за них, и sticky
   отлипает через один экран. Высота становится минимальной, подвал по-прежнему внизу. */
@media (max-width: 1022px) {
  .app, .app__wrapper { height: auto; min-height: 100vh; min-height: calc(var(--vh, 1vh) * 100); }
  .app-header { position: sticky; top: 0; z-index: 90; background: #fff; box-shadow: 0 4px 16px rgba(20, 40, 30, .06); }
  /* переход по якорю не прячет заголовок под шапку */
  html { scroll-padding-top: 72px; }
  /* меню-бургер и его затемнение поверх приклеенной шапки (в шаблоне z-index не задан) */
  .mobile-box { z-index: 1000; }
}