.reels-kesfet-sayfa{ max-width:935px; margin:0 auto; padding:20px 2px calc(24px + env(safe-area-inset-bottom)); }
.reels-kesfet-ust-satir{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 12px 14px; }

.rk-filtre-sekmeler{ display:flex; gap:8px; padding:0 12px 14px; overflow-x:auto; scrollbar-width:none; }
.rk-filtre-sekmeler::-webkit-scrollbar{ display:none; }
.rk-filtre-btn{
  flex:0 0 auto; padding:8px 16px; border-radius:999px; font-size:0.82rem; font-weight:700;
  background:var(--surface-alt); color:var(--text-dim); border:1px solid transparent;
  transition:background .15s ease, color .15s ease; white-space:nowrap;
}
.rk-filtre-btn:hover{ background:var(--surface-hover); }
.rk-filtre-btn.active{ background:var(--grad); color:#fff; }
.reels-kesfet-baslik{ font-size:1.15rem; font-weight:800; display:flex; align-items:center; gap:8px; }

.reels-kesfet-izgara{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:6px;
}
.rk-karti{
  position:relative;
  aspect-ratio:9/16;
  background:#111;
  overflow:hidden;
  display:block;
  border-radius:var(--radius-sm);
  animation:rkKartGiris .35s ease both;
  transition:transform .18s ease, box-shadow .18s ease;
}
@media (hover:hover){
  .rk-karti:hover{ transform:translateY(-3px) scale(1.015); box-shadow:0 10px 24px -8px rgba(0,0,0,0.35); z-index:1; }
}
@keyframes rkKartGiris{
  from{ opacity:0; transform:translateY(10px) scale(0.98); }
  to{ opacity:1; transform:translateY(0) scale(1); }
}
.rk-karti img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.rk-karti .rk-oynat-ikon{ position:absolute; top:8px; right:8px; width:18px; height:18px; color:#fff; filter:drop-shadow(0 1px 2px rgba(0,0,0,0.6)); }
.rk-gradyan{ position:absolute; inset:0; background:linear-gradient(180deg, transparent 55%, rgba(0,0,0,0.75) 100%); pointer-events:none; }
.rk-alt-bilgi{ position:absolute; left:8px; right:8px; bottom:7px; color:#fff; }
.rk-kullanici{ display:flex; align-items:center; gap:5px; margin-bottom:4px; }
.rk-karti .rk-avatar{ position:static; width:18px; height:18px; border-radius:50%; object-fit:cover; border:1.2px solid rgba(255,255,255,0.7); flex-shrink:0; }
.rk-kullanici span{ font-size:0.7rem; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-shadow:0 1px 3px rgba(0,0,0,0.6); }
.rk-istatistik{ display:flex; align-items:center; gap:9px; }
.rk-istatistik span{ display:flex; align-items:center; gap:3px; font-size:0.68rem; font-weight:700; text-shadow:0 1px 3px rgba(0,0,0,0.6); }
.rk-istatistik svg{ width:12px; height:12px; }

@media (min-width:640px){
  .reels-kesfet-izgara{ grid-template-columns:repeat(4, 1fr); gap:8px; }
}

.rk-iskelet-satir{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:6px;
}
@media (min-width:640px){
  .rk-iskelet-satir{ grid-template-columns:repeat(4, 1fr); gap:8px; }
}
.rk-iskelet{
  aspect-ratio:9/16; border-radius:var(--radius-sm);
  background:linear-gradient(90deg, var(--surface-alt) 25%, var(--surface-hover) 50%, var(--surface-alt) 75%);
  background-size:200% 100%;
  animation:rkIskeletAkis 1.4s ease-in-out infinite;
}
@keyframes rkIskeletAkis{
  0%{ background-position:200% 0; }
  100%{ background-position:-200% 0; }
}

.rk-bos-durum{
  text-align:center; color:var(--text-dim); padding:60px 20px; margin:0 12px;
  background:var(--surface); border:1.5px dashed var(--border-strong); border-radius:var(--radius-md);
  font-size:0.88rem;
}
.rk-bos-durum svg{ width:34px; height:34px; margin-bottom:10px; opacity:0.6; }