/*
 * Личный кабинет — список заказов (.personal-account__block.orders-list).
 * Самодостаточный файл: не полагается на Bootstrap-грид (col-md-*, col-sm-*),
 * так как реальная разметка (sale.personal.order.list/.default/template.php)
 * меняет число колонок в зависимости от того, есть ли кнопка "Отменить заказ"
 * (col-md-8 vs col-md-10) — раньше был стилизован только один вариант,
 * из-за чего кнопка "Повторить заказ" скакала. Здесь всё через flexbox
 * с margin-left:auto, поэтому наличие/отсутствие кнопки роли не играет.
 */

.personal-account__block.orders-list .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.personal-account__block.orders-list [class*="col-"] {
    float: none;
    width: auto;
    max-width: 100%;
    padding: 0;
}

.personal-account__block.orders-list .sale-order-history-link {
    display: inline-flex;
    align-items: center;
    width: auto;
    margin: 0 1.6rem 1.6rem 0;
    padding: .8rem 2rem;
    border: 1px solid #776A69;
    border-radius: 999rem;
    background: transparent;
    color: #776A69;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    transition: background .2s ease, color .2s ease;
}

.personal-account__block.orders-list .sale-order-history-link:hover {
    background: #776A69;
    color: #fff;
}

.personal-account__block.orders-list .sale-order-title,
.personal-account__block.orders-list .sale-order-list-title {
    width: 100%;
    margin: 0 0 1.6rem;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: normal;
    color: #2f2725;
}

.personal-account__block.orders-list .sale-order-list-container {
    margin-bottom: 2rem;
    padding: 1.6rem;
    border: 1px solid #e6e1e0;
    border-radius: 1.6rem;
    background: #fff;
}

.personal-account__block.orders-list .sale-order-list-title-container {
    padding: 0;
    background: transparent;
}

.personal-account__block.orders-list .sale-order-list-inner-title-line {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 0 0 1.2rem;
    padding: 0;
}

.personal-account__block.orders-list .sale-order-list-inner-title-line-item {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #776A69;
}

.personal-account__block.orders-list .sale-order-list-inner-title-line-border {
    display: block;
    flex: 1;
    height: 1px;
    background: #ece6e4;
}

.personal-account__block.orders-list .sale-order-list-inner-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    margin: 0 0 1.2rem;
}

.personal-account__block.orders-list .sale-order-list-inner-row-body,
.personal-account__block.orders-list .sale-order-list-payment,
.personal-account__block.orders-list .sale-order-list-shipment {
    width: 100%;
    padding: 1.6rem;
    border: 1px solid #e6e1e0;
    border-radius: 1.2rem;
    background: #f8f6f5;
}

.personal-account__block.orders-list .sale-order-list-payment-title,
.personal-account__block.orders-list .sale-order-list-shipment-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .8rem;
    margin: 0 0 .8rem;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: normal;
    color: #3f3432;
}

.personal-account__block.orders-list .sale-order-list-payment-element,
.personal-account__block.orders-list .sale-order-list-shipment-status-item,
.personal-account__block.orders-list .sale-order-list-shipment-item {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: normal;
    color: #3f3432;
}

.personal-account__block.orders-list .sale-order-list-payment-number {
    font-weight: 700;
    color: #2f2725;
}

.personal-account__block.orders-list .sale-order-list-payment-price {
    padding-top: .6rem;
}

.personal-account__block.orders-list .sale-order-list-status-success {
    padding: .2rem .8rem;
    border-radius: 999rem;
    background: #e7f3e6;
    color: #3c8a3c;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: normal;
}

.personal-account__block.orders-list .sale-order-list-status-alert {
    margin: 0;
    padding: .2rem .8rem;
    border-radius: 999rem;
    background: #f7e6e4;
    color: #a33222;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: normal;
    border: none;
}

.personal-account__block.orders-list .sale-order-list-status-restricted {
    padding: .2rem .8rem;
    border-radius: 999rem;
    background: #f3f0ea;
    color: #7a7270;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: normal;
}

