/**
 * Личный кабинет + «Спасибо за заказ» — TSK25.
 * ОФЗ #497952 · ФТЗ #127023 · ФСЗ #e8efe6
 *
 * body.sk-personal-c25 — только layout-хуки (без max-width).
 * Контент — div.sk-lk-c25 / div.sk-order-success-c25.
 */

body.sk-personal-c25 .page > .content {
    border-left: none;
    box-shadow: none;
}

body.sk-personal-c25 {
    --c25-brand: #497952; /* ОФЗ */
    --c25-brand-dark: #127023; /* ФТЗ */
    --c25-brand-mid: #5f9a69;
    --c25-brand-soft: #e8efe6; /* ФСЗ */
    --c25-ink: #3d4438;
    --c25-text: #4f574b;
    --c25-muted: #8a9a86;
    --c25-line: #d7e4d4;
    --c25-radius: 14px;
}

/* ——— Обёртка ЛК ——— */
div.sk-lk-c25 {
    --c25-brand: #497952;
    --c25-brand-dark: #127023;
    --c25-brand-mid: #5f9a69;
    --c25-brand-soft: #e8efe6;
    --c25-ink: #3d4438;
    --c25-text: #4f574b;
    --c25-muted: #8a9a86;
    --c25-line: #d7e4d4;
    --c25-radius: 14px;
    max-width: 960px;
    margin: 0 auto 48px;
    color: var(--c25-text);
    line-height: 1.55;
}

.sk-lk-c25__hero {
    margin: 0 0 20px;
    padding: 22px 24px;
    background: linear-gradient(135deg, var(--c25-brand-soft) 0%, #f6faf5 55%, #fff 100%);
    border: 1px solid var(--c25-line);
    border-left: 5px solid #127023; /* ФТЗ */
    border-radius: var(--c25-radius);
}

.sk-lk-c25__eyebrow {
    display: inline-block;
    margin: 0 0 8px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--c25-brand-dark);
}

.sk-lk-c25__title {
    margin: 0;
    font-size: 28px;
    line-height: 1.25;
    font-weight: 700;
    color: var(--c25-ink);
}

.sk-lk-c25__title .uk-heading-bullet::before {
    display: none;
}

.sk-lk-c25__body {
    margin: 0;
}

/* ——— Segmented tabs (как Новинки / Описание) ——— */
.sk-lk-c25__tabs {
    margin: 0 0 24px;
}

.sk-lk-c25__nav {
    margin: 0;
    padding: 0;
}

.sk-lk-c25__nav-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: stretch;
    align-items: stretch;
    gap: 4px;
    width: 100%;
    margin: 0;
    padding: 4px;
    list-style: none;
    background: var(--c25-brand-soft); /* ФСЗ */
    border-radius: 180px;
    box-sizing: border-box;
}

.sk-lk-c25__nav-item {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    align-items: stretch;
    margin: 0;
}

.sk-lk-c25__nav-link {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 0;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
    text-align: center;
    text-decoration: none !important;
    color: var(--c25-brand-dark) !important; /* ФТЗ */
    background: transparent;
    border-radius: 180px;
    transition: background 0.15s ease, color 0.15s ease;
    box-sizing: border-box;
}

.sk-lk-c25__nav-link:hover {
    background: #dce8d9;
    color: var(--c25-brand-dark) !important;
}

.sk-lk-c25__nav-link.is-active,
.sk-lk-c25__nav-link.is-active:hover {
    background: var(--c25-brand); /* ОФЗ */
    color: #fff !important;
}

.sk-lk-c25__nav-item--logout {
    flex: 0 0 auto;
}

.sk-lk-c25__nav-link--logout {
    padding-left: 16px;
    padding-right: 16px;
    color: var(--c25-muted) !important;
}

.sk-lk-c25__nav-link--logout:hover {
    background: #fff;
    color: var(--c25-brand-dark) !important;
}

/* Сброс UK navbar внутри ЛК */
.sk-lk-c25 .uk-navbar-container,
.sk-lk-c25 .uk-navbar {
    background: transparent !important;
}

