.elementor-13 .elementor-element.elementor-element-cc7d2d2{--display:flex;--margin-top:75px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-bc315a3{--update-cart-automatically-display:none;--sections-background-color:var( --e-global-color-81d5a2f );--sections-border-type:none;--sections-title-color:var( --e-global-color-b698049 );--links-normal-color:var( --e-global-color-b698049 );--sections-radio-buttons-color:var( --e-global-color-3e569f4 );--forms-buttons-normal-text-color:var( --e-global-color-81d5a2f );--forms-buttons-border-type:none;--order-summary-color:var( --e-global-color-c3eeb31 );--product-link-normal-color:var( --e-global-color-3e569f4 );--order-summary-remove-icon-normal-color:#D10000;--totals-color:var( --e-global-color-c3eeb31 );--checkout-button-normal-text-color:var( --e-global-color-81d5a2f );}.elementor-13 .elementor-element.elementor-element-bc315a3 .shop_table .button{background-color:var( --e-global-color-b698049 );}.elementor-13 .elementor-element.elementor-element-bc315a3 .woocommerce .wc-proceed-to-checkout .checkout-button{background-color:var( --e-global-color-3e569f4 );}.elementor-13 .elementor-element.elementor-element-bc315a3 {--sections-descriptions-color:var( --e-global-color-c3eeb31 );}.elementor-13 .elementor-element.elementor-element-bc315a3 .woocommerce-cart-form{--order-summary-title-color:var( --e-global-color-3e569f4 );}@media(max-width:1366px){.elementor-13 .elementor-element.elementor-element-bc315a3{--forms-fields-border-radius:100px 100px 100px 100px;}.elementor-13 .elementor-element.elementor-element-bc315a3 {--forms-fields-padding:30px 30px 30px 30px;}.elementor-13 .elementor-element.elementor-element-bc315a3 .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:calc( (30px*2) + 16px );padding-left:30px;padding-right:30px;}.elementor-13 .elementor-element.elementor-element-bc315a3 .select2-container--default .select2-selection--single .select2-selection__arrow{height:calc( (30px*2) + 16px );right:30px;}.elementor-13 .elementor-element.elementor-element-bc315a3 .select2-container--default .select2-selection--single{height:auto;}}/* Start custom CSS for woocommerce-cart, class: .elementor-element-bc315a3 *//* Target only mobile screens for the new layout */
@media (max-width: 768px) {
    
    /* Convert the cart row into a 3-column CSS Grid */
    .woocommerce-page table.cart tr.cart_item {
        display: grid;
        grid-template-columns: 80px 1fr 40px; /* Image | Details | Trash */
        grid-template-rows: auto auto auto;
        grid-template-areas:
            "image name name"
            "image price price"
            "image quantity remove";
        grid-gap: 12px;
        padding: 20px 0;
        border-bottom: 1px solid #eaeaea;
        align-items: center;
    }

    /* Reset default table cell behaviors and hide the default WooCommerce mobile labels */
    .woocommerce-page table.cart tr.cart_item td {
        display: block !important;
        border: none !important;
        padding: 0 !important;
        text-align: left !important;
    }

    .woocommerce-page table.cart tr.cart_item td::before {
        display: none !important;
    }

    /* 1. Map the Image */
    .woocommerce-page table.cart td.product-thumbnail {
        grid-area: image;
        width: 80px;
        height: auto;
    }
    
    .woocommerce-page table.cart td.product-thumbnail img {
        width: 100%;
        height: auto;
        border-radius: 8px; /* Matches the rounded corners in the target design */
        box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    }

    /* 2. Map the Product Name & Variations */
    .woocommerce-page table.cart td.product-name {
        grid-area: name;
        align-self: start;
    }
    
    .woocommerce-page table.cart td.product-name a {
        font-weight: 700;
        color: #000;
        text-decoration: none;
        font-size: 15px;
        line-height: 1.3;
    }

    /* 3. Map the Price */
    .woocommerce-page table.cart td.product-price {
        grid-area: price;
        font-weight: 700;
        font-size: 14px;
        color: #000;
    }

    /* 4. Map the Quantity Input */
    .woocommerce-page table.cart td.product-quantity {
        grid-area: quantity;
        display: flex !important;
        align-items: center;
    }
    
    /* Optional: Style the default WooCommerce quantity box to look cleaner */
    .woocommerce-page table.cart td.product-quantity .qty {
        width: 60px;
        height: 35px;
        border-radius: 6px;
        border: 1px solid #ddd;
        text-align: center;
    }

    /* 5. Map the Remove (Trash) Button */
    .woocommerce-page table.cart td.product-remove {
        grid-area: remove;
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
    }
    
    .woocommerce-page table.cart td.product-remove a.remove {
        color: #000 !important;
        background: transparent !important;
        font-size: 22px !important;
        font-weight: normal;
    }

    /* Hide the subtotal on mobile to perfectly match the target design */
    .woocommerce-page table.cart td.product-subtotal {
        display: none !important;
    }
}/* End custom CSS */