.uyeler-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.uye-karti {
    width: 23%;
    background: #fff;
    padding: 10px;
    border: 1px solid #ddd;
    text-align: center;
    transition: transform 0.3s ease;
}
.uye-karti:hover {
    transform: scale(1.03);
}
.uyeler-harf-filtre {
    margin-bottom: 20px;
    text-align: center;
}
.uyeler-btn {
    padding: 8px 14px;
    margin: 4px;
    background-color: #004466;
    color: white;
    border: none;
    cursor: pointer;
}
.uyeler-btn:hover {
    background-color: #0077aa;
}

/* ===== ÜYE ARAMA – modern görünüm ===== */
.uye-ara-wrap{max-width:680px;margin:0 auto 16px;} /* varsa sarmalayıcı için */
#uye-arama{
display: none;
  width:100%;
  height:48px;
  padding:0 14px 0 42px;           /* sol boşluk: arama ikonu */
  border:1px solid #e5e7eb;
  border-radius:14px;
  background:#fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%239CA3AF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="7"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>') no-repeat 12px 50%;
  background-size:20px;
  font-size:16px;
  color:#111827;
  box-shadow:0 6px 18px rgba(17,24,39,.05);
  -webkit-appearance:none; appearance:none;
}
#uye-arama::placeholder{color:#9ca3af;}
#uye-arama:focus{
  outline:none;
  border-color:#3b82f6;
  box-shadow:0 0 0 4px rgba(59,130,246,.15);
}

/* ===== GRID – responsive kolonlar ===== */
.uyeler-grid{display:flex;flex-wrap:wrap;gap:20px;}
.uyeler-grid .uye-karti{
  flex:1 1 calc(25% - 20px);
  max-width:calc(25% - 20px);
  background:#fff;border:1px solid #e9edf2;border-radius:14px;padding:14px;
  text-align:center;
  box-shadow:0 6px 18px rgba(20,23,28,.06);
  transition:transform .2s, box-shadow .2s;
}
.uyeler-grid .uye-karti:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(20,23,28,.08);}

/* 3 sütun */
@media (max-width:1200px){
  .uyeler-grid .uye-karti{flex-basis:calc(33.333% - 20px);max-width:calc(33.333% - 20px);}
}
/* 2 sütun */
@media (max-width:900px){
  .uyeler-grid .uye-karti{flex-basis:calc(50% - 20px);max-width:calc(50% - 20px);}
}
/* 1 sütun – MOBİL ZORUNLU */
@media (max-width:600px){
  .uyeler-grid{display:block;}
  .uyeler-grid .uye-karti{
    width:100% !important;
    max-width:100% !important;
    flex:none !important;
    margin-bottom:16px;
  }
}

/* (İsteğe bağlı) harf filtre şeridi mobilde taşmasın */
@media (max-width:600px){
  .uyeler-harf-filtre{overflow-x:auto;white-space:nowrap;padding-bottom:6px;margin-bottom:12px;}
  .uyeler-harf-filtre .uyeler-btn{display:inline-block;}
}

/* Kart içi tipografi */
.uye-karti .uye-ad{font-weight:800;font-size:clamp(16px,2.2vw,18px);margin:6px 0 2px;}
.uye-karti .uye-gorev{color:#6b7280;font-size:13px;}