/* Ekip kategorisi sayfası (/Ekibimiz/{slug}) — koyu bant, arka plan görev banner'ından (bannerClass) gelir */
.ekip-sayfa { background: #f5f6f8; padding-bottom: 50px; min-height: 50vh; }

/* bannerClass (danismanlarimizImg vb.) background-image verir; burada image tanımlanmaz ki ezilmesin */
.ekip-band { position: relative; padding: 128px 0 56px; overflow: hidden; background-color: #171c26;
    background-size: cover !important; background-position: center !important; }
.ekip-band-ortu { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(23,28,38,.72), rgba(23,28,38,.88)); }
.ekip-band-ic { position: relative; z-index: 1; text-align: center; }
.ekip-band-ic h1 { color: #fff; font-size: 52px; font-weight: 700; line-height: 1.3; margin: 0 0 12px; }
.ekip-sayi { display: inline-flex; align-items: center; gap: 8px; color: #f5c31f; font-size: 13.5px;
    font-weight: 700; background: rgba(245,195,31,.14); border: 1px solid rgba(245,195,31,.4);
    border-radius: 18px; padding: 5px 15px; }
.ekip-aciklama { color: rgba(255,255,255,.78); font-size: 14px; line-height: 1.75; max-width: 760px;
    margin: 16px auto 0; }

/* Liste başlığı + arama satırı */
.ekip-arac { display: flex; align-items: center; justify-content: space-between; gap: 14px;
    flex-wrap: wrap; margin: 26px 0 18px; }
.ekip-liste-baslik { font-size: 18px; font-weight: 800; color: #1f2430; margin: 0;
    display: flex; align-items: center; gap: 10px; }
.ekip-liste-baslik::before { content: ""; width: 5px; height: 20px; border-radius: 4px; background: #f5c31f; }
/* Arama: kutu görünümü sarmalayıcıda, ikon flex ile İÇERİDE (absolute konum şablon CSS'iyle çakışıyordu) */
.ekip-arama { display: flex; align-items: center; gap: 10px; width: 100%; max-width: 330px; height: 46px;
    background: #fff; border: 1px solid #e5e7eb; border-radius: 999px; padding: 0 18px;
    box-shadow: 0 3px 12px rgba(23,28,38,.06); transition: all .15s ease; }
.ekip-arama i { color: #b9bfc9; font-size: 14px; flex: 0 0 auto; transition: color .15s; }
.ekip-arama:hover { border-color: #d9dde4; }
.ekip-arama:focus-within { border-color: #f5c31f; box-shadow: 0 0 0 4px rgba(245,195,31,.15); }
.ekip-arama:focus-within i { color: #d7a500; }
.ekip-arama input { flex: 1; min-width: 0; border: 0; outline: none; background: transparent;
    height: 100%; font-size: 13.5px; padding: 0; }
.ekip-arama input::placeholder { color: #b9bfc9; }

/* Üye kartları (masaüstünde 6'lı, tablette 3'lü, mobilde 2'li) */
.ekip-kart { display: flex; flex-direction: column; height: 100%; background: #fff; border: 1px solid #e5e7eb;
    border-radius: 12px; overflow: hidden; text-decoration: none; transition: all .18s ease; }
.ekip-kart:hover { transform: translateY(-4px); border-color: #f5c31f; box-shadow: 0 10px 24px rgba(23,28,38,.12); }
.ekip-foto { position: relative; aspect-ratio: 1/1; background: #f1f3f7; overflow: hidden; }
.ekip-foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.ekip-foto img.ekip-foto-logo { object-fit: contain; padding: 18px; }
.ekip-rozet { position: absolute; left: 8px; bottom: 8px; background: rgba(31,36,48,.88); color: #f5c31f;
    border-radius: 12px; padding: 2px 8px; font-size: 10.5px; font-weight: 700; display: inline-flex;
    align-items: center; gap: 4px; }
.ekip-bilgi { padding: 10px 12px 12px; display: flex; flex-direction: column; flex: 1; }
.ekip-ad { color: #1f2430; font-size: 13px; font-weight: 700; line-height: 1.3; }
.ekip-rol { color: #6b7280; font-size: 11.5px; margin-top: 2px; }
.ekip-git { margin-top: auto; padding-top: 8px; color: #b08d00; font-size: 11.5px; font-weight: 700;
    display: inline-flex; align-items: center; gap: 5px; }
.ekip-kart:hover .ekip-git { color: #1f2430; }
.ekip-git i { font-size: 10px; transition: transform .18s ease; }
.ekip-kart:hover .ekip-git i { transform: translateX(4px); }

/* Kartlar (üye + adım) görünüme girince sırayla süzülür */
.ekip-anim { opacity: 0; transform: translateY(26px) scale(.985);
    transition: opacity .6s cubic-bezier(.22,.61,.36,1) var(--gecikme, 0ms),
                transform .6s cubic-bezier(.22,.61,.36,1) var(--gecikme, 0ms); }
.ekip-anim.gorunur { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
    .ekip-anim { opacity: 1; transform: none; transition: none; }
}

/* Mobil sekmeler: Nasıl Çalışıyoruz / Ekip Üyelerimiz (masaüstünde ikisi alt alta görünür) */
.ekip-tabbar { display: flex; gap: 6px; margin: 20px 0 4px; background: #fff; border: 1px solid #e5e7eb;
    border-radius: 14px; padding: 6px; }
.ekip-tab { flex: 1; display: inline-flex; justify-content: center; align-items: center; gap: 7px;
    height: 42px; min-width: 0; border: 0; border-radius: 10px; background: transparent; color: #6b7280;
    font-weight: 700; font-size: 12.5px; cursor: pointer; transition: all .15s ease; white-space: nowrap; }
.ekip-tab i { font-size: 12px; }
.ekip-tab.aktif { background: #1f2430; color: #fff; }
@media (max-width: 767px) {
    .ekip-tab-icerik.mobil-gizli { display: none; }
}

.ekip-sonuc-yok { text-align: center; padding: 50px 0; color: #6b7280; }
.ekip-sonuc-yok i { font-size: 36px; margin-bottom: 10px; display: block; }

/* Adımlar (üyelerin ÜSTÜNDE) */
.ekip-adimlar { margin-top: 26px; }
.ekip-adimlar h2 { font-size: 18px; font-weight: 800; color: #1f2430; margin: 0 0 16px;
    display: flex; align-items: center; gap: 10px; }
.ekip-adimlar h2::before { content: ""; width: 5px; height: 20px; border-radius: 4px; background: #f5c31f; }
.ekip-adim { display: flex; gap: 13px; background: #fff; border: 1px solid #e5e7eb; border-radius: 14px;
    padding: 16px; height: 100%; }
.ekip-adim-no { flex: 0 0 34px; height: 34px; border-radius: 11px; background: #fdf3d0; color: #8a6d00;
    font-weight: 800; display: flex; align-items: center; justify-content: center; font-size: 14px; }
.ekip-adim h5 { font-size: 14px; font-weight: 700; color: #1f2430; margin: 4px 0 5px; }
.ekip-adim p { font-size: 12.5px; color: #6b7280; line-height: 1.6; margin: 0; }

/* Mobil */
@media (max-width: 767px) {
    .ekip-band { padding: 92px 0 34px; }
    .ekip-band-ic h1 { font-size: 28px; }
    .ekip-arac { flex-direction: column; align-items: stretch; }
    .ekip-arama { max-width: none; }
}