.elementor-395 .elementor-element.elementor-element-1886c16{--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;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 40px 0px rgba(0, 0, 0, 0.06);--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-395 .elementor-element.elementor-element-1886c16:not(.elementor-motion-effects-element-type-background), .elementor-395 .elementor-element.elementor-element-1886c16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-395 .elementor-element.elementor-element-995d347{--update-cart-automatically-display:none;--sections-border-type:none;--forms-fields-border-radius:0px 0px 0px 0px;--forms-buttons-border-type:none;}.elementor-395 .elementor-element.elementor-element-995d347 > .elementor-widget-container{padding:5px 5px 5px 5px;}.elementor-395 .elementor-element.elementor-element-995d347 .coupon .input-text, .elementor-395 .elementor-element.elementor-element-995d347 .cart-collaterals .input-text, .elementor-395 .elementor-element.elementor-element-995d347 select, .elementor-395 .elementor-element.elementor-element-995d347 .select2-selection--single{border-style:none;}body.elementor-page-395:not(.elementor-motion-effects-element-type-background), body.elementor-page-395 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-94b8dbe );}/* Start custom CSS for woocommerce-cart, class: .elementor-element-995d347 *//* ======================================================
   MEDSHOP PREMIUM CART - EXACT REPLICA
   ====================================================== */

/* --- WOOCOMMERCE NOTICES (Cart Updated, Empty Cart, Errors) --- */
.elementor-395 .elementor-element.elementor-element-995d347 .woocommerce-message, 
.elementor-395 .elementor-element.elementor-element-995d347 .woocommerce-info, 
.elementor-395 .elementor-element.elementor-element-995d347 .woocommerce-error {
    background: #FFFFFF !important;
    border-radius: 12px !important;
    border: 1px solid #EEF2F6 !important;
    color: #0B132B !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    padding: 18px 24px !important;
    box-shadow: 0 10px 25px -5px rgba(0,0,0,0.05) !important;
    margin-bottom: 30px !important;
    display: flex !important;
    align-items: center !important;
}

/* Base styles for ALL Notice Icons to prevent ugly overlapping */
.elementor-395 .elementor-element.elementor-element-995d347 .woocommerce-message::before,
.elementor-395 .elementor-element.elementor-element-995d347 .woocommerce-info::before,
.elementor-395 .elementor-element.elementor-element-995d347 .woocommerce-error::before {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    font-size: 14px !important;
    margin-right: 15px !important;
    position: relative !important; 
    top: auto !important;
    left: auto !important;
    font-family: sans-serif !important;
    flex-shrink: 0 !important;
    color: #FFFFFF !important;
}

