.card-img-overlay {
    overflow: hidden;
    word-break: break-word;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-title {
    font-size: clamp(1.2rem, 3vw, 2rem);
    line-height: 1.2;
    margin-bottom: 0.5rem;
}

.card-text {
    font-size: clamp(0.9rem, 2vw, 1.2rem);
    margin-bottom: 0.5rem;
    word-break: break-word;
}

#programs-category-column {
    /* border-color: black;
    border: solid 2px; */
    background-color: rgb(245, 245, 245);
    border-radius: 15px;
}

#programs-category-row {
    /* border-color: black;
    border: solid 2px; */
    background-color: rgb(209, 209, 209);
    border-radius: 15px;
}

/* Для карточек всякое*/
[id^="course-card-"],
[id^="dexars-self-example-"] {
    transition: 
        transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275),
        box-shadow 0.3s ease;
    transform-origin: center;
    will-change: transform, box-shadow;
}

[id^="course-card-"]:hover,
[id^="dexars-self-example-"]:hover {
    transform: scale(1.08) rotate(5deg);
    box-shadow: 
        0 15px 35px rgba(0, 0, 0, 0.2),
        0 8px 15px rgba(0, 0, 0, 0.15),
        inset 0 -2px 10px rgba(0, 0, 0, 0.05);
}