/* CSS для плавного раскрытия программ курсов */
.curs-info {
    transition: max-height 0.3s ease-out;
}

.curs-info.expanded {
    max-height: 1000px; /* Достаточно для большинства программ */
    transition: max-height 0.4s ease-in;
    opacity: 1;
    padding: 0 10px 5px; /* Padding только для раскрытого состояния */
}

.curs-info iframe {
    transition: opacity 0.2s ease-in 0.15s; /* Небольшая задержка для плавного появления */
}

.curs-info.expanded iframe {
    opacity: 1;
}

/* Улучшаем анимацию для кнопок курсов */
.tab {
    transition: all 0.2s ease;
    cursor: pointer;
}

.tab:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.tab.bord {
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(0,123,255,0.3);
}

/* Улучшаем кнопки направлений */
.directions .dir a {
    transition: all 0.2s ease;
}

.directions .dir a:hover {
    transform: translateY(-1px);
}

.directions .dir a.active {
    transform: scale(1.02);
    box-shadow: 0 2px 8px rgba(0,123,255,0.2);
}