/* 1. Success Message (Teal Check) */
.elementor-395 .elementor-element.elementor-element-995d347 .woocommerce-message { border-left: 6px solid #14B8A6 !important; }
.elementor-395 .elementor-element.elementor-element-995d347 .woocommerce-message::before { 
    content: '✓' !important; 
    background: #14B8A6 !important; 
}

/* 2. Info Message like "Cart is Empty" (Blue 'i') */
.elementor-395 .elementor-element.elementor-element-995d347 .woocommerce-info { border-left: 6px solid #3B82F6 !important; }
.elementor-395 .elementor-element.elementor-element-995d347 .woocommerce-info::before { 
    content: 'i' !important; 
    background: #3B82F6 !important; 
    font-family: 'Georgia', serif !important; 
    font-style: italic !important; 
}

/* 3. Error Message (Red '!') */
.elementor-395 .elementor-element.elementor-element-995d347 .woocommerce-error { border-left: 6px solid #E11D48 !important; }
.elementor-395 .elementor-element.elementor-element-995d347 .woocommerce-error::before { 
    content: '!' !important; 
    background: #E11D48 !important; 
    font-weight: bold !important; 
}

/* Clean up by hiding the default undo/return buttons if they ruin the layout */
.elementor-395 .elementor-element.elementor-element-995d347 .woocommerce-message .button,
.elementor-395 .elementor-element.elementor-element-995d347 .woocommerce-info .button,
.elementor-395 .elementor-element.elementor-element-995d347 .woocommerce-error .button {
    display: none !important; 
}


/* --- 1. THE LEFT CARD (CART ITEMS) --- */
.elementor-395 .elementor-element.elementor-element-995d347 .elementor-widget-container .woocommerce-cart-form {
    background: #FFFFFF !important;
    border-radius: 24px !important;
    border: 1px solid #EEF2F6 !important;
    box-shadow: 0 10px 40px -10px rgba(0,0,0,0.05) !important;
    padding: 30px !important;
}

/* Fix Table Layout */
.elementor-395 .elementor-element.elementor-element-995d347 .shop_table {
    border: none !important;
    width: 100% !important;
    border-collapse: collapse !important;
}

/* Table Headers (Product, Price, Quantity, Subtotal) */
.elementor-395 .elementor-element.elementor-element-995d347 .shop_table thead th {
    color: #94A3B8 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-bottom: 2px solid #F1F5F9 !important;
    padding: 0 10px 15px 10px !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

/* Table Rows & Cells */
.elementor-395 .elementor-element.elementor-element-995d347 .shop_table tbody tr {
    border-bottom: 1px solid #F1F5F9 !important;
}
.elementor-395 .elementor-element.elementor-element-995d347 .shop_table tbody td {
    padding: 25px 10px !important;
    vertical-align: middle !important;
    border: none !important;
}

/* --- 2. PRODUCT DETAILS --- */

/* The Red 'X' Remove Button (Perfectly Centered Mid Circle) */
.elementor-395 .elementor-element.elementor-element-995d347 .product-remove {
    width: 50px !important;
    text-align: center !important;
    vertical-align: middle !important;
}
.elementor-395 .elementor-element.elementor-element-995d347 .product-remove a.remove {
    color: #E11D48 !important; /* Red text */
    background: transparent !important; /* No background initially */
    font-size: 26px !important;
    font-weight: 300 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    margin: 0 auto !important;
    border-radius: 50% !important; /* Creates the mid circle */
    transition: all 0.2s ease !important;
    line-height: 1 !important;
}
.elementor-395 .elementor-element.elementor-element-995d347 .product-remove a.remove:hover {
    color: #FFFFFF !important;
 /* Fills as red circle on hover */
    transform: scale(1.1) !important;
}

/* Product Image */
.elementor-395 .elementor-element.elementor-element-995d347 .product-thumbnail img {
    width: 80px !important;
    height: 80px !important;
    border-radius: 16px !important;
    object-fit: cover !important;
    box-shadow: none !important;
}

/* Product Name & Category */
.elementor-395 .elementor-element.elementor-element-995d347 .product-name a {
    color: #0B132B !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    text-decoration: none !important;
    display: block !important;
    margin-bottom: 4px !important;
    line-height: 1.3 !important;
    transition: color 0.3s ease !important;
}
.elementor-395 .elementor-element.elementor-element-995d347 .product-name a:hover {
    color: #9D4EDD !important;
}
.elementor-395 .elementor-element.elementor-element-995d347 .product-name .variation {
    color: #94A3B8 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    margin-top: 5px !important;
}

/* Price & Subtotal Numbers */
.elementor-395 .elementor-element.elementor-element-995d347 .product-price .amount, 
.elementor-395 .elementor-element.elementor-element-995d347 .product-subtotal .amount {
    color: #0B132B !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
}

/* Quantity Box */
.elementor-395 .elementor-element.elementor-element-995d347 .quantity .qty {
    width: 65px !important;
    height: 45px !important;
    border-radius: 12px !important;
    border: 1px solid #EEF2F6 !important;
    background: #F8FAFC !important;
    color: #0B132B !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    text-align: center !important;
    margin: 0 auto !important;
    display: block !important;
}
.elementor-395 .elementor-element.elementor-element-995d347 .quantity .qty:focus {
    border-color: #9D4EDD !important;
    outline: none !important;
}

/* --- 3. COUPON SECTION --- */
.elementor-395 .elementor-element.elementor-element-995d347 .actions {
    padding-top: 25px !important;
    border: none !important;
}
.elementor-395 .elementor-element.elementor-element-995d347 .coupon {
    display: flex !important;
    gap: 15px !important;
    width: 100% !important;
    max-width: 600px !important; /* Enlarged coupon space */
}
.elementor-395 .elementor-element.elementor-element-995d347 .coupon .input-text {
    flex-grow: 1 !important;
    background: #F8FAFC !important;
    border: 1px solid #EEF2F6 !important;
    border-radius: 12px !important;
    padding: 0 24px !important; /* Wider padding */
    height: 54px !important; /* Taller input */
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    color: #0B132B !important;
}
.elementor-395 .elementor-element.elementor-element-995d347 .coupon .input-text:focus {
    border-color: #0B132B !important;
    outline: none !important;
}
.elementor-395 .elementor-element.elementor-element-995d347 .coupon .button {
    background: #0B132B !important; /* Dark Navy Button */
    color: #FFFFFF !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important; /* Reduced font weight */
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 0 40px !important;
    height: 54px !important; /* Matched height with input */
    border-radius: 12px !important;
    border: none !important;
    transition: all 0.3s ease !important;
}
.elementor-395 .elementor-element.elementor-element-995d347 .coupon .button:hover {
    background: #FF2A6D !important;
}

/* --- 4. RIGHT CARD (ORDER SUMMARY) --- */

/* Fix: Removes the ugly outer darker line/box added by WooCommerce themes */
.elementor-395 .elementor-element.elementor-element-995d347 .cart-collaterals {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    outline: none !important;
}
.elementor-395 .elementor-element.elementor-element-995d347 .cart-collaterals::before,
.elementor-395 .elementor-element.elementor-element-995d347 .cart-collaterals::after {
    display: none !important;
}

.elementor-395 .elementor-element.elementor-element-995d347 .cart-collaterals .cart_totals {
    background: #FFFFFF !important;
    border-radius: 24px !important;
    border: 1px solid #EEF2F6 !important;
    box-shadow: 0 10px 40px -10px rgba(0,0,0,0.05) !important;
    padding: 35px !important;
}

/* Change "Cart Totals" to "Order Summary" */
.elementor-395 .elementor-element.elementor-element-995d347 .cart_totals h2 {
    font-size: 0 !important; /* Hides original text */
    border-bottom: 1px solid #F1F5F9 !important;
    padding-bottom: 20px !important;
    margin-bottom: 25px !important;
}
.elementor-395 .elementor-element.elementor-element-995d347 .cart_totals h2::before {
    content: 'Order Summary' !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 900 !important;
    color: #0B132B !important;
    font-size: 22px !important;
    letter-spacing: -0.5px !important;
}

/* Totals Text */
.elementor-395 .elementor-element.elementor-element-995d347 .cart_totals th {
    color: #64748B !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    border: none !important;
    padding: 12px 0 !important;
}
.elementor-395 .elementor-element.elementor-element-995d347 .cart_totals td {
    color: #0B132B !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    border: none !important;
    text-align: right !important;
    padding: 12px 0 !important;
}

/* BIG RED TOTAL */
.elementor-395 .elementor-element.elementor-element-995d347 .cart_totals .order-total th {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 900 !important;
    font-size: 18px !important;
    color: #0B132B !important;
    border-top: 1px solid #F1F5F9 !important;
    padding-top: 25px !important;
    margin-top: 10px !important;
}
.elementor-395 .elementor-element.elementor-element-995d347 .cart_totals .order-total td {
    border-top: 1px solid #F1F5F9 !important;
    padding-top: 25px !important;
    margin-top: 10px !important;
}
.elementor-395 .elementor-element.elementor-element-995d347 .cart_totals .order-total .amount {
    color: #E11D48 !important; /* Brand Red */
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 900 !important;
    font-size: 26px !important;
}

/* Proceed to Checkout Button */
.elementor-395 .elementor-element.elementor-element-995d347 .wc-proceed-to-checkout .checkout-button {
    background: #E11D48 !important; /* Brand Red */
    color: #FFFFFF !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important; /* Reduced font weight */
    font-size: 15px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    border-radius: 12px !important;
    padding: 18px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin-top: 20px !important;
    transition: all 0.3s ease !important;
}
/* The arrow inside the button */
.elementor-395 .elementor-element.elementor-element-995d347 .wc-proceed-to-checkout .checkout-button::after {
    content: '→' !important;
    font-size: 18px !important;
    font-weight: bold !important;
    transition: transform 0.3s ease !important;
}
.elementor-395 .elementor-element.elementor-element-995d347 .wc-proceed-to-checkout .checkout-button:hover {
    background: #BE123C !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 20px rgba(225, 29, 72, 0.25) !important;
}
.elementor-395 .elementor-element.elementor-element-995d347 .wc-proceed-to-checkout .checkout-button:hover::after {
    transform: translateX(4px) !important;
}

/* --- 5. TRUST ICONS (Below Checkout Button) --- */
.elementor-395 .elementor-element.elementor-element-995d347 .wc-proceed-to-checkout::after {
    content: '' !important;
    display: block !important;
    margin: 25px auto 0 auto !important;
    width: 130px !important;
    height: 24px !important;
    /* Injects the Shield, Lock, and Credit Card icons automatically */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 24' fill='none' stroke='%23CBD5E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='M16 12l3 3 5-5'/%3E%3Crect x='52' y='11' width='14' height='11' rx='2' ry='2'/%3E%3Cpath d='M55 11V7a4 4 0 0 1 8 0v4'/%3E%3Crect x='85' y='6' width='20' height='14' rx='2' ry='2'/%3E%3Cline x1='85' y1='10' x2='105' y2='10'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

/* --- 6. KILL THE PAYPAL BUTTON ON CART --- */
/* Forces PayPal to only show on Checkout page, not Cart */
#ppc-button-express-cart { display: none !important; }
.wcppec-checkout-buttons { display: none !important; }
.woo_pp_cart_buttons_div { display: none !important; }

.woocommerce-cart-form .product-name .variation {
    font-size: 0.875rem;
    color: #94a3b8;
    margin-top: 0.25rem;
}/* End custom CSS */