/*
  Дропдаун бургер-меню (мобильный, 226:4032) — разметка partials/mobile-nav.njk,
  один экземпляр на страницу (layouts/base.njk). Актуален только на мобильном
  брейкпоинте (600px, база 390px);
  на десктопе триггер (бургер) невидим (header.css), но на всякий случай
  дополнительно гасим саму панель — она не должна быть доступна ни при каком
  сценарии на широких экранах.
*/
.mobile-nav {
  display: none;
}

@media (min-width: 600px) {
  .mobile-nav {
    display: none !important;
  }
}

@media (max-width: 599.98px) {
  .mobile-nav {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 39;
  }

  .mobile-nav[hidden] {
    display: none;
  }

  .mobile-nav__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(10, 22, 33, 0.35);
  }

  .mobile-nav__panel {
    position: absolute;
    top: min(75px, calc(75 / 390 * 100vw));
    left: 50%;
    transform: translateX(-50%);
    width: min(370px, calc(370 / 390 * 100vw));
    padding: min(20px, calc(20 / 390 * 100vw));
    border-radius: min(30px, calc(30 / 390 * 100vw));
    background: var(--color-surface);
    box-shadow: 0 30px 60px rgba(10, 22, 33, 0.18);
  }

  .mobile-nav__list {
    display: flex;
    flex-direction: column;
    gap: min(10px, calc(10 / 390 * 100vw));
    margin: 0 0 min(20px, calc(20 / 390 * 100vw));
    padding: 0;
    list-style: none;
  }

  .mobile-nav__link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: min(50px, calc(50 / 390 * 100vw));
    border-radius: min(15px, calc(15 / 390 * 100vw));
    background: var(--color-mobile-nav-item-bg);
    font-size: min(15px, calc(15 / 390 * 100vw));
    font-weight: var(--fw-medium);
    color: var(--color-ink);
    opacity: 0.5;
    transition: opacity 0.2s ease, background 0.2s ease;
  }

  .mobile-nav__link.is-active {
    opacity: 1;
  }

  .mobile-nav__link:hover {
    opacity: 0.8;
  }

  .mobile-nav__cta.btn {
    width: 100%;
    height: min(70px, calc(70 / 390 * 100vw));
    font-size: min(15px, calc(15 / 390 * 100vw));
  }
}