.elementor-3364 .elementor-element.elementor-element-8ed7a29{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:flex-start;--padding-top:10px;--padding-bottom:0px;--padding-left:40px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3364 .elementor-element.elementor-element-9f3c3cf .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Almarai", Sans-serif;font-weight:500;}.elementor-3364 .elementor-element.elementor-element-9f3c3cf .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3364 .elementor-element.elementor-element-1e74715f{padding:0em 0em 7em 0em;}@media(max-width:1024px){.elementor-3364 .elementor-element.elementor-element-1e74715f{padding:3em 0em 3em 0em;}}@media(max-width:767px){.elementor-3364 .elementor-element.elementor-element-8ed7a29{--padding-top:10px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-3364 .elementor-element.elementor-element-9f3c3cf .elementor-button{font-size:0.8em;border-radius:5px 5px 5px 5px;padding:5px 15px 5px 15px;}.elementor-3364 .elementor-element.elementor-element-1e74715f{padding:2em 0em 2em 0em;}}/* Start custom CSS *//* Container styles for single image and hover galleries */
.product-gallery-single,
.product-gallery-hover {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 300px; /* Adjust as needed */
    border-radius: 10px; /* Rounded corners */
    overflow: hidden;
}

/* Image styling for both gallery types */
.product-gallery-single img,
.product-gallery-hover img {
    display: block;
    width: 100%;
    max-width: 100%;
    border-radius: 10px;
}

/* Transition and hover effect for single image gallery */
.product-gallery-single img {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.product-gallery-single:hover img {
    transform: scale(1.03);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}

/* Styling for hover gallery images */
.product-gallery-hover img {
    transition: opacity 0.3s ease, border-radius 0.3s ease;
}

/* Position and opacity for hover effect */
.product-gallery-hover .product-gallery-image-hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.product-gallery-hover:hover .product-gallery-image-hover {
    opacity: 1;
}

.product-gallery-hover:hover .product-gallery-image {
    opacity: 0;
}

/* Label container styling */
.awl-label-container-single,
.awl-label-container {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
}

.awl-label-container-single .advanced-woo-labels,
.awl-label-container .advanced-woo-labels {
    display: inline-block;
}

/* Styling for the title label container */
.awl-label-container-title {
    margin-top: 10px; /* Adjust as you prefer */
}

/* Additional label styling */
.advanced-woo-labels.awl-position-type-before-title.awl-label-type-archive.awl-align-left {
    gap: 5px;
}

/* Grayscale filter for out-of-stock products */
.out-of-stock {
    filter: grayscale(1);
}/* End custom CSS */