/**
 * SG redesign — разделы личного кабинета (/personal/*).
 *
 * Каркас как у остальных SG-страниц: контейнер 1440, тёмная тема (токены
 * redesign.css), карточки --sg-bg-elevated + рамка --sg-border + radius 12,
 * primary-кнопки — фон --sg-text / текст --sg-bg.
 *
 * Режим body: sg-redesign--personal (см. header.php / footer.php), плюс на этих
 * страницах включается sg-redesign--aside-menu — он уже приводит
 * .block_main_left_menu к виду фильтра каталога (боковое меню help/delivery).
 *
 * Перекрашиваем только старые компоненты Bitrix (sale.personal.*, main.profile,
 * sale.order.ajax, main.auth) — их разметку не меняем, чтобы не ломать
 * AJAX/mustache-перерисовку.
 *
 * Подключается в local/templates/sotbit_origami/header.php после basket-layout.css.
 */

/* ------------------------------------------------------------------ *
 * 1. Каркас страницы: сайдбар 305 + контент, контейнер 1440
 * ------------------------------------------------------------------ */

/* Режим body для ЛК: sg-redesign--personal-shell (каркас страницы) —
   catalog-layout.css с его --layout здесь не подходит: там h1 отдан
   .sg-page-header, а старый заголовок раздела скрыт. */
body.sg-redesign--personal-shell .puzzle_block.main-container {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 1440px !important;
    margin: 0 auto !important;
    padding: 0 var(--sg-container-desktop) 80px !important;
}

body.sg-redesign--personal .block_main_left_menu__content.active,
body.sg-redesign--personal .block_main_left_menu__content.active.right {
    box-sizing: border-box;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0;
}

/* Отступ сайдбара от шапки; заголовок раздела выравнивается по нему */
body.sg-redesign--personal .block_main_left_menu__container {
    margin-top: 24px;
}

/* Legacy-крошки Origami (в SG-страницах их заменяет .sg-breadcrumbs) */
body.sg-redesign--personal .block_main_left_menu__content > .breadcrumb_block {
    display: none !important;
}

/* Заголовок и подпись раздела — как .sg-page-header на других SG-страницах */
body.sg-redesign--personal .block_main_left_menu__content > h1 {
    margin: 24px 0 0;
    padding: 0;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.025;
    letter-spacing: -0.02em;
    color: var(--sg-text);
}

body.sg-redesign--personal .block_main_left_menu__content > h1 + p {
    margin: 12px 0 0;
    color: var(--sg-text-muted);
}

body.sg-redesign--personal .block_main_left_menu__content > h1 + .row,
body.sg-redesign--personal .block_main_left_menu__content > h1 + .bx_profile,
body.sg-redesign--personal .block_main_left_menu__content > h1 + form,
body.sg-redesign--personal .block_main_left_menu__content > h1 + div {
    margin-top: 40px;
}

/* ------------------------------------------------------------------ *
 * 2. Основной контент: общий ритм, сброс bootstrap-хаков шаблонов
 * ------------------------------------------------------------------ */

body.sg-redesign--personal .block_main_left_menu__content > .row,
body.sg-redesign--personal .block_main_left_menu__content > .row > [class*='col-'] {
    float: none !important;
    width: auto !important;
    max-width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.sg-redesign--personal .sale-order-list-container,
body.sg-redesign--personal .sale-order-list-inner-container,
body.sg-redesign--personal .sale-personal-section-index {
    float: none !important;
    max-width: 100%;
}

/* Проекция Bootstrap .row — только внутри контента ЛК (footer и прочие
   .row вне .block_main_left_menu__content не трогаем) */
body.sg-redesign--personal .block_main_left_menu__content .row,
body.sg-redesign--personal .block_main_left_menu__content .col,
body.sg-redesign--personal .block_main_left_menu__content [class*='col-'] {
    box-sizing: border-box;
}

body.sg-redesign--personal .block_main_left_menu__content .row {
    margin-left: 0;
    margin-right: 0;
}

body.sg-redesign--personal .block_main_left_menu__content .clearfix,
body.sg-redesign--personal .block_main_left_menu__content .bx-sidebar-block:empty {
    display: none;
}

/* Заголовки внутри разделов */
body.sg-redesign--personal .block_main_left_menu__content h2,
body.sg-redesign--personal .block_main_left_menu__content h3 {
    color: var(--sg-text);
    font-weight: 600;
}

body.sg-redesign--personal .block_main_left_menu__content h2 {
    font-size: 22px;
    line-height: 1.3;
}

body.sg-redesign--personal .block_main_left_menu__content h3 {
    margin: 24px 0 0;
    font-size: 20px;
    line-height: 1.3;
}

body.sg-redesign--personal .block_main_left_menu__content h1 + .row + h3,
body.sg-redesign--personal .block_main_left_menu__content .row + h3 {
    margin-top: 24px;
}

/* Ссылки-переключатели (история заказов, повторить/отменить и т.п.) */
body.sg-redesign--personal .sale-order-history-link,
body.sg-redesign--personal .sale-order-list-about-link,
body.sg-redesign--personal .sale-order-list-repeat-link,
body.sg-redesign--personal .sale-order-list-cancel-link,
body.sg-redesign--personal .sale-order-list-change-payment,
body.sg-redesign--personal .sale-order-list-cancel-payment,
body.sg-redesign--personal .sale-order-list-shipment-button,
body.sg-redesign--personal .sale-personal-profile-list-change-button,
body.sg-redesign--personal .sale-personal-profile-list-close-button {
    display: inline-block;
    color: var(--sg-text) !important;
    background: transparent;
    border: 0;
    border-bottom: 1px solid rgba(251, 250, 250, 0.3) !important;
    border-radius: 0;
    padding: 2px 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
    text-decoration: none !important;
    cursor: pointer;
    transition: border-color 0.2s ease, opacity 0.2s ease;
}

body.sg-redesign--personal .sale-order-history-link:hover,
body.sg-redesign--personal .sale-order-list-about-link:hover,
body.sg-redesign--personal .sale-order-list-repeat-link:hover,
body.sg-redesign--personal .sale-order-list-cancel-link:hover,
body.sg-redesign--personal .sale-order-list-change-payment:hover,
body.sg-redesign--personal .sale-order-list-cancel-payment:hover,
body.sg-redesign--personal .sale-order-list-shipment-button:hover,
body.sg-redesign--personal .sale-personal-profile-list-change-button:hover,
body.sg-redesign--personal .sale-personal-profile-list-close-button:hover {
    border-bottom-color: var(--sg-text) !important;
    opacity: 1;
}

body.sg-redesign--personal .block_main_left_menu__content > .row.col-md-12 {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 24px;
}

/* Bootstrap-ряды внутри компонентов ЛК должны переноситься (раньше это делал
   общий .row, теперь правило ограничено конкретными блоками) */
body.sg-redesign--personal .sale-order-list-container > .row,
body.sg-redesign--personal .sale-order-list-inner-container .row,
body.sg-redesign--personal .sale-order-list-shipment-list,
body.sg-redesign--personal .bx_profile .row,
body.sg-redesign--personal .sale-personal-profile-list-container .row {
    display: flex;
    flex-wrap: wrap;
}

/* ------------------------------------------------------------------ *
 * 3. Дашборд: карточки разделов
 * ------------------------------------------------------------------ */

body.sg-redesign--personal .sale-personal-section-row-flex {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    margin: 0 !important;
}

body.sg-redesign--personal .sale-personal-section-row-flex > [class*='col-'] {
    box-sizing: border-box;
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.sg-redesign--personal .sale-personal-section-index-block {
    height: 100%;
    min-height: 140px;
    opacity: 1;
    background: var(--sg-bg-elevated);
    border: 1px solid var(--sg-border);
    border-radius: var(--sg-radius, 12px);
    color: var(--sg-text);
    text-align: left;
    transition: border-color 0.2s ease, background 0.2s ease;
}

body.sg-redesign--personal .sale-personal-section-index-block:hover {
    opacity: 1;
    background: #191919;
    border-color: var(--sg-border-hover);
}

body.sg-redesign--personal .sale-personal-section-index-block-link,
body.sg-redesign--personal .sale-personal-section-index-block-link:hover,
body.sg-redesign--personal .sale-personal-section-index-block-link:focus,
body.sg-redesign--personal .sale-personal-section-index-block-link:visited {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 28px;
    box-sizing: border-box;
    height: 100%;
    padding: 24px;
    color: var(--sg-text) !important;
    text-decoration: none !important;
}

body.sg-redesign--personal .sale-personal-section-index-block-ico,
body.sg-redesign--personal .sale-personal-section-index-block-ico i {
    display: block;
    font-size: 28px;
    line-height: 1;
    color: var(--sg-text);
    opacity: 0.9;
}

body.sg-redesign--personal .sale-personal-section-index-block .fonts__small_text,
body.sg-redesign--personal .sale-personal-section-index-block-name {
    font-size: 17px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--sg-text) !important;
}

/* ------------------------------------------------------------------ *
 * 4. Заказы: список и карточка заказа
 * ------------------------------------------------------------------ */

body.sg-redesign--personal .sale-order-title {
    margin: 32px 0 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--sg-text);
}

