/* Стили для новых SVG-иконок в меню */
.edina_tm_sidebar .menu .anchor_nav li .list_inner .svg.custom {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    stroke: currentColor;
    transition: all .3s ease;
}

/* Стили для логотипа: серый при обычном состоянии, цветной при наведении */
.logo-gray-hover-color {
    max-width: 100px;
    height: auto;
    filter: grayscale(100%);
    transition: filter 0.3s ease, transform 0.3s ease;
}

.logo-gray-hover-color:hover {
    filter: grayscale(0%);
    transform: scale(1.05);
}

/* 1. Уменьшение отступов логотипа в сайдбаре */
.edina_tm_sidebar .logo {
    padding-top: 25px;
    padding-bottom: 25px;
}

/* === НОВЫЕ СТИЛИ ДЛЯ ВЫРАВНИВАНИЯ БЛОКОВ === */

/* Применяем Flexbox к .list_inner в секциях #pain и #how-it-works */
#pain .list_inner,
#how-it-works .list_inner {
    display: flex;
    align-items: center;
    /* Вертикальное выравнивание по центру */
    padding: 20px !important;
    /* Добавляем внутренний отступ для баланса */
}

/* Стили для иконки - *** ИЗМЕНЕНО ЗДЕСЬ *** */
#pain .list_inner .svg,
/* Убрали 'img', чтобы стиль применялся и к <svg> */
#how-it-works .list_inner .svg {
    /* Убрали 'img', чтобы стиль применялся и к <svg> */
    width: 50px;
    /* Задаем фиксированную ширину */
    height: 50px;
    /* Задаем фиксированную высоту */
    margin-right: 25px;
    /* Отступ справа от иконки */
    flex-shrink: 0;
    /* Запрещаем иконке сжиматься */
    margin-bottom: 0;
    /* Убираем старый отступ снизу */
    color: #6f42c1;
    /* *** ДОБАВЛЕН ФИОЛЕТОВЫЙ ЦВЕТ *** */
}

/* Стили для текстового контента */
#pain .list_inner .text_content,
#how-it-works .list_inner .text_content {
    flex-grow: 1;
    /* Позволяем текстовому блоку занять оставшееся место */
}

/* Убираем отступы по умолчанию у p и h3 внутри, чтобы flex-выравнивание работало */
#pain .list_inner .text_content h3,
#pain .list_inner .text_content p,
#how-it-works .list_inner .text_content h3,
#how-it-works .list_inner .text_content p {
    margin: 0;
}

/* Добавляем небольшой отступ между заголовком и текстом */
#pain .list_inner .service_title,
#how-it-works .list_inner .service_title {
    margin-bottom: 10px;
}

/* === КОНЕЦ НОВЫХ СТИЛЕЙ === */

/* === НОВЫЕ СТИЛИ ДЛЯ ТАБЛИЦЫ В FAQ === */
.faq_table_wrapper {
    width: 100%;
    overflow-x: auto;
    /* Для мобильной адаптивности */
    margin: 20px 0 30px 0;
    /* Отступы сверху/снизу */
}

.faq_table_wrapper table {
    width: 100%;
    border-collapse: collapse;
    /* Убираем двойные рамки */
    background-color: #fff;
    /* Белый фон */
    border-radius: 6px;
    /* Скругление углов */
    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    /* Легкая тень, как у карточек */
    overflow: hidden;
    /* Чтобы скругление работало */
}

.faq_table_wrapper th,
.faq_table_wrapper td {
    padding: 15px 20px;
    border-bottom: 1px solid #f0f0f0;
    /* Светлый разделитель */
    text-align: center;
    /* Центрирование контента по-умолчанию */
    font-size: 16px;
    color: #7e7e7e;
    /* Стандартный цвет текста */
}

.faq_table_wrapper th {
    background-color: #F9F9FC;
    /* Светлый фон для заголовков, как у секций */
    color: #1A1A1A;
    /* Темный текст */
    font-weight: 600;
    font-size: 17px;
}

/* Выравнивание первого столбца (Характеристики) по левому краю для читаемости */
.faq_table_wrapper td:first-child,
.faq_table_wrapper th:first-child {
    text-align: left;
    font-weight: 500;
    color: #34495E;
    /* Синий-серый, как в других местах */
}

.faq_table_wrapper td:not(:first-child) {
    font-weight: 500;
    /* Делаем данные в ячейках жирнее */
    color: #1A1A1A;
}

