/*
:root {
    --phoca-color-secondary: orange;
}
*/
/* Делаем цвет текста в тегах span черным */
span {
    color: #000000 !important;
}
/* Возвращаем белый цвет заголовкам в модулях Phoca */
.phModParticlesItemTitle span {
    color: #ffffff !important;
}
@media (max-width: 480px) {
    /* Основной текст: делаем чуть крупнее для удобства чтения */
    body, p, span {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }

    /* Убираем лишние боковые отступы, чтобы текст не был узкой полоской */
    .container, .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* Заголовки: уменьшаем, чтобы они не разрывали слова */
    h1, .phModParticlesItemTitle {
        font-size: 22px !important;
        word-wrap: break-word;
    }
}