/* 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"]>.fxa-quick-links{display:none;align-items:center;gap:18px;margin-left:auto}
.fxa-quick-links a{font-size:13px;line-height:1.4;white-space:nowrap;color:var(--fg-secondary,#444)}
.fxa-quick-links a:hover{color:#e63927}
.fxa-quick-links a:focus-visible{outline:2px solid #e63927;outline-offset:4px}
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(min-width:768px) and (max-width:1279px){header nav[aria-label="Main navigation"]>.fxa-quick-links{display:flex}}
@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}}

/* Always-visible product links form a centered second row in the fixed header. */
:root{--fx-main-nav-h:88px;--fx-product-nav-h:170px;--navbar-h:calc(var(--fx-main-nav-h) + var(--fx-product-nav-h))}
header nav[aria-label="Main navigation"]{height:var(--fx-main-nav-h)}
.fxa-header-spacer{height:calc(var(--navbar-h) + 1px)}
header .fx-top-products{display:block;height:var(--fx-product-nav-h);padding:0 16px;background:var(--bg,#fff);border-top:1px solid var(--border,#eee)}
header .fx-top-products .fx-top-product-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(720px,100%);height:100%;margin:0 auto!important;padding:8px 0!important;list-style:none}
header .fx-top-product-list>li{min-width:0}
header .fx-top-product-link{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;height:100%;padding:4px 10px;border-radius:5px;color:var(--fg-secondary,#444);text-align:center;line-height:1.4;transition:background-color .15s,color .15s}
header .fx-top-product-image{display:block;width:170px;max-width:100%;height:110px;flex:0 0 110px;object-fit:contain;background:#fff;border:1px solid var(--border,#eee);border-radius:4px}
header .fx-top-product-image.is-texture{object-fit:cover}
.fx-top-product-label{display:block;max-width:210px;font-size:13px;line-height:18px;font-weight:500}
header .fx-top-product-link:hover,header .fx-top-product-link[aria-current="page"]{background:#fff3ef;color:#e63927}
header .fx-top-product-link:focus-visible{outline:2px solid #e63927;outline-offset:-2px}
body main [id]{scroll-margin-top:calc(var(--navbar-h) + 24px)}
body .fx-product-sidebar{top:calc(var(--navbar-h) + 24px)}
body .fx-directory-body{max-height:calc(100vh - var(--navbar-h) - 112px)}
body.admin-bar main [id]{scroll-margin-top:calc(var(--navbar-h) + var(--wp-admin--admin-bar--height,32px) + 24px)}
body.admin-bar .fx-product-sidebar{top:calc(var(--navbar-h) + var(--wp-admin--admin-bar--height,32px) + 24px)}
body.admin-bar .fx-directory-body{max-height:calc(100vh - var(--navbar-h) - var(--wp-admin--admin-bar--height,32px) - 112px)}
@media(max-width:1023px){:root{--fx-main-nav-h:72px}}
@media(max-width:600px){
 :root{--fx-product-nav-h:132px}
 header .fx-top-products{padding:0 12px}
 header .fx-top-products .fx-top-product-list{gap:6px;padding:6px 0!important}
 header .fx-top-product-link{gap:5px;padding:3px}
 header .fx-top-product-image{width:96px;height:70px;flex-basis:70px}
 .fx-top-product-label{max-width:116px;font-size:11px;line-height:14px}
 body .fx-directory-body{max-height:340px}
}