/* Blog Sayfasına Özel CSS'ler */
.page-hero{background:var(--bg-primary);padding:160px 0 100px;position:relative;overflow:hidden}
.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 60%,rgba(196,122,42,.06) 0%,transparent 60%)}
.page-hero .section-title{color:var(--cream);font-size:clamp(2.4rem,5vw,4rem)}
.page-hero p{color:var(--text-muted);max-width:600px;line-height:1.75;font-size:1.02rem}
.breadcrumb{display:flex;gap:8px;align-items:center;margin-bottom:20px;font-size:.78rem;color:var(--text-muted)}
.breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .3s}.breadcrumb a:hover{color:var(--copper-light)}
.breadcrumb svg{width:12px;height:12px;color:rgba(244,240,232,.3)}

.blog-section{padding:80px 0 120px;background:var(--cream)}
.blog-layout{display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:flex-start}

.featured-post{background:white;border:1px solid var(--cream-dark);overflow:hidden;margin-bottom:48px;transition:all .4s var(--ease-out)}
.featured-post:hover{border-color:var(--copper);box-shadow:0 12px 40px rgba(0,0,0,.06)}
.fp-grid{display:grid;grid-template-columns:1.2fr 1fr}
.fp-thumb{aspect-ratio:auto;min-height:360px;background:linear-gradient(145deg,var(--bg-elevated),var(--bg-primary));position:relative;display:flex;align-items:center;justify-content:center}
.fp-thumb::before{content:'ÖNE ÇIKAN';position:absolute;top:16px;left:16px;padding:5px 14px;background:var(--copper);font-size:.68rem;font-weight:700;color:var(--bg-primary);letter-spacing:.06em;text-transform:uppercase;z-index:2}
.fp-body{padding:40px 36px;display:flex;flex-direction:column;justify-content:center}
.fp-cat{font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--copper);margin-bottom:12px}
.fp-title{font-family:var(--font-display);font-weight:700;font-size:1.6rem;color:var(--text-dark);line-height:1.3;margin-bottom:14px}
.fp-title a{color:inherit;text-decoration:none;transition:color .3s}.fp-title a:hover{color:var(--copper)}
.fp-excerpt{font-size:.9rem;color:var(--text-dark-muted);line-height:1.8;margin-bottom:20px}
.fp-meta{display:flex;gap:16px;font-size:.76rem;color:var(--text-dark-muted);align-items:center}
.fp-meta svg{width:14px;height:14px;color:var(--copper)}
.fp-meta-item{display:flex;align-items:center;gap:5px}
.fp-link{display:inline-flex;align-items:center;gap:6px;margin-top:16px;color:var(--copper);font-weight:600;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:gap .3s}
.fp-link:hover{gap:12px}
.fp-link svg{width:14px;height:14px}

.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.blog-card{background:white;border:1px solid var(--cream-dark);overflow:hidden;transition:all .35s var(--ease-out)}
.blog-card:hover{border-color:var(--copper);transform:translateY(-4px);box-shadow:0 10px 32px rgba(0,0,0,.05)}
.bc-thumb{aspect-ratio:16/10;background:linear-gradient(145deg,var(--bg-elevated),var(--bg-primary));position:relative;display:flex;align-items:center;justify-content:center}
.bc-thumb-cat{position:absolute;top:12px;left:12px;padding:4px 12px;background:rgba(196,122,42,.85);font-size:.66rem;font-weight:700;color:var(--bg-primary);letter-spacing:.04em;text-transform:uppercase}
.bc-body{padding:24px}
.bc-title{font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--text-dark);line-height:1.3;margin-bottom:10px}
.bc-title a{color:inherit;text-decoration:none;transition:color .3s}.bc-title a:hover{color:var(--copper)}
.bc-excerpt{font-size:.84rem;color:var(--text-dark-muted);line-height:1.7;margin-bottom:16px}
.bc-meta{display:flex;gap:12px;font-size:.73rem;color:var(--text-dark-muted)}
.bc-meta-item{display:flex;align-items:center;gap:4px}
.bc-meta-item svg{width:13px;height:13px;color:var(--copper)}

.sidebar{position:sticky;top:80px}
.sidebar-block{background:white;border:1px solid var(--cream-dark);padding:28px;margin-bottom:24px}
.sidebar-block h4{font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--text-dark);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--cream-dark)}
.sidebar-tags{display:flex;flex-wrap:wrap;gap:6px}
.sidebar-tag{padding:6px 14px;background:var(--bg-warm);border:1px solid var(--cream-dark);font-size:.76rem;color:var(--text-dark-muted);text-decoration:none;transition:all .3s;font-weight:500}
.sidebar-tag:hover{border-color:var(--copper);color:var(--copper);background:var(--cream)}
.sidebar-list{list-style:none;display:grid;gap:12px}
.sidebar-list li a{display:flex;gap:12px;align-items:flex-start;text-decoration:none;transition:all .3s;padding:8px 0;border-bottom:1px solid var(--cream-dark)}
.sidebar-list li:last-child a{border-bottom:none}
.sidebar-list li a:hover .sl-title{color:var(--copper)}
.sl-num{font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:var(--cream-dark);min-width:28px}
.sl-title{font-size:.84rem;color:var(--text-dark);font-weight:600;line-height:1.4}
.sl-date{font-size:.7rem;color:var(--text-dark-muted);margin-top:2px}
.sidebar-cta{background:var(--bg-primary);padding:32px 28px;text-align:center;border:none}
.sidebar-cta h4{color:var(--cream);border-bottom-color:var(--border-subtle)}
.sidebar-cta p{font-size:.84rem;color:var(--text-muted);line-height:1.6;margin-bottom:20px}
.btn-sm{display:inline-flex;align-items:center;gap:8px;background:var(--copper);color:var(--bg-primary);padding:12px 24px;font-family:var(--font-body);font-weight:700;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:all .3s}
.btn-sm:hover{background:var(--copper-light)}
.btn-sm svg{width:14px;height:14px}

@media(max-width:1024px){.blog-layout{grid-template-columns:1fr}.sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.fp-grid{grid-template-columns:1fr}.fp-thumb{min-height:240px}}
@media(max-width:768px){.blog-grid{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:10px;text-align:center}}
