/* --- Dinamik Cümle Alanı Stilleri --- */
.dinamik-cumle-section {
    position: relative;
    padding: 2.5rem 0; /* Yükseklik biraz daha düşürüldü */
    color: #f3f4f6; /* Açık gri metin rengi */
    text-align: center;
    
    /* Site renkleriyle uyumlu teknolojik degrade arkaplan */
    background: linear-gradient(110deg, #111827 50%, #4b5563 100%);
    
    /* Örnekteki gibi dalgalı alt kenarlık efekti */
    clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%);
}

.dinamik-cumle-text {
    font-size: 1.5rem; /* Yazı boyutu */
    font-weight: 400;
    line-height: 1.6; /* Satır yüksekliği */
    max-width: 900px; /* Maksimum genişlik */
    margin: 0 auto; /* Ortalamak için */
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); /* Metne gölge ekle */
}

.dynamic-word {
    color: #f97316; /* Ana tema rengi (turuncu) */
    font-weight: 700; /* Kalın yazı */
    display: inline-block;
    
    /* Kelime geçişi için animasyon */
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* Kelimeyi gizlemek için kullanılacak sınıf */
.dynamic-word.fade-out {
    opacity: 0;
    transform: translateY(-10px); /* Hafif yukarı kayma efekti */
}

/* Mobil cihazlar için ayarlamalar */
@media screen and (max-width: 768px) {
    .dinamik-cumle-section {
        padding: 3rem 0; /* Mobil yükseklik düşürüldü */
        clip-path: polygon(0 0, 100% 0, 100% 95%, 50% 100%, 0 95%);
    }
    .dinamik-cumle-text {
        font-size: 1.2rem;
    }
}