/* ==========================================================================
   ОСНОВНЫЕ СТИЛИ (style.css)
   Проект: Лесотерапия для каждого
   Цветовая палитра: Оранжево-белая премиальная (Orange & Soft White)
   ========================================================================== */

:root {
    --primary: #0A5C48;       /* Насыщенный темно-оранжевый */
    --primary-light: #0E735B; /* Яркий янтарный */
    --primary-tint: #24332A;  /* Нежный кремово-оранжевый оттенок */
    --white: #D4B483;
    --dark: #D4B483;          /* Глубокий кофейно-древесный тон текста */
    --gray: #A8905F;          /* Мягкий серый для описаний */
    --light-bg: #084E3E;      /* Экологичный светлый фон */
    /* #0A5C48FF */


    --font-heading: 'Cormorant Garamond', 'Playfair Display', serif, sans-serif;
    --font-body: 'Inter', 'Manrope', sans-serif, sans-serif;

    --transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    --shadow: 0 20px 40px rgba(10, 92, 72, 0.06);
}

/* Сброс базовых стилей */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-body);
    font-size: 18px;
    line-height: 1.7;
    color: var(--dark);
    background-color: #074536;
    overflow-x: hidden;
}

.container {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
    padding: 0 30px;
}

.text-orange {
    color: var(--primary);
}

.text-center {
    text-align: center;
}

/* Кнопки */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 32px;
    border-radius: 50px;
    font-family: var(--font-heading);
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    transition: var(--transition);
    cursor: pointer;
}

.btn-primary {
    background-color: var(--primary);
    color: var(--white);
    box-shadow: 0 10px 25px rgba(10, 92, 72, 0.25);
}

.btn-primary:hover {
    background-color: var(--primary-light);
    transform: translateY(-3px);
    box-shadow: 0 15px 30px rgba(10, 92, 72, 0.35);
}

.btn-secondary {
    background-color: var(--primary-tint);
    color: var(--primary);
    margin-left: 15px;
}

.btn-secondary:hover {
    background-color: var(--primary);
    color: var(--white);
    transform: translateY(-3px);
}

/* Шапка */
.main-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(10, 92, 72, 0.94); /* Красивый глубокий темно-зеленый с легкой прозрачностью */
    backdrop-filter: blur(10px);
    z-index: 1000;
    box-shadow: 0 4px 30px rgb(255 255 255);
    padding: 20px 0;
}

.header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 22px;
    color: var(--dark);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.logo-wrapper {
    width: 120px;          /* Размер круга */
    height: 120px;
    border-radius: 50%;    /* Делаем идеальный круг */
    overflow: hidden;      /* Обрезаем все, что выходит за рамки */
    border: 3px solid var(--primary); /* Оранжевая рамка под стиль сайта */
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Легкая тень для объема */
    transition: var(--transition);
}

.logo-wrapper:hover {
    transform: scale(1.05); /* Легкое увеличение при наведении */
}

.logo-image {
    width: 100%;
    height: 100%;
    object-fit: cover;     /* Картинка заполнит весь круг, не искажаясь */
}

.nav-menu {
    display: flex; /* Активируем Flexbox */
    justify-content: space-between; /* Распределяет ссылки с равным пространством между ними */
    align-items: center; /* Выравнивает ссылки по вертикали */
    width: 100%; /* Занимает всю ширину контейнера */
    max-width: 800px; /* Ограничьте ширину, если меню слишком растянуто */
}



.nav-menu a {
    text-decoration: none;
    color: #fff5ed; /* Ваш текущий цвет */
    padding: 0 10px; /* Небольшой внутренний отступ для кликабельности */
    white-space: nowrap; /* Предотвращает перенос слов */
}

.nav-menu a:hover {
    color: #FF7A00; /* Более светлый хаки при наведении */
}


.btn-header {
    padding: 10px 24px;
    font-size: 14px;
    background-color: var(--dark);
    color: var(--white);
}

.btn-header:hover {
    background-color: var(--primary);
    transform: translateY(-2px);
}

/* Секции общие элементы */
.section-title-block {
    margin-bottom: 60px;
}

.sub-title {
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--primary);
    display: block;
    margin-bottom: 12px;
}

h2 {
    font-family: var(--font-heading);
    font-weight: 800;
    font-size: 40px;
    line-height: 1.3;
    color: var(--dark);
}

/* Главный экран */
.hero-section {
    padding: 180px 0 120px;
    background: #074536;
    position: relative;
    overflow: hidden;
}

.hero-bg-decor {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}

.floating-leaf {
    position: absolute;
    animation: floatingLeaf 6s ease-in-out infinite;
}

.leaf-1 { top: 20%; right: 10%; animation-delay: 0s; }
.leaf-2 { bottom: 15%; left: 5%; animation-delay: 2s; }

@keyframes floatingLeaf {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-25px) rotate(15deg); }
}

.hero-container {
    margin-left: 350px;
    display: flex;
    align-items: center;
    gap: 60px;
}

.hero-content {
    flex: 1;
}

.hero-badge {
    display: inline-block;
    padding: 6px 16px;
    background-color: var(--primary-tint);
    color: var(--primary);
    border-radius: 30px;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 25px;
}

.hero-content h1 {
    font-family: var(--font-heading);
    font-weight: 800;
    font-size: 58px;
    line-height: 1.15;
    color: var(--dark);
    margin-bottom: 25px;
}

.hero-description {
    font-size: 19px;
    color: var(--gray);
    margin-bottom: 40px;
    max-width: 580px;
}

.hero-actions {
    display: flex;
    align-items: center;
}

.hero-visual {
    flex: 1;
    display: flex;
    justify-content: center;
    position: relative;
}

.main-circle-graphic {
    position: relative;
    width: 450px;
    height: 450px;
}

.hero-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 15px solid var(--white);
    outline: 15px solid var(--primary);
    outline-offset: -15px;
    box-shadow: 0 30px 60px rgba(0,0,0,0.08);
    position: relative;
    z-index: 5;
}

/* Позиционирование оранжевого листа на главном кругу Hero */
/* Позиционирование оранжевого листа на главном кругу Hero */
.hero-circle-leaf {
    position: absolute;
    top: 15px;
    right: 2px; /* Было 15px, уменьшили на 13px для смещения вправо */
    z-index: 10; /* Выше, чем .hero-img (z-index: 5) */
    filter: drop-shadow(0 8px 16px rgba(10, 92, 72, 0.3));
    transform-origin: bottom left;
    animation: circleLeafSway 5s ease-in-out infinite alternate;
}

@keyframes circleLeafSway {
    0% {
        transform: rotate(0deg) scale(1);
    }
    100% {
        transform: rotate(12deg) scale(1.05);
    }
}

/* Премиальная типографика главного заголовка */
.hero-premium-title {
    font-family: var(--font-heading);
    font-size: 58px;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.03em; /* Легкое сближение букв для журнального стиля */
    color: var(--dark);
    margin-bottom: 25px;
}

/* Первое слово — глубокий древесно-кофейный с легким объемом */
.hero-premium-title .title-main {
    display: inline-block;
    background: linear-gradient(135deg, #2B2621 0%, #4A3E3D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 2px 10px rgba(43, 38, 33, 0.03);
}

/* Вторая строка — сочный оранжевый градиент */
.hero-premium-title .title-sub {
    position: relative;
    display: inline-block;
    font-weight: 800;
    background: linear-gradient(135deg, #0A5C48 0%, #FF5500 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* Мягкое свечение под текстом для глубины */
    filter: drop-shadow(0 4px 12px rgba(10, 92, 72, 0.15));
}

/* Элегантный акцент — контрастная точка в конце, символизирующая завершенность и осознанность */
.hero-premium-title .title-dot {
    display: inline-block;
    -webkit-text-fill-color: #FF5500;
    margin-left: -2px;
    animation: pulseDot 4s ease-in-out infinite;
}

/* Анимация "дыхания" для точки */
@keyframes pulseDot {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.2); opacity: 0.7; }
}/* Премиальная типографика главного заголовка */
.hero-premium-title {
    font-family: var(--font-heading);
    font-size: 58px;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.03em; /* Легкое сближение букв для журнального стиля */
    color: var(--dark);
    margin-bottom: 25px;
}

/* Первое слово — глубокий древесно-кофейный с легким объемом */
.hero-premium-title .title-main {
    display: inline-block;
    background: linear-gradient(135deg, #2B2621 0%, #4A3E3D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 2px 10px rgba(43, 38, 33, 0.03);
}

/* Вторая строка — сочный оранжевый градиент */
.hero-premium-title .title-sub {
    position: relative;
    display: inline-block;
    font-weight: 800;
    background: linear-gradient(135deg, #0A5C48 0%, #FF5500 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* Мягкое свечение под текстом для глубины */
    filter: drop-shadow(0 4px 12px rgba(10, 92, 72, 0.15));
}

/* Элегантный акцент — контрастная точка в конце, символизирующая завершенность и осознанность */
.hero-premium-title .title-dot {
    display: inline-block;
    -webkit-text-fill-color: #FF5500;
    margin-left: -2px;
    animation: pulseDot 4s ease-in-out infinite;
}

/* Анимация "дыхания" для точки */
@keyframes pulseDot {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.2); opacity: 0.7; }
}

.pulse-ring {
    position: absolute;
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;
    border: 2px dashed var(--primary);
    border-radius: 50%;
    opacity: 0.3;
    animation: rotateRing 25s linear infinite;
}

@keyframes rotateRing {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Раздел О практике */
.about-section {
    padding: 120px 0;
}

.about-grid {
    display: flex;
    align-items: center;
    gap: 70px;
}

.about-text {
    flex: 1.2;
}

.lead-text {
    font-size: 21px;
    font-weight: 600;
    color: var(--dark);
    margin-bottom: 20px;
}

.about-text p {
    color: var(--gray);
    margin-bottom: 30px;
}

.features-list {
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin-top: 40px;
}

.feature-item {
    display: flex;
    gap: 20px;
}

.feature-icon {
    width: 50px;
    height: 50px;
    background-color: var(--primary-tint);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    font-size: 20px;
    flex-shrink: 0;
}

.feature-body h3 {
    font-family: var(--font-heading);
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 6px;
    color: var(--dark);
}

.feature-body p {
    font-size: 16px;
    margin-bottom: 0;
}

.about-media {
    flex: 0.8;
}

.image-stack {
    position: relative;
}

.stack-img {
    width: 100%;
    border-radius: 24px;
    box-shadow: var(--shadow);
}

.stack-card {
    position: absolute;
    bottom: -30px;
    left: -30px;
    background-color: var(--primary);
    color: var(--white);
    padding: 25px;
    border-radius: 20px;
    max-width: 220px;
    box-shadow: 0 15px 35px rgba(10, 92, 72, 0.3);
}

.card-num {
    display: block;
    font-family: var(--font-heading);
    font-weight: 800;
    font-size: 36px;
    line-height: 1;
    margin-bottom: 5px;
}

.card-txt {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

/* Миссия */
.mission-section {
    padding: 100px 0;
    background-color: var(--primary);
    color: var(--white);
    position: relative;
}

.mission-section h2 {
    color: var(--white);
    margin-bottom: 25px;
}

.quote-icon {
    font-size: 50px;
    opacity: 0.2;
    margin-bottom: 15px;
}

.mission-text {
    font-size: 26px;
    font-weight: 300;
    max-width: 900px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Контейнер для выравнивания */
.mission-section .container {
    display: flex;
    align-items: center;
    gap: 30px;
}

/* Оформление круга SVG */
/* Обновленные стили для круга */
.mission-image-wrapper {
    flex-shrink: 0;
    width: 250px; /* Установите желаемый размер */
    height: 250px;
    border: 3px solid #ffffff; /* Белая рамка 3px */
    border-radius: 50%;      /* Делаем контейнер круглым */
    overflow: hidden;        /* Обрезаем содержимое по кругу */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    cursor: pointer;
}

/* Эффект свечения при наведении */
.mission-image-wrapper:hover {
    transform: scale(1.05); /* Легкое увеличение */
    box-shadow: 0 0 25px rgba(255, 255, 255, 0.6), 0 0 50px rgba(255, 255, 255, 0.3);
    border-color: #ffffff;
}

/* Корректировка изображения внутри */
.circle-svg {
    width: 100%;
    height: 100%;
    display: block;
}

.mission-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Контейнер для трех кругов */
.mission-images-grid {
    display: flex;
    flex-direction: column;
    gap: 20px; /* Расстояние между кругами */
    flex-shrink: 0;
}

/* 1. Увеличиваем размер самих кругов */
.mission-image-wrapper {
    width: 378px;
    height: 378px;
    border: 3px solid #ffffff;
    border-radius: 50%;
    overflow: hidden;
    transition: all 0.4s ease;
    cursor: pointer;
    position: absolute;
}

/* 2. Увеличиваем контейнер, чтобы он вместил круги такого размера */
.mission-images-chaos {
    position: relative;
    width: 600px;  /* Увеличили область под большой размер */
    height: 600px;
    flex-shrink: 0;
}

/* 3. Корректируем координаты для треугольника при новом размере */
.circle-1 { top: 0; left: 110px; }      /* Верхняя точка */
.circle-2 { bottom: 50px; left: 0; }    /* Нижняя левая */
.circle-3 { bottom: 50px; right: 0; }   /* Нижняя правая */

.mission-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Эффект при наведении */
.mission-image-wrapper:hover {
    transform: scale(1.05);
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
}

/* Выравнивание основного блока */
.mission-section .container {
    display: flex;
    align-items: center;
    gap: 40px;
}

.content-wrapper {
    padding-right: 30px;
    text-align: left;
}

.mission-images-chaos {
    position: relative;
    width: 450px; /* Общая зона, где будут круги */
    height: 450px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    flex-shrink: 0;
}

.mission-image-wrapper {
    width: 150px;
    height: 150px;
    border: 3px solid #ffffff;
    border-radius: 50%;
    overflow: hidden;
    transition: all 0.4s ease;
    cursor: pointer;
    position: absolute; /* Позволяет двигать их свободно */
}

.mission-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Эффект свечения */
.mission-image-wrapper:hover {
    transform: scale(1.1);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.7);
    z-index: 10; /* Чтобы при увеличении круг был поверх других */
}

/* Выравнивание текста */
.content-wrapper {
    padding-left: 32px;
    text-align: left;
}

/* Польза */
.benefits-section {
    padding: 120px 0;
    background-color: var(--light-bg);
}

.benefits-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.benefit-card {
    background-color: var(--white);
    padding: 40px;
    border-radius: 24px;
    box-shadow: var(--shadow);
    transition: var(--transition);
}

.benefit-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 25px 50px rgba(10, 92, 72, 0.1);
}

.card-icon {
    font-size: 35px;
    color: var(--primary);
    margin-bottom: 20px;
}

.benefit-card h3 {
    font-family: var(--font-heading);
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
}

.benefit-card p {
    color: var(--gray);
    font-size: 17px;
}

.stats-wrapper {
    display: flex;
    justify-content: space-around;
    margin-top: 80px;
    background-color: var(--white);
    padding: 40px;
    border-radius: 24px;
    box-shadow: var(--shadow);
}

.stat-box {
    text-align: center;
}

.stat-val {
    font-family: var(--font-heading);
    font-weight: 800;
    font-size: 54px;
    color: var(--primary);
    line-height: 1.1;
    margin-bottom: 8px;
}

.stat-lbl {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--dark);
    letter-spacing: 0.5px;
}

