.product-recommendations__heading {
  margin-bottom: 4rem;
}

.product-recommendations__item {
  border-top: solid 1px var(--border-color);
}

.product-recommendations__list {
  display: grid;
  gap: calc(var(--gap) * 2) var(--gap);
}
@media (min-width: 750px) {
  .product-recommendations__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 990px) {
  .product-recommendations__list {
    grid-template-columns: repeat(4, 1fr);
  }
}