/* Start:/local/templates/seo_lev/components/bitrix/news.detail/ymaps_landing/style.css?178481005829317*/
/* ===== ВНУТРЕННИЙ КОНТЕНТ (БЕЛАЯ КАРТОЧКА) ===== */
.ymaps-hero__content {
    background: #ffffff;
    border-radius: 24px;
    padding: 60px 80px; 
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.08); 
    margin: 60px auto 60px auto; 
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    /* Убрали position: relative и z-index, чтобы не ломать слои попапа */
}

.ymaps-hero__badge {
    display: inline-block;
    background: #fdfaf2;
    color: #e2b781;
    border: 1px solid rgba(226, 183, 129, 0.3);
    padding: 8px 20px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 30px;
}

.ymaps-hero__title {
    font-size: 52px;
    font-weight: 800;
    color: #333333;
    line-height: 1.2;
    margin-bottom: 45px;
    letter-spacing: -1px;
}
.ymaps-hero.seo-hero-utp {
    height: auto; 
    min-height: auto; /* Отключаем 100vh, чтобы блок не был искусственно высоким */
    padding-bottom: 0; /* Убираем лишний паддинг снизу */
    background-size: cover; 
    background-position: center top;
    background-repeat: no-repeat;
    clear: both;
}
/* ===== СПИСОК ПРЕИМУЩЕСТВ ===== */
.ymaps-hero__bullets {
    list-style: none;
    padding: 0;
    margin: 0 auto 40px auto;
    display: inline-block;
    text-align: left;
}

.ymaps-hero__bullets li {
    position: relative;
    padding-left: 45px;
    margin-bottom: 18px;
    font-size: 19px;
    line-height: 1.5;
    color: #444444;
    background: none;
}

/* Фирменные маркеры */
.ymaps-hero__bullets li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    /* Цвет галочки #e2b781 */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e2b781' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
}

/* ===== ОПИСАНИЕ И КНОПКА ===== */
.ymaps-hero__desc {
    font-size: 18px;
    line-height: 1.6;
    color: #666666;
    margin-bottom: 50px;
    max-width: 800px;
}

.ymaps-hero__btn {
    background: #e2b781; 
    color: #333333; /* Изменили белый на темно-серый */
    padding: 18px 50px;
    font-size: 17px;
    font-weight: 800; /* Сделали шрифт чуть жирнее для читаемости */
    border-radius: 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 15px 30px rgba(226, 183, 129, 0.3);
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    
    /* Настройки для правильного отображения текста в 2 строки */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 65px;
    height: auto; 
    line-height: 1.4; 
}

.ymaps-hero__btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 40px rgba(226, 183, 129, 0.45);
}

/* ===== АДАПТИВНОСТЬ ===== */
@media (max-width: 992px) {
    .ymaps-hero__content {
        padding: 50px 40px;
        margin: 40px auto 60px auto;
    }
}

@media (max-width: 768px) {
    .ymaps-hero__content {
        padding: 40px 20px;
        border-radius: 16px;
        margin: 20px auto 40px auto;
    }
    .ymaps-hero__title {
        font-size: 32px;
    }
    .ymaps-hero__bullets li {
        font-size: 16px;
        padding-left: 35px;
    }
    .ymaps-hero__desc {
        font-size: 16px;
    }
    .ymaps-hero__btn {
        width: 100%;
        padding: 20px;
    }
}

/* ===== СЕКЦИЯ ПЕРЕХОДА К ТАРИФАМ ===== */
.tariffs-transition {
    padding: 20px 0 60px 0; /* 20px сверху, 60px снизу */
    text-align: center;
}

.btn-outline-gold {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 60px;
    padding: 0 50px;
    font-size: 17px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #e2b781;
    background: transparent;
    border: 2px solid #e2b781;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* При наведении кнопка заливается фирменным цветом */
.btn-outline-gold:hover {
    background: #e2b781;
    color: #ffffff;
    box-shadow: 0 15px 30px rgba(226, 183, 129, 0.3);
    transform: translateY(-3px);
}

/* Адаптивность для телефонов */
@media (max-width: 768px) {
    .tariffs-transition {
        padding: 40px 20px;
    }
    
    .btn-outline-gold {
        width: 100%;
        max-width: 400px; /* Чтобы кнопка не растягивалась до бесконечности на планшетах */
    }
}

/* ===== СЕКЦИЯ: ОСОБЕННОСТИ ПРОДВИЖЕНИЯ ===== */
.ymaps-features {
    padding: 60px 0 80px 0;
    background: #ffffff;
	/* Добавляем акцент, чтобы отделить блок */
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06); 
    border: 1px solid #f2f2f2;
}

