/* Keep useful navigation visible between the phone drawer and the full desktop menu. */
header nav[aria-label="Main navigation"]{gap:12px}
header nav[aria-label="Main navigation"]>[data-fxa-menu-controls]{display:flex!important;margin-left:0}
header [data-menu="open"]{display:inline-flex!important;gap:7px;width:auto;min-width:44px;padding:7px}
.fxa-menu-label{font-size:12px;font-weight:600}
#mobile-drawer[hidden]{display:none!important}
#mobile-drawer:not([hidden]){display:flex!important}
@media(max-width:1279px){header nav[aria-label="Main navigation"]>ul[role="list"]{display:none!important}}
@media(max-width:1023px){header nav[aria-label="Main navigation"]>[data-fxa-menu-controls]{margin-left:auto}}
@media(min-width:1280px){
 header nav[aria-label="Main navigation"]>ul[role="list"]{display:flex!important;gap:2px;margin-left:auto!important;margin-right:auto!important}
 header nav[aria-label="Main navigation"]>ul>li>a{padding-left:7px!important;padding-right:7px!important;font-size:13px}
 header .fx-colored-menu summary{padding-left:9px;padding-right:9px;font-size:13px}
 header nav[aria-label="Main navigation"]>[data-fxa-menu-controls]{display:none!important}
}
@media(max-width:767px){header nav[aria-label="Main navigation"]{justify-content:space-between}header nav[aria-label="Main navigation"]>[data-fxa-menu-controls]{margin-left:auto}}

/* The product panel opens beneath the top navigation and centers on the page. */
header .fx-colored-group{position:static}
header .fx-colored-options{left:50%;top:100%;transform:translateX(-50%)}

/* One navigation list remains reliable when browser translation wraps its text. */
@media(min-width:1280px){
 header nav[aria-label="Main navigation"]{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:16px}
 header nav[aria-label="Main navigation"]>div:first-child{grid-column:1;justify-self:start}
 header nav[aria-label="Main navigation"]>ul[role="list"]{grid-column:2;justify-self:center;margin:0!important}
 header nav[aria-label="Main navigation"]>ul+div{grid-column:3;justify-self:end;margin-left:0}
}
@media(min-width:768px) and (max-width:1279px){
 header nav[aria-label="Main navigation"]>ul[role="list"]{display:flex!important;gap:12px;margin-left:auto!important;margin-right:auto!important}
 header nav[aria-label="Main navigation"]>ul[role="list"]>li{display:none!important}
 header nav[aria-label="Main navigation"]>ul[role="list"]>li.fx-nav-essential{display:block!important}
 header nav[aria-label="Main navigation"]>ul>li>a{padding:8px 4px!important;font-size:12px}
}