.nav { flex-wrap:wrap; }
.nav-links { min-width:0; flex-wrap:wrap; row-gap:10px; }
.nav-links a { white-space:nowrap; }
@media (min-width:721px) and (max-width:1150px) {
  .nav { gap:16px 24px; }
  .nav-links { order:3; width:100%; }
}
@media (max-width:720px) {
  .nav-links { display:flex; order:3; width:100%; flex-wrap:nowrap; overflow-x:auto; gap:18px; padding:4px 0; }
  .nav-links a { flex-shrink:0; }
}