.ymaps-features__container {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

.ymaps-features__main-title {
    font-size: 42px;
    font-weight: 800;
    color: #333333;
    margin-bottom: 50px;
    text-align: left;
    letter-spacing: -0.5px;
}

.ymaps-features__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
}

/* Сетка для динамических блоков */
.ymaps-features__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    width: 75%;
    position: relative;
    z-index: 2;
}

/* Если элементов нечетное количество, последний растягивается */
.ymaps-features__grid .feature-item:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    max-width: 50%;
}

/* Оформление отдельного пункта */
.feature-item {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.feature-item__icon {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    background: rgba(226, 183, 129, 0.15);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e2b781;
}

.feature-item__icon svg {
    width: 24px;
    height: 24px;
}

.feature-item__title {
    font-size: 22px;
    font-weight: 700;
    color: #333333;
    margin: 0 0 12px 0;
    line-height: 1.3;
}

.feature-item__text {
    font-size: 16px;
    line-height: 1.6;
    color: #666666;
    margin: 0;
}

/* Декоративная стрелка */
.ymaps-features__decor {
    position: absolute;
    right: -5%;
    bottom: -20px;
    width: 35%;
    z-index: 1;
    pointer-events: none;
}

.ymaps-features__decor svg {
    width: 100%;
    height: auto;
}

/* Адаптивность */
@media (max-width: 1024px) {
    .ymaps-features__grid {
        width: 100%;
    }
    .ymaps-features__grid .feature-item:last-child:nth-child(odd) {
        max-width: 100%;
    }
    .ymaps-features__decor {
        opacity: 0.2;
        width: 50%;
    }
}

@media (max-width: 768px) {
    .ymaps-features__main-title {
        font-size: 32px;
        margin-bottom: 30px;
    }
    .ymaps-features__grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .ymaps-features__decor {
        display: none;
    }
}

/* ===== СЕКЦИЯ: КЕЙСЫ ===== */
.cases-section {
    background: #ffffff; /* Сделали фон белым */
    padding: 60px 40px;
    border-radius: 20px;
	margin-top: 50px;
	/* Добавляем акцент, чтобы отделить блок */
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06); 
    border: 1px solid #f2f2f2;
}

.cases-section__title {
    color: #333333; /* Темно-серый текст */
    font-size: 36px;
    margin-bottom: 40px;
    text-align: center;
}

/* Слайдер и карточка */
.case-card {
    display: flex !important;
    background: #ffffff; /* Белая карточка */
    border: 1px solid #f0f0f0; /* Легкая рамка */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); /* Мягкая тень */
    border-radius: 16px;
    padding: 30px;
    gap: 30px;
    align-items: center;
    margin: 0 15px;
}

.case-card__img {
    flex: 0 0 40%;
}

.case-card__img img {
    width: 100%;
    border-radius: 8px;
    display: block;
}

.case-card__title {
    color: #333333; /* Основной темный цвет текста */
    font-size: 22px;
    margin-bottom: 20px;
    line-height: 1.4;
}

/* Отступ для статистики, чтобы не липла к тексту */
.case-card__stat {
    display: inline-block;
    margin-top: 25px !important; /* Добавили воздух */
    background: #e2b781;
    color: #ffffff;
    padding: 12px 20px;
    font-weight: 700;
    border-radius: 6px;
}

/* Добавим отступ тексту сверху, если он был прижат */
.case-card__content .case-card__text {
    margin-bottom: 0; /* Убираем лишнее, margin-top от статы всё решит */
}

/* Кастомный счетчик */
.cases-slider-counter {
    color: #666666;
    text-align: center;
    margin: 20px 0;
    font-size: 16px;
}

.cases-section__footer {
    margin-top: 30px;
    text-align: center;
}

