/* Public header spacing: keep the five primary destinations on the left and account actions on the right. */
@media (min-width: 981px) {
  html body .pdv-nav.pdv-nav--productized > .wrap {
    display: grid;
    width: min(1440px, calc(100% - 40px));
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: clamp(16px, 1.5vw, 24px);
  }

  html body .pdv-nav.pdv-nav--productized > .wrap > .brand {
    grid-column: 1;
    justify-self: start;
  }

  html body .pdv-nav.pdv-nav--productized .nav-links {
    grid-column: 2;
    min-width: 0;
    justify-self: start;
    gap: clamp(16px, 1.55vw, 26px);
  }

  html body .pdv-nav.pdv-nav--productized .pdv-nav-actions {
    grid-column: 3;
    justify-self: end;
  }
}

@media (min-width: 981px) and (max-width: 1180px) {
  html body .pdv-nav.pdv-nav--productized > .wrap {
    width: calc(100% - 32px);
    gap: 12px;
  }

  html body .pdv-nav.pdv-nav--productized .nav-links {
    gap: 12px;
  }

  html body .pdv-nav.pdv-nav--productized .nav-links > a {
    padding-right: 0;
    padding-left: 0;
    font-size: 15px;
    letter-spacing: -0.01em;
  }

  html body .pdv-nav.pdv-nav--productized .pdv-nav-actions,
  html body .pdv-nav.pdv-nav--productized .pdv-nav-actions.is-authenticated {
    gap: 6px;
  }

  html body .pdv-nav.pdv-nav--productized .pdv-nav-button {
    min-height: 42px;
    padding-right: 6px;
    padding-left: 6px;
    font-size: 14px;
  }

  html body .pdv-nav.pdv-nav--productized .pdv-nav-button--primary {
    min-height: 42px;
    padding-right: 14px;
    padding-left: 14px;
  }
}