.zoom-on-hover {
    transition: transform 0.3s ease;
    cursor: pointer;
}

.zoom-on-hover:hover {
    transform: scale(1.1); /* Увеличивает элемент на 10% */
    z-index: 1; /* Повышаем z-index, чтобы элемент был поверх других */
}
/* Zoom + Red Hover эффект */
.zoom-on-hover-red {
    transition: transform 0.3s ease;
    cursor: pointer;
}

.zoom-on-hover-red:hover {
    transform: scale(1.1);
    z-index: 1;
}

/* Смена цвета текста и ссылок при наведении */
.zoom-on-hover-red .tn-atom,
.zoom-on-hover-red .tn-atom a,
.zoom-on-hover-red .tn-atom a:link,
.zoom-on-hover-red .tn-atom a:visited {
    color: #000 !important;
    transition: color 0.3s ease !important;
}

.zoom-on-hover-red:hover .tn-atom,
.zoom-on-hover-red:hover .tn-atom a,
.zoom-on-hover-red:hover .tn-atom a:link,
.zoom-on-hover-red:hover .tn-atom a:visited {
    color: #e82111 !important;
}