/* Стили для выделения текста */

/* Черный жирный текст для важных сообщений */
.text-highlight-bold {
    color: #1a1a1a !important;
    font-weight: 800 !important;
    line-height: 1.6;
    letter-spacing: -0.3px;
    transition: all 0.3s ease;
}

/* Красное выделение для важного текста */
.text-highlight-red {
    color: #dc2626 !important;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(220, 38, 38, 0.2);
    transition: all 0.3s ease;
}

/* Альтернативный вариант с фоновым выделением */
.text-highlight-red-bg {
    background: linear-gradient(120deg, transparent 0%, rgba(220, 38, 38, 0.1) 10%, rgba(220, 38, 38, 0.1) 90%, transparent 100%);
    padding: 2px 8px;
    border-radius: 4px;
    color: #dc2626 !important;
    font-weight: 700;
}

/* Для мобильных устройств */
@media (max-width: 768px) {
    .text-highlight-red {
        font-size: inherit;
        line-height: 1.5;
        word-break: break-word;
        overflow-wrap: break-word;
        hyphens: auto;
        -webkit-hyphens: auto;
        display: block; /* Меняем на block для правильного переноса */
    }
    
    /* Контейнер advantages-description */
    .advantages-description {
        padding: 0 10px;
        overflow: hidden;
    }
    
    .advantages-description p {
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        padding: 0 5px;
    }
}

/* Для очень маленьких экранов */
@media (max-width: 375px) {
    .text-highlight-red {
        font-size: 0.95rem !important;
        line-height: 1.4 !important;
    }
    
    .advantages-description .fs-5 {
        font-size: 1rem !important;
    }
}