/* Sunucun Blog — açık teknik rehber tasarımı (Genz üstü katman) */

:root,
[data-bs-theme="light"] {
  --sbd-bg: #ffffff;
  --sbd-surface: #f4f7fb;
  --sbd-surface-2: #eaf0f7;
  --sbd-line: #dfe6ef;
  --sbd-ink: #142033;
  --sbd-ink-2: #3a4a61;
  --sbd-muted: #637189;
  --sbd-accent: #0a66c2;
  --sbd-accent-ink: #084f97;
  --sbd-brand: #17a6dc;
  --sbd-brand-soft: #e3f4fb;
  --sbd-code-bg: #0f1a2b;
  --sbd-code-ink: #e6edf7;
  --sbd-radius: 12px;
  --sbd-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --sbd-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;

  /* Genz değişkenleri açık paletle eşlenir */
  --genz-font-heading: var(--sbd-font);
  --genz-font-text: var(--sbd-font);
  --genz-color-white: var(--sbd-ink);
  --genz-color-gray-100: var(--sbd-brand);
  --genz-color-gray-200: var(--sbd-muted);
  --genz-color-gray-300: var(--sbd-muted);
  --genz-color-gray-400: var(--sbd-muted);
  --genz-color-gray-500: var(--sbd-ink-2);
  --genz-color-gray-600: var(--sbd-muted);
  --genz-color-gray-700: var(--sbd-ink-2);
  --genz-color-gray-800: var(--sbd-line);
  --genz-color-gray-850: var(--sbd-surface);
  --genz-color-gray-900: var(--sbd-bg);
  --genz-color-gray-950: var(--sbd-bg);
}

body.sbd {
  background: var(--sbd-bg);
  color: var(--sbd-ink);
  font-family: var(--sbd-font);
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
body.sbd h1, body.sbd h2, body.sbd h3, body.sbd h4, body.sbd h5, body.sbd h6 {
  font-family: var(--sbd-font);
  color: var(--sbd-ink);
  letter-spacing: -0.01em;
  text-wrap: balance;
}
body.sbd a { color: var(--sbd-accent); }
body.sbd a:hover { color: var(--sbd-accent-ink); }
body.sbd :focus-visible { outline: 3px solid var(--sbd-brand); outline-offset: 2px; border-radius: 4px; }
body.sbd .color-linear,
body.sbd .text-linear {
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  color: var(--sbd-ink) !important;
}

/* Önyükleyici ve animasyon gecikmesi içerik görünürlüğünü geciktirmesin */
body.sbd #preloader-active { display: none !important; }
body.sbd .wow { visibility: visible !important; animation: none !important; }

/* Üst bar */
body.sbd .header,
body.sbd .header.bg-gray-900,
body.sbd .header.sticky-bar {
  background: rgba(255, 255, 255, .94) !important;
  backdrop-filter: saturate(1.4) blur(8px);
  border-bottom: 1px solid var(--sbd-line);
  box-shadow: none;
}
body.sbd .header .main-menu li a,
body.sbd .header .header-nav a { color: var(--sbd-ink-2); font-weight: 500; }
body.sbd .header .main-menu li a:hover { color: var(--sbd-accent); }
body.sbd .header .btn-linear {
  background: var(--sbd-brand) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 10px;
  font-weight: 600;
  min-height: 42px;
}
body.sbd .header .burger-icon > span,
body.sbd .header .burger-icon > span::before,
body.sbd .header .burger-icon > span::after { background-color: var(--sbd-ink) !important; }
body.sbd .mobile-header-wrapper-style { background: var(--sbd-bg) !important; }

/* ---------- Tek yazı ---------- */
.sbd-main { padding-block: 84px 64px; }
@media (max-width: 991px) { .sbd-main { padding-top: 84px; } }
body.sbd .header .btn-search { filter: invert(.75) sepia(.2) hue-rotate(180deg); }
.sbd-wrap {
  max-width: 1240px;
  margin: 0 auto;
  padding-left: max(16px, env(safe-area-inset-left, 0px));
  padding-right: max(16px, env(safe-area-inset-right, 0px));
}
.sbd-crumbs ul.breadcrumb {
  display: flex; flex-wrap: wrap; gap: 4px 0; margin: 0; padding: 0; list-style: none;
  font-size: 13.5px; color: var(--sbd-muted); background: none;
}
.sbd-crumbs ul.breadcrumb li { display: inline-flex; align-items: center; }
.sbd-crumbs ul.breadcrumb li + li::before { content: "/"; margin: 0 8px; color: var(--sbd-line); padding: 0; }
.sbd-crumbs a { color: var(--sbd-muted) !important; text-decoration: none; }
.sbd-crumbs a:hover { color: var(--sbd-accent) !important; }
.sbd-crumbs .bread-current { color: var(--sbd-ink-2); }

.sbd-head { padding-block: 22px 26px; border-bottom: 1px solid var(--sbd-line); margin-bottom: 32px; }
.sbd-cats { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0 0 14px; padding: 0; }
.sbd-cats a {
  display: inline-block; padding: 4px 11px; border-radius: 999px;
  background: var(--sbd-brand-soft); color: var(--sbd-accent-ink) !important;
  font-size: 12.5px; font-weight: 600; letter-spacing: .02em; text-decoration: none;
}
.sbd-title {
  font-size: clamp(28px, 3.4vw, 42px) !important;
  line-height: 1.18 !important;
  font-weight: 700 !important;
  margin: 0 0 12px;
  max-width: 30ch;
}
.sbd-meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; color: var(--sbd-muted); font-size: 14px; }

.sbd-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 48px; }
@media (min-width: 992px) {
  .sbd-grid { grid-template-columns: minmax(0, 1fr) 300px; }
}
.sbd-article { min-width: 0; }

