.elementor-9332 .elementor-element.elementor-element-ed3f3f2{--display:flex;--min-height:180px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.4s;--overlay-opacity:0.05;}.elementor-9332 .elementor-element.elementor-element-ed3f3f2:not(.elementor-motion-effects-element-type-background), .elementor-9332 .elementor-element.elementor-element-ed3f3f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, #F7F7F7 0%, #F1FAF5 100%);}.elementor-9332 .elementor-element.elementor-element-ed3f3f2::before, .elementor-9332 .elementor-element.elementor-element-ed3f3f2 > .elementor-background-video-container::before, .elementor-9332 .elementor-element.elementor-element-ed3f3f2 > .e-con-inner > .elementor-background-video-container::before, .elementor-9332 .elementor-element.elementor-element-ed3f3f2 > .elementor-background-slideshow::before, .elementor-9332 .elementor-element.elementor-element-ed3f3f2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9332 .elementor-element.elementor-element-ed3f3f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-9332 .elementor-element.elementor-element-cb37867{--display:flex;--min-height:191px;}.elementor-9332 .elementor-element.elementor-element-20e381c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-9332 .elementor-element.elementor-element-a642afc{--display:flex;}.elementor-9332 .elementor-element.elementor-element-a642afc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9332 .elementor-element.elementor-element-4cd9117{width:auto;max-width:auto;}.elementor-9332 .elementor-element.elementor-element-4cd9117.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.woocommerce .elementor-9332 .elementor-element.elementor-element-4cd9117 .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
					.woocommerce .elementor-9332 .elementor-element.elementor-element-4cd9117 .flex-viewport{border-radius:15px 15px 15px 15px;}.woocommerce .elementor-9332 .elementor-element.elementor-element-4cd9117 .flex-viewport:not(:last-child){margin-bottom:10px;}.woocommerce .elementor-9332 .elementor-element.elementor-element-4cd9117 .flex-control-thumbs li{padding-right:calc(0px / 2);padding-left:calc(0px / 2);padding-bottom:0px;}.woocommerce .elementor-9332 .elementor-element.elementor-element-4cd9117 .flex-control-thumbs{margin-right:calc(-0px / 2);margin-left:calc(-0px / 2);}.elementor-9332 .elementor-element.elementor-element-1a83dae{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9332 .elementor-element.elementor-element-1a83dae.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-9332 .elementor-element.elementor-element-a642afc{--width:44.528%;}.elementor-9332 .elementor-element.elementor-element-1a83dae{--width:50.911%;}}@media(max-width:767px){.elementor-9332 .elementor-element.elementor-element-cb37867{--min-height:10vh;}.elementor-9332 .elementor-element.elementor-element-20e381c{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-9332 .elementor-element.elementor-element-4cd9117{width:var( --container-widget-width, 365.57px );max-width:365.57px;--container-widget-width:365.57px;--container-widget-flex-grow:0;}.elementor-9332 .elementor-element.elementor-element-1a83dae{--width:288px;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-4cd9117 *//* 1. Main Gallery Container */
.elementor-9332 .elementor-element.elementor-element-4cd9117 .woocommerce-product-gallery {
    position: relative;
    padding-left: 100px !important; /* Space for thumbs */
    display: flex !important;
    flex-direction: row-reverse;
    min-height: 450px; /* Forces a minimum height for the whole widget */
}

/* 2. Fix the "Squished" Viewport from your Inspect SS */
.elementor-9332 .elementor-element.elementor-element-4cd9117 .flex-viewport {
    height: 100% !important; 
    width: 100% !important;
    border-radius: 20px !important;
    overflow: hidden;
}

/* 3. Ensure Image fills the curvy box */
.elementor-9332 .elementor-element.elementor-element-4cd9117 .woocommerce-product-gallery__wrapper {
    height: 100% !important;
}

.elementor-9332 .elementor-element.elementor-element-4cd9117 .woocommerce-product-gallery__image img {
    width: 100% !important;
    height: 450px !important; 
    object-fit: contain !important; 
    background: #f9f9f9; 
}

/* 4. Position Thumbnails to the Left */
.elementor-9332 .elementor-element.elementor-element-4cd9117 .flex-control-nav {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 80px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 15px;
    z-index: 10;
    padding: 0 !important;
}

/* 5. Thumbnail Style */
.elementor-9332 .elementor-element.elementor-element-4cd9117 .flex-control-nav li {
    width: 100% !important;
    margin: 0 !important;
}

.elementor-9332 .elementor-element.elementor-element-4cd9117 .flex-control-nav li img {
    border-radius: 12px !important;
    border: 1.5px solid transparent;
    opacity: 0.8;
}

.elementor-9332 .elementor-element.elementor-element-4cd9117 .flex-control-nav li img.flex-active {
    border-color: #2E7D32 !important;
    opacity: 1;
}

/* 6. Keep the Zoom Magnifier button visible */
.elementor-9332 .elementor-element.elementor-element-4cd9117 .woocommerce-product-gallery__trigger {
    display: block !important;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 99;
}

/* 7. Disable the Hover Zoom layer specifically */
.elementor-9332 .elementor-element.elementor-element-4cd9117 .zoomImg {
    display: none !important;
    pointer-events: none !important;
}

/* MOBILE OPTIMIZATION */
@media (max-width: 768px) {
    /* 1. Kill the Desktop Min-Height and Padding */
    .elementor-9332 .elementor-element.elementor-element-4cd9117 .woocommerce-product-gallery {
        padding-left: 0 !important;
        min-height: 0 !important; /* CRUCIAL: Removes the big gap */
        display: flex !important;
        flex-direction: column !important; /* Stacks image on top of thumbs */
    }

    /* 2. Enable horizontal swipe area */
    .elementor-9332 .elementor-element.elementor-element-4cd9117 .flex-viewport {
        touch-action: pan-y pinch-zoom !important;
        cursor: grab;
        height: auto !important; /* Collapses to image size */
    }

    .elementor-9332 .elementor-element.elementor-element-4cd9117 .woocommerce-product-gallery__wrapper {
        display: flex !important; 
        transition: all 0s ease; 
    }

    /* 3. Image sizing for mobile */
    .elementor-9332 .elementor-element.elementor-element-4cd9117 .woocommerce-product-gallery__image img {
        height: auto !important;
        width: 100% !important;
        max-height: 400px !important; /* Keeps it within phone view */
        object-fit: contain !important;
    }

    /* 4. Thumbnails: Reset position to sit directly below image */
    .elementor-9332 .elementor-element.elementor-element-4cd9117 .flex-control-nav {
        position: static !important; /* Moves them back from the left side */
        flex-direction: row !important;
        width: 100% !important;
        justify-content: center !important;
        margin-top: 10px !important; /* Controlled gap */
        gap: 8px !important;
        z-index: 5;
    }

    .elementor-9332 .elementor-element.elementor-element-4cd9117 .flex-control-nav li {
        width: 50px !important;
        height: 50px !important;
        flex: 0 0 auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed3f3f2 */.elementor-9332 .elementor-element.elementor-element-ed3f3f2 {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05);
}/* End custom CSS */