/*
 * Perbaikan untuk menyeragamkan ukuran kartu produk (CSS Only)
 */

/* (Opsional) Menyamakan tinggi card dalam satu baris jika perlu */
.product-section .row {
  display: flex;
  flex-wrap: wrap;
}
.product-section .row > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
.product-section .product-item {
  display: flex; 
  flex-direction: column; 
  height: 100%; 
  text-decoration: none;
}

/* Menata gambar produk */
.product-item .product-thumbnail {
  display: block; /* Pastikan gambar adalah block element */
  width: 100%;
  /* Kunci 1: Paksa gambar menjadi persegi (1:1) */
  aspect-ratio: 1 / 1; 
  /* Kunci 2: Isi area, potong jika perlu (tidak penyok) */
  object-fit: cover; 
  border-radius: 12px; /* Sesuaikan radius */
  margin-bottom: 20px; /* Jarak ke teks */
  background-color: #f8f9fa; /* Warna placeholder */
  transition: transform 0.3s ease;
}

/* Menata teks di bawah gambar */
.product-item .product-title {
   margin-top: auto; /* Dorong judul ke bawah jika tinggi card bervariasi */
   font-size: 1rem; /* Sesuaikan ukuran font jika perlu */
   font-weight: 600;
   color: #2f2f2f;
   margin-bottom: 5px;
}

.product-item .product-price {
   font-weight: 700;
   color: var(--brand-pink); /* Gunakan warna pink tema */
}

/* Efek hover asli */
.product-item:hover .product-thumbnail {
    transform: scale(1.05);
}