.desc-wrapper {
    height: 3.5rem;
    /* ≈ سطرين */
    overflow: hidden;
    position: relative;
    transition: height .4s ease;
}

.group:hover .desc-wrapper {
    height: var(--exp, 4.5rem);
    /* يُعيَّن بالـ JS */
}

/* ❷ النص يتحرك لأعلى بمقدار diff المحسوب */
.desc {
    margin: 0;
    transition: transform .5s ease-out;
}

.group:hover .desc {
    transform: translateY(var(--shift, 0));
}

/* ❸ سهم التلميح */
.more-arrow {
    transition: opacity .4s;
    animation: bounce 1.4s infinite ease-in-out;
}

.group:hover .more-arrow {
    opacity: 0;
}

@keyframes bounce {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-4px);
    }
}


.group:hover::after {
    opacity: 0;
}