/* Проводник */
.guide-section {
    padding: 120px 0;
}

.guide-grid {
    display: flex;
    align-items: center;
    gap: 70px;
}

.guide-visual {
    flex: 0.9;
}

.guide-img-container {
    width: 100%;
    height: 500px;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: var(--shadow);
}

.guide-img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.guide-content {
    flex: 1.1;
}

.guide-lead {
    font-size: 22px;
    font-weight: 600;
    color: var(--primary);
    line-height: 1.5;
    margin-bottom: 25px;
}

.guide-content p {
    color: var(--gray);
    margin-bottom: 20px;
}

.guide-quote {
    margin-top: 35px;
    padding-left: 25px;
    border-left: 4px solid var(--primary);
    font-style: italic;
    font-size: 19px;
    color: var(--dark);
}

/* Процесс (Временная шкала) */
.process-section {
    padding: 120px 0;
    background-color: var(--light-bg);
}

.timeline {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    margin-top: 5px;
}

.timeline-item {
    background-color: var(--white);
    padding: 35px 30px;
    border-radius: 20px;
    position: relative;
    box-shadow: var(--shadow);
}

.timeline-num {
    font-family: var(--font-heading);
    font-weight: 800;
    font-size: 46px;
    color: var(--primary-tint);
    line-height: 1;
    margin-bottom: 15px;
}

.timeline-body h3 {
    font-family: var(--font-heading);
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 12px;
}

.timeline-body p {
    color: var(--gray);
    font-size: 15px;
    line-height: 1.6;
}

/* Галерея */
.gallery-section {
    padding: 120px 0;
}

.gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.gallery-item {
    height: 350px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: var(--shadow);
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}

.gallery-item:hover img {
    transform: scale(1.06);
}

/* Футер */
.main-footer {
    background-color: #053328;
    color: var(--white);
    padding: 80px 0 0;
}

.footer-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 60px;
    border-bottom: 1px solid rgb(93 118 37);
}

.footer-info {
    flex: 1.2;
}

.footer-info h2 {
    color: var(--white);
    font-size: 36px;
    margin-bottom: 20px;
}

.footer-info p {
    color: #ffffff;
    max-width: 500px;
    margin-bottom: 30px;
}

.footer-contacts {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.contact-link {
    color: var(--white);
    text-decoration: none;
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: var(--transition);
}

a.contact-link:hover {
    color: var(--primary);
}

.footer-interactive {
    flex: 0.8;
    display: flex;
    justify-content: flex-end;
}

/* Тренажер дыхания */
.breathing-box {
    text-align: center;
}

.breathing-svg {
    margin-bottom: 15px;
}

.b-circle-core {
    fill: var(--primary);
}

.b-circle-pulse {
    fill: none;
    stroke: var(--primary);
    stroke-width: 2;
    transform-origin: center;
    animation: breathAnimation 4s ease-in-out infinite;
}

@keyframes breathAnimation {
    0% { transform: scale(0.6); opacity: 1; }
    40% { transform: scale(1.2); opacity: 0.4; }
    100% { transform: scale(0.6); opacity: 1; }
}

.breathing-hint {
    font-size: 14px;
    color: #A39A92;
    letter-spacing: 0.5px;
}

.footer-bottom {
    padding: 25px 0;
    background-color: #5E7726FF !important;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
}

/* Дополнения для интеграции ссылки разработчика */
.footer-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.developer-credit {
    font-family: var(--font-heading);
    font-weight: 600;
    letter-spacing: 0.5px;
}

.qx-link {
    color: #A39A92;
    text-decoration: none;
    font-weight: 700;
    transition: var(--transition);
    position: relative;
    padding-bottom: 2px;
}

.qx-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background-color: var(--primary);
    transition: var(--transition);
}

.qx-link:hover {
    color: var(--primary);
    text-shadow: 0 0 10px rgba(10, 92, 72, 0.3);
}

.qx-link:hover::after {
    width: 100%;
}

.pagination-container {
    display: flex;
    align-items: center;
    background: var(--light-bg);
    padding: 10px 14px;
    border-radius: 50px;
    box-shadow: 0 10px 30px rgba(43, 38, 33, 0.03);
    border: 1px solid rgba(10, 92, 72, 0.05);
}

.pagination-arrow {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: none;
    background: var(--white);
    color: var(--dark);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--transition);
    box-shadow: 0 4px 10px rgba(0,0,0,0.02);
}

.pagination-arrow:hover:not(.disabled) {
    background: var(--primary);
    color: var(--white);
    box-shadow: 0 8px 20px rgba(10, 92, 72, 0.25);
}

.pagination-arrow.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    background: transparent;
    box-shadow: none;
}

.pagination-pages {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 15px;
}

.page-num {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-heading);
    font-size: 14px;
    font-weight: 700;
    color: var(--gray);
    border-radius: 50%;
    cursor: pointer;
    transition: var(--transition);
}

.page-num:not(.active):hover {
    color: var(--primary);
    background: rgba(10, 92, 72, 0.05);
}

.page-num.active {
    background: var(--white);
    color: var(--primary);
    box-shadow: 0 4px 15px rgba(10, 92, 72, 0.12);
}

.page-num[title] {
    width: auto;
    padding: 0 14px;
    border-radius: 30px;
}

.page-divider {
    color: #C2B9B0;
    padding: 0 4px;
    font-weight: 600;
}

/* ==========================================================================
   БЛОК ДОСТУПНОЙ ЛЕСОТЕРАПИИ (Accessibility Section)
   Цветовая палитра: Экстра-оранжевый премиум бэкграунд с белыми акцентами
   ========================================================================== */
.accessibility-section {
    padding: 120px 0;
    background: linear-gradient(135deg, #000000 0%, #5d7625 50%, #000000 100%);
    color: var(--white);
    position: relative;
    overflow: hidden;
}

/* Декорации SVG фона */
.access-bg-decor {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 1;
}

.access-blob-top {
    position: absolute;
    left: -8%;
    top: -10%;
    width: 500px;
    height: 500px;
}

.access-svg-leaf {
    position: absolute;
    opacity: 0.15;
}

.access-svg-leaf.leaf-sway-1 {
    right: 5%;
    top: 12%;
    transform: rotate(45deg);
    animation: accessLeafSway1 8s ease-in-out infinite alternate;
}

.access-svg-leaf.leaf-sway-2 {
    left: 45%;
    bottom: 5%;
    transform: rotate(-30deg);
    animation: accessLeafSway2 6s ease-in-out infinite alternate;
}

@keyframes accessLeafSway1 {
    0% { transform: rotate(45deg) translateY(0) scale(1); }
    100% { transform: rotate(60deg) translateY(-15px) scale(1.05); }
}

@keyframes accessLeafSway2 {
    0% { transform: rotate(-30deg) translateX(0); }
    100% { transform: rotate(-15deg) translateX(10px); }
}

/* Заголовок блока */
.access-title-block {
    margin-bottom: 60px;
    position: relative;
    z-index: 2;
}

.access-title-block h2 {
    color: var(--dark);
    font-size: 46px;
    margin-bottom: 20px;
    font-weight: 800;
}

.access-title-block .text-white {
    color: var(--white);
    text-shadow: 0 4px 12px rgba(0,0,0,0.06);
}

.access-badge {
    display: inline-block;
    padding: 6px 18px;
    background-color: rgba(255, 255, 255, 0.2);
    color: var(--white);
    border-radius: 30px;
    font-family: var(--font-heading);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 20px;
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255,255,255,0.25);
}

.access-subtitle {
    max-width: 750px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.9);
}

/* Сетка карточек */
.access-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    position: relative;
    z-index: 2;
}

.access-card {
    background: var(--white);
    border-radius: 24px;
    padding: 35px;
    color: var(--dark);
    box-shadow: 0 15px 35px rgba(218, 73, 0, 0.15);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(255,255,255,0.5);
}

.access-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.18);
}

.access-icon-wrapper {
    width: 60px;
    height: 60px;
    background-color: var(--primary-tint);
    color: var(--primary);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    transition: var(--transition);
}

.access-card:hover .access-icon-wrapper {
    background-color: var(--primary);
    color: var(--white);
    transform: scale(1.1) rotate(5deg);
}

/* Микро-анимация SVG иконок внутри карточек при ховере */
.svg-animated-icon {
    transition: transform 0.4s ease;
}
.access-card:hover .svg-animated-icon {
    animation: iconPop 0.5s ease forwards;
}

