.container-topbar {
    background-color: #ffffff; /* Замените #ff0000 на ваш желаемый цвет */
    background-image: none;    /* Отменяет фоновый градиент по умолчанию */
}
/* Полное удаление подчеркивания для всех ссылок меню Cassiopeia */
.container-header .mod-menu a, 
.container-header .mod-menu span,
.container-header .mod-menu a:hover,
.container-header .mod-menu span:hover,
.container-header .mod-menu li:hover a,
.container-header .mod-menu li:hover span {
    text-decoration: none !important;
}

/* Удаление анимированной линии подчеркивания, если она осталась от прошлых вариантов */
.container-header .mod-menu > li > a::after,
.container-header .mod-menu > li > span::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
}

/* Выделение цветом и жирным шрифтом ТОЛЬКО для пунктов внутри выпадающего меню */
.container-header .mod-menu ul li a:hover,
.container-header .mod-menu ul li a:focus,
.container-header .mod-menu ul li.active a {
    background-color: #f1f5f9 !important; /* Светло-серый фон */
    color: #0f4c81 !important; /* Глубокий синий цвет текста */
    font-weight: 700 !important; /* ИСПРАВЛЕНО: Шрифт становится жирным при наведении */
    text-decoration: none !important; /* Полностью убираем подчеркивание */
}

/* Сброс эффектов для главного (первого) уровня меню, чтобы они не становились жирными */
.container-header .mod-menu > li:hover > a,
.container-header .mod-menu > li:hover > span {
    background-color: transparent !important; /* Фон главного меню остается чистым */
}

/* Убираем подчеркивание у кнопки в обычном состоянии и при наведении */
a.hero-cta-button, 
a.hero-cta-button:hover, 
a.hero-cta-button:focus {
    text-decoration: none !important;
}
/* Стили для плиток новостей */
.news-card {
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s ease;
    border-radius: 16px;
    overflow: hidden;
    background: #ffffff;
}

.news-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1) !important;
}

.news-card-img-wrap {
    position: relative;
    padding-top: 60%; /* Соотношение сторон изображения 16:10 */
    overflow: hidden;
    background-color: #f0f2f5;
}

.news-card-img-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.news-card:hover .news-card-img-wrap img {
    transform: scale(1.06);
}

.news-card .header-link {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Ограничение заголовка в две строки */
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 700;
    line-height: 1.4;
    transition: color 0.2s ease;
}

.news-card:hover .header-link {
    color: var(--bs-primary) !important;
}

.news-card .card-text {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Ограничение описания в три строки */
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.925rem;
    line-height: 1.5;
}

/* Красивая кнопка подгрузки */
.btn-more {
    border-width: 2px;
    transition: all 0.3s ease;
}
.btn-more:hover {
    transform: scale(1.03);
}

/* Анимация появления новых плиток */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in {
    animation: fadeIn 0.4s ease forwards;
}