body.sg-redesign--personal .sale-order-list-container {
    margin: 24px 0 0 !important;
    background: var(--sg-bg-elevated);
    border: 1px solid var(--sg-border);
    border-radius: var(--sg-radius, 12px);
    overflow: hidden;
}

body.sg-redesign--personal .sale-order-list-title-container,
body.sg-redesign--personal .sale-order-list-accomplished-title-container {
    background: #171717 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--sg-border) !important;
    padding: 24px !important;
}

body.sg-redesign--personal .sale-order-list-inner-container {
    padding: 0 24px 8px !important;
    border: 0 !important;
}

body.sg-redesign--personal .sale-order-list-inner-row,
body.sg-redesign--personal .sale-order-list-inner-row:last-child {
    margin: 0 !important;
    padding: 20px 0 0 !important;
    border-top: 0 !important;
    position: static !important;
}

body.sg-redesign--personal .sale-order-list-title,
body.sg-redesign--personal .sale-order-list-accomplished-title {
    margin: 0 !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.35;
    color: var(--sg-text);
}

body.sg-redesign--personal .sale-order-list-inner-title-line {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 24px 0 0;
    padding: 0 !important;
}

body.sg-redesign--personal .sale-order-list-inner-title-line-item {
    font-size: 15px;
    font-weight: 500;
    color: var(--sg-text);
    background: transparent;
    padding: 0;
}

body.sg-redesign--personal .sale-order-list-inner-title-line-border {
    flex: 1 1 auto;
    height: 1px;
    background: var(--sg-border);
}

body.sg-redesign--personal .sale-order-list-inner-container .row,
body.sg-redesign--personal .sale-order-list-inner-row,
body.sg-redesign--personal .sale-order-list-inner-row:last-child {
    margin: 0 !important;
    padding: 20px 0 0 !important;
    border-top: 0 !important;
    position: static !important;
}

body.sg-redesign--personal .sale-order-list-inner-container .sale-order-list-inner-title-line {
    padding: 0 !important;
}

body.sg-redesign--personal .sale-order-list-top-border {
    margin: 20px 0 0;
    border-top: 1px solid var(--sg-border);
}

body.sg-redesign--personal .sale-order-list-payment,
body.sg-redesign--personal .sale-order-list-shipment {
    color: var(--sg-text);
}

body.sg-redesign--personal .sale-order-list-payment-title,
body.sg-redesign--personal .sale-order-list-shipment-title,
body.sg-redesign--personal .sale-order-list-payment-price,
body.sg-redesign--personal .sale-order-list-shipment-status,
body.sg-redesign--personal .sale-order-list-shipment-item,
body.sg-redesign--personal .sale-order-list-payment-check {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    margin: 0 0 10px;
    font-size: 15px;
    line-height: 1.4;
    color: var(--sg-text-muted);
}

body.sg-redesign--personal .sale-order-list-payment-element,
body.sg-redesign--personal .sale-order-list-shipment-element,
body.sg-redesign--personal .sale-order-list-shipment-item-name,
body.sg-redesign--personal .sale-order-list-shipment-id-name,
body.sg-redesign--personal .sale-order-list-shipment-status-item {
    color: var(--sg-text-muted);
}

body.sg-redesign--personal .sale-order-list-payment-number {
    font-weight: 500;
    color: var(--sg-text);
}

body.sg-redesign--personal .sale-order-list-payment-title-element {
    color: var(--sg-text);
}

body.sg-redesign--personal .sale-order-list-shipment-status-block {
    display: inline-block;
    padding: 4px 12px !important;
    border: 1px solid var(--sg-border) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    font-size: 13px !important;
    line-height: 1.3;
    color: var(--sg-text) !important;
    vertical-align: middle;
}

body.sg-redesign--personal .sale-order-list-shipment-id {
    color: var(--sg-text);
}

