/* Single-platform navigation: desktop in one row, mobile within the header. */
.topbar{gap:32px}
.topbar .logo-link{flex-shrink:0}
.topbar .brand{font-size:23px;white-space:nowrap}
.header-navigation{height:100%;margin-right:auto}
.header-navigation .tab-links{gap:28px}
.header-navigation .tab-links>button{white-space:nowrap;font-size:14px}
.topbar .top-right{flex-shrink:0}
@media(max-width:1000px){
 .topbar{gap:20px}
 .topbar .brand{font-size:20px}
 .header-navigation .tab-links{gap:18px}
}
@media(max-width:800px){
 .topbar{height:auto;min-height:72px;flex-wrap:wrap;gap:0 12px;padding:14px 18px 0}
 .topbar .brand{font-size:20px;gap:7px}
 .topbar .brand img{width:30px;height:30px}
 .topbar .top-right{margin-left:auto}
 .header-navigation{order:3;width:100%;height:48px;margin:8px 0 0}
 .header-navigation .tab-links{justify-content:center;gap:32px;height:100%}
}
@media(max-width:390px){
 .topbar{padding-left:12px;padding-right:12px;gap:0 8px}
 .topbar .brand{font-size:18px;letter-spacing:-1px;gap:5px}
 .topbar .brand img{width:26px;height:26px}
 .header-navigation .tab-links{gap:24px}
 .header-account{gap:7px}
}