* {
      box-sizing: border-box;
    }
h2 {color: black}
    .product-container {
      display: flex;
      flex-direction: row;
      background-color: #ffffff;
      border-radius: 10px;
      box-shadow: 0 0 6px rgba(0,0,0,0.1);
      width:18%;
      overflow: hidden;
      height: 130px; /* ✅ Tinggi tetap 130px */
      margin-bottom: 20px;
      color: black;
      margin-right: 10px;
      margin:0 auto;
      margin-bottom: 20px;
    }

    .product-image {
      background-color: #f9f9f9;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 4px;
    }

    .product-image img {
      max-height: 120px;
      width: auto;
      border-radius: 6px;
    }

    .product-details {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; /* ✅ Tombol & teks ke tengah horizontal */
      padding: 6px 10px;
      text-align: center;
    }

    .product-details h2 {
      margin: 0;
      font-size: 15px;
      line-height: 1.2;
    }

    .product-details p {
      font-size: 12px;
      margin: 2px 0 6px;
      line-height: 1.2;
    }

    .buy-button {
      padding: 6px 12px;
      background-color: #28a745;
      color: white;
      border: none;
      border-radius: 4px;
      font-size: 12px;
      cursor: pointer;
    }

    .buy-button:hover {
      background-color: #218838;
    }
    .stars {margin-bottom: 10px;}

    .CaraBeli {clear: both;}
    @media (max-width: 1300px) { .product-container {width: 30%;margin:0 0 20px 20px;}.product-details {margin:0 auto;}  }
  @media (max-width: 1024px) { .product-container {width: 45%;margin:0 0 20px 20px} }
    @media (max-width: 768px) { .product-container {width: 45%;} }
    @media (max-width: 576px) { .product-container {width: 90%;} }
    @media (max-width: 375px) { .product-container {width: 90%;} }