/* ——— Карточки / секции ——— */
.sk-lk-c25__card,
.sk-lk-c25 .sale-order-list-container,
.sk-lk-c25 .sale-order-list-inner-container,
.sk-lk-c25 .sale-order-detail,
.sk-lk-c25 .bx-sls,
.sk-lk-c25 .sale-personal-profile-list-container,
.sk-lk-c25 .sale-personal-section-account-block {
    margin: 0 0 14px;
    padding: 16px 18px;
    background: #fff;
    border: 1px solid var(--c25-line);
    border-radius: var(--c25-radius);
    box-shadow: 0 1px 0 rgba(61, 68, 56, 0.03);
}

.sk-lk-c25 .sale-order-list-inner-container,
.sk-lk-c25__card--accent {
    background: var(--c25-brand-soft);
    border-left: 4px solid #127023; /* ФТЗ */
}

.sk-lk-c25 h2,
.sk-lk-c25 h3,
.sk-lk-c25 .sale-order-list-title {
    color: var(--c25-ink);
    font-weight: 700;
}

.sk-lk-c25 a:not(.uk-button):not(.sk-lk-c25__nav-link):not(.sale-order-list-button):not(.sk-order-success-c25__cta) {
    color: var(--c25-brand-dark);
}

.sk-lk-c25 a:not(.uk-button):not(.sk-lk-c25__nav-link):not(.sale-order-list-button):hover {
    color: var(--c25-brand);
}

/* ——— Кнопки: ОФЗ / hover ФТЗ ——— */
.sk-lk-c25 .uk-button-primary,
.sk-lk-c25 .btn-primary,
.sk-lk-c25 .sale-order-list-button,
.sk-lk-c25 .sale-order-detail-payment-options-methods-button-element,
.sk-lk-c25 input[type="submit"],
.sk-lk-c25 button[type="submit"],
.sk-lk-c25 .bx-auth-input-submit {
    background: var(--c25-brand) !important;
    border-color: var(--c25-brand) !important;
    color: #fff !important;
    border-radius: 10px !important;
    font-weight: 600;
    text-decoration: none !important;
    transition: background 0.18s ease, border-color 0.18s ease;
}

.sk-lk-c25 .uk-button-primary:hover,
.sk-lk-c25 .btn-primary:hover,
.sk-lk-c25 .sale-order-list-button:hover,
.sk-lk-c25 input[type="submit"]:hover,
.sk-lk-c25 button[type="submit"]:hover {
    background: var(--c25-brand-dark) !important;
    border-color: var(--c25-brand-dark) !important;
    color: #fff !important;
}

.sk-lk-c25 .uk-button-default,
.sk-lk-c25 .uk-button-default--white,
.sk-lk-c25 .btn-default {
    background: #fff !important;
    border: 1px solid var(--c25-line) !important;
    color: var(--c25-brand-dark) !important;
    border-radius: 10px !important;
    font-weight: 600;
}

.sk-lk-c25 .uk-button-default:hover,
.sk-lk-c25 .uk-button-default--white:hover {
    background: var(--c25-brand-soft) !important;
    border-color: var(--c25-brand-mid) !important;
    color: var(--c25-brand-dark) !important;
}

/* ——— Формы профиля / подписки ——— */
.sk-lk-c25 .uk-input,
.sk-lk-c25 .uk-textarea,
.sk-lk-c25 .uk-select,
.sk-lk-c25 input[type="text"],
.sk-lk-c25 input[type="email"],
.sk-lk-c25 input[type="password"],
.sk-lk-c25 input[type="tel"],
.sk-lk-c25 textarea,
.sk-lk-c25 select {
    border-color: var(--c25-line) !important;
    border-radius: 10px !important;
    color: var(--c25-ink);
}

.sk-lk-c25 .uk-input:focus,
.sk-lk-c25 .uk-textarea:focus,
.sk-lk-c25 input:focus,
.sk-lk-c25 textarea:focus,
.sk-lk-c25 select:focus {
    border-color: var(--c25-brand) !important;
    outline: none;
    box-shadow: 0 0 0 2px rgba(73, 121, 82, 0.15);
}

.sk-lk-c25 .uk-form-label,
.sk-lk-c25 label {
    color: var(--c25-ink);
    font-weight: 600;
}

.sk-lk-c25 input[type="checkbox"],
.sk-lk-c25 input[type="radio"] {
    accent-color: var(--c25-brand);
}

