/**
 * Keep the mobile checkout order summary sized to its content.
 * Fluid Checkout intentionally uses a full-height inner panel only while the
 * order-summary flyout is open. Do not affect that open/flyout state.
 */
@media (max-width: 749px) {
    /* This Elementor checkout container is the source of the mobile gap. */
    body.woocommerce-checkout .elementor-11 .elementor-element.elementor-element-2d781364.e-con {
        --display: block !important;
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
    }

    body.woocommerce-checkout .elementor-11 .elementor-element.elementor-element-2d781364 > .e-con-inner {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
    }

    body.woocommerce-checkout .checkout-custom .order-custom,
    body.woocommerce-checkout .fc-wrapper .fc-checkout-order-review:not(.is-open),
    body.woocommerce-checkout .fc-wrapper .fc-checkout-order-review:not(.is-open) .fc-checkout-order-review__inner,
    body.woocommerce-checkout .fc-wrapper .fc-checkout-order-review:not(.is-open) #order_review,
    body.woocommerce-checkout .fc-wrapper .fc-checkout-order-review:not(.is-open) .woocommerce-checkout-review-order {
        height: auto !important;
        min-height: 0 !important;
        align-self: flex-start;
    }

    body.woocommerce-checkout .checkout-custom .order-custom .woocommerce-checkout-review-order {
        margin-top: 0;
    }
}