/* Hairpol BA — tekil vaka sayfası */
.hba-single { padding: 40px 20px 70px; }
.hba-single-inner { max-width: 1080px; margin: 0 auto; }

.hba-crumb { font-size: 14px; color: #6b7280; margin-bottom: 18px; display: flex; gap: 8px; flex-wrap: wrap; }
.hba-crumb a { color: #BD835E; text-decoration: none; }
.hba-crumb a:hover { text-decoration: underline; }

/* .hba-single-title kaldırıldı — başlığı tema entry-banner'ı basıyor (tek H1). */

.hba-single-cover { margin: 0 0 30px; }
.hba-single-cover img { width: 100%; height: auto; border-radius: 14px; display: block; }

.hba-single-cols { display: grid; grid-template-columns: 260px 1fr; gap: 34px; align-items: start; }
@media (max-width: 820px) { .hba-single-cols { grid-template-columns: 1fr; } }

.hba-facts { background: #faf7f4; border: 1px solid #eee4da; border-radius: 12px; padding: 20px 22px; position: sticky; top: 90px; }
.hba-facts-title { font-size: 17px; margin: 0 0 14px; color: #1f2330; }
.hba-facts dl { margin: 0; }
.hba-facts dt { font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: #6b7280; margin-top: 12px; }
.hba-facts dt:first-child { margin-top: 0; }
.hba-facts dd { margin: 2px 0 0; font-size: 16px; font-weight: 600; color: #1f2330; }

.hba-single-body h2, .hba-related h2 { font-size: 22px; color: #1f2330; margin: 0 0 16px; }

.hba-timeline { margin-bottom: 34px; }
.hba-timeline-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; }
.hba-stage { margin: 0; }
.hba-stage img { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: 10px; display: block; }
.hba-stage figcaption { text-align: center; font-size: 13px; color: #6b7280; margin-top: 7px; font-weight: 600; }

.hba-story { color: #3a3f4b; line-height: 1.75; font-size: 16.5px; margin-bottom: 34px; }
.hba-story p { margin: 0 0 1em; }

.hba-cta { background: #1f2330; color: #fff; border-radius: 14px; padding: 30px 32px; }
.hba-cta h2 { color: #fff; margin-bottom: 8px; }
.hba-cta p { color: #c9cdd6; margin: 0 0 18px; max-width: 560px; }
.hba-cta-btn { display: inline-block; background: #BD835E; color: #fff; text-decoration: none; font-weight: 700; padding: 13px 26px; border-radius: 999px; transition: background .2s; }
.hba-cta-btn:hover { background: #a86f4c; color: #fff; }

.hba-related { margin-top: 46px; }
.hba-related-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
.hba-related-card { display: block; text-decoration: none; background: #fff; border: 1px solid #ececf1; border-radius: 12px; overflow: hidden; transition: box-shadow .2s, transform .2s; }
.hba-related-card:hover { box-shadow: 0 10px 28px rgba(31,35,48,.12); transform: translateY(-2px); }
.hba-related-card img { width: 100%; aspect-ratio: 4/3; object-fit: cover; display: block; }
.hba-related-name { display: block; padding: 12px 14px 2px; font-weight: 600; color: #1f2330; font-size: 15px; }
.hba-related-graft { display: block; padding: 0 14px 13px; color: #BD835E; font-size: 13.5px; font-weight: 600; }
.hba-all-link { margin-top: 18px; }
.hba-all-link a { color: #BD835E; font-weight: 700; text-decoration: none; }
.hba-all-link a:hover { text-decoration: underline; }