@media (max-width: 980px) {
  body.menu-open nav {
    display: flex;
    position: fixed;
    top: 76px;
    left: 0;
    right: 0;
    padding: 22px;
    flex-direction: column;
    gap: 15px;
    background: #0b1927;
    border-bottom: 1px solid var(--line);
    z-index: 29;
  }
}

@media (max-width: 720px) {
  body.menu-open nav {
    top: 66px;
  }
}