.categoryText {
    display: inline-flex; 
    justify-content: center; 
    align-items: center; 
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    padding: 10px;
    border-radius: 7px;
    font-size: 0.8rem;
    max-width: 90%; 
    white-space: nowrap; 
    text-align: center; 
    overflow: hidden; 
    text-overflow: ellipsis; 
}

/* Tabletler için yazı boyutunu ayarla */
@media (max-width: 1024px) {
    .categoryText {
        font-size: 1.4vw; 
    }
}

/* Mobil cihazlar için yazı boyutunu ve düzenlemeleri ayarla */
@media (max-width: 768px) {
    .categoryText {
        font-size: 1.5vw; 
        max-width: 75%;
        padding-left: 10px; 
        max-width: 100%; 
        white-space: nowrap; 
        overflow: hidden; 
        text-overflow: ellipsis; 
        padding: 8px; 
    }
}

/* Mobil cihazlar için yazı boyutunu ve düzenlemeleri ayarla */
@media (max-width: 540px) {
    .categoryText {
        font-size: 1.9vw; 
        max-width: 75%;
        padding-left: 10px; 
        max-width: 100%; 
        white-space: nowrap; 
        overflow: hidden; 
        text-overflow: ellipsis; 
        padding: 8px; 
    }
}

/* Çok küçük ekranlar için yazı boyutunu ayarla */
@media (max-width: 480px) {
    .categoryText {
        display: inline-flex;
        justify-content: flex-start; 
        align-items: center;
        font-size: 2.5vw; 
        max-width: 100%; 
        white-space: nowrap; 
        overflow: hidden; 
        text-overflow: ellipsis; 
        padding: 8px; 
    }
}

.text-highlight {
    color: #FFC629; 
}