.elementor-14 .elementor-element.elementor-element-aeefe01{--links-hover-color:#000000;}.elementor-14 .elementor-element.elementor-element-aeefe01 #shipping_method li label{font-size:64px;}/* Start custom CSS for section, class: .elementor-element-f6bec43 *//* --- FULL MOBILE CART CLEANUP --- */
@media (max-width: 767px) {
    /* 1. Stack the image on top of the text details and center it */
    .woocommerce-cart table.cart .product-thumbnail {
        display: block !important;
        text-align: center !important;
        padding-bottom: 25px !important; /* more room below the image */
        width: 100% !important; /* full width image area */
    }
    
    /* 2. Style and size the actual image */
    /* !!! --- CHANGE IMAGE SIZE HERE --- !!! */
    .woocommerce-cart table.cart .product-thumbnail img {
        width: 1700px !important; /* Bumped to 170px for a nice, large dress image. Feel free to change this specific number. */
        margin: 0 auto !important; /* centering */
        border-radius: 8px; /* nice rounded corners */
        height: auto !important; /* maintain aspect ratio */
    }

    /* 3. Handle the 'Product: [Name]' line as a centered sub-header */
    .woocommerce-cart table.cart .product-name {
        display: block !important;
        text-align: center !important;
        padding: 0 0 15px 0 !important;
        width: 100% !important;
        font-weight: 600; /* make it stand out slightly */
    }

    /* 4. Fix the "abnormal" text lines: price, quantity, subtotal */
    /* This creates structured key-value pairs (Label / Value) on opposite sides of the screen */
    .woocommerce-cart table.cart .product-price,
    .woocommerce-cart table.cart .product-quantity,
    .woocommerce-cart table.cart .product-subtotal {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important; /* Key to "justified" look: labels left, values right */
        align-items: center !important;
        width: 100% !important;
        padding-top: 10px !important; /* spacing between data lines */
        padding-bottom: 10px !important;
        text-align: left !important; /* aligns the values to the right side of their column */
    }

    /* Ensure labels inside have proper width for alignment */
    .woocommerce-cart table.cart .product-price::before,
    .woocommerce-cart table.cart .product-quantity::before,
    .woocommerce-cart table.cart .product-subtotal::before {
        font-weight: 600; /* make labels bold */
        color: #555; /* slightly softer label color */
        flex-basis: 40%; /* label takes up 40% of the row */
        text-align: left !important;
    }
}/* End custom CSS */