.order-summary__container {
    display: flex;
    flex-direction: column;
    gap: var(--space-x3);
    min-width: calc(320px + var(--gutter-column));

    /* Add 80px of padding so that the content within this container aligns with content below the full-width sticky category selector */
    padding-top: var(--space-x10);
}

.order-summary__section {
    display: flex;
    flex-direction: column;
    gap: var(--space-x2);
    min-height: 100px;
}

.order-summary__cart {
    position: relative;
    overflow: hidden;
}

.order-summary {
    container-type: inline-size;
    container-name: cart;
    display: flex;
    flex-direction: column;
    gap: var(--space-x3);
    max-height: calc(100vh - calc(var(--header-height) + var(--space-x3)));
    padding: var(--space-x2) var(--theme-container-padding);
    margin-bottom: var(--space-x4);
    transition: max-height .3s;
}

@media (min-width: 700px) {
    .order-summary {
        position: sticky;
        top: var(--header-height, var(--theme-container-padding));
        padding: 0;
        margin-bottom: 0;
    }
}

@media (max-width: 991px) {
    .order-summary .cart__item-image {
        --cart-image-width: 44px;
    }
}

.order-online-page__container {
    position: relative;
    min-height: 40vh;
    padding-bottom: var(--theme-container-padding);
}

.order-item-list__container {
    position: relative;
}

.order-item-list__row {
    flex-wrap: nowrap;
}

.order-online-item-list {
    display: flex;
    flex-flow: column;
    gap: var(--space-x8);
}

@media (min-width: 700px) {
    .order-online-item-list {
        margin-right: 0;
        margin-left: 0;
    }
}

.order-online-page__heading {
    font-size: var(--theme-h5-font-size);
    line-height: var(--theme-h5-line-height);
    text-align: left;
}

.order-online-page__items-wrapper--disabled {
    opacity: 0.5;
}

.order-online-page__label {
    font-size: var(--theme-font-size-minus-1);
    font-weight: var(--theme-font-weight-light);
    line-height: var(--theme-font-size-minus-1-line-height);
    text-align: left;
}

.order-online-page__featured-images-container {
    margin-top: var(--space-x8);
}

.container--flex {
    display: flex;
}

.sections__container {
    width: 100%;
}

.order-online-item-list__loader {
    max-height: 100vh;
}

/*** ORDER AGAIN ***/

.order-again {
    max-width: max-content;
    margin-bottom: var(--space-x4);
}

@media (max-width: 700px) {
    .order-again-card__wrapper:last-of-type {
        margin-right: var(--theme-container-padding);
    }
}

.order-again-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-x2);
}

.order-again-list {
    display: flex;
    gap: var(--space-x2);
    width: 100%;
    padding-bottom: var(--space);
    overflow-x: scroll;
}

.order-again-list::-webkit-scrollbar {
    display: none;
}

.order-again-list__loader {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: var(--space-x3);
}

.order-again-list .order-again-card {
    padding: 0;
}

@media (max-width: 992px) {
    .order-again-list .order-again-card {
        position: relative;
        min-width: 165px;
        padding: 0;
    }
}

.order-again-card__content {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    border-radius: inherit;
}

.order-again-card__description {
    display: flex;
    flex-direction: column;
    gap: var(--space);
    align-items: flex-start;
    padding: var(--space-x2);
    margin-top: auto;
}

.order-again-card__name {
    font-size: var(--theme-font-size-plus-1);
    line-height: var(--theme-font-size-plus-1-line-height);
    color: var(--theme-text-10);
}

.order-again-card__price {
    font-size: var(--theme-font-size-minus-1);
    font-weight: var(--theme-font-weight-light);
    line-height: var(--theme-font-size-minus-1-line-height);
    color: var(--theme-text-10);
}

.order-again-card__date {
    font-size: var(--theme-font-size-minus-1);
    color: var(--theme-text-20);
}

.order-again-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-user-drag: none;
}

.order-again__button-container {
    position: absolute;
    right: 0;
}

.order-again__button {
    margin: var(--space);
    opacity: 0.8;
}

.customer-account__mobile-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: var(--space-x3) 0;
}

.customer-account__mobile-header .customer-account_back-button {
    position: absolute;
}

.customer-account_mobile-header-label {
    margin: auto;
    text-align: center;
}