.mymoods-related-products {
  margin-bottom: 80px;
}

.mymoods-related-product__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  column-gap: 24px;
  row-gap: 32px;
  padding: 40px 0 0;
  margin: 0;
  list-style: none;

  @media screen and (max-width: 768px) {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    column-gap: 12px;
    row-gap: 16px;
  }
}