/* Shared customer header dimensions on home, account and ordering pages. */
@media(min-width:851px){
 body.dashboard-page .topbar:not(.admin-topbar){height:70px;min-height:70px;padding:0 3%;gap:16px;flex-wrap:nowrap}
 body.dashboard-page .topbar .brand{width:230px;flex:0 0 230px;margin:0;display:flex;align-items:center}
 body.dashboard-page .topbar .brand img{width:100%;height:auto;max-height:58px;object-fit:contain}
 body.dashboard-page .topbar .mt-motion-logo{max-width:210px!important}
 body.dashboard-page .topbar .header-search{width:24px;flex:0 0 24px;margin:0 2px 0 auto}
 body.dashboard-page .topbar .main-nav{flex:0 1 auto;gap:18px;justify-content:flex-start;height:100%;align-items:center;flex-wrap:nowrap}
 body.dashboard-page .topbar .main-nav>a,body.dashboard-page .topbar .submit-nav-button{font-size:15px;font-weight:400;gap:7px;padding:6px 0;white-space:nowrap;background:transparent;border:0;box-shadow:none;text-decoration:none}
 body.dashboard-page .topbar .nav-icon,body.dashboard-page .topbar .nav-icon svg{width:19px;height:19px;flex:0 0 19px}
 body.dashboard-page .topbar .account-tools{flex:0 0 auto;margin:0;gap:13px}
 body.dashboard-page .topbar .balance-chip{font-size:14px;padding:9px 11px;border-radius:6px}
 body.dashboard-page .topbar .avatar{width:30px;height:30px}
 body.dashboard-page .topbar .header-bag{width:26px;height:30px}
 body.dashboard-page .topbar .header-bag svg{width:23px;height:23px}
}
@media(min-width:851px) and (max-width:1100px){
 body.dashboard-page .topbar:not(.admin-topbar){padding:0 2%;gap:10px}
 body.dashboard-page .topbar .brand{width:175px;flex-basis:175px}
 body.dashboard-page .topbar .main-nav{gap:11px}
 body.dashboard-page .topbar .main-nav>a,body.dashboard-page .topbar .submit-nav-button{font-size:13px;gap:5px}
 body.dashboard-page .topbar .account-tools{gap:8px}
 body.dashboard-page .topbar .balance-chip{font-size:12px;padding:8px}
 body.dashboard-page .topbar .nav-icon,body.dashboard-page .topbar .nav-icon svg{width:17px;height:17px;flex-basis:17px}
}

/* Keep the customer header free of the language control. */
body.dashboard-page .topbar .language-toggle{display:none!important}
@media(min-width:851px){body.dashboard-page .topbar .header-search{margin:0 2px 0 clamp(16px,3vw,48px)}body.dashboard-page .topbar .account-tools{margin-right:auto;gap:11px}}
@media(min-width:851px) and (max-width:1100px){body.dashboard-page .topbar .header-search{margin-left:10px}}

/* Align navigation and account controls with the right edge. */
@media(min-width:851px){body.dashboard-page .topbar .header-search{margin:0 2px 0 auto}body.dashboard-page .topbar .account-tools{margin:0;gap:11px}}

/* Smaller, slower announcement ticker. */
body.dashboard-page .ticker-bar .ticker-text{font-size:12px;font-weight:500;line-height:1.5;animation-duration:45s}
@media(max-width:850px){body.dashboard-page .ticker-bar .ticker-text{font-size:11px}}

/* Compact announcement strip on desktop and phones. */
body.dashboard-page .ticker-bar{height:44px;min-height:44px;margin-top:8px;margin-bottom:8px;padding-top:0;padding-bottom:0;border-radius:7px}
@media(max-width:850px){body.dashboard-page .ticker-bar{height:36px;min-height:36px;margin-top:6px;margin-bottom:6px}}