/* Final ownership layer for the recovered storefront header. */
body.ems-shell-active .ems-shell-header {
  position: relative;
  z-index: 100;
  width: 100%;
}

@media (min-width: 768px) {
  body.ems-shell-active .ems-shell-desktop {
    display: block !important;
  }

  body.ems-shell-active .ems-shell-mobile {
    display: none !important;
  }

  body.ems-shell-active .ems-shell-primary {
    min-height: 96px !important;
    background: #080808 !important;
  }

  body.ems-shell-active .ems-shell-primary__inner {
    display: grid !important;
    grid-template-columns: 220px minmax(0, 1fr) 154px !important;
    align-items: center !important;
    min-height: 96px !important;
  }

  body.ems-shell-active:not(.ems-store-home) .ems-shell-nav-row {
    position: relative !important;
    min-height: 58px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #e8e8e8 !important;
  }

  body.ems-shell-active.ems-store-home .ems-shell-nav-row {
    position: absolute !important;
    z-index: 110 !important;
    top: 100% !important;
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    min-height: 76px !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.22) !important;
    box-shadow: none !important;
  }

  body.ems-shell-active.ems-store-home .ems-shell-nav,
  body.ems-shell-active.ems-store-home .ems-shell-nav__list {
    min-height: 76px !important;
  }

  body.ems-shell-active.ems-store-home .ems-shell-nav {
    width: 100% !important;
    max-width: none !important;
    padding: 0 40px !important;
  }

  body.ems-shell-active.ems-store-home .ems-shell-nav__list {
    justify-content: center !important;
    gap: clamp(30px, 3.6vw, 58px) !important;
    width: auto !important;
    margin: 0 auto !important;
  }

  body.ems-shell-active.ems-store-home .ems-shell-nav__link {
    min-height: 76px !important;
    padding: 0 !important;
    background: transparent !important;
    color: #ffffff !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.45) !important;
  }

  body.ems-shell-active.ems-store-home .ems-shell-nav__link.is-current,
  body.ems-shell-active.ems-store-home .ems-shell-nav__link[aria-current="page"] {
    background: transparent !important;
    border-bottom-color: #ff5a2f !important;
    color: #ff7a4f !important;
  }
}
