/* Force all images to stretch in product pages */

/* Hero section background images */
.collection-hero {
    background-size: fill !important;
}

/* All showcase images */
.showcase-image {
    overflow: hidden;
}

.showcase-image img {
    object-fit: fill !important;
    transition: transform 0.4s ease;
}

/* Maintain hover effect but with stretched images */
.showcase-item:hover .showcase-image img {
    transform: scale(1.05);
}

/* Overview images */
.overview-image img {
    object-fit: fill !important;
}

/* Remove any inherited object-fit properties */
img[style*="object-fit: cover"] {
    object-fit: fill !important;
}

/* Ensure background images fill */
.bg2 {
    background-image: url('images/bg2.jpg');
    background-size: fill; /* atau contain, tergantung kebutuhan */
}