/* =========================================================
   КАРТОЧКИ ПРОГРАММ (v2): слева иконка, справа текст.
   На планшете/мобиле иконка «вылетает» над карточкой —
   поэтому у .prog-card-wrapper есть запас сверху.
   Никаких !important: конфликтов с утилитами Bootstrap больше нет.
   ========================================================= */

.prog-card-v2 {
    min-height: 380px;
    border-radius: var(--camp-radius-card);
    box-shadow: var(--camp-shadow-card);
    transition: transform var(--camp-transition), box-shadow var(--camp-transition);
}

.prog-card-v2:hover {
    transform: translateY(-8px);
    box-shadow: var(--camp-shadow-hover);
}

/* Градиенты направлений */
.prog-card-v2--blue {
    background: linear-gradient(160deg, #62d2f5 0%, #1fbff0 50%, #1686a8 100%);
}

.prog-card-v2--yellow {
    background: linear-gradient(160deg, #ffcf58 0%, #ffbb10 50%, #b3830b 100%);
}

/* Левая колонка: иконка */
.prog-img-col-v2 {
    width: 35%;
    padding: 2rem;
    z-index: 2;
}

.prog-icon-v2 {
    max-width: 160px;
    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, .25));
    transform: rotate(-5deg) scale(1.1);
    transition: transform var(--camp-transition);
}

.prog-card-v2:hover .prog-icon-v2 {
    transform: rotate(0deg) scale(1.15);
}

/* Правая колонка: текст */
.prog-text-col-v2 {
    padding: 2.5rem 2.5rem 2.5rem 1.5rem;
    z-index: 2;
}

.prog-title-v2 {
    font-size: 1.8rem;
    line-height: 1.15;
    letter-spacing: -.01em;
}

.prog-subtitle-v2 {
    font-size: 1.1rem;
    opacity: .8;
}

.prog-list-v2 {
    font-size: .95rem;
    opacity: .95;
}

.prog-list-v2 i {
    margin-top: 2px;
    opacity: .9;
}

/* Бейдж с длительностью */
.prog-badge-v2 {
    background: rgba(255, 255, 255, .25);
    backdrop-filter: blur(4px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .10);
    font-size: .9rem;
}
/* =========================================================
   АДАПТИВ
   ========================================================= */

/* Планшет и мобильный: картинка внутри карточки, по центру сверху */
@media (max-width: 991.98px) {
    .prog-card-wrapper {
        padding-top: 0; /* Убираем внешний отступ сверху, картинка теперь внутри карточки */
    }

    .prog-card-v2 {
        min-height: 0;
        flex-direction: column;   /* Вертикальная раскладка: картинка сверху, текст снизу */
        align-items: stretch;     /* Растягиваем блоки на всю ширину карточки */
    }

    /* Возвращаем картинку в нормальный поток внутри карточки */
    .prog-img-col-v2 {
        position: static;         /* Убираем absolute позиционирование */
        width: 100%;
        height: auto;
        padding: 2rem 2rem 0;     /* Отступы внутри карточки сверху */
    }

    .prog-icon-v2 {
        max-width: 130px;
        transform: none;
    }

    .prog-card-v2:hover .prog-icon-v2 {
        transform: scale(1.05);
    }

    .prog-text-col-v2 {
        padding: 1.5rem 2rem 2rem;
        text-align: center !important; /* Перебиваем Bootstrap .text-start, чтобы заголовок был по центру */
    }

    .prog-list-v2 {
        max-width: 350px;
        margin-inline: auto;
        text-align: left; /* Сам список оставляем выровненным по левому краю для удобства чтения */
    }
}

@media (max-width: 575.98px) {
    .prog-img-col-v2 {
        padding: 1.5rem 1.5rem 0;
    }

    .prog-icon-v2 {
        max-width: 110px;
    }

    .prog-text-col-v2 {
        padding: 1rem 1.5rem 1.75rem;
    }

    .prog-title-v2 {
        font-size: 1.5rem;
    }

    .prog-subtitle-v2 {
        font-size: 1rem;
    }

    .prog-list-v2 {
        font-size: .9rem;
    }
}