.elementor-844 .elementor-element.elementor-element-c37ab1c{--display:flex;--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:space-between;--align-items:center;--margin-top:-10px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-844 .elementor-element.elementor-element-a9f732f{--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:space-between;--gap:30px 30px;--row-gap:30px;--column-gap:30px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-6bf7737 );--border-color:var( --e-global-color-6bf7737 );--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 30px -10px rgba(0, 0, 0, 0.19);--padding-top:45px;--padding-bottom:45px;--padding-left:45px;--padding-right:45px;}.elementor-844 .elementor-element.elementor-element-4a0e650{--display:flex;}.elementor-844 .elementor-element.elementor-element-fa91589{--display:flex;}.elementor-844 .elementor-element.elementor-element-2640298{--display:flex;--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:space-between;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;--border-radius:35px 35px 35px 35px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-844 .elementor-element.elementor-element-2640298:not(.elementor-motion-effects-element-type-background), .elementor-844 .elementor-element.elementor-element-2640298 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(176deg, #31A989 0%, #20705B 100%);}.elementor-844 .elementor-element.elementor-element-48eb8f0 .wd-text-block{font-size:12px;color:#FFFFFF;}.elementor-844 .elementor-element.elementor-element-dbf92f6{width:var( --container-widget-width, 25px );max-width:25px;--container-widget-width:25px;--container-widget-flex-grow:0;--wd-brd-radius:0px;}html .elementor-844 .elementor-element.elementor-element-440231d .product_title{font-size:32px;}.elementor-844 .elementor-element.elementor-element-5a59539 .price{font-size:30px;}.elementor-844 .elementor-element.elementor-element-3c28a14{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-844 .elementor-element.elementor-element-2f38579{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-844 .elementor-element.elementor-element-51f2d44 .elementor-button-content-wrapper{flex-direction:row;}.elementor-844 .elementor-element.elementor-element-51f2d44 .elementor-button{border-radius:100px 100px 100px 100px;}.elementor-844 .elementor-element.elementor-element-f0ebae7 .elementor-button-content-wrapper{flex-direction:row;}.elementor-844 .elementor-element.elementor-element-5c9e6b4{--divider-border-style:solid;--divider-color:#0000001C;--divider-border-width:1px;}.elementor-844 .elementor-element.elementor-element-5c9e6b4 .elementor-divider-separator{width:100%;}.elementor-844 .elementor-element.elementor-element-5c9e6b4 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-844 .elementor-element.elementor-element-bf66d39{--display:flex;--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:space-between;--align-items:center;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-844 .elementor-element.elementor-element-0a078a2.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-844 .elementor-element.elementor-element-efcb7a1{--display:flex;--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;--align-items:center;--flex-wrap:wrap;}.elementor-844 .elementor-element.elementor-element-f18f147{--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;--gap:60px 60px;--row-gap:60px;--column-gap:60px;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-844 .elementor-element.elementor-element-fd904f4{--divider-border-style:solid;--divider-color:#0000001C;--divider-border-width:1px;}.elementor-844 .elementor-element.elementor-element-fd904f4 .elementor-divider-separator{width:100%;}.elementor-844 .elementor-element.elementor-element-fd904f4 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-844 .elementor-element.elementor-element-24a9719 > .elementor-widget-container{padding:30px 30px 30px 30px;}.elementor-844 .elementor-element.elementor-element-24a9719 .element-title{font-size:24px;}.elementor-844 .elementor-element.elementor-element-d96cad8{--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;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-844 .elementor-element.elementor-element-05ac475{--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;}.elementor-844 .elementor-element.elementor-element-4c18af0 .title{font-size:24px;}.elementor-844 .elementor-element.elementor-element-49afe13 > .elementor-widget-container{background-color:#F6F5F8;padding:30px 30px 30px 30px;border-radius:20px 20px 20px 20px;}.elementor-844 .elementor-element.elementor-element-8532b0a{--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;--margin-top:0px;--margin-bottom:-40px;--margin-left:0px;--margin-right:0px;}.elementor-844 .elementor-element.elementor-element-8532b0a:not(.elementor-motion-effects-element-type-background), .elementor-844 .elementor-element.elementor-element-8532b0a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F5F8;}.elementor-844 .elementor-element.elementor-element-34bb89c > .elementor-widget-container{margin:60px 0px 60px 0px;}.elementor-844 .elementor-element.elementor-element-34bb89c .wd-products-with-bg, .elementor-844 .elementor-element.elementor-element-34bb89c .wd-products-with-bg .wd-product{--wd-prod-bg:#FFFFFF;--wd-bordered-bg:#FFFFFF;}.elementor-844 .elementor-element.elementor-element-34bb89c .wd-el-title{font-size:24px;}@media(min-width:769px){.elementor-844 .elementor-element.elementor-element-a9f732f{--width:100%;}.elementor-844 .elementor-element.elementor-element-4a0e650{--width:50%;}.elementor-844 .elementor-element.elementor-element-fa91589{--width:40%;}.elementor-844 .elementor-element.elementor-element-05ac475{--width:100%;}}@media(max-width:1024px) and (min-width:769px){.elementor-844 .elementor-element.elementor-element-a9f732f{--width:100%;}.elementor-844 .elementor-element.elementor-element-05ac475{--width:100%;}}@media(max-width:1024px){.elementor-844 .elementor-element.elementor-element-c37ab1c{--margin-top:-20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-844 .elementor-element.elementor-element-a9f732f{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}html .elementor-844 .elementor-element.elementor-element-440231d .product_title{font-size:28px;}.elementor-844 .elementor-element.elementor-element-5a59539 .price{font-size:24px;}.elementor-844 .elementor-element.elementor-element-f18f147{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-844 .elementor-element.elementor-element-d96cad8{--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;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-844 .elementor-element.elementor-element-34bb89c > .elementor-widget-container{margin:40px 0px 40px 0px;}}@media(max-width:768px){.elementor-844 .elementor-element.elementor-element-2640298{--flex-wrap:nowrap;--margin-top:10px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}html .elementor-844 .elementor-element.elementor-element-440231d .product_title{font-size:24px;}.elementor-844 .elementor-element.elementor-element-5a59539 .price{font-size:22px;}.elementor-844 .elementor-element.elementor-element-bf66d39{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;}.elementor-844 .elementor-element.elementor-element-0a078a2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-844 .elementor-element.elementor-element-efcb7a1{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-844 .elementor-element.elementor-element-24a9719 .element-title{font-size:22px;}.elementor-844 .elementor-element.elementor-element-4c18af0 .title{font-size:22px;}.elementor-844 .elementor-element.elementor-element-34bb89c .wd-el-title{font-size:22px;}}/* Start custom CSS for container, class: .elementor-element-3c28a14 *//* ========================================================
   1. PC & DESKTOP: SIDE-BY-SIDE LAYOUT
   ======================================================== */
form.cart.variations_form {
    display: block !important;
    width: 100% !important;
}

/* Row on PC / Desktop */
form.cart:not(.variations_form),
form.cart .woocommerce-variation-add-to-cart,
form.cart .variations_button,
.single-product form.cart .woocommerce-variation-add-to-cart {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: 14px !important;
    margin-bottom: 14px !important;
}

/* Quantity Box on Desktop (Fixed 120px) */
form.cart .quantity,
.single-product .quantity {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 10px !important;
    height: 48px !important;
    flex: 0 0 120px !important;
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

/* Minus and Plus buttons (Clean Flat Hover) */
form.cart .quantity .plus,
form.cart .quantity .minus,
form.cart .quantity input[type="button"],
form.cart .quantity button {
    width: 36px !important;
    height: 100% !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important; /* Removes the rounded overlay */
    color: #64748b !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: background 0.2s ease, color 0.2s ease !important;
}

form.cart .quantity .plus:hover,
form.cart .quantity .minus:hover,
form.cart .quantity input[type="button"]:hover,
form.cart .quantity button:hover,
form.cart .quantity .plus::before,
form.cart .quantity .minus::before {
    background: #e2e8f0 !important;
    color: #0f172a !important;
    border-radius: 0 !important; /* Ensures pseudo-elements & hover stay flat */
}

/* Quantity input text */
form.cart .quantity input.qty,
form.cart .quantity input[type="number"] {
    width: 40px !important;
    height: 100% !important;
    border: none !important;
    background: transparent !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    padding: 0 !important;
}

/* ❌ HIDE THE "অর্ডার করুন" (ADD TO CART) BUTTON */
form.cart button.single_add_to_cart_button[name="add-to-cart"],
form.cart .single_add_to_cart_button:not([class*="buy"]):not([class*="quick"]):not([id*="buy"]) {
    display: none !important;
}

/* ✅ BUY NOW BUTTON (Fills remaining space with your gradient) */
form.cart [class*="buy"],
form.cart [class*="quick"],
form.cart .wc-buy-now-btn,
form.cart .buy-now-button {
    flex: 1 1 auto !important;
    width: auto !important;
    height: 48px !important;
    background: linear-gradient(90deg, #00c0ff 0%, #3b52f5 35%, #a811cf 70%, #e00075 100%) !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px !important;
    border-radius: 10px !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(168, 17, 207, 0.35) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    margin: 0 !important;
}

/* Messenger & WhatsApp on Desktop (50/50 side by side) */
.btn-messenger, .btn-whatsapp {
    flex: 1 !important;
    width: 100% !important;
}

.btn-messenger a, a.btn-messenger {
    width: 100% !important;
    background: linear-gradient(135deg, #0084ff 0%, #0072db 100%) !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border: none !important;
}

.btn-whatsapp a, a.btn-whatsapp {
    width: 100% !important;
    background: linear-gradient(135deg, #25D366 0%, #1eb857 100%) !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border: none !important;
}

/* ========================================================
   2. MOBILE ONLY: 100% FULL-WIDTH STACKED LAYOUT
   ======================================================== */
@media (max-width: 767px) {
    /* Stack Quantity & Buy Now Button vertically */
    form.cart:not(.variations_form),
    form.cart .woocommerce-variation-add-to-cart,
    form.cart .variations_button,
    .single-product form.cart .woocommerce-variation-add-to-cart {
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
    }

    /* Quantity Box: 100% Full Width on Mobile */
    form.cart .quantity,
    .single-product .quantity {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
    }

    /* Buy Now Button: 100% Full Width on Mobile */
    form.cart [class*="buy"],
    form.cart [class*="quick"],
    form.cart .wc-buy-now-btn,
    form.cart .buy-now-button {
        width: 100% !important;
        flex: 1 1 100% !important;
    }

    /* Stack Messenger & WhatsApp vertically with 100% Width */
    .e-con:has(.btn-messenger),
    .elementor-container:has(.btn-messenger),
    div:has(> .btn-messenger) {
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
    }

    .btn-messenger,
    .btn-whatsapp,
    .btn-messenger a,
    .btn-whatsapp a,
    a.btn-messenger,
    a.btn-whatsapp {
        width: 100% !important;
        display: flex !important;
    }
}/* End custom CSS */