/* Стрелки Slick */
.slick-prev:before, .slick-next:before {
    color: #e2b781 !important; /* Золотые стрелки */
}

@media (max-width: 768px) {
    .case-card {
        flex-direction: column;
    }
    .case-card__img {
        flex: 1;
    }
}
/* Убираем стандартный вид кнопок */
.slick-prev, .slick-next {
    width: 40px !important;
    height: 40px !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    cursor: pointer;
    z-index: 10;
}

/* Рисуем стрелки золотым цветом */
.slick-prev:before, .slick-next:before {
    font-family: 'slick' !important;
    font-size: 30px !important;
    color: #e2b781 !important; /* Твой золотой цвет */
    opacity: 1 !important;
}

/* Позиционируем стрелки по бокам карточки */
.slick-prev { left: -50px !important; }
.slick-next { right: -50px !important; }

/* На мобильных прячем, чтобы не ломали верстку */
@media (max-width: 768px) {
    .slick-prev, .slick-next { display: none !important; }
}
/* Стили для кнопок навигации (стрелки) */
.slick-prev, .slick-next {
    width: 45px !important;
    height: 45px !important;
    background: #e2b781 !important; /* Золотой фон */
    border-radius: 50% !important;
    color: #ffffff !important;
    z-index: 10 !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: 0.3s !important;
}

.slick-prev:hover, .slick-next:hover {
    background: #d4a770 !important; /* Чуть темнее при наведении */
}

/* Убираем старые символы и рисуем стрелки */
.slick-prev:before, .slick-next:before {
    font-family: 'slick' !important;
    font-size: 20px !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Позиционирование (центрируем по вертикали) */
.slick-prev { left: 0px !important; }
.slick-next { right: 0px !important; }

/* На мобильных чуть уменьшим, чтобы не перекрывали текст */
@media (max-width: 768px) {
    .slick-prev, .slick-next {
        width: 35px !important;
        height: 35px !important;
    }
}
.lev-stages-section { padding: 60px 0; }
.lev-stages-title { font-size: 36px; font-weight: 700; text-align: center; margin-bottom: 50px; color: #333; }

/* --- Сетка --- */
.lev-stages-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* --- Карточка (база + анимация) --- */
.lev-stage-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
    border: 1px solid #eeeeee;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative; /* Чтобы цифра никуда не уехала */
}

.lev-stage-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.12);
    border-color: #e2b781;
}

/* --- Центровка последней карточки --- */
.lev-stage-card--wide {
    grid-column: 1 / -1;     /* Растягиваем на всю ширину */
    justify-self: center;    /* Центрируем саму карточку внутри ряда */
    max-width: 400px;        /* Ограничиваем ширину, чтобы она не была "бревном" */
    width: 100%;
}

/* --- Текст (без h3) --- */
.lev-stage-title-text {
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
    color: #333 !important;
    background: transparent !important;
}