/* Убираем рамку у последней строки */
.faq_table_wrapper tr:last-child td {
    border-bottom: none;
}

/* Адаптивность для таблицы */
@media (max-width: 768px) {

    .faq_table_wrapper th,
    .faq_table_wrapper td {
        padding: 12px 10px;
        font-size: 14px;
    }
}

/* === КОНЕЦ СТИЛЕЙ ДЛЯ ТАБЛИЦЫ FAQ === */




/* === НОВЫЕ СТИЛИ ДЛЯ СЕКЦИИ "ДЛЯ КОГО?" (id="who-is-it-for") === */
/* === НОВЫЕ СТИЛИ ДЛЯ СЕКЦИЙ "ДЛЯ КОГО?", "РЕШЕНИЕ" и "ТАРИФЫ" === */
/* === ВЕРСИЯ 3 (Дизайн как у "Решения") === */

/* 1. Отступы и фон */
#who-is-it-for,
#solution,
#pricing {
    padding-top: 100px;
    padding-bottom: 70px;
    background-color: #F9F9FC;
}

/* 2. Подзаголовок */
#who-is-it-for .edina_tm_title p,
#solution .edina_tm_title p,
#pricing .edina_tm_title p {
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

/* 3. Сетка 3x2 */
#who-is-it-for .service_list ul li,
#solution .service_list ul li,
#pricing .service_list ul li {
    width: 33.3333%;
    margin-bottom: 30px;
}

/* === 4. НОВЫЙ ДИЗАЙН КАРТОЧКИ: Имитируем стиль "Решения" === */
#who-is-it-for .list_inner,
#solution .list_inner,
#pricing .list_inner {
    display: flex;
    flex-direction: column;
    /* Иконка, Заголовок, Текст - в столбик */
    align-items: center;
    /* Все по центру по горизонтали */
    text-align: center;
    /* Центрируем заголовок */
    padding: 40px 30px !important;
    height: 100%;
    background-color: #fff;
    border-radius: 6px;
    /* Добавим скругление, как в "Решении" */
}

/* 5. Настраиваем ИКОНКУ (как в "Решении") */
#who-is-it-for .list_inner .svg,
#solution .list_inner .svg,
#pricing .list_inner .svg {
    width: 50px;
    /* Стандартный размер, как в "Решении" */
    height: 50px;
    margin-bottom: 25px;
    /* Отступ иконки от заголовка */
    color: #6f42c1;
    /* Фиолетовый цвет */

    /* Сбрасываем старые стили, если они были */
    margin-right: 0;
    flex-shrink: 1;
}

/* 6. Настраиваем текстовый блок (как в "Решении") */
#who-is-it-for .list_inner .text_content,
#solution .list_inner .text_content,
#pricing .list_inner .text_content {
    flex-grow: 1;
    /* Позволяет блоку занять место */
    display: flex;
    flex-direction: column;
    align-items: center;
    /* Центрируем заголовок */
    width: 100%;
}

#who-is-it-for .list_inner .service_title,
#solution .list_inner .service_title,
#pricing .list_inner .service_title {
    margin-bottom: 15px;
    /* Отступ заголовка от текста */
}

/* 7. Выравниваем сам текст ОПИСАНИЯ по левому краю (как в "Решении") */
#who-is-it-for .list_inner .text_content p,
#solution .list_inner .text_content p,
#pricing .list_inner .text_content p {
    text-align: left;
    /* Вот ключ! */
    line-height: 1.7;
    font-size: 17px;
    max-width: 400px;
    /* Ограничиваем ширину текста */
    margin: 0;
}

/* 8. Эффект наведения */
#who-is-it-for ul li .list_inner:hover,
#solution ul li .list_inner:hover,
ul li .list_inner:hover {
    background-color: #fff;
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .08);
}

#who-is-it-for ul li .list_inner:hover .svg,
#solution ul li .list_inner:hover .svg,
#pricing ul li .list_inner:hover .svg {
    color: #6f42c1;
    /* Иконка остается фиолетовой */
}

#who-is-it-for ul li .list_inner:hover h3,
#solution ul li .list_inner:hover h3,
#pricing ul li .list_inner:hover h3 {
    color: #1A1A1A;
    /* Заголовок остается темным */
}

/* === 9. АДАПТАЦИЯ === */
@media (max-width: 1040px) {

    #who-is-it-for .service_list ul li,
    #solution .service_list ul li,
    #pricing .service_list ul li {
        width: 50%;
        /* 2 в ряд */
    }
}

