/* Container styling */
.et_shop_image {
    position: relative;
    overflow: hidden;
    display: block;
    width: 300px; /* Match your image dimensions */
    height: 300px;
    transition: all .4s ease; /* Smooth transition for container effects */
}

/* Image styling */
.attachment-woocommerce_thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity .4s ease; /* Smooth opacity transition during src change */
    opacity: 1;
}

/* Hover state */
.et_shop_image:hover {
    transform: scale(1.05); /* Increased zoom for visibility */
    filter: blur(0); /* Remove blur from container initially */
}

.et_shop_image:hover .attachment-woocommerce_thumbnail {
    opacity: 0.0758673; /* Fade out during src change */
}

/* Add a pseudo-element for delayed blur effect */
.et_shop_image:hover::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    filter: blur(3.69653px);
    opacity: 0;
    transition: opacity .2s ease .2s; /* Delay blur by 0.2s */
    z-index: 1;
}

.et_shop_image:hover::after {
    opacity: 1; /* Apply blur after delay */
}

/* On mouse leave, revert container effects */
.et_shop_image {
    transform: scale(1);
}

.et_shop_image::after {
    opacity: 0;
}

/* Disable Divi's default hover effects */
.et_shop_image,
.et_shop_image img,
.woocommerce ul.products li.product a img {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
}

.et_shop_image:hover img {
    transform: none !important;
}

.et_shop_image .et_overlay {
    display: none !important;
    opacity: 0 !important;
}

/* Ensure products are visible */
.woocommerce ul.products li.product {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}