/* Blog sayfaları — sadece blog.php ve blog-yazi.php'de yüklenir */
.blog-wrap{max-width:1440px;margin:0 auto;padding:44px 24px 80px;display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start}
.blog-main h1{font-size:clamp(28px,4vw,40px);font-weight:900;letter-spacing:-.02em;margin-bottom:10px}
.blog-lead{color:var(--tx2);font-size:16px;margin-bottom:36px;max-width:640px}

/* liste kartları */
.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.blog-card{background:var(--card);border:1px solid var(--bd);border-radius:18px;padding:24px;transition:transform .15s,box-shadow .15s;display:flex;flex-direction:column}
.blog-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(244,121,32,.1)}
.blog-card .bc-tag{display:inline-block;background:var(--orl);color:var(--or);font-size:11.5px;font-weight:800;padding:4px 11px;border-radius:20px;margin-bottom:12px;width:fit-content}
.blog-card .bc-ic{font-size:30px;margin-bottom:10px}
.blog-card h2{font-size:18px;font-weight:800;margin-bottom:8px;line-height:1.3}
.blog-card p{color:var(--tx2);font-size:14px;flex:1;margin-bottom:12px}
.blog-card .bc-date{font-size:12.5px;color:var(--tx3);font-weight:600}

/* sağ sütun */
.blog-side .side-box{background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:22px;margin-bottom:20px}
.blog-side .side-box h3{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:var(--tx3);margin-bottom:14px}
.blog-cat-list{list-style:none}
.blog-cat-list li{border-bottom:1px solid var(--bd)}
.blog-cat-list li:last-child{border-bottom:none}
.blog-cat-list a{display:flex;justify-content:space-between;align-items:center;padding:11px 0;font-size:14.5px;font-weight:600;color:var(--tx2)}
.blog-cat-list a:hover{color:var(--or)}
.blog-cat-list a.act{color:var(--or)}
.blog-cat-list .say{font-size:12px;color:var(--tx3);font-weight:700;background:var(--bg);border-radius:20px;padding:2px 9px}

.side-promo{background:linear-gradient(150deg,var(--or),var(--ord));color:#fff;border-radius:16px;padding:24px;margin-bottom:20px;position:relative;overflow:hidden}
.side-promo .tag{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.85;margin-bottom:10px;display:block}
.side-promo h4{font-size:18px;font-weight:900;line-height:1.3;margin-bottom:16px}
.side-promo a.sp-btn{display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--or);font-weight:800;font-size:13.5px;padding:10px 16px;border-radius:10px}
.side-promo a.sp-btn:hover{background:#fff0e6}

.side-promo.alt{background:var(--card);border:1.5px solid var(--orb);color:var(--tx)}
.side-promo.alt .tag{color:var(--or)}
.side-promo.alt a.sp-btn{background:var(--or);color:#fff}
.side-promo.alt a.sp-btn:hover{background:var(--ord)}

/* tekil yazı */
.blog-post-head{margin-bottom:26px}
.blog-post-head .bc-tag{display:inline-block;background:var(--orl);color:var(--or);font-size:12px;font-weight:800;padding:5px 13px;border-radius:20px;margin-bottom:14px}
.blog-post-meta{color:var(--tx3);font-size:13.5px;margin-top:10px}
.blog-post-body{font-size:16.5px;color:var(--tx2);line-height:1.8}
.blog-post-body p{margin-bottom:18px}
.blog-post-body b{color:var(--tx)}
.blog-post-cover{font-size:64px;background:var(--orl);border-radius:20px;height:180px;display:flex;align-items:center;justify-content:center;margin-bottom:28px}
.blog-back{display:inline-flex;align-items:center;gap:6px;color:var(--tx2);font-weight:700;font-size:14px;margin-bottom:20px}
.blog-back:hover{color:var(--or)}

@media(max-width:900px){
  .blog-wrap{grid-template-columns:1fr;padding:32px 18px 60px}
  .blog-grid{grid-template-columns:1fr}
  .blog-side{order:2}
}