/* Запасное оформление старого контента в новой стилистике. Слой pages: ниже legacy — у старых страниц
   со своими стилями побеждают их правила; плашка превью — вне слоёв. */
@layer pages {
/* Старый контент Битрикса внутри нового дизайна: типографика, таблицы, формы, пагинация.
   Вне @layer — поэтому перекрывает reset темы только внутри .bx-content. */

.bx-content {
    padding-block: 40px 80px;
    color: var(--color-text-body);
    font-family: var(--font-family-primary);
    font-size: 16px;
    line-height: 1.5;
}
.bx-page__title {
    margin: 0 0 32px;
    color: var(--color-brand-dark);
    font-size: clamp(26px, 4vw, 40px);
    font-weight: 700;
    line-height: 1.15;
}
/* правила для старого контента не трогают встроенные блоки нового дизайна (калькулятор, терминалы, услуги) */
@scope (.bx-content) to (.atec-embed, .atec-calc-embed) {
.bx-content h2, .bx-content h3, .bx-content h4 {
    margin: 1.6em 0 .6em;
    color: var(--color-brand-dark);
    font-weight: 700;
    line-height: 1.2;
}
.bx-content h2 { font-size: clamp(22px, 3vw, 30px); }
.bx-content h3 { font-size: 20px; }
.bx-content p { margin: 0 0 1em; }
.bx-content a:not(.button) { color: var(--color-brand-orange); text-decoration: underline; text-underline-offset: 2px; }
.bx-content a:not(.button):hover { color: var(--color-brand-dark); }
.bx-content ul:not([class]), .bx-content ol:not([class]) { margin: 0 0 1em; padding-left: 1.4em; }
.bx-content ul:not([class]) { list-style: disc; }
.bx-content ol:not([class]) { list-style: decimal; }
.bx-content li::marker { color: var(--color-brand-orange); }
.bx-content img { max-width: 100%; height: auto; border-radius: var(--radius-feature); }
.bx-content hr { border: 0; border-top: 1px solid var(--color-divider); margin: 2em 0; }

/* таблицы: горизонтальный скролл вместо вылезания за экран */
.bx-content table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    border-collapse: collapse;
    margin: 0 0 1.5em;
    font-size: 14px;
}
.bx-content th, .bx-content td {
    padding: 12px 16px;
    border-bottom: 1px solid var(--color-section-muted);
    text-align: left;
    vertical-align: top;
}
.bx-content th {
    background: var(--color-control-surface);
    color: var(--color-brand-dark);
    font-weight: 600;
    white-space: nowrap;
}
.bx-content tr:hover td { background: var(--color-surface-warm); }

/* поля форм старых компонентов */
.bx-content input[type=text], .bx-content input[type=email], .bx-content input[type=tel],
.bx-content input[type=password], .bx-content input[type=number], .bx-content input[type=date],
.bx-content select, .bx-content textarea {
    width: 100%;
    max-width: 480px;
    min-height: 48px;
    padding: 12px 16px;
    border: 1px solid transparent;
    border-radius: var(--radius-control);
    background: var(--color-control-surface);
    color: var(--color-text-control);
    font: inherit;
}
.bx-content textarea { min-height: 120px; }
.bx-content input:focus, .bx-content select:focus, .bx-content textarea:focus {
    outline: none;
    border-color: var(--color-brand-orange);
}
.bx-content input[type=submit], .bx-content button[type=submit], .bx-content .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 28px;
    border: 0;
    border-radius: var(--radius-control);
    background: var(--color-brand-orange);
    color: var(--color-accent-contrast);
    font: 600 15px/1 var(--font-family-primary);
    cursor: pointer;
    text-decoration: none;
}
.bx-content input[type=submit]:hover, .bx-content button[type=submit]:hover, .bx-content .btn:hover {
    background: var(--color-brand-dark);
}