/* ——— Статусы заказов ——— */
.sk-lk-c25 .sale-order-list-status-success {
    color: var(--c25-brand-dark) !important;
    font-weight: 600;
}

.sk-lk-c25 .sale-order-list-status-alert {
    color: #b45309 !important;
}

.sk-lk-c25 .sale-order-list-inner-title-line-item {
    color: var(--c25-brand-dark);
    font-weight: 600;
}

.sk-lk-c25 .sale-order-list-change-payment {
    color: var(--c25-brand-dark) !important;
}

/* ——— Плашка заказа: сетка TSK25 ——— */
.sk-lk-c25 .sale-order-list-inner-container.sk-lk-order-card {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 18px 20px;
}

.sk-lk-c25 .sk-lk-order-card__header {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--c25-line);
}

.sk-lk-c25 .sk-lk-order-card__title {
    margin: 0 !important;
    font-size: 18px;
    line-height: 1.3;
}

.sk-lk-c25 .sk-lk-order-card__summary {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    font-size: 14px;
    color: var(--c25-muted);
}

.sk-lk-c25 .sk-lk-order-card__summary-sum strong {
    color: var(--c25-brand-dark);
    font-weight: 700;
}

.sk-lk-c25 .sk-lk-order-card__section-title {
    margin: 0 0 10px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--c25-brand-dark);
}

.sk-lk-c25 .sk-lk-order-card__items {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sk-lk-c25 .sk-lk-order-card__item {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 10px 12px;
    background: #fff;
    border: 1px solid var(--c25-line);
    border-radius: 12px;
}

.sk-lk-c25 .sk-lk-order-card__item-pic {
    width: 56px;
    height: 56px;
    border-radius: 10px;
    overflow: hidden;
    background: var(--c25-brand-soft);
    border: 1px solid var(--c25-line);
    flex-shrink: 0;
}

.sk-lk-c25 .sk-lk-order-card__item-pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sk-lk-c25 .sk-lk-order-card__item-pic--empty {
    background:
        linear-gradient(135deg, var(--c25-brand-soft) 0%, #f6faf5 100%);
}

.sk-lk-c25 .sk-lk-order-card__item-name {
    display: block;
    font-weight: 600;
    color: var(--c25-ink) !important;
    text-decoration: none !important;
    line-height: 1.35;
}

.sk-lk-c25 a.sk-lk-order-card__item-name:hover {
    color: var(--c25-brand) !important;
}

.sk-lk-c25 .sk-lk-order-card__item-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
    margin-top: 4px;
    font-size: 13px;
    color: var(--c25-muted);
}

.sk-lk-c25 .sk-lk-order-card__item-sum {
    font-weight: 700;
    color: var(--c25-brand-dark);
    white-space: nowrap;
    font-size: 15px;
}

.sk-lk-c25 .sk-lk-order-card__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.sk-lk-c25 .sk-lk-order-card__col {
    padding: 14px 14px 12px;
    background: #fff;
    border: 1px solid var(--c25-line);
    border-radius: 12px;
}

.sk-lk-c25 .sk-lk-order-card__block + .sk-lk-order-card__block {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--c25-line);
}

.sk-lk-c25 .sk-lk-order-card__muted {
    font-size: 14px;
    color: var(--c25-muted);
}

.sk-lk-c25 .sk-lk-order-card .sale-order-list-payment-title,
.sk-lk-c25 .sk-lk-order-card .sale-order-list-shipment-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    font-size: 14px;
    color: var(--c25-ink);
}

.sk-lk-c25 .sk-lk-order-card .sale-order-list-payment-title-element,
.sk-lk-c25 .sk-lk-order-card .sale-order-list-shipment-element {
    font-weight: 600;
}

.sk-lk-c25 .sk-lk-order-card .sale-order-list-status-success,
.sk-lk-c25 .sk-lk-order-card .sale-order-list-status-alert {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
}

.sk-lk-c25 .sk-lk-order-card .sale-order-list-status-success {
    background: var(--c25-brand-soft);
    color: var(--c25-brand-dark) !important;
}

.sk-lk-c25 .sk-lk-order-card .sale-order-list-status-alert {
    background: #fff7ed;
    color: #b45309 !important;
}