@keyframes iconPop {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

.access-card h3 {
    font-family: var(--font-heading);
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 15px;
    color: var(--dark);
}

.access-card p {
    font-size: 15px;
    line-height: 1.6;
    color: var(--gray);
    margin-bottom: 0;
}

/* Стилизация специальной большой карточки с адресами */
.access-stations-card {
    grid-column: span 1;
    background: var(--dark);
    color: var(--white);
    border-color: rgba(255,255,255,0.05);
}

.access-stations-card h3 {
    color: var(--white);
    display: flex;
    align-items: center;
    gap: 12px;
}

.stations-list {
    list-style: none;
    margin-top: 5px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.stations-list li {
    font-size: 14px;
    line-height: 1.5;
    border-left: 3px solid var(--primary);
    padding-left: 12px;
}

.stations-list li strong {
    display: block;
    font-family: var(--font-heading);
    color: var(--primary-light);
    font-size: 15px;
    margin-bottom: 2px;
}

.stations-list li span {
    color: #C2B9B0;
}

.station-badge {
    margin-top: auto;
    padding-top: 20px;
    font-size: 12px;
    font-weight: 600;
    color: var(--primary-light);
    border-top: 1px solid rgba(255,255,255,0.08);
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Интерактивное окно обратной связи */
.access-feedback-box {
    margin-top: 60px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 2px dashed rgba(255, 255, 255, 0.3);
    border-radius: 28px;
    padding: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    position: relative;
    z-index: 2;
}

.feedback-content {
    flex: 1.2;
}

.feedback-content h3 {
    font-family: var(--font-heading);
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    color: var(--white);
    display: flex;
    align-items: center;
    gap: 12px;
}

.feedback-content p {
    font-size: 16px;
    color: rgba(255,255,255,0.9);
    line-height: 1.6;
    margin-bottom: 0;
}

.feedback-interactive-actions {
    flex: 0.8;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.btn-feedback-yes {
    background: var(--white);
    color: var(--primary);
    border: none;
    font-weight: 700;
    box-shadow: 0 10px 20px rgba(0,0,0,0.05);
}

.btn-feedback-yes:hover {
    background: var(--dark);
    color: var(--white);
    transform: translateY(-2px);
}

.btn-feedback-suggest {
    background: rgba(0, 0, 0, 0.2);
    color: var(--white);
    border: 1px solid rgba(255,255,255,0.2);
    margin-left: 0 !important;
}

.btn-feedback-suggest:hover {
    background: var(--white);
    color: var(--dark);
    transform: translateY(-2px);
}

/* Быстрая анимация покачивания иконки опроса */
.animate-bounce {
    animation: slowBounce 3s ease-in-out infinite;
}
@keyframes slowBounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}

/* ==========================================================================
   БЛОК ОТЗЫВЫ УЧАСТНИКОВ (Reviews Section Styles)
   Цветовая палитра: Оранжевый премиум с белыми карточками и SVG графикой
   ========================================================================== */
.reviews-section {
    padding: 120px 0;
    background: linear-gradient(135deg, #0A5C48 0%, #FF7300 50%, #E65C00 100%);
    color: var(--white);
    position: relative;
    overflow: hidden;
}

/* Декоративный SVG фон */
.reviews-bg-decor {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 1;
}

.reviews-blob-left {
    position: absolute;
    left: -10%;
    bottom: -15%;
    width: 550px;
    height: 550px;
    animation: reviewBlobMove 25s ease-in-out infinite alternate;
}

.reviews-svg-leaf {
    position: absolute;
    opacity: 0.16;
}

.reviews-svg-leaf.leaf-animation-1 {
    right: 6%;
    top: 10%;
    transform: rotate(30deg);
    animation: reviewLeafSway1 7s ease-in-out infinite alternate;
}

.reviews-svg-leaf.leaf-animation-2 {
    left: 35%;
    top: 45%;
    transform: rotate(-45deg);
    animation: reviewLeafSway2 5s ease-in-out infinite alternate;
}

@keyframes reviewBlobMove {
    0% { transform: scale(1) translate(0px, 0px) rotate(0deg); }
    50% { transform: scale(1.1) translate(40px, -30px) rotate(60deg); }
    100% { transform: scale(0.9) translate(-20px, 20px) rotate(120deg); }
}

@keyframes reviewLeafSway1 {
    0% { transform: rotate(30deg) translateY(0) scale(1); }
    100% { transform: rotate(50deg) translateY(-20px) scale(1.08); }
}

@keyframes reviewLeafSway2 {
    0% { transform: rotate(-45deg) translateX(0); }
    100% { transform: rotate(-25deg) translateX(15px); }
}

/* Заголовок секции */
.reviews-title-block {
    position: relative;
    z-index: 2;
    margin-bottom: 60px;
}

.reviews-badge {
    display: inline-block;
    padding: 6px 18px;
    background-color: rgba(255, 255, 255, 0.15);
    color: var(--white);
    border-radius: 30px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 20px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(5px);
}

.reviews-section h2 {
    color: var(--white);
    font-size: 44px;
    margin-bottom: 20px;
}

.reviews-subtitle {
    max-width: 650px;
    margin: 0 auto;
    font-size: 17px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
}

/* Сетка карточек */
.reviews-grid-layout {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    position: relative;
    z-index: 2;
    margin-bottom: 60px;
}

.review-premium-card {
    background: var(--white);
    color: var(--dark);
    padding: 40px;
    border-radius: 28px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);
    transition: var(--transition);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid rgba(255, 255, 255, 0.8);
}

.review-premium-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);
}

/* Декоративная иконка кавычки внутри карточки */
.review-quote-mark {
    color: rgba(10, 92, 72, 0.12);
    position: absolute;
    top: 30px;
    right: 35px;
    transition: var(--transition);
}

.review-premium-card:hover .review-quote-mark {
    color: rgba(10, 92, 72, 0.22);
    transform: scale(1.1) rotate(-10deg);
}

.review-main-text {
    font-size: 16px;
    line-height: 1.65;
    color: var(--gray);
    font-style: italic;
    margin-bottom: 30px;
    position: relative;
    z-index: 2;
}

/* Сведения об авторе */
.review-author-info {
    display: flex;
    align-items: center;
    gap: 15px;
    border-top: 1px solid #F0EAE1;
    padding-top: 20px;
}

.review-avatar-placeholder {
    width: 48px;
    height: 48px;
    background: var(--primary-tint);
    color: var(--primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 15px;
    flex-shrink: 0;
}

.review-meta-data h4 {
    font-family: var(--font-heading);
    font-size: 16px;
    font-weight: 700;
    color: var(--dark);
    margin-bottom: 2px;
}

.review-meta-data span {
    font-size: 13px;
    color: #9C9286;
    display: block;
}

/* Интерактивный CTA блок */
.reviews-cta-container {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 24px;
    padding: 30px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 2;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.reviews-cta-content h3 {
    font-family: var(--font-heading);
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 6px;
    color: var(--white);
}

.reviews-cta-content p {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.85);
}

.btn-reviews-white {
    background: var(--white);
    color: var(--primary);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}

.btn-reviews-white:hover {
    background: var(--primary-tint);
    color: #E65C00;
    transform: translateY(-3px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

/* ==========================================================================
   ОБНОВЛЕННЫЕ СТИЛИ ДЛЯ КРАСИВОГО ФУТЕРА С ГРАФИКОЙ И АНИМАЦИЕЙ
   ========================================================================== */
.main-footer {
    background-color: var(--dark);
    color: var(--white);
    padding: 0; /* Обнуляем верхний паддинг, так как его берет на себя декоративная волна */
    position: relative;
    z-index: 10;
}

/* Графическая волна вверху футера */
.footer-wave-decor {
    position: relative;
    width: 100%;
    height: 120px;
    margin-top: -115px; /* Мягкое наложение волны на предыдущую секцию */
    overflow: visible;
    pointer-events: none;
}

.wave-svg {
    width: 100%;
    height: 100%;
    display: block;
}

/* Дополнительные анимированные листья над волной */
.footer-leaf-fly {
    position: absolute;
    z-index: 12;
}

.leaf-f1 {
    top: 20px;
    left: 15%;
    animation: leafFloatRotate 8s ease-in-out infinite alternate;
}

.leaf-f2 {
    top: -10px;
    right: 22%;
    animation: leafFloatRotate 6s ease-in-out infinite alternate-reverse;
}

@keyframes leafFloatRotate {
    0% { transform: translateY(0) rotate(0deg) scale(1); }
    100% { transform: translateY(-15px) rotate(25deg) scale(1.1); }
}

/* Контейнер сетки футера */
.footer-container {
    display: grid;
    grid-template-columns: 1.1fr 1.4fr 0.9fr;
    gap: 50px;
    padding-top: 40px;
    padding-bottom: 60px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    align-items: start;
}

.footer-column h3 {
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 19px;
    color: var(--white);
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 10px;
}

/* Красивое подчеркивание заголовков в футере */
.footer-column h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background-color: var(--primary);
    border-radius: 2px;
}

/* Колонка 1: Описание бренда и Телефон */
.footer-logo {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 22px;
    color: var(--white);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 20px;
}

.footer-brand-desc {
    color: #A39A92;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 30px;
}

.footer-phone-block {
    background: rgba(255, 255, 255, 0.03);
    padding: 15px 20px;
    border-radius: 14px;
    border-left: 3px solid var(--primary);
    display: inline-flex;
    flex-direction: column;
    gap: 4px;
}

.footer-phone {
    color: var(--white);
    text-decoration: none;
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 18px;
    transition: var(--transition);
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer-phone i {
    color: var(--primary);
    font-size: 14px;
}

.footer-phone:hover {
    color: var(--primary);
}

.footer-phone-sub {
    font-size: 13px;
    color: #A39A92;
    padding-left: 24px;
}

/* Колонка 2: Социальные сети карточками */
.socials-intro {
    font-size: 15px;
    color: #A39A92;
    margin-bottom: 20px;
}

.social-links-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.social-card-link {
    display: flex;
    align-items: center;
    gap: 15px;
    background: rgba(255, 255, 255, 0.04);
    padding: 12px 16px;
    border-radius: 12px;
    text-decoration: none;
    transition: var(--transition);
    border: 1px solid rgba(255, 255, 255, 0.02);
}

.social-icon-box {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.06);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: var(--white);
    transition: var(--transition);
    flex-shrink: 0;
}

.social-text-box {
    display: flex;
    flex-direction: column;
}

.social-name {
    font-family: var(--font-heading);
    font-weight: 600;
    font-size: 14px;
    color: var(--white);
}

.social-user {
    font-size: 12px;
    color: #A39A92;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 110px;
}

/* Эффекты интерактивности при наведении на социальные карты */
.social-card-link:hover {
    background: rgba(255, 255, 255, 0.08);
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

.tg-link:hover .social-icon-box { background: #0088cc; color: #fff; }
.insta-link:hover .social-icon-box { background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); color: #fff; }
.vk-link:hover .social-icon-box { background: #4c75a3; color: #fff; }
.web-link:hover .social-icon-box { background: var(--primary); color: #fff; }

/* Колонка 3: Тренажер дыхания */
.footer-interactive-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.footer-interactive-col h3::after {
    left: 50%;
    transform: translateX(-50%);
}

.breathing-box {
    margin-top: 10px;
}

.breathing-svg {
    display: block;
    margin: 0 auto 15px;
}

.b-circle-core {
    fill: var(--primary);
    opacity: 0.8;
}

.b-circle-pulse {
    fill: var(--primary);
    opacity: 0.15;
    transform-origin: center;
    animation: breathePulse 5s ease-in-out infinite;
}

@keyframes breathePulse {
    0%, 100% { transform: scale(0.6); opacity: 0.1; }
    50% { transform: scale(1.1); opacity: 0.35; }
}

.breathing-hint {
    font-size: 14px;
    color: #A39A92;
    font-style: italic;
}

/* Нижняя панель */
.footer-bottom {
    background-color: #5E7726FF !important;
    padding: 25px 0;
    font-size: 14px;
    color: #FFFFFF;
}

.footer-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.qx-link {
    color: #A39A92;
    text-decoration: none;
    font-weight: 600;
    transition: var(--transition);
}

.qx-link:hover {
    color: var(--primary);
}

/* ==========================================================================
   ИНДИКАТОР ПРОКРУТКИ И КНОПКИ СКРОЛЛА (Scroll Navigation Styles)
   ========================================================================== */

/* 1. Горизонтальная оранжевая полоса в самом верху страницы */
.scroll-progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 0%;
    height: 4px;
    background: linear-gradient(90deg, var(--primary-light), var(--primary));
    z-index: 9999;
    transition: width 0.1s ease-out;
    box-shadow: 0 1px 10px rgba(10, 92, 72, 0.4);
}

/* 2. Контейнер для кнопок управления скроллом */
.scroll-navigation-wrapper {
    position: fixed;
    bottom: 30px;
    right: 30px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    z-index: 2000;
}

/* Общие стили для кнопок навигации */
.scroll-nav-btn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(10, 92, 72, 0.25);
    color: var(--dark);
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 24px rgba(43, 38, 33, 0.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: var(--transition);
    position: relative;
    outline: none;
}

/* Эффект ховера */
.scroll-nav-btn:hover {
    background: var(--primary);
    color: var(--white);
    border-color: var(--primary);
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(10, 92, 72, 0.25);
}

/* Эффект нажатия */
.scroll-nav-btn:active {
    transform: translateY(-1px);
}

/* Специфика кнопки "Вверх" (Скрыта на самом верху, появляется при скролле) */
.scroll-up-btn {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.8) translateY(10px);
}

.scroll-up-btn.visible {
    opacity: 1;
    visibility: visible;
    transform: scale(1) translateY(0);
}

/* Ховер для кнопки вверх (если она видна) */
.scroll-up-btn.visible:hover {
    transform: translateY(-3px);
}

/* Специфика кнопки "Вниз" (Плавно скрывается, когда доходим до футера) */
.scroll-down-btn {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.scroll-down-btn.hidden {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.8) translateY(10px);
}

/* Улучшение визуального контейнера логотипа */
.main-circle-graphic {
    position: relative;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 8px solid rgba(10, 92, 72, 0.1);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
    margin: 0 auto;
}

/* Красивое оформление самого логотипа */
.logo-wrapper {
    width: 100%; /* Логотип занимает 80% от круга */
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 50%;
}

.logo-image {
    width: 100%;
    height: 100%;
    object-fit: contain; /* Чтобы логотип не обрезался, а был виден целиком */
}

/* Улучшение заголовков для красоты */
.hero-content h1 {
    font-family: var(--font-heading);
    font-size: 52px;
    line-height: 1.1;
    color: var(--dark);
    margin-bottom: 20px;
    letter-spacing: -1px;
}

.text-orange {
    color: var(--primary);
    font-weight: 800;
}

.hero-badge {
    background: var(--primary-tint);
    color: var(--primary);
    padding: 8px 16px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 20px;
}

/* коллаж */

.hero-section {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.hero-fullscreen-collage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.hero-fullscreen-collage .collage-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(2, 1fr);
    width: 100%;
    height: 100%;
}

.hero-fullscreen-collage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.6) grayscale(20%);
}

.collage-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(43, 38, 33, 0.1); /* Настройте прозрачность фона под текст */
}

/* Убедимся, что контент поверх фона */
.hero-container {
    position: relative;
    z-index: 1;
}
.rounded-image {
    border-radius: 20px;
    display: block; /* Убирает возможные отступы под изображением */
}

/* 1. Увеличиваем область под круги и задаем им отступ слева 11px */
/* Контейнер-сетка для кругов */
.mission-images-triangle {
    position: relative;
    width: 600px; /* Достаточно места для размещения */
    height: 600px;
    margin-left: -150px !important;
    flex-shrink: 0;
}

/* Общие стили для кругов (размер 378px) */
.mission-image-wrapper {
    width: 300px !important;
    height: 300px !important;
    border: 3px solid #ffffff !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    position: absolute !important;
    transition: all 0.4s ease !important;
    cursor: pointer;
}

/* ПОЗИЦИОНИРОВАНИЕ:
   l02 и l03 остаются по краям снизу.
   l01 ставится строго по центру между ними по горизонтали.
*/
.circle-l01 { top: 40px; left: 150px; }     /* Центр (между 0 и 522) */
.circle-l02 { bottom: 0px; left: 0px; }    /* Нижний левый */
.circle-l03 { bottom: 0px; right: 0px; }   /* Нижний правый */

/* Стили картинок */
.mission-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Эффект свечения */
.mission-image-wrapper:hover {
    transform: scale(1.05);
    box-shadow: 0 0 40px rgba(255, 255, 255, 0.7);
    z-index: 10;
}

/* Styling for the section to contain the absolute image */
.mission-section {
    position: relative; /* Essential for containing the absolutely positioned image */
    overflow: hidden; /* Recommended to prevent image overflow if it's large */
}

/* Specific styling for the forest background image */
.mission-bg-forest {
    position: absolute; /* Positions image relative to .mission-section */
    top: 50%; /* Vertical centering start */
    right: 12px; /* Set 12px margin from the right edge */
    transform: translateY(-50%); /* Precisely center horizontally */
    max-height: 90%; /* Scale image height to fit within the section */
    width: auto; /* Maintain aspect ratio */
    opacity: 0.7; /* Adjust opacity for subtle blending */
    z-index: 1; /* Place image behind content (assuming content is z-index 2) */
    pointer-events: none; /* Prevents the image from interfering with clicks on content */
}

#accessibility {
    background-color: #0A5C48 !important; /* Цвет #0A5C48F2 без прозрачности или с ней */
    padding: 60px 0; /* Добавьте отступы, чтобы контент не прилипал к краям */
}

/* Если вам нужно сохранить прозрачность, используйте RGBA */
/* #0A5C48F2 (F2 в конце — это 95% непрозрачности) */
#accessibility {
    background-color: rgba(93, 118, 37, 0.95) !important;
}
/* Контейнер для визуальной части */
/* Контейнер для визуальной части */
.guide-visual {
    flex: 0.9;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-top: -30px;  Добавлено смещение вниз */
}