.personal-account__block.orders-list .sale-order-list-shipment-status-block {
    margin: 0;
    padding: .2rem .8rem;
    border-radius: 999rem;
    background: #f3f0ea;
    color: #3f3432;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: normal;
    border: none;
}

.personal-account__block.orders-list .sale-order-list-top-border {
    width: 100%;
    height: 1px;
    margin: 1.2rem 0;
    background: #ece6e4;
}

/* Buttons row: "Подробнее о заказе" / "Повторить заказ" / "Отменить заказ" */
.personal-account__block.orders-list .sale-order-list-about-container {
    display: flex;
    align-items: center;
    width: auto;
    margin-right: auto;
}

.personal-account__block.orders-list .sale-order-list-about-link {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: normal;
    color: #776A69;
    text-decoration: underline;
}

.personal-account__block.orders-list .sale-order-list-repeat-container,
.personal-account__block.orders-list .sale-order-list-cancel-container {
    width: auto;
    margin-left: 1rem;
}

.personal-account__block.orders-list .sale-order-list-repeat-link,
.personal-account__block.orders-list .sale-order-list-cancel-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    padding: 1rem 2rem;
    border-radius: 999rem;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: normal;
    white-space: nowrap;
}

.personal-account__block.orders-list .sale-order-list-repeat-link {
    border: 1px solid #776A69;
    color: #776A69;
    background: transparent;
    transition: background .2s ease, color .2s ease;
}

.personal-account__block.orders-list .sale-order-list-repeat-link:hover {
    background: #776A69;
    color: #fff;
}

.personal-account__block.orders-list .sale-order-list-cancel-link {
    border: 1px solid #d8d2d0;
    color: #a3968f;
}

/* Completed / cancelled orders variant (filter_history=Y) */
.personal-account__block.orders-list .sale-order-list-accomplished-title-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    padding: 0;
    background: transparent;
}

.personal-account__block.orders-list .sale-order-list-accomplished-title {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: normal;
    color: #2f2725;
}

.personal-account__block.orders-list .sale-order-list-accomplished-date-container {
    display: flex;
    align-items: center;
    gap: .8rem;
    text-align: right;
}

.personal-account__block.orders-list .sale-order-list-accomplished-date {
    font-size: 1.3rem;
    font-weight: 700;
    line-height: normal;
    color: #3c8a3c;
}

.personal-account__block.orders-list .sale-order-list-accomplished-date.canceled-order {
    color: #a33222;
}

.personal-account__block.orders-list .sale-order-list-accomplished-date-number {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: normal;
    color: #7a7270;
}

.personal-account__block.orders-list .sale-order-list-inner-accomplished {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 1.2rem;
    padding-top: 1.2rem;
    border-top: 1px solid #ece6e4;
    border: none;
}

.personal-account__block.orders-list .sale-order-list-about-accomplished {
    margin-right: auto;
    width: auto;
}

.personal-account__block.orders-list .sale-order-list-about-accomplished .sale-order-list-about-link {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: normal;
    color: #776A69;
    text-decoration: underline;
}

.personal-account__block.orders-list .sale-order-list-repeat-accomplished {
    width: auto;
}

.personal-account__block.orders-list .sale-order-list-repeat-accomplished .sale-order-list-repeat-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 2rem;
    border: 1px solid #776A69;
    border-radius: 999rem;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: normal;
    color: #776A69;
    background: transparent;
    transition: background .2s ease, color .2s ease;
}

.personal-account__block.orders-list .sale-order-list-repeat-accomplished .sale-order-list-repeat-link:hover {
    background: #776A69;
    color: #fff;
}

