.card-cosmo-i {
    border-radius: 0 !important; /* Убираем скругления */
    background: #ffffff !important;
    border: none !important;
    transition: none !important; /* Полное отключение анимации */
}

/* Эффект наведения только для тени */
.card-cosmo-i:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
    transform: none !important; /* Принудительно отключаем движение */
}

/* 2. ИКОНКА: Квадратная, строго слева */
.icon-square-i {
    width: 64px !important;
    height: 64px !important;
    margin: -32px 0 24px 0 !important; /* Смещение вверх -32px, отступ слева 0 */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0 !important; /* Квадратная форма */
    border: 4px solid #ffffff !important; /* Белая кайма */
    font-size: 1.5rem !important; /* Размер иконки */
    flex-shrink: 0 !important;
    position: relative !important;
    z-index: 5 !important;
}

/* Убираем лишние отступы у шрифтовых иконок */
.icon-square-i i::before {
    line-height: 1 !important;
    display: block !important;
}

/* 3. ТЕКСТ: Выравнивание по левому краю */
.card-body.text-start {
    text-align: left !important;
}

.card-cosmo-i h2 a {
    color: #2b3e50 !important; /* Цвет заголовков Cosmo */
    text-decoration: none !important;
    transition: color 0.1s ease;
}

/* Синий акцент Cosmo при наведении */
.card-cosmo-i:hover h2 a {
    color: #2780e3 !important;
}

.card-cosmo-i p {
    font-size: 0.9rem;
    line-height: 1.5;
}

/* Кликабельность всей области */
.stretched-link::after {
    z-index: 1;
}