/* Storefront header geometry.
   Kept separate from the visual storefront layer so fixed positioning and mobile sizing have one clear owner. */

body > header {
  position: fixed;
  inset: 0 0 auto 0;
  width: 100%;
  max-width: none;
  margin: 0;
  z-index: 120;
}

body > header .wrap.nav {
  position: relative;
  width: min(1180px, calc(100% - 32px));
  margin-inline: auto;
}

@media (max-width: 960px) {
  body > header .wrap.nav {
    width: calc(100% - 16px);
    height: 76px;
    min-height: 76px;
    padding: 0;
    flex-wrap: nowrap;
    align-items: center;
  }

  body > header .cw-mobile-nav {
    align-items: center;
  }
}