/* Mobile */
@media (max-width: 600px) {
    .personal-account__block.orders-list .sale-order-list-inner-row {
        flex-direction: column;
        align-items: stretch;
    }

    .personal-account__block.orders-list .sale-order-list-about-container,
    .personal-account__block.orders-list .sale-order-list-repeat-container,
    .personal-account__block.orders-list .sale-order-list-cancel-container {
        width: 100%;
        margin: .6rem 0 0;
        justify-content: center;
        text-align: center;
    }

    .personal-account__block.orders-list .sale-order-list-repeat-link,
    .personal-account__block.orders-list .sale-order-list-cancel-link {
        width: 100%;
    }

    .personal-account__block.orders-list .sale-order-list-accomplished-title-container,
    .personal-account__block.orders-list .sale-order-list-inner-accomplished {
        flex-direction: column;
        align-items: flex-start;
    }

    .personal-account__block.orders-list .sale-order-list-accomplished-date-container {
        text-align: left;
    }

    .personal-account__block.orders-list .sale-order-list-repeat-accomplished {
        width: 100%;
        margin-top: .8rem;
    }

    .personal-account__block.orders-list .sale-order-list-repeat-accomplished .sale-order-list-repeat-link {
        width: 100%;
    }
}

/* ==========================================================================
   Детальная страница заказа (/lk/orders-list/order_detail.php?ID=..).
   Тот же компонент (bitrix:sale.personal.order) рендерит её в ТОТ ЖЕ
   .personal-account__block.orders-list, но собственный шаблон detail.php
   зовёт стоковый bitrix:sale.personal.order.detail без переопределения —
   классы там .sale-order-detail-*, а не .sale-order-list-*, поэтому общий
   сброс .row/[class*="col-"] выше их не покрывал. Кнопка "Повторить заказ"
   наезжала на текст выше, вероятно, из-за унаследованного из bitrix
   bootstrap.css position:absolute — здесь везде явно position:static.
   ========================================================================== */

.personal-account__block.orders-list .sale-order-detail {
    position: static;
    padding: 0;
}

.personal-account__block.orders-list .sale-order-detail-title-container {
    width: 100%;
}

.personal-account__block.orders-list .sale-order-detail-title-element {
    margin: 0 0 1rem;
    font-size: 2rem;
    font-weight: 700;
    line-height: normal;
    color: #2f2725;
}

.personal-account__block.orders-list .sale-order-detail-back-to-list-link-up,
.personal-account__block.orders-list .sale-order-detail-back-to-list-link-down {
    display: inline-block;
    margin-bottom: 1.6rem;
    font-size: 1.4rem;
    color: #776A69;
    text-decoration: underline;
}

.personal-account__block.orders-list .sale-order-detail-general {
    width: 100%;
    padding: 0;
}

.personal-account__block.orders-list .sale-order-detail-general-head {
    width: 100%;
    padding: 0;
}

.personal-account__block.orders-list .sale-order-detail-general-item {
    display: block;
    margin: 0 0 1.6rem;
    padding: 0rem 1.6rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #2f2725;
    padding-top: 1.6rem;
}

.personal-account__block.orders-list .sale-order-detail-about-order,
.personal-account__block.orders-list .sale-order-detail-payment-options {
    width: 100%;
    margin: 0 0 2rem;
}

.personal-account__block.orders-list .sale-order-detail-about-order-container,
.personal-account__block.orders-list .sale-order-detail-payment-options-container {
    position: static;
    width: 100%;
    padding: 1.6rem;
    border: 1px solid #e6e1e0;
    border-radius: 1.6rem;
    background: #fff;
}

.personal-account__block.orders-list .sale-order-detail-about-order-title,
.personal-account__block.orders-list .sale-order-detail-payment-options-title {
    width: 100%;
}

.personal-account__block.orders-list .sale-order-detail-about-order-title-element,
.personal-account__block.orders-list .sale-order-detail-payment-options-title-element {
    margin: 0 0 1.2rem;
    padding: 0 1.6rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #2f2725;
    padding-top: 1.6rem;
}

.personal-account__block.orders-list .sale-order-detail-payment-options-order-content-title-element {
    margin: 1rem 0 1.2rem;
    padding: 0 1.6rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #2f2725;
}

