.seo-card-media {
  position: relative;
  height: 230px;
  margin: 0;
  overflow: hidden;
  background: #f1f2f4;
}

.seo-card-media img {
  position: absolute;
  inset: 0;
  height: 100%;
  transition: opacity .28s ease, transform .35s ease;
}

.seo-card-image-hover {
  opacity: 0;
}

@media (hover: hover) and (pointer: fine) {
  .seo-product-card:hover .seo-card-media.has-hover-image .seo-card-image-primary {
    opacity: 0;
  }

  .seo-product-card:hover .seo-card-media.has-hover-image .seo-card-image-hover {
    opacity: 1;
    transform: scale(1.025);
  }
}

.category-hero {
  min-height: 0;
  grid-template-columns: 1fr;
  gap: 0;
  padding-top: 54px;
  padding-bottom: 54px;
}

.category-hero .page-hero-copy {
  width: min(920px, 100%);
}

.category-hero h1 {
  margin: 10px 0 16px;
  font-size: clamp(40px, 4.5vw, 64px);
}

.category-hero .action-row {
  margin-top: 20px;
}

@media (max-width: 800px) {
  .category-hero {
    padding: 38px 20px;
  }

  .category-hero h1 {
    font-size: clamp(34px, 10vw, 46px);
  }
}