/* Статусы: пилюли вместо цветного текста */
body.sg-redesign--personal .sale-order-list-status-alert,
body.sg-redesign--personal .sale-order-list-status-success,
body.sg-redesign--personal .sale-order-list-status-restricted,
body.sg-redesign--personal .sale-order-list-status-restricted-message {
    display: inline-block;
    padding: 4px 12px;
    border: 0;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--sg-text) !important;
}

body.sg-redesign--personal .sale-order-list-status-alert,
body.sg-redesign--personal .sale-order-list-status-restricted {
    background: #e5484d;
    color: #ffffff !important;
}

body.sg-redesign--personal .sale-order-list-status-success {
    background: rgba(255, 255, 255, 0.12);
}

body.sg-redesign--personal .sale-order-list-status-restricted-message-block {
    margin: 12px 0 0;
}

/* Кнопка «Оплатить» и её неактивное состояние */
body.sg-redesign--personal .sale-order-list-button {
    display: inline-block;
    box-sizing: border-box;
    min-width: 160px;
    height: 44px;
    line-height: 42px;
    padding: 0 24px !important;
    border: 1px solid transparent;
    border-radius: 8px;
    background: var(--sg-text);
    color: var(--sg-bg) !important;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
}

body.sg-redesign--personal .sale-order-list-button:hover {
    background: #ffffff;
}

body.sg-redesign--personal .sale-order-list-button.inactive-button,
body.sg-redesign--personal .sale-order-list-button.inactive-button:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: var(--sg-border);
    color: var(--sg-text-muted) !important;
    cursor: default;
}

body.sg-redesign--personal .sale-order-list-inner-row-template {
    display: none;
}

body.sg-redesign--personal .sale-order-list-about-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 0;
    border-top: 1px solid var(--sg-border);
}

body.sg-redesign--personal .sale-order-list-repeat-and-cancel-link {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

body.sg-redesign--personal .sale-order-list-inner-accomplished {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 24px;
}

body.sg-redesign--personal .sale-order-list-accomplished-date-container {
    margin-top: 8px;
    color: var(--sg-text-muted);
    font-size: 14px;
}

body.sg-redesign--personal .sale-order-list-accomplished-date-number {
    color: var(--sg-text);
}

body.sg-redesign--personal .personal_order_pagination {
    margin: 24px 0 0;
}

/* ------------------------------------------------------------------ *
 * 4a. Детали заказа (/personal/order/detail/#ID#/)
 *
 * Компонент bitrix:sale.personal.order.detail с шаблоном sotbit_order_detail
 * (local/templates/.default/...): светлая вендорская вёрстка внутри тёмного
 * каркаса ЛК — перекрашиваем только CSS, разметку шаблона не меняем.
 * ------------------------------------------------------------------ */

/* Пустой h1 каркаса: заголовок страницы выводит сам компонент */
body.sg-redesign--personal .block_main_left_menu__content > h1:empty {
    display: none;
}

body.sg-redesign--personal .sale-order-detail {
    color: var(--sg-text);
    font-size: 15px;
    line-height: 1.4;
}

body.sg-redesign--personal .sale-order-detail-title-container {
    padding: 0 !important;
}

body.sg-redesign--personal .sale-order-detail-title-element {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.025;
    letter-spacing: -0.02em;
    color: var(--sg-text);
}

body.sg-redesign--personal .sale-order-detail-back-to-list-link-up,
body.sg-redesign--personal .sale-order-detail-back-to-list-link-down {
    color: var(--sg-text) !important;
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    text-decoration: none !important;
}

/* Иконка вендорского icomoon-шрифта не подключена — оставляем текст */
body.sg-redesign--personal .sale-order-detail-back-to-list-link-up .icon-nav_left,
body.sg-redesign--personal .sale-order-detail-back-to-list-link-down .icon-nav_left {
    display: none;
}

body.sg-redesign--personal .sale-order-detail-back-to-list-link-up:hover,
body.sg-redesign--personal .sale-order-detail-back-to-list-link-down:hover {
    color: var(--sg-text-muted) !important;
}

/* Карточка заказа */
body.sg-redesign--personal .sale-order-detail-general {
    float: none !important;
    box-sizing: border-box;
    margin: 0 !important;
    padding: 0 !important;
    background: var(--sg-bg-elevated);
    border: 1px solid var(--sg-border) !important;
    border-radius: var(--sg-radius, 12px);
    overflow: hidden;
}

body.sg-redesign--personal .sale-order-detail-general-head {
    padding: 20px 24px !important;
    background: #171717 !important;
    border-bottom: 1px solid var(--sg-border);
}

body.sg-redesign--personal .sale-order-detail-general-item {
    padding: 0 !important;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.35;
    color: var(--sg-text);
    text-align: left;
}

/* Блок «Ф.И.О. / статус / сумма» + кнопки */
body.sg-redesign--personal .sale-order-detail-about-order {
    padding: 0 !important;
}

body.sg-redesign--personal .sale-order-detail-about-order-inner-container {
    padding: 24px !important;
}

body.sg-redesign--personal .sale-order-detail-about-order-inner-container-name-title,
body.sg-redesign--personal .sale-order-detail-about-order-inner-container-status-title,
body.sg-redesign--personal .sale-order-detail-about-order-inner-container-price-title {
    font-size: 14px;
    font-weight: 400;
    color: var(--sg-text-muted) !important;
}

body.sg-redesign--personal .sale-order-detail-about-order-inner-container-name-detail,
body.sg-redesign--personal .sale-order-detail-about-order-inner-container-status-detail,
body.sg-redesign--personal .sale-order-detail-about-order-inner-container-price-detail {
    font-size: 15px;
    font-weight: 500;
    color: var(--sg-text) !important;
}

body.sg-redesign--personal .sale-order-detail-about-order-inner-container-status,
body.sg-redesign--personal .sale-order-detail-about-order-inner-container-price {
    display: block;
    margin: 6px 0 0;
}

/* «Подробнее / свернуть» — как ссылки-переключатели списка заказов.
   Видимостью управляет script.js шаблона (read-less по умолчанию display:none). */
body.sg-redesign--personal .sale-order-detail-about-order-inner-container-name-read-more,
body.sg-redesign--personal .sale-order-detail-about-order-inner-container-name-read-less {
    margin: 12px 0 0;
    color: var(--sg-text) !important;
    border-bottom: 1px solid rgba(251, 250, 250, 0.3);
    font-size: 15px;
    font-weight: 500;
    text-decoration: none !important;
    cursor: pointer;
}

body.sg-redesign--personal .sale-order-detail-about-order-inner-container-name-read-more:hover,
body.sg-redesign--personal .sale-order-detail-about-order-inner-container-name-read-less:hover {
    border-bottom-color: var(--sg-text);
}

body.sg-redesign--personal .sale-order-detail-about-order-inner-container-details-block {
    margin: 0;
    padding: 20px 0 0;
    border-top: 1px dotted var(--sg-border-hover);
}

body.sg-redesign--personal .sale-order-detail-about-order-inner-container-details-title {
    margin: 0 0 12px;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--sg-text);
}

