.elementor-4064 .elementor-element.elementor-element-57e37a3d > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-4064 .elementor-element.elementor-element-57e37a3d{padding:120px 20px 40px 20px;}body:not(.rtl) .elementor-4064 .elementor-element.elementor-element-57e37a3d.drdt_sticky_fixed{left:0px;}body.rtl .elementor-4064 .elementor-element.elementor-element-57e37a3d.drdt_sticky_fixed{right:0px;}.elementor-4064 .elementor-element.elementor-element-57e37a3d.drdt_sticky_fixed{top:0px;z-index:5;}.elementor-4064 .elementor-element.elementor-element-73622c53 > .elementor-element-populated{border-style:solid;border-width:7px 7px 7px 7px;border-color:#F6F6F6;}.elementor-4064 .elementor-element.elementor-element-15293736:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-4064 .elementor-element.elementor-element-15293736 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F6;}.elementor-4064 .elementor-element.elementor-element-15293736.elementor-column{-webkit-box-ordinal-group:calc(0 + 1 );-ms-flex-order:0;order:0;}.elementor-4064 .elementor-element.elementor-element-15293736 > .elementor-element-populated{border-style:solid;border-width:3px 3px 3px 3px;border-color:#F6F6F6;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4064 .elementor-element.elementor-element-15293736 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-4064 .elementor-element.elementor-element-74e742ae .elementor-heading-title{font-size:28px;font-weight:700;color:#26235d;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-4064 .elementor-element.elementor-element-4e3086a2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 0px 0px 0px;}.elementor-4064 .elementor-element.elementor-element-4e3086a2 .elementor-heading-title{font-size:18px;font-weight:600;color:#3a8fbf;}.elementor-widget-woocommerce-product-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;}/* Start custom CSS for section, class: .elementor-element-57e37a3d *//* --- 1. MAIN CONTAINER (RESET) --- */
/* Let the container grow naturally so thumbnails fit inside */
.elementor-4064 .elementor-element.elementor-element-57e37a3d .woocommerce-product-gallery {
    height: auto !important; 
    min-height: 600px !important;
    overflow: visible !important; /* Ensures nothing gets hidden */
    display: block !important;
    position: relative !important;
}

/* --- 2. MAIN IMAGE WINDOW (The Slider) --- */
/* Only the main image area is forced to 600px */
.elementor-4064 .elementor-element.elementor-element-57e37a3d .woocommerce-product-gallery .flex-viewport,
.elementor-4064 .elementor-element.elementor-element-57e37a3d .woocommerce-product-gallery__wrapper {
    height: 600px !important; 
}

/* --- 3. THE MAIN IMAGE ITSELF --- */
/* Keeps the image contained neatly inside the 600px window */
.elementor-4064 .elementor-element.elementor-element-57e37a3d .woocommerce-product-gallery__image img {
    height: 600px !important;
    width: 100% !important;
    object-fit: contain !important; 
    object-position: center center !important;
    margin: 0 auto !important;
}

/* --- 4. FIX THE THUMBNAILS (Important!) --- */
/* This pulls the thumbnails back up and places them under the image */
.elementor-4064 .elementor-element.elementor-element-57e37a3d .flex-control-nav.flex-control-thumbs {
    position: relative !important; /* Stops them from floating over footer */
    top: auto !important;
    bottom: auto !important;
    margin-top: 20px !important; /* Adds space between big image and thumbs */
    display: flex !important;
    justify-content: center !important; /* Centers the thumbnails */
    width: 100% !important;
    height: auto !important;
}

.elementor-4064 .elementor-element.elementor-element-57e37a3d .flex-control-nav.flex-control-thumbs li {
    float: none !important; /* Prevents alignment bugs */
    display: inline-block !important;
    margin: 0 5px !important; /* Space between the small images */
}/* End custom CSS */