@media(max-width:1050px){
 .nav.nav-inline{display:flex;height:74px;min-height:74px;flex-wrap:nowrap;padding:12px 0;gap:14px}
 .nav.nav-inline .brand{flex:0 0 auto;font-size:20px}
 .nav.nav-inline .navlinks{display:flex;position:static;order:0;flex:1 1 auto;justify-content:center;align-items:center;gap:clamp(10px,1.6vw,18px);overflow:visible;white-space:nowrap;font-size:11px;width:auto;padding:0;border:0}
 .nav.nav-inline .navlinks a{padding:10px 0}
 .nav.nav-inline .navright{flex:0 0 auto;margin-left:0;gap:8px}
 .nav.nav-inline .nav-search-form{width:clamp(112px,15vw,155px);min-width:0}
 .nav.nav-inline .nav-search-form input,.nav.nav-inline .nav-search-form input:focus{width:100%;min-width:0;flex:1;font-size:10px}
 .nav.nav-inline .nav-search-form button{flex-shrink:0;width:26px}
}

@media(max-width:640px){
 .nav.nav-inline{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:8px 12px;height:auto;min-height:0;padding:12px 0;align-items:center}
 .nav.nav-inline .brand{font-size:18px}
 .nav.nav-inline .navlinks{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;min-width:0;width:100%;justify-content:space-between;overflow:visible;gap:0 12px;padding-top:4px;border-top:1px solid var(--line);white-space:normal}
 .nav.nav-inline .navlinks a{flex:0 0 auto;min-height:40px;padding:8px 0;font-size:11px}
 .nav.nav-inline .navright{gap:6px}
 .nav.nav-inline .nav-search-form{width:32px;border:0;background:transparent}
 .nav.nav-inline .nav-search-form input{display:none}
 .nav.nav-inline .nav-search-form button{width:32px}
 .nav.nav-inline #accountButton{width:30px;height:30px}
}