.personal-account__block.orders-list .sale-order-detail-payment-options-order-content-title {
    margin-bottom: 20px;
}

.personal-account__block.orders-list .sale-order-detail-payment-options-order-content-container {
    border: none;
}

/* Строка "Ф.И.О. / статус / сумма / Повторить заказ" — сама частая причина наезда. */
.personal-account__block.orders-list .sale-order-detail-about-order-inner-container {
    width: 100%;
    margin-top: 1.6rem;
}

.personal-account__block.orders-list .sale-order-detail-about-order-inner-container > .row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 1.6rem 2rem;
}

.personal-account__block.orders-list .sale-order-detail-about-order-inner-container-name,
.personal-account__block.orders-list .sale-order-detail-about-order-inner-container-status,
.personal-account__block.orders-list .sale-order-detail-about-order-inner-container-price,
.personal-account__block.orders-list .sale-order-detail-about-order-inner-container-repeat {
    position: static;
    width: auto;
    flex: 0 0 auto;
}

.personal-account__block.orders-list .sale-order-detail-about-order-inner-container-repeat {
    margin-left: auto;
}

.personal-account__block.orders-list .sale-order-detail-about-order-inner-container-name-title,
.personal-account__block.orders-list .sale-order-detail-about-order-inner-container-status-title,
.personal-account__block.orders-list .sale-order-detail-about-order-inner-container-price-title {
    margin: 0 0 .4rem;
    font-size: 1.2rem;
    font-weight: 400;
    color: #7a7270;
}

.personal-account__block.orders-list .sale-order-detail-about-order-inner-container-name-detail,
.personal-account__block.orders-list .sale-order-detail-about-order-inner-container-status-detail,
.personal-account__block.orders-list .sale-order-detail-about-order-inner-container-price-detail {
    font-size: 1.4rem;
    font-weight: 700;
    color: #2f2725;
}

.personal-account__block.orders-list .sale-order-detail-about-order-inner-container-name-read-more,
.personal-account__block.orders-list .sale-order-detail-about-order-inner-container-name-read-less {
    display: block;
    margin-top: .2rem;
    font-size: 1.2rem;
    color: #776A69;
    text-decoration: underline;
}

.personal-account__block.orders-list .sale-order-detail-about-order-inner-container-repeat-button {
    position: static !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 2rem;
    border: 1px solid #776A69;
    border-radius: 999rem;
    font-size: 1.3rem;
    font-weight: 700;
    white-space: nowrap;
    color: #776A69;
    background: transparent;
    transition: background .2s ease, color .2s ease;
}

.personal-account__block.orders-list .sale-order-detail-about-order-inner-container-repeat-button:hover {
    background: #776A69;
    color: #fff;
}

/* "Информация о пользователе" */
.personal-account__block.orders-list .sale-order-detail-about-order-inner-container-details {
    width: 100%;
    margin-top: 1.6rem;
    padding-top: 1.6rem;
    border-top: 1px solid #ece6e4;
}

.personal-account__block.orders-list .sale-order-detail-about-order-inner-container-details-title {
    margin: 0 0 1rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #2f2725;
}

