.elementor-31589 .elementor-element.elementor-element-30883bd{--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-31589 .elementor-element.elementor-element-01ffd34{--display:flex;}.elementor-31589 .elementor-element.elementor-element-d06e9ea{--display:flex;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-31589 .elementor-element.elementor-element-22a95e3{padding:0px 0px 0px 0px;}.elementor-31589 .elementor-element.elementor-element-22a95e3 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;color:#000000;}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-31589 .elementor-element.elementor-element-be88451{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.woocommerce .elementor-31589 .elementor-element.elementor-element-be88451 .price{color:#000000;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;}.woocommerce .elementor-31589 .elementor-element.elementor-element-be88451 .price ins{color:#000000;font-size:20px;font-weight:400;}.woocommerce .elementor-31589 .elementor-element.elementor-element-f0f0d57 .woocommerce-product-details__short-description{font-family:"Poppins", Sans-serif;font-size:16px;}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-31589 .elementor-element.elementor-element-dca1884{padding:0px 0px 0px 0px;}.elementor-31589 .elementor-element.elementor-element-dca1884 .cart button, .elementor-31589 .elementor-element.elementor-element-dca1884 .cart .button{font-family:"Poppins", Sans-serif;font-size:12px;color:#FFFFFF;background-color:#E64B9B;transition:all 0.2s;}.elementor-31589 .elementor-element.elementor-element-dca1884 .quantity .qty{transition:all 0.2s;}.elementor-31589 .elementor-element.elementor-element-962ec68{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-31589 .elementor-element.elementor-element-e53fedd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;color:#000000;}.elementor-widget-woocommerce-product-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-31589 .elementor-element.elementor-element-b4ef9cd{color:#000000;}.elementor-31589 .elementor-element.elementor-element-85c78fc{--display:flex;}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.woocommerce .elementor-widget-woocommerce-product-related.elementor-wc-products .products > h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-31589 .elementor-element.elementor-element-46c8f74.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-31589 .elementor-element.elementor-element-46c8f74.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-31589 .elementor-element.elementor-element-46c8f74.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-31589 .elementor-element.elementor-element-46c8f74.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for container, class: .elementor-element-30883bd *//* --- 1. Main Top Container --- */
/* --- Single Product Main Image & Gallery Wrapper --- */
.woocomm erce-js div.product div.images {
    position: relative;
    text-align: center;
}

/* --- Main Product Image Fix (بڑی تصویر کا سائز اور ڈیزائن) --- */
.woocommerce-js div.product div.images img {
    width: 100% !important;
    max-height: 480px !important;
    object-fit: contain !important;
    border-radius: 16px !important;
    background-color: #fff9fa !important;
    border: 1px solid #ffe3e8 !important;
    padding: 15px !important;
    box-shadow: 0 8px 25px rgba(232, 67, 147, 0.06) !important;
    transition: all 0.3s ease-in-out !important;
}

/* --- Hover Effect on Main Image --- */
.woocommerce-js div.product div.images img:hover {
    transform: scale(1.02);
}

/* --- Thumbnails Gallery Container (Top Space Reduced here) --- */
.woocommerce-js div.product div.images ol.flex-control-nav.flex-control-thumbs {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    justify-content: center !important;
    margin-top: 5px !important; /* یہاں اوپر والی سپیس کو کم کر کے 5px کر دیا گیا ہے */
    padding: 0 !important;
    list-style: none !important;
}

/* --- Individual Thumbnail Image Styling --- */
.woocommerce-js div.product div.images ol.flex-control-nav.flex-control-thumbs li {
    width: 75px !important;
    height: 75px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 2px solid #ffe3e8 !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease-in-out !important;
    cursor: pointer !important;
}

/* --- Thumbnail Image Inside --- */
.woocommerce-js div.product div.images ol.flex-control-nav.flex-control-thumbs li img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 8px !important;
}

/* --- Active / Selected Thumbnail State --- */
.woocommerce-js div.product div.images ol.flex-control-nav.flex-control-thumbs li img.flex-active,
.woocommerce-js div.product div.images ol.flex-control-nav.flex-control-thumbs li:hover {
    border-color: #d63384 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(214, 51, 132, 0.2) !important;
}
#single-product-top-container {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    align-items: flex-start;
    padding: 20px 0;
}

/* --- 2. Left / Image Container --- */
#single-product-image-container {
    flex: 1;
    min-width: 320px;
    position: relative;
    text-align: center;
}

/* Main Product Image Styling */
#single-product-image-container .woocommerce-js div.product div.images img {
    width: 100% !important;
    max-height: 480px !important;
    object-fit: contain !important;
    border-radius: 16px !important;
    background-color: #fff9fa !important;
    border: 1px solid #ffe3e8 !important;
    padding: 15px !important;
    box-shadow: 0 8px 25px rgba(232, 67, 147, 0.06) !important;
    transition: all 0.3s ease-in-out !important;
}

#single-product-image-container .woocommerce-js div.product div.images img:hover {
    transform: scale(1.02);
}

