.rf-alan{padding:56px 0 72px}
.rf-izgara{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.rf-kart{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--line-2);border-radius:var(--r-lg);background:#fff;color:var(--ink);transition:border-color .25s,box-shadow .25s}
a.rf-kart:hover{border-color:var(--accent);box-shadow:var(--sh-md);color:var(--ink)}
.rf-logo{display:grid;place-items:center;aspect-ratio:3/2;padding:24px;border-bottom:1px solid var(--line-2)}
.rf-logo img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.rf-logo span{color:var(--ink);font-size:1.05rem;font-weight:800;text-align:center}
.rf-konu{flex:1;padding:14px 16px 16px;font-size:.9rem;font-weight:600;line-height:1.4}
.rf-git{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:30px;height:30px;border-radius:var(--r);background:var(--accent-soft);color:var(--accent);font-size:.78rem;transition:background .2s,color .2s}
a.rf-kart:hover .rf-git{background:var(--accent);color:#fff}
.rf-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:40px;padding:28px 32px;border-radius:var(--r-lg);background:var(--primary);color:#fff}
.rf-cta h2{margin:0 0 4px;color:#fff;font-size:1.3rem}
.rf-cta p{margin:0;color:var(--on-dark);font-size:.92rem}

@media (hover:hover){
  .rf-logo img{filter:grayscale(.4);opacity:.9;transition:filter .3s,opacity .3s}
  .rf-kart:hover .rf-logo img{filter:none;opacity:1}
}
@media (max-width:1199.98px){.rf-izgara{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:767.98px){
  .rf-alan{padding:40px 0 56px}
  .rf-izgara{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .rf-logo{padding:16px}
  .rf-konu{padding:10px 12px 12px;font-size:.82rem}
  .rf-cta{flex-direction:column;align-items:flex-start;padding:22px}
  .rf-cta .btn-a{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .rf-logo img{transition:none}
}