.custom-product-showcase {
  width: 100%;
}

.custom-product-showcase__grid {
  display: grid;
  gap: 0.7rem;
  grid-template-columns: repeat(var(--mobile-cols, 1), 1fr);
}

@media (min-width: 768px) {
  .custom-product-showcase__grid {
    grid-template-columns: repeat(var(--desktop-cols, 1), 1fr);
  }
}