@media (max-width: 800px) {
  .nav { position: relative; }
  .nav.nav-open nav { display: flex; position: absolute; top: 76px; left: -16px; right: -16px; z-index: 10; background: #fff; box-shadow: 0 12px 24px rgba(13,31,58,.15); padding: 20px; flex-direction: column; align-items: stretch; gap: 0; }
  .nav.nav-open nav a { padding: 12px; border-bottom: 1px solid #eef1f5; }
}