/* Фикс для PWA — поднимаем контент над системными кнопками */
@media (display-mode: standalone) {
  body {
    padding-bottom: 40px;
  }

  .main {
    padding-bottom: 60px;
  }

  #pwa-install-banner,
  #pwa-system-modal > div:first-child {
    bottom: 40px;
  }
}

/* Если шире (десктоп) — убираем */
@media (min-width: 1024px) {
  @media (display-mode: standalone) {
    body {
      padding-bottom: 0;
    }
    .main {
      padding-bottom: 32px;
    }
  }
}