@media (max-width: 768px) {

    #who-is-it-for .service_list ul li,
    #solution .service_list ul li,
    #pricing .service_list ul li {
        width: 100%;
        /* 1 в ряд */
    }

    /* На мобильных выравниваем текст по центру */
    #who-is-it-for .list_inner .text_content p,
    #solution .list_inner .text_content p,
    #pricing .list_inner .text_content p {
        text-align: center;
    }
}

/* === КОНЕЦ НОВЫХ СТИЛЕЙ === */



/* === НОВЫЕ СТИЛИ ДЛЯ ИЗОБРАЖЕНИЙ В ТАРИФАХ (#pricing) === */
#pricing .pricing_img {
    max-width: 180px;
    /* <<< ИЗМЕНЕНО ЗДЕСЬ (было 150px) */
    height: auto;
    border-radius: 6px;
    /* Небольшое скругление углов */
    margin-bottom: 25px;
    /* Отступ между фото и заголовком */

    /* Эффект: по умолчанию Ч/Б, как у логотипа */
    filter: grayscale(100%);

    /* Плавный переход */
    transition: all 0.3s ease;
}

#pricing .list_inner:hover .pricing_img {
    /* При наведении на карточку, фото становится цветным */
    filter: grayscale(0%);

    /* Легкое увеличение, как у логотипа */
    transform: scale(1.05);
}

/* === КОНЕЦ СТИЛЕЙ ДЛЯ ИЗОБРАЖЕНИЙ В ТАРИФАХ === */



/* === НОВЫЕ СТИЛИ ДЛЯ НАВЕДЕНИЯ НА ТАРИФЫ (#pricing) === */

/* 1. Делаем фон карточки #pricing фиолетовым */
#pricing .list_inner:hover {
    background-color: #F0F0F0;
    /* Фиолетовый фон */
}

/* 2. Делаем ВЕСЬ текст на карточке #pricing белым */
#pricing .list_inner:hover h3,
#pricing .list_inner:hover .price,
#pricing .list_inner:hover p,
#pricing .list_inner:hover .details-link-wrapper a {
    color: #6f42c1;
}

/* 3. Инвертируем кнопку в #pricing (БЕЛЫЙ фон, ФИОЛЕТОВЫЙ текст) */
#pricing .list_inner:hover .edina_tm_button a {
    background-color: #fff;
    /* Белый фон */
    color: #6f42c1;
    /* Фиолетовый текст */
}


/* === НОВЫЕ СТИЛИ ДЛЯ FAQ АККОРДЕОНА === */
.faq_accordion {
    width: 100%;
    margin-top: 30px;
}

.faq_accordion .faq_item {
    border-bottom: 1px solid #f0f0f0;
    /* Разделитель */
    margin-bottom: 10px;
}

.faq_accordion .faq_item:last-child {
    border-bottom: none;
}

.faq_accordion .faq_question {
    font-size: 20px;
    font-weight: 600;
    color: #1A1A1A;
    padding: 18px 0;
    cursor: pointer;
    list-style: none;
    /* Убрать маркер по умолчанию */
    position: relative;
    padding-right: 30px;
    /* Место для иконки */
    transition: all 0.3s ease;
}

.faq_accordion .faq_question:hover {
    color: #6f42c1;
    /* Фиолетовый при наведении */
}

/* Иконка + / - */
.faq_accordion .faq_question::after {
    content: '+';
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    color: #6f42c1;
    /* Фиолетовый */
    font-weight: 400;
    transition: transform 0.2s ease;
}

.faq_accordion .faq_item[open] .faq_question::after {
    content: '−';
    /* Знак минуса */
    transform: translateY(-50%);
}

/* Убираем стандартную стрелку в Chrome/Safari */
.faq_accordion .faq_question::-webkit-details-marker {
    display: none;
}

.faq_accordion .faq_answer {
    padding: 0 10px 20px 0;
    /* Отступы для ответа */
    font-size: 17px;
    color: #7e7e7e;
    line-height: 1.7;
}

.faq_accordion .faq_answer p {
    margin-bottom: 15px;
}

.faq_accordion .faq_answer p:last-child {
    margin-bottom: 0;
}

/* Сохраняем стили для таблицы, но внутри ответа */
.faq_accordion .faq_answer .faq_table_wrapper {
    margin-top: 0;
    /* Убираем лишний отступ */
    margin-bottom: 0;
    /* Убираем лишний отступ */
}

/* === КОНЕЦ СТИЛЕЙ FAQ АККОРДЕОНА === */