body.sg-redesign--personal .sale-order-detail-about-order-inner-container-details-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

body.sg-redesign--personal .sale-order-detail-about-order-inner-container-list-item {
    margin: 0 0 4px !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: var(--sg-text-muted) !important;
}

body.sg-redesign--personal .sale-order-detail-about-order-inner-container-list-item-element,
body.sg-redesign--personal .sale-order-detail-about-order-inner-container-list-item-link {
    display: inline;
    color: var(--sg-text) !important;
}

/* Кнопки «Повторить заказ» (primary) и «Отменить» (secondary) */
body.sg-redesign--personal .sale-order-detail-about-order-inner-container-repeat-button,
body.sg-redesign--personal .sale-order-detail-about-order-inner-container-repeat-cancel {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    height: 44px;
    padding: 0 12px !important;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
}

body.sg-redesign--personal .sale-order-detail-about-order-inner-container-repeat-button {
    border: 1px solid var(--sg-text);
    background: var(--sg-text);
    color: var(--sg-bg) !important;
}

body.sg-redesign--personal .sale-order-detail-about-order-inner-container-repeat-button:hover {
    background: #ffffff;
    border-color: #ffffff;
}

body.sg-redesign--personal .sale-order-detail-about-order-inner-container-repeat-cancel {
    margin: 8px 0 0;
    border: 1px solid var(--sg-border-hover);
    background: transparent;
    color: var(--sg-text) !important;
}

body.sg-redesign--personal .sale-order-detail-about-order-inner-container-repeat-cancel:hover {
    background: rgba(255, 255, 255, 0.06);
}

/* Заголовки секций (Параметры оплаты / отгрузки / Содержимое заказа) */
body.sg-redesign--personal .sale-order-detail-payment-options-title,
body.sg-redesign--personal .sale-order-detail-payment-options-order-content-title,
body.sg-redesign--personal .sale-order-detail-payment-options-shipment-composition-title {
    padding: 0 !important;
    background: transparent !important;
    border-top: 1px solid var(--sg-border);
    float: none;
}

body.sg-redesign--personal .sale-order-detail-payment-options-title-element,
body.sg-redesign--personal .sale-order-detail-payment-options-order-content-title-element,
body.sg-redesign--personal .sale-order-detail-payment-options-shipment-composition-title-element {
    margin: 0 !important;
    padding: 24px 24px 0 !important;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--sg-text) !important;
    text-align: left;
}

/* Параметры оплаты и отгрузки: контент на той же вертикали, что заголовок */
body.sg-redesign--personal .sale-order-detail-payment-options-inner-container,
body.sg-redesign--personal .sale-order-detail-payment-options-shipment {
    padding: 16px 24px 0 !important;
}

body.sg-redesign--personal .sale-order-detail-payment-options-info {
    padding: 0 !important;
}

body.sg-redesign--personal .sale-order-detail-payment-options-info-container {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
    width: 100%;
}

body.sg-redesign--personal .sale-order-detail-payment-options-info-order-number,
body.sg-redesign--personal .sale-order-detail-payment-options-info-total-price {
    margin: 0 !important;
    font-size: 15px;
    font-weight: 400;
    color: var(--sg-text-muted) !important;
    text-align: left;
}

body.sg-redesign--personal .sale-order-detail-payment-options-info-total-price span {
    font-weight: 500;
    color: var(--sg-text) !important;
}

/* Белая вертикальная линия-декор вендора у блока смены способа оплаты */
body.sg-redesign--personal div.payment-options-methods-row:last-child:after {
    display: none;
}

body.sg-redesign--personal div.sale-order-detail-payment-options-methods,
body.sg-redesign--personal .sale-order-detail-payment-options-methods {
    margin: 16px 0 0;
    padding: 0 24px 24px !important;
    border-top: 1px dashed var(--sg-border-hover) !important;
}

body.sg-redesign--personal .sale-order-detail-payment-options-methods-information-block {
    padding: 16px 0 0 !important;
}

body.sg-redesign--personal .sale-order-detail-methods-title,
body.sg-redesign--personal .sale-order-detail-payment-options-methods-info-title {
    margin: 0 0 8px;
    font-size: 15px;
    font-weight: 400;
    color: var(--sg-text-muted) !important;
}

body.sg-redesign--personal .sale-order-list-payment-title-element {
    font-size: 15px;
    font-weight: 500;
    color: var(--sg-text) !important;
}

body.sg-redesign--personal .sale-order-detail-payment-options-methods-info-title-status-alert,
body.sg-redesign--personal .sale-order-detail-payment-options-methods-info-title-status-restricted {
    display: inline-block;
    margin: 0 0 0 8px !important;
    padding: 4px 12px;
    border-radius: 999px;
    background: #e5484d !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
    color: #ffffff !important;
}

body.sg-redesign--personal .sale-order-detail-payment-options-methods-info-title-status-success {
    display: inline-block;
    margin: 0 0 0 8px !important;
    padding: 4px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12) !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--sg-text) !important;
}

body.sg-redesign--personal .sale-order-detail-payment-options-methods-info-total-price {
    color: var(--sg-text-muted) !important;
}

body.sg-redesign--personal .sale-order-detail-sum-name {
    font-size: 14px;
    color: var(--sg-text-muted) !important;
}

body.sg-redesign--personal .sale-order-detail-sum-number {
    font-size: 15px;
    font-weight: 500;
    color: var(--sg-text) !important;
}

body.sg-redesign--personal .sale-order-detail-show-link,
body.sg-redesign--personal .sale-order-detail-hide-link,
body.sg-redesign--personal .sale-order-detail-payment-options-methods-info-change-link {
    display: inline-block;
    margin: 12px 0 0;
    padding: 0 !important;
    color: var(--sg-text) !important;
    border: 0;
    border-bottom: 1px solid rgba(251, 250, 250, 0.3) !important;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none !important;
    cursor: pointer;
}

body.sg-redesign--personal .sale-order-detail-show-link:hover,
body.sg-redesign--personal .sale-order-detail-hide-link:hover,
body.sg-redesign--personal .sale-order-detail-payment-options-methods-info-change-link:hover {
    border-bottom-color: var(--sg-text) !important;
}

