/* Marketplace header refinement: match the cleaner public-profile navigation scale. */
.topbar .top{min-height:74px;gap:30px}
.topbar .brand{display:flex;align-items:center;flex:0 0 auto}
.topbar .brand img{width:170px;max-width:none;display:block}
.topbar .nav{display:flex;align-items:stretch;gap:24px;height:74px}
.topbar .nav button{position:relative;display:flex;align-items:center;height:74px;padding:0 0;border:0;border-radius:0;background:transparent!important;color:#d2d6dc;font-size:14px;font-weight:600;letter-spacing:-.01em;line-height:1;white-space:nowrap;transition:color .18s ease}
.topbar .nav button:hover{color:#fff;background:transparent!important}
.topbar .nav button.active{color:#fff;background:transparent!important}
.topbar .nav button.active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--accent)}
.topbar .spacer{min-width:18px}
.topbar .actions{gap:8px}
.topbar .actions .btn{min-height:40px;padding:0 14px;border-radius:10px;font-size:13px;font-weight:700}
/* Commissions already uses the global ES/EN switch in the header. */
#commissionsView .comm-v2-language{display:none!important}
@media(max-width:980px){
  .topbar .top{gap:20px}
  .topbar .brand img{width:154px}
  .topbar .nav{gap:16px}
  .topbar .nav button{font-size:13px}
}
@media(max-width:760px){
  .topbar .top{min-height:68px;gap:12px}
  .topbar .brand img{width:138px;max-width:40vw}
  .topbar .nav{order:3;width:100%;height:auto;overflow-x:auto;gap:18px;padding:0 2px 8px;scrollbar-width:none}
  .topbar .nav::-webkit-scrollbar{display:none}
  .topbar .nav button{height:36px;font-size:13px;flex:0 0 auto}
  .topbar .nav button.active::after{height:2px}
}

@media(max-width:760px){
  .topbar .top{flex-wrap:wrap!important;padding-top:8px;padding-bottom:6px}
  .topbar .brand img{width:128px!important;max-width:38vw!important}
  .topbar .actions{
    margin-left:auto!important;
    min-width:0!important;
    max-width:58vw!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
    gap:6px!important;
  }
  .topbar .actions::-webkit-scrollbar{display:none}
  .topbar .actions>*{flex:0 0 auto!important}
  .topbar .actions .btn{min-height:38px!important;padding:0 11px!important;font-size:12px!important}
}
@media(max-width:430px){
  .topbar .brand img{width:118px!important}
  .topbar .actions{max-width:62vw!important}
  .topbar .actions .btn{padding:0 10px!important}
}