/* Shared, responsive storefront navigation and action alignment. */
.site-menu-toggle,.site-menu-close,.site-menu-backdrop{font:inherit}
.site-menu-toggle{display:none;align-items:center;justify-content:center;width:46px;height:46px;flex:0 0 46px;padding:0;border:0;border-radius:12px;background:#182630;color:#fff;cursor:pointer}
.site-menu-toggle svg,.site-header-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.site-menu-close{display:none}
.site-menu-auth{display:none!important}
.site-menu-backdrop[hidden]{display:none!important}
.site-header-icon-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:66px;min-height:54px;padding:4px 7px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:inherit;text-decoration:none;line-height:1.35}
.site-header-icon{position:relative;display:grid;place-items:center;width:31px;height:31px}
.site-header-icon>b{position:absolute;top:-5px;right:-7px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border:2px solid currentColor;border-radius:999px;background:#f36b21;color:#fff;font-size:9px;line-height:1}
.site-header-icon-link small{max-width:88px;color:inherit;font-size:9px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header-actions,.store-actions,.account-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.header-actions .action,.header-actions .home-cart-trigger{justify-content:center;min-width:66px;min-height:56px;margin:0;padding:3px 6px;border-radius:12px}
.header-actions .site-account-action>span{font-size:inherit}
.header-actions .site-account-action .site-header-icon{width:34px;height:34px}
.store-actions{margin-right:auto}
.store-actions .site-account-action{color:#fff!important}
.store-actions .site-account-action:hover,.account-header-actions .site-header-icon-link:hover{background:#263640!important;color:#ff7a30!important}
.account-header-actions{margin-right:auto}
.account-header-actions .admin-header-access{margin-right:0}
.account-header-actions .site-header-icon-link{color:#fff}
.sub-header-actions{display:flex;align-items:center;gap:7px;margin-right:auto}
.sub-header-actions .site-header-icon-link{color:#fff}

@media (max-width:850px){
  body.site-menu-open{overflow:hidden}
  [data-site-header]{position:relative;z-index:20}
  [data-site-header].is-menu-open{z-index:10001}
  .site-menu-toggle{display:flex;order:99;margin-right:0}
  .site-menu-backdrop{position:fixed;inset:0;z-index:10000;display:block!important;border:0;background:rgba(7,14,19,.56);opacity:0;visibility:hidden;cursor:default;transition:opacity .22s ease,visibility .22s ease;backdrop-filter:blur(2px)}
  [data-site-header].is-menu-open>.site-menu-backdrop{opacity:1;visibility:visible}
  .header .nav[data-site-menu],.store-header nav[data-site-menu],.account-header nav[data-site-menu],.sub-header nav[data-site-menu]{position:fixed!important;top:0!important;bottom:0!important;left:0!important;right:auto!important;z-index:10002!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;width:min(340px,88vw)!important;height:100dvh!important;margin:0!important;padding:calc(18px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom))!important;border:0!important;background:#fff!important;color:#17232c!important;box-shadow:24px 0 65px rgba(0,0,0,.22)!important;overflow-y:auto!important;transform:translateX(-105%);visibility:hidden;transition:transform .25s ease,visibility .25s ease}
  [data-site-header].is-menu-open [data-site-menu]{transform:translateX(0);visibility:visible}
  .site-menu-close{display:grid;place-items:center;align-self:flex-start;width:40px;height:40px;margin:0 0 17px;padding:0;border:0;border-radius:11px;background:#f1f4f5;color:#52616b;font-size:27px;line-height:1;cursor:pointer}
  [data-site-menu] a{display:flex!important;align-items:center!important;min-height:49px!important;padding:11px 12px!important;border-bottom:1px solid #edf0f2!important;background:transparent!important;color:#17232c!important;font-size:12px!important;font-weight:750!important;text-align:right!important}
  [data-site-menu] a:hover{background:#f7f9fa!important;color:#e85f18!important}
  [data-site-menu] .all-cats{min-height:54px!important;margin:0 0 7px!important;border:0!important;border-radius:12px!important;background:#f36b21!important;color:#fff!important}
  [data-site-menu] .site-menu-auth{display:flex!important;gap:9px;margin-top:10px!important;border:1px solid #ffd9c4!important;border-radius:12px!important;background:#fff6f0!important;color:#d95b19!important}
  .store-header .store-shell,.account-header .shell,.sub-header>.container{gap:10px}
  .store-header nav,.account-header nav,.sub-header nav{display:flex}
  .store-actions,.account-header-actions,.sub-header-actions{margin-right:auto;gap:5px}
  .store-actions .store-sales-link{display:none}
  .store-actions>a.site-account-action{display:flex!important}
  .account-header{height:auto;min-height:76px}
  .account-header .shell{min-height:76px;height:auto}
  .account-header .user-pill{display:none!important}
  .sub-header{height:auto;min-height:76px}
  .sub-header>.container{min-height:76px;height:auto}
}

@media (max-width:680px){
  .header-main{gap:7px!important}
  .header-actions{margin-right:auto;gap:3px}
  .header-actions .action:first-child{display:flex!important}
  .header-actions .action,.header-actions .home-cart-trigger{min-width:57px;min-height:55px;padding:2px 3px}
  .header-actions .site-account-action .site-header-icon,.home-cart-trigger .cart-trigger-icon{width:30px;height:30px}
  .home-cart-trigger .cart-trigger-copy{display:flex!important;align-items:center!important}
  .home-cart-trigger .cart-trigger-copy b,.site-header-icon-link small{font-size:8px!important}
  .home-cart-trigger .cart-trigger-copy small{display:none!important}
  .store-header .store-shell{min-height:74px}
  .store-brand img,.account-brand img{width:42px;height:42px}
  .store-brand b,.account-brand b{font-size:15px}
  .store-actions .store-admin-access{display:none}
  .store-cart-trigger{min-width:52px!important;min-height:54px!important;padding:3px!important;flex-direction:column;gap:0!important;border-color:transparent!important;background:transparent!important;color:#fff!important}
  .store-cart-trigger .cart-trigger-copy{display:flex!important;align-items:center}
  .store-cart-trigger .cart-trigger-copy b{font-size:8px!important}
  .store-cart-trigger .cart-trigger-copy small{display:none}
  .store-actions .site-account-action,.account-header-actions .site-header-icon-link,.sub-header-actions .site-header-icon-link{min-width:55px;min-height:54px;padding:2px!important}
  .account-header-actions .admin-header-access{display:none}
  .sub-header .sub-phone{display:none!important}
}

@media (max-width:430px){
  .site-menu-toggle{width:43px;height:43px;flex-basis:43px}
  .header .brand{min-width:0!important}
  .header .brand>span:last-child small,.store-brand small,.account-brand small,.sub-header .brand small{display:none}
  .header .brand strong{font-size:15px!important}
  .header-actions .action,.header-actions .home-cart-trigger{min-width:50px}
  .header-actions .action small,.home-cart-trigger .cart-trigger-copy b{font-size:7px!important}
  .store-brand span,.account-brand span,.sub-header .brand>span:last-child{display:none}
  .store-actions .site-account-action,.account-header-actions .site-header-icon-link,.sub-header-actions .site-header-icon-link{min-width:49px}
}

@media (min-width:851px){
  .header-actions .site-account-action:hover,.header-actions .home-cart-trigger:hover{background:#f4f6f7}
}
