/* Start:/local/templates/default/components/bitrix/sale.personal.section/bootstrap_v4/style.css?17738253054729*/
/* =========================================================
   Personal section — mobile list menu
   ========================================================= */
.bx-personal-menu {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--color-border, #e6e6e6);
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    max-width: 480px;
}

.bx-personal-menu-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    text-decoration: none;
    color: var(--color-text, #191817);
    border-bottom: 1px solid var(--color-border, #e6e6e6);
    transition: background 150ms ease;
}

.bx-personal-menu-item:last-child { border-bottom: none; }

.bx-personal-menu-item:hover,
.bx-personal-menu-item:focus {
    background: var(--color-bg-muted, #f2f1ed);
    color: var(--color-text, #191817);
    text-decoration: none;
}

.bx-personal-menu-icon {
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: var(--color-bg-muted, #f2f1ed);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-muted, #9e9b98);
}

.bx-personal-menu-item:hover .bx-personal-menu-icon {
    background: var(--color-border, #e6e6e6);
}

.bx-personal-menu-name {
    flex: 1 1 auto;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
}

.bx-personal-menu-arrow {
    flex: 0 0 auto;
    color: var(--color-text-muted, #9e9b98);
    display: flex;
    align-items: center;
}

/* =========================================================
   Personal section — desktop dashboard
   ========================================================= */

/* ---- User header ---- */
.bx-pers-header {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px 24px;
    background: #fff;
    border: 1px solid var(--color-border, #e6e6e6);
    border-radius: 12px;
}

.bx-pers-avatar {
    flex: 0 0 auto;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--color-bg-muted, #f2f1ed);
    color: var(--color-text, #191817);
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.02em;
    user-select: none;
}

.bx-pers-user-name {
    font-size: 17px;
    font-weight: 600;
    color: var(--color-text, #191817);
    line-height: 1.3;
}

.bx-pers-user-email {
    font-size: 13px;
    color: var(--color-text-muted, #9e9b98);
    margin-top: 2px;
}

/* ---- Shared card ---- */
.bx-pers-card {
    background: #fff;
    border: 1px solid var(--color-border, #e6e6e6);
    border-radius: 12px;
    padding: 20px 24px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.bx-pers-card-label {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--color-text-muted, #9e9b98);
    margin-bottom: 4px;
}

/* ---- Last order ---- */
.bx-pers-order-num {
    font-size: 16px;
    font-weight: 700;
    color: var(--color-text, #191817);
}

.bx-pers-order-date {
    font-size: 13px;
    color: var(--color-text-muted, #9e9b98);
}

.bx-pers-order-price {
    font-size: 20px;
    font-weight: 700;
    color: var(--color-text, #191817);
    margin-top: 4px;
}

.bx-pers-order-status {
    font-size: 13px;
    color: var(--color-text-muted, #9e9b98);
}

.bx-pers-card-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: auto;
    padding-top: 12px;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text, #191817);
    text-decoration: none;
}

.bx-pers-card-link:hover {
    color: var(--color-text, #191817);
    text-decoration: underline;
}

.bx-pers-empty-text {
    font-size: 14px;
    color: var(--color-text-muted, #9e9b98);
    margin-top: 4px;
}

/* ---- Nav grid ---- */
.bx-pers-nav-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.bx-pers-nav-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px 12px;
    background: #fff;
    border: 1px solid var(--color-border, #e6e6e6);
    border-radius: 12px;
    text-decoration: none;
    color: var(--color-text, #191817);
    text-align: center;
    transition: background 150ms ease;
    min-height: 80px;
}

.bx-pers-nav-tile:hover {
    background: var(--color-bg-muted, #f2f1ed);
    color: var(--color-text, #191817);
    text-decoration: none;
}

.bx-pers-nav-tile-icon {
    color: var(--color-text-muted, #9e9b98);
    display: flex;
    align-items: center;
}

.bx-pers-nav-tile-name {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
}

/* End */


/* Start:/local/templates/default/components/bitrix/sale.personal.order.list/bootstrap_v4/style.css?17738245617305*/
/* ========= Order list — общий сброс шрифта ========= */
.sale-order-description,
.sale-order-list-accomplished-title,
.sale-order-list-inner-title-line-item,
.sale-order-list-payment-title,
.sale-order-list-shipment-title,
.sale-order-list-payment-price,
.sale-order-list-shipment-status,
.sale-order-list-shipment-item,
.sale-order-list-payment-check,
.sale-order-list-shipment,
.sale-order-list-accomplished-date,
.sale-order-list-accomplished-date-number,
.sale-order-list-shipment-status-block {
    font-family: inherit;
}

/* ========= Навигационные ссылки (текущие / история) ========= */
.sale-order-list-nav {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

/* ========= Шапка активного заказа ========= */
.sale-order-list-title-container {
    border: 1px solid var(--color-border, #e6e6e6);
    border-bottom: none;
    border-radius: 12px 12px 0 0;
    background: var(--color-bg-muted, #f7f6f3);
    padding: 12px 16px;
}

.sale-order-list-title-container h3 {
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    line-height: 1.4;
    color: var(--color-text, #191817);
}

/* ========= Тело заказа ========= */
.sale-order-list-inner-container {
    border: 1px solid var(--color-border, #e6e6e6);
    border-top: none;
    border-radius: 0 0 12px 12px;
    padding: 12px 16px 0;
}

/* ========= Разделитель внутри тела ========= */
.sale-order-list-inner-title-line {
    margin: 0;
    height: 1px;
    border: none;
    background: var(--color-border, #e6e6e6);
}

.sale-order-list-inner-title-line-item {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-text-muted, #9e9b98);
}

.sale-order-list-inner-row-template { display: none; }

/* ========= Заголовки оплаты / доставки ========= */
.sale-order-list-payment-title,
.sale-order-list-shipment-title {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text, #191817);
}

/* ========= Суммы и тексты ========= */
.sale-order-list-payment-price,
.sale-order-list-shipment-status,
.sale-order-list-shipment-item,
.sale-order-list-payment-check {
    font-size: 13px;
    color: var(--color-text, #191817);
}

/* ========= Кнопка «Изменить тип оплаты» ========= */
.sale-order-list-shipment-button,
.sale-order-list-change-payment {
    font-size: 13px;
    color: var(--color-text, #191817);
    border-bottom: 1px dashed var(--color-text-muted, #9e9b98);
    text-decoration: none;
    cursor: pointer;
}

.sale-order-list-shipment-button:hover,
.sale-order-list-change-payment:hover {
    text-decoration: none;
    border-bottom-color: var(--color-text, #191817);
}

/* ========= Иконка «Повторить заказ» ========= */
.sale-order-list-repeat-link::before {
    display: inline-block;
    margin: 0 3px 4px 0;
    width: 10px;
    height: 13px;
    background: url(/local/templates/default/components/bitrix/sale.personal.order.list/bootstrap_v4/images/sale-order-repeat.svg) no-repeat;
    content: "";
    vertical-align: middle;
}

.sale-order-link-accomplished {
    padding: 0;
    text-decoration: none;
}

/* ========= Бейджи статусов ========= */
.sale-order-list-status-restricted,
.sale-order-list-status-alert,
.sale-order-list-status-success {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;

    border: 1px solid #fca5a5;
    background: #fef2f2;
    color: #b91c1c;
}

.sale-order-list-status-success {
    border-color: #86efac;
    background: #f0fdf4;
    color: #15803d;
}

.sale-order-list-status-restricted {
    border-color: var(--color-border, #e6e6e6);
    background: var(--color-bg-muted, #f2f1ed);
    color: var(--color-text-muted, #9e9b98);
}

.sale-order-list-status-restricted-message {
    font-size: 11px;
    color: var(--color-text-muted, #9e9b98);
}

/* ========= Блок статуса доставки ========= */
.sale-order-list-shipment-status-item {
    display: inline-block;
    margin: 4px 0;
    vertical-align: middle;
    font-size: 13px;
    color: var(--color-text-muted, #9e9b98);
}

.sale-order-list-shipment-status-block {
    display: inline-block;
    padding: 3px 8px;
    border: 1px solid var(--color-border, #e6e6e6);
    border-radius: 6px;
    background: var(--color-bg-muted, #f2f1ed);
    color: var(--color-text, #191817);
    vertical-align: middle;
    font-size: 12px;
    font-weight: 600;
}

/* ========= Трек-номер ========= */
.sale-order-list-shipment-id { font-weight: 700; }

.sale-order-list-shipment-id-icon {
    display: inline-block;
    width: 11px;
    height: 13px;
    background: url("/local/templates/default/components/bitrix/sale.personal.order.list/bootstrap_v4/images/sale-order-order-list-options-methods-shipment-list-item-id-element.svg") center no-repeat;
    cursor: pointer;
}

/* ========= Разделитель над кнопками действий ========= */
.sale-order-list-top-border {
    margin: 0 0 12px;
    height: 1px;
    background: var(--color-border, #e6e6e6);
}

/* ========= Шапка завершённого / отменённого заказа ========= */
.sale-order-list-accomplished-title-container {
    border: 1px solid var(--color-border, #e6e6e6);
    border-bottom: none;
    border-radius: 12px 12px 0 0;
    background: var(--color-bg-muted, #f7f6f3);
    padding: 12px 16px;
    align-items: center;
}

.sale-order-list-accomplished-title {
    font-size: 15px;
    font-weight: 600;
    color: var(--color-text, #191817);
    margin-top: 0;
}

.sale-order-list-accomplished-date-container { text-align: right; }

.sale-order-list-accomplished-date,
.sale-order-list-accomplished-date-number {
    display: inline-block;
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: var(--color-text-muted, #9e9b98);
}

.sale-order-list-accomplished-date.canceled-order { color: #b91c1c; }

/* ========= Цветовые метки состояния (точки) ========= */
.sale-order-state-green  { background: #86efac; }
.sale-order-state-yellow { background: #fde68a; }
.sale-order-state-red    { background: #fca5a5; }
.sale-order-state-grey   { background: var(--color-border, #e6e6e6); }

/* ========= Оплата: кнопка-чек ========= */
.sale-order-list-payment-check {
    float: left;
    width: 100%;
}

.sale-order-list-payment-check-left {
    display: inline;
    float: left;
    padding-right: 5px;
}

/* ========= Список отгрузок ========= */
.sale-order-list-shipment {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 13px;
}

.sale-order-list-shipment-list-item-link {
    padding: 16px 0 0;
    text-decoration: underline;
}

/* ========= Responsive ========= */
@media (max-width: 991px) {
    .sale-order-list-accomplished-date-container,
    .sale-order-list-repeat-accomplished { text-align: left; }
}

@media (max-width: 767px) {
    .sale-order-list-button {
        float: none;
        margin: 10px 0 0;
        max-width: none;
    }

    .sale-order-list-title-container,
    .sale-order-list-accomplished-title-container {
        padding: 10px 12px;
    }

    .sale-order-list-inner-container {
        padding: 10px 12px 0;
    }
}

/* End */


/* Start:/bitrix/components/bitrix/sale.order.payment.change/templates/bootstrap_v4/style.min.css?17679495314739*/
.sale-order-payment-change-pp-list{opacity:0}.sale-order-payment-change-pp-company{position:relative;z-index:100;padding-bottom:10px;min-height:40px}.sale-order-payment-change-pp .sale-order-payment-change-pp-company{margin-bottom:15px;padding:7px;height:auto;border:1px solid transparent;transition:all 100ms ease}.sale-order-payment-change-pp-company-graf-container{position:relative;padding-top:50%;width:auto;height:0;border:2px solid #c3cace;border-radius:2px;background:#fff;transition:all 100ms ease}.sale-order-payment-change-pp-company:hover .sale-order-payment-change-pp-company-graf-container{border-color:var(--theme-color-primary)}.sale-order-payment-change-pp-company-image{position:absolute;top:5px;right:5px;bottom:5px;left:5px;background-position:center;background-size:contain;background-repeat:no-repeat}.sale-order-payment-change-pp-company-smalltitle{text-align:center;font-size:11px}.sale-order-payment-change-pp-field .form-control{background:#fff}.sale-order-payment-change-pp-price{padding:4px 0;text-align:right}.sale-order-payment-change-service-small{color:#a3a3a3;font-size:11px}@media(min-width:1200px){.sale-order-payment-change-pp div .sale-order-payment-change-pp-company:nth-child(4n+1),.sale-order-payment-change-pp-item-container .sale-order-payment-change-pp-company:nth-child(4n+1){clear:both;padding-left:0}}@media(min-width:768px) and (max-width:1199px){.sale-order-payment-change-pp div .sale-order-payment-change-pp-company:nth-child(3n+1),.sale-order-payment-change-pp-item-container .sale-order-payment-change-pp-company:nth-child(3n+1){clear:both;padding-left:0}}@media(max-width:767px){.sale-order-payment-change-pp,.sale-order-payment-change-pp-item-container{max-width:450px}.sale-order-payment-change-pp div .sale-order-payment-change-pp-company:nth-child(2n+1),.sale-order-payment-change-pp-item-container .sale-order-payment-change-pp-company:nth-child(2n+1){clear:both;padding-left:0}}.sale-order-payment-change-payment-title{color:#000;font:bold 14px "Helvetica Neue",Helvetica,Arial,sans-serif}.sale-order-payment-change-status-alert,.sale-order-payment-change-status-restricted,.sale-order-payment-change-status-success{display:inline-block;padding:4px 10px 5px 8px;border:1px solid #eab3b9;border-radius:2px;background:#ffe5e8;color:#d0021b;font:bold 12px "Helvetica Neue",Helvetica,Arial,sans-serif}.sale-order-payment-change-status-restricted{border:1px solid rgba(128,134,142,0.20);background:#f3f4f5;color:#535c69}.sale-order-payment-change-status-success{border:1px solid #bed277;background:#e3f0bd;color:#597707}.sale-order-payment-change-payment-price{font:13px "Helvetica Neue",Helvetica,Arial,sans-serif}.sale-order-payment-change-payment-form-group{display:table}.sale-order-payment-change-payment-form-cell{display:table-cell;vertical-align:middle;text-align:center}.sale-order-inner-payment-button{display:block;float:left;padding:0 17px;max-width:115px;height:38px;border-radius:2px;background:#1485ce;color:#fff;text-align:center;font:bold 13px/38px "Helvetica Neue",Helvetica,Arial,sans-serif;cursor:pointer}.sale-order-inner-payment-button:hover{background:#53a4d8;color:#fff;transition:background ease-out .5s}.sale-order-inner-payment-button.inactive-button{opacity:.2;cursor:pointer}.sale-order-inner-payment-button.inactive-button:hover{background:#1485ce;color:#fff}.sale-order-inner-padding-bottom{padding-bottom:15px}.sale-paysystem-wrapper{position:relative;margin:0 -15px 0 0;padding:24px 38px 24px 38px;border:1px solid #3bc8f5;color:#424956;font:14px "Helvetica Neue",Arial,Helvetica,sans-serif}.sale-paysystem-wrapper{position:relative;margin:0 -15px 0 0;padding:24px 38px 24px 38px;border:1px solid #3bc8f5;color:#424956;font:14px "Helvetica Neue",Arial,Helvetica,sans-serif}.sale-paysystem-close{position:absolute;top:7px;right:7px}.sale-paysystem-close-item{display:inline-block;width:18px;height:18px;background:url(/bitrix/components/bitrix/sale.order.payment.change/templates/bootstrap_v4/../../components/bitrix/sale.personal.order.detail/templates/.default/images/sale-personal-order-sprite.svg) 1px 1px no-repeat;opacity:1;cursor:pointer;transition:opacity .3s ease}.sale-paysystem-close-item:hover{opacity:.5}.sale-paysystem-description{margin:0 0 11px 0;color:#bcbdc0;font:11px "Helvetica Neue",Arial,Helvetica,sans-serif}.sale-paysystem-yandex-button{display:inline-block;margin:26px 10px 26px 0}.sale-paysystem-yandex-button-item{padding:0 22px;height:38px;border:0;border-radius:2px;background:#f59023;color:#fff;font:bold 13px/35px "Helvetica Neue",Arial,Helvetica,sans-serif;transition:background .3s ease}.sale-paysystem-yandex-button-item:hover{background:#ff911a}.sale-paysystem-yandex-button-descrition{display:inline-block;margin:0 0 15px 0;color:#80868e;font:12px "Helvetica Neue",Arial,Helvetica,sans-serif}
/* End */
/* /local/templates/default/components/bitrix/sale.personal.section/bootstrap_v4/style.css?17738253054729 */
/* /local/templates/default/components/bitrix/sale.personal.order.list/bootstrap_v4/style.css?17738245617305 */
/* /bitrix/components/bitrix/sale.order.payment.change/templates/bootstrap_v4/style.min.css?17679495314739 */