/* Libaas Hover Gallery — CSS */

/* Main image smooth transition ke liye base set */
.woo-entry-image-main {
    transition: opacity 0.3s ease, transform 0.3s ease;
    will-change: opacity, transform;
    display: block;
    width: 100%;
}

/* Secondary image OceanWP already handle karta hai,
   lekin hum usse hide nahi karte takay OceanWP ka default swap bhi safe rahe */
.woo-entry-image-swap {
    overflow: hidden; /* zoom ke waqt image bahar na jaye */
    position: relative;
}

/* Optional: Hover par card ko thoda upar uthao (boutique feel) */
li.product:hover .woo-entry-image-swap {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}