.lev-stage-text {
    font-size: 15px !important;
    color: #666 !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}
.lev-stage-number {
    font-size: 56px;           /* Большой размер */
    font-weight: 900;          /* Жирный */
    color: #e2b781;            /* Твой золотой */
    opacity: 0.25;             /* Эффект "водяного знака" */
    line-height: 1;
    margin-bottom: 10px;
    font-family: sans-serif;
}

/* Адаптив */
@media (max-width: 992px) { .lev-stages-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) { 
    .lev-stages-grid { grid-template-columns: 1fr; } 
    .lev-stage-card--wide { max-width: 100%; } /* На мобилках на всю ширину */
}

.lev-audit-creative {
    padding: 100px 0;
    background: #ffffff;
    text-align: center;
}

.lev-audit-headline {
    font-size: 48px;
    font-weight: 800;
    color: #222222;
    margin-bottom: 20px;
    line-height: 1.1;
}

.gold-text { color: #e2b781; }

.lev-audit-sub {
    font-size: 20px;
    color: #777;
    margin-bottom: 50px;
}

.lev-audit-features {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-bottom: 50px;
}

.feat-item {
    font-size: 16px;
    color: #333;
    font-weight: 600;
}

.lev-audit-cta {
    display: inline-block;
    padding: 22px 60px;
    background: #e2b781;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 50px; /* Скругленная, современная кнопка */
    transition: all 0.3s ease;
    box-shadow: 0 10px 20px rgba(226, 183, 129, 0.3);
}

.lev-audit-cta:hover {
    background: #222;
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    transform: translateY(-3px);
}

@media (max-width: 768px) {
    .lev-audit-headline { font-size: 32px; }
    .lev-audit-features { flex-direction: column; gap: 15px; }
}
/* Разделяем фон секции и фон карточки */
.lev-audit-creative {
    padding: 100px 0;
    background: #f8f9fa; /* Еле заметный серый фон, чтобы блок "выпрыгнул" */
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}

/* Белая карточка "внутри" секции */
.lev-audit-content {
    background: #ffffff;
    padding: 60px;
    border-radius: 24px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.06); /* Мягкая тень */
    margin: 0 auto;
}

.lev-audit-headline {
    font-size: 42px;
    font-weight: 800;
    color: #1a1a1a;
    margin-bottom: 15px;
    line-height: 1.1;
}

/* Немного "уплотним" золото, чтобы оно читалось лучше */
.gold-text { 
    color: #d4a770; 
    font-weight: 900; 
}

.lev-audit-sub {
    font-size: 18px;
    color: #666;
    margin-bottom: 40px;
}

.lev-audit-features {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-bottom: 50px;
}

.feat-item {
    font-size: 16px;
    color: #333;
    font-weight: 600;
}

.lev-audit-cta {
    display: inline-block;
    padding: 20px 50px;
    background: #e2b781;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 50px;
    transition: all 0.3s ease;
    box-shadow: 0 8px 20px rgba(226, 183, 129, 0.4);
}

.lev-audit-cta:hover {
    background: #d4a770;
    transform: translateY(-5px);
}
button.lev-audit-cta {
    /* Меняем на inline-flex, чтобы кнопка слушалась text-align: center родителя */
    display: inline-flex !important; 
    align-items: center !important;
    justify-content: center !important;
    
    /* Добавляем margin: 0 auto для страховки */
    margin: 0 auto !important;
    
    min-height: 60px; 
    padding: 15px 40px !important;
    
    border: none !important;
    cursor: pointer !important;
    font-family: inherit !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 20px rgba(226, 183, 129, 0.4) !important;
}

/* И сбросим лишние стили, если они есть у класса попапа */
button.btn-popup-form {
    margin: 0 !important;
    line-height: 1 !important;
}

button.lev-audit-cta:hover {
    background: #d4a770;
    transform: translateY(-5px);
}

.lev-tariffs-section { padding: 80px 0; background: #ffffff; }
.lev-tariffs-title { font-size: 40px; font-weight: 800; text-align: center; margin-bottom: 60px; color: #222; }

.lev-tariffs-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

.lev-tariffs-item {
    background: #ffffff;
    border: 1px solid #f0f0f0;
    border-radius: 20px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
}

.lev-tariffs-name { font-size: 24px; font-weight: 700; text-align: center; margin-bottom: 10px; color: #1a1a1a; }
.lev-tariffs-price { font-size: 22px; font-weight: 800; text-align: center; color: #d4a770; margin-bottom: 30px; }

.lev-tariffs-features { list-style: none; padding: 0; margin: 0 0 40px 0; flex-grow: 1; }
.lev-tariffs-feat-item { margin-bottom: 15px; padding-left: 25px; position: relative; font-size: 15px; color: #555; }
.lev-tariffs-feat-item::before { content: "●"; position: absolute; left: 0; color: #d4a770; font-size: 12px; top: 2px; }

/* Принудительно растягиваем обе кнопки на всю ширину карточки */
.lev-tariffs-btn-sub, 
.lev-tariffs-btn-main {
    width: 100% !important; /* Растягиваем на 100% */
    display: flex !important; /* Используем flex для центровки текста */
    justify-content: center !important;
    align-items: center !important;
    box-sizing: border-box; /* Чтобы padding не ломал ширину */
    
    font-size: 16px;
    padding: 14px 20px;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    border: none;
    transition: all 0.2s ease;
}

.lev-tariffs-btn-sub { 
    background: #f5f0e6; 
    color: #333; 
    margin-bottom: 10px; 
}

.lev-tariffs-btn-main { 
    background: #a89078; 
    color: #fff; 
    height: 50px;
}

/* Ховер эффекты */
.lev-tariffs-btn-sub:hover { background: #e8e0d0; }
.lev-tariffs-btn-main:hover { background: #8a7560; }

@media (max-width: 992px) { .lev-tariffs-grid { grid-template-columns: 1fr; } }

.lev-res-section {
    background-color: #ffffff; /* Белый фон сайта */
    padding: 100px 0 80px 0;
}

.lev-res-title {
    font-size: 40px;
    font-weight: 800;
    color: #222222; /* Темный заголовок, как везде */
    margin-bottom: 60px;
    text-align: center;
}

.lev-res-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.lev-res-card {
    background-color: #ffffff;
    border: 1px solid #f0f0f0;
    border-radius: 20px; /* Скругления как в тарифах */
    padding: 40px 30px;
    position: relative;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03); /* Мягкая тень */
    transition: all 0.3s ease;
}

.lev-res-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.06);
}

/* Иконки остаются выпирающими */
.lev-res-icon {
    position: absolute;
    top: -40px;
    right: 15px;
    width: 85px;
    height: auto;
    z-index: 2;
    pointer-events: none;
}

/* Выступающий круглый бейдж */
.lev-res-num {
    position: absolute;
    top: -25px; /* Вытаскиваем за пределы карточки */
    left: 30px;
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #e8d5bc, #d4a770); /* Золотистый градиент */
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 800;
    box-shadow: 0 10px 20px rgba(212, 167, 112, 0.4); /* Мягкое свечение */
    margin: 0;
    z-index: 2;
}

/* Компенсируем отступ для заголовка, так как цифра теперь абсолютная */
.lev-res-name {
    margin-top: 15px; 
    font-size: 22px;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.2;
    margin-bottom: 20px;
}

.lev-res-divider {
    width: 100%;
    height: 2px;
    background-color: #f5f0e6; /* Бежевая линия вместо черной */
    margin-bottom: 20px;
}

.lev-res-desc {
    font-size: 15px;
    line-height: 1.5;
    color: #555555; /* Спокойный серый текст */
}

/* Адаптив */
@media (max-width: 1200px) {
    .lev-res-grid { grid-template-columns: repeat(2, 1fr); gap: 60px 30px; }
}
@media (max-width: 768px) {
    .lev-res-grid { grid-template-columns: 1fr; }
    .lev-res-icon { top: -30px; width: 70px; }
}

.lev-seo-section {
    padding: 80px 0;
    background-color: #ffffff;
}

/* Ограничиваем ширину контейнера до 900px, чтобы глаза не разбегались при чтении длинного текста */
.lev-seo-container {
    margin: 0 auto;
    color: #444444;
    font-size: 16px;
    line-height: 1.7;
}

/* Сбрасываем стили внутри блока, чтобы они не конфликтовали с глобальными */
.lev-seo-content h2, 
.lev-seo-content h3 {
    color: #1a1a1a;
    font-weight: 700;
    margin: 40px 0 20px 0;
    line-height: 1.3;
}

.lev-seo-content h2 { font-size: 32px; }
.lev-seo-content h3 { font-size: 24px; }

.lev-seo-content p {
    margin-bottom: 20px;
}

/* Красивые списки для SEO-текста */
.lev-seo-content ul {
    margin: 0 0 25px 0;
    padding-left: 20px;
    list-style: none;
}

.lev-seo-content ul li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 15px;
}

.lev-seo-content ul li::before {
    content: "■"; /* Небольшой квадратик вместо стандартных точек */
    position: absolute;
    left: 0;
    top: 0;
    color: #d4a770;
    font-size: 10px;
}

.lev-seo-content strong, 
.lev-seo-content b {
    font-weight: 700;
    color: #1a1a1a;
}

.lev-seo-content a {
    color: #d4a770;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: all 0.2s ease;
}

.lev-seo-content a:hover {
    border-bottom: 1px solid #d4a770;
}

@media (max-width: 768px) {
    .lev-seo-content h2 { font-size: 26px; }
    .lev-seo-content h3 { font-size: 20px; }
}

.lev-faq-section {
    padding: 80px 0 100px 0;
    background-color: #ffffff;
}

.lev-faq-title {
    font-size: 40px;
    font-weight: 800;
    color: #222222;
    text-align: center;
    margin-bottom: 50px;
}

.lev-faq-container {
    max-width: 800px;
    margin: 0 auto;
}

.lev-faq-item {
    border-bottom: 1px solid #f0f0f0;
}

.lev-faq-question {
    width: 100%;
    text-align: left;
    background: none;
    border: none;
    padding: 25px 0;
    font-size: 18px;
    font-weight: 700;
    color: #1a1a1a;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: color 0.3s ease;
}

.lev-faq-question:hover {
    color: #d4a770;
}

.lev-faq-icon {
    font-size: 28px;
    font-weight: 300;
    color: #d4a770;
    transition: transform 0.3s ease;
    margin-left: 20px;
    line-height: 1;
}

.lev-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.lev-faq-answer-inner {
    padding-bottom: 25px;
    font-size: 15px;
    line-height: 1.6;
    color: #555555;
}

/* Активное состояние (открытая вкладка) */
.lev-faq-item.active .lev-faq-question {
    color: #d4a770;
}

.lev-faq-item.active .lev-faq-icon {
    transform: rotate(45deg); /* Плюсик превращается в крестик */
}

@media (max-width: 480px) {
    /* 1. Центрируем и зажимаем саму белую карточку */
    .lev-audit-creative .lev-audit-content {
        padding: 30px 15px; /* Уменьшаем боковые отступы для узких экранов */
        width: 100%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* 2. Чиним кнопку "Получить аудит" */
    .lev-audit-creative .lev-audit-cta {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
        white-space: normal; /* Если текст кнопки будет длинным, он перенесется, а не вылезет за край */
        text-align: center;
        margin-left: 0;
        margin-right: 0;
    }

    /* 3. Выравниваем список выгод (галочки), чтобы они не ломались на узких экранах */
    .lev-audit-creative .lev-audit-features {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center; /* Центрируем пункты */
        margin-bottom: 25px;
    }

    .lev-audit-creative .feat-item {
        text-align: center;
        white-space: normal;
        word-wrap: break-word;
        line-height: 1.4;
    }
}
/* --- Стили кнопок для попапа Яндекс Карт --- */

/* 1. Выстраиваем кнопки в аккуратную колонку */
#popup-ymaps-audit .popup__links {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

#popup-ymaps-audit .popup__links li {
    width: 100%;
}

/* 2. Идеальное выравнивание иконок и текста внутри кнопок */
#popup-ymaps-audit .social-btn {
    display: grid !important;
    grid-template-columns: 24px 90px !important; /* Выделяем точное место под иконку и текст */
    justify-content: center !important; 
    align-items: center !important; 
    gap: 15px !important; 
    
    background: #f5f5f5 !important; 
    color: #222222 !important; 
    text-decoration: none !important;
    padding: 16px 20px !important;
    border-radius: 12px;
    font-weight: 600;
    font-size: 16px;
    border: 1px solid #eaeaea;
    transition: all 0.3s ease;
    width: 100%;
    box-sizing: border-box;
}

/* Эффект при наведении */
#popup-ymaps-audit .social-btn:hover {
    background: #ffffff !important;
    border-color: #d4af37;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    color: #d4af37 !important;
    transform: translateY(-2px);
}

/* Фиксируем размеры иконок */
#popup-ymaps-audit .social-btn img {
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    display: block !important;
}

/* Прижимаем текст */
#popup-ymaps-audit .social-name {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    text-align: left !important; 
    display: block !important;
}
/* End */


/* Start:/local/templates/seo_lev/components/bitrix/news.list/team/style.css?1761166522150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/local/templates/seo_lev/components/bitrix/news.list/klients/style.css?1761168829150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */
/* /local/templates/seo_lev/components/bitrix/news.detail/ymaps_landing/style.css?178481005829317 */
/* /local/templates/seo_lev/components/bitrix/news.list/team/style.css?1761166522150 */
/* /local/templates/seo_lev/components/bitrix/news.list/klients/style.css?1761168829150 */