.personal-account__block.orders-list .sale-order-detail-about-order-inner-container-details-list {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem 1.6rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.personal-account__block.orders-list .sale-order-detail-about-order-inner-container-list-item {
    font-size: 1.35rem;
    color: #3f3432;
}

.personal-account__block.orders-list .sale-order-detail-about-order-inner-container-list-item-link,
.personal-account__block.orders-list .sale-order-detail-about-order-inner-container-list-item-element {
    color: #3f3432;
}

/* Параметры оплаты / отгрузки */
.personal-account__block.orders-list .sale-order-detail-payment-options-inner-container {
    width: 100%;
}

.personal-account__block.orders-list .sale-order-detail-payment-options-info,
.personal-account__block.orders-list .sale-order-detail-payment-options-shipment > div:first-child {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    width: 100%;
    margin-bottom: 1.2rem;
}

.personal-account__block.orders-list .sale-order-detail-payment-options-info-image,
.personal-account__block.orders-list .sale-order-detail-payment-options-shipment-image-container {
    flex: 0 0 auto;
    width: 4rem;
}

.personal-account__block.orders-list .sale-order-detail-payment-options-info-container {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: .4rem 1.2rem;
    flex: 1;
}

.personal-account__block.orders-list .sale-order-detail-payment-options-info-order-number {
    font-size: 1.4rem;
    font-weight: 700;
    color: #2f2725;
}

.personal-account__block.orders-list .sale-order-detail-payment-options-info-total-price {
    font-size: 1.4rem;
    font-weight: 700;
    color: #776A69;
}

.personal-account__block.orders-list .sale-order-detail-payment-options-methods-container {
    width: 100%;
}

.personal-account__block.orders-list .payment-options-methods-row {
    width: 100%;
    margin: 0 0 1rem;
}

.personal-account__block.orders-list .sale-order-detail-payment-options-methods {
    width: 100%;
    padding: 1.2rem;
    border: 1px solid #e6e1e0;
    border-radius: 1.2rem;
    background: #f8f6f5;
}

.personal-account__block.orders-list .sale-order-detail-payment-options-methods-information-block {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.2rem;
}

.personal-account__block.orders-list .sale-order-detail-payment-options-methods-image-container {
    flex: 0 0 auto;
    width: 4rem;
}

.personal-account__block.orders-list .sale-order-detail-payment-options-methods-info {
    flex: 1;
    min-width: 20rem;
}

.personal-account__block.orders-list .sale-order-detail-methods-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .8rem;
    font-size: 1.4rem;
    color: #3f3432;
}

.personal-account__block.orders-list .sale-order-detail-payment-options-methods-info-title-status-success {
    padding: .2rem .8rem;
    border-radius: 999rem;
    background: #e7f3e6;
    color: #3c8a3c;
    font-size: 1.2rem;
    font-weight: 700;
}

.personal-account__block.orders-list .sale-order-detail-payment-options-methods-info-total-price {
    margin-top: .4rem;
    font-size: 1.35rem;
    color: #3f3432;
}

.personal-account__block.orders-list .sale-order-detail-sum-number {
    font-weight: 700;
    color: #2f2725;
}

.personal-account__block.orders-list .sale-order-detail-payment-inner-row-template {
    position: static;
    width: 100%;
    margin-top: .8rem;
}

.personal-account__block.orders-list .sale-order-detail-payment-options-shipment {
    width: 100%;
    padding: 1.2rem;
    margin-top: 1.2rem;
    border: 1px solid #e6e1e0;
    border-radius: 1.2rem;
    background: #f8f6f5;
}

.personal-account__block.orders-list .sale-order-detail-payment-options-methods-shipment-list {
    flex: 1;
    min-width: 20rem;
}

.personal-account__block.orders-list .sale-order-detail-payment-options-methods-shipment-list-item-title {
    margin-bottom: .4rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: #2f2725;
}

.personal-account__block.orders-list .sale-order-detail-payment-options-methods-shipment-list-item {
    font-size: 1.35rem;
    color: #3f3432;
}

.personal-account__block.orders-list .sale-order-detail-payment-options-methods-shipment-list-item-link {
    display: flex;
    gap: 1.2rem;
    margin-top: .4rem;
}

.personal-account__block.orders-list .sale-order-detail-show-link,
.personal-account__block.orders-list .sale-order-detail-hide-link {
    font-size: 1.3rem;
    color: #776A69;
    text-decoration: underline;
}

.personal-account__block.orders-list .sale-order-detail-payment-options-shipment-composition-map {
    position: static;
    width: 100%;
    margin-top: 1rem;
}

/* Таблица "Содержимое заказа" */
.personal-account__block.orders-list .sale-order-detail-order-section {
    position: static;
    width: 100%;
    padding: 1.6rem;
    border: 1px solid #e6e1e0;
    border-radius: 1.6rem;
    background: #fff;
}

