/* --- Okurium Hakkımızda Sayfası Genel ve Responsive Stilleri --- */

/* Ana Ekip Kartları Konteyner Yapısı */
.ekip-konteyner {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* Tekil Personel Kartı Temeli */
.kart {
    flex: 1;
    min-width: 250px;
    max-width: 320px;
    background-color: #09144D;
    border: 1px solid rgba(212, 175, 55, 0.3);
    border-radius: 12px;
    padding: 20px;
    color: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

/* Üst Açıklama Kutusu Belirgin Geçiş Efekti (RGB / Linear Gradient) */
.about-text-gradient {
    background: linear-gradient(135deg, rgba(15, 28, 92, 0.98) 0%, rgba(35, 25, 15, 0.95) 50%, rgba(10, 10, 20, 0.98) 100%);
    border: 1.5px solid rgba(212, 175, 55, 0.7);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6), inset 0 0 15px rgba(212, 175, 55, 0.15);
}

/* --- Media Screen (Responsive Düzenlemeler) --- */

/* Tablet ve Orta Boyutlu Ekranlar İçin (992px altı) */
@media screen and (max-width: 992px) {
    .ekip-konteyner {
        gap: 15px;
    }

    .hakkimizda-baslik {
        font-size: 28px !important;
    }
}

/* Mobil Telefonlar İçin (768px altı) */
@media screen and (max-width: 768px) {
    .ekip-konteyner {
        flex-direction: column;
        align-items: center;
    }

    .kart {
        width: 100%;
        max-width: 100%;
    }

    .about-text-gradient {
        padding: 20px !important;
    }

    .hakkimizda-baslik {
        font-size: 24px !important;
    }
}