/* Настройки SVG круга */
.guide-circle-svg {
    width: 100%;
    max-width: 450px;
    height: auto;
    filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.15));
    transition: transform 0.4s ease;
}

/* Эффект при наведении */
.guide-circle-svg:hover {
    transform: scale(1.02);
}

/* Эффект при наведении на логотип в футере */
.footer-interactive-col svg {
    transition: transform 0.4s ease;
}

.footer-interactive-col svg:hover {
    transform: scale(1.05);
}

/*!* ===== КНОПКА ПОДРОБНЕЕ В НОВОСТЯХ ===== *!*/
/*.news-detail-btn {*/
/*    display: inline-flex;*/
/*    align-items: center;*/
/*    gap: 8px;*/
/*    padding: 10px 24px;*/
/*    background: linear-gradient(135deg, #0A5C48 0%, #e07400 100%);*/
/*    color: #ffffff;*/
/*    border: none;*/
/*    border-radius: 50px;*/
/*    font-family: 'Nunito', sans-serif;*/
/*    font-weight: 700;*/
/*    font-size: 14px;*/
/*    text-decoration: none;*/
/*    cursor: pointer;*/
/*    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);*/
/*    box-shadow: 0 4px 15px rgba(10, 92, 72, 0.25);*/
/*    letter-spacing: 0.3px;*/
/*}*/

/*.news-detail-btn:hover {*/
/*    background: linear-gradient(135deg, #ff9a2e 0%, #0A5C48 100%);*/
/*    transform: translateY(-2px);*/
/*    box-shadow: 0 8px 25px rgba(10, 92, 72, 0.4);*/
/*    color: #ffffff;*/
/*}*/

/*.news-detail-btn i {*/
/*    font-size: 12px;*/
/*    transition: transform 0.3s ease;*/
/*}*/

/*.news-detail-btn:hover i {*/
/*    transform: translateX(4px);*/
/*}*/

/*!* ===== БЛОК ДЕЙСТВИЙ В КАРТОЧКЕ НОВОСТИ ===== *!*/
/*.news-actions {*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/
/*    margin-top: auto;*/
/*    padding-top: 15px;*/
/*    border-top: 1px solid rgba(10, 92, 72, 0.1);*/
/*    flex-wrap: wrap;*/
/*    gap: 10px;*/
/*}*/

/*.share-buttons {*/
/*    display: flex;*/
/*    gap: 6px;*/
/*}*/

/*.share-buttons button {*/
/*    width: 36px;*/
/*    height: 36px;*/
/*    border-radius: 50%;*/
/*    border: 1px solid #FFF4E6;*/
/*    background: transparent;*/
/*    color: #a89f97;*/
/*    cursor: pointer;*/
/*    transition: all 0.3s ease;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    font-size: 15px;*/
/*}*/

/*.share-buttons button:hover {*/
/*    background: #0A5C48;*/
/*    color: #ffffff;*/
/*    border-color: #0A5C48;*/
/*    transform: translateY(-2px);*/
/*    box-shadow: 0 4px 12px rgba(10, 92, 72, 0.2);*/
/*}*/

/*!* Для карточки новости: чтобы кнопка была внизу *!*/
/*.news-card {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    height: 100%;*/
/*}*/

/*.news-excerpt {*/
/*    flex-grow: 0;*/
/*    margin-bottom: 0;*/
/*}*/
/*!* ===== ДОПОЛНИТЕЛЬНЫЕ АДАПТИВНЫЕ УЛУЧШЕНИЯ ===== *!*/

/*!* Для очень маленьких экранов *!*/
/*@media (max-width: 360px) {*/
/*    .container {*/
/*        padding: 0 8px;*/
/*    }*/

/*    h2 {*/
/*        font-size: 18px !important;*/
/*    }*/

/*    .sub-title {*/
/*        font-size: 10px !important;*/
/*    }*/

/*    .btn {*/
/*        padding: 10px 18px !important;*/
/*        font-size: 12px !important;*/
/*    }*/

/*    .hero-content h1 {*/
/*        font-size: 20px !important;*/
/*    }*/

/*    .main-circle-graphic {*/
/*        width: 130px !important;*/
/*        height: 130px !important;*/
/*    }*/

/*    .logo span {*/
/*        font-size: 13px !important;*/
/*    }*/

/*    .logo svg {*/
/*        width: 24px !important;*/
/*        height: 24px !important;*/
/*    }*/
/*}*/

/*!* Для планшетов в портретной ориентации *!*/
/*@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {*/
/*    .news-grid {*/
/*        grid-template-columns: repeat(2, 1fr) !important;*/
/*    }*/

/*    .access-grid {*/
/*        grid-template-columns: 1fr 1fr !important;*/
/*    }*/

/*    .benefits-grid {*/
/*        grid-template-columns: 1fr 1fr !important;*/
/*    }*/
/*}*/

/*!* Для устройств с высоким DPI *!*/
/*@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {*/
/*    .logo-image {*/
/*        image-rendering: auto;*/
/*    }*/
/*}*/

/*!* Скрытие элементов на мобильных *!*/
/*@media (max-width: 768px) {*/
/*    .desktop-only {*/
/*        display: none !important;*/
/*    }*/
/*}*/

/*@media (min-width: 769px) {*/
/*    .mobile-only {*/
/*        display: none !important;*/
/*    }*/
/*}*/

/*!* Улучшенная читаемость на мобильных *!*/
/*@media (max-width: 768px) {*/
/*    body {*/
/*        font-size: 16px;*/
/*        line-height: 1.6;*/
/*    }*/

/*    p {*/
/*        font-size: 15px;*/
/*        line-height: 1.6;*/
/*    }*/
/*}*/

/*!* Анимации для мобильных (отключаем тяжелые анимации) *!*/
/*@media (max-width: 768px) {*/
/*    .floating-leaf,*/
/*    .reviews-svg-leaf,*/
/*    .access-svg-leaf,*/
/*    .news-blob-1,*/
/*    .reviews-blob-left {*/
/*        display: none !important;*/
/*    }*/

/*    .news-card:hover {*/
/*        transform: translateY(-5px) !important;*/
/*    }*/

/*    .scroll-nav-btn:hover {*/
/*        transform: none !important;*/
/*    }*/
/*}*/

/* ===== ВИДЕО В КАРТОЧКАХ НОВОСТЕЙ ===== */

/* Видео в карточке новости — такой же размер как у изображения */
/* ===== ВИДЕО В КАРТОЧКАХ НОВОСТЕЙ ===== */

/* ===== ВИДЕО В КАРТОЧКАХ НОВОСТЕЙ ===== */

/* Видео в карточке новости — такой же размер как у изображения (300px) */
.news-card video {
    width: 100% !important;
    height: 300px !important;
    object-fit: cover !important;
    display: block !important;
    background: #000000 !important;
    border-radius: 28px 28px 28px 28px !important; /* скругление со всех сторон */
    flex-shrink: 0 !important;
}

/* ===== АДАПТИВ ДЛЯ ВИДЕО ===== */

@media (max-width: 1024px) {
    .news-card video {
        height: 320px !important;
        border-radius: 24px 24px 24px 24px !important;
    }
}

@media (max-width: 768px) {
    .news-card video {
        height: 280px !important;
        border-radius: 20px 20px 20px 20px !important;
    }
}

@media (max-width: 480px) {
    .news-card video {
        height: 220px !important;
        border-radius: 16px 16px 16px 16px !important;
    }
}

@media (max-width: 360px) {
    .news-card video {
        height: 180px !important;
        border-radius: 12px 12px 12px 12px !important;
    }
}

/* ===== АДАПТИВ ДЛЯ ВИДЕО ===== */

@media (max-width: 1024px) {
    .news-card video {
        height: 320px !important;
    }
}

@media (max-width: 768px) {
    .news-card video {
        height: 280px !important;
    }
}

@media (max-width: 480px) {
    .news-card video {
        height: 220px !important;
    }
}

@media (max-width: 360px) {
    .news-card video {
        height: 180px !important;
    }
}

/* ===== ЗАГОЛОВКИ И ТЕКСТ В БЛОКЕ "НАШИ ЦЕЛИ И ЗАДАЧИ" ===== */

/* Заголовок по центру */
.mission-title {
    text-align: center !important;
    color: #ffffff !important;
    font-size: 40px !important;
    margin-bottom: 25px !important;
}

/* Текст по левому краю */
.mission-text {
    text-align: left !important;
    max-width: 100% !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 26px !important;
    font-weight: 300 !important;
    line-height: 1.6 !important;
}

/* ===== АДАПТИВ ДЛЯ ВИДЕО ===== */

@media (max-width: 1024px) {
    .news-card video {
        height: 320px !important;
    }
}

@media (max-width: 768px) {
    .news-card video {
        height: 280px !important;
    }
}

@media (max-width: 480px) {
    .news-card video {
        height: 220px !important;
    }

    .mission-title {
        font-size: 28px !important;
    }

    .mission-text {
        font-size: 18px !important;
    }
}

@media (max-width: 360px) {
    .news-card video {
        height: 180px !important;
    }

    .mission-title {
        font-size: 24px !important;
    }

    .mission-text {
        font-size: 16px !important;
    }
}

/* ===== БЕЙДЖ "САМАЯ СВЕЖАЯ" НА ДЕСКТОПЕ ===== */
/*.news-card:first-child {*/
/*    position: relative;*/
/*}*/

/*.news-card:first-child::before {*/
/*    content: '⭐ САМАЯ СВЕЖАЯ';*/
/*    position: absolute;*/
/*    top: 12px;*/
/*    right: 12px;*/
/*    background: #0E735B;*/
/*    color: #ffffff;*/
/*    padding: 6px 18px;*/
/*    border-radius: 50px;*/
/*    font-size: 12px;*/
/*    font-weight: 700;*/
/*    letter-spacing: 0.5px;*/
/*    z-index: 5;*/
/*    box-shadow: 0 2px 15px rgba(217, 109, 0, 0.4);*/
/*    animation: pulseBadge 2s ease-in-out infinite;*/
/*    font-family: 'Montserrat', sans-serif;*/
/*}*/

/*@keyframes pulseBadge {*/
/*    0%, 100% {*/
/*        opacity: 1;*/
/*        transform: scale(1);*/
/*        box-shadow: 0 2px 15px rgba(217, 109, 0, 0.3);*/
/*    }*/
/*    50% {*/
/*        opacity: 0.9;*/
/*        transform: scale(1.03);*/
/*        box-shadow: 0 4px 25px rgba(217, 109, 0, 0.5);*/
/*    }*/
/*}*/
/* ==========================================================================
   БЛОК НАШИ НОВОСТИ (News Section Styles)
   ========================================================================== */
/* ==========================================================================
   БЛОК НАШИ НОВОСТИ (News Section Styles)
   ========================================================================== */
