.products-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Creates 4 equal columns */
    gap: 20px; /* Adds space between the columns */
    justify-content: start; /* Aligns items to the left */
  }
  
  .recommended-product {
    padding: 10px;
    text-align: left;
  }
  
  .product-image {
    width: auto;
    height: auto;
    max-height: 200px; /* Optional: adjusts the image size */
  }
  
  .product-title {
    font-size: 1.5rem;
    margin-top: 10px;
  }