.elementor-8 .elementor-element.elementor-element-3301b126{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;}.elementor-8 .elementor-element.elementor-element-19c62d9{--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:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-34289a7 > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-34289a7 .product-info .product-title a{font-family:"Jost", Sans-serif;font-size:14px;}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-3301b126{--width:100%;}}/* Start custom CSS for text-editor, class: .elementor-element-35fbfda3 */.cart_item, .product-remove {
    width: 35px !important;
}

/* Product name column ko 2 lines limit karo */
.woocommerce-cart td.product-name {
    max-height: 3em !important;          /* 2 lines ke liye height control */
    overflow: hidden !important;
    line-height: 1.4 !important;         /* Line spacing */
    font-size: 11px;
}

/* Title ko 2 lines mein force wrap + ellipsis agar zyada ho */
.woocommerce-cart td.product-name a.product-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;    /* Exactly 2 lines */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;  /* ... add ho agar 2 lines se zyada */
    word-break: break-word !important;   /* Long words break ho jayein */
    hyphens: auto !important;
    white-space: normal !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Optional: Agar ellipsis nahi chahiye aur full text wrap chahiye (2 lines tak) */
.woocommerce-cart td.product-name a.product-title.no-ellipsis {
    text-overflow: clip !important;      /* ... remove karne ke liye */
}

/* Mobile pe thoda zyada space allow karo agar chahiye */
@media (max-width: 768px) {
    .woocommerce-cart td.product-name a.product-title {
        -webkit-line-clamp: 3 !important;  /* Mobile pe 3 lines allow */
    }
}

/* Quantity ko single row mein tight banao */
.woocommerce-cart .detail-qty {
    display: flex !important;              /* Flexbox use karo */
    align-items: center !important;        /* Vertically center */
    justify-content: center !important;    /* Horizontally center */
    flex-wrap: nowrap !important;          /* No wrap, ek line mein force */
    gap: 4px !important;                   /* Buttons aur input ke beech chhota space */
    width: 110px !important;               /* Total width tight rakho */
    margin: 0 auto !important;             /* Center mein rakho */
    background: #f9f9f9 !important;        /* Optional: background for better look */
    border-radius: 30px !important;        /* Rounded corners jaise aap ke oval shape */
    padding: 4px 8px !important;           /* Inner padding for comfort */
    border: 1px solid #ddd !important;     /* Light border agar chahiye */
}

/* Minus aur Plus buttons ko same height aur style do */
.woocommerce-cart .detail-qty a.qty-down,
.woocommerce-cart .detail-qty a.qty-up {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;                /* Chhote buttons */
    height: 28px !important;
    border-radius: 50% !important;         /* Circular buttons */
    color: #000 !important;
    font-size: 16px !important;
    text-decoration: none !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

/* Input field ko center aur tight */
.woocommerce-cart .detail-qty input.qty-val {
    width: 40px !important;
    height: 28px !important;
    text-align: center !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
 
}

/* Mobile pe bhi same single row rakho */
@media (max-width: 768px) {
    .woocommerce-cart .detail-qty {
        width: 120px !important;
        padding: 5px 10px !important;
    }
    
    .woocommerce-cart .detail-qty a.qty-down,
    .woocommerce-cart .detail-qty a.qty-up {
        width: 30px !important;
        height: 30px !important;
        font-size: 18px !important;
    }
    
    .woocommerce-cart .detail-qty input.qty-val {
        width: 45px !important;
        height: 30px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3301b126 *//* Proceed to Checkout button text visible karo */
.wc-proceed-to-checkout a .checkout-button{
	color: white;
}
.checkout-button::before{
	color: white;
}/* End custom CSS */