/* Карточка вкладок под текстом раздела/товара/страницы и «По разделу» (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);
}

/* Пункты вкладок «Вопросы» и «Обсуждение» (content-tabs.js, классы asder.es `notes-area__*`): начало текста, «Далее» — на месте,
   «Свернуть · Задать уточнение / Ответить». Ветка комментария — классы окна (`sns-popup-comment`, content-popup.css). */
.sns-content-tabs .notes-area__card {
    padding: .6em 0;
    border-bottom: 1px solid var(--bs-border-color);
}

.sns-content-tabs .notes-area__card:last-child {
    border-bottom: 0;
}

.sns-content-tabs .notes-area__card--child {
    padding-left: 1.25em;
}

.sns-content-tabs .notes-area__card-title {
    margin: 0 0 .25em;
    font-size: 1em;
    font-weight: 600;
}

.sns-content-tabs .notes-area__description {
    color: var(--bs-secondary-color);
}

.sns-content-tabs .notes-area__full {
    color: var(--bs-body-color);
}

.sns-content-tabs .notes-area__full > :last-child {
    margin-bottom: 0;
}

.sns-content-tabs .notes-area__actions {
    margin-top: .5em;
}

.sns-content-tabs .btn.notes-area__next {
    padding: 0;
    border: 0;
    font-size: inherit;
    vertical-align: baseline;
    text-decoration: none;
}

.sns-content-tabs .btn.notes-area__next:hover {
    text-decoration: underline;
}

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

/* ── Секция «Отзывы» (Common/ContentTabs/_entity_reviews.php, 2026-11-03) — базовые стили для сайтов без своих (shopnseo.ru, kb77.ru,
   seowebdev.ru, seoforger.ru и EN-версии). У ivecom свои в custom.css, его секция без класса --base. Цвета — переменные Bootstrap (тёмная тема kb77). */
.sns-entity-reviews--base { margin: 0 0 1.5em; }
.sns-entity-reviews--base .product-reviews__title { font-size: 1.5em; margin: 0 0 1em; }
.sns-entity-reviews--base .product-reviews__list { display: flex; flex-direction: column; gap: 1em; }
.sns-entity-reviews--base .product-review {
    padding: 1.25em 1.5em;
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color-translucent);
    border-radius: .5em;
    box-shadow: 0 .25em 1em rgba(0, 0, 0, .06);
}
.sns-entity-reviews--base .product-review__head { display: flex; align-items: center; gap: 1em; margin-bottom: .75em; }
.sns-entity-reviews--base .product-review__avatar {
    flex: 0 0 3.25em; width: 3.25em; height: 3.25em; overflow: hidden; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: var(--bs-secondary-bg); color: var(--bs-secondary-color); font-size: 1em;
}
.sns-entity-reviews--base .product-review__avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
.sns-entity-reviews--base .product-review__avatar .bi { font-size: 2.2em; line-height: 1; }
.sns-entity-reviews--base .product-review__who { flex: 1 1 auto; min-width: 0; }
.sns-entity-reviews--base .product-review__name { display: block; font-size: 1.05em; }
.sns-entity-reviews--base .product-review__meta { display: flex; flex-wrap: wrap; gap: .1em 1em; color: var(--bs-secondary-color); font-size: .9em; }
.sns-entity-reviews--base .product-review__vote { flex: 0 0 auto; color: #f5a623; font-size: 1.15em; letter-spacing: .1em; white-space: nowrap; }
.sns-entity-reviews--base .product-review__title { font-size: 1.05em; margin: 0 0 .4em; }
.sns-entity-reviews--base .product-review__text { line-height: 1.55; }
.sns-entity-reviews--base .product-reviews__more { margin-top: 1.25em; text-align: center; }