.news-section {
    padding: 80px 0;
    background-color: var(--light-bg);
}

.news-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 30px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

.news-card {
    background: #ffffff !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
    border: 2px solid #C9A86A !important;
    transition: all 0.4s ease !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 5px !important;
}

.news-card:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 0 30px rgba(255, 127, 0, 0.6), 0 0 60px rgba(255, 127, 0, 0.3) !important;
    border-color: #D4B483 !important;
}

.news-thumb {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 20px 20px 0 0 !important;
}

/* ===== ДАТА - ЗЕЛЕНЫЙ ===== */
.news-date {
    font-size: 13px !important;
    color: #0A5C48 !important;
    font-weight: 700 !important;
    margin: 10px 0 8px 0 !important;
    display: block !important;
    font-family: 'Nunito', sans-serif !important;
    padding: 0 5px !important;
}

.news-date i {
    color: #0A5C48 !important;
    margin-right: 6px !important;
}

/* ===== ЗАГОЛОВОК - ЧЕРНЫЙ ===== */
.news-title {
    font-size: 18px !important;
    margin-bottom: 10px !important;
    color: #000000 !important;  /* ← ЧЕРНЫЙ */
    font-weight: 700 !important;
    font-family: 'Montserrat', sans-serif !important;
    line-height: 1.3 !important;
    padding: 0 5px !important;
}

/* ===== ТЕКСТ - ЧЕРНЫЙ ===== */
.news-excerpt {
    font-size: 14px !important;
    color: #000000 !important;  /* ← ЧЕРНЫЙ */
    margin-bottom: 15px !important;
    flex-grow: 1 !important;
    line-height: 1.6 !important;
    font-family: 'Nunito', sans-serif !important;
    padding: 0 5px !important;
}

/* ===== КНОПКА "ЧИТАТЬ ДАЛЕЕ" - ЗЕЛЕНАЯ, ПРИ НАВЕДЕНИИ ОРАНЖЕВАЯ ===== */
.news-detail-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 24px !important;
    background: linear-gradient(135deg, #0A5C48 0%, #0E735B 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 50px !important;
    font-family: 'Nunito', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-shadow: 0 4px 15px rgba(93, 118, 37, 0.25) !important;
    letter-spacing: 0.3px !important;
}

.news-detail-btn:hover {
    background: linear-gradient(135deg, #0A5C48 0%, #0E735B 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(10, 92, 72, 0.4) !important;
    color: #ffffff !important;
}

.news-detail-btn i {
    font-size: 12px !important;
    transition: transform 0.3s ease !important;
    color: #a8d15a !important;
}

.news-detail-btn:hover i {
    color: #ffcc80 !important;
    transform: translateX(4px) !important;
}

/* ===== ДЕЙСТВИЯ В КАРТОЧКЕ ===== */
.news-actions {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-top: auto !important;
    padding: 5px !important;
    border-top: 1px solid rgba(10, 92, 72, 0.1) !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.share-buttons {
    display: flex !important;
    gap: 6px !important;
}

.share-buttons button {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    border: 1px solid #FFF4E6 !important;
    background: transparent !important;
    color: #a89f97 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
}

.share-buttons button:hover {
    background: #0A5C48 !important;
    color: #ffffff !important;
    border-color: #0A5C48 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(10, 92, 72, 0.2) !important;
}

/* ===== АДАПТИВ ===== */
@media (max-width: 1024px) {
    .news-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 25px !important;
    }
}

@media (max-width: 768px) {
    .news-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        padding: 0 15px !important;
    }

    .news-card {
        max-width: 100% !important;
        padding: 5px !important;
    }

    .news-thumb {
        height: 180px !important;
    }

    .news-title {
        font-size: 16px !important;
    }
}

@media (max-width: 480px) {
    .news-grid {
        padding: 0 10px !important;
        gap: 15px !important;
    }

    .news-card {
        padding: 5px !important;
    }

    .news-thumb {
        height: 160px !important;
    }

    .news-title {
        font-size: 15px !important;
    }

    .news-excerpt {
        font-size: 13px !important;
    }

    .news-detail-btn {
        padding: 8px 16px !important;
        font-size: 12px !important;
    }

    .share-buttons button {
        width: 30px !important;
        height: 30px !important;
        font-size: 12px !important;
    }
}

@media (max-width: 360px) {
    .news-card {
        padding: 4px !important;
    }

    .news-thumb {
        height: 140px !important;
    }

    .news-title {
        font-size: 14px !important;
    }

    .news-excerpt {
        font-size: 12px !important;
    }
}

/* ==========================================================================
   ЛОКАЛЬНЫЙ OVERRIDE: секция #about — белый фон, чёрный текст
   (по просьбе: блок «Что это такое? Лесотерапия — территория комфорта»)
   Карточка .stack-card («100% Бесплатный прокат ТСР») — НЕ трогаем.
   ========================================================================== */

#about.about-section {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* Заголовки внутри #about — чёрные */
#about .section-title-block h2,
#about .section-title-block h2 span,
#about .sub-title,
#about .sub-title span {
    color: #000000 !important;
}

#about .about-text p,
#about .lead-text,
#about .feature-body h3,
#about .feature-body p,
#about .feature-body h3 + p {
    color: #000000 !important;
}

/* Иконки фич — чтобы не сливались с белым фоном */
#about .feature-icon {
    background-color: #FFF4E6 !important;
    color: #0A5C48 !important;
}

/* Карточка .stack-card — фиксируем прежние цвета, чтобы её не задело */
#about .stack-card {
    background-color: #0A5C48 !important;
    color: #D4B483 !important;
}
#about .stack-card .card-num,
#about .stack-card .card-txt {
    color: #D4B483 !important;
}

/* ==========================================================================
   OVERRIDE: ШАПКА — золотой текст + тёмно-золотой на hover/active
   (по просьбе: логотип и меню в шапке — золотые, при наведении — тёмно-золотые)
   Футер, карточки, кнопки и остальной сайт — НЕ трогаем.
   ========================================================================== */

/* --- Текст логотипа в шапке --- */
.main-header .logo span {
    color: #EDE4D3 !important;
    transition: color 0.3s ease !important;
}
.main-header .logo:hover span {
    color: #A8905F !important;   /* тёмно-золотой */
}

/* --- Пункты меню в шапке --- */
.main-header .nav-menu a {
    color: #EDE4D3 !important;
    transition: color 0.3s ease, opacity 0.3s ease !important;
}
.main-header .nav-menu a:hover,
.main-header .nav-menu a:focus,
.main-header .nav-menu a:active {
    color: #A8905F !important;   /* тёмно-золотой */
}

/* --- Кнопка «Присоединиться» в шапке (desktop + mobile) --- */
.main-header .btn-header {
    color: #EDE4D3 !important;
    border-color: #D4B483 !important;
    background-color: transparent !important;
    transition: all 0.3s ease !important;
}
.main-header .btn-header:hover,
.main-header .btn-header:focus,
.main-header .btn-header:active {
    color: #A8905F !important;
    border-color: #A8905F !important;
    background-color: rgba(212, 180, 131, 0.08) !important;
}

/* --- SVG-листок в шапке: fill зашит в HTML, но на всякий случай
       перекрасим через filter (если понадобится) — не трогаем,
       так как fill уже меняется в index.html --- */

/* ==========================================================================
   OVERRIDE: карточки «Научные данные» (.benefit-card)
   Белый фон + чёрный текст. Секция .benefits-section остаётся тёмной.
   Иконки .card-icon остаются золотыми (PAPOS-стиль).
   ========================================================================== */

/* --- Сама карточка --- */
.benefits-section .benefit-card {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid rgba(212, 180, 131, 0.25) !important;   /* лёгкая золотая рамка */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;    /* тень, чтобы читалась на тёмном */
}

/* --- Заголовки внутри карточек --- */
.benefits-section .benefit-card h3 {
    color: #000000 !important;
}

/* --- Текст внутри карточек --- */
.benefits-section .benefit-card p {
    color: #000000 !important;
}

/* --- Иконки: оставляем золотыми, но чуть плотнее фон под ними --- */
.benefits-section .benefit-card .card-icon {
    color: #C9A86A !important;   /* золотой */
}

/* --- Ховер: лёгкая золотая подсветка, текст остаётся чёрным --- */
.benefits-section .benefit-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 45px rgba(201, 168, 106, 0.25) !important;
    border-color: #C9A86A !important;
}
.benefits-section .benefit-card:hover h3,
.benefits-section .benefit-card:hover p {
    color: #000000 !important;
}

/* --- Заголовок секции и подзаголовок — не трогаем (они на тёмном фоне) --- */
.benefits-section .section-title-block .sub-title,
.benefits-section .section-title-block h2,
.benefits-section .section-title-block h2 span {
    /* оставляем как было: золотые/кремовые */
}

/* ==========================================================================
   OVERRIDE: подзаголовок «Научные данные» в секции .benefits-section → белый
   ========================================================================== */

.benefits-section .section-title-block .sub-title {
    color: #ffffff !important;
}

/* ==========================================================================
   OVERRIDE:
   1) Подзаголовок «Наш блог» в секции #news → белый
   2) Иконки на тёмно-зелёном фоне → золотые
      (кроме карточек .benefit-card — там остаются как есть)
   ========================================================================== */

/* --- 1. «Наш блог» — белый --- */
.news-section .section-title-block .sub-title,
.news-section .section-title-block .sub-title i {
    color: #ffffff !important;
}

/* --- 2. Иконки на зелёном фоне → золотые --- */

/* Иконки в карточках аудитории (#accessibility) */
.accessibility-section .access-icon-wrapper,
.accessibility-section .access-icon-wrapper svg {
    color: #C9A86A !important;
    fill: #C9A86A !important;
}

/* Иконки в блоке «Организаторы и волонтёры» (timeline) */
.process-section .timeline-item .timeline-num {
    color: #C9A86A !important;
}

/* Иконки в блоке отзывов экспертов */
.reviews-section .review-avatar-placeholder {
    color: #C9A86A !important;
    background-color: rgba(201, 168, 106, 0.15) !important;
}

/* Иконки в шапке — оставляем золотыми (уже) */
.main-header .logo svg path,
.main-header .logo svg {
    fill: #D4B483 !important;
}

/* Иконки в футере: телефон, соцсети */
.main-footer .footer-phone i,
.main-footer .social-icon-box,
.main-footer .social-icon-box i {
    color: #C9A86A !important;
}
.main-footer .social-icon-box {
    background-color: rgba(201, 168, 106, 0.12) !important;
}

/* Иконки в контактном блоке футера (если есть) */
.main-footer .contact-link i {
    color: #C9A86A !important;
}

/* Иконки в секции «Мы на связи» и форме обратной связи
   (иконки в кружках — email, телефон, время) */
#feedback .fa-envelope,
#feedback .fa-phone-alt,
#feedback .fa-clock,
#feedback .fa-shield-alt,
#feedback .fa-paper-plane,
#feedback .fa-lock {
    color: #C9A86A !important;
}

/* Иконки компаса в заголовке «Где мы работаем» */
.location-section .sub-title i,
.location-section .spin-compass {
    color: #C9A86A !important;
}

/* Иконки в блоке «Наши станции» (city, tree) — если на зелёном */
.location-section .fa-city,
.location-section .fa-tree {
    color: #C9A86A !important;
}

/* --- 3. Явно НЕ трогаем иконки в белых карточках --- */
.benefits-section .benefit-card .card-icon {
    color: #C9A86A !important; /* остаётся как было */
}

/* Иконки в блоке #about (белый фон) — оставляем как были */
#about .feature-icon i {
    /* не переопределяем */
}


/* PAPOS: иконка листка в шапке — латунная (как иконки соцсетей) */
.main-header .logo svg path {
    fill: #C9A86A !important;
}

/* ==========================================================================
   PAPOS: тонкие изящные буквы в шапке
   font-weight 300 + широкий трекинг — как в меню PAPOS
   ========================================================================== */

/* --- Логотип: тонкий, разреженный --- */
.main-header .logo span {
    font-weight: 300 !important;
    letter-spacing: 0.12em !important;
    font-size: 22px !important;
    text-transform: uppercase !important;   /* как на PAPOS — заглавные */
}

/* --- Пункты меню: тонкие, разреженные --- */
.main-header .nav-menu a {
    font-weight: 300 !important;
    letter-spacing: 0.12em !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
}

/* --- Кнопка «Присоединиться»: чуть плотнее, но тоже изящная --- */
.main-header .btn-header {
    font-weight: 400 !important;
    letter-spacing: 0.1em !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    padding: 10px 22px !important;
}

/* --- Тонкий шрифт для всей шапки (на случай, если font-family не унаследовался) --- */
.main-header {
    font-family: 'Cormorant Garamond', 'Inter', sans-serif !important;
}

/* ==========================================================================
   PAPOS: золотая рамка кнопки «Присоединиться» в шапке
   Текст — кремовый, фон — прозрачный, рамка — латунная #C9A86A
   ========================================================================== */

.main-header .btn-header {
    color: #EDE4D3 !important;
    border: 1.5px solid #C9A86A !important;
    background-color: transparent !important;
    transition: all 0.3s ease !important;
}