/* Thumbnails Gallery Container (Top Space Reduced) */
#single-product-image-container .woocommerce-js div.product div.images ol.flex-control-nav.flex-control-thumbs {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    justify-content: center !important;
    margin-top: 5px !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Individual Thumbnail Box */
#single-product-image-container .woocommerce-js div.product div.images ol.flex-control-nav.flex-control-thumbs li {
    width: 75px !important;
    height: 75px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 2px solid #ffe3e8 !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease-in-out !important;
    cursor: pointer !important;
}

/* Thumbnail Image Inside */
#single-product-image-container .woocommerce-js div.product div.images ol.flex-control-nav.flex-control-thumbs li img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 8px !important;
}

/* Active / Hover Thumbnail State */
#single-product-image-container .woocommerce-js div.product div.images ol.flex-control-nav.flex-control-thumbs li img.flex-active,
#single-product-image-container .woocommerce-js div.product div.images ol.flex-control-nav.flex-control-thumbs li:hover {
    border-color: #d63384 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(214, 51, 132, 0.2) !important;
}

/* --- 3. Right / Content Container --- */
#single-product-right-container {
    flex: 1;
    min-width: 320px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* --- 4. Product Title Styling --- */
#single-product-title h1, 
#single-product-title {
    color: #2b2b2b !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin-bottom: 5px !important;
}

/* --- 5. Product Price Styling --- */
#single-product-price {
    color: #d63384 !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important;
}

/* --- 6. Cart Button Styling --- */
#single-product-cart-button button.single_add_to_cart_button,
#single-product-cart-button .button {
    background: linear-gradient(135deg, #d63384 0%, #b5179e 100%) !important;
    color: #ffffff !important;
    border: none !important;
    padding: 14px 30px !important;
    border-radius: 30px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    cursor: pointer !important;
    box-shadow: 0 5px 20px rgba(214, 51, 132, 0.3) !important;
    transition: all 0.3s ease !important;
}

#single-product-cart-button button.single_add_to_cart_button:hover,
#single-product-cart-button .button:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(214, 51, 132, 0.4) !important;
    opacity: 0.95;
}

/* --- 7. Product Description Container Styling --- */
#single-product-description-container {
    background: #ffffff !important;
    border: 1px solid #ffe3e8 !important;
    border-radius: 20px !important;
    padding: 35px !important;
    margin-top: 40px !important;
    box-shadow: 0 8px 30px rgba(232, 67, 147, 0.05) !important;
}

/* --- 8. Product Description Content Styling --- */
#single-product-description-content,
#single-product-description-content .woocommerce-product-details__short-description,
#single-product-description-content .woocommerce-Tabs-panel--description {
    color: #555555 !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    font-family: 'Poppins', sans-serif !important;
}

/* Headings inside Description */
#single-product-description-content h2, 
#single-product-description-content h3 {
    color: #b5179e !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important;
}

/* Paragraphs and Lists inside Description */
#single-product-description-content p {
    margin-bottom: 15px !important;
}

#single-product-description-content ul, 
#single-product-description-content ol {
    padding-left: 20px !important;
    margin-bottom: 15px !important;
}

#single-product-description-content li {
    margin-bottom: 8px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85c78fc *//* --- 1. Main Top Container --- */
#single-product-top-container {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    align-items: flex-start;
    padding: 20px 0;
}

/* --- 2. Left / Image Container --- */
#single-product-image-container {
    flex: 1;
    min-width: 320px;
    position: relative;
    text-align: center;
}

#single-product-image-container .woocommerce-js div.product div.images img {
    width: 100% !important;
    max-height: 480px !important;
    object-fit: contain !important;
    border-radius: 16px !important;
    background-color: #fff9fa !important;
    border: 1px solid #ffe3e8 !important;
    padding: 15px !important;
    box-shadow: 0 8px 25px rgba(232, 67, 147, 0.06) !important;
    transition: all 0.3s ease-in-out !important;
}

#single-product-image-container .woocommerce-js div.product div.images img:hover {
    transform: scale(1.02);
}

/* Thumbnails Gallery Container */
#single-product-image-container .woocommerce-js div.product div.images ol.flex-control-nav.flex-control-thumbs {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    justify-content: center !important;
    margin-top: 5px !important;
    padding: 0 !important;
    list-style: none !important;
}

#single-product-image-container .woocommerce-js div.product div.images ol.flex-control-nav.flex-control-thumbs li {
    width: 75px !important;
    height: 75px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 2px solid #ffe3e8 !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease-in-out !important;
    cursor: pointer !important;
}

#single-product-image-container .woocommerce-js div.product div.images ol.flex-control-nav.flex-control-thumbs li img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 8px !important;
}

#single-product-image-container .woocommerce-js div.product div.images ol.flex-control-nav.flex-control-thumbs li img.flex-active,
#single-product-image-container .woocommerce-js div.product div.images ol.flex-control-nav.flex-control-thumbs li:hover {
    border-color: #d63384 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(214, 51, 132, 0.2) !important;
}

/* --- 3. Right / Content Container --- */
#single-product-right-container {
    flex: 1;
    min-width: 320px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* --- 4. Product Title --- */
#single-product-title h1, 
#single-product-title {
    color: #2b2b2b !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin-bottom: 5px !important;
}

