/* Meniul în modul hamburger (telefon și tabletă): pastilă cât logoul + hamburgerul, centrată, nu pe toată lățimea.
   Sticla stă pe ::before/::after cu inset:0, deci urmează lățimea; sertarul de linkuri rămâne fixed față de ecran. */
@media (max-width: 1100px) {
  .nav { left: 0; right: 0; width: fit-content; max-width: calc(100% - 24px); margin-inline: auto; }
  .nav .container { gap: 20px; padding-left: 10px; padding-right: 4px; }
  /* sertarul stă centrat sub pastilă (fără transform, ca să nu se ciocnească de animația de deschidere) */
  .nav-links { left: 0; right: 0; margin-inline: auto; transform-origin: top center; }
}