.elementor-5424 .elementor-element.elementor-element-74589f8{--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;}.elementor-5424 .elementor-element.elementor-element-988964e{--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;}.elementor-5424 .elementor-element.elementor-element-b2e6f45{--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5424 .elementor-element.elementor-element-44360fa{--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;}.elementor-5424 .elementor-element.elementor-element-ec37543{text-align:center;}.elementor-5424 .elementor-element.elementor-element-ec37543 .elementor-heading-title{color:var( --e-global-color-woostify_color_1 );}.elementor-5424 .elementor-element.elementor-element-637800e{--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;}@media(min-width:768px){.elementor-5424 .elementor-element.elementor-element-b2e6f45{--width:100%;}.elementor-5424 .elementor-element.elementor-element-44360fa{--width:100%;}}@media(max-width:1024px){.elementor-5424 .elementor-element.elementor-element-ec37543{width:100%;max-width:100%;}.elementor-5424 .elementor-element.elementor-element-ec37543.elementor-element{--align-self:center;}}@media(max-width:767px){.elementor-5424 .elementor-element.elementor-element-ec37543{width:auto;max-width:auto;}.elementor-5424 .elementor-element.elementor-element-ec37543.elementor-element{--align-self:center;}}/* Start custom CSS for text-editor, class: .elementor-element-d5cd202 *//* Targets only devices below 414px (0px to 413px) */
@media (max-width: 413px) {
    /* 1. Make the Row a full-width centered container */
    .woocommerce-cart-form table.shop_table_responsive tr.woocommerce-cart-form__cart-item {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        padding: 20px 10px !important;
        margin-bottom: 30px !important;
        border: 1px solid #eeeeee !important;
        border-radius: 15px;
        background: #ffffff;
        box-sizing: border-box !important;
    }

    /* 2. Make all table cells full width and centered */
    .woocommerce-cart-form table.shop_table_responsive tr.woocommerce-cart-form__cart-item td {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        padding: 10px 0 !important;
        border: none !important;
        position: relative !important;
        clear: both !important;
    }

    /* 3. Image Alignment (Centralized) */
    .woocommerce-cart-form table.shop_table_responsive td.product-thumbnail {
        padding-bottom: 15px !important;
    }

    .woocommerce-cart-form table.shop_table_responsive td.product-thumbnail a,
    .woocommerce-cart-form table.shop_table_responsive td.product-thumbnail img {
        display: block !important;
        margin: 0 auto !important; /* Centers the image */
        width: 150px !important; /* Adjust size as needed */
        height: auto !important;
        border-radius: 10px;
    }

    /* 4. Product Name Style */
    .woocommerce-cart-form table.shop_table_responsive td.product-name {
        font-size: 18px !important;
        font-weight: 700 !important;
        color: #333 !important;
    }

    /* 5. Centralizing Price, Quantity, and Subtotal */
    /* We remove the float labels to keep the clean centralized look */
    .woocommerce-cart-form table.shop_table_responsive td.product-price::before, 
    .woocommerce-cart-form table.shop_table_responsive td.product-quantity::before, 
    .woocommerce-cart-form table.shop_table_responsive td.product-subtotal::before {
        content: attr(data-title) ": "; /* Optional: remove this line if you want ONLY the numbers */
        display: block !important; /* Puts label on its own line above the value */
        margin-bottom: 5px;
        font-size: 12px;
        text-transform: uppercase;
        color: #999;
        font-weight: normal;
    }

    /* 6. Fix Quantity Selector Alignment */
    .woocommerce-cart-form table.shop_table_responsive td.product-quantity .quantity {
        display: inline-flex !important; /* Inline flex allows margin auto to center it */
        margin: 0 auto !important;
        justify-content: center;
    }

    /* 7. Remove Button (Centered at the very bottom) */
    .woocommerce-cart-form table.shop_table_responsive td.product-remove {
        border-top: 1px solid #f5f5f5 !important;
        margin-top: 10px !important;
        padding-top: 15px !important;
    }

    .woocommerce-cart-form table.shop_table_responsive td.product-remove a.remove {
        display: inline-block !important;
        margin: 0 auto !important;
        float: none !important;
    }

    /* Hide the "Product" label for thumbnail and name to keep it clean */
    .woocommerce-cart-form table.shop_table_responsive td.product-thumbnail::before,
    .woocommerce-cart-form table.shop_table_responsive td.product-name::before {
        display: none !important;
    }

    /* Handle the extremely long price string formatting */
    .woocommerce-Price-amount {
        display: block !important;
        word-break: break-all;
        font-size: 16px;
        font-weight: 600;
        color: #000;
    }
}/* End custom CSS */