@layer responsive {
  @media (min-width: 901px) and (max-width: 1280px) {
    .nav-toggle { display: block; }
    .nav-menu { position: absolute; left: 12px; right: 12px; top: calc(100% + 1px); display: none; align-items: stretch; flex-direction: column; padding: 1.2rem; border: 1px solid var(--line-strong); background: rgba(5, 9, 14, .98); box-shadow: var(--shadow); }
    .nav-menu.is-open { display: flex; }
    .nav-menu ul, .nav-tools { width: 100%; align-items: stretch; flex-direction: column; }
    .nav-menu ul { gap: 0; }
    .nav-menu li a { display: block; padding: .85rem 0; border-bottom: 1px solid var(--line); font-size: 16px; }
    .nav-menu li a::after { display: none; }
    .language-picker select { width: 100%; max-width: none; }
  }
}