/* =======================================================================
   Правки мобильной адаптации (добавлено при переносе на OrangeHost)
   Проблема: на планшетах и широких телефонах (480–991px) выпадающее меню
   было шириной 30% и "плавало" справа, наезжая на заголовок.
   Решение: на всех экранах ≤991px меню ведёт себя как на телефоне —
   тёмная панель во всю ширину сверху, пункты по центру.
   ======================================================================= */

@media screen and (max-width: 991px) {
  /* Само меню — во всю ширину, фиксировано сверху, тёмный фон */
  .nav-menu-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    background-color: #191919 !important;
    border-radius: 0 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    padding: 80px 20px 40px !important;
    z-index: 1000 !important;
  }

  /* Список пунктов — по центру, аккуратные отступы */
  .nav-menu-two {
    width: 100% !important;
    max-width: 420px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    justify-content: center !important;
    align-items: center !important;
  }

  /* Кнопка-бургер всегда поверх открытого меню, чтобы его можно было закрыть */
  .menu-button {
    position: relative !important;
    z-index: 1001 !important;
  }
  .menu-button.w--open {
    position: relative !important;
    z-index: 1001 !important;
  }
}

/* Небольшая подстраховка: убираем возможный горизонтальный сдвиг/прокрутку
   на маленьких экранах (частая мелочь после экспорта из Webflow). */
@media screen and (max-width: 767px) {
  html, body {
    overflow-x: hidden !important;
  }
}