/* --- 5. Main Product Price (Black Color & Horizontal) --- */
#single-product-price,
#single-product-price .woocommerce-Price-amount,
#single-product-price bdi,
#single-product-price span,
#single-product-right-container .price,
#single-product-right-container .price bdi,
#single-product-right-container .price span {
    color: #000000 !important;
}

#single-product-right-container .price {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 15px !important;
}

#single-product-right-container .price del {
    color: #888888 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
}

#single-product-right-container .price ins {
    background: none !important;
    color: #000000 !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

/* --- 6. Cart Button --- */
#single-product-cart-button button.single_add_to_cart_button,
#single-product-cart-button .button {
    background: linear-gradient(135deg, #d63384 0%, #b5179e 100%) !important;
    color: #ffffff !important;
    border: none !important;
    padding: 14px 30px !important;
    border-radius: 30px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    cursor: pointer !important;
    box-shadow: 0 5px 20px rgba(214, 51, 132, 0.3) !important;
    transition: all 0.3s ease !important;
}

#single-product-cart-button button.single_add_to_cart_button:hover,
#single-product-cart-button .button:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(214, 51, 132, 0.4) !important;
    opacity: 0.95;
}

/* --- 7. Product Description Container --- */
#single-product-description-container {
    background: #ffffff !important;
    border: 1px solid #ffe3e8 !important;
    border-radius: 20px !important;
    padding: 35px !important;
    margin-top: 40px !important;
    box-shadow: 0 8px 30px rgba(232, 67, 147, 0.05) !important;
}

/* --- 8. Product Description Content --- */
#single-product-description-content,
#single-product-description-content .woocommerce-product-details__short-description,
#single-product-description-content .woocommerce-Tabs-panel--description {
    color: #555555 !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    font-family: 'Poppins', sans-serif !important;
}

#single-product-description-content h2, 
#single-product-description-content h3 {
    color: #b5179e !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important;
}

#single-product-description-content p {
    margin-bottom: 15px !important;
}

#single-product-description-content ul, 
#single-product-description-content ol {
    padding-left: 20px !important;
    margin-bottom: 15px !important;
}

#single-product-description-content li {
    margin-bottom: 8px !important;
}

/* --- 9. Related Products Container (1 Row = 4 Products & Fixed Heights) --- */
#single-product-relatedproducts {
    background: #ffffff !important;
    border-top: 2px dashed #ffe3e8 !important;
    padding-top: 40px !important;
    margin-top: 50px !important;
}

#single-product-relatedproducts h2,
#single-product-relatedproducts .related.products > h2 {
    color: #b5179e !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 30px !important;
}

#single-product-relatedproducts ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Product Card Box with Flex Layout to Align Buttons at Bottom */
#single-product-relatedproducts ul.products li.product {
    background: #fff9fa !important;
    border: 1px solid #ffe3e8 !important;
    border-radius: 16px !important;
    padding: 15px !important;
    transition: all 0.3s ease-in-out !important;
    box-shadow: 0 5px 15px rgba(232, 67, 147, 0.04) !important;
    width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

#single-product-relatedproducts ul.products li.product:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 25px rgba(232, 67, 147, 0.1) !important;
    border-color: #d63384 !important;
}

#single-product-relatedproducts ul.products li.product img {
    border-radius: 12px !important;
    margin-bottom: 15px !important;
    height: 180px !important;
    object-fit: cover !important;
}

/* --- Fixed Title Length & Height (مسلہ حل کرنے کے لیے) --- */
#single-product-relatedproducts ul.products li.product h2.woocommerce-loop-product__title {
    color: #333333 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: center !important;
    height: 42px !important; /* فکس ہائٹ تاکہ نام چھوٹا بڑا ہونے سے فرق نہ پڑے */
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    margin-bottom: 10px !important;
}

/* --- Black Prices & Horizontal Layout (Sale + Regular) --- */
#single-product-relatedproducts ul.products li.product .price,
#single-product-relatedproducts ul.products li.product .price bdi,
#single-product-relatedproducts ul.products li.product .price span {
    color: #000000 !important;
}

#single-product-relatedproducts ul.products li.product .price {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important;
    margin-top: auto !important; /* قیمت کو نیچے بٹن کے قریب سیٹ کرنے کے لیے */
}

#single-product-relatedproducts ul.products li.product .price del {
    color: #888888 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}

#single-product-relatedproducts ul.products li.product .price ins {
    background: none !important;
    color: #000000 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

/* Related Products Add to Cart Button (All Aligned at Bottom) --- */
#single-product-relatedproducts ul.products li.product .button {
    background: #d63384 !important;
    color: #ffffff !important;
    border-radius: 20px !important;
    padding: 8px 15px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    display: block !important;
    text-align: center !important;
    transition: 0.3s ease !important;
    margin-top: auto !important;
}

#single-product-relatedproducts ul.products li.product .button:hover {
    background: #b5179e !important;
}

/* --- Mobile & Tablet Responsiveness --- */
@media (max-width: 1024px) {
    #single-product-relatedproducts ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 768px) {
    #single-product-relatedproducts ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}/* End custom CSS */