.sk-lk-c25 .sk-lk-order-card .sale-order-list-payment-price,
.sk-lk-c25 .sk-lk-order-card .sale-order-list-shipment-status,
.sk-lk-c25 .sk-lk-order-card .sale-order-list-shipment-item {
    margin: 4px 0;
    font-size: 14px;
    color: var(--c25-text);
}

.sk-lk-c25 .sk-lk-order-card .sale-order-list-payment-number,
.sk-lk-c25 .sk-lk-order-card .sale-order-list-shipment-status-block {
    font-weight: 600;
    color: var(--c25-ink);
}

.sk-lk-c25 .sk-lk-order-card .sale-order-list-button-container {
    margin-top: 10px;
}

.sk-lk-c25 .sk-lk-order-card .sale-order-list-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 8px 14px;
}

.sk-lk-c25 .sk-lk-order-card .sale-order-list-change-payment,
.sk-lk-c25 .sk-lk-order-card .sale-order-list-shipment-button {
    display: inline-block;
    margin-top: 6px;
    font-size: 13px;
    font-weight: 600;
}

.sk-lk-c25 .sk-lk-order-card .sale-order-list-inner-row-template {
    display: none;
    margin-top: 10px;
}

.sk-lk-c25 .sk-lk-order-card .sale-order-list-inner-row-body {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.sk-lk-c25 .sk-lk-order-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-top: 4px;
    border-top: 1px solid var(--c25-line);
}

.sk-lk-c25 .sk-lk-order-card__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 8px 14px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
    border: 1px solid var(--c25-line);
    background: #fff;
    color: var(--c25-brand-dark) !important;
    transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.sk-lk-c25 .sk-lk-order-card__action:hover {
    background: #fff;
    border-color: var(--c25-brand-mid);
    color: var(--c25-brand) !important;
}

.sk-lk-c25 .sk-lk-order-card__action--primary {
    background: var(--c25-brand) !important;
    border-color: var(--c25-brand) !important;
    color: #fff !important;
}

.sk-lk-c25 .sk-lk-order-card__action--primary:hover {
    background: var(--c25-brand-dark) !important;
    border-color: var(--c25-brand-dark) !important;
    color: #fff !important;
}

.sk-lk-c25 .sk-lk-order-card__action--muted {
    color: var(--c25-muted) !important;
}

.sk-lk-c25 .sk-lk-order-card__action--muted:hover {
    color: #b45309 !important;
    border-color: #f0d2b0;
}

@media (max-width: 720px) {
    .sk-lk-c25 .sk-lk-order-card__grid {
        grid-template-columns: 1fr;
    }

    .sk-lk-c25 .sk-lk-order-card__item {
        grid-template-columns: 48px minmax(0, 1fr);
        grid-template-areas:
            "pic body"
            "pic sum";
    }

    .sk-lk-c25 .sk-lk-order-card__item-pic {
        grid-area: pic;
        width: 48px;
        height: 48px;
    }

    .sk-lk-c25 .sk-lk-order-card__item-body {
        grid-area: body;
    }

    .sk-lk-c25 .sk-lk-order-card__item-sum {
        grid-area: sum;
        justify-self: start;
    }

    .sk-lk-c25 .sk-lk-order-card__actions {
        flex-direction: column;
    }

    .sk-lk-c25 .sk-lk-order-card__action {
        width: 100%;
    }
}

/* Личный счёт: убрать синий uk-card-primary */
.sk-lk-c25 .uk-card-primary,
.sk-lk-c25 .sale-personal-account-wallet-container,
.sk-lk-c25 .uk-card.uk-card-primary {
    background: var(--c25-brand-soft) !important;
    color: var(--c25-ink) !important;
    border: 1px solid var(--c25-line) !important;
    border-left: 4px solid #127023 !important;
    border-radius: var(--c25-radius) !important;
    box-shadow: none !important;
}

.sk-lk-c25 .sale-personal-account-wallet-title,
.sk-lk-c25 .sale-personal-account-wallet-sum,
.sk-lk-c25 .sale-personal-account-wallet-currency {
    color: var(--c25-ink) !important;
}

/* Подписка */
.sk-lk-c25 .subscription-block,
.sk-lk-c25 form[name="form_subscr"] {
    padding: 16px 18px;
    background: #fff;
    border: 1px solid var(--c25-line);
    border-radius: var(--c25-radius);
}

