/* Box Gambar di Modal - Gede & Siap Zoom */
.modal-img-zoom-container {
width: 100%;
height: 450px; /* Tinggi box digedein biar puas liatnya */
background-size: cover; 
background-position: center;
background-repeat: no-repeat;
background-color: #f8f9fa;
border-radius: 20px;
overflow: hidden;
cursor: zoom-in;
transition: background-size 0.3s ease;
}

/* Efek saat kursor masuk area gambar */
.modal-img-zoom-container:hover {
background-size: 250% !important; /* Zoom 2.5x lipat */
}

/* Paksa Modal jadi LEBAR */
.modal-lg-custom {
max-width: 900px !important;
}

.modal-product-title {
font-size: 2.5rem;
font-weight: 800;
color: #111;
}

@media (max-width: 768px) {
.modal-img-zoom-container { height: 300px; }
.modal-img-zoom-container:hover { background-size: contain !important; } /* Matiin zoom di HP */
}