.elementor-8652 .elementor-element.elementor-element-f838741{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-8652 .elementor-element.elementor-element-45060f5{grid-column:span 10;}.elementor-8652 .elementor-element.elementor-element-45060f5.elementor-element{--flex-shrink:1;}.elementor-8652 .elementor-element.elementor-element-45060f5 > .elementor-widget-container{transition:background 0s;border-style:none;}@media(max-width:1024px){.elementor-8652 .elementor-element.elementor-element-f838741{--grid-auto-flow:row;}}@media(max-width:768px){.elementor-8652 .elementor-element.elementor-element-f838741{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for wd_products, class: .elementor-element-45060f5 *//* Fix hover image: make hover image appear above default image */
.elementor-8652 .elementor-element.elementor-element-45060f5 .product-image-link {
    position: relative !important;
    overflow: hidden !important;
}

.elementor-8652 .elementor-element.elementor-element-45060f5 .product-image-link img {
    position: relative !important;
    z-index: 1 !important;
    transition: opacity 0.25s ease, transform 0.25s ease !important;
}

/* WoodMart hover image */
.elementor-8652 .elementor-element.elementor-element-45060f5 .product-image-link img.hover-img,
.elementor-8652 .elementor-element.elementor-element-45060f5 .product-image-link .hover-img,
.elementor-8652 .elementor-element.elementor-element-45060f5 .product-element-top img.hover-img,
.elementor-8652 .elementor-element.elementor-element-45060f5 .product-element-top .hover-img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    z-index: 5 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* On hover show second image */
.elementor-8652 .elementor-element.elementor-element-45060f5 .product-image-link:hover img.hover-img,
.elementor-8652 .elementor-element.elementor-element-45060f5 .product-image-link:hover .hover-img,
.elementor-8652 .elementor-element.elementor-element-45060f5 .product-element-top:hover img.hover-img,
.elementor-8652 .elementor-element.elementor-element-45060f5 .product-element-top:hover .hover-img {
    opacity: 1 !important;
    z-index: 10 !important;
}

/* On hover hide first image */
.elementor-8652 .elementor-element.elementor-element-45060f5 .product-image-link:hover img:not(.hover-img) {
    opacity: 0 !important;
}/* End custom CSS */