/* Put the order total and checkout before recommendations on small screens. */
@media (max-width: 767px) {
    body.woocommerce-cart .woocommerce .cart-collaterals {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    body.woocommerce-cart .woocommerce .cart-collaterals > .cart_totals,
    body.woocommerce-cart .woocommerce .cart-collaterals > .cross-sells {
        float: none;
        width: 100%;
        min-width: 0;
        margin: 0;
        box-sizing: border-box;
    }

    body.woocommerce-cart .woocommerce .cart-collaterals > .cart_totals {
        order: 0;
    }

    body.woocommerce-cart .woocommerce .cart-collaterals > .cross-sells {
        order: 1;
    }
}