.related-products {
  display: block;
}

.related-products__heading {
  margin: 0 0 3rem;
}

.related-products .grid--4-col-desktop {
  display: grid;
  grid-template-columns: repeat( var( --grid-columns, 1 ), 1fr );
  gap: 1rem;
  
  @media screen and ( min-width: 600px ) {
    --grid-columns: 2
  }

  @media screen and ( min-width: 1000px ) {
    --grid-columns: 4;
  }
}

.related-products .grid--4-col-desktop .grid__item {
  width: 100% !important;
  max-width: unset !important;
}