.elementor-883 .elementor-element.elementor-element-9c634f6{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-883 .elementor-element.elementor-element-b24700d{--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;}.elementor-883 .elementor-element.elementor-element-ed64387{--display:flex;}.woocommerce .elementor-883 .elementor-element.elementor-element-04bb75a .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
					.woocommerce .elementor-883 .elementor-element.elementor-element-04bb75a .flex-viewport{border-radius:6px 6px 6px 6px;}.woocommerce .elementor-883 .elementor-element.elementor-element-04bb75a .flex-viewport:not(:last-child){margin-bottom:16px;}.woocommerce .elementor-883 .elementor-element.elementor-element-04bb75a .flex-control-thumbs li{padding-right:calc(15px / 2);padding-left:calc(15px / 2);padding-bottom:15px;}.woocommerce .elementor-883 .elementor-element.elementor-element-04bb75a .flex-control-thumbs{margin-right:calc(-15px / 2);margin-left:calc(-15px / 2);}.elementor-883 .elementor-element.elementor-element-dd36896{--display:flex;}.elementor-883 .elementor-element.elementor-element-bbfe9a1{text-align:start;}.elementor-883 .elementor-element.elementor-element-bbfe9a1 .elementor-heading-title{font-family:var( --e-global-typography-d3dae9a-font-family ), Sans-serif;font-size:var( --e-global-typography-d3dae9a-font-size );font-weight:var( --e-global-typography-d3dae9a-font-weight );font-style:var( --e-global-typography-d3dae9a-font-style );line-height:var( --e-global-typography-d3dae9a-line-height );}.elementor-883 .elementor-element.elementor-element-4253c5e{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );}.elementor-883 .elementor-element.elementor-element-ecb5d8f .cart button, .elementor-883 .elementor-element.elementor-element-ecb5d8f .cart .button{transition:all 0.2s;}.elementor-883 .elementor-element.elementor-element-ecb5d8f .quantity .qty{transition:all 0.2s;}@media(min-width:768px){.elementor-883 .elementor-element.elementor-element-ed64387{--width:50%;}.elementor-883 .elementor-element.elementor-element-dd36896{--width:79%;}}@media(max-width:1024px){.elementor-883 .elementor-element.elementor-element-bbfe9a1 .elementor-heading-title{font-size:var( --e-global-typography-d3dae9a-font-size );line-height:var( --e-global-typography-d3dae9a-line-height );}.elementor-883 .elementor-element.elementor-element-4253c5e{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:767px){.elementor-883 .elementor-element.elementor-element-bbfe9a1 .elementor-heading-title{font-size:var( --e-global-typography-d3dae9a-font-size );line-height:var( --e-global-typography-d3dae9a-line-height );}.elementor-883 .elementor-element.elementor-element-4253c5e{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}/* Start custom CSS for container, class: .elementor-element-ed64387 *//* 1. Main Container: Gallery Left aur Space Adjust */
.woocommerce-product-gallery {
    display: flex !important;
    flex-direction: row-reverse !important; 
    gap: 10px !important; /* Image aur Gallery ke darmiyan behtar gap */
    align-items: flex-start !important;
}

/* 2. Thumbnails: Size ko thora kam kiya taake images "Badi" lagein */
.woocommerce-product-gallery .flex-control-nav {
    width: 20% !important; /* Thumbnails ko 20% kiya taake screen par jagah bache */
    position: relative !important;
    display: flex !important;
    flex-direction: column !important; 
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    max-height: none !important;
}

/* 3. Main Image: Isse 80% kiya hai taake ye sabse Badi nazar aaye */
.woocommerce-product-gallery .flex-viewport {
    width: 80% !important; 
    border-radius: 12px !important; 
    box-shadow: 0px 8px 25px rgba(0,0,0,0.1) !important; /* Shadow thora dark kiya depth ke liye */
}

/* 4. Thumbnail Styling: Inhe mazeed saaf kiya */
.woocommerce-product-gallery .flex-control-nav li {
    width: 100% !important;
    margin-bottom: 15px !important; 
    list-style: none !important;
}

.woocommerce-product-gallery .flex-control-nav li img {
    width: 100% !important;
    height: auto !important;
    border: 1.5px solid #f0f0f0 !important; 
    border-radius: 8px !important;
    transition: all 0.4s ease !important; 
    cursor: pointer !important;
}

/* 5. Hover & Active Effects: Luxury Feel */
.woocommerce-product-gallery .flex-control-nav li img:hover {
    border-color: #333 !important;
    transform: translateY(-3px) !important; /* Upar ki taraf halka sa jump */
}

.woocommerce-product-gallery .flex-control-nav li img.flex-active {
    border: 2px solid #000 !important;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.1) !important;
}

/* 6. Mobile Fix: Screens ke mutabiq auto-adjust */
@media (max-width: 768px) {
    .woocommerce-product-gallery {
        flex-direction: column !important;
        gap: 15px !important;
    }
    .woocommerce-product-gallery .flex-control-nav {
        width: 100% !important;
        flex-direction: row !important;
        overflow-x: auto !important;
    }
    .woocommerce-product-gallery .flex-viewport {
        width: 100% !important;
    }
}/* End custom CSS */