@media (max-width: 900px) {
  .nav { position: relative; }
  .menu-button { cursor: pointer; transition: transform .2s ease; }
  .nav.menu-open { height: auto; min-height: 82px; flex-wrap: wrap; padding-block: 20px; }
  .nav.menu-open nav { display: flex; order: 3; width: 100%; flex-direction: column; gap: 0; padding-top: 14px; }
  .nav.menu-open nav a { padding: 13px 4px; border-top: 1px solid var(--line); font-size: 15px; }
  .nav.menu-open .nav-actions { display: flex; order: 4; width: 100%; flex-wrap: wrap; padding-top: 10px; }
  .nav.menu-open .nav-actions .btn { flex: 1; min-width: 145px; }
  .nav.menu-open .menu-button { transform: rotate(90deg); }
}