/* Улучшение контрастности для кнопки обратного звонка */
.callback-button_color_green {
    background-color: #008455; /* Более темный зеленый для лучшей контрастности */
    color: #FFFFFF;
    font-weight: 600; /* Делаем текст более жирным */
    text-shadow: 0 1px 1px rgba(0,0,0,0.2); /* Добавляем тень для лучшей читаемости */
}

.callback-button_color_green:hover {
    background-color: #006C44; /* Еще более темный при наведении */
}

/* Улучшение контрастности для подзаголовка в секции features */
.features-block__subtitle {
    color: #008455; /* Более темный зеленый */
    font-weight: 600; /* Увеличиваем жирность */
    text-shadow: 0 0 1px rgba(0,0,0,0.1); /* Легкая тень для лучшей читаемости */
}

/* Улучшение контрастности для секции features */
.features-block {
    background-color: #F5F2E5; /* Более светлый фон для лучшего контраста */
    color: #16191B; /* Темный текст */
}

/* Добавляем контрастную обводку для улучшения читаемости */
.features-block_background {
    position: relative;
    z-index: 1;
}

/* Обеспечиваем достаточный контраст для всех текстовых элементов */
.features-block p,
.features-block .p {
    color: #16191B; /* Темный текст */
    font-weight: 500; /* Увеличиваем жирность */
}

/* Мобильные стили */
@media (max-width: 768px) {
    .callback-button_color_green {
        background-color: #006C44; /* Еще более темный зеленый для мобильных */
        font-size: 16px; /* Увеличиваем размер шрифта */
        font-weight: 700; /* Увеличиваем жирность */
        padding: 12px 24px; /* Увеличиваем отступы для лучшего таппинга */
        text-shadow: 0 1px 2px rgba(0,0,0,0.3); /* Усиливаем тень для лучшей читаемости */
        border: 1px solid rgba(255,255,255,0.2); /* Добавляем тонкую обводку */
    }

    .callback-button_color_green:hover,
    .callback-button_color_green:active,
    .callback-button_color_green:focus {
        background-color: #005535; /* Темнее при взаимодействии */
    }

    /* Увеличиваем контраст для мобильного меню */
    .header__menu_active .callback-button_color_green {
        background-color: #FFFFFF;
        color: #006C44;
        font-weight: 700;
        border: 2px solid #006C44;
    }

    .header__menu_active .callback-button_color_green:hover,
    .header__menu_active .callback-button_color_green:active {
        background-color: #006C44;
        color: #FFFFFF;
    }
}

/* Дополнительные стили для маленьких экранов */
@media (max-width: 480px) {
    .callback-button_color_green {
        width: 100%; /* На всю ширину для маленьких экранов */
        max-width: 300px; /* Максимальная ширина */
        margin: 0 auto; /* Центрирование */
        font-size: 18px; /* Еще больше увеличиваем размер шрифта */
        padding: 15px 24px; /* Увеличиваем высоту для лучшего таппинга */
    }
}