/* Сброс синей темы Bitrix внутри ЛК */
.sk-lk-c25 .bx-blue,
.sk-lk-c25 .theme-blue,
.sk-lk-c25 .bx-theme-blue {
    --theme-color-primary: var(--c25-brand);
}

.sk-lk-c25 .btn.btn-primary,
.sk-lk-c25 a.btn.btn-primary {
    background-color: var(--c25-brand) !important;
    border-color: var(--c25-brand) !important;
}

/* ——— Страница «Спасибо за заказ» ——— */
div.sk-order-success-c25 {
    --c25-brand: #497952;
    --c25-brand-dark: #127023;
    --c25-brand-mid: #5f9a69;
    --c25-brand-soft: #e8efe6;
    --c25-ink: #3d4438;
    --c25-text: #4f574b;
    --c25-muted: #8a9a86;
    --c25-line: #d7e4d4;
    --c25-radius: 14px;
    max-width: 720px;
    margin: 24px auto 48px;
    color: var(--c25-text);
    line-height: 1.55;
}

.sk-order-success-c25__hero {
    margin: 0 0 18px;
    padding: 22px 24px;
    background: linear-gradient(135deg, var(--c25-brand-soft) 0%, #f6faf5 55%, #fff 100%);
    border: 1px solid var(--c25-line);
    border-left: 5px solid #127023;
    border-radius: var(--c25-radius);
}

.sk-order-success-c25__eyebrow {
    display: inline-block;
    margin: 0 0 8px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--c25-brand-dark);
}

.sk-order-success-c25__title {
    margin: 0 0 10px;
    font-size: 28px;
    line-height: 1.25;
    font-weight: 700;
    color: var(--c25-ink);
}

.sk-order-success-c25__lead {
    margin: 0;
    color: var(--c25-text);
}

.sk-order-success-c25__card {
    margin: 0 0 14px;
    padding: 16px 18px;
    background: var(--c25-brand-soft);
    border: 1px solid var(--c25-line);
    border-left: 4px solid #127023;
    border-radius: var(--c25-radius);
}

.sk-order-success-c25__card--plain {
    background: #fff;
}

.sk-order-success-c25__card p {
    margin: 0 0 10px;
}

.sk-order-success-c25__card p:last-child {
    margin-bottom: 0;
}

.sk-order-success-c25__meta {
    margin: 0 0 8px;
    font-size: 14px;
    color: var(--c25-muted);
}

.sk-order-success-c25__pay-name {
    margin: 0 0 8px;
    font-weight: 700;
    color: var(--c25-ink);
}

.sk-order-success-c25__cta,
.sk-order-success-c25 a.btn,
.sk-order-success-c25 .btn-primary,
.sk-order-success-c25 input[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 8px 8px 0 0;
    padding: 10px 16px;
    font-size: 15px;
    font-weight: 600;
    color: #fff !important;
    text-decoration: none !important;
    background: var(--c25-brand) !important;
    border: 1px solid transparent !important;
    border-radius: 10px;
    transition: background 0.18s ease;
}

.sk-order-success-c25__cta:hover,
.sk-order-success-c25 a.btn:hover,
.sk-order-success-c25 .btn-primary:hover,
.sk-order-success-c25 input[type="submit"]:hover {
    background: var(--c25-brand-dark) !important;
    color: #fff !important;
}

.sk-order-success-c25 a:not(.sk-order-success-c25__cta):not(.btn) {
    color: var(--c25-brand-dark);
}

.sk-order-success-c25 .sale_order_full_table {
    width: 100%;
    border: none !important;
    background: transparent !important;
}

.sk-order-success-c25 .sale_order_full_table td {
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
}

.sk-order-success-c25__error {
    color: #b45309;
    font-weight: 600;
}

@media (max-width: 720px) {
    .sk-lk-c25__nav-list {
        border-radius: 16px;
    }

    .sk-lk-c25__nav-item {
        flex: 1 1 calc(50% - 4px);
    }

    .sk-lk-c25__nav-item--logout {
        flex: 1 1 100%;
    }

    .sk-lk-c25__title,
    .sk-order-success-c25__title {
        font-size: 24px;
    }

    .sk-lk-c25__hero,
    .sk-order-success-c25__hero {
        padding: 18px 16px;
    }
}
