.related-products {
  display: block;
}

.related-products__grid {
  display:               grid;
  grid-template-columns: repeat(var(--rp-columns-mobile, 2), 1fr);
  gap:                   var(--scale-400);
}

@media screen and (min-width: 750px) {
  .related-products__grid {
    grid-template-columns: repeat(var(--rp-columns, 4), 1fr);
  }
}