/* Стрелки у ссылок-переключателей: шрифт icomoon из шаблона на сайте не
   подключён (вместо стрелки рисовался пустой квадрат) — рисуем шеврон */
body.sg-redesign--personal .sale-order-detail-about-order-inner-container-name-read-more:after,
body.sg-redesign--personal .sale-order-detail-about-order-inner-container-name-read-less:after,
body.sg-redesign--personal .sale-order-detail-show-link:after,
body.sg-redesign--personal .sale-order-detail-hide-link:after,
body.sg-redesign--personal .sale-order-detail-payment-options-methods-info-change-link:after {
    display: inline-block;
    box-sizing: border-box;
    width: 6px;
    height: 6px;
    margin: 0 0 0 6px;
    border: 0;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    font-family: inherit !important;
    font-size: 0;
    line-height: 0;
    content: '';
    transform: translateY(-3px) rotate(45deg);
}

body.sg-redesign--personal .sale-order-detail-about-order-inner-container-name-read-less:after,
body.sg-redesign--personal .sale-order-detail-hide-link:after {
    transform: translateY(3px) rotate(-135deg);
}

body.sg-redesign--personal .sale-order-detail-payment-options-methods-shipment-list-item-title {
    margin: 0 0 10px;
    font-size: 15px;
    font-weight: 500;
    color: var(--sg-text) !important;
}

body.sg-redesign--personal .sale-order-detail-payment-options-methods-shipment-list-item {
    margin: 0 0 6px;
    font-size: 14px;
    font-weight: 400;
    color: var(--sg-text-muted) !important;
}

body.sg-redesign--personal .sale-order-detail-payment-options-methods-shipment-list-item span {
    color: var(--sg-text) !important;
}

body.sg-redesign--personal .sale-order-detail-payment-options-methods-shipment-list-item-link {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
    align-items: center;
}

body.sg-redesign--personal .sale-order-detail-payment-options-shipment-composition-map {
    padding: 0 !important;
}

/* Содержимое заказа: таблица товаров */
body.sg-redesign--personal .sale-order-detail-order-section-content {
    padding: 16px 24px 0 !important;
}

body.sg-redesign--personal .sale-order-detail-order-table-fade {
    padding: 0 !important;
    background: transparent !important;
}

/* Пустой разделитель столбцов шаблона вне display:table ломает колонки */
body.sg-redesign--personal .sale-order-detail-order-item-nth-4p1 {
    display: none !important;
}

body.sg-redesign--personal .sale-order-detail-order-item-tr {
    display: table-row;
    border: 0 !important;
    color: var(--sg-text);
}

body.sg-redesign--personal .sale-order-detail-order-item-td {
    padding: 16px 0 !important;
    border: 0 !important;
    border-top: 1px solid var(--sg-border) !important;
    vertical-align: middle;
    color: var(--sg-text);
}

body.sg-redesign--personal .sale-order-detail-order-item-tr.hidden-sm.hidden-xs
.sale-order-detail-order-item-td {
    padding: 0 0 12px !important;
    border-top: 0 !important;
    border-bottom: 1px solid var(--sg-border) !important;
}

/* Числовые колонки: цена / скидка / количество / сумма */
body.sg-redesign--personal .sale-order-detail-order-item-tr
.sale-order-detail-order-item-properties {
    width: 120px;
    white-space: nowrap;
}

body.sg-redesign--personal .sale-order-detail-order-item-td-title {
    padding: 0 !important;
    font-size: 13px;
    font-weight: 400;
    color: var(--sg-text-muted) !important;
}

body.sg-redesign--personal .sale-order-detail-order-item-td-text {
    font-size: 15px;
    color: var(--sg-text) !important;
}

body.sg-redesign--personal .sale-order-detail-order-item-td-text .bx-price {
    font-size: 15px;
    font-weight: 500;
    color: var(--sg-text) !important;
}

body.sg-redesign--personal .sale-order-detail-order-item-td-text .bx-price.all {
    font-size: 16px;
    font-weight: 600;
}

body.sg-redesign--personal .sale-order-detail-order-item-title a {
    color: var(--sg-text) !important;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none !important;
}

body.sg-redesign--personal .sale-order-detail-order-item-title a:hover {
    text-decoration: underline !important;
}

body.sg-redesign--personal .sale-order-detail-order-item-color {
    margin: 4px 0 0;
    font-size: 13px;
    color: var(--sg-text-muted) !important;
}

body.sg-redesign--personal .sale-order-detail-order-item-color-name,
body.sg-redesign--personal .sale-order-detail-order-item-color-type {
    color: var(--sg-text-muted) !important;
}

body.sg-redesign--personal .sale-order-detail-order-item-imgcontainer {
    border: 1px solid var(--sg-border);
    border-radius: 8px;
    background-color: var(--sg-bg);
}

/* Итоги: «Товаров на / Стоимость доставки / Итог» */
body.sg-redesign--personal .sale-order-detail-total-payment {
    margin: 0 !important;
    padding: 20px 24px 24px !important;
    border-top: 1px solid var(--sg-border);
    float: none;
}

body.sg-redesign--personal .sale-order-detail-total-payment-container {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: flex-end;
    gap: 8px 32px;
    width: 100% !important;
}

body.sg-redesign--personal .sale-order-detail-total-payment-container-item,
body.sg-redesign--personal .sale-order-detail-total-payment-container-item:first-child {
    width: auto !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 15px;
    color: var(--sg-text-muted) !important;
    text-align: right !important;
}

body.sg-redesign--personal .sale-order-detail-total-payment-list-right-item {
    font-weight: 500;
    color: var(--sg-text) !important;
}

body.sg-redesign--personal .sale-order-detail-total-payment-container-item:last-child {
    font-size: 18px;
    font-weight: 500;
    color: var(--sg-text) !important;
}

@media (max-width: 991px) {
    body.sg-redesign--personal .sale-order-detail-title-element {
        font-size: 32px;
        line-height: 1.1;
        text-align: left;
    }
}

