@media (max-width: 768px) {
  .products-container {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important; /* spacing between items */
  }

  .products-container > * {
    flex: 0 0 48% !important; /* each product takes ~48% width (2 columns) */
    box-sizing: border-box !important;
    margin-bottom: 15px !important;
  }