/* Approved section-heading scale; hero typography stays page-specific. */
@media (min-width: 1366px) and (max-width: 1536px) {
  :root {
    --desktop-heading-size: 34px;
    --desktop-heading-leading: 42px;
  }

  body main :is(h1, h2):not(:where(
    [class*="hero"],
    [class*="hero"] *,
    [data-od-id*="hero"],
    [data-od-id*="hero"] *,
    .collections-intro,
    .collections-intro *,
    .notfound-section,
    .notfound-section *
  )) {
    font-size: var(--desktop-heading-size) !important;
    line-height: var(--desktop-heading-leading) !important;
    height: auto !important;
    min-width: 0;
    max-width: 100%;
    white-space: normal !important;
    overflow-wrap: break-word;
  }
}