/* ===== PRODUK HOVER EFFECT ===== */
.produk-hover{
position: relative;
overflow: hidden;
cursor: pointer;
}
/* gambar utama */
.produk-hover .img-main{
width: 100%;
display: block;
transition: transform 0.5s ease;
}
/* overlay kuning */
.produk-hover::after{
content: "";
position: absolute;
inset: 0;
background: rgba(255, 200, 0, 0.0);
transition: 0.4s ease;
}
/* gambar hover (muncul dari bawah) */
.produk-hover .img-hover{
position: absolute;
left: 50%;
bottom: -60px;
transform: translateX(-50%);
width: 120px;
opacity: 0;
transition: all 0.4s ease;
}
/* ===== HOVER EFFECT ===== */
.produk-hover:hover .img-main{
transform: scale(1.12);
}
.produk-hover:hover::after{
background: rgba(255, 200, 0, 0.55);
}
.produk-hover:hover .img-hover{
bottom: 50%;
transform: translate(-50%, 50%);
opacity: 1;
}
