/* Shared by Next and the PHP snapshot storefront. Keep the brand centered
   independently of the optional account link added after hydration. */
@media (max-width: 820px) {
  .site-header:not(.is-launch-gate) {
    grid-template-columns: 88px minmax(0, 1fr) 88px;
    grid-template-rows: 62px;
    height: 62px;
    padding-inline: max(8px, env(safe-area-inset-left)) max(8px, env(safe-area-inset-right));
  }

  .site-header:not(.is-launch-gate) .site-header-left {
    grid-area: 1 / 1;
    width: 44px;
  }

  .site-header:not(.is-launch-gate) .site-header-logo {
    grid-area: 1 / 2;
    justify-self: center;
    width: min(128px, 100%);
    min-height: 44px;
    display: flex;
    align-items: center;
  }

  .site-header:not(.is-launch-gate) .site-header-right { display: contents; }

  /* Both language choices remain available inside the hamburger menu. */
  .site-header:not(.is-launch-gate) .header-locale { display: none; }

  .site-header:not(.is-launch-gate) .header-icon {
    grid-area: 1 / 1;
    justify-self: end;
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
  }

  .site-header:not(.is-launch-gate) .header-bag {
    grid-area: 1 / 3;
    justify-self: start;
  }

  .site-header:not(.is-launch-gate) [data-customer-account] {
    grid-area: 1 / 3;
    justify-self: end;
  }
}