/* ============================================================
   Ses Akustik — Blog stilleri (liste + tekil yazi)
   ============================================================ */
:root{ --b-navy:#16222f; --b-orange:#f97316; --b-soft:#f1f5f9; --b-line:#e2e8f0; --b-ink:#1e293b; --b-mut:#64748b; }

/* ---- ortak kapak ---- */
.blog-cover{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#16222f}
.blog-cover svg{width:62%;height:62%;opacity:.9}
.blog-cover .cov-cat{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.92);color:var(--b-navy);font-size:.72rem;font-weight:800;letter-spacing:.03em;padding:.3rem .7rem;border-radius:20px;text-transform:uppercase}
.tema-yalitim{background:linear-gradient(135deg,#16222f,#243b53)}
.tema-akustik{background:linear-gradient(135deg,#c2410c,#f97316)}
.tema-urun{background:linear-gradient(135deg,#0f766e,#14b8a6)}
.tema-rehber{background:linear-gradient(135deg,#4338ca,#7c3aed)}
.tema-mekan{background:linear-gradient(135deg,#166534,#16a34a)}

/* ---- liste sayfasi ---- */
.blog-list-shell{max-width:1160px;margin:0 auto;padding:0 1.1rem 4rem}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.6rem}
.blog-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--b-line);border-radius:16px;overflow:hidden;transition:transform .15s,box-shadow .15s}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px -20px rgba(15,23,42,.5)}
.blog-card .blog-cover{height:172px}
.blog-card-body{padding:1.1rem 1.2rem 1.3rem;display:flex;flex-direction:column;flex:1}
.blog-card-body h2{font-size:1.12rem;line-height:1.35;font-weight:700;color:var(--b-navy);margin:0 0 .5rem}
.blog-card-body h2 a{color:inherit}
.blog-card-body h2 a:hover{color:var(--b-orange)}
.blog-card-ozet{color:var(--b-mut);font-size:.9rem;line-height:1.55;flex:1;margin:0 0 .9rem}
.blog-meta{display:flex;align-items:center;gap:.6rem;font-size:.78rem;color:var(--b-mut)}
.blog-meta .dot{width:3px;height:3px;border-radius:50%;background:#cbd5e1}
.blog-card-more{margin-top:.9rem;font-weight:700;color:var(--b-orange);font-size:.9rem;display:inline-flex;align-items:center;gap:.35rem}

/* ---- tekil yazi ---- */
.blog-article-shell{max-width:1080px;margin:0 auto;padding:0 1.1rem 3rem}
.blog-hero-cover{height:300px;border-radius:18px;margin-bottom:1.6rem}
@media(max-width:600px){.blog-hero-cover{height:200px}}
.blog-head{max-width:760px;margin:0 auto}
.blog-head .blog-cat{display:inline-block;background:#fff7ed;color:#c2410c;font-weight:700;font-size:.78rem;padding:.3rem .8rem;border-radius:20px;margin-bottom:.8rem}
.blog-head h1{font-size:2.05rem;line-height:1.18;font-weight:800;color:var(--b-navy);margin:0 0 .7rem}
@media(max-width:600px){.blog-head h1{font-size:1.55rem}}
.blog-head .blog-ozet{font-size:1.1rem;color:var(--b-mut);line-height:1.6;margin-bottom:1rem}
.blog-article{max-width:760px;margin:1.6rem auto 0}
.blog-article h2{font-size:1.4rem;font-weight:800;color:var(--b-navy);margin:2rem 0 .8rem;padding-left:.7rem;border-left:4px solid var(--b-orange)}
.blog-article p{font-size:1.04rem;line-height:1.8;color:var(--b-ink);margin:0 0 1.1rem}
.blog-article ul{margin:0 0 1.2rem;padding-left:0;list-style:none;display:grid;gap:.5rem}
.blog-article li{position:relative;padding-left:1.7rem;line-height:1.65;color:var(--b-ink)}
.blog-article li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:2px;background:var(--b-orange)}
.blog-article a{color:#c2410c;font-weight:600;text-decoration:underline;text-underline-offset:2px}
.blog-article a:hover{color:var(--b-orange)}
.blog-article strong{color:var(--b-navy)}

/* ---- ilgili urunler ---- */
.blog-related{max-width:760px;margin:2.4rem auto 0;background:var(--b-soft);border:1px solid var(--b-line);border-radius:16px;padding:1.4rem 1.5rem}
.blog-related h3{font-size:1.12rem;font-weight:800;color:var(--b-navy);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}
.blog-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.7rem}
.blog-rel-item{display:flex;align-items:center;gap:.7rem;background:#fff;border:1px solid var(--b-line);border-radius:11px;padding:.7rem .85rem;color:var(--b-navy);font-weight:600;font-size:.9rem;transition:border-color .15s,transform .15s}
.blog-rel-item:hover{border-color:var(--b-orange);transform:translateX(2px)}
.blog-rel-item svg{width:22px;height:22px;flex:none;color:var(--b-orange)}
.blog-rel-item .arw{margin-left:auto;color:#cbd5e1}

/* ---- ilgili yazilar ---- */
.blog-more-posts{max-width:980px;margin:2.6rem auto 0}
.blog-more-posts h3{font-size:1.2rem;font-weight:800;color:var(--b-navy);margin:0 0 1.1rem;text-align:center}
.blog-more-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.1rem}

/* ---- blog CTA ---- */
.blog-cta{max-width:760px;margin:2.6rem auto 0;background:linear-gradient(135deg,#16222f,#243b53);color:#fff;border-radius:18px;padding:1.8rem 1.9rem;text-align:center}
.blog-cta h3{font-size:1.3rem;font-weight:800;margin:0 0 .5rem;color:#fff}
.blog-cta p{color:#aebed0;margin:0 0 1.2rem;line-height:1.6}
.blog-cta-actions{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap}
.blog-cta .btn-pri{background:var(--b-orange);color:#fff;border:0;border-radius:11px;padding:.8rem 1.4rem;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}
.blog-cta .btn-pri:hover{background:#ea670c}
.blog-cta .btn-gh{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:11px;padding:.8rem 1.4rem;font-weight:700;cursor:pointer;text-decoration:none}
.blog-cta .btn-gh:hover{background:rgba(255,255,255,.2)}