/* Okuma tipografisi */
.sbd-content { max-width: 74ch; font-size: 17px; line-height: 1.75; color: var(--sbd-ink-2); border: 0 !important; padding: 0 !important; background: none !important; }
.sbd-content > * + * { margin-top: 1.1em; }
.sbd-content p, .sbd-content li { color: var(--sbd-ink-2) !important; font-size: 17px !important; line-height: 1.75 !important; }
.sbd-content h2 { font-size: 27px !important; line-height: 1.3 !important; font-weight: 700 !important; margin: 2em 0 .6em !important; padding-top: .2em; scroll-margin-top: 90px; }
.sbd-content h3 { font-size: 21px !important; line-height: 1.35 !important; font-weight: 650 !important; margin: 1.7em 0 .5em !important; scroll-margin-top: 90px; }
.sbd-content h4 { font-size: 18px !important; font-weight: 650 !important; margin: 1.5em 0 .4em !important; }
.sbd-content h2 *, .sbd-content h3 *, .sbd-content h4 * { color: inherit !important; font-size: inherit !important; }
.sbd-content a { color: var(--sbd-accent) !important; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.sbd-content strong, .sbd-content b { color: var(--sbd-ink); }
.sbd-content ul, .sbd-content ol { padding-left: 1.4em; }
.sbd-content li + li { margin-top: .35em; }
.sbd-content img { max-width: 100%; height: auto; border-radius: 10px; }
.sbd-content figure { margin-inline: 0; }
.sbd-content figcaption { font-size: 14px; color: var(--sbd-muted); text-align: center; margin-top: 8px; }
.sbd-content blockquote {
  margin: 1.6em 0; padding: 14px 18px; border-left: 4px solid var(--sbd-brand);
  background: var(--sbd-surface); border-radius: 0 10px 10px 0; color: var(--sbd-ink-2);
}
.sbd-content hr { border: 0; border-top: 1px solid var(--sbd-line); margin: 2.2em 0; }

/* Kod ve terminal */
.sbd-content code, .sbd-content kbd {
  font-family: var(--sbd-mono); font-size: .88em;
  background: var(--sbd-surface-2); color: #b0216b; padding: .12em .38em; border-radius: 5px;
}
.sbd-content pre {
  position: relative;
  background: var(--sbd-code-bg) !important; color: var(--sbd-code-ink) !important;
  font-family: var(--sbd-mono); font-size: 14.5px; line-height: 1.6;
  padding: 18px 20px; border-radius: var(--sbd-radius); overflow-x: auto;
  border: 1px solid #1d2b42; white-space: pre; tab-size: 4;
}
.sbd-content pre code { background: none; color: inherit; padding: 0; font-size: inherit; }
.sbd-copy {
  position: absolute; top: 8px; right: 8px; min-height: 32px; padding: 4px 10px;
  font: 600 12px/1 var(--sbd-font); color: #cfe0f5; background: #1c2a40;
  border: 1px solid #2c3d58; border-radius: 7px; cursor: pointer;
}
.sbd-copy:hover { background: #24364f; }

/* Tablolar */
.sbd-content table {
  display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; font-size: 15px;
  border: 1px solid var(--sbd-line); border-radius: var(--sbd-radius);
}
.sbd-content th, .sbd-content td { padding: 10px 14px; border-bottom: 1px solid var(--sbd-line); text-align: left; vertical-align: top; color: var(--sbd-ink-2); }
.sbd-content thead th, .sbd-content tr:first-child th { background: var(--sbd-surface); color: var(--sbd-ink); font-weight: 600; }
.sbd-content tr:last-child td { border-bottom: 0; }

/* İçindekiler (Easy TOC) */
.sbd-content #ez-toc-container,
.sbd-content .ez-toc-v2_0_89 {
  width: 100% !important; max-width: 100%;
  background: var(--sbd-surface) !important; border: 1px solid var(--sbd-line) !important;
  border-radius: var(--sbd-radius); box-shadow: none !important; padding: 16px 20px !important;
}
.sbd-content #ez-toc-container .ez-toc-title { color: var(--sbd-ink) !important; font-weight: 700; font-size: 16px !important; }
.sbd-content #ez-toc-container a { color: var(--sbd-ink-2) !important; text-decoration: none; font-size: 15px; }
.sbd-content #ez-toc-container a:hover { color: var(--sbd-accent) !important; }
.sbd-content #ez-toc-container li { font-size: 15px !important; margin: .2em 0; }

/* Etiketler ve ilgili yazılar */
.sbd-tags { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 40px 0 0; max-width: 74ch; }
.sbd-tags a {
  display: inline-block; padding: 6px 12px; border: 1px solid var(--sbd-line); border-radius: 8px;
  color: var(--sbd-ink-2) !important; font-size: 14px; text-decoration: none; background: var(--sbd-bg);
}
.sbd-tags a:hover { border-color: var(--sbd-accent); color: var(--sbd-accent) !important; }
.sbd-related { margin-top: 48px; padding-top: 28px; border-top: 1px solid var(--sbd-line); }
.sbd-related h2 { font-size: 22px; margin: 0 0 18px; }
.sbd-related ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); }
.sbd-related a {
  display: flex; flex-direction: column; gap: 10px; height: 100%; text-decoration: none;
  border: 1px solid var(--sbd-line); border-radius: var(--sbd-radius); overflow: hidden; background: var(--sbd-bg);
  transition: border-color .15s, box-shadow .15s;
}
.sbd-related a:hover { border-color: #b9cbe2; box-shadow: 0 6px 18px rgba(20, 32, 51, .07); }
.sbd-related img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
.sbd-related span { padding: 0 14px 14px; font-weight: 600; color: var(--sbd-ink); line-height: 1.4; font-size: 15.5px; }

/* Sağ ray */
.sbd-rail { min-width: 0; display: flex; flex-direction: column; gap: 20px; }
.sbd-widgets .box-sidebar {
  background: var(--sbd-surface) !important; border: 1px solid var(--sbd-line) !important;
  border-radius: var(--sbd-radius) !important; padding: 18px !important; margin: 0 0 20px !important;
}
.sbd-widgets .box-sidebar:empty, .sbd-rail #block-214 { display: none; }
.sbd-widgets .head-sidebar h3 { font-size: 15px !important; font-weight: 700; text-transform: none; margin: 0 0 12px; color: var(--sbd-ink); }
.sbd-widgets .line-bottom::before, .sbd-widgets .line-bottom::after { display: none !important; }
.sbd-widgets .wp-block-categories-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.sbd-widgets .wp-block-categories-list li { display: block; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; width: auto !important; }
.sbd-widgets .wp-block-categories-list a { text-decoration: none; display: inline-block; padding: 4px 9px 4px 4px; border-radius: 999px; background: var(--sbd-bg); border: 1px solid var(--sbd-line); }
.sbd-widgets .wp-block-categories-list h3 { font-size: 13px !important; margin: 0; font-weight: 500; color: var(--sbd-ink-2); }
.sbd-widgets .wp-block-categories-list img { width: 22px; height: 22px; }
.sbd-widgets .wp-block-latest-posts__list { list-style: none; margin: 0; padding: 0; }
.sbd-widgets .wp-block-latest-posts__list li { display: flex; gap: 10px; align-items: center; padding: 8px 0; border-top: 1px solid var(--sbd-line); }
.sbd-widgets .wp-block-latest-posts__list li:first-child { border-top: 0; padding-top: 0; }
.sbd-widgets .wp-block-latest-posts__featured-image { margin: 0 !important; flex: none; }
.sbd-widgets .wp-block-latest-posts__featured-image img { width: 48px; height: 48px; border-radius: 8px; object-fit: cover; }
.sbd-widgets .wp-block-latest-posts__post-title { color: var(--sbd-ink) !important; font-size: 14px; font-weight: 600; line-height: 1.35; text-decoration: none; }
.sbd-widgets .wp-block-tag-cloud a { font-size: 13px !important; color: var(--sbd-ink-2) !important; text-decoration: none; }


/* ---------- Liste/kategori/ana sayfa kartları ---------- */
body.sbd .card-style-1, body.sbd .card-list-posts, body.sbd .card-blog-1,
body.sbd .box-sidebar, body.sbd .footer-1, body.sbd .card-style-2 {
  background: var(--sbd-bg) !important;
  border-color: var(--sbd-line) !important;
}
body.sbd .card-list-posts, body.sbd .card-style-1 { border-radius: var(--sbd-radius) !important; }
body.sbd .card-list-posts:hover, body.sbd .card-style-1:hover { box-shadow: 0 8px 22px rgba(20, 32, 51, .08); }
body.sbd .bg-gray-850 { background-color: var(--sbd-surface) !important; }
body.sbd .bg-gray-900, body.sbd .bg-gray-950 { background-color: var(--sbd-bg) !important; }
body.sbd .border-gray-800 { border-color: var(--sbd-line) !important; }
body.sbd .color-white, body.sbd .color-gray-50 { color: var(--sbd-ink) !important; }
body.sbd .color-gray-500, body.sbd .color-gray-600, body.sbd .color-gray-700 { color: var(--sbd-muted) !important; }
body.sbd .btn-linear, body.sbd .btn.btn-linear {
  background: var(--sbd-brand) !important; color: #fff !important; border-radius: 10px; font-weight: 600;
}
body.sbd .cover-home1, body.sbd .cover-home3 { background: none !important; }
body.sbd .cover-home1::before, body.sbd .cover-home3::before,
body.sbd .cover-home1::after, body.sbd .cover-home3::after { display: none !important; }

/* Altbilgi */
body.sbd .footer .footer-1 { background: var(--sbd-surface) !important; border: 1px solid var(--sbd-line) !important; border-radius: 16px; }
body.sbd .footer, body.sbd .footer a, body.sbd .footer p, body.sbd .footer li { color: var(--sbd-ink-2) !important; }
body.sbd .footer a:hover { color: var(--sbd-accent) !important; }

@media (prefers-reduced-motion: reduce) {
  body.sbd *, body.sbd *::before, body.sbd *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

@media print {
  .sbd-rail, .header, .footer, .sbd-related { display: none !important; }
  .sbd-grid { display: block; }
}

/* Kenar çubuğu başlıkları (tüm şablonlar) */
body.sbd .head-sidebar h3,
body.sbd .head-sidebar .line-bottom { font-size: 17px !important; font-weight: 700 !important; color: var(--sbd-ink) !important; -webkit-text-fill-color: currentColor !important; background: none !important; margin: 0 0 12px !important; }
body.sbd .head-sidebar .line-bottom::before,
body.sbd .head-sidebar .line-bottom::after { display: none !important; }
/* Tablolar: eski koyu tema arka planlarını sıfırla (okunurluk) */
.sbd-content table,
.sbd-content thead, .sbd-content tbody, .sbd-content tfoot,
.sbd-content tr, .sbd-content th, .sbd-content td,
.sbd-content .wp-block-table, .sbd-content figure.wp-block-table {
  --bs-table-bg: transparent; --bs-table-color: var(--sbd-ink-2); --bs-table-striped-bg: transparent;
  background-color: transparent !important; background-image: none !important;
  color: var(--sbd-ink-2) !important; border-color: var(--sbd-line) !important;
}
.sbd-content table { background-color: var(--sbd-bg) !important; }
.sbd-content th, .sbd-content thead td { background-color: var(--sbd-surface) !important; color: var(--sbd-ink) !important; font-weight: 600; }
.sbd-content tbody tr:nth-child(even) td { background-color: #f8fafd !important; }
.sbd-content td *, .sbd-content th * { color: inherit !important; background: none !important; }
.sbd-content td a, .sbd-content th a { color: var(--sbd-accent) !important; }
.sbd-content .wp-block-table { margin-inline: 0; overflow-x: auto; }
.sbd-content .wp-block-table table { margin: 0; }

/* Boşluklar: boş paragraf/satır sonu yığınları */
.sbd-content p:empty, .sbd-content div:empty:not([class]), .sbd-content > br { display: none; }
.sbd-content br + br { display: none; }

/* İçerik içi satır içi renk/boyut kalıntıları */
.sbd-content [style*="color"]:not(a):not(code):not(pre) { color: inherit !important; }
.sbd-content [style*="background"]:not(table):not(pre):not(code) { background: none !important; }
.sbd-content [style*="font-family"] { font-family: inherit !important; }
.sbd-content span[style*="font-size"], .sbd-content p[style*="font-size"] { font-size: inherit !important; }
.sbd-content .has-text-color:not(a) { color: inherit !important; }
.sbd-content .has-background { background: var(--sbd-surface) !important; color: var(--sbd-ink-2) !important; border-radius: 10px; padding: 14px 18px; }

/* Görseller: satır içi sabit genişlik/yükseklik bozulmasın */
.sbd-content img[style] { max-width: 100% !important; height: auto !important; }
.sbd-content iframe { max-width: 100%; }

/* Başlık içindeki <strong> kalınlık/renk tutarlılığı */
.sbd-content h2 strong, .sbd-content h3 strong, .sbd-content h4 strong { font-weight: inherit; }

/* Kod blokları (Gutenberg) */
.sbd-content .wp-block-code { background: var(--sbd-code-bg) !important; border-radius: var(--sbd-radius); border: 1px solid #1d2b42; padding: 0; }
.sbd-content .wp-block-code code { display: block; padding: 18px 20px; color: var(--sbd-code-ink) !important; background: none !important; white-space: pre; overflow-x: auto; font-size: 14.5px; }
/* Bootstrap çizgili tablo: renk box-shadow ile boyanıyor */
.sbd-content table > :not(caption) > * > *,
.sbd-content .table > :not(caption) > * > *,
.sbd-content .table-striped > tbody > tr > *,
.sbd-content table td, .sbd-content table th {
  --bs-table-accent-bg: transparent; --bs-table-bg-type: transparent; --bs-table-bg-state: transparent;
  box-shadow: none !important;
}
/* Sticky ray: Genz sarmalayıcısındaki overflow-x:hidden kaydırma kabı oluşturup sticky'yi bozuyordu */
body.sbd .overflow-x-hidden { overflow-x: clip !important; }
@media (max-width: 991px) { .sbd-rail { display: none; } }

/* Yazı altı: kategoriler / popüler / etiketler */
.sbd-widgets { margin-top: 48px; padding-top: 28px; border-top: 1px solid var(--sbd-line); display: grid; gap: 20px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 760px) { .sbd-widgets { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sbd-widgets .widget_categories { grid-column: 1 / -1; } }
.sbd-widgets .box-sidebar { margin: 0 !important; }
body.sbd { overflow-x: clip !important; overflow-y: visible !important; }
html:has(body.sbd) { overflow-x: clip; }

.sbd-content > :first-child { margin-top: 0 !important; }
.sbd-head { margin-bottom: 26px; }

/* Ana sayfa giriş (banner): Genz'in üst üste binen 100px + 90px üst boşluğu */
body.sbd .banner { padding-top: 28px !important; }
body.sbd .banner .pt-90 { padding-top: 20px !important; }
@media (max-width: 991px) { body.sbd .banner { padding-top: 12px !important; } body.sbd .banner .pt-90 { padding-top: 8px !important; } }

/* Üst menü: 7 öğe tek satıra sığsın */
body.sbd .header .main-menu { flex-wrap: nowrap; white-space: nowrap; }
body.sbd .header .main-menu > li > a { padding: 23px 12px !important; font-size: 15px !important; }
@media (max-width: 1399px) { body.sbd .header .main-menu > li > a { padding: 23px 9px !important; font-size: 14.5px !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .sbd-grid { grid-template-columns: minmax(0, 1fr) 280px; gap: 32px; } }

/* 992–1279 px: eklenen 4 kategori menüde gizlenir (Kategoriler açılır listesinde mevcut), menü tek satır kalır */
@media (max-width: 1279px) { body.sbd .header .main-menu > #menu-item-21503, body.sbd .header .main-menu > #menu-item-21504, body.sbd .header .main-menu > #menu-item-21505, body.sbd .header .main-menu > #menu-item-21506 { display: none !important; } }

/* Ana sayfa kategori kaydırıcısı: yazı görselin altında, koyu katman yok */
body.sbd .cat-sliders-sec .card-style-1 { background: #fff !important; border: 1px solid var(--sbd-line) !important; border-radius: 14px !important; overflow: hidden; transition: box-shadow .2s, transform .2s; }
body.sbd .cat-sliders-sec .card-style-1:hover { box-shadow: 0 10px 24px rgba(20, 32, 51, .1); transform: translateY(-2px); }
body.sbd .cat-sliders-sec .card-style-1 .card-image { height: auto !important; }
body.sbd .cat-sliders-sec .card-style-1 .card-image img { width: 100%; height: auto !important; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 0 !important; }
body.sbd .cat-sliders-sec .card-style-1 .card-info { position: static !important; background: none !important; padding: 10px 12px 12px !important; height: auto !important; }
body.sbd .cat-sliders-sec .card-style-1 .info-bottom { position: static !important; padding: 0 !important; }
body.sbd .cat-sliders-sec .card-style-1 h6 { color: var(--sbd-ink) !important; font-size: 15px !important; font-weight: 700; margin: 0 0 2px !important; line-height: 1.3; }
body.sbd .cat-sliders-sec .card-style-1 p { color: var(--sbd-muted) !important; font-size: 12.5px !important; margin: 0; }
body.sbd .cat-sliders-sec .swiper-button-prev, body.sbd .cat-sliders-sec .swiper-button-next { background: #fff !important; color: var(--sbd-ink) !important; border: 1px solid var(--sbd-line); box-shadow: 0 4px 12px rgba(20,32,51,.08); }

/* Kategori listesi simgeleri (yeni SVG set) */
body.sbd .wp-block-categories-list img, body.sbd .widget_categories img { background: #e6effc; }
/* Yeni animasyonlu görseller: her kapta oranı korunur (16:9), taşma/uzama yok */
body.sbd img.sbd-art { display: block; width: 100% !important; max-width: 100%; height: auto !important; aspect-ratio: 16 / 9; object-fit: cover; background: #eaf3ff; }
body.sbd .card-image:has(img.sbd-art), body.sbd .post-thumb:has(img.sbd-art), body.sbd .card-thumb:has(img.sbd-art) { height: auto !important; }
body.sbd .sbd-content img.sbd-art { border-radius: 12px; margin: 1.4em 0; }
body.sbd .wp-block-latest-posts__featured-image img.sbd-art { width: 56px !important; height: 56px !important; aspect-ratio: 1 / 1; border-radius: 10px; }
/* ================= HEADER (kurumsal) ================= */
body.sbd .header { height: auto; padding: 0 !important; }
body.sbd .header > .container { max-width: 1240px; padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
body.sbd .header .main-header { min-height: 72px; display: flex; align-items: center; gap: 24px; padding: 0 !important; }
body.sbd .header .header-logo img { max-height: 40px; width: auto; }
body.sbd .header .header-nav { flex: 1; display: flex; justify-content: center; }
body.sbd .header .main-menu > li > a { position: relative; color: var(--sbd-ink-2) !important; font-weight: 600 !important; padding: 25px 12px !important; }
body.sbd .header .main-menu > li > a::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 16px; height: 2px; border-radius: 2px; background: #0d5bd7; transform: scaleX(0); transform-origin: left; transition: transform .2s ease; }
body.sbd .header .main-menu > li:hover > a, body.sbd .header .main-menu > li.current-menu-item > a { color: #0d5bd7 !important; }
body.sbd .header .main-menu > li:hover > a::after, body.sbd .header .main-menu > li.current-menu-item > a::after { transform: scaleX(1); }
/* Açılır menü kartı */
body.sbd .header .main-menu .sub-menu { background: #fff !important; border: 1px solid var(--sbd-line) !important; border-radius: 14px !important; box-shadow: 0 18px 40px rgba(11, 31, 63, .12) !important; padding: 8px !important; min-width: 230px; }
body.sbd .header .main-menu .sub-menu li a { display: block; padding: 9px 12px !important; border-radius: 8px; color: var(--sbd-ink-2) !important; font-size: 14.5px !important; font-weight: 500; }
body.sbd .header .main-menu .sub-menu li a:hover { background: #eef4fd !important; color: #0d5bd7 !important; padding-left: 12px !important; }
body.sbd .header .main-menu .sub-menu .sub-menu { margin-left: 4px; }
/* Sağ alan */
body.sbd .header .header-right { display: flex; align-items: center; gap: 12px; flex-wrap: nowrap !important; }
body.sbd .header .btn-search { width: 42px; height: 42px; border-radius: 50%; border: 1px solid var(--sbd-line) !important; background-color: #fff !important; background-position: center !important; filter: none !important; }
body.sbd .header .btn-search:hover { border-color: #0d5bd7 !important; }
body.sbd .header .btn-linear { background: #0d5bd7 !important; color: #fff !important; border-radius: 10px !important; min-height: 44px; padding: 11px 18px !important; font-weight: 650 !important; box-shadow: 0 6px 16px rgba(13, 91, 215, .22); transform: none !important; }
body.sbd .header .btn-linear:hover { background: #0a47a8 !important; }
body.sbd .header .form-search { border-radius: 12px; border: 1px solid var(--sbd-line); box-shadow: 0 18px 40px rgba(11, 31, 63, .12); background: #fff !important; }
body.sbd .header .form-search .form-control { border-radius: 10px; border: 1px solid var(--sbd-line); background: #fff; color: var(--sbd-ink); }
@media (max-width: 991px) {
  body.sbd .header .main-header { min-height: 64px; }
  body.sbd .header .header-logo img { max-height: 34px; }
  body.sbd .header .btn-linear { display: none !important; }
}
/* Mobil çekmece menü */
body.sbd .mobile-header-wrapper-style { background: #fff !important; box-shadow: -10px 0 30px rgba(11, 31, 63, .15); }
body.sbd .mobile-header-wrapper-style a { color: var(--sbd-ink) !important; }
body.sbd .mobile-header-wrapper-style .mobile-menu li { border-bottom: 1px solid var(--sbd-line); }
body.sbd .mobile-header-wrapper-style .mobile-menu li a { display: block; padding: 12px 4px !important; font-size: 16px !important; font-weight: 600; }
body.sbd .mobile-header-wrapper-style .sub-menu li a { font-weight: 500; font-size: 15px !important; color: var(--sbd-ink-2) !important; }

/* ================= FOOTER (kurumsal koyu) ================= */
body.sbd .footer { background: #0b1f3f !important; margin-top: 56px; padding: 0 !important; color: #c7d4ea !important; }
body.sbd .footer > .container { max-width: 1240px; padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
body.sbd .footer .footer-1 { background: transparent !important; border: 0 !important; border-radius: 0 !important; padding: 56px 0 28px !important; margin: 0 !important; }
body.sbd .footer .footer-1 > .row { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.6fr) minmax(0, 1.6fr); gap: 40px; margin: 0; }
body.sbd .footer .footer-1 > .row > [class*="col-"] { width: auto; max-width: none; padding: 0; margin: 0 !important; }
body.sbd .footer .wp-block-columns { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px !important; margin: 0 !important; }
body.sbd .footer .wp-block-column { min-width: 0; }
body.sbd .footer h1, body.sbd .footer h2, body.sbd .footer h3, body.sbd .footer h4, body.sbd .footer h5, body.sbd .footer h6,
body.sbd .footer strong, body.sbd .footer .wp-block-heading { color: #fff !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: .08em; text-transform: uppercase; margin: 0 0 14px !important; }
body.sbd .footer p, body.sbd .footer li, body.sbd .footer a { color: #c7d4ea !important; font-size: 14.5px !important; line-height: 1.55 !important; }
body.sbd .footer ul { list-style: none; margin: 0 0 22px !important; padding: 0 !important; }
body.sbd .footer li { margin: 0 0 9px !important; padding: 0 !important; }
body.sbd .footer a { text-decoration: none !important; transition: color .15s; }
body.sbd .footer a:hover { color: #fff !important; }
body.sbd .footer p { margin: 0 0 12px !important; }
body.sbd .footer .about-widget p:last-child { color: #9fb0ca !important; font-size: 13.5px !important; }
/* Koyu zeminde açık logo */
body.sbd .footer .logo-white-mode { display: none !important; }
body.sbd .footer .logo-dark-mode { display: block !important; margin-bottom: 14px !important; }
body.sbd .footer .logo-dark-mode img { width: 150px !important; height: auto !important; }
/* Alt şerit (telif, sosyal) */
body.sbd .footer .footer-bottom, body.sbd .footer .copyright, body.sbd .footer .footer-2 { background: transparent !important; border: 0 !important; border-top: 1px solid rgba(255, 255, 255, .12) !important; border-radius: 0 !important; padding: 18px 0 24px !important; color: #9fb0ca !important; }
body.sbd .footer .box-socials a, body.sbd .footer .social-icons a { width: 36px; height: 36px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, .08); }
body.sbd .footer svg { color: #c7d4ea; fill: currentColor; }
@media (max-width: 991px) {
  body.sbd .footer .footer-1 > .row { grid-template-columns: minmax(0, 1fr); gap: 32px; }
}
@media (max-width: 480px) {
  body.sbd .footer .wp-block-columns { gap: 18px !important; }
  body.sbd .footer .footer-1 { padding-top: 40px !important; }
}
/* Yazı altı: boş bileşen kutularını gizle */
.sbd-widgets #block-214, .sbd-widgets .box-sidebar:not(:has(a)) { display: none !important; }

/* Logo: yüksek çözünürlüklü koyu logo, dengeli boyut */
body.sbd .header .header-logo img.logo-dark { height: 42px !important; max-height: none; width: auto !important; }
@media (max-width: 991px) { body.sbd .header .header-logo img.logo-dark { height: 34px !important; } }
body.sbd .mobile-logo img { height: 34px !important; width: auto !important; }

/* Ana sayfa: yalnız 2 etiket gösteren 'popüler etiketler' bileşeni gizlenir */
body.sbd.home .elementor-widget-genz_post_tags { display: none !important; }

/* Kategori bölümü: düz, sade zemin (gradyan yok) */
body.sbd .cat-sliders-sec, body.sbd .cat-sliders-sec > .elementor-widget-container, body.sbd .cat-sliders-sec .swiper, body.sbd .cat-sliders-sec .box-swiper, body.sbd .cat-sliders-sec [class*='bg-'] { background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; }
body.sbd .cat-sliders-sec .card-style-1 .card-image { background: #f2f6fc !important; }

/* Kaydırıcı okları: görünür simge, yuvarlak düğme */
body.sbd .cat-sliders-sec [class*='swiper-button'] { width: 40px !important; height: 40px !important; border-radius: 50% !important; display: flex !important; align-items: center; justify-content: center; }
body.sbd .cat-sliders-sec [class*='swiper-button'] i, body.sbd .cat-sliders-sec [class*='swiper-button'] svg, body.sbd .cat-sliders-sec [class*='swiper-button']::after { color: #0b1f3f !important; fill: #0b1f3f !important; font-size: 16px !important; opacity: 1 !important; }

body.sbd .cat-sliders-sec [class*='swiper-button'] > * { display: none !important; }
body.sbd .cat-sliders-sec [class*='swiper-button-prev']::before, body.sbd .cat-sliders-sec [class*='swiper-button-next']::before { content: ''; width: 10px; height: 10px; border-top: 2.5px solid #0b1f3f; border-right: 2.5px solid #0b1f3f; display: block; }
body.sbd .cat-sliders-sec [class*='swiper-button-prev']::before { transform: rotate(-135deg); margin-left: 4px; }
body.sbd .cat-sliders-sec [class*='swiper-button-next']::before { transform: rotate(45deg); margin-right: 4px; }
body.sbd .cat-sliders-sec [class*='swiper-button']::after { display: none !important; }

/* 'Popular Tags' kenar bileşeni kaldırıldı (sahibin isteği) */
body.sbd #block-209, body.sbd .widget_tag_cloud, body.sbd .box-sidebar:has(.wp-block-tag-cloud) { display: none !important; }

/* Boş kenar bileşeni (block-214) her yerde gizli */
body.sbd #block-214 { display: none !important; }

/* Liste kartları: okuma süresi tek satır, kategori ile yan yana */
body.sbd .card-blog-1 .card-info > .row { display: flex; flex-wrap: nowrap; gap: 8px; }
body.sbd .card-blog-1 .card-info > .row > [class*='col-'] { width: auto; max-width: none; flex: 1 1 auto; padding: 0; }
body.sbd .card-blog-1 .card-info .text-end { flex: 0 0 auto !important; white-space: nowrap; font-size: 12.5px; color: var(--sbd-muted); }

/* Yazı altı / kenar: Kategoriler ve Popüler Konular — sade, düzenli */
body.sbd .widget_categories::before, body.sbd #block-216::before { content: "Kategoriler"; display: block; font-size: 17px; font-weight: 700; color: var(--sbd-ink); margin: 0 0 12px; }
body.sbd .wp-block-categories-list .sbd-cat-name { font-size: 13.5px; font-weight: 600; color: var(--sbd-ink-2); }
body.sbd .wp-block-categories-list a > div { display: inline-flex !important; flex-direction: row !important; align-items: center; gap: 7px !important; }
body.sbd .wp-block-categories-list a:hover .sbd-cat-name { color: #0d5bd7; }
body.sbd .wp-block-categories-list img { width: 22px !important; height: 22px !important; border-radius: 50%; }
body.sbd .wp-block-latest-posts__list li { align-items: center; }
body.sbd .wp-block-latest-posts__featured-image img { width: 64px !important; height: 40px !important; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 8px; }
/* ===== Kategori / etiket / arama başlığı (tüm arşivler) ===== */
body.sbd:is(.archive, .search) .row.align-items-end.mt-50 { display: flex; flex-direction: column; align-items: flex-start !important; margin-top: 24px !important; gap: 0; }
body.sbd:is(.archive, .search) .row.align-items-end.mt-50 > [class*="col-"] { width: 100%; max-width: 100%; padding: 0; margin: 0 !important; }
body.sbd:is(.archive, .search) .row.align-items-end.mt-50 > .col-lg-5 { order: -1; text-align: left !important; margin-bottom: 14px !important; }
body.sbd:is(.archive, .search) .row.align-items-end.mt-50 .d-inline-block.position-relative { display: flex !important; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 12px; }
body.sbd:is(.archive, .search) .row.align-items-end.mt-50 h1 { font-size: clamp(30px, 3.6vw, 44px) !important; line-height: 1.15 !important; font-weight: 800 !important; margin: 0 !important; color: var(--sbd-ink) !important; }
body.sbd:is(.archive, .search) .sticky-badge { position: static !important; inset: auto !important; transform: none !important; display: inline-flex; align-items: center; min-height: 0; padding: 5px 12px !important; border-radius: 999px !important; background: #eef4fd !important; color: #0d5bd7 !important; font-size: 13px !important; font-weight: 650 !important; box-shadow: none !important; border: 0 !important; width: auto !important; height: auto !important; }
body.sbd:is(.archive, .search) .row.align-items-end.mt-50 .col-lg-7 > p { max-width: 72ch; font-size: 16.5px !important; line-height: 1.65 !important; color: var(--sbd-muted) !important; margin: 0 !important; }
/* Sayfa yolu: yazı sayfalarıyla aynı görünüm */
body.sbd:is(.archive, .search) .box-breadcrumbs { background: none !important; padding: 0 !important; border: 0 !important; }
body.sbd:is(.archive, .search) .box-breadcrumbs .breadcrumb { display: flex; flex-wrap: wrap; align-items: center; margin: 0; padding: 0; background: none; font-size: 13.5px; list-style: none; }
body.sbd:is(.archive, .search) .box-breadcrumbs .breadcrumb li { display: inline-flex; align-items: center; padding: 0 !important; background: none !important; }
body.sbd:is(.archive, .search) .box-breadcrumbs .breadcrumb li + li::before { content: "/" !important; display: inline !important; float: none !important; margin: 0 8px !important; padding: 0 !important; color: #b8c4d6 !important; background: none !important; width: auto !important; height: auto !important; }
body.sbd:is(.archive, .search) .box-breadcrumbs .breadcrumb li::after { display: none !important; }
body.sbd:is(.archive, .search) .box-breadcrumbs a.home { background: none !important; padding: 0 !important; color: var(--sbd-muted) !important; font-weight: 500; }
body.sbd:is(.archive, .search) .box-breadcrumbs a.home::before, body.sbd:is(.archive, .search) .box-breadcrumbs a.home::after { display: none !important; content: none !important; }
body.sbd:is(.archive, .search) .box-breadcrumbs a:hover { color: #0d5bd7 !important; }
body.sbd:is(.archive, .search) .box-breadcrumbs .bread-current { color: var(--sbd-ink-2) !important; font-weight: 600; }
body.sbd:is(.archive, .search) .row.align-items-end.mt-50 .border-bottom { margin: 22px 0 8px !important; }
body.sbd:is(.archive, .search) .box-breadcrumbs .breadcrumb li + li::before { position: static !important; transform: none !important; left: auto !important; top: auto !important; }
body.sbd:is(.archive, .search) main.main { padding-top: 76px !important; }
@media (max-width: 991px) { body.sbd:is(.archive, .search) main.main { padding-top: 68px !important; } }

/* ===== Yazı altı keşif: kategori kutucukları + son yazılar ===== */
.sbd-explore { margin-top: 48px; padding-top: 28px; border-top: 1px solid var(--sbd-line); }
.sbd-explore-h { font-size: 22px !important; font-weight: 700 !important; margin: 0 0 16px !important; color: var(--sbd-ink) !important; }
.sbd-cat-grid { list-style: none; margin: 0 0 36px; padding: 0; display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); }
.sbd-cat-grid a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; aspect-ratio: 1 / 1; padding: 12px 8px; border: 1px solid var(--sbd-line); border-radius: 14px; background: #fff; text-decoration: none !important; text-align: center; transition: border-color .15s, box-shadow .15s, transform .15s; }
.sbd-cat-grid a:hover { border-color: #b9cbe2; box-shadow: 0 8px 20px rgba(20, 32, 51, .08); transform: translateY(-2px); }
.sbd-cat-grid img { width: 44px; height: 44px; border-radius: 50%; }
.sbd-cat-t { font-size: 14px; font-weight: 650; color: var(--sbd-ink); line-height: 1.25; }
.sbd-cat-n { font-size: 12px; color: var(--sbd-muted); }
.sbd-latest { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); }
.sbd-latest a { display: flex; flex-direction: column; gap: 8px; height: 100%; text-decoration: none !important; border: 1px solid var(--sbd-line); border-radius: 12px; overflow: hidden; background: #fff; transition: border-color .15s, box-shadow .15s; }
.sbd-latest a:hover { border-color: #b9cbe2; box-shadow: 0 8px 20px rgba(20, 32, 51, .08); }
.sbd-latest img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; display: block; border-radius: 0 !important; margin: 0 !important; }
.sbd-latest span { padding: 0 12px 12px; font-size: 14.5px; font-weight: 650; line-height: 1.35; color: var(--sbd-ink); }
@media (max-width: 480px) { .sbd-cat-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } .sbd-cat-t { font-size: 12.5px; } .sbd-cat-grid img { width: 36px; height: 36px; } }
/* ===== Ana sayfa girişi (yeni) ===== */
.sbd-hero { padding-top: 96px; padding-bottom: 24px; }
.sbd-hero-in { max-width: 1240px; margin: 0 auto; padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 48px; align-items: center; }
.sbd-hero-eyebrow { margin: 0 0 12px; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #0d5bd7; }
.sbd-hero h1 { margin: 0 0 16px !important; font-size: clamp(32px, 4.2vw, 52px) !important; line-height: 1.1 !important; font-weight: 800 !important; letter-spacing: -.02em; color: var(--sbd-ink) !important; text-wrap: balance; }
.sbd-hero-lead { margin: 0 0 22px; font-size: 18px; line-height: 1.6; color: var(--sbd-muted); max-width: 54ch; }
.sbd-hero-search { display: flex; gap: 8px; max-width: 540px; margin: 0 0 16px; padding: 6px; background: #fff; border: 1px solid var(--sbd-line); border-radius: 14px; box-shadow: 0 10px 28px rgba(11, 31, 63, .07); }
.sbd-hero-search input { flex: 1; min-width: 0; border: 0; outline: 0; padding: 10px 12px; font-size: 16px; background: transparent; color: var(--sbd-ink); }
.sbd-hero-search button { border: 0; border-radius: 10px; padding: 0 22px; min-height: 46px; background: #0d5bd7; color: #fff; font-weight: 700; font-size: 15px; cursor: pointer; }
.sbd-hero-search button:hover { background: #0a47a8; }
.sbd-hero-search:focus-within { border-color: #93b8f5; box-shadow: 0 0 0 3px rgba(13, 91, 215, .12); }
.sbd-hero-topics { list-style: none; margin: 0 0 22px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.sbd-hero-topics a { display: inline-block; padding: 7px 13px; border-radius: 999px; border: 1px solid var(--sbd-line); background: #fff; color: var(--sbd-ink-2) !important; font-size: 14px; font-weight: 600; text-decoration: none !important; }
.sbd-hero-topics a:hover { border-color: #0d5bd7; color: #0d5bd7 !important; }
.sbd-hero-stats { display: flex; gap: 28px; margin: 0; }
.sbd-hero-stats div { display: flex; flex-direction: column; }
.sbd-hero-stats dt { font-size: 24px; font-weight: 800; color: var(--sbd-ink); }
.sbd-hero-stats dd { margin: 0; font-size: 13px; color: var(--sbd-muted); }
.sbd-hero-art { display: block; width: 100%; height: auto; }
@media (max-width: 991px) {
  .sbd-hero { padding-top: 80px; }
  .sbd-hero-in { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .sbd-hero-visual { max-width: 520px; }
  .sbd-hero-lead { font-size: 16.5px; }
}
/* Giriş: üst boşluk (tema main zaten başlık payı bırakıyor), kısa metin, yazıp silme satırı */
.sbd-hero { padding-top: 28px !important; padding-bottom: 16px; }
@media (max-width: 991px) { .sbd-hero { padding-top: 16px !important; } }
.sbd-hero h1 { margin-bottom: 12px !important; }
.sbd-hero-type { margin: 0 0 10px; font-size: 20px; font-weight: 600; color: var(--sbd-ink-2); min-height: 1.5em; }
.sbd-typed { color: #e5484d; font-weight: 750; }
.sbd-caret { display: inline-block; width: 3px; height: 1.05em; margin-left: 3px; vertical-align: -0.15em; background: #e5484d; border-radius: 2px; animation: sbdCaret 1s steps(1, end) infinite; }
@keyframes sbdCaret { 0%, 49% { opacity: 1; } 50%, 100% { opacity: 0; } }
.sbd-hero-lead { font-size: 17px !important; margin-bottom: 18px !important; }
/* Giriş ile kategori şeridi arası geçiş */
.sbd-hero-divider { position: relative; max-width: 1240px; margin: 28px auto 8px; padding: 0 max(16px, env(safe-area-inset-left, 0px)); display: flex; justify-content: center; align-items: center; height: 40px; }
.sbd-hero-wave { position: absolute; left: max(16px, env(safe-area-inset-left, 0px)); right: max(16px, env(safe-area-inset-right, 0px)); top: 0; width: calc(100% - 32px); height: 40px; -webkit-mask: linear-gradient(90deg, transparent, #000 15%, #000 85%, transparent); mask: linear-gradient(90deg, transparent, #000 15%, #000 85%, transparent); }
.sbd-hero-divider span { position: relative; display: inline-flex; align-items: center; gap: 10px; padding: 7px 18px; border-radius: 999px; background: #fff; border: 1px solid #dbe6f5; box-shadow: 0 6px 16px rgba(11, 31, 63, .06); font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--sbd-ink-2); }
.sbd-hero-divider i { width: 7px; height: 7px; border-radius: 50%; background: #e5484d; }
.sbd-hero-divider i:last-child { background: #0d5bd7; }
/* Ağ sahnesi kenarları sayfaya yumuşak geçişle karışır */
.sbd-hero-art { -webkit-mask-image: radial-gradient(120% 115% at 50% 50%, #000 58%, rgba(0,0,0,.6) 74%, transparent 92%); mask-image: radial-gradient(120% 115% at 50% 50%, #000 58%, rgba(0,0,0,.6) 74%, transparent 92%); }

/* ===== Mobil sadeleştirme (v2): kompakt kartlar, kısa metin, küçük görseller ===== */
/* Masaüstünde de özetler en çok 3 satır */
body.sbd .card-blog-1 .card-info > p:not(:empty) { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 767px) {
  body.sbd .card-blog-1 { display: grid !important; grid-template-columns: 112px minmax(0, 1fr); gap: 12px; align-items: center; padding: 10px !important; margin-bottom: 12px !important; border-radius: 14px !important; }
  body.sbd .card-blog-1 .card-image { margin: 0 !important; height: auto !important; }
  body.sbd .card-blog-1 .card-image img { width: 112px !important; height: 84px !important; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 10px !important; }
  body.sbd .card-blog-1 .card-info { min-width: 0; padding: 0 !important; }
  body.sbd .card-blog-1 .card-info > p, body.sbd .card-blog-1 .card-info > .row:last-child { display: none !important; }
  body.sbd .card-blog-1 .card-info > .row:first-child:not(:last-child) { margin: 0 0 2px !important; font-size: 12px; }
  body.sbd .card-blog-1 .card-info > .row .timeread { display: none; }
  body.sbd .card-blog-1 h4 { margin: 0 !important; font-size: 15.5px !important; line-height: 1.35 !important; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
  body.sbd .heading-2 { font-size: 26px !important; line-height: 1.25 !important; }
  body.sbd .heading-2 + p, body.sbd .mb-50 > p { font-size: 15px !important; }
  body.sbd .mb-50 { margin-bottom: 20px !important; }
  /* Giriş: kısa ve hafif */
  .sbd-hero-lead { display: none; }
  .sbd-hero-type { font-size: 17px; }
  .sbd-hero-visual { max-width: 340px; margin: 0 auto; width: 100%; }
  .sbd-hero-topics li:nth-child(n+4) { display: none; }
  /* Kategori kaydırıcı: yatay, kısa kart */
  body.sbd .cat-sliders-sec .card-style-1 .card-image img { aspect-ratio: 4 / 3; }
  /* Yazı altı son yazılar: yatay liste */
  .sbd-latest { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .sbd-latest a { flex-direction: row; align-items: center; gap: 12px; padding: 8px; }
  .sbd-latest img { width: 96px !important; height: 72px; aspect-ratio: 4 / 3; flex: none; border-radius: 8px !important; }
  .sbd-latest span { padding: 0; font-size: 14.5px; }
  /* Yazı: daha rahat okuma, içindekiler kısa */
  body.sbd .sbd-content { font-size: 16.5px; }
  body.sbd .sbd-content img.sbd-art { border-radius: 12px; }
}

/* Yukarı çık düğmesi: solda, sade ve ayırt edilir */
body.sbd .progressCounter { right: auto !important; left: max(16px, env(safe-area-inset-left, 0px)) !important; bottom: max(20px, env(safe-area-inset-bottom, 0px)) !important; width: 44px !important; height: 44px !important; border-radius: 12px !important; background: #fff !important; border: 1px solid var(--sbd-line, #dbe6f5) !important; box-shadow: 0 6px 18px rgba(11, 31, 63, .14) !important; display: flex !important; align-items: center; justify-content: center; }
body.sbd .progressCounter .progressScroll-border, body.sbd .progressCounter .progressScroll-circle, body.sbd .progressCounter .progressScroll-text { display: none !important; }
body.sbd .progressCounter i { display: block !important; position: static !important; color: #0b1f3f !important; font-size: 22px !important; line-height: 1 !important; opacity: 1 !important; transform: none !important; }
body.sbd .progressCounter:hover { background: #0b1f3f !important; }
body.sbd .progressCounter:hover i { color: #fff !important; }
@media (max-width: 767px) { body.sbd .progressCounter { width: 40px !important; height: 40px !important; bottom: max(14px, env(safe-area-inset-bottom, 0px)) !important; } }
@media (max-width: 767px) {
  body.sbd .card-blog-1 .card-image img { min-height: 0 !important; max-height: none !important; }
  .sbd-hero { padding-top: 78px !important; }
  .sbd-hero-eyebrow { display: none; }
}
body.sbd .progressCounter i { display: none !important; }
body.sbd .progressCounter::after { content: ""; width: 20px; height: 20px; background: #0b1f3f; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 19V5M5 12l7-7 7 7' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 19V5M5 12l7-7 7 7' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
body.sbd .progressCounter:hover::after { background: #fff; }