.tab-desc-container {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.4s ease-out;
    width: 100%;
}

.tab-button:hover .tab-desc-container,
.tab-button.active .tab-desc-container {
    height: 130px; /* Yazının sığması için 60px'den 130px'e çıkarıldı */
    opacity: 1;
    margin-top: 10px;
}

.typewriter-text {
    color: white;
    font-size: 0.9rem;
    line-height: 1.4;
    text-align: left;
    position: relative;
    z-index: 10;
}

/* Mobil Uyumluluk */
@media (max-width: 1023px) {
    .tab-button {
        aspect-ratio: auto !important; /* Mobilde kartın içeriğe göre büyümesini sağlar */
        padding-bottom: 24px !important;
    }
    
    .tab-desc-container {
        height: auto !important; 
        opacity: 1 !important;   
        margin-top: 10px !important;
    }

    /* Mobilde arkaplan beyaz olduğundan altyazı siyah olmalı */
    .typewriter-text {
        color: #000 !important;
    }

    /* Kartın üzerine tıklandığında (arkaplan resmi geldiğinde) yazı tekrar beyaza döner */
    .tab-button:hover .typewriter-text,
    .tab-button.active .typewriter-text {
        color: #fff !important;
    }

    /* Karanlık mod aktifse yazılar beyaz kalmalı */
    .dark .typewriter-text {
        color: #fff !important;
    }
}