@media (max-width: 767px) {
    body.sg-redesign--personal .sale-order-detail-title-element {
        font-size: 26px;
    }

    body.sg-redesign--personal .sale-order-detail-general-head {
        padding: 16px !important;
    }

    body.sg-redesign--personal .sale-order-detail-general-item {
        font-size: 15px;
    }

    body.sg-redesign--personal .sale-order-detail-about-order-inner-container {
        padding: 16px !important;
    }

    body.sg-redesign--personal .sale-order-detail-payment-options-title-element,
    body.sg-redesign--personal .sale-order-detail-payment-options-order-content-title-element,
    body.sg-redesign--personal .sale-order-detail-payment-options-shipment-composition-title-element {
        padding: 20px 16px 0 !important;
        font-size: 17px;
    }

    body.sg-redesign--personal .sale-order-detail-payment-options-inner-container,
    body.sg-redesign--personal .sale-order-detail-payment-options-shipment,
    body.sg-redesign--personal .sale-order-detail-order-section-content {
        padding: 12px 16px 0 !important;
    }

    body.sg-redesign--personal div.sale-order-detail-payment-options-methods {
        padding: 0 16px 20px !important;
    }

    body.sg-redesign--personal .sale-order-detail-total-payment {
        padding: 16px !important;
    }

    /* Товары: строка = «метка слева, значение справа» */
    body.sg-redesign--personal .sale-order-detail-order-item-tr {
        display: block;
    }

    body.sg-redesign--personal .sale-order-detail-order-item-td,
    body.sg-redesign--personal .sale-order-detail-order-item-tr
    .sale-order-detail-order-item-properties {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        box-sizing: border-box;
        width: auto !important;
        min-width: 0 !important;
        padding: 10px 0 !important;
        white-space: normal;
    }

    body.sg-redesign--personal .sale-order-detail-order-item-td:first-child {
        display: block;
        padding: 16px 0 10px !important;
        border-top: 0 !important;
    }

    body.sg-redesign--personal .sale-order-detail-order-item-td-title,
    body.sg-redesign--personal .sale-order-detail-order-item-td-text {
        display: inline-block !important;
        padding: 0 !important;
        white-space: normal;
        text-align: left;
    }

    body.sg-redesign--personal .sale-order-detail-order-item-block {
        display: flex;
        gap: 12px;
        align-items: flex-start;
    }

    body.sg-redesign--personal .sale-order-detail-order-item-img-block {
        flex: 0 0 auto;
        width: 64px;
        max-width: 64px;
        margin: 0;
    }

    body.sg-redesign--personal .sale-order-detail-order-item-imgcontainer {
        width: 64px;
        height: 64px;
        padding: 64px 0 0 !important;
        background-size: contain;
    }

    body.sg-redesign--personal .sale-order-detail-order-item-content {
        padding-top: 0;
        width: auto;
        min-width: 0;
        font-size: 15px;
    }

    body.sg-redesign--personal .sale-order-detail-order-item-title {
        padding: 0;
        white-space: normal;
    }

    body.sg-redesign--personal .sale-order-detail-payment-options-info-order-number,
    body.sg-redesign--personal .sale-order-detail-payment-options-info-total-price {
        white-space: normal;
        overflow: visible;
    }

    body.sg-redesign--personal .sale-order-detail-show-link,
    body.sg-redesign--personal .sale-order-detail-hide-link,
    body.sg-redesign--personal .sale-order-detail-payment-options-methods-info-change-link {
        margin-top: 0;
    }
}

/* ------------------------------------------------------------------ *
 * 5. Анкета пользователя (bitrix:main.profile) и профили заказов
 * ------------------------------------------------------------------ */

body.sg-redesign--personal .main-profile-block-date-info,
body.sg-redesign--personal .main-profile-block-date-info-title {
    color: var(--sg-text-muted) !important;
    font-size: 14px;
}

body.sg-redesign--personal .main-profile-block-content-info {
    padding: 32px !important;
    background: transparent;
    border: 1px solid var(--sg-border) !important;
    border-radius: var(--sg-radius, 12px) 12px 0 0;
}

body.sg-redesign--personal .bx_profile .form-group {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 16px;
    margin: 0 0 20px;
    overflow: visible;
}

body.sg-redesign--personal .bx_profile .main-profile-form-label,
body.sg-redesign--personal .bx_profile .text-md-left {
    flex: 0 0 250px;
    max-width: 250px;
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 44px;
    color: var(--sg-text-muted) !important;
    text-align: left;
}

body.sg-redesign--personal .bx_profile .form-group-password {
    flex: 1 1 320px;
    width: auto;
    min-width: 0;
}

body.sg-redesign--personal .bx_profile .form-group-password .form-control,
body.sg-redesign--personal .bx_profile input[type='password'].form-control {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
}

body.sg-redesign--personal .bx_profile .form-group .form-control {
    flex: 1 1 320px;
    box-sizing: border-box;
    width: auto;
    min-width: 0;
    height: 44px;
    padding: 0 16px;
    border: 1px solid var(--sg-border) !important;
    border-radius: 8px !important;
    background: var(--sg-bg) !important;
    background-color: var(--sg-bg) !important;
    color: var(--sg-text) !important;
    font-size: 15px;
    box-shadow: none !important;
    outline: none;
}

body.sg-redesign--personal .bx_profile .form-group .form-control:focus {
    border-color: var(--sg-border-hover) !important;
    box-shadow: none !important;
}

/* Chrome autofill не должен заливать поле светлым */
body.sg-redesign--personal .bx_profile .form-group .form-control:-webkit-autofill,
body.sg-redesign--personal .bx_profile .form-group .form-control:-webkit-autofill:hover,
body.sg-redesign--personal .bx_profile .form-group .form-control:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--sg-text);
    -webkit-box-shadow: 0 0 0 1000px var(--sg-bg) inset !important;
}

body.sg-redesign--personal .main-profile-form-password-annotation {
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.5;
    color: var(--sg-text-muted) !important;
}

body.sg-redesign--personal .main-profile-form-buttons-block {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: -1px 0 0;
    padding: 24px 32px !important;
    border: 1px solid var(--sg-border) !important;
    border-top-color: var(--sg-border) !important;
    border-radius: 0 0 12px 12px;
}

body.sg-redesign--personal .main-profile-social-block {
    margin: -1px 0 0;
    padding: 24px 32px !important;
    border: 1px solid var(--sg-border) !important;
    border-radius: 0 0 12px 12px;
}

body.sg-redesign--personal .main-profile-submit,
body.sg-redesign--personal .main-profile-submit-cansel {
    box-sizing: border-box;
    min-width: 180px;
    height: 44px;
    line-height: 42px;
    padding: 0 24px !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    cursor: pointer;
}

body.sg-redesign--personal .main-profile-submit {
    background: var(--sg-text) !important;
    border: 1px solid var(--sg-text) !important;
    color: var(--sg-bg) !important;
}

body.sg-redesign--personal .main-profile-submit:hover {
    background: #ffffff !important;
    border-color: #ffffff !important;
}

body.sg-redesign--personal .main-profile-submit-cansel {
    margin-left: 0 !important;
    background: transparent !important;
    border: 1px solid var(--sg-border-hover) !important;
    color: var(--sg-text) !important;
}

