/* Metal Sky High storefront category navigation - cache-safe layout fix.
   Loaded as its own versioned file so browsers/CDNs cannot keep the pre-menu CSS. */

/* Desktop store sub-navigation */
.store-public-header .store-shop-nav{
  display:block;
  position:relative;
  z-index:1200;
  border-top:1px solid rgba(255,255,255,.11);
  background:#0b314b;
}
.store-public-header .store-shop-nav-inner{
  width:min(1440px,calc(100% - 34px));
  min-height:48px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  overflow:visible;
}
.store-public-header .store-shop-catalog-links,
.store-public-header .store-shop-account-links{
  display:flex;
  align-items:center;
  gap:2px;
  min-width:0;
}
.store-public-header .store-shop-catalog-links{flex:1 1 auto}
.store-public-header .store-shop-account-links{flex:0 0 auto;margin-left:auto}
.store-public-header .store-shop-nav .store-shop-home,
.store-public-header .store-shop-nav .store-shop-dropdown-toggle,
.store-public-header .store-shop-account-links>a,
.store-public-header .store-shop-account-links>button{
  display:flex;
  align-items:center;
  min-height:38px;
  padding:9px 9px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#e5f6ff!important;
  box-shadow:none;
  font-size:.79rem;
  font-weight:850;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
}
.store-public-header .store-shop-nav .store-shop-home:hover,
.store-public-header .store-shop-nav .store-shop-dropdown-toggle:hover,
.store-public-header .store-shop-account-links>a:hover,
.store-public-header .store-shop-account-links>button:hover,
.store-public-header .store-shop-nav .is-active,
.store-public-header .store-shop-dropdown.is-active>.store-shop-dropdown-toggle{
  background:rgba(255,255,255,.12);
  color:#fff!important;
}
.store-public-header .store-shop-dropdown{
  position:relative;
  display:flex;
  align-items:stretch;
}
.store-public-header .store-shop-dropdown-toggle{gap:5px}
.store-public-header .store-nav-caret{
  display:inline-block;
  font-size:.68rem;
  line-height:1;
  opacity:.85;
  transition:transform .15s ease;
}
.store-public-header .store-shop-dropdown:hover .store-nav-caret,
.store-public-header .store-shop-dropdown:focus-within .store-nav-caret{transform:rotate(180deg)}

/* Critical: menus are completely removed from layout until opened. */
.store-public-header .store-shop-dropdown-menu{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  z-index:2500;
  min-width:235px;
  margin-top:4px;
  padding:8px;
  border:1px solid #c7d7e3;
  border-radius:11px;
  background:#fff;
  box-shadow:0 16px 36px rgba(2,15,27,.28);
  color:#102437;
}
.store-public-header .store-shop-dropdown-menu:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-8px;
  height:9px;
}
.store-public-header .store-shop-dropdown:hover>.store-shop-dropdown-menu,
.store-public-header .store-shop-dropdown:focus-within>.store-shop-dropdown-menu{display:block}
.store-public-header .store-shop-nav .store-shop-dropdown-menu a{
  display:block;
  padding:9px 10px;
  border-radius:7px;
  color:#102437!important;
  font-size:.86rem;
  font-weight:800;
  line-height:1.2;
  text-decoration:none;
  white-space:normal;
}
.store-public-header .store-shop-nav .store-shop-dropdown-menu a:hover,
.store-public-header .store-shop-nav .store-shop-dropdown-menu a:focus,
.store-public-header .store-shop-nav .store-shop-dropdown-menu a.is-current{
  background:#eaf6fc;
  color:#075f91!important;
  outline:none;
}
.store-public-header .store-shop-nav .store-shop-dropdown-menu .store-shop-all-link{
  margin-bottom:6px;
  background:#0b314b;
  color:#fff!important;
  font-weight:950;
}
.store-public-header .store-shop-nav .store-shop-dropdown-menu .store-shop-all-link:hover,
.store-public-header .store-shop-nav .store-shop-dropdown-menu .store-shop-all-link:focus{
  background:#124765;
  color:#fff!important;
}
.store-public-header .store-shop-dropdown-label{
  margin:6px 10px 3px;
  color:#5e7484;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.store-public-header .store-shop-dropdown-empty{
  padding:8px 10px;
  color:#6b7d89;
  font-size:.78rem;
  line-height:1.35;
}
.store-public-header .store-shop-more>.store-shop-dropdown-menu{left:auto;right:0}
.store-public-header .store-shop-dropdown:hover>.store-shop-mega-menu,
.store-public-header .store-shop-dropdown:focus-within>.store-shop-mega-menu{
  display:grid;
}
.store-public-header .store-shop-mega-menu{
  width:min(760px,calc(100vw - 36px));
  grid-template-columns:repeat(3,minmax(180px,1fr));
  gap:8px 12px;
  max-height:min(70vh,560px);
  overflow:auto;
}
.store-public-header .store-shop-mega-group{
  padding:7px;
  border:1px solid #e2ebf1;
  border-radius:9px;
  background:#fbfdff;
}
.store-public-header .store-shop-nav .store-shop-mega-group .store-shop-mega-heading{
  padding:4px 5px 2px;
  color:#075f91!important;
  font-size:.9rem;
  font-weight:950;
}
.store-public-header .store-shop-nav .store-shop-mega-group .store-shop-all-mini{
  margin-bottom:3px;
  padding:3px 5px 6px;
  border-bottom:1px solid #e3ebf0;
  border-radius:0;
  color:#5b7180!important;
  font-size:.72rem;
  font-weight:800;
}
.store-public-header .store-shop-nav .store-shop-mega-group a:not(.store-shop-mega-heading):not(.store-shop-all-mini){
  padding:6px 5px;
  font-size:.78rem;
}

