/* Small, isolated correction for the original storefront header. */
@media (min-width: 1200px) {
  header.font-body > div:first-child {
    max-width: 1440px;
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr) auto;
    align-items: center;
    column-gap: clamp(16px, 1.8vw, 28px);
    padding-inline: clamp(24px, 2.5vw, 40px);
    padding-block: 12px;
  }
  header.font-body > div:first-child > :is(button, a):first-child {
    width: 120px;
    justify-content: center;
  }
  header.font-body > div:first-child > nav {
    display: flex;
    min-width: 0;
    justify-content: center;
    gap: clamp(14px, 1.5vw, 24px);
    font-size: 13px;
    line-height: 1.5;
  }
  header.font-body > div:first-child > nav > :is(button, a),
  header.font-body > div:first-child > nav > div > :is(button, a) {
    white-space: nowrap;
    flex-shrink: 0;
  }
  header.font-body > div:first-child > div:last-child {
    justify-content: flex-end;
    gap: 8px;
    min-width: 0;
  }
  header.font-body > div:first-child > div:last-child > form {
    width: clamp(160px, 16vw, 235px);
    flex-shrink: 0;
  }
}
/* Use the existing compact menu before desktop links become crowded. */
@media (min-width: 1024px) and (max-width: 1199px) {
  header.font-body > div:first-child > nav { display: none; }
  header.font-body button[aria-label="Toggle menu"] { display: flex; }
  header.font-body > div:not(:first-child) { display: block; }
}