/* Blog listesi: sitenin mevcut blog tasarımına ek (arama + otomatik liste) */
.tb-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}
.tb-top h2{margin:0!important}
.tb-search{position:relative;width:100%;max-width:380px}
.tb-search input{width:100%;height:48px;border:1px solid #dfe5ee;border-radius:30px;padding:0 50px 0 20px;font-size:14.5px;color:#242e37;background:#fff;outline:none;font-family:inherit;transition:.2s}
.tb-search input:focus{border-color:#00a8e1;box-shadow:0 0 0 3px rgba(0,168,225,.15)}
.tb-search svg{position:absolute;right:18px;top:50%;margin-top:-9px;width:18px;height:18px;stroke:#00a8e1;fill:none;stroke-width:2;pointer-events:none}
.tb-count{font-size:13.5px;color:#808291;margin:-10px 0 18px}
.tb-grid-msg{text-align:center;padding:50px 20px;color:#808291;width:100%}
.tb-grid-msg b{display:block;font-size:18px;color:#354860;margin-bottom:6px}
.tb-loadwrap{text-align:center;width:100%;margin-top:20px}
.tb-btn{display:inline-block;border:0;border-radius:30px;background:#00a8e1;color:#fff;font-weight:600;font-size:14.5px;padding:13px 34px;cursor:pointer;transition:.2s;font-family:inherit}
.tb-btn:hover{background:#354860;color:#fff}
/* dinamik görsel: imgLiquid yoksa da dolsun */
.news-block-one .blg-th{position:relative;overflow:hidden}
.news-block-one .blg-th img{width:100%;height:100%;object-fit:cover;display:block}
.news-block-one .blg-th.tb-fb{background:linear-gradient(135deg,var(--c1,#354860),var(--c2,#00a8e1));display:flex;align-items:center;justify-content:center;min-height:100%}
.news-block-one .blg-th.tb-fb svg{width:64px;height:64px;stroke:rgba(255,255,255,.92);fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.news-block-one .text{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}

/* ===== YAZI SAYFASI (blog/*.html) ===== */
.ba-wrap{padding-top:30px}
.ba-progress{position:fixed;left:0;top:0;height:3px;width:0;background:#00a8e1;z-index:99999;transition:width .1s}
.ba .tbblgsc{margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid #e3e8f0}
.ba-chip{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#00a8e1;border-radius:4px;padding:4px 11px;text-decoration:none}
.ba-chip:hover{background:#354860;color:#fff;text-decoration:none}
.ba-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin:14px 0 0;padding:0;list-style:none;font-size:14px;color:#808291}
.ba-meta li+li:before{content:"•";margin-right:16px;opacity:.5}
.ba .single-blog-post h1.b-lg-tt-d{margin:14px 0 0}
.ba-lead{font-size:18px;line-height:1.75;color:#4a5560;margin:22px 0 0;padding-left:18px;border-left:4px solid #00a8e1}
.ba-hero{margin:26px 0 8px;border-radius:14px;overflow:hidden}
.ba-hero img{width:100%;height:auto;display:block}
.ba .blog-desc{font-size:16.5px;line-height:1.85;color:#4a5560;margin-top:26px}
.ba .blog-desc h2{font-size:29px;line-height:1.3;margin:1.7em 0 .6em;scroll-margin-top:110px}
.ba .blog-desc h3{font-size:21px;line-height:1.4;margin:1.4em 0 .5em;scroll-margin-top:110px}
.ba .blog-desc p{margin:0 0 1.15em}
.ba .blog-desc a{color:#00a8e1;text-decoration:underline;text-underline-offset:3px}
.ba .blog-desc ul,.ba .blog-desc ol{margin:0 0 1.2em;padding-left:1.3em}
.ba .blog-desc li{margin-bottom:.45em}
.ba .blog-desc img{max-width:100%;height:auto;border-radius:10px}
.ba .blog-desc table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:15px}
.ba .blog-desc th{background:#354860;color:#fff;text-align:left;padding:11px 14px;font-weight:600}
.ba .blog-desc td{padding:11px 14px;border-bottom:1px solid #e3e8f0}
.ba .blog-desc tr:nth-child(even) td{background:#f8f9fd}
.ba .blog-desc blockquote{margin:1.5em 0;padding:18px 22px;background:#f8f9fd;border-left:4px solid #cc007b;border-radius:0 10px 10px 0;color:#354860;font-style:italic}
.ba-keypoints,.ba-callout{margin:1.6em 0;padding:22px 26px;background:#f2fafe;border:1px solid #cfeaf7;border-radius:12px}
.ba-keypoints strong.ba-box-t,.ba-callout strong.ba-box-t{display:block;font-size:13px;letter-spacing:.07em;text-transform:uppercase;color:#00a8e1;margin-bottom:8px}
.ba-keypoints ul{margin:0;padding-left:1.2em}.ba-callout p:last-child{margin-bottom:0}
.ba-cta{margin:44px 0 10px;padding:34px 36px;border-radius:16px;background:linear-gradient(120deg,#354860,#0a7fae);color:#fff;display:flex;flex-wrap:wrap;gap:18px 30px;align-items:center;justify-content:space-between}
.ba-cta h3{color:#fff;font-size:22px;margin:0 0 6px}.ba-cta p{margin:0;color:rgba(255,255,255,.88);font-size:15px;line-height:1.7;max-width:520px}
.ba-cta .tb-btn{background:#fff;color:#354860}.ba-cta .tb-btn:hover{background:#cc007b;color:#fff;text-decoration:none}
.ba-related{margin-top:46px;padding-top:30px;border-top:1px solid #e3e8f0}
.ba-related h2{font-size:26px;color:#354860;margin-bottom:22px}
.ba-related .news-block-one{margin-bottom:24px}
.ba-side{position:sticky;top:100px}
.ba-box{background:#fff;border:1px solid #e3e8f0;border-radius:14px;padding:22px 22px 18px;margin-bottom:22px}
.ba-box h2.mn-ttl,.ba-box h3.ba-box-h{font-size:17px;font-weight:600;color:#354860;margin:0 0 14px}
.ba-toc{list-style:none;margin:0;padding:0}
.ba-toc li{margin:0}
.ba-toc a{display:block;padding:7px 0 7px 14px;border-left:2px solid #e3e8f0;font-size:14px;line-height:1.5;color:#6b7685;text-decoration:none;transition:.2s}
.ba-toc a:hover,.ba-toc a.is-on{border-color:#00a8e1;color:#00a8e1}
.ba-recent a.ba-r{display:flex;gap:12px;align-items:center;padding:9px 0;text-decoration:none}
.ba-recent a.ba-r+a.ba-r{border-top:1px solid #eef1f6}
.ba-recent .ba-th{flex:0 0 76px;height:56px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,var(--c1,#354860),var(--c2,#00a8e1))}
.ba-recent .ba-th img{width:100%;height:100%;object-fit:cover;display:block}
.ba-recent h3{font-size:14px;line-height:1.45;font-weight:500;color:#354860;margin:0}
.ba-recent a.ba-r:hover h3{color:#00a8e1}
.ba-contact p{font-size:14px;line-height:1.7;color:#6b7685;margin:0 0 14px}
.ba-contact .tb-btn{display:block;text-align:center;text-decoration:none;padding:12px 18px;font-size:14px}
@media(max-width:991px){.ba-side{position:static;margin-top:30px}.ba-toc-box{display:none}.ba .blog-desc h2{font-size:25px}}
.ba .single-blog-post h1.b-lg-tt-d{color:#354860}