/* Collection template: all collection records share this layout. */
.collection-products {
  padding-block: 70px 90px;
}
.collection-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 56px 24px;
}
.collection-grid .product-card {
  padding-inline: 30px;
}
.collection-grid .product-card__details {
  margin-top: 36px;
}
@media (min-width: 700px) and (max-width: 1079px) {
  .collection-hero .hero__title {
    font-size: 11.5vw;
  }
  .collection-grid .product-card {
    padding-inline: 8px;
  }
}
@media (max-width: 699px) {
  .collection-hero .hero__title {
    font-size: 11.28vw;
  }
  .collection-products {
    padding-block: 50px 75px;
  }
  .collection-grid {
    grid-template-columns: 1fr;
    gap: 45px;
  }
  .collection-grid .product-card {
    padding-inline: 14px;
  }
  .collection-grid .product-card__details {
    margin-top: 30px;
  }
  .collection-tees .split-section__copy {
    padding-block: 40px 70px;
  }
}