/* ============================================================
   blog.css — Blog listesi (blog.php)
   yazı kartı ızgarası
   Mobil öncelikli: base · 768 · 1200
   ============================================================ */

.blog-grid{display:grid;grid-template-columns:1fr;gap:20px}
.post-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);overflow:hidden;transition:transform .4s var(--ease),border-color .4s}
.post-card:hover{transform:translateY(-6px);border-color:rgba(251,178,23,.4)}
.post-card__media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden}
.post-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.post-card:hover .post-card__media img{transform:scale(1.06)}
.post-card__cat{position:absolute;top:12px;left:12px;background:rgba(11,12,15,.72);backdrop-filter:blur(8px);border:1px solid var(--line-2);color:var(--gold);font-family:var(--font-d);font-weight:600;font-size:.74rem;padding:.35em .7em;border-radius:100px}
.post-card__body{display:flex;flex-direction:column;gap:.6rem;padding:clamp(16px,2vw,22px)}
.post-card__title{font-size:1.12rem;line-height:1.32}
.post-card__title a{transition:color .25s}
.post-card__title a:hover{color:var(--gold)}
.post-card__excerpt{color:var(--muted);font-size:.92rem;flex:1}
.post-card__meta{display:flex;align-items:center;gap:.5rem;color:var(--faint);font-size:.82rem;margin-top:.2rem}

@media (min-width:768px){
  .blog-grid{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:1200px){
  .blog-grid{grid-template-columns:repeat(3,1fr)}
}