/* Keep the primary navigation visible on every viewport. */
.topbar{height:auto;min-height:76px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px 22px;padding:12px max(3vw,18px)}
.topbar .brand{min-width:60px}.topbar .nav{display:flex;align-items:center;gap:18px;min-width:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#375b47 transparent;padding:3px 0}.topbar .nav button{flex-shrink:0;white-space:nowrap;font-size:12px;padding:11px 0;min-height:42px}.topbar .top-actions{min-width:0;gap:7px}.topbar .searchbox{width:160px}.topbar .seller-link{white-space:nowrap;font-size:11px;max-width:none}.topbar .seller-link:after{content:none}.topbar .nav button:focus-visible{outline:2px solid #77e5a6;outline-offset:2px;border-radius:5px}
@media(max-width:1450px){.topbar{grid-template-columns:auto minmax(0,1fr)}.topbar .brand{grid-column:1;grid-row:1}.topbar .top-actions{grid-column:2;grid-row:1;justify-content:flex-end}.topbar .nav{grid-column:1/-1;grid-row:2;gap:27px;border-top:1px solid #21382e;padding-top:8px}.topbar .searchbox{width:230px}}
@media(max-width:650px){.topbar{padding:10px 12px 5px;gap:7px 10px}.topbar .nav{gap:24px;padding-top:5px}.topbar .nav button{font-size:12px;min-height:42px}.topbar .brandmark{font-size:25px}.topbar .top-actions{gap:2px}.topbar .searchbox{width:auto;max-width:230px;flex:1;min-width:60px;padding:8px 10px}.topbar .iconbtn{padding:8px;min-width:40px}.topbar .seller-link{font-size:10px;padding:10px 8px;white-space:nowrap}.topbar .brand{min-width:48px}.topbar .brandname{display:none}}
@media(max-width:380px){.topbar .searchbox{max-width:100px}.topbar .seller-link{font-size:9px;padding:10px 6px}.topbar .iconbtn{min-width:35px;padding:6px}}
/* Logo, primary links and account controls share one row. */
.topbar{display:flex;flex-wrap:nowrap;align-items:center;gap:18px;padding:12px 20px}
.topbar .brand{flex:0 0 auto}.topbar .nav{flex:1 1 auto;min-width:0;border-top:0;padding:3px 0;gap:16px}.topbar .top-actions{flex:0 0 auto}.topbar .searchbox{width:145px;flex:none}.topbar .nav button{font-size:11px}
@media(max-width:1100px){.topbar{gap:12px;padding:10px 14px}.topbar .searchbox{width:110px}.topbar .seller-link{font-size:10px;padding:10px 8px}.topbar .nav{gap:16px}}
@media(max-width:750px){.topbar{gap:10px;padding:10px 12px}.topbar .searchbox{display:none}.topbar .nav{gap:18px}.topbar .top-actions{gap:1px}.topbar .seller-link{font-size:10px}.topbar .iconbtn{min-width:36px;padding:6px}.topbar .brand{min-width:48px}}
@media(max-width:450px){.topbar .seller-link{max-width:58px;overflow:hidden;text-overflow:ellipsis;padding:10px 6px}.topbar .nav{gap:14px}.topbar .nav button{font-size:11px}.topbar .uid-icon{width:22px;height:22px}.topbar .iconbtn{min-width:30px}.topbar{gap:7px}}

.topbar .nav{justify-content:center}@media(max-width:750px){.topbar .nav{justify-content:safe center}}

.topbar .brand-logo{display:block;width:180px;height:auto;max-width:100%}.topbar .brand{min-width:0}@media(max-width:1100px){.topbar .brand-logo{width:145px}}@media(max-width:750px){.topbar .brand-logo{width:125px}}@media(max-width:450px){.topbar .brand-logo{width:100px}}