/* Карточка вкладок под текстом раздела/товара/страницы и «По разделу» (Common/ContentTabs/_content_tabs.php, _catalog_related.php, 2026-10-19).
   Вид — Bootstrap-карточка сайта; пункты «По разделу» рисует content-tabs.js классами asder.es (`notes-area__*`, `book-related__*`) — здесь
   они оформлены для Bootstrap-сайтов. asder.es свои блоки стилизует сам (классы .content-tabs, .book-related — здесь не задеты).
   Размеры — в em (frontend/CLAUDE-STYLES.md § 0). Путь: /web/Common/assets/css/content-tabs.css */

.sns-content-tabs,
.sns-catalog-related {
    padding: 0; /* темы fancy-free (ivecom, shopnseo) дают всем section отступ 60px сверху и снизу */
}

.sns-content-tabs .card-header-tabs .nav-link {
    color: var(--bs-secondary-color);
    font-weight: 600;
}

.sns-content-tabs .card-header-tabs .nav-link.active {
    color: var(--bs-body-color);
}

.sns-content-tabs .sns-tabs-item__image {
    width: 6em;
}

.sns-content-tabs .tab-pane > ul > li:last-child {
    border-bottom: 0 !important;
}

.sns-catalog-related > .card-header {
    color: inherit; /* кнопка не наследует цвет текста — на тёмной теме (kb77, data-bs-theme="dark") название было не видно */
    cursor: pointer;
}

.sns-catalog-related .sns-catalog-related__chevron {
    transition: transform .2s;
}

.sns-catalog-related > .card-header:not(.collapsed) .sns-catalog-related__chevron {
    transform: rotate(180deg);
}

.sns-catalog-related .sns-catalog-related__list {
    max-height: 22em;
    overflow-y: auto;
}

.sns-catalog-related .notes-area__card {
    padding: .5em 0;
    border-bottom: 1px solid var(--bs-border-color);
}

.sns-catalog-related .notes-area__card:last-child {
    border-bottom: 0;
}

.sns-catalog-related .notes-area__card-title {
    margin: 0;
    font-size: 1em;
}

.sns-catalog-related .notes-area__link {
    padding: 0;
    text-align: left;
    color: var(--bs-link-color);
    background: none;
    border: 0;
}

.sns-catalog-related .notes-area__link:hover {
    text-decoration: underline;
}

.sns-catalog-related .book-related__chapter {
    display: block;
    font-size: .8em;
    color: var(--bs-secondary-color);
}

.sns-catalog-related .content-tabs__count {
    margin-left: .25em;
    font-size: .8em;
    color: var(--bs-secondary-color);
}