body.sg-redesign--personal .main-profile-submit-cansel:hover {
    background: rgba(255, 255, 255, 0.06) !important;
}

body.sg-redesign--personal .sale-personal-profile__techno_block {
    padding: 24px 32px !important;
    background: var(--sg-bg-elevated);
    border: 1px solid var(--sg-border) !important;
    border-radius: var(--sg-radius, 12px);
}

body.sg-redesign--personal .sale-personal-profile-list-container-item,
body.sg-redesign--personal .sale-personal-profile-list-container-row:first-child
.sale-personal-profile-list-container-item {
    text-align: left;
}
body.sg-redesign--personal .sale-personal-profile-list-container-row {
    border-bottom-color: var(--sg-border);
    color: var(--sg-text);
}

body.sg-redesign--personal .sale-personal-profile-list-container-row:first-child
.sale-personal-profile-list-container-item {
    color: var(--sg-text-muted);
}

body.sg-redesign--personal .sale-personal-profile-list-container-item {
    color: var(--sg-text);
}

body.sg-redesign--personal .sale-personal-profile-list-container-item .comment {
    color: var(--sg-text-muted);
}

body.sg-redesign--personal .sale-personal-profile-list-arrow-up,
body.sg-redesign--personal .sale-personal-profile-list-arrow-down {
    color: var(--sg-text-muted);
}

body.sg-redesign--personal .sale-personal-profile-list-arrow-up:hover,
body.sg-redesign--personal .sale-personal-profile-list-arrow-down:hover {
    color: var(--sg-text);
}

body.sg-redesign--personal .sale-personal-profile-list-border {
    border-right-color: var(--sg-border);
}

/* ------------------------------------------------------------------ *
 * 6. Форма авторизации (/personal/ для гостя)
 * ------------------------------------------------------------------ */

body.sg-redesign--personal .bx-authform {
    max-width: 640px;
}

body.sg-redesign--personal .bx-authform-formgroup-container {
    margin: 0 0 16px;
}

body.sg-redesign--personal .bx-authform-formgroup-container--user-remember {
    margin: 0 0 20px;
}

body.sg-redesign--personal .bx-authform-formgroup-container--btn_submit {
    margin: 0;
}

body.sg-redesign--personal .bx-authform .bx-authform-input-container {
    position: relative;
}

body.sg-redesign--personal .bx-authform .bx-authform-input-container.main-input-bg__wrapper::after {
    background: var(--sg-border-hover) !important;
}

body.sg-redesign--personal .bx-authform .bx-authform-input-container.main-input-bg__wrapper:hover::after {
    background: rgba(251, 250, 250, 0.45) !important;
}

body.sg-redesign--personal .bx-authform-input-container .main-input-bg {
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    padding: 18px 48px 0 16px;
    border: 1px solid var(--sg-border) !important;
    border-radius: 8px !important;
    background: var(--sg-bg) !important;
    background-color: var(--sg-bg-elevated) !important;
    color: var(--sg-text) !important;
    font-size: 15px;
    box-shadow: none !important;
    outline: none;
}

body.sg-redesign--personal .bx-authform-input-container .main-input-bg.main-input-bg--gray {
    background: var(--sg-bg) !important;
    background-color: var(--sg-bg) !important;
}

body.sg-redesign--personal .bx-authform-input-container .main-input-bg:focus {
    border-color: var(--sg-border-hover) !important;
}

body.sg-redesign--personal .bx-authform-input-container .main-label-bg {
    left: 16px;
    color: var(--sg-text-muted) !important;
    pointer-events: none;
}

body.sg-redesign--personal .bx-authform-input-container .main-input-bg:focus + .main-label-bg,
body.sg-redesign--personal .bx-authform-input-container .main-input-bg.filled + .main-label-bg {
    color: var(--sg-text-muted) !important;
}

body.sg-redesign--personal .bx-authform .auth-icon_password_hidden {
    position: absolute;
    top: calc(50% - 9px);
    right: 16px;
    z-index: 2;
    fill: none;
    stroke: var(--sg-text-muted);
    cursor: pointer;
}

body.sg-redesign--personal .bx-authform .auth-icon_password_hidden:hover {
    stroke: var(--sg-text);
}

body.sg-redesign--personal .bx-authform-forgot-link,
body.sg-redesign--personal .bx-authform-link {
    display: inline-block;
    width: auto !important;
    color: var(--sg-text) !important;
    border-bottom: 1px solid rgba(251, 250, 250, 0.3);
    font-size: 15px;
    text-decoration: none !important;
}

body.sg-redesign--personal .bx-authform-forgot-link {
    margin: 12px 0 0;
    text-align: left;
    font-size: 14px;
}

body.sg-redesign--personal .bx-authform-forgot-link:hover,
body.sg-redesign--personal .bx-authform-link:hover {
    border-bottom-color: var(--sg-text);
}

body.sg-redesign--personal .bx-authform .bx-filter-param-label input[type='checkbox'] {
    width: 18px !important;
    height: 18px !important;
    background-color: transparent;
    border: 1px solid var(--sg-border-hover);
    border-radius: 4px;
}

body.sg-redesign--personal .bx-authform .bx-filter-param-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: auto;
    cursor: pointer;
}

body.sg-redesign--personal .bx-authform .bx-filter-param-text {
    color: var(--sg-text) !important;
    font-size: 15px;
}

body.sg-redesign--personal .bx-authform .btn.auth-btn {
    display: inline-block;
    box-sizing: border-box;
    width: auto !important;
    min-width: 220px;
    height: 48px;
    padding: 0 32px !important;
    border: 1px solid var(--sg-text) !important;
    border-radius: var(--sg-radius) !important;
    background: var(--sg-text) !important;
    color: var(--sg-bg) !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 46px;
    cursor: pointer;
}

body.sg-redesign--personal .bx-authform .btn.auth-btn:hover {
    background: #ffffff !important;
    border-color: #ffffff !important;
}

body.sg-redesign--personal .bx-authform-link-container {
    margin: 24px 0 0;
    padding: 24px 0 0;
    border-top: 1px solid var(--sg-border);
}

body.sg-redesign--personal .bx-authform-link-container .bx-authform-link {
    width: auto;
}

body.sg-redesign--personal .bx-authform-social {
    margin: 0 0 32px;
}

body.sg-redesign--personal .bx-authform-social__title {
    margin: 0 0 16px;
    font-size: 17px;
    font-weight: 500;
    color: var(--sg-text);
}

