@media (max-width: 1200px) {
  .prod-page__wrap {
    width: 100%;
    padding-left: clamp(18px, 4vw, 42px);
    padding-right: clamp(18px, 4vw, 42px);
  }

  .prod-page__catalog-grid--three {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px 24px;
  }

  .prod-page__catalog-media,
  .prod-page__catalog-item.is-placeholder .prod-page__placeholder {
    width: min(260px, 100%);
  }
}

@media (max-width: 992px) {
  .prod-page__hero-grid,
  .prod-page__cta-grid {
    grid-template-columns: 1fr;
  }

  .prod-page__hero-brand,
  .prod-page__cta-media {
    justify-content: center;
  }

  .prod-page__cta-copy h2,
  .prod-page__cta-copy p,
  .prod-page__cta-media img {
    transform: none;
  }

  .prod-page__cta-copy .btn.primary {
    align-self: flex-start;
    margin-top: 22px;
  }
}