.elementor-251 .elementor-element.elementor-element-5b8f3dcb{--display:flex;}.elementor-251 .elementor-element.elementor-element-5b8f3dcb:not(.elementor-motion-effects-element-type-background), .elementor-251 .elementor-element.elementor-element-5b8f3dcb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F4F4;}.elementor-251 .elementor-element.elementor-element-41874f4{font-family:"Montserrat", Sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#000000;}.elementor-251 .elementor-element.elementor-element-41874f4 a{color:#000000;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-5b8f3dcb *//* === 1. Sab Buttons ko Black, Square aur Text Center karna === */

/* Proceed to checkout button ko strictly Black karna (Purple khatam) */
.elementor-251 .elementor-element.elementor-element-5b8f3dcb .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.elementor-251 .elementor-element.elementor-element-5b8f3dcb .checkout-button,
.elementor-251 .elementor-element.elementor-element-5b8f3dcb .woocommerce button.button.alt {
    background-color: #000 !important;
    color: #fff !important;
    border-radius: 0 !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    padding: 18px 30px !important;
    text-align: center !important;
    border: none !important;
    display: block !important; 
    width: 100% !important;
    margin-top: 20px !important;
}

.elementor-251 .elementor-element.elementor-element-5b8f3dcb .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.elementor-251 .elementor-element.elementor-element-5b8f3dcb .checkout-button:hover,
.elementor-251 .elementor-element.elementor-element-5b8f3dcb .woocommerce button.button.alt:hover {
    background-color: #333 !important;
}

/* Apply Coupon aur Update Cart ko black karna */
.elementor-251 .elementor-element.elementor-element-5b8f3dcb .woocommerce-cart .button, 
.elementor-251 .elementor-element.elementor-element-5b8f3dcb .woocommerce button.button {
    background-color: #000 !important;
    color: #fff !important;
    border-radius: 0 !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    padding: 15px 30px !important;
    text-align: center !important;
    border: none !important;
}

.elementor-251 .elementor-element.elementor-element-5b8f3dcb .woocommerce-cart .button:hover, 
.elementor-251 .elementor-element.elementor-element-5b8f3dcb .woocommerce button.button:hover {
    background-color: #333 !important;
}

/* === 2. Coupon Section aur Update Cart ke Darmiyan Faasla (Gap) === */
.elementor-251 .elementor-element.elementor-element-5b8f3dcb .woocommerce-cart table.cart td.actions {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    display: flex !important;
    justify-content: space-between !important; /* In dono ko alag alag konon par karega */
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 15px !important; /* Update Cart aur Coupon ke darmiyan faasla */
}

/* Coupon wale hisse ki setting */
.elementor-251 .elementor-element.elementor-element-5b8f3dcb .woocommerce .cart .actions .coupon {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important; /* Input box aur Apply button ke darmiyan faasla */
}

.elementor-251 .elementor-element.elementor-element-5b8f3dcb .woocommerce-cart .coupon input.input-text {
    height: 50px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border: 1px solid #ddd !important;
    padding: 0 15px !important;
    min-width: 200px;
}

/* === 3. Mobile View Fixes (Image Bara Karna) === */
@media (max-width: 768px) {
    /* Mobile par Product Image ko Bara Karna */
    .elementor-251 .elementor-element.elementor-element-5b8f3dcb .woocommerce table.shop_table_responsive tr td.product-thumbnail {
        display: block !important;
        text-align: center !important;
        padding: 15px 0 !important;
    }
    
    .elementor-251 .elementor-element.elementor-element-5b8f3dcb .woocommerce table.shop_table_responsive tr td.product-thumbnail img {
        max-width: 220px !important; /* Tasweer ka size bara kar diya */
        width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
    }
    
    .elementor-251 .elementor-element.elementor-element-5b8f3dcb .woocommerce table.shop_table_responsive tr td.product-thumbnail::before {
        display: none !important;
    }

    /* Mobile par buttons ko set karna */
    .elementor-251 .elementor-element.elementor-element-5b8f3dcb .woocommerce-cart table.cart td.actions {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .elementor-251 .elementor-element.elementor-element-5b8f3dcb .woocommerce .cart .actions .coupon {
        flex-direction: column !important;
        width: 100% !important;
        align-items: stretch !important;
        gap: 10px !important;
    }
    
    .elementor-251 .elementor-element.elementor-element-5b8f3dcb .woocommerce .cart .actions .coupon input.input-text,
    .elementor-251 .elementor-element.elementor-element-5b8f3dcb .woocommerce .cart .actions .coupon .button,
    .elementor-251 .elementor-element.elementor-element-5b8f3dcb .woocommerce-cart table.cart td.actions > .button {
        width: 100% !important;
        margin: 0 !important;
        margin-bottom: 10px !important;
    }
}/* End custom CSS */