/* пагинация main.pagenavigation / system.pagenavigation */
.bx-content .modern-page-navigation, .bx-content .bx-pagination-container ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 32px 0 0;
    padding: 0;
    list-style: none;
}
.bx-content .modern-page-navigation a, .bx-content .modern-page-navigation span,
.bx-content .bx-pagination-container li > * {
    display: inline-flex;
    min-width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border-radius: var(--radius-control);
    background: var(--color-control-surface);
    color: var(--color-text-control);
    text-decoration: none;
}
.bx-content .modern-page-current, .bx-content .bx-pagination-container .bx-active > * {
    background: var(--color-brand-orange);
    color: var(--color-accent-contrast);
}

}

}
/* плашка превью (видна только в новом дизайне) */
.atec-preview-bar {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 1000;
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 10px 14px;
    border-radius: var(--radius-feature);
    background: var(--color-brand-dark);
    color: #fff;
    font: 500 13px/1.3 var(--font-family-primary);
    box-shadow: var(--shadow-low);
}
.atec-preview-bar a { color: var(--color-brand-orange); }

@media (max-width: 767px) {
    .bx-content { padding-block: 24px 48px; font-size: 15px; }
    .bx-page__title { margin-bottom: 20px; }
}

/* Отступ под шапкой у старых страниц: legacy-CSS (слой ниже по приоритету нашего нет) обнуляет padding .container — задаём вне слоёв */
main.bx-page > .container.bx-content { padding-top: 32px; }
@media (max-width: 767px) { main.bx-page > .container.bx-content { padding-top: 20px; } }

/* Баннер старых страниц услуг (.wrapper-block > .header-block) — на всю ширину экрана, как на старом дизайне */
main.bx-page .wrapper-block > .header-block { width: 100vw; margin-left: calc(50% - 50vw); margin-top: -32px; }
main.bx-page .wrapper-block > .header-block .header-title { text-align: left; }
@media (max-width: 767px) { main.bx-page .wrapper-block > .header-block { margin-top: -20px; } }

/* наш контейнер страницы не старый .container: legacy-правило .container{text-align:center} его не касается */
main.bx-page > .container.bx-content { text-align: start; }



/* старые страницы услуг (.wrapper-block) сами задают ширину блоков — наш контейнер их не сжимает */
main.bx-page > .container.bx-content:has(> .wrapper-block) { width: 100%; max-width: none; padding-inline: 0; }
main.bx-page > .container.bx-content:has(> .wrapper-block) > .wrapper-block > .header-block { width: auto; margin-left: 0; }
/* калькулятор нового дизайна внутри старой страницы */
.atec-calc-embed { display: flex; justify-content: center; margin: 32px auto 40px; text-align: start; }
.atec-calc-embed .shipping-calculator { width: 100%; max-width: 560px; }


/* «Отследить заказ» в калькуляторе скрыто до онлайн-метода отслеживания в 1С (05.10.2026) */
#shipping-tracking-tab,
#shipping-tracking-panel { display: none !important; }

/* 17353 (14.10.2026): ЛК — «Ваш филиал» в профиле убран (в 1С такого понятия нет) */
.account-panel:has(#atec__profil___branch) { display: none !important; }
/* «Мои организации» — только просмотр списка: без добавления, редактирования, удаления и подтверждения прав */
.account-organizations__add-row,
.account-organizations__add-control,
.account-organization-editor,
.account-organizations [data-account-edit-record],
.account-organizations [data-account-delete-record],
.account-organizations [data-account-verification] { display: none !important; }
/* 17353: календарь периода в ЛК — AirDatepicker в цветах сайта */
.air-datepicker.lk-range-calendar { --adp-accent-color: #f5851f; --adp-cell-background-color-selected: #f5851f;
    --adp-cell-background-color-selected-hover: #e07412; --adp-cell-background-color-in-range: rgba(245, 133, 31, .14);
    --adp-cell-background-color-in-range-hover: rgba(245, 133, 31, .24); --adp-color-current-date: #f5851f;
    --adp-font-family: inherit; --adp-border-radius: 10px; --adp-cell-border-radius: 8px; --adp-width: 280px;
    border-color: rgba(0, 0, 0, .08); box-shadow: 0 12px 32px rgba(0, 0, 0, .12); z-index: 1000; }

/* 17414 (21.10.2026): тарифы — без «Приём груза» (совпадает с режимом работы), выходные с новой строки */
.terminal-tariff-card__field[data-terminal-field="cargoAcceptance"] { display: none !important; }
.terminal-tariff-card__field[data-terminal-field="schedule"] .terminal-tariff-card__value { white-space: pre-line; }