.related-products {
  display: block;
  padding-top: var(--related-products-padding-top-mobile, 27px);
  padding-bottom: var(--related-products-padding-bottom-mobile, 27px);
}

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

@media screen and (min-width: 750px) {
  .related-products {
    padding-top: var(--related-products-padding-top, 36px);
    padding-bottom: var(--related-products-padding-bottom, 36px);
  }
}