/* ============================================================
   kültfilmler — ÜLKELER index (bayraklı kartlar).
   Chrome (.person-index başlık/sıralama/arama/boş durum) person-index.css'ten gelir;
   burada yalnız ülke grid'i + bayraklı kart (.ccard) tanımlı.
   ============================================================ */

/* ülke grid'i — bayraklı satır kartları (oyuncu 6-kolon avatar grid'ini ezer) */
.person-index.is-country .grid{ grid-template-columns:repeat(auto-fill, minmax(218px, 1fr)); gap:12px; padding-top:24px; min-height:auto; }

.ccard{ display:flex; align-items:center; gap:13px; padding:11px 13px; background:var(--bg-2); border:1px solid var(--line); border-radius:11px; transition:transform .16s, border-color .16s, background .16s; }
.ccard:hover{ border-color:var(--line-2); background:var(--card); transform:translateY(-2px); }
.ccard .cflag{ width:40px; height:40px; flex:none; border-radius:50%; overflow:hidden; display:grid; place-items:center; background:#101012; box-shadow:0 0 0 1px var(--line); font-size:13px; font-weight:800; color:#cfcfd4; }
.ccard .cflag img{ width:100%; height:100%; object-fit:cover; display:block; } /* 1x1 bayrak → daireye tam oturur */
.ccard .cmeta{ min-width:0; display:flex; flex-direction:column; gap:3px; }
.ccard .cn{ font-size:13.5px; font-weight:700; color:#f1f1f2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ccard .cc{ font-size:11px; font-weight:600; color:var(--muted); }

.person-index.is-country .empty{ grid-column:1 / -1; }

@media (max-width:680px){ .person-index.is-country .grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:420px){ .person-index.is-country .grid{ grid-template-columns:1fr; } }