.elementor-17231 .elementor-element.elementor-element-128303ab{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for container, class: .elementor-element-128303ab *//* 1. Main Container & Typography */
.cart-order-details, .cart-collaterals {
    background: #ffffff;
    border-radius: 20px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
    border: none !important;
}

/* 2. Product Table Styling */
.shop_table.cart {
    border: none !important;
    border-radius: 15px;
    overflow: hidden;
}

.cart_item {
    background-color: #fcfcfc;
    border-bottom: 1px solid #f0f0f0 !important;
}

.product-thumbnail img {
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

/* 3. The Main Action Button (Checkout/Payment) */
/* Matches the blue-purple gradient in your image */
.checkout-button, 
button[name="update_cart"],
.wc-proceed-to-checkout a.checkout-button {
    background: linear-gradient(90deg, #3b3b7a 0%, #6b8dc2 100%) !important;
    color: #ffffff !important;
    border-radius: 50px !important; /* Pill shape like the image */
    padding: 15px 30px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    border: none !important;
    box-shadow: 0 5px 15px rgba(59, 59, 122, 0.3) !important;
    transition: all 0.3s ease !important;
    display: block;
    text-align: center;
}

.checkout-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(59, 59, 122, 0.4) !important;
    filter: brightness(1.1);
}

/* 4. Total Price Highlight */
/* Matches the lime green color in your image */
.order-total .amount {
    color: #92b842 !important; 
    font-size: 1.8em !important;
    font-weight: bold !important;
}

/* 5. Input Fields Styling */
.quantity input.qty, 
.shipping-calculator-form input,
.shipping-calculator-form select {
    background-color: #f5f5f5 !important;
    border: 1px solid #eeeeee !important;
   
 
}

/* 6. "Clear Cart" and "Change Address" text links */
.clear-cart, .shipping-calculator-button {
    color: #777 !important;
    text-decoration: none !important;
    font-size: 0.9em;
    transition: color 0.3s;
}

.clear-cart:hover, .shipping-calculator-button:hover {
    color: #3b3b7a !important;
}

/* 7. Cart Totals Headings */
.cart_totals h2 {
    font-size: 1.4em;
    font-weight: 700;
    margin-bottom: 20px;
    color: #333;
}

/* 8. Table Borders Clean-up */
.shop_table thead {
    background-color: transparent !important;
}

.shop_table th, .shop_table td {
    border: none !important;
    padding: 15px 10px !important;
}/* End custom CSS */
/* Start custom CSS */.cart-checkout-nav {
    display: none;
}/* End custom CSS */