/* The centered masthead is taller than the original 122/68px menu offsets.
 * Anchor Builder trays to the actual header box so resizing, sticky scrolling,
 * preview changes and native/soft navigation cannot put a tray over the logo.
 * Ordinary WordPress nested menus and the mobile menu keep their own layout.
 */
@media (min-width:761px) {
 .site-header > .desktop-nav,
 .site-header > .desktop-nav > .mysterez-builder-menu,
 .site-header > .desktop-nav > .mysterez-builder-menu > .menu-item-has-children {
  position:static;
 }
 .site-header .desktop-nav .mysterez-builder-menu > .menu-item-has-children > .mysterez-mega-menu {
  position:absolute;
  top:100%;
  left:0;
  right:0;
  width:100%;
  margin:0;
  transform:none;
  transition:opacity .2s,visibility .2s;
 }
 /* The trigger keeps an invisible pointer bridge through the header's bottom
  * padding. It no longer relies on the old positioned list-item containing box.
  */
 .site-header .desktop-nav .mysterez-builder-menu > .menu-item-has-children::after {
  content:none;
 }
 .site-header .desktop-nav .mysterez-builder-menu > .menu-item-has-children > a::before {
  content:"";
  position:absolute;
  left:-12px;
  right:-12px;
  top:100%;
  height:40px;
 }
 .site-header .desktop-nav .mysterez-mega-menu a:focus-visible {
  outline:2px solid currentColor!important;
  outline-offset:3px;
 }
}

/* 10.5.26.28: readable primary navigation inside the existing masthead heights.
   The logo's center/size/motion and all measured chrome offsets stay unchanged. */
@media(min-width:761px){
 .site-header.has-centered-brand{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
 .site-header.has-centered-brand>.desktop-nav{min-width:0;max-width:100%;align-self:start}
 .site-header.has-centered-brand .desktop-nav>ul{gap:clamp(18px,2vw,30px);justify-content:center}
 .site-header.has-centered-brand .desktop-nav>ul>li>a{display:flex;align-items:center;min-height:40px;padding:8px 0;font-size:clamp(13px,1.05vw,15px);line-height:1.25;letter-spacing:.1em;white-space:nowrap}
 .site-header.has-centered-brand .desktop-nav>ul>li>a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
}
@media(min-width:761px) and (max-width:1100px){
 /* Put actions beside the logo on compact desktop/tablet so enlarged links
    own the entire lower row and can never run underneath the bag/login. */
 .site-header.has-centered-brand{grid-template-columns:repeat(3,minmax(0,1fr))}
 .site-header.has-centered-brand>.desktop-nav{grid-column:1/-1;justify-self:stretch;justify-content:center}
 .site-header.has-centered-brand>.header-actions{grid-row:1;align-self:center}
 .site-header.has-centered-brand .desktop-nav>ul{gap:clamp(16px,2.3vw,24px)}
}
@media(max-width:760px){
 .mobile-menu>.mysterez-builder-menu>li>a{min-height:58px;padding:12px 0;font-size:26px;line-height:1.25;gap:16px;overflow-wrap:anywhere}
 .mobile-menu .mysterez-builder-menu .sub-menu a{min-height:46px;font-size:17px;line-height:1.4;padding-block:10px;overflow-wrap:anywhere}
 .mobile-menu a:focus-visible{outline:2px solid currentColor;outline-offset:-2px}
}

/* 10.6.26.39: new gothic primary links; preserve v38 spacing and offsets.
   Share the locally hosted UnifrakturCook face from catalog-polish.css.
   Keep tray top:100% and the existing pointer bridge tied to the masthead. */
.site-header.has-centered-brand .desktop-nav>ul>li>a,
.mobile-menu>.mysterez-builder-menu>li>a{font-family:"UnifrakturCook",Georgia,serif;font-weight:700;font-synthesis:none;letter-spacing:.01em;text-transform:none}
.site-header.has-centered-brand .desktop-nav>ul>li>a>span,
.mobile-menu>.mysterez-builder-menu>li>a>span{font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important}
@media(min-width:761px){
 :root{--mysterez-hero-header-offset:212px;--mysterez-hero-top-chrome:246px}
 .site-header.has-centered-brand{--mysterez-expanded-header-height:212px;height:212px;grid-template-rows:116px 44px;padding-bottom:12px}
 .site-header.has-centered-brand.is-scrolled{height:156px;grid-template-rows:68px 44px;padding-bottom:12px}
 .site-header.has-centered-brand .desktop-nav>ul{gap:clamp(24px,2.4vw,36px)}
 .site-header.has-centered-brand .desktop-nav>ul>li>a{min-height:44px;padding:8px 0;font-size:clamp(20px,1.6vw,23px);line-height:1.25}
 .site-header.has-centered-brand.is-scrolled+.mobile-menu{top:156px}
}
@media(min-width:761px) and (max-width:1100px){
 .site-header.has-centered-brand .desktop-nav>ul{gap:clamp(20px,2.8vw,30px)}
}
@media(max-width:760px){
 /* The closed mobile masthead and its v34 icon padding stay unchanged. */
 .mobile-menu>.mysterez-builder-menu>li>a{padding-bottom:18px}
}