/* Simple Image Hover Effects - BlimZone */

/* Product Card Hover Effects */
.mn-product-card .mn-img {
    position: relative;
    overflow: hidden;
}

.mn-product-card .main-img,
.mn-product-card .hover-img {
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    width: 100%;
    height: auto;
    display: block;
}

.mn-product-card .hover-img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 2;
}

/* Show hover image on hover */
.mn-product-card:hover .hover-img {
    opacity: 1;
}

.mn-product-card:hover .main-img {
    transform: scale(1.05);
}

/* Ensure images load properly */
.mn-product-card img {
    max-width: 100%;
    height: auto;
}