/* Shared account actions: identical on the shop and all main application pages. */
#nav > #authBar{margin-left:auto;flex:0 0 auto;min-width:0}
#nav > #authBar > div{display:flex;align-items:center;gap:8px!important}
#nav #authBar .usb-header-action{position:relative;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 44px;width:44px!important;height:44px!important;min-width:44px;min-height:44px;box-sizing:border-box;padding:0!important;border:1px solid rgba(255,255,255,.2);border-radius:50%!important;background:rgba(255,255,255,.13);color:#fff;font:20px/1 'DM Sans',sans-serif;cursor:pointer;opacity:1;transition:background .15s,transform .15s}
#nav #authBar .usb-header-action:focus-visible{outline:3px solid #fff;outline-offset:3px}
#nav #authBar .usb-header-logout{background:#fff0ef;border-color:#ffc6c2;color:#bf3535}
#nav #authBar .usb-logout-icon{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round;pointer-events:none}
#nav #authBar .usb-header-bell > span:first-child{font-size:20px!important}
#nav #authBar #notifBadge{pointer-events:none}
#nav #authBar #notifBadge:not([hidden]){display:flex!important}
#nav #authBar #notifBadge[hidden]{display:none!important}
@media(hover:hover){#nav #authBar .usb-header-bell:hover{background:rgba(255,255,255,.23)}#nav #authBar .usb-header-logout:hover{background:#ffdbd7}}
#nav #authBar .usb-header-action:active{transform:scale(.96)}
@media(max-width:760px){
 #nav{gap:6px;padding-left:12px;padding-right:12px}
 #nav > .nav-logo{flex:1 1 auto;min-width:0;gap:6px}
 #nav > .nav-logo > div:last-child{min-width:0}
 #nav .nav-logo-text{font-size:16px;letter-spacing:1px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #nav > #authBar > div{gap:6px!important}
 #nav > #navBurger{flex:0 0 44px;width:44px;height:44px;margin-left:0!important;align-items:center;justify-content:center}
}
@media(prefers-reduced-motion:reduce){#nav #authBar .usb-header-action{transition:none}}

/* Equal side columns keep the desktop menu at the viewport's center. */
@media(min-width:761px){
 #nav{display:grid;grid-template-columns:minmax(104px,1fr) minmax(0,max-content) minmax(104px,1fr);column-gap:16px}
 #nav > .nav-logo{grid-column:1;grid-row:1;justify-self:start;min-width:0;max-width:100%;overflow:hidden}
 #nav > .nav-logo > div:last-child{min-width:0}
 #nav .nav-logo-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #nav > #navLinks{grid-column:2;grid-row:1;justify-self:center;justify-content:center;min-width:0;max-width:100%;margin:0;padding:0}
 #navLinks > .nav-list-wrap{display:flex;align-items:center;justify-content:center;min-width:0}
 #navLinks a.nav-card{min-width:0}
 #navLinks .nav-card-text{display:block;min-width:0}
 #navLinks .nav-card-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #nav > #authBar{grid-column:3;grid-row:1;justify-self:end;margin-left:0}
}
@media(min-width:761px) and (max-width:1100px){
 #nav{column-gap:10px;padding-left:16px;padding-right:16px}
 #navLinks a.nav-card{padding-left:8px;padding-right:8px;font-size:12px}
}