@media (max-width:980px){
  .header,.site-header{flex-wrap:wrap;padding-top:10px!important;padding-bottom:10px!important}
  .nav,.nav-links{display:flex!important;order:3;width:100%;justify-content:flex-start!important;gap:4px!important;overflow-x:auto;scrollbar-width:thin}
  .nav a,.nav-links a{flex:0 0 auto;padding:8px 11px!important;white-space:nowrap}
}
@media (max-width:560px){
  .header .brand,.site-header .brand{width:100%;margin:0;text-align:center}
  .header>.button,.header>.login,.header-actions{flex:1}
  .site-header .nav-links{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible!important;gap:6px!important}
  .site-header .nav-links a{display:grid;min-height:42px;place-items:center;padding:6px 4px!important;border-radius:10px;background:rgba(223,236,229,.62);font-size:12px;line-height:1.2;text-align:center;white-space:normal!important}
  .header .nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible!important;gap:6px!important}
  .header .nav a{display:grid;min-height:42px;place-items:center;padding:6px!important;border-radius:10px;background:rgba(223,236,229,.62);font-size:12px;line-height:1.2;text-align:center;white-space:normal!important}
}

@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}