.main-header .btn-header:hover,
.main-header .btn-header:focus,
.main-header .btn-header:active {
    color: #0A5C48 !important;             /* тёмно-зелёный текст на золотом */
    background-color: #C9A86A !important;    /* заливка золотом при наведении */
    border-color: #C9A86A !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(201, 168, 106, 0.3);
}

/* ==========================================================================
   VISIBILITY: Логотип в коллаже на главной (.main-circle-graphic)
   Обеспечиваем читаемость на тёмном фоне коллажа.
   ========================================================================== */

/* Круг-обертка: белый фон, чтобы логотип читался */
.main-circle-graphic {
    background: #FFFFFF !important;
    border: 4px solid #C9A86A !important; /* золотая рамка (PAPOS) */
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4) !important; /* тень для отделения от коллажа */
    width: 320px !important;
    height: 320px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    border-radius: 50% !important;
    padding: 10px !important; /* отступ, чтобы лого не прилипал к краям */
}

/* Внутренняя обертка */
.main-circle-graphic .logo-wrapper {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    overflow: hidden !important;
}

/* Сам логотип: вписываем целиком, без обрезки */
.main-circle-graphic .logo-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;  /* ВАЖНО: contain, чтобы видеть весь логотип */
    object-position: center !important;
    border-radius: 50% !important;
}

/* ==========================================================================
   THIN RING: Логотип — тонкая золотая рамка без толстого белого круга
   ========================================================================== */

/* 1. Убираем белый фон и толстую рамку у обёртки */
.main-circle-graphic {
    background: transparent !important;
    border: 2px solid #C9A86A !important; /* тонкая золотая рамка */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25) !important; /* мягкая тень для отделения от коллажа */
    padding: 0 !important; /* убираем отступ */
    width: 320px !important;
    height: 320px !important;
}

/* 2. Убираем белый круг у обёртки логотипа */
.main-circle-graphic .logo-wrapper {
    background: transparent !important;
    border: none !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    border-radius: 50% !important;
}

/* 3. Сам логотип — без белой рамки, вписываем целиком */
.main-circle-graphic .logo-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    border-radius: 50% !important;
    border: none !important;
}

/* ==========================================================================
   WHITE TEXT: логотип и пункты меню в шапке — белые
   Кнопка «Присоединиться» — НЕ трогаем (остаётся кремовой с золотой рамкой)
   ========================================================================== */

/* Логотип «Лесотерапия» */
.main-header .logo span {
    color: #ffffff !important;
}
.main-header .logo:hover span {
    color: #ffffff !important;   /* не меняем при наведении */
}

/* Пункты меню */
.main-header .nav-menu a {
    color: #ffffff !important;
}
.main-header .nav-menu a:hover,
.main-header .nav-menu a:focus,
.main-header .nav-menu a:active {
    color: #C9A86A !important;   /* при наведении — золотой (PAPOS-акцент) */
}

/* Кнопка «Присоединиться» — НЕ переопределяем.
   Она остаётся: цвет #EDE4D3, рамка #C9A86A, фон прозрачный */

/* ==========================================================================
   WHITE TITLE: #accessibility — заголовочный блок белый
   (бейдж «Основная аудитория», h2 «Для кого работает станция», подзаголовок)
   Карточки .access-card — НЕ трогаем.
   ========================================================================== */

/* Бейдж «Основная аудитория» — белый текст на прозрачном/полупрозрачном фоне */
.accessibility-section .access-title-block .access-badge {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.6) !important;
    background-color: rgba(255, 255, 255, 0.12) !important;
}

/* Заголовок «Для кого работает станция» — белый */
.accessibility-section .access-title-block h2 {
    color: #ffffff !important;
}

/* Если в h2 есть <span class="text-white"> или другие span — тоже белые */
.accessibility-section .access-title-block h2 .text-white,
.accessibility-section .access-title-block h2 span {
    color: #ffffff !important;
}

/* Подзаголовок — белый (чуть мягче, чтобы читался как пояснение) */
.accessibility-section .access-title-block .access-subtitle {
    color: #ffffff !important;
    opacity: 0.92 !important;
}

/* ==========================================================================
   WHITE BG: секция «Основная аудитория» (#accessibility) — белый фон
   Заголовочный блок делаем тёмно-зелёным, чтобы читался на белом.
   Карточки (.access-card) остаются как есть (бежевые).
   ========================================================================== */

/* 1. Фон всей секции — белый */
#accessibility.accessibility-section {
    background: #ffffff !important;
    background-image: none !important; /* убираем градиенты, если есть */
}

/* 2. Бейдж «Основная аудитория» — тёмно-зелёный контур и текст */
#accessibility .access-badge {
    color: #0A5C48 !important;
    border: 1px solid #0A5C48 !important;
    background-color: transparent !important;
}

/* 3. Заголовок «Для кого работает станция» — тёмно-зелёный */
#accessibility .access-title-block h2,
#accessibility .access-title-block h2 span,
#accessibility .access-title-block h2 .text-white {
    color: #0A5C48 !important;
}

/* 4. Подзаголовок — серый/тёмно-зелёный для читаемости */
#accessibility .access-subtitle {
    color: #4A5E54 !important;
    opacity: 1 !important;
}

/* ==========================================================================
   WHITE BG: секция «Наши цели и задачи» (#mission)
   Белый фон, чёрный текст, золотые акценты. Изящный PAPOS-стиль.
   ========================================================================== */

/* 1. Фон всей секции — белый, с тонкой золотой рамкой по краям */
#mission.mission-section {
    background-color: #ffffff !important;
    background-image: none !important;
    border-top: 1px solid rgba(201, 168, 106, 0.25) !important;
    border-bottom: 1px solid rgba(201, 168, 106, 0.25) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 2. Фоновое дерево делаем едва заметным (водяной знак) */
#mission .mission-bg-forest {
    opacity: 0.08 !important; /* было 0.7, стало почти прозрачным */
    filter: grayscale(100%) contrast(1.2) !important; /* убираем зелень, оставляем контур */
    right: -20px !important; /* чуть сдвигаем, чтобы не мешало */
}

/* 3. Заголовок «Наши цели и задачи» — чёрный, элегантный */
#mission .mission-title {
    color: #000000 !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 42px !important;
    font-weight: 600 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 25px !important;
}

/* 4. Основной текст — тёмно-графитовый (для мягкости) */
#mission .mission-text {
    color: #1A1A1A !important;
    font-size: 22px !important;
    line-height: 1.8 !important;
    font-weight: 300 !important;
    opacity: 1 !important;
}

/* 5. Круглые фото — добавляем тонкую золотую обводку вместо белой */
#mission .mission-image-wrapper {
    border: 3px solid #C9A86A !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1) !important;
}

/* ==========================================================================
   WHITE CARDS: карточки «Основная аудитория» (.access-card)
   Белый фон, чёрный текст, золотые иконки. Премиальный PAPOS-стиль.
   ========================================================================== */

/* 1. Сама карточка */
#accessibility .access-card {
    background-color: #ffffff !important;
    border: 1px solid #C9A86A !important;           /* тонкая золотая рамка */
    border-radius: 24px !important;                  /* изящное скругление */
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08) !important; /* мягкая тень */
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    padding: 40px 35px !important;                   /* больше воздуха внутри */
}

/* 2. Ховер: лёгкий подъём и усиление тени */
#accessibility .access-card:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 25px 60px rgba(201, 168, 106, 0.25) !important; /* золотистая тень */
    border-color: #D4B483 !important;                /* рамка становится светлее */
}

/* 3. Иконка: золотая, на лёгкой золотой подложке */
#accessibility .access-card .access-icon-wrapper {
    background-color: rgba(201, 168, 106, 0.12) !important; /* очень светлое золото */
    color: #C9A86A !important;                        /* сама иконка — золотая */
    width: 64px !important;
    height: 64px !important;
    border-radius: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 20px !important;
    transition: all 0.4s ease !important;
}

/* Ховер иконки: фон становится плотнее, иконка чуть увеличивается */
#accessibility .access-card:hover .access-icon-wrapper {
    background-color: rgba(201, 168, 106, 0.2) !important;
    transform: scale(1.05) rotate(3deg) !important;
}

/* Если иконка — SVG, красим её через fill */
#accessibility .access-card .access-icon-wrapper svg,
#accessibility .access-card .access-icon-wrapper svg path {
    fill: #C9A86A !important;
    color: #C9A86A !important;
}

/* 4. Заголовок карточки — чёрный */
#accessibility .access-card h3 {
    color: #000000 !important;
    font-family: 'Cormorant Garamond', serif !important; /* изящная антиква */
    font-size: 24px !important;
    font-weight: 600 !important;
    margin-bottom: 12px !important;
    line-height: 1.3 !important;
}

/* 5. Текст карточки — графитовый, для мягкости */
#accessibility .access-card p {
    color: #333333 !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    margin-bottom: 0 !important;
}

/* ==========================================================================
   Специальная карточка с реквизитами (.access-stations-card)
   ========================================================================== */

#accessibility .access-stations-card {
    background-color: #ffffff !important;
    border: 1px solid #C9A86A !important;
    color: #000000 !important;
}

#accessibility .access-stations-card h3 {
    color: #000000 !important;
}

#accessibility .access-stations-card .stations-list li {
    border-left: 3px solid #C9A86A !important; /* золотая линия слева */
}

#accessibility .access-stations-card .stations-list li strong,
#accessibility .access-stations-card .stations-list li span {
    color: #000000 !important; /* убираем инлайн белый цвет из HTML */
}

#accessibility .access-stations-card .station-badge {
    color: #C9A86A !important;
    border-top: 1px solid rgba(201, 168, 106, 0.3) !important;
}

#accessibility .access-stations-card .station-badge span {
    color: #C9A86A !important; /* убираем инлайн белый */
}

/* ==========================================================================
   GREEN BTN: кнопка «Предложить идею / Задать вопрос» (.btn-feedback-suggest)
   Текст и рамка — тёмно-зелёные (#0A5C48). При наведении — заливка.
   ========================================================================== */

/* Основное состояние */
.access-feedback-box .btn-feedback-suggest {
    color: #0A5C48 !important;                   /* зелёный текст */
    border: 2px solid #0A5C48 !important;        /* зелёная рамка */
    background: transparent !important;          /* прозрачный фон */
    font-weight: 700 !important;
    transition: all 0.3s ease !important;
}

/* Наведение / фокус: заливка зелёным, текст — белый */
.access-feedback-box .btn-feedback-suggest:hover,
.access-feedback-box .btn-feedback-suggest:focus,
.access-feedback-box .btn-feedback-suggest:active {
    background: #0A5C48 !important;
    color: #ffffff !important;
    border-color: #0A5C48 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(10, 92, 72, 0.25) !important;
}

/* ==========================================================================
   HOVER BLACK: кнопка «Предложить идею / Задать вопрос»
   При наведении — фон остаётся светлым, текст становится чёрным.
   ========================================================================== */

.access-feedback-box .btn-feedback-suggest:hover,
.access-feedback-box .btn-feedback-suggest:focus,
.access-feedback-box .btn-feedback-suggest:active {
    background: #ffffff !important;           /* белый фон (или rgba(255,255,255,0.5) для прозрачности) */
    color: #000000 !important;                /* чёрный текст */
    border-color: #000000 !important;         /* чёрная рамка для контраста */
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1) !important;
}

/* ==========================================================================
   HOVER BLACK: верхняя кнопка «Да, это необходимо!» (.btn-feedback-yes)
   При наведении / нажатии текст становится чёрным.
   ========================================================================== */

/* Основное состояние (на всякий случай, чтобы не потерять) */
.access-feedback-box .btn-feedback-yes {
    background: #C9A86A !important;           /* золотой фон */
    color: #000000 !important;                /* чёрный текст (по умолчанию тоже) */
    border: 2px solid #C9A86A !important;
    font-weight: 700 !important;
    transition: all 0.3s ease !important;
}

/* Наведение / фокус / нажатие */
.access-feedback-box .btn-feedback-yes:hover,
.access-feedback-box .btn-feedback-yes:focus,
.access-feedback-box .btn-feedback-yes:active {
    background: #D4B483 !important;           /* чуть светлее золото при наведении */
    color: #000000 !important;                /* ЧЁРНЫЙ ТЕКСТ */
    border-color: #000000 !important;         /* чёрная рамка */
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}

/* ==========================================================================
   WHITE GUIDE: блок «Автор проекта» (#guide)
   Белый фон, чёрный текст, золотые акценты. Премиальный PAPOS-стиль.
   ========================================================================== */

/* 1. Фон секции — белый с тонкой золотой рамкой сверху/снизу */
#guide.guide-section {
    background-color: #ffffff !important;
    background-image: none !important;
    border-top: 1px solid rgba(201, 168, 106, 0.25) !important;
    border-bottom: 1px solid rgba(201, 168, 106, 0.25) !important;
    padding: 100px 0 !important; /* больше воздуха */
}

/* 2. Круглое фото: тонкая золотая обводка и мягкая тень */
#guide .guide-circle-svg {
    filter: drop-shadow(0 20px 40px rgba(201, 168, 106, 0.2)) !important;
    transition: transform 0.4s ease, filter 0.4s ease !important;
}