/* === НОВЫЕ СТИЛИ ДЛЯ КНОПКИ "ЕЩЕ" (СЕКЦИЯ "ДЛЯ КОГО?") === */

/* 1. По умолчанию (на десктопе) кнопка "Еще" скрыта */
.show-more-wrapper.mobile-only {
    display: none;
    width: 100%;
    text-align: center;
    margin-top: 15px;
    /* Небольшой отступ от сетки */
}

/* 2. По умолчанию (на десктопе) "дополнительные" элементы видны */
#who-is-it-for .extra-item {
    display: block;
}

/* 3. На мобильных (<= 1040px) */
@media (max-width: 1040px) {

    /* 3a. Показываем кнопку "Еще" */
    .show-more-wrapper.mobile-only {
        display: block;
    }

    /* 3b. Скрываем "дополнительные" элементы */
    #who-is-it-for .extra-item {
        display: none;
    }
}

/* 4. Когда JS добавляет класс .is-expanded... */

/* 4a. ...мы снова показываем "дополнительные" элементы (даже на мобильных) */
#who-is-it-for .service_list.is-expanded .extra-item {
    display: block;
}

/* 4b. ...и прячем кнопку "Еще" */
#who-is-it-for .service_list.is-expanded .show-more-wrapper.mobile-only {
    display: none;
}

/* === КОНЕЦ СТИЛЕЙ КНОПКИ "ЕЩЕ" === */


/* === СТИЛИ ДЛЯ COOKIE-БАННЕРА === */
#cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    box-shadow: 0 -5px 15px rgba(0, 0, 0, .1);
    padding: 25px 30px;
    z-index: 1000;
    display: none;
    /* По умолчанию скрыт, JS его покажет */
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    /* Для мобильных */
}

#cookie-banner p {
    margin: 0;
    color: #7e7e7e;
    font-size: 16px;
    flex-grow: 1;
}

#cookie-banner p a {
    color: #6f42c1;
    font-weight: 500;
    text-decoration: underline;
}

.cookie-buttons {
    display: flex;
    gap: 15px;
    flex-shrink: 0;
}

#cookie-banner button {
    border: none;
    padding: 12px 25px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    transition: all .3s ease;
    font-family: 'Poppins', sans-serif;
}

#cookie-banner #cookie-decline {
    background-color: #f0f0f0;
    color: #333;
}

#cookie-banner #cookie-decline:hover {
    background-color: #e0e0e0;
}

#cookie-banner #cookie-accept {
    background-color: #6f42c1;
    color: #fff;
}

#cookie-banner #cookie-accept:hover {
    background-color: #5a359a;
}

/* Адаптивность для баннера */
@media (max-width: 768px) {
    #cookie-banner {
        flex-direction: column;
        padding: 20px;
    }

    #cookie-banner p {
        text-align: center;
        margin-bottom: 15px;
    }
}

/* === КОНЕЦ СТИЛЕЙ COOKIE-БАННЕРА === */

/* Language selector (Fixed Top-Right) */
.lang-selector-fixed {
    position: fixed;
    top: 30px;
    right: 30px;
    z-index: 9999;
}

.lang-selector-fixed .current-lang {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    border-radius: 50%;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: all 0.3s ease;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.lang-selector-fixed .current-lang svg {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
}

.lang-selector-fixed .current-lang:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    background: #fff;
}

.lang-selector-fixed .current-lang .lang-code {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #1A1A1A;
}

.lang-selector-fixed .lang-dropdown {
    position: absolute;
    top: 60px;
    right: 0;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    padding: 10px 0;
    min-width: 240px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    overflow: hidden;
}

.lang-selector-fixed:hover .lang-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.lang-selector-fixed .lang-dropdown a {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    color: #7e7e7e;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
}

.lang-selector-fixed .lang-dropdown a:hover {
    background-color: #f9f9fc;
    color: #6f42c1;
    padding-left: 25px;
    /* Slide effect */
}

.lang-selector-fixed .lang-dropdown a.active {
    color: #6f42c1;
    font-weight: 600;
    background-color: #f9f9fc;
}

/* Mobile adjustment for lang selector */
@media (max-width: 1040px) {
    .lang-selector-fixed {
        top: 20px;
        right: 80px;
        /* Move left of hamburger */
    }

    .lang-selector-fixed .current-lang {
        width: 40px;
        height: 40px;
    }

    .lang-selector-fixed .current-lang .lang-code {
        font-size: 12px;
    }
}