/*наложение меню*/
    .uc-header {
mix-blend-mode: difference;
}

.tistols-txt-blur-dif {
mix-blend-mode: difference;
}

.tistols-card-front-wrapper-1,
.tistols-card-front-wrapper-2,
.tistols-card-front-wrapper-3 {
mix-blend-mode: difference;
}


.uc-submenuu
{
    z-index: 999999!important;
    position: relative;
}

    .uc-menumob
    {z-index:10000000!important;
    position: relative;}
    
/* ==============================================
   1. СТИЛЬ ДЛЯ КРАСНОГО ТЕКСТА (класс hover-blur)
   ============================================== */
.hover-blur, 
.hover-blur .tn-atom {
    transition: color 0.3s ease !important;
}

/* Красим в красный при наведении */
.hover-blur:hover .tn-atom,
.hover-blur:hover * {
    color: #9f3434 !important; /* Ваш красный цвет */
    fill: #9f3434 !important;
}


/* ==============================================
   2. СТИЛЬ ДЛЯ УВЕЛИЧЕНИЯ (класс hover-blur-dif)
   ============================================== */
.hover-blur-dif {
    /* Включаем режим наложения сразу, если нужно */
    mix-blend-mode: difference; 
    transition: transform 0.3s ease !important;
    /* Явно разрешаем трансформацию (сброс масштаба в 1) */
    transform: scale(1) !important; 
    isolation: isolate!important;
}

/* При наведении увеличиваем */
.hover-blur-dif:hover {
    transform: scale(1.1) !important; /* Увеличение на 10% */
    mix-blend-mode: difference;
    z-index: 100; /* Приподнимаем, чтобы перекрытие работало корректно */
    isolation: isolate!important;
}

/* Дополнительная страховка, чтобы внутренний атом тоже не сопротивлялся */
.hover-blur-dif .tn-atom {
    transition: transform 0.3s ease !important;
        isolation: isolate!important;
}