/* =====================================================
   fix-product-gallery.css
   Perbaikan untuk halaman detail produk (produk-detail.php)
   Masalah: galeri foto produk terlihat terlalu tinggi/numpuk
   karena .product-gallery { position: sticky } meregang mengikuti
   tinggi grid parent (.product-detail) yang tidak dibatasi.

   Cara pakai: tambahkan <link rel="stylesheet" href="/assets/fix-product-gallery.css">
   di head.php, SETELAH baris <link rel="stylesheet" href="/assets/style.css">
   ===================================================== */

/* Batasi tinggi maksimum galeri foto produk supaya tidak meregang
   mengikuti grid parent. Tinggi dihitung dari aspect-ratio 3:4 yang
   sudah didefinisikan, dengan batas atas wajar untuk desktop. */
.product-gallery-main {
  max-height: 80vh;
}

/* Pastikan posisi sticky tidak membuat galeri "memanjang" melebihi
   konten aslinya -- kunci tinggi galeri ke ukuran natural gambarnya,
   bukan mengikuti tinggi kolom .product-info di sebelahnya. */
.product-gallery {
  align-self: start;
  height: fit-content;
}

/* Pastikan grid .product-detail tidak memaksa kedua kolom punya
   tinggi yang sama (stretch) -- biarkan masing-masing kolom setinggi
   kontennya sendiri. */
.product-detail {
  align-items: start;
}