@layer ec.shell {
  @media (max-width: 839px) {
    body:not([data-ec-nav-ready="true"]) .ec-site-header__inner {
      flex-wrap: wrap;
      padding-block: var(--ec-space-2);
    }

    body:not([data-ec-nav-ready="true"]) .ec-site-nav-toggle,
    body:not([data-ec-nav-ready="true"]) .ec-site-nav-overlay {
      display: none;
    }

    body:not([data-ec-nav-ready="true"]) .ec-site-nav {
      position: static;
      width: 100%;
      padding: 0;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center;
      border: 0;
      background: transparent;
      box-shadow: none;
      transform: none;
      visibility: visible;
      transition: none;
    }

    body:not([data-ec-nav-ready="true"]) .ec-site-nav__link {
      min-height: var(--ec-touch-target-min);
      font-size: var(--ec-type-label-lg-size);
    }
  }
}