/* ==========================================================================
   КАСТОМНЫЕ СТИЛИ ДЛЯ SEO И КОНТЕНТА
   ========================================================================== */

/* 1. ИЗОЛИРОВАННЫЙ SEO-КОНТЕЙНЕР 
   Оборачиваем в этот класс тексты описаний, чтобы стили не ломали остальной сайт 
*/
.seo-bottom-text {
    font-size: 16px;
    line-height: 1.6;
    color: #3B3C40;
    margin: 40px 0;
}

.seo-bottom-text h2, 
.seo-bottom-text h3 {
    margin-top: 1.5em;
    margin-bottom: 0.8em;
    font-weight: 600;
}

.seo-bottom-text h2 { font-size: 28px; }
.seo-bottom-text h3 { font-size: 22px; }

/* 2. РЕАНИМАЦИЯ СПИСКОВ СТРОГО ВНУТРИ КОНТЕНТНЫХ БЛОКОВ (.container-xl) */
.container-xl ul:not([class]) {
    list-style-type: disc !important;
    padding-left: 40px !important;
    margin-bottom: 1.5rem !important;
}

.container-xl ol:not([class]) {
    list-style-type: decimal !important;
    padding-left: 40px !important;
    margin-bottom: 1.5rem !important;
}

.container-xl ul:not([class]) > li,
.container-xl ol:not([class]) > li {
    list-style: inherit !important; 
    display: list-item !important;
    margin-bottom: 10px !important;
    padding-left: 0 !important;
    color: #3B3C40;
}

.container-xl ul:not([class]) > li::before,
.container-xl ol:not([class]) > li::before {
    content: none !important;
    display: none !important;
}

/* Убираем блочность у параграфов внутри списков */
.container-xl ul:not([class]) > li > p,
.container-xl ol:not([class]) > li > p {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. БЕССКРИПТОВЫЙ АККОРДЕОН FAQ (HTML details/summary) */
.seo-faq-accordion {
    margin-top: 30px;
}

.seo-faq-accordion details {
    background: #F5F6F9;
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 20px;
    transition: all 0.3s ease;
}

.seo-faq-accordion details[open] {
    background: #fff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.seo-faq-accordion summary {
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    padding-right: 30px;
    list-style: none; /* Убираем стандартный треугольник в Firefox/Chrome */
    outline: none;
}

/* Убираем стандартный треугольник в Webkit-браузерах */
.seo-faq-accordion summary::-webkit-details-marker {
    display: none;
}

/* Кастомный крестик (плюс/минус) для FAQ */
.seo-faq-accordion summary::after {
    content: '+';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    color: var(--theme-skit-color, #0D6EFD); /* Используем их системную переменную цвета, если она есть */
    font-weight: 300;
    transition: transform 0.3s ease;
}

.seo-faq-accordion details[open] summary::after {
    content: '-';
    transform: translateY(-50%) rotate(180deg);
}

.seo-faq-accordion .faq-answer {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #ebedf8;
    color: #53535D;
    line-height: 1.6;
}

/* 4. ОФОРМЛЕНИЕ ЗАГОЛОВКОВ КАРТОЧЕК (ПОЛИТИКА КАЧЕСТВА И ПР.) */
h3.quality-title {
    font-weight: 700 !important; /* Убиваем глобальную тонкость */
    font-size: 21px !important;
    color: #151519 !important; /* Строгий темный цвет */
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    padding-bottom: 15px !important;
    position: relative;
    line-height: 1.3 !important;
}

/* Акцентная линия под заголовком */
h3.quality-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 45px;
    height: 3px;
    background-color: var(--theme-skit-color, #145E99); /* Подхватит системный фирменный цвет */
    border-radius: 2px;
}

/* Принудительная стилизация и показ подписей в LightGallery */
.lg-outer .lg-sub-html {
    display: block !important;
    background: rgba(0, 0, 0, 0.75) !important;
    padding: 15px 25px !important;
    color: #ffffff !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    text-align: center !important;
    z-index: 1080 !important;
}

.lg-outer .lg-sub-html h4 {
    color: #ffffff !important;
    font-size: 18px !important;
    margin: 0 !important;
    font-weight: 400 !important;
}

/* 5. ИСПРАВЛЕНИЕ ПАГИНАЦИИ (ИЗОЛЯЦИЯ ОТ ПРАВИЛА ul:not([class])) */
.container-xl .bx_pagination_bottom ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
}

.container-xl .bx_pagination_bottom ul > li {
    list-style: none !important;
    list-style-type: none !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Жестко убиваем точки у элементов списка пагинации */
.container-xl .bx_pagination_bottom ul > li::before,
.container-xl .bx_pagination_bottom ul > li::after {
    content: none !important;
    display: none !important;
}

/* Возвращаем стрелкам и цифрам адекватное выравнивание */
.container-xl .bx_pagination_bottom ul > li > a,
.container-xl .bx_pagination_bottom ul > li > span,
.container-xl .bx_pagination_bottom ul > li > svg {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}