.related-product__grid {
  grid-template-columns: 1fr;
  gap: var(--gutter);
  width: 100%;
}

.related-product__item {
  gap: calc(var(--gutter) * 0.15);
  border: 0.1px solid;
}

@media (min-width: 992px) {
  .related-product__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}