@media (max-width: 980px){ .container{ padding:22px 14px } }
@media (max-width: 720px){
  .site-header{ flex-wrap: wrap; row-gap: 10px; }
  .header-center{ order: 3; width: 100%; }
  .nav-buttons{ gap: 10px; }
  .btn, .btn-auth{ padding: 10px 12px; }
}
@media (prefers-reduced-motion: reduce){ *{ transition: none !important } }