/* The same space before the footer as the other account blocks (.shop-account), also for the "no orders" notice. */
.shop-basket-order-list { margin-bottom: 48px; }

/* Below the full desktop width the order list and the order summary scroll sideways and keep every column. */
@media (max-width: 1199px) {
    .shop-basket-order-list > table,
    .shop-basket-order-detail .order-item-list {
        display: block;
        overflow-x: auto;
    }
}

/* Order details: the status and the billing address below each other. */
@media (max-width: 991px) {
    .shop-basket-order-detail > .row > .col {
        flex-basis: 100%;
    }

    .shop-basket-order-detail > .row td {
        overflow-wrap: anywhere;
    }
}