css
/* === Базовое правило для всех устройств === */
.site-title {
    font-size: 18px !important; /* Базовый размер для мобильных */
    line-height: 24px !important;
    max-width: 100%;
}

/* === Планшеты (от 768px до 1023px) === */
@media (min-width: 768px) and (max-width: 1023px) {
    .site-title {
        font-size: 22px !important;
        line-height: 28px !important;
    }
}

/* === Десктопы (1024px и шире) === */
@media (min-width: 1024px) {
    .site-title {
        font-size: 24px !important;
        line-height: 32px !important;
        white-space: nowrap; /* На десктопе текст в одну строку */
    }
}

@media (max-width: 480px) {
    .site-title {
        font-size: 14px !important;
        line-height: 18px !important;
        white-space: normal; /* Разрешить перенос */
        word-wrap: break-word;
        overflow: visible;
        text-overflow: clip;
    }
}