/* Белый Пушкин — фон только для мобильной версии v21
   Ставится последним CSS-слоем и перебивает прошлые фоновые патчи без hidden/fixed слоёв. */

@media (max-width: 980px) {
  :root {
    --bp-mobile-bg-v21: url('../images/bp-mobile-bg-v21.jpg');
  }

  html,
  body {
    background-color: #120c08 !important;
    background-image:
      linear-gradient(180deg, rgba(8,5,3,.08), rgba(8,5,3,.22)),
      var(--bp-mobile-bg-v21) !important;
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    min-height: 100% !important;
    height: auto !important;
    touch-action: pan-y !important;
    overscroll-behavior-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  @supports (background-image: url('../images/bp-mobile-bg-v21.webp')) {
    html,
    body {
      background-image:
        linear-gradient(180deg, rgba(8,5,3,.08), rgba(8,5,3,.22)),
        url('../images/bp-mobile-bg-v21.webp') !important;
    }
  }

  .page-bg,
  .page-bg::before,
  .page-bg::after,
  .page-bg span,
  body::before,
  body::after {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    content: none !important;
    pointer-events: none !important;
    animation: none !important;
  }

  main,
  #home,
  .section,
  .hero,
  .menu-section,
  .menu-groups,
  .menu-group,
  .menu-grid,
  .promo-grid,
  .action-section,
  .contacts {
    background: transparent !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    height: auto !important;
    max-height: none !important;
    min-height: auto !important;
    content-visibility: visible !important;
    contain: none !important;
  }

  body.overlay-open {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    overflow: hidden !important;
    touch-action: none !important;
  }

  body:not(.overlay-open) {
    position: relative !important;
    top: auto !important;
    overflow-y: auto !important;
    touch-action: pan-y !important;
  }
}