/* Header navigation uses the account panel's typography and line icons. */
body.storefront header.top{padding:18px 0 0!important;z-index:100}
body.storefront header.top .bar{display:grid!important;grid-template-columns:280px minmax(0,1fr)!important;gap:18px 32px;align-items:center}
body.storefront header.top .navrow{display:contents!important}
body.storefront header.top #marketWordmark{grid-column:1;grid-row:1}
body.storefront header.top .search{grid-column:2;grid-row:1;margin:0!important;width:100%;max-width:1000px;justify-self:end}
body.storefront header.top .search input{min-height:46px;font:400 15px 'Segoe UI',system-ui,sans-serif!important}
body.storefront header.top .search button{min-width:110px;font:600 14px 'Segoe UI',system-ui,sans-serif!important}
body.storefront header.top .account-nav{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap!important;justify-content:flex-end;align-items:center;gap:6px!important;background:#fff;border:1px solid #d4e5ef;border-bottom:0;border-radius:14px 14px 0 0;padding:9px 12px;min-width:0}
body.storefront header.top .account-nav .navbtn,body.storefront header.top #adminPendingAlerts>summary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px!important;padding:9px 13px!important;border:1px solid transparent!important;border-radius:9px;background:transparent!important;color:#2c607c!important;font:500 14px/1.35 'Segoe UI',system-ui,sans-serif!important;white-space:nowrap;text-decoration:none;cursor:pointer}
body.storefront header.top .account-nav [hidden]{display:none!important}
body.storefront header.top .account-nav .navbtn:hover,body.storefront header.top #adminPendingAlerts>summary:hover{background:#e8f2f7!important;border-color:#d4e5ef!important;box-shadow:inset 3px 0 #dcae45}
body.storefront header.top .account-nav .navbtn:focus-visible,body.storefront header.top summary:focus-visible{outline:2px solid #2c607c;outline-offset:2px}
body.storefront header.top #accountBtn{background:#e8f2f7!important;border-color:#d4e5ef!important}
body.storefront header.top .header-line-icon{width:21px;height:21px;flex:0 0 21px;color:#397995}
body.storefront header.top .badge{background:#f4c64e;color:#203e50}
body.storefront header.top #adminPendingAlerts{padding:0!important;border:0!important;background:transparent!important;position:relative}
body.storefront header.top #adminPendingAlerts>summary{list-style:none}
body.storefront header.top #adminPendingAlerts>summary::-webkit-details-marker{display:none}
body.storefront header.top #adminPendingAlerts>div,body.storefront header.top #adminPendingAlerts>a{position:absolute;right:0;top:calc(100% + 10px);width:300px;max-width:calc(100vw - 32px);background:white;border:1px solid #d4e5ef;border-radius:14px;padding:18px!important;box-shadow:0 12px 32px #234e6426;color:#203e50;font:400 14px/1.5 'Segoe UI',system-ui,sans-serif}
body.storefront header.top #accountMenu{top:calc(100% + 10px);max-height:calc(100dvh - 190px)}
@media(max-width:720px){
 body.storefront header.top{position:relative;padding-top:12px!important}
 body.storefront header.top .bar{grid-template-columns:minmax(0,1fr)!important;gap:12px}
 body.storefront header.top #marketWordmark{grid-column:1;grid-row:1}
 body.storefront header.top .search{grid-column:1;grid-row:2;max-width:none}
 body.storefront header.top .account-nav{grid-column:1;grid-row:3;justify-content:flex-start;padding:7px;gap:4px!important}
 body.storefront header.top .account-nav .navbtn,body.storefront header.top #adminPendingAlerts>summary{font-size:13px!important;padding:8px 10px!important;gap:7px}
 body.storefront header.top .account-nav .desktop-only{display:none!important}
 body.storefront header.top #accountMenu{position:fixed;top:16px;right:12px;max-height:calc(100dvh - 32px)}
 body.storefront header.top #adminPendingAlerts>div{position:fixed;top:100px;right:12px;max-height:calc(100dvh - 130px)}
}
/* Override legacy ID-based white labels on the light navigation surface. */
body.storefront header.top .account-nav :is(#accountBtn,#sellerPanelNav){color:#2c607c!important;background:#e8f2f7!important;border:1px solid #d4e5ef!important;font:500 14px/1.35 'Segoe UI',system-ui,sans-serif!important}
body.storefront header.top .account-nav :is(#accountBtn,#sellerPanelNav):is(:hover,:focus-visible){color:#203e50!important;background:#dcecf5!important;border-color:#bdd4e3!important}
body.storefront header.top .account-nav :is(#accountBtn,#sellerPanelNav) .header-line-icon{color:currentColor!important}
/* Selected option 3: primary tools above, grouped navigation below. */
body.storefront header.top .bar{grid-template-columns:280px minmax(180px,1fr) auto!important;column-gap:24px}
body.storefront header.top .search{max-width:none}
body.storefront header.top .header-account-tools{grid-column:3;grid-row:1;display:flex;gap:10px;align-items:center}
body.storefront header.top .header-account-tools .navbtn{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 13px;border:0;background:transparent!important;color:#fff!important;font:500 14px/1.35 'Segoe UI',system-ui,sans-serif!important}
body.storefront header.top .header-account-tools #accountBtn,body.storefront header.top .header-account-tools #registerTop{color:#17394f!important;background:#fff!important;border:1px solid #cbdde8!important;border-radius:9px}
body.storefront header.top .header-account-tools #accountBtn:hover,body.storefront header.top .header-account-tools #registerTop:hover{background:#e8f2f7!important;color:#17394f!important}
body.storefront header.top .header-account-tools .header-line-icon{color:currentColor!important}
body.storefront header.top .header-account-tools [hidden]{display:none!important}
body.storefront header.top .search #searchBtn{background:#f2c54c!important;color:#102c3e!important;border-radius:0 9px 9px 0!important}
body.storefront header.top .search{gap:0!important}
body.storefront header.top .search #q{border-radius:9px 0 0 9px!important}
body.storefront header.top .account-nav{background:#e9f4fc;border-radius:0;border:0;justify-content:center;gap:5px!important;padding:7px 12px}
body.storefront header.top .account-nav .nav-group-label{font:700 13px 'Segoe UI',system-ui,sans-serif;color:#17394f;padding:0 12px}
body.storefront header.top .account-nav .nav-seller-label{border-left:1px solid #b7cddc;margin-left:10px;padding-left:20px}
body.storefront header.top .account-nav :is(#headerParts,#headerBrands,#headerCategories,#headerSell,#sellerPanelNav,#mySalesNav,#ordersNav,#offersNav,#notifNav){color:#17394f!important;background:transparent!important;border-color:transparent!important}
body.storefront header.top .account-nav #headerParts{border-radius:0!important;border-bottom:3px solid #d9ae29!important}
body.storefront header.top #accountMenu{top:calc(100% + 10px);max-height:calc(100dvh - 120px)}
@media(max-width:1100px){body.storefront header.top .bar{grid-template-columns:240px minmax(0,1fr)!important}body.storefront header.top .header-account-tools{grid-column:2;grid-row:1;justify-content:flex-end}body.storefront header.top .search{grid-column:1/-1;grid-row:2}body.storefront header.top .account-nav{grid-row:3}}
@media(max-width:720px){body.storefront header.top .bar{grid-template-columns:minmax(0,1fr)!important}body.storefront header.top .header-account-tools{grid-column:1;grid-row:2;justify-content:flex-start;flex-wrap:wrap}body.storefront header.top .search{grid-column:1;grid-row:3}body.storefront header.top .account-nav{grid-row:4;justify-content:flex-start}body.storefront header.top #accountMenu{position:fixed;top:12px;max-height:calc(100dvh - 24px)}body.storefront header.top .account-nav .nav-group-label{padding:0 5px;font-size:12px}}