/* Mobile store navigation. The main Menu button opens the existing mobile nav;
   each equipment group uses native <details>, so it is tap friendly. */
.store-public-header .store-mobile-shop-group{
  margin:3px 0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  border-radius:9px;
  background:rgba(255,255,255,.025);
}
.store-public-header .store-mobile-shop-group summary{
  position:relative;
  padding:11px 36px 11px 10px;
  color:#fff;
  cursor:pointer;
  font-size:.94rem;
  font-weight:900;
  line-height:1.2;
  list-style:none;
  user-select:none;
}
.store-public-header .store-mobile-shop-group summary::-webkit-details-marker{display:none}
.store-public-header .store-mobile-shop-group summary:after{
  content:"+";
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  color:#7cd2f8;
  font-size:1.15rem;
}
.store-public-header .store-mobile-shop-group[open] summary{background:rgba(255,255,255,.08)}
.store-public-header .store-mobile-shop-group[open] summary:after{content:"−"}
.store-public-header .store-mobile-shop-links{
  display:flex;
  flex-direction:column;
  padding:5px 7px 8px;
  border-top:1px solid rgba(255,255,255,.1);
}
.store-public-header .store-mobile-section .store-mobile-shop-links a{
  padding:8px 10px 8px 18px;
  font-size:.88rem;
  font-weight:750;
}
.store-public-header .store-mobile-section .store-mobile-shop-links .store-mobile-shop-all{
  padding-left:10px;
  color:#7cd2f8!important;
  font-weight:900;
}
.store-public-header .store-mobile-shop-empty{
  padding:8px 10px 8px 18px;
  color:#a9bbc7;
  font-size:.78rem;
}
.store-public-header .store-mobile-more-group{
  padding:4px 0 7px;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.store-public-header .store-mobile-more-group:last-child{border-bottom:0}
.store-public-header .store-mobile-section .store-mobile-more-group .store-mobile-more-heading{
  padding-left:10px;
  color:#7cd2f8!important;
  font-weight:950;
}
.store-public-header .store-mobile-section .store-mobile-more-group a:not(.store-mobile-more-heading){
  padding-left:22px;
  font-size:.83rem;
}

@media (min-width:1181px){
  .store-public-header .store-shop-nav{display:block!important}
  .store-public-header .store-mobile-nav{display:none!important}
}
@media (max-width:1320px) and (min-width:1181px){
  .store-public-header .store-shop-nav .store-shop-home,
  .store-public-header .store-shop-nav .store-shop-dropdown-toggle,
  .store-public-header .store-shop-account-links>a,
  .store-public-header .store-shop-account-links>button{
    padding-left:6px;
    padding-right:6px;
    font-size:.73rem;
  }
  .store-public-header .store-shop-catalog-links,
  .store-public-header .store-shop-account-links{gap:0}
}
@media (max-width:1180px){
  .store-public-header .store-shop-nav{display:none!important}
  .store-public-header .store-main-links{display:none!important}
  .store-public-header .store-menu-button{display:flex!important}
  .store-public-header .store-mobile-nav{align-items:start}
  .store-public-header .store-mobile-section{min-width:0}
}
@media (max-width:760px){
  .store-public-header .store-mobile-nav{width:min(100% - 20px,720px)}
}