.personal-account__block.orders-list .sale-order-detail-order-item-tr {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    width: 100%;
    padding: 1rem 0;
    border-bottom: 1px solid #ece6e4;
}

.personal-account__block.orders-list .sale-order-detail-order-item-tr:last-child {
    border-bottom: none;
}

.personal-account__block.orders-list .sale-order-detail-order-item-td-title {
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #7a7270;
}

.personal-account__block.orders-list .sale-order-detail-order-item-block {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.personal-account__block.orders-list .sale-order-detail-order-item-img-block {
    flex: 0 0 auto;
    width: 6rem;
}

.personal-account__block.orders-list .sale-order-detail-order-item-imgcontainer {
    width: 6rem;
    height: 6rem;
    border: 1px solid #e6e1e0;
    border-radius: .8rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.personal-account__block.orders-list .sale-order-detail-order-item-title a {
    font-size: 1.4rem;
    font-weight: 700;
    color: #2f2725;
}

.personal-account__block.orders-list .sale-order-detail-order-item-properties {
    margin-left: auto;
    text-align: right;
}

.personal-account__block.orders-list .sale-order-detail-order-item-td-text {
    font-size: 1.4rem;
    font-weight: 700;
    color: #2f2725;
}

/* Итоги — правая и левая колонка это два независимых <ul>, без выравнивания
   строки "гуляли" по высоте относительно друг друга. */
.personal-account__block.orders-list .sale-order-detail-total-payment-container .row {
    align-items: flex-end;
}

.personal-account__block.orders-list .sale-order-detail-total-payment-list-left,
.personal-account__block.orders-list .sale-order-detail-total-payment-list-right {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
    list-style: none;
}

.personal-account__block.orders-list .sale-order-detail-total-payment-list-left {
    text-align: left;
}

.personal-account__block.orders-list .sale-order-detail-total-payment-list-right {
    text-align: right;
}

.personal-account__block.orders-list .sale-order-detail-total-payment-list-left-item,
.personal-account__block.orders-list .sale-order-detail-total-payment-list-right-item {
    padding: .4rem 0;
    font-size: 1.4rem;
    line-height: 1.4;
    color: #3f3432;
}

.personal-account__block.orders-list .sale-order-detail-total-payment-list-right-item {
    font-weight: 700;
    color: #2f2725;
}

@media (max-width: 600px) {
    .personal-account__block.orders-list .sale-order-detail-about-order-inner-container > .row {
        flex-direction: column;
        gap: 1rem;
    }

    .personal-account__block.orders-list .sale-order-detail-about-order-inner-container-repeat {
        margin-left: 0;
        width: 100%;
    }

    .personal-account__block.orders-list .sale-order-detail-about-order-inner-container-repeat-button {
        width: 100%;
    }

    .personal-account__block.orders-list .sale-order-detail-payment-options-info,
    .personal-account__block.orders-list .sale-order-detail-payment-options-shipment > div:first-child {
        flex-direction: column;
        align-items: flex-start;
    }

    .personal-account__block.orders-list .sale-order-detail-payment-options-methods-information-block {
        flex-direction: column;
        align-items: flex-start;
    }

    .personal-account__block.orders-list .sale-order-detail-order-item-tr {
        flex-wrap: wrap;
    }

    .personal-account__block.orders-list .sale-order-detail-order-item-properties {
        margin-left: 0;
        width: 100%;
        text-align: left;
    }
}

/* Убираем чёрную рамку фокуса на кнопках/ссылках после клика по всему блоку. */
.personal-account__block.orders-list a:focus,
.personal-account__block.orders-list a:focus-visible,
.personal-account__block.orders-list button:focus,
.personal-account__block.orders-list button:focus-visible,
.personal-account__block.orders-list input:focus,
.personal-account__block.orders-list input:focus-visible {
    outline: none;
    box-shadow: none;
}