body.sg-redesign--personal .bx-authform-social__icon-container {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.sg-redesign--personal .bx-authform-social-icon {
    display: block;
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    border: 1px solid var(--sg-border) !important;
    border-radius: 50%;
    background-color: var(--sg-bg-elevated);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

body.sg-redesign--personal .bx-authform-social-icon:hover {
    border-color: var(--sg-border-hover) !important;
    background-color: #1c1c1c;
}

/* ------------------------------------------------------------------ *
 * 6b. Оформление заказа (order/make) — каркас в order-layout.css
 * ------------------------------------------------------------------ */ (/personal/ для гостя) и оформление заказа
 * ------------------------------------------------------------------ */

body.sg-redesign--personal .bx-soa-custom-label,
body.sg-redesign--personal .bx-soa-section-title,
body.sg-redesign--personal .bx-soa-pp-company-graf-container + .bx-soa-pp-company-smalltitle,
body.sg-redesign--personal .bx_soa_location label,
body.sg-redesign--personal .bx-soa label {
    color: var(--sg-text) !important;
}


/* ------------------------------------------------------------------ *
 * 7. Адаптив
 * ------------------------------------------------------------------ */

@media (max-width: 1439px) {
    body.sg-redesign--personal-shell .puzzle_block.main-container {
        padding-left: var(--sg-container-desktop) !important;
        padding-right: var(--sg-container-desktop) !important;
    }
}

@media (max-width: 1199px) {
    body.sg-redesign--personal-shell .puzzle_block.main-container {
        padding-left: var(--sg-container-tablet) !important;
        padding-right: var(--sg-container-tablet) !important;
    }

    body.sg-redesign--personal .sale-personal-section-row-flex {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body.sg-redesign--personal .bx_profile .main-profile-form-label,
    body.sg-redesign--personal .bx_profile .text-md-left {
        flex-basis: 160px;
        max-width: 160px;
    }
}

@media (min-width: 992px) {
    body.sg-redesign--personal .block_main_left_menu__content.active {
        width: calc(100% - 305px - 24px) !important;
        margin-left: 24px !important;
    }
}

@media (max-width: 991px) {
    body.sg-redesign--personal .block_main_left_menu {
        flex-direction: column;
    }

    body.sg-redesign--personal .block_main_left_menu__content.active {
        width: 100% !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    body.sg-redesign--personal .block_main_left_menu__container {
        margin-top: 20px;
    }

    body.sg-redesign--personal .block_main_left_menu__content > h1 {
        margin-top: 28px;
        font-size: 32px;
    }
}

@media (max-width: 767px) {
    body.sg-redesign--personal-shell .puzzle_block.main-container {
        padding-left: var(--sg-container-mobile) !important;
        padding-right: var(--sg-container-mobile) !important;
        padding-bottom: 48px !important;
    }

    body.sg-redesign--personal .sale-personal-section-row-flex {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    body.sg-redesign--personal .sale-personal-section-index-block {
        min-height: 116px;
    }

    body.sg-redesign--personal .sale-personal-section-index-block-link,
    body.sg-redesign--personal .sale-personal-section-index-block-link:hover,
    body.sg-redesign--personal .sale-personal-section-index-block-link:focus,
    body.sg-redesign--personal .sale-personal-section-index-block-link:visited {
        gap: 18px;
        padding: 16px;
    }

    body.sg-redesign--personal .sale-personal-section-index-block .fonts__small_text,
    body.sg-redesign--personal .sale-personal-section-index-block-name {
        font-size: 15px;
    }

    body.sg-redesign--personal .block_main_left_menu__content > h1 {
        margin-top: 24px;
        font-size: 26px;
    }

    body.sg-redesign--personal .main-profile-block-content-info {
        padding: 20px !important;
    }

    body.sg-redesign--personal .bx_profile .main-profile-form-label,
    body.sg-redesign--personal .bx_profile .text-md-left {
        flex-basis: 100%;
        max-width: 100%;
        line-height: 1.3;
    }

    body.sg-redesign--personal .main-profile-block-date-info {
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-bottom: 16px;
    }

    body.sg-redesign--personal .main-profile-block-date-info-title:first-child {
        padding-right: 0;
    }

    body.sg-redesign--personal .bx_profile .form-group .form-control,
    body.sg-redesign--personal .bx_profile .form-group .form-control:focus {
        flex: 1 1 100%;
        width: 100%;
    }

    body.sg-redesign--personal .bx_profile .form-group-password {
        flex-basis: 100%;
    }

    body.sg-redesign--personal .main-profile-form-buttons-block,
    body.sg-redesign--personal .main-profile-social-block {
        padding: 20px !important;
    }

    body.sg-redesign--personal .main-profile-submit,
    body.sg-redesign--personal .main-profile-submit-cansel {
        flex: 1 1 100%;
        width: 100%;
        min-width: 0;
    }

    body.sg-redesign--personal .sale-order-list-title-container,
    body.sg-redesign--personal .sale-order-list-accomplished-title-container {
        padding: 16px !important;
    }

    body.sg-redesign--personal .sale-order-list-inner-container {
        padding: 0 16px 8px !important;
    }

    body.sg-redesign--personal .sale-order-list-button {
        width: 100%;
        min-width: 0;
    }

    body.sg-redesign--personal .sale-personal-profile__techno_block {
        padding: 16px !important;
    }
}

/* Соцсервисы в анкете: убираем светлые плашки legacy-шаблона */
body.sg-redesign--personal .main-profile-social-block .bx-auth-serv-icons a {
    background: transparent !important;
    border-color: var(--sg-border) !important;
    border-radius: 8px;
}

body.sg-redesign--personal .main-profile-social-block .bx-auth-serv-icons a:hover {
    background: rgba(255, 255, 255, 0.06) !important;
}
/* Связанные соцпрофили (socserv.auth.split): legacy-плашка #f5f5f5 у заголовка */
body.sg-redesign--personal .main-profile-social-block .soc-serv-title,
body.sg-redesign--personal .main-profile-social-block .soc-serv-title-grey {
    box-sizing: border-box;
    width: auto;
    height: auto;
    padding: 0;
    background: transparent !important;
    border: 0;
    border-radius: 0;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.4;
    color: var(--sg-text-muted) !important;
}

body.sg-redesign--personal .main-profile-social-block .soc-serv-accounts,
body.sg-redesign--personal .main-profile-social-block .soc-serv-header,
body.sg-redesign--personal .main-profile-social-block .soc-serv-name {
    color: var(--sg-text) !important;
}

body.sg-redesign--personal .main-profile-social-block .soc-serv-personal td {
    border-color: var(--sg-border) !important;
}