/* Лёгкий подъём фото при наведении */
#guide .guide-circle-svg:hover {
    transform: scale(1.02) translateY(-4px) !important;
    filter: drop-shadow(0 30px 60px rgba(201, 168, 106, 0.35)) !important;
}

/* 3. Подзаголовок «Автор проекта» — золотой, с широким трекингом */
#guide .sub-title {
    color: #C9A86A !important;
    letter-spacing: 2px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    display: block !important;
    margin-bottom: 12px !important;
}

/* 4. Имя «Лина Тотрова» — чёрное, изящная антиква */
#guide .guide-content h2 {
    color: #000000 !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 48px !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    margin-bottom: 20px !important;
    letter-spacing: -0.5px !important;
}

/* 5. Вводная цитата (guide-lead) — чёрная, чуть крупнее */
#guide .guide-lead {
    color: #1A1A1A !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    margin-bottom: 25px !important;
}

/* 6. Основной текст — графитовый */
#guide .guide-content p {
    color: #333333 !important;
    font-size: 17px !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
}

/* 7. Блок с финальной цитатой — красивая вертикальная золотая линия */
#guide .guide-quote {
    border-left: 3px solid #C9A86A !important;
    padding-left: 25px !important;
    margin-top: 35px !important;
    background: rgba(201, 168, 106, 0.04) !important; /* очень лёгкий золотой оттенок */
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-right: 20px !important;
    border-radius: 0 8px 8px 0 !important;
}

#guide .guide-quote p {
    color: #1A1A1A !important;          /* тёмный текст */
    font-family: 'Cormorant Garamond', serif !important; /* антиква для цитаты */
    font-size: 20px !important;
    font-style: italic !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* ==========================================================================
   WHITE PROCESS: блок «Организаторы и волонтёры» (#process)
   Белый фон секции, белые карточки с чёрным текстом и золотыми номерами.
   ========================================================================== */

/* 1. Фон секции — белый с тонкими золотыми линиями */
#process.process-section {
    background-color: #ffffff !important;
    background-image: none !important;
    border-top: 1px solid rgba(201, 168, 106, 0.25) !important;
    border-bottom: 1px solid rgba(201, 168, 106, 0.25) !important;
    padding: 100px 0 !important;
}

/* 2. Надзаголовок «Организаторы и волонтеры» — золотой */
#process .section-title-block .sub-title {
    color: #C9A86A !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    margin-bottom: 12px !important;
}

/* 3. Заголовок «Страну меняют люди» — чёрный, антиква */
#process .section-title-block h2 {
    color: #000000 !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 46px !important;
    font-weight: 600 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 25px !important;
}

/* 4. Сами карточки: белые, с золотой рамкой и тенью */
#process .timeline-item {
    background-color: #ffffff !important;
    border: 1px solid #C9A86A !important;
    border-radius: 24px !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06) !important;
    padding: 35px 30px !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    height: 100% !important;
}

/* Ховер карточки: подъём и золотая тень */
#process .timeline-item:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 25px 60px rgba(201, 168, 106, 0.2) !important;
    border-color: #D4B483 !important;
}

/* 5. Номер 01–04 — крупный, золотой, антиква */
#process .timeline-num {
    color: #C9A86A !important;               /* золотой */
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 64px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    margin-bottom: 20px !important;
    letter-spacing: -1px !important;
    opacity: 1 !important;                   /* убираем возможную прозрачность */
    transition: color 0.3s ease !important;
}

#process .timeline-item:hover .timeline-num {
    color: #0A5C48 !important;               /* при наведении — тёмно-зелёный */
}

/* 6. Заголовок внутри карточки (Роман Аранин и т.д.) — чёрный */
#process .timeline-body h3 {
    color: #000000 !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    margin-bottom: 12px !important;
    line-height: 1.3 !important;
}

/* 7. Текст внутри карточки — графитовый */
#process .timeline-body p {
    color: #333333 !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    margin-bottom: 0 !important;
}

/* ==========================================================================
   BLACK TITLE: «Где мы работаем» в секции #location — чёрный
   ========================================================================== */

#location .container > div:first-child h2,
#location h2 {
    color: #000000 !important;
}

/* Слово «работаем» внутри span тоже чёрное */
#location h2 span {
    color: #000000 !important;
}

/* ==========================================================================
   BLACK TITLE: «Оставьте сообщение» в секции #feedback — чёрный
   ========================================================================== */

#feedback h2,
#feedback .container > div > div:first-child h2 {
    color: #000000 !important;
}

/* Слово «сообщение» внутри span тоже чёрное */
#feedback h2 span {
    color: #000000 !important;
}

/* ==========================================================================
   WHITE REVIEWS: блок «Что говорят профессионалы» (#reviews)
   Белый фон, чёрный текст, золотые иконки и рамки. Премиальный PAPOS-стиль.
   ========================================================================== */

/* 1. Фон секции — белый (убираем оранжевый градиент) */
#reviews.reviews-section {
    background: #ffffff !important;
    background-image: none !important;
    border-top: 1px solid rgba(201, 168, 106, 0.25) !important;
    border-bottom: 1px solid rgba(201, 168, 106, 0.25) !important;
    padding: 100px 0 !important;
}

/* 2. Бейдж «Мнения экспертов» — золотой контур и текст */
#reviews .reviews-badge {
    color: #C9A86A !important;
    border: 1px solid #C9A86A !important;
    background: transparent !important;
    letter-spacing: 2px !important;
}

/* 3. Заголовок «Что говорят профессионалы» — чёрный, антиква */
#reviews .reviews-title-block h2 {
    color: #000000 !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 46px !important;
    font-weight: 600 !important;
    letter-spacing: -0.5px !important;
}

/* Внутри h2 есть span text-white — делаем и его чёрным */
#reviews .reviews-title-block h2 .text-white,
#reviews .reviews-title-block h2 span {
    color: #000000 !important;
}

/* 4. Подзаголовок — графитовый */
#reviews .reviews-subtitle {
    color: #333333 !important;
    opacity: 1 !important;
}

/* 5. Сами карточки: белые, золотая рамка, тень */
#reviews .review-premium-card {
    background: #ffffff !important;
    border: 1px solid #C9A86A !important;
    border-radius: 24px !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    padding: 40px 35px !important;
}

/* Ховер карточки */
#reviews .review-premium-card:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 25px 60px rgba(201, 168, 106, 0.2) !important;
    border-color: #D4B483 !important;
}

/* 6. Кавычки внутри карточки — золотые */
#reviews .review-quote-mark {
    color: rgba(201, 168, 106, 0.4) !important;
    transition: color 0.3s ease !important;
}

#reviews .review-premium-card:hover .review-quote-mark {
    color: rgba(201, 168, 106, 0.7) !important;
}

/* 7. Текст отзыва — графитовый, чёрный */
#reviews .review-main-text {
    color: #1A1A1A !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
    font-style: italic !important;
}

/* 8. Линия-разделитель — золотая */
#reviews .review-author-info {
    border-top: 1px solid rgba(201, 168, 106, 0.3) !important;
}

/* 9. Аватар с инициалами — золотая подложка, тёмный текст */
#reviews .review-avatar-placeholder {
    background: rgba(201, 168, 106, 0.15) !important;
    color: #C9A86A !important;
    border: 1px solid rgba(201, 168, 106, 0.3) !important;
    font-weight: 700 !important;
}

/* 10. Имя автора — чёрный */
#reviews .review-meta-data h4 {
    color: #000000 !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}

/* Должность — графитовый/серый */
#reviews .review-meta-data span {
    color: #555555 !important;
    font-size: 14px !important;
}

/* 11. Нижний CTA-блок — белый с золотой рамкой */
#reviews .reviews-cta-container {
    background: #ffffff !important;
    border: 1px solid #C9A86A !important;
    border-radius: 24px !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06) !important;
    padding: 35px 45px !important;
}

#reviews .reviews-cta-content h3 {
    color: #000000 !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 26px !important;
    font-weight: 600 !important;
}

#reviews .reviews-cta-content p {
    color: #333333 !important;
}

/* Кнопка «Написать свой отзыв» — зелёная с белым текстом */
#reviews .btn-reviews-white {
    background: #0A5C48 !important;
    color: #ffffff !important;
    border: 2px solid #0A5C48 !important;
    transition: all 0.3s ease !important;
}

#reviews .btn-reviews-white:hover {
    background: #ffffff !important;
    color: #0A5C48 !important;
    border-color: #0A5C48 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(10, 92, 72, 0.2) !important;
}

/* 12. Убираем оранжевые SVG-декорации (фон) */
#reviews .reviews-bg-decor,
#reviews .reviews-svg-leaf,
#reviews .reviews-blob-left {
    display: none !important;
}

/* ==========================================================================
   FOOTER HARMONY: единый тёмно-зелёный футер (#0A5C48)
   Все тексты и иконки — светлые, читаемые. Никаких разрывов фона.
   ========================================================================== */

/* 1. Единый фон для всего футера и нижней панели */
.main-footer,
.main-footer .footer-bottom {
    background-color: #0A5C48 !important;
    background-image: none !important;
    color: #EDE4D3 !important; /* основной светлый цвет текста */
}

/* Убираем возможные золотые/светлые полосы между блоками */
.main-footer .footer-container {
    border-bottom: 1px solid rgba(237, 228, 211, 0.15) !important;
    background: transparent !important;
}

/* 2. Заголовки колонок («Мы в социальных сетях») */
.main-footer .footer-column h3 {
    color: #C9A86A !important; /* золотой акцент для заголовков */
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
}

.main-footer .footer-column h3::after {
    background-color: #C9A86A !important; /* золотая линия под заголовком */
}

/* 3. Логотип и описание */
.main-footer .footer-logo span {
    color: #EDE4D3 !important;
}

.main-footer .footer-brand-desc {
    color: rgba(237, 228, 211, 0.8) !important; /* светлый, чуть приглушённый */
    font-size: 15px !important;
    line-height: 1.7 !important;
}

/* 4. Блок с телефоном */
.main-footer .footer-phone-block {
    background: rgba(255, 255, 255, 0.05) !important; /* лёгкая светлая подложка */
    border-left: 3px solid #C9A86A !important; /* золотая полоса */
}

.main-footer .footer-phone {
    color: #EDE4D3 !important;
}

.main-footer .footer-phone i {
    color: #C9A86A !important; /* золотая иконка трубки */
}

.main-footer .footer-phone-sub {
    color: rgba(237, 228, 211, 0.7) !important;
}

/* 5. Вступление к соцсетям */
.main-footer .socials-intro {
    color: rgba(237, 228, 211, 0.8) !important;
}

/* 6. Карточки соцсетей */
.main-footer .social-card-link {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(201, 168, 106, 0.2) !important;
    transition: all 0.3s ease !important;
}

.main-footer .social-card-link:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: #C9A86A !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2) !important;
}

/* Иконки в соцсетях */
.main-footer .social-icon-box {
    background: rgba(201, 168, 106, 0.15) !important; /* золотая подложка */
    color: #C9A86A !important; /* золотая иконка */
}

.main-footer .social-name {
    color: #EDE4D3 !important;
}

.main-footer .social-user {
    color: rgba(237, 228, 211, 0.6) !important;
}

/* 7. Нижняя панель (копирайт и разработчик) */
.main-footer .footer-bottom {
    border-top: 1px solid rgba(237, 228, 211, 0.1) !important;
    padding: 25px 0 !important;
}

.main-footer .footer-flex p {
    color: rgba(237, 228, 211, 0.8) !important;
}

.main-footer .qx-link {
    color: #C9A86A !important; /* золотая ссылка на разработчика */
}

.main-footer .qx-link:hover {
    color: #ffffff !important;
}

/* 8. Круглый логотип в правой колонке — убираем обрезку, если есть */
.main-footer .footer-interactive-col svg {
    filter: drop-shadow(0 10px 25px rgba(0, 0, 0, 0.2)) !important;
}

/* ==========================================================================
   GUIDE ILLUSTRATION: картинка в блоке «Автор проекта» (#guide)
   Справа от текста, аккуратно вписанная, с адаптивом.
   ========================================================================== */

/* Контейнер иллюстрации */
#guide .guide-illustration {
    flex: 0 0 auto;
    width: 100%;
    max-width: 380px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

/* Сама картинка */
#guide .guide-illustration-img {
    width: 100%;
    height: auto;
    max-height: 480px;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 15px 35px rgba(10, 92, 72, 0.15));
    transition: transform 0.4s ease, filter 0.4s ease;
}

#guide .guide-illustration-img:hover {
    transform: scale(1.03) translateY(-4px);
    filter: drop-shadow(0 25px 50px rgba(10, 92, 72, 0.25));
}

/* ===== АДАПТИВ ===== */

/* Планшет: картинка уходит под текст, но остаётся справа */
@media (max-width: 992px) {
    #guide .guide-grid {
        flex-direction: column;
    }
    #guide .guide-illustration {
        max-width: 320px;
        margin: 30px auto 0;
    }
}

/* Мобильные: картинка по центру, меньшего размера */
@media (max-width: 768px) {
    #guide .guide-illustration {
        max-width: 260px;
        margin-top: 20px;
    }
    #guide .guide-illustration-img {
        max-height: 340px;
    }
}

@media (max-width: 480px) {
    #guide .guide-illustration {
        max-width: 220px;
    }
    #guide .guide-illustration-img {
        max-height: 280px;
    }
}

/* ==========================================================================
   GUIDE OVERLAY: блок «Автор проекта» — белый фон, большая картинка справа,
   текст поверх с левой стороны. Премиальный PAPOS-стиль.
   ========================================================================== */

/* 1. Секция — белый фон, относительное позиционирование для картинки */
#guide.guide-section {
    background-color: #ffffff !important;
    background-image: none !important;
    position: relative !important;
    overflow: hidden !important;
    padding: 120px 0 !important;
    border-top: 1px solid rgba(201, 168, 106, 0.25) !important;
    border-bottom: 1px solid rgba(201, 168, 106, 0.25) !important;
}

/* 2. Контейнер — тоже относительный, чтобы картинка позиционировалась внутри него */
#guide .guide-container {
    position: relative !important;
    z-index: 1 !important;
}

/* 3. Сетка: фото слева, текст справа. Но картинка — абсолютно поверх */
#guide .guide-grid {
    display: flex !important;
    align-items: center !important;
    gap: 70px !important;
    position: relative !important;
    z-index: 2 !important;
}

/* 4. Картинка-фон: большая, справа, полупрозрачная */
#guide .guide-bg-illustration {
    position: absolute !important;
    right: -5% !important;
    bottom: -10% !important;
    width: 65% !important;
    max-width: 900px !important;
    height: auto !important;
    object-fit: contain !important;
    opacity: 0.18 !important;             /* сильно прозрачная, чтобы не мешать тексту */
    filter: grayscale(20%) !important;    /* чуть приглушаем цвет */
    z-index: 0 !important;                /* под текстом */
    pointer-events: none !important;      /* не перехватывает клики */
    transition: opacity 0.4s ease, transform 0.4s ease !important;
}

/* Лёгкое проявление при наведении на блок */
#guide.guide-section:hover .guide-bg-illustration {
    opacity: 0.28 !important;
    transform: scale(1.02) translateX(-10px) !important;
}

/* 5. Текст — поверх картинки, с белой подложкой для читаемости */
#guide .guide-content {
    position: relative !important;
    z-index: 3 !important;                /* выше картинки */
    max-width: 620px !important;
    background: rgba(255, 255, 255, 0.92) !important;  /* почти непрозрачная белая подложка */
    padding: 40px 45px !important;
    border-radius: 24px !important;
    box-shadow: 0 20px 60px rgba(10, 92, 72, 0.08) !important;
    backdrop-filter: blur(4px) !important;
}

/* 6. Фото Лины — слева, с золотой обводкой */
#guide .guide-visual {
    flex: 0 0 auto !important;
    position: relative !important;
    z-index: 3 !important;
}

/* 7. Типографика внутри текста */
#guide .guide-content .sub-title {
    color: #C9A86A !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    display: block !important;
    margin-bottom: 12px !important;
}

#guide .guide-content h2 {
    color: #000000 !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 48px !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    margin-bottom: 20px !important;
    letter-spacing: -0.5px !important;
}

#guide .guide-content .guide-lead {
    color: #1A1A1A !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    margin-bottom: 20px !important;
}

#guide .guide-content p {
    color: #333333 !important;
    font-size: 17px !important;
    line-height: 1.8 !important;
    margin-bottom: 18px !important;
}

#guide .guide-content .guide-quote {
    border-left: 3px solid #C9A86A !important;
    padding-left: 25px !important;
    margin-top: 25px !important;
    background: rgba(201, 168, 106, 0.06) !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-right: 20px !important;
    border-radius: 0 8px 8px 0 !important;
}

#guide .guide-content .guide-quote p {
    color: #1A1A1A !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 19px !important;
    font-style: italic !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* 8. Адаптив */
@media (max-width: 1200px) {
    #guide .guide-bg-illustration {
        width: 70% !important;
        right: -10% !important;
        opacity: 0.15 !important;
    }
}

@media (max-width: 992px) {
    #guide .guide-grid {
        flex-direction: column !important;
        align-items: center !important;
        gap: 40px !important;
    }
    #guide .guide-content {
        max-width: 100% !important;
        padding: 30px 25px !important;
    }
    #guide .guide-bg-illustration {
        position: absolute !important;
        right: -30% !important;
        bottom: -5% !important;
        width: 100% !important;
        opacity: 0.1 !important;
    }
}

@media (max-width: 768px) {
    #guide .guide-content h2 {
        font-size: 36px !important;
    }
    #guide .guide-content .guide-lead {
        font-size: 18px !important;
    }
    #guide .guide-content p {
        font-size: 15px !important;
    }
    #guide .guide-bg-illustration {
        right: -50% !important;
        width: 130% !important;
        opacity: 0.08 !important;
    }
}

@media (max-width: 480px) {
    #guide .guide-content {
        padding: 20px 18px !important;
    }
    #guide .guide-content h2 {
        font-size: 28px !important;
    }
    #guide .guide-bg-illustration {
        right: -80% !important;
        opacity: 0.06 !important;
    }
}

/* ==========================================================================
   FINAL NO-CARD: убираем плашку навсегда, текст парит над картинкой
   ========================================================================== */

/* 1. Убираем все фоны, тени, рамки, отступы у текстового блока */
#guide .guide-content,
#guide .guide-content:hover,
#guide .guide-content * {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Оставляем только отступы для читаемости, но без фона */
#guide .guide-content {
    padding: 20px 0 !important;
}

/* 2. Тень вокруг букв — чтобы текст читался поверх картинки */
#guide .guide-content h2,
#guide .guide-content .guide-lead,
#guide .guide-content p,
#guide .guide-content .sub-title,
#guide .guide-content .guide-quote p {
    text-shadow: 
        0 0 10px rgba(255, 255, 255, 0.98),
        0 0 20px rgba(255, 255, 255, 0.9),
        0 0 30px rgba(255, 255, 255, 0.7),
        0 2px 6px rgba(0, 0, 0, 0.1) !important;
}

/* 3. У цитаты оставляем только золотую линию слева, без фона */
#guide .guide-content .guide-quote {
    background: transparent !important;
    border-left: 3px solid #C9A86A !important;
    padding: 10px 0 10px 25px !important;
    border-radius: 0 !important;
}

/* 4. На всякий случай — убираем фон и у самого блока #guide-content, если он был */
#guide .guide-content {
    background-color: transparent !important;
}

/* 5. Увеличиваем прозрачность картинки, чтобы текст был контрастнее */
#guide .guide-bg-illustration {
    opacity: 0.12 !important; /* было 0.18, делаем бледнее */
}

/* 6. Убираем возможные псевдоэлементы (::before, ::after) */
#guide .guide-content::before,
#guide .guide-content::after {
    display: none !important;
    content: none !important;
}

/* ==========================================================================
   NEWS CARD FIXED HEIGHT: видео/фото и текст по 400px
   ========================================================================== */

/* 1. Медиа (изображение и видео) — высота 400px, ширина 100% */
.news-card .news-thumb,
.news-card video {
    width: 100% !important;
    height: 400px !important;
    object-fit: cover !important;
    display: block !important;
}

/* 2. Текстовый блок карточки — высота 400px, прокрутка при переполнении */
.news-card .news-card-body {
    height: 400px !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
    padding: 20px 24px 24px !important;
    display: flex !important;
    flex-direction: column !important;
}

/* 3. Заглушка (когда нет ни фото, ни видео) — тоже 400px */
.news-card .news-thumb:not(img) {
    height: 400px !important;
}

/* 4. Скроллбар для текстового блока — аккуратный, в стиле сайта */
.news-card .news-card-body::-webkit-scrollbar {
    width: 6px;
}
.news-card .news-card-body::-webkit-scrollbar-track {
    background: transparent;
}
.news-card .news-card-body::-webkit-scrollbar-thumb {
    background: rgba(201, 168, 106, 0.3);
    border-radius: 10px;
}
.news-card .news-card-body::-webkit-scrollbar-thumb:hover {
    background: rgba(201, 168, 106, 0.5);
}

/* 5. Адаптив: на мобильных высота может быть меньше */
@media (max-width: 768px) {
    .news-card .news-thumb,
    .news-card video {
        height: 300px !important;
    }
    .news-card .news-card-body {
        height: auto !important;
        min-height: 300px !important;
        overflow-y: visible !important;
    }
}

@media (max-width: 480px) {
    .news-card .news-thumb,
    .news-card video {
        height: 250px !important;
    }
    .news-card .news-card-body {
        height: auto !important;
        min-height: 250px !important;
        overflow-y: visible !important;
    }
}

/* ==========================================================================
   NEWS CARD FIXED HEIGHT: высота медиа и текста
   ========================================================================== */

/* 1. Медиа (изображение и видео) — высота 400px, ширина 100% */
.news-card .news-thumb,
.news-card video {
    width: 100% !important;
    height: 400px !important;
    object-fit: cover !important;
    display: block !important;
}

/* 2. Текстовый блок карточки — высота 250px, прокрутка при переполнении */
.news-card .news-card-body {
    height: 250px !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
    padding: 20px 24px 24px !important;
    display: flex !important;
    flex-direction: column !important;
}

/* 3. Скроллбар */
.news-card .news-card-body::-webkit-scrollbar {
    width: 6px;
}
.news-card .news-card-body::-webkit-scrollbar-track {
    background: transparent;
}
.news-card .news-card-body::-webkit-scrollbar-thumb {
    background: rgba(201, 168, 106, 0.3);
    border-radius: 10px;
}
.news-card .news-card-body::-webkit-scrollbar-thumb:hover {
    background: rgba(201, 168, 106, 0.5);
}

/* 4. Адаптив */
@media (max-width: 768px) {
    .news-card .news-thumb,
    .news-card video {
        height: 300px !important;
    }
    .news-card .news-card-body {
        height: auto !important;
        min-height: 250px !important;
        overflow-y: visible !important;
    }
}

@media (max-width: 480px) {
    .news-card .news-thumb,
    .news-card video {
        height: 250px !important;
    }
    .news-card .news-card-body {
        height: auto !important;
        min-height: 250px !important;
        overflow-y: visible !important;
    }
}

/* ==========================================================================
   NEWS CARD FIXED HEIGHT: высота медиа и текста
   ========================================================================== */

.news-card .news-thumb,
.news-card video {
    width: 100% !important;
    height: 400px !important;
    object-fit: cover !important;
    display: block !important;
}

.news-card .news-card-body {
    height: 300px !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
    padding: 20px 24px 24px !important;
    display: flex !important;
    flex-direction: column !important;
}

.news-card .news-card-body::-webkit-scrollbar {
    width: 6px;
}
.news-card .news-card-body::-webkit-scrollbar-track {
    background: transparent;
}
.news-card .news-card-body::-webkit-scrollbar-thumb {
    background: rgba(201, 168, 106, 0.3);
    border-radius: 10px;
}
.news-card .news-card-body::-webkit-scrollbar-thumb:hover {
    background: rgba(201, 168, 106, 0.5);
}

@media (max-width: 768px) {
    .news-card .news-thumb,
    .news-card video {
        height: 300px !important;
    }
    .news-card .news-card-body {
        height: auto !important;
        min-height: 300px !important;
        overflow-y: visible !important;
    }
}

@media (max-width: 480px) {
    .news-card .news-thumb,
    .news-card video {
        height: 250px !important;
    }
    .news-card .news-card-body {
        height: auto !important;
        min-height: 300px !important;
        overflow-y: visible !important;
    }
}

/* ==========================================================================
   FULL NEWS: медиа 500px, текст без фиксированной высоты
   Для страницы /news/news-full.html
   ========================================================================== */

/* 1. Изображение — 500px, ширина 100% */
.news-full-card .news-full-image {
    width: 100% !important;
    height: 500px !important;
    object-fit: cover !important;
    display: block !important;
}

/* 2. Видео — 500px, ширина 100% */
.news-full-card video {
    width: 100% !important;
    height: 500px !important;
    object-fit: cover !important;
    display: block !important;
    background: #000 !important;
}

/* 3. Заглушка (если нет медиа) — 500px */
.news-full-card .news-full-image-placeholder {
    width: 100% !important;
    height: 500px !important;
}

/* 4. Текстовый блок — без фиксированной высоты, тянется по контенту */
.news-full-card .news-full-body {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 45px 50px !important;
}

/* 5. Контент новости — тоже без ограничений */
.news-full-card .news-full-content {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

/* 6. Адаптив */
@media (max-width: 992px) {
    .news-full-card .news-full-image,
    .news-full-card video,
    .news-full-card .news-full-image-placeholder {
        height: 400px !important;
    }
}

@media (max-width: 768px) {
    .news-full-card .news-full-image,
    .news-full-card video,
    .news-full-card .news-full-image-placeholder {
        height: 300px !important;
    }
    .news-full-card .news-full-body {
        padding: 30px 25px !important;
    }
}

@media (max-width: 480px) {
    .news-full-card .news-full-image,
    .news-full-card video,
    .news-full-card .news-full-image-placeholder {
        height: 250px !important;
    }
    .news-full-card .news-full-body {
        padding: 20px 18px !important;
    }
}