/* Shared desktop header alignment. The header markup remains unchanged. */
@media (min-width: 701px) {
  .garment-header-inner {
    width: min(calc(100% - 72px), 1600px);
  }

  .garment-logo {
    align-self: center;
  }

  .garment-logo img,
  .garment-header.is-scrolled .garment-logo img {
    object-fit: contain;
    object-position: left center;
  }
}

@media (min-width: 1281px) {
  .garment-header-inner {
    grid-template-columns: 300px minmax(0, 1fr) auto;
  }

  .garment-logo {
    width: 275px;
    height: 82px;
  }
}