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

@media screen and (max-width: 991px) {
  .nav-menu-wrapper {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    background-color: #191919e8 !important;
    -webkit-backdrop-filter: blur(5px) !important;
    backdrop-filter: blur(5px) !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,
  .menu-button.w--open {
    position: relative !important;
    z-index: 1001 !important;
  }
}

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