@layer pages {
  .catalog__top { background: var(--color-bg-subtle); border-block-end: var(--border-width) solid var(--color-border); }
  .catalog__top-inner { display: grid; gap: var(--space-4); }
  .catalog__search { max-inline-size: var(--size-180); }
  .catalog__grid { display: grid; gap: var(--grid-gap); grid-template-columns: minmax(0, 1fr); }
  .catalog__promo-inner { display: grid; gap: var(--space-6); align-items: center; }
  .catalog__promo-copy { display: grid; gap: var(--space-3); .ds-overline, .ds-lead { color: var(--color-text-inverse-muted); } }
  .catalog__promo-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
  .catalog__seo .ds-container { max-inline-size: var(--size-180); margin-inline: 0; }

  @media (min-width: 48rem) {
    .catalog__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
  @media (min-width: 80rem) {
    .catalog__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .catalog__promo-inner { grid-template-columns: 2fr 1fr; gap: var(--space-16); }
    .catalog__promo-actions { justify-content: end; }
    .catalog__seo .ds-container { margin-inline: auto; }
  }
}