/* =========================================================
   HaberPro CMS — Ön yüz teması
   ========================================================= */
:root {
  --brand: #d6001c;
  --brand-d: color-mix(in srgb, var(--brand) 78%, #000);
  --ink: #0b1220;
  --text: #1f2937;
  --muted: #6b7280;
  --line: #e5e7eb;
  --bg: #f2f3f5;
  --card: #ffffff;
  --soft: #f8fafc;
  --r: 12px;
  --shadow: 0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.08);
  --shadow-lg: 0 12px 32px rgba(16,24,40,.14);
  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --serif: 'Merriweather', Georgia, serif;
  --w: 1240px;
}
html.dark {
  --ink: #f3f4f6; --text: #d1d5db; --muted: #9ca3af; --line: #1f2937;
  --bg: #0a0d14; --card: #121722; --soft: #0f141e;
  --shadow: 0 1px 2px rgba(0,0,0,.4); --shadow-lg: 0 12px 32px rgba(0,0,0,.5);
}
*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; font-family: var(--font); color: var(--text); background: var(--bg); line-height: 1.5; font-size: 15px; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button { font: inherit; cursor: pointer; }
.ic { flex: none; vertical-align: middle; }
.wrap { max-width: var(--w); margin: 0 auto; padding: 0 16px; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.skip { position: absolute; left: -999px; top: 0; background: var(--brand); color: #fff; padding: 10px 16px; z-index: 999; }
.skip:focus { left: 10px; }
.muted { color: var(--muted); }

/* ---------- Üst bar ---------- */
.topbar { background: var(--ink); color: #cbd5e1; font-size: 12.5px; }
html.dark .topbar { background: #05070b; }
.topbar-in { display: flex; align-items: center; gap: 18px; height: 36px; }
.today { font-weight: 500; white-space: nowrap; }
.toplinks { display: flex; gap: 16px; margin-right: auto; }
.toplinks a { opacity: .8; display: inline-flex; align-items: center; gap: 4px; }
.toplinks a:hover { opacity: 1; color: #fff; }
.social { display: flex; align-items: center; gap: 4px; }
.social a, .theme-toggle { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; color: inherit; background: none; border: 0; opacity: .85; transition: .2s; }
.social a:hover, .theme-toggle:hover { background: rgba(255,255,255,.12); opacity: 1; color: #fff; }

/* ---------- Masthead ---------- */
.masthead { background: var(--card); border-bottom: 1px solid var(--line); }
.masthead-in { display: flex; align-items: center; gap: 24px; min-height: 84px; }
.logo { display: flex; align-items: center; }
.logo img { max-height: 54px; width: auto; }
.logo-dark { display: none !important; }
html.dark .logo-dark { display: block !important; }
html.dark .logo-light:has(+ .logo-dark) { display: none; }
.logo-text { font-weight: 900; font-size: 30px; letter-spacing: -.04em; line-height: 1; display: inline-flex; align-items: stretch; }
.logo-text b { background: var(--brand); color: #fff; padding: 6px 10px 7px; border-radius: 8px 0 0 8px; }
.logo-text span { color: var(--ink); padding: 6px 10px 7px; border: 3px solid var(--brand); border-left: 0; border-radius: 0 8px 8px 0; }
.logo-text b:only-child { border-radius: 8px; }
.search { flex: 1; max-width: 420px; display: flex; background: var(--soft); border: 1px solid var(--line); border-radius: 999px; overflow: hidden; transition: .2s; }
.search:focus-within { border-color: var(--brand); box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand) 14%, transparent); }
.search input { flex: 1; border: 0; background: none; padding: 11px 18px; font: inherit; color: var(--ink); outline: 0; min-width: 0; }
.search button { border: 0; background: none; padding: 0 16px; color: var(--muted); }
.search button:hover { color: var(--brand); }
.ad-header { margin-left: auto; }
.burger, .search-mobile { display: none; background: none; border: 0; color: var(--ink); padding: 6px; }

/* ---------- Ana menü ---------- */
.mainnav { background: var(--card); border-bottom: 3px solid var(--brand); position: sticky; top: 0; z-index: 50; box-shadow: var(--shadow); }
.mainnav-in { display: flex; overflow-x: auto; scrollbar-width: none; }
.mainnav-in::-webkit-scrollbar { display: none; }
.mainnav a { white-space: nowrap; padding: 14px 15px; font-weight: 700; font-size: 14px; color: var(--ink); position: relative; text-transform: uppercase; letter-spacing: .01em; }
.mainnav a::after { content: ''; position: absolute; left: 12px; right: 12px; bottom: 0; height: 3px; background: var(--c, var(--brand)); transform: scaleX(0); transition: transform .2s; border-radius: 3px 3px 0 0; }
.mainnav a:hover::after, .mainnav a.active::after { transform: scaleX(1); }
.mainnav a:hover, .mainnav a.active { color: var(--c, var(--brand)); }

/* ---------- Son dakika bandı ---------- */
.ticker { background: var(--card); border-bottom: 1px solid var(--line); }
.ticker-in { display: flex; align-items: center; height: 44px; gap: 14px; overflow: hidden; }
.ticker-label { flex: none; background: var(--brand); color: #fff; font-weight: 800; font-size: 12px; padding: 6px 12px; border-radius: 6px; display: inline-flex; align-items: center; gap: 5px; letter-spacing: .04em; animation: pulse 2s infinite; }
@keyframes pulse { 0%,100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--brand) 50%, transparent); } 50% { box-shadow: 0 0 0 6px transparent; } }
.ticker-track { flex: 1; overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); }
.ticker-move { display: inline-flex; gap: 40px; white-space: nowrap; animation: ticker 60s linear infinite; }
.ticker:hover .ticker-move { animation-play-state: paused; }
.ticker-move a { font-weight: 600; font-size: 14px; color: var(--ink); }
.ticker-move a:hover { color: var(--brand); }
.ticker-move time { color: var(--brand); font-weight: 800; margin-right: 8px; }
@keyframes ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* ---------- Genel ---------- */
.main { padding-top: 22px; padding-bottom: 40px; min-height: 60vh; }
.flash { margin-top: 16px; padding: 13px 18px; border-radius: 10px; font-weight: 500; }
.flash-success { background: #ecfdf5; color: #065f46; border: 1px solid #a7f3d0; }
.flash-error { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }
.flash-info { background: #eff6ff; color: #1e40af; border: 1px solid #bfdbfe; margin-bottom: 16px; }
.btn { display: inline-flex; align-items: center; gap: 8px; background: var(--brand); color: #fff; border: 0; padding: 12px 22px; border-radius: 10px; font-weight: 700; transition: .2s; }
.btn:hover { background: var(--brand-d); }
.badge { display: inline-block; background: var(--c, var(--brand)); color: #fff; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; padding: 4px 9px; border-radius: 5px; line-height: 1.3; }
.ph { position: absolute; inset: 0; display: grid; place-items: center; font-size: 48px; font-weight: 900; color: rgba(255,255,255,.35);
  background: linear-gradient(135deg, var(--c, var(--brand)), color-mix(in srgb, var(--c, var(--brand)) 45%, #000)); }
.empty, .empty-hero { background: var(--card); border: 1px dashed var(--line); border-radius: var(--r); padding: 40px; text-align: center; color: var(--muted); }
.ad { display: flex; justify-content: center; overflow: hidden; }
.ad-wide, .ad-inline { margin: 24px 0; }
.ad-sidebar { margin-bottom: 20px; }

/* ---------- Hero / Slider ---------- */
.hero { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 16px; margin-bottom: 28px; }
.hero-full { grid-template-columns: 1fr; }
.slider { position: relative; border-radius: var(--r); overflow: hidden; background: #111; box-shadow: var(--shadow-lg); aspect-ratio: 16 / 10; }
.slides, .slide { position: absolute; inset: 0; }
.slide { opacity: 0; visibility: hidden; transition: opacity .55s ease, visibility .55s; }
.slide.is-active { opacity: 1; visibility: visible; }
.slide img, .overlay-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 6s ease; }
.slide.is-active img { transform: scale(1.05); }
.slide-cap { position: absolute; inset: auto 0 0 0; padding: 70px 26px 62px; background: linear-gradient(to top, rgba(0,0,0,.92), rgba(0,0,0,.55) 55%, transparent); color: #fff; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.slide-title { font-size: clamp(20px, 2.6vw, 34px); font-weight: 800; line-height: 1.18; letter-spacing: -.02em; text-wrap: balance; text-shadow: 0 2px 12px rgba(0,0,0,.4); }
.slider-pager { position: absolute; left: 0; right: 0; bottom: 0; display: flex; gap: 0; background: rgba(0,0,0,.6); backdrop-filter: blur(6px); overflow-x: auto; scrollbar-width: none; }
.slider-pager button { flex: 1; min-width: 34px; height: 38px; border: 0; background: none; color: #d1d5db; font-weight: 700; font-size: 14px; border-top: 3px solid transparent; transition: .15s; }
.slider-pager button:hover, .slider-pager button.is-active { background: var(--brand); color: #fff; border-top-color: #fff; }
.slider-nav { position: absolute; top: 42%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 50%; border: 0; background: rgba(255,255,255,.18); color: #fff; backdrop-filter: blur(4px); display: grid; place-items: center; opacity: 0; transition: .2s; }
.slider:hover .slider-nav { opacity: 1; }
.slider-nav:hover { background: var(--brand); }
.slider-nav.prev { left: 14px; } .slider-nav.next { right: 14px; }
.hero-side { display: grid; grid-template-rows: 1fr 1fr; gap: 16px; }
.overlay-card { position: relative; border-radius: var(--r); overflow: hidden; background: #111; box-shadow: var(--shadow); min-height: 180px; }
.overlay-card img { position: absolute; inset: 0; }
.overlay-card:hover img { transform: scale(1.06); }
.overlay-card .slide-cap { padding: 50px 18px 18px; }
.oc-title { font-size: 18px; font-weight: 800; line-height: 1.25; text-wrap: balance; }

/* ---------- Bölümler ---------- */
.section { margin-bottom: 30px; }
.section-title { display: flex; align-items: center; justify-content: space-between; margin: 0 0 16px; font-size: 20px; font-weight: 900; color: var(--ink); letter-spacing: -.02em; border-bottom: 2px solid var(--line); }
.section-title > span, .section-title > a:first-child span { display: inline-flex; align-items: center; gap: 8px; padding-bottom: 10px; margin-bottom: -2px; border-bottom: 3px solid var(--c, var(--brand)); }
.section-title > a:last-child:not(:first-child) { font-size: 13px; font-weight: 700; color: var(--muted); padding-bottom: 10px; }
.section-title > a:last-child:hover { color: var(--c, var(--brand)); }
.section-title.colored span { color: var(--c); }

.grid { display: grid; gap: 18px; }
.grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-1 { grid-template-columns: 1fr; }
.grid.list { gap: 0; background: var(--card); border-radius: var(--r); box-shadow: var(--shadow); padding: 4px 16px; }

.layout { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 28px; align-items: start; }
.content, .sidebar { min-width: 0; }

/* ---------- Kartlar ---------- */
.card { background: var(--card); border-radius: var(--r); overflow: hidden; box-shadow: var(--shadow); display: flex; flex-direction: column; transition: transform .2s, box-shadow .2s; }
.card:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); }
.card-media { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--soft); }
.card-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.card:hover .card-media img { transform: scale(1.06); }
.play { position: absolute; right: 10px; bottom: 10px; width: 36px; height: 36px; border-radius: 50%; background: var(--brand); color: #fff; display: grid; place-items: center; font-size: 13px; box-shadow: 0 4px 12px rgba(0,0,0,.3); }
.card-body { padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 8px; flex: 1; align-items: flex-start; }
.card-title { margin: 0; font-size: 16px; font-weight: 800; line-height: 1.3; color: var(--ink); letter-spacing: -.01em; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.card-title a:hover { color: var(--brand); }
.card-spot { margin: 0; color: var(--muted); font-size: 14px; }
.meta { margin-top: auto; color: var(--muted); font-size: 12.5px; display: flex; gap: 12px; }
.meta span { display: inline-flex; align-items: center; gap: 4px; }
.card-lg .card-title { font-size: 22px; -webkit-line-clamp: 4; }
.card-sm .card-title { font-size: 14px; }
.card-row { flex-direction: row; box-shadow: none; border-radius: 0; background: none; padding: 12px 0; border-bottom: 1px solid var(--line); gap: 14px; }
.card-row:hover { transform: none; box-shadow: none; }
.card-row:last-child { border-bottom: 0; }
.card-row .card-media { width: 132px; flex: none; border-radius: 10px; aspect-ratio: 4 / 3; }
.card-row .card-body { padding: 0; }
.card-row .card-title { font-size: 15px; }

.cat-grid, .lead-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 20px; }
.lead-grid { margin-bottom: 24px; }
.cat-list { background: var(--card); border-radius: var(--r); box-shadow: var(--shadow); padding: 4px 16px; }

/* ---------- Kenar çubuğu ---------- */
.sidebar { position: sticky; top: 70px; display: flex; flex-direction: column; gap: 20px; }
.box { background: var(--card); border-radius: var(--r); box-shadow: var(--shadow); padding: 18px; }
.box-title { display: flex; justify-content: space-between; align-items: center; margin: 0 0 12px; font-size: 17px; font-weight: 900; color: var(--ink); }
.box-title span { border-left: 4px solid var(--brand); padding-left: 10px; }
.box-title a { font-size: 12.5px; color: var(--muted); font-weight: 700; }
.mostread { list-style: none; margin: 0; padding: 0; counter-reset: m; }
.mostread a { display: flex; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line); align-items: flex-start; }
.mostread li:last-child a { border-bottom: 0; }
.mostread .n { flex: none; width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center; font-weight: 900; font-size: 15px; color: var(--brand); background: color-mix(in srgb, var(--brand) 10%, transparent); }
.mostread li:nth-child(-n+3) .n { background: var(--brand); color: #fff; }
.mostread .t { font-weight: 700; font-size: 14px; line-height: 1.35; color: var(--ink); }
.mostread a:hover .t { color: var(--brand); }
.writers { list-style: none; margin: 0; padding: 0; }
.writers li { display: flex; gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--line); }
.writers li:last-child { border-bottom: 0; }
.w-name { display: block; font-weight: 800; font-size: 14px; color: var(--ink); }
.w-title { display: block; font-size: 13.5px; color: var(--muted); line-height: 1.35; font-family: var(--serif); }
.w-title:hover, .w-name:hover { color: var(--brand); }
.avatar { border-radius: 50%; object-fit: cover; flex: none; }
.avatar-i { display: inline-grid; place-items: center; color: #fff; font-weight: 800; flex: none; letter-spacing: -.02em; }

/* ---------- Haber detay ---------- */
.article { background: var(--card); border-radius: var(--r); box-shadow: var(--shadow); padding: 28px 34px; }
.crumbs { font-size: 13px; color: var(--muted); display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 14px; }
.crumbs a:hover { color: var(--brand); }
.article-title { font-size: clamp(26px, 3.4vw, 40px); line-height: 1.15; font-weight: 900; color: var(--ink); letter-spacing: -.03em; margin: 12px 0 14px; text-wrap: balance; }
.article-spot { font-size: 19px; line-height: 1.55; font-weight: 600; color: var(--text); margin: 0 0 18px; }
.article-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 12px 0; margin-bottom: 20px; }
.am-left { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; font-size: 13px; color: var(--muted); }
.am-left span { display: inline-flex; align-items: center; gap: 5px; }
.am-author { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--ink); }
.share { display: flex; gap: 6px; }
.share a, .share button { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; color: #fff; border: 0; transition: transform .15s; }
.share a:hover, .share button:hover { transform: translateY(-2px); }
.sh-wa { background: #25d366; } .sh-x { background: #000; } .sh-fb { background: #1877f2; } .sh-tg { background: #229ed9; }
.sh-copy, .sh-font { background: var(--soft) !important; color: var(--ink) !important; border: 1px solid var(--line) !important; }
.sh-copy.copied { background: #16a34a !important; color: #fff !important; }
.article-figure { margin: 0 0 22px; }
.article-figure img { width: 100%; height: auto; border-radius: 10px; }
.article-figure figcaption { font-size: 13px; color: var(--muted); margin-top: 8px; }
.video { position: relative; aspect-ratio: 16 / 9; margin-bottom: 22px; border-radius: 10px; overflow: hidden; background: #000; }
.video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.article-body { font-family: var(--serif); font-size: var(--fs, 18px); line-height: 1.85; color: var(--text); overflow-wrap: anywhere; }
.article-body p { margin: 0 0 1.15em; }
.article-body h2, .article-body h3, .article-body h4 { font-family: var(--font); color: var(--ink); letter-spacing: -.02em; line-height: 1.3; margin: 1.6em 0 .6em; }
.article-body h2 { font-size: 1.35em; } .article-body h3 { font-size: 1.18em; }
.article-body a { color: var(--brand); text-decoration: underline; text-underline-offset: 3px; }
.article-body img { border-radius: 10px; margin: 1.2em auto; height: auto; }
.article-body blockquote { margin: 1.6em 0; padding: 18px 24px; border-left: 4px solid var(--brand); background: var(--soft); border-radius: 0 10px 10px 0; font-style: italic; font-size: 1.05em; color: var(--ink); }
.article-body iframe { width: 100%; aspect-ratio: 16/9; height: auto; border: 0; border-radius: 10px; margin: 1em 0; }
.article-body ul, .article-body ol { padding-left: 1.4em; }
.article-body table { width: 100%; border-collapse: collapse; font-family: var(--font); font-size: 15px; }
.article-body td, .article-body th { border: 1px solid var(--line); padding: 8px 10px; }
.source { font-size: 14px; color: var(--muted); font-style: italic; }
.tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0; }
.tags a { background: var(--soft); border: 1px solid var(--line); padding: 6px 12px; border-radius: 999px; font-size: 13px; font-weight: 600; }
.tags a:hover { background: var(--brand); color: #fff; border-color: var(--brand); }
.article .section { margin-top: 34px; }
.article .grid.list { box-shadow: none; padding: 0; }
.column-author { display: flex; align-items: center; gap: 14px; }
.ca-name { display: block; font-weight: 900; font-size: 20px; color: var(--ink); }
.column-author span { color: var(--muted); font-size: 13px; text-transform: uppercase; letter-spacing: .06em; font-weight: 700; }

/* ---------- Yorumlar ---------- */
.comment-form { display: grid; gap: 10px; margin-bottom: 24px; }
.comment-form input, .comment-form textarea { width: 100%; padding: 12px 14px; border: 1px solid var(--line); border-radius: 10px; font: inherit; background: var(--soft); color: var(--ink); }
.comment-form input:focus, .comment-form textarea:focus { outline: 0; border-color: var(--brand); }
.comment-form .btn { justify-self: start; }
.hp { position: absolute; left: -9999px; }
.comment { display: flex; gap: 12px; padding: 14px 0; border-top: 1px solid var(--line); }
.comment time { color: var(--muted); font-size: 12px; margin-left: 6px; }
.comment p { margin: 4px 0 0; }

/* ---------- Sayfa başlıkları ---------- */
.page-head { background: var(--card); border-radius: var(--r); box-shadow: var(--shadow); padding: 26px 30px; margin-bottom: 24px; border-left: 6px solid var(--c, var(--brand)); }
.page-head h1 { margin: 0; font-size: 32px; font-weight: 900; color: var(--ink); letter-spacing: -.03em; }
.page-head p { margin: 6px 0 0; color: var(--muted); }
.search-big { max-width: 560px; margin-top: 16px; }
.search-big input { padding: 14px 20px; font-size: 16px; }
.pagination { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin: 30px 0 0; }
.pagination a, .pagination span { min-width: 40px; height: 40px; padding: 0 12px; display: grid; place-items: center; border-radius: 10px; background: var(--card); box-shadow: var(--shadow); font-weight: 700; font-size: 14px; }
.pagination a:hover { color: var(--brand); }
.pagination .current { background: var(--brand); color: #fff; }

.author-head { display: flex; gap: 24px; align-items: center; background: var(--card); border-radius: var(--r); box-shadow: var(--shadow); padding: 28px; margin-bottom: 24px; }
.author-head h1 { margin: 0; font-size: 30px; font-weight: 900; color: var(--ink); }
.author-role { color: var(--brand); font-weight: 700; font-size: 14px; }
.author-head p { margin: 8px 0 0; color: var(--muted); max-width: 640px; }
.author-x { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; font-weight: 600; font-size: 14px; }
.authors-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 18px; }
.author-card { background: var(--card); border-radius: var(--r); box-shadow: var(--shadow); padding: 26px 20px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 8px; transition: .2s; }
.author-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); }
.ac-name { font-weight: 900; font-size: 17px; color: var(--ink); margin-top: 6px; }
.ac-title { font-family: var(--serif); color: var(--text); font-size: 14.5px; line-height: 1.45; }
.ac-title:hover { color: var(--brand); }
.notfound { text-align: center; padding: 40px 16px 50px; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.nf-code { font-size: 120px; font-weight: 900; line-height: 1; color: var(--brand); letter-spacing: -.06em; }
.notfound h1 { margin: 0; color: var(--ink); }
.notfound p { color: var(--muted); margin: 0 0 10px; }
.notfound .search { width: 100%; }

/* ---------- Footer ---------- */
.footer { background: var(--ink); color: #9ca3af; margin-top: 30px; font-size: 14px; }
html.dark .footer { background: #05070b; }
.footer-grid { display: grid; grid-template-columns: 1.3fr 1fr 1.2fr .9fr 1fr; gap: 30px; padding: 46px 16px 34px; }
.footer h4 { color: #fff; font-size: 14px; text-transform: uppercase; letter-spacing: .08em; margin: 0 0 14px; }
.footer-about p { line-height: 1.7; }
.logo-footer .logo-text span { color: #fff; }
.footer-links { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
.footer-links.cols-2 { grid-template-columns: 1fr 1fr; }
.footer-links a:hover { color: #fff; }
.social-lg a { width: 38px; height: 38px; background: rgba(255,255,255,.08); }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.08); padding: 18px 0; font-size: 13px; text-align: center; }

/* ---------- Mobil menü ---------- */
.to-top { position: fixed; right: 18px; bottom: 18px; width: 46px; height: 46px; border-radius: 50%; border: 0; background: var(--brand); color: #fff; display: grid; place-items: center; box-shadow: var(--shadow-lg); opacity: 0; visibility: hidden; transition: .25s; z-index: 40; }
.to-top .ic { transform: rotate(-90deg); }
.to-top.show { opacity: 1; visibility: visible; }

/* ---------- Duyarlı tasarım ---------- */
@media (max-width: 1100px) {
  .grid-4 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .layout { grid-template-columns: minmax(0, 1fr) 300px; }
  .ad-header { display: none; }
}
@media (max-width: 900px) {
  .layout { grid-template-columns: minmax(0, 1fr); }
  .sidebar { position: static; }
  .hero { grid-template-columns: 1fr; }
  .hero-side { grid-template-columns: 1fr 1fr; grid-template-rows: none; }
  .overlay-card { aspect-ratio: 16 / 10; min-height: 0; }
  .grid-4, .grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .toplinks { display: none; }
  .today { margin-right: auto; }
}
@media (max-width: 680px) {
  body { font-size: 14.5px; }
  .burger, .search-mobile { display: block; }
  .masthead-in { min-height: 64px; gap: 10px; justify-content: space-between; }
  .masthead .search { display: none; position: absolute; left: 12px; right: 12px; top: 106px; max-width: none; z-index: 60; background: var(--card); box-shadow: var(--shadow-lg); }
  .masthead.search-open .search { display: flex; }
  .logo-text { font-size: 23px; }
  .logo img { max-height: 42px; }
  .slider { aspect-ratio: 4 / 3.4; border-radius: 0; margin: 0 -16px; }
  .slide-cap { padding: 50px 16px 54px; }
  .slider-nav { display: none; }
  .hero-side { grid-template-columns: 1fr 1fr; gap: 10px; }
  .overlay-card { aspect-ratio: 1 / 1; }
  .oc-title { font-size: 14px; }
  .overlay-card .slide-cap { padding: 40px 10px 10px; gap: 6px; }
  .topbar { font-size: 11.5px; }
  .social a, .theme-toggle { width: 26px; }
  .grid-4, .grid-3, .grid-2 { grid-template-columns: 1fr; }
  .cat-grid, .lead-grid { grid-template-columns: 1fr; }
  .card-row .card-media { width: 110px; }
  .article { padding: 20px 16px; margin: 0 -16px; border-radius: 0; }
  .article-spot { font-size: 17px; }
  .article-meta { flex-direction: column; align-items: flex-start; }
  .footer-grid { grid-template-columns: 1fr; gap: 26px; }
  .author-head { flex-direction: column; text-align: center; }
  .page-head { padding: 20px; }
  .page-head h1 { font-size: 26px; }
}
@media print {
  .topbar, .masthead, .mainnav, .ticker, .sidebar, .footer, .share, .comments, .ad, .to-top { display: none !important; }
  .layout { display: block; } .article { box-shadow: none; padding: 0; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }

/* =========================================================
   v2 bileşenleri
   ========================================================= */
.btn-outline { background: none; color: var(--brand); border: 2px solid var(--brand); }
.btn-outline:hover { background: var(--brand); color: #fff; }
.btn-block { width: 100%; justify-content: center; }
.btn-sm { padding: 7px 12px; font-size: 13px; border-radius: 8px; }
.btn-wa { background: #25d366; } .btn-wa:hover { background: #1ea952; }
.small { font-size: 12.5px; }

/* Üst bar: hava + servisler */
.top-weather { display: inline-flex; align-items: center; gap: 5px; color: #e5e7eb; white-space: nowrap; }
.top-weather b { color: #fff; }
.top-drop { position: relative; }
.top-drop > button { background: none; border: 0; color: inherit; opacity: .85; padding: 0; font-size: inherit; }
.top-drop-menu { display: none; position: absolute; top: calc(100% + 8px); left: 0; z-index: 70; background: var(--card); color: var(--ink); border-radius: 12px; box-shadow: var(--shadow-lg); padding: 6px; min-width: 200px; }
.top-drop.open .top-drop-menu { display: block; }
.top-drop-menu a { display: block; padding: 8px 12px; border-radius: 8px; font-weight: 600; font-size: 13.5px; opacity: 1 !important; color: var(--ink) !important; }
.top-drop-menu a:hover { background: var(--soft); }
.nav-live { color: #e11d48 !important; display: inline-flex !important; align-items: center; gap: 6px; }
.nav-live i, .live-bar i, .live-dot { width: 9px; height: 9px; border-radius: 50%; background: #e11d48; display: inline-block; animation: blink 1.2s infinite; }
@keyframes blink { 50% { opacity: .25; } }
.live-bar { display: block; background: linear-gradient(90deg, #be123c, #e11d48); color: #fff; font-size: 14px; }
.live-bar .wrap { display: flex; gap: 12px; align-items: center; padding-top: 10px; padding-bottom: 10px; }
.live-bar b { display: inline-flex; gap: 7px; align-items: center; background: rgba(0,0,0,.2); padding: 3px 10px; border-radius: 6px; letter-spacing: .05em; font-size: 12px; }
.live-bar i, .live-bar .live-dot { background: #fff; }
.live-bar em { margin-left: auto; font-style: normal; opacity: .85; font-weight: 600; }

/* Reklamlar */
.ad { position: relative; flex-direction: column; align-items: center; }
.ad img { max-width: 100%; height: auto; }
.ad-label { font-size: 10px; color: var(--muted); letter-spacing: .1em; text-transform: uppercase; margin-top: 3px; }
.ad-skin { display: none; }
@media (min-width: 1640px) {
  .ad-skin { display: flex; position: fixed; top: 140px; width: 160px; z-index: 5; }
  .ad-skin-left { left: calc(50% - 620px - 180px); } .ad-skin-right { right: calc(50% - 620px - 180px); }
}
.ad-sticky { display: none; }
@media (max-width: 680px) {
  .ad-sticky { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 80; background: var(--card); box-shadow: 0 -4px 16px rgba(0,0,0,.15); padding: 4px 0 2px; }
  .ad-sticky .ad-label { display: none; }
}
.ad-close { position: absolute; top: -26px; right: 6px; width: 26px; height: 26px; border-radius: 50% 50% 0 0; border: 0; background: var(--card); color: var(--ink); font-size: 18px; line-height: 1; box-shadow: 0 -2px 6px rgba(0,0,0,.12); }

/* Rozetler */
.badges { display: flex; gap: 6px; flex-wrap: wrap; }
.badge-type { background: var(--ink); } html.dark .badge-type { background: #374151; }
.badge-breaking { background: #e11d48; animation: blink 1.4s infinite; }
.badge-obit { background: #334155; }

/* Haber detay ek bölümler */
.guest-box { display: flex; flex-direction: column; border-left: 4px solid var(--c, var(--brand)); background: var(--soft); padding: 12px 18px; border-radius: 0 10px 10px 0; margin-bottom: 20px; }
.guest-box span { font-size: 11px; text-transform: uppercase; letter-spacing: .1em; color: var(--muted); font-weight: 800; }
.guest-box b { font-size: 19px; color: var(--ink); } .guest-box em { color: var(--muted); font-style: normal; }
.fields-box { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; margin: 0 0 22px; }
.fields-box > div { background: var(--card); padding: 12px 16px; }
.fields-box dt { font-size: 11.5px; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); font-weight: 700; }
.fields-box dd { margin: 3px 0 0; color: var(--ink); font-weight: 600; }
.fields-box dd a { color: var(--brand); }
.fields-obit { background: #cbd5e1; }
.article-obituary { border-top: 6px solid #334155; }
.article-obituary .article-title::before { content: '🕊 '; }
.gallery { display: grid; gap: 26px; margin-bottom: 26px; }
.gallery-item { margin: 0; position: relative; }
.gallery-item img { width: 100%; height: auto; border-radius: 12px; cursor: zoom-in; }
.gallery-item figcaption { margin-top: 10px; font-family: var(--serif); font-size: 16px; line-height: 1.6; }
.gallery-n { position: absolute; top: 12px; left: 12px; background: rgba(0,0,0,.65); color: #fff; font-weight: 800; font-size: 13px; padding: 4px 10px; border-radius: 999px; z-index: 1; }
.video video { position: absolute; inset: 0; width: 100%; height: 100%; background: #000; }

/* Tepkiler */
.reactions { border: 1px solid var(--line); border-radius: 14px; padding: 16px; margin: 24px 0; background: var(--soft); }
.reactions-title { margin: 0 0 12px; font-weight: 800; color: var(--ink); text-align: center; }
.reactions-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(76px, 1fr)); gap: 8px; }
.reaction { position: relative; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 10px 4px 8px; border: 1px solid var(--line); border-radius: 12px; background: var(--card); color: var(--ink); overflow: hidden; transition: transform .15s, border-color .15s; }
.reaction:hover { transform: translateY(-2px); border-color: var(--brand); }
.r-emoji { font-size: 28px; line-height: 1.1; position: relative; z-index: 1; }
.r-label { font-size: 12px; font-weight: 700; position: relative; z-index: 1; }
.r-count { font-size: 12px; color: var(--muted); font-weight: 700; position: relative; z-index: 1; }
.r-bar { position: absolute; inset: 0; display: flex; align-items: flex-end; pointer-events: none; }
.r-bar i { width: 100%; height: 0; background: color-mix(in srgb, var(--brand) 10%, transparent); transition: height .5s; }
.reaction.mine { border-color: var(--brand); box-shadow: 0 0 0 2px color-mix(in srgb, var(--brand) 25%, transparent); }
.reaction.pop .r-emoji { animation: pop .4s; }
@keyframes pop { 50% { transform: scale(1.4); } }
.voted .reaction:not(.mine) { opacity: .8; }

/* Sonsuz kaydırma */
.infinite { margin-top: 10px; }
.inf-item { margin-top: 18px; }
.inf-divider { display: flex; align-items: center; gap: 14px; margin: 26px 0 18px; }
.inf-divider::before, .inf-divider::after { content: ''; flex: 1; height: 2px; background: var(--line); }
.inf-divider span { background: var(--brand); color: #fff; font-weight: 800; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; padding: 7px 16px; border-radius: 999px; }
.inf-item .article-title a:hover { color: var(--brand); }
.inf-loader { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 30px; color: var(--muted); font-weight: 600; }
.inf-loader span { width: 22px; height: 22px; border: 3px solid var(--line); border-top-color: var(--brand); border-radius: 50%; animation: spin .8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.inf-end { text-align: center; background: var(--card); border-radius: var(--r); box-shadow: var(--shadow); padding: 26px; margin-top: 24px; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.inf-end p { width: 100%; margin: 0 0 6px; font-weight: 700; color: var(--ink); }
.next-link { display: block; margin-top: 18px; background: var(--card); border-radius: var(--r); box-shadow: var(--shadow); padding: 18px 22px; border-left: 5px solid var(--brand); }
.nl-label { display: block; font-size: 12px; font-weight: 800; color: var(--brand); text-transform: uppercase; letter-spacing: .06em; }
.nl-title { display: block; font-weight: 800; font-size: 18px; color: var(--ink); margin-top: 4px; }
.read-progress { position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 120; pointer-events: none; }
.read-progress span { display: block; height: 100%; width: 0; background: var(--brand); transition: width .1s linear; }
.more-comments { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: var(--brand); margin-top: 10px; }
.ad-between { margin: 20px 0; }

/* Video bandı ve galeri */
.video-band { background: #0b1220; border-radius: var(--r); padding: 20px; color: #e5e7eb; }
.video-band .section-title { color: #fff; border-bottom-color: rgba(255,255,255,.12); }
.video-band .section-title > a:last-child { color: #9ca3af; }
.vb-grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: 16px; }
.vb-main { position: relative; border-radius: 12px; overflow: hidden; aspect-ratio: 16/10; background: #111; }
.vb-main img { width: 100%; height: 100%; object-fit: cover; }
.vb-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 66px; height: 66px; border-radius: 50%; background: var(--brand); color: #fff; display: grid; place-items: center; font-size: 22px; box-shadow: 0 8px 30px rgba(0,0,0,.4); z-index: 1; }
.vb-list { display: flex; flex-direction: column; gap: 12px; }
.vb-list a { display: flex; gap: 12px; align-items: center; font-weight: 700; font-size: 14px; color: #f3f4f6; line-height: 1.35; }
.vb-list a:hover { color: #fff; }
.vb-thumb { position: relative; width: 120px; flex: none; aspect-ratio: 16/10; border-radius: 8px; overflow: hidden; background: #1f2937; }
.vb-thumb img { width: 100%; height: 100%; object-fit: cover; }
.vb-thumb i { position: absolute; right: 6px; bottom: 6px; width: 24px; height: 24px; border-radius: 50%; background: var(--brand); display: grid; place-items: center; font-size: 10px; font-style: normal; }
.gal-card { aspect-ratio: 16/10; min-height: 0; }
.gal-count { position: absolute; top: 12px; right: 12px; z-index: 1; background: rgba(0,0,0,.6); color: #fff; font-weight: 800; font-size: 12px; padding: 4px 10px; border-radius: 999px; }

/* Kenar çubuğu servis kutuları */
.np { text-align: center; background: linear-gradient(135deg, var(--brand), var(--brand-d)); color: #fff; border-radius: 12px; padding: 12px; margin-bottom: 12px; }
.np small { display: block; opacity: .9; font-weight: 600; }
.np b { font-size: 28px; font-weight: 900; letter-spacing: .04em; font-variant-numeric: tabular-nums; }
.np-big b { font-size: 46px; }
.prayer-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.prayer-grid li { background: var(--soft); border-radius: 10px; padding: 8px; text-align: center; border: 1px solid var(--line); }
.prayer-grid span { display: block; font-size: 12px; color: var(--muted); font-weight: 700; }
.prayer-grid b { font-size: 16px; color: var(--ink); }
.prayer-grid .is-next, .prayer-cards .is-next { border-color: var(--brand); background: color-mix(in srgb, var(--brand) 8%, var(--card)); }
.fx { list-style: none; margin: 0 0 8px; padding: 0; }
.fx li { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid var(--line); font-weight: 600; }
.fx li b { color: var(--ink); font-variant-numeric: tabular-nums; }
.mini-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.mini-table th { text-align: left; color: var(--muted); font-size: 11px; padding: 4px; }
.mini-table td { padding: 6px 4px; border-top: 1px solid var(--line); }
.mini-table td:nth-child(2) { display: flex; align-items: center; gap: 6px; font-weight: 600; }
.mini-table tr.hl td, .data-table tr.hl td { background: color-mix(in srgb, var(--brand) 10%, transparent); font-weight: 800; }
.obit-list { list-style: none; margin: 0; padding: 0; }
.obit-list a { display: flex; gap: 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--line); }
.obit-list img, .obit-ic { width: 46px; height: 46px; border-radius: 50%; object-fit: cover; flex: none; filter: grayscale(1); display: grid; place-items: center; background: var(--soft); font-size: 20px; }
.obit-list b { display: block; color: var(--ink); font-size: 14px; } .obit-list small { color: var(--muted); }

/* Anket */
.poll-q { margin: 0 0 12px; font-size: 16px; color: var(--ink); line-height: 1.35; }
.poll-opt { display: flex; gap: 10px; align-items: center; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; margin-bottom: 8px; cursor: pointer; font-weight: 600; }
.poll-opt:hover { border-color: var(--brand); }
.poll-opt input { accent-color: var(--brand); width: 17px; height: 17px; }
.poll-results { list-style: none; margin: 0; padding: 0; }
.poll-results li { margin-bottom: 10px; }
.pr-top { display: flex; justify-content: space-between; font-weight: 600; font-size: 14px; margin-bottom: 4px; }
.pr-bar { height: 9px; background: var(--soft); border-radius: 999px; overflow: hidden; border: 1px solid var(--line); }
.pr-bar i { display: block; height: 100%; background: linear-gradient(90deg, var(--brand), color-mix(in srgb, var(--brand) 60%, #fff)); border-radius: 999px; transition: width .6s; }
.poll-foot, .poll-msg { font-size: 12.5px; color: var(--muted); margin: 8px 0 0; }
.poll-list { display: grid; gap: 18px; }
.article-body .poll { font-family: var(--font); font-size: 15px; border: 1px solid var(--line); border-radius: 14px; padding: 18px; margin: 1.5em 0; background: var(--soft); }

/* İlanlar, rehber, sayfalar */
.chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.chips a { padding: 8px 14px; border-radius: 999px; background: var(--card); box-shadow: var(--shadow); font-weight: 700; font-size: 13.5px; }
.chips a.on, .chips a:hover { background: var(--brand); color: #fff; }
.chips em { font-style: normal; opacity: .6; font-weight: 600; }
.cl-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.cl-card { background: var(--card); border-radius: 12px; overflow: hidden; box-shadow: var(--shadow); display: flex; flex-direction: column; transition: .2s; }
.cl-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); }
.cl-card.is-featured { outline: 2px solid #f59e0b; }
.cl-img { position: relative; aspect-ratio: 4/3; background: var(--soft); display: block; }
.cl-img img { width: 100%; height: 100%; object-fit: cover; }
.cl-img em { position: absolute; top: 8px; left: 8px; background: #f59e0b; color: #111; font-style: normal; font-weight: 800; font-size: 11px; padding: 3px 8px; border-radius: 6px; }
.cl-body { padding: 10px 12px 12px; display: flex; flex-direction: column; gap: 3px; }
.cl-body small { color: var(--muted); font-size: 12px; font-weight: 600; }
.cl-body b { color: var(--ink); font-size: 14px; line-height: 1.3; }
.cl-body strong { color: var(--brand); font-size: 16px; }
.cl-detail { display: grid; grid-template-columns: 1.4fr 1fr; gap: 20px; margin-bottom: 20px; }
.cl-photos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.cl-photos a:first-child { grid-column: 1 / -1; }
.cl-photos img { width: 100%; border-radius: 10px; aspect-ratio: 4/3; object-fit: cover; cursor: zoom-in; }
.cl-info { display: flex; flex-direction: column; gap: 10px; }
.cl-info .fields-box { grid-template-columns: 1fr; margin: 0; }
.cl-price { font-size: 28px; font-weight: 900; color: var(--brand); }
.cta-box { margin-top: 24px; background: var(--card); border-radius: var(--r); box-shadow: var(--shadow); padding: 18px 22px; font-weight: 700; text-align: center; }
.cta-box a { color: var(--brand); }
.guide-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; }
.guide-card { display: flex; gap: 14px; background: var(--card); border-radius: 12px; box-shadow: var(--shadow); padding: 14px; }
.guide-card.is-featured { outline: 2px solid var(--brand); }
.gc-img { width: 64px; height: 64px; flex: none; border-radius: 12px; overflow: hidden; background: var(--soft); display: grid; place-items: center; font-weight: 900; color: var(--muted); }
.gc-img img { width: 100%; height: 100%; object-fit: cover; }
.gc-name { font-weight: 800; color: var(--ink); display: block; }
.guide-card small { color: var(--muted); font-weight: 600; }
.guide-card p { margin: 4px 0; font-size: 13.5px; color: var(--text); }
.gc-phone { font-weight: 700; color: var(--brand); font-size: 14px; }
.gi-head { display: flex; gap: 18px; align-items: center; margin-bottom: 16px; }
.gi-head img { width: 96px; height: 96px; border-radius: 16px; object-fit: cover; }
.map iframe { width: 100%; height: 360px; border: 0; border-radius: 12px; margin-top: 16px; }
.tv-player { position: relative; aspect-ratio: 16/9; background: #000; border-radius: var(--r); overflow: hidden; margin-bottom: 20px; box-shadow: var(--shadow-lg); }
.tv-player iframe, .tv-player video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.tv-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }
.tv-ch { background: var(--card); border-radius: 12px; box-shadow: var(--shadow); padding: 14px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 8px; font-size: 13.5px; }
.tv-ch img, .tv-ch span { width: 72px; height: 48px; object-fit: contain; display: grid; place-items: center; font-weight: 900; color: var(--muted); }
.tv-ch.on, .tv-ch:hover { outline: 2px solid var(--brand); }
.np-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 14px; }
.np-card { background: var(--card); border-radius: 12px; box-shadow: var(--shadow); overflow: hidden; text-align: center; font-size: 14px; }
.np-card img { width: 100%; aspect-ratio: 3/4.2; object-fit: cover; object-position: top; }
.np-card b { display: block; padding: 10px; }
.np-big { text-align: center; margin-bottom: 24px; } .np-big img { margin: 0 auto; max-height: 1400px; border-radius: 10px; box-shadow: var(--shadow-lg); }
.obit-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 14px; }
.obit-card { background: var(--card); border-radius: 12px; box-shadow: var(--shadow); padding: 18px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 6px; border-top: 4px solid #334155; }
.obit-card img, .obit-ph { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; filter: grayscale(1); background: var(--soft); display: grid; place-items: center; font-size: 34px; }
.obit-card b { color: var(--ink); font-size: 16px; } .obit-card small, .obit-card time { color: var(--muted); font-size: 12.5px; } .obit-card span { font-size: 13px; }
.wx-now { display: flex; align-items: center; gap: 18px; margin-bottom: 18px; }
.wx-now .wx-ic { font-size: 64px; } .wx-now b { font-size: 46px; font-weight: 900; color: var(--ink); display: block; line-height: 1; } .wx-now span { color: var(--muted); }
.wx-days { display: grid; grid-template-columns: repeat(7, 1fr); gap: 10px; }
.wx-day { text-align: center; padding: 12px 6px; display: flex; flex-direction: column; gap: 4px; } .wx-day .wx-ic { font-size: 30px; }
.wx-day b { color: var(--ink); } .wx-day em { color: var(--muted); font-style: normal; font-weight: 500; } .wx-day small { color: var(--muted); font-size: 11.5px; }
.prayer-cards { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; margin-bottom: 20px; }
.prayer-cards .box { text-align: center; padding: 16px 8px; border: 1px solid var(--line); }
.prayer-cards span { display: block; color: var(--muted); font-weight: 700; } .prayer-cards b { font-size: 24px; color: var(--ink); }
.prayer-cards.small b { font-size: 18px; }
.data-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.data-table th { text-align: left; font-size: 12px; text-transform: uppercase; color: var(--muted); padding: 8px; border-bottom: 2px solid var(--line); }
.data-table td { padding: 9px 8px; border-bottom: 1px solid var(--line); font-variant-numeric: tabular-nums; }
.table-scroll { overflow-x: auto; }
.standings .team { display: flex; align-items: center; gap: 8px; font-weight: 700; white-space: nowrap; }
.form i { display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 5px; font-style: normal; font-size: 11px; font-weight: 800; color: #fff; margin-right: 2px; }
.f-W { background: #16a34a; } .f-D { background: #94a3b8; } .f-L { background: #dc2626; }
.fixtures { display: grid; gap: 8px; margin-bottom: 20px; }
.fx-row { display: grid; grid-template-columns: 140px 1fr 90px 1fr; align-items: center; gap: 10px; padding: 12px 16px; }
.fx-row small { color: var(--muted); } .fx-team { display: flex; align-items: center; gap: 8px; font-weight: 700; }
.fx-row .fx-team:first-of-type { justify-content: flex-end; }
.fx-score { text-align: center; background: var(--soft); border-radius: 8px; padding: 6px; color: var(--ink); }
.ph-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; margin-top: 18px; }
.ph-item b { color: var(--ink); font-size: 16px; display: block; } .ph-item small { color: var(--brand); font-weight: 700; } .ph-item p { margin: 6px 0 10px; font-size: 14px; }
.ph-act { display: flex; gap: 8px; flex-wrap: wrap; }
.ph-note { color: var(--muted); font-size: 14px; margin: 0 0 12px; }
.ph-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 6px; }
.ph-chips a { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border: 1px solid var(--line); border-radius: 999px; font-size: 14px; font-weight: 600; color: var(--ink); background: var(--card, #fff); }
.ph-chips a small { color: var(--muted); font-weight: 700; font-size: 12px; }
.ph-chips a:hover { border-color: var(--brand); }
.ph-chips a.on { background: var(--brand); border-color: var(--brand); color: #fff; }
.ph-chips a.on small { color: rgba(255,255,255,.85); }
.cn-days { margin-bottom: 10px; }
.cn-list { display: grid; gap: 12px; margin-top: 14px; }
.cn-movie { display: flex; gap: 16px; align-items: flex-start; }
.cn-poster { width: 96px; height: 142px; object-fit: cover; border-radius: var(--r-sm, 6px); flex: 0 0 96px; background: var(--soft, #f2f2f0); }
.cn-noposter { display: grid; place-items: center; font-size: 34px; }
.cn-body { flex: 1; min-width: 0; }
.cn-body h2 { font-size: 19px; margin: 0 0 4px; line-height: 1.25; }
.cn-meta { font-size: 13px; color: var(--muted); margin: 0 0 10px; }
.cn-theater { padding: 8px 0; border-top: 1px solid var(--line); }
.cn-theater > b { font-size: 14px; } .cn-theater > small { color: var(--muted); font-size: 12px; }
.cn-times { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.cn-times a, .cn-times span { display: inline-flex; flex-direction: column; align-items: center; min-width: 58px; padding: 5px 9px; border: 1px solid var(--line); border-radius: var(--r-sm, 6px); font-weight: 700; font-size: 14px; color: var(--ink); line-height: 1.2; }
.cn-times small { font-weight: 500; font-size: 10.5px; color: var(--muted); }
.cn-times a:hover { border-color: var(--brand); color: var(--brand); }
.cn-times .past { opacity: .4; text-decoration: line-through; }
@media (max-width: 560px) { .cn-movie { gap: 12px; } .cn-poster { width: 72px; height: 106px; flex-basis: 72px; } .cn-body h2 { font-size: 17px; } }
.tr-map { padding: 0; overflow: hidden; }
.tr-map iframe { display: block; width: 100%; height: 560px; border: 0; }
@media (max-width: 720px) { .tr-map iframe { height: 70vh; min-height: 380px; } }
.tr-legend { display: flex; gap: 16px; flex-wrap: wrap; font-size: 13px; font-weight: 600; margin: 10px 0 4px; }
.tr-legend i { display: inline-block; width: 22px; height: 6px; border-radius: 3px; margin-right: 6px; vertical-align: middle; }
.contact-grid { display: grid; grid-template-columns: 1.3fr 1fr; gap: 22px; }
.contact-grid .fields-box { grid-template-columns: 1fr; align-self: start; }
.cf-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.pkg-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; margin-bottom: 26px; }
.pkg { border: 1px solid var(--line); border-radius: 12px; padding: 16px; display: flex; flex-direction: column; gap: 4px; background: var(--soft); }
.pkg b { color: var(--ink); font-size: 16px; } .pkg small { color: var(--muted); } .pkg strong { color: var(--brand); font-size: 20px; } .pkg p { margin: 4px 0 0; font-size: 13.5px; }
.bank-list { display: grid; gap: 10px; margin-bottom: 24px; }
.bank { display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; align-items: center; border: 1px solid var(--line); }
.bank b { color: var(--ink); } .bank small { color: var(--muted); grid-column: 1; } .bank code { grid-column: 1; font-size: 15px; font-weight: 700; letter-spacing: .04em; color: var(--ink); }
.bank button { grid-row: 1 / span 3; grid-column: 2; }
.lightbox { position: fixed; inset: 0; z-index: 200; background: rgba(0,0,0,.92); display: flex; align-items: center; justify-content: center; }
.lightbox img { max-width: 92vw; max-height: 86vh; border-radius: 6px; }
.lightbox button { position: absolute; background: rgba(255,255,255,.12); color: #fff; border: 0; width: 48px; height: 48px; border-radius: 50%; font-size: 28px; line-height: 1; }
.lb-x { top: 16px; right: 16px; } .lb-p { left: 16px; } .lb-n { right: 16px; }
.lb-c { position: absolute; bottom: 18px; color: #fff; font-weight: 700; }

@media (max-width: 1100px) { .cl-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .wx-days { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 900px) {
  .vb-grid, .cl-detail, .contact-grid { grid-template-columns: 1fr; }
  .prayer-cards { grid-template-columns: repeat(3, 1fr); }
  .top-weather { display: none; }
}
@media (max-width: 680px) {
  .cl-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fx-row { grid-template-columns: 1fr 70px 1fr; } .fx-row small { grid-column: 1 / -1; }
  .cf-row { grid-template-columns: 1fr; }
  .wx-days { grid-template-columns: repeat(2, 1fr); }
  .video-band { margin: 0 -16px 30px; border-radius: 0; }
  body:has(.ad-sticky:not([hidden])) .to-top { bottom: 80px; }
  .live-bar em { display: none; }
}

.ad-header { max-width: 728px; }
.ad-header img { max-height: 90px; width: auto; }
.ad-sidebar img { max-width: 300px; }

/* =========================================================
   v3 — Canlı anlatım, sesli dinleme, anlık arama, ihbar formu
   ========================================================= */
.top-tip { color: var(--brand) !important; font-weight: 700; }
.share .sh-tts { width: auto; border-radius: 999px; padding: 0 13px; gap: 6px; display: inline-flex; align-items: center; background: var(--ink); color: var(--card); font-size: 13px; font-weight: 700; }
.share .sh-tts.on { background: var(--brand); color: #fff; animation: ttsPulse 1.6s infinite; }
@keyframes ttsPulse { 50% { box-shadow: 0 0 0 6px color-mix(in srgb, var(--brand) 20%, transparent); } }
.badge-live { background: #e11d48; color: #fff; display: inline-flex; align-items: center; gap: 6px; }
.badge-live i, .lb-badge i { width: 8px; height: 8px; border-radius: 50%; background: #fff; animation: liveBlink 1.2s infinite; }
@keyframes liveBlink { 50% { opacity: .25; } }

.liveblog { margin: 22px 0; border: 1px solid var(--line); border-radius: 14px; background: var(--card); overflow: hidden; box-shadow: var(--shadow); }
.liveblog.is-live { border-color: color-mix(in srgb, #e11d48 35%, var(--line)); }
.lb-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 16px; border-bottom: 1px solid var(--line); background: var(--soft); flex-wrap: wrap; }
.lb-badge { display: inline-flex; align-items: center; gap: 8px; background: #e11d48; color: #fff; font-size: 12px; font-weight: 800; letter-spacing: .06em; padding: 5px 11px; border-radius: 6px; }
.lb-badge.lb-ended { background: var(--muted); letter-spacing: 0; font-weight: 700; }
.lb-meta { font-size: 13px; color: var(--muted); }
.lb-meta b { color: var(--ink); }
.lb-list { list-style: none; margin: 0; padding: 6px 16px 10px; position: relative; }
.lb-item { display: grid; grid-template-columns: 54px 1fr; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--line); position: relative; }
.lb-item:last-child { border-bottom: 0; }
.lb-item time { font-weight: 800; color: #e11d48; font-size: 14px; padding-top: 2px; font-variant-numeric: tabular-nums; }
.lb-item::before { content: ''; position: absolute; left: 44px; top: 20px; width: 7px; height: 7px; border-radius: 50%; background: #e11d48; }
.lb-body h3 { margin: 0 0 6px; font-size: 17px; color: var(--ink); line-height: 1.35; }
.lb-body p { margin: 0 0 8px; font-family: var(--serif); font-size: 16px; line-height: 1.7; color: var(--text); }
.lb-body img { border-radius: 10px; margin-top: 8px; max-height: 420px; width: auto; }
.lb-pinned { background: color-mix(in srgb, #e11d48 5%, transparent); margin: 0 -16px; padding: 14px 16px; grid-template-columns: 54px 1fr; }
.lb-pinned::before { left: 60px; }
.lb-pin { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 700; color: #e11d48; margin-bottom: 4px; }
.lb-fresh { animation: lbFresh 2.4s ease-out; }
@keyframes lbFresh { 0% { background: color-mix(in srgb, #facc15 35%, transparent); } 100% { background: transparent; } }
.lb-empty { padding: 18px 0; color: var(--muted); text-align: center; font-size: 14px; }

.search[data-suggest] { position: relative; overflow: visible; }
.suggest { position: absolute; top: calc(100% + 8px); left: 0; right: 0; z-index: 70; background: var(--card); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow-lg); padding: 6px; max-height: 70vh; overflow-y: auto; }
.sg-item { display: flex; gap: 12px; align-items: center; padding: 8px; border-radius: 10px; }
.sg-item:hover, .sg-item.on { background: var(--soft); }
.sg-item img, .sg-ph { width: 64px; height: 42px; border-radius: 7px; object-fit: cover; flex: none; background: var(--line); }
.sg-item b { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: var(--ink); font-size: 14px; line-height: 1.35; }
.sg-item small { color: var(--muted); font-size: 12px; }
.sg-all { display: block; text-align: center; padding: 9px; font-weight: 700; font-size: 13px; color: var(--brand); border-top: 1px solid var(--line); margin-top: 4px; }
.sg-empty { padding: 14px; color: var(--muted); font-size: 13.5px; text-align: center; }

.tip-hero { display: flex; gap: 18px; align-items: center; background: linear-gradient(135deg, var(--brand), var(--brand-d)); color: #fff; border-radius: 16px; padding: 24px 26px; margin: 8px 0 20px; }
.tip-hero h1 { margin: 0 0 6px; font-size: 28px; letter-spacing: -.02em; }
.tip-hero p { margin: 0; opacity: .92; line-height: 1.6; }
.tip-ic { width: 64px; height: 64px; border-radius: 18px; background: rgba(255,255,255,.16); display: grid; place-items: center; flex: none; }
.tip-form { background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 22px 24px; box-shadow: var(--shadow); display: flex; flex-direction: column; }
.tip-form label { font-weight: 700; color: var(--ink); font-size: 14px; margin: 14px 0 6px; }
.tip-form label small { font-weight: 500; color: var(--muted); }
.tip-form label b { color: var(--brand); }
.tip-form input:not([type=checkbox]):not([type=file]), .tip-form textarea { width: 100%; padding: 12px 14px; border: 1px solid var(--line); border-radius: 10px; font: inherit; color: var(--ink); background: var(--soft); }
.tip-form input:focus, .tip-form textarea:focus { outline: 0; border-color: var(--brand); box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand) 14%, transparent); background: var(--card); }
.tip-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
.tip-grid > div { display: flex; flex-direction: column; }
.tip-loc { align-self: flex-start; margin-top: 6px; background: none; border: 0; color: var(--brand); font-weight: 600; font-size: 13px; padding: 0; display: inline-flex; gap: 4px; align-items: center; }
.tip-drop { position: relative; display: block; border: 2px dashed var(--line); border-radius: 12px; padding: 20px; text-align: center; cursor: pointer; color: var(--muted) !important; font-weight: 600 !important; margin-top: 0 !important; transition: .15s; }
.tip-drop.over, .tip-drop:hover { border-color: var(--brand); background: color-mix(in srgb, var(--brand) 5%, transparent); }
.tip-drop input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.tip-drop > span { display: inline-flex; align-items: center; gap: 8px; }
.tip-previews { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; margin-top: 10px; }
.tip-previews img { width: 84px; height: 64px; object-fit: cover; border-radius: 8px; }
.tip-check { display: flex; gap: 10px; align-items: flex-start; font-weight: 500 !important; color: var(--text) !important; font-size: 13.5px !important; line-height: 1.5; margin-top: 16px !important; }
.tip-check input { margin-top: 3px; width: 17px; height: 17px; accent-color: var(--brand); flex: none; }
.tip-form .btn-lg { align-self: flex-start; margin-top: 18px; padding: 14px 26px; font-size: 15px; }
.tip-note { color: var(--muted); font-size: 12.5px; margin: 12px 0 0; }
.tip-done { background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 36px 26px; text-align: center; box-shadow: var(--shadow); }
.tip-done h2 { color: var(--ink); margin: 12px 0 8px; }
.tip-done p { color: var(--muted); max-width: 520px; margin: 0 auto 20px; line-height: 1.6; }
.tip-ok { width: 64px; height: 64px; border-radius: 50%; background: #dcfce7; color: #15803d; display: inline-grid; place-items: center; }
@media (max-width: 640px) { .tip-grid { grid-template-columns: 1fr; } .tip-hero { flex-direction: column; align-items: flex-start; padding: 20px; } .tip-hero h1 { font-size: 23px; } .lb-item { grid-template-columns: 46px 1fr; } .lb-item::before { left: 38px; } }

/* =========================================================
   v4 — tema seçenekleri, BİK, resmî ilanlar, hikâye, arama, arşiv,
   biyografi, e-gazete, yayın akışı, üyelik, yorumlar, mobil
   ========================================================= */
body { font-size: calc(15px * var(--scale, 1)); }
.article-title, .section-title, .slide-title, .card-title, .oc-title, .page-head h1, .box-title, .nl-title, .ca-name, .author-head h1, .m-card h1, .ep-head h1, .sr-b h2, .ol-t, .wc-name, .th-t b { font-family: var(--font-h, var(--font)); }
.article-body { font-size: calc(var(--fs, 18px) * var(--scale, 1)); }
.masthead { position: relative; }

/* ---------- Başlık (header) stilleri ---------- */
.hdr-centered .masthead-in { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); min-height: 104px; }
.hdr-centered .logo { justify-self: center; grid-column: 2; }
.hdr-centered .logo img { max-height: 68px; }
.hdr-centered .logo-text { font-size: 38px; }
.hdr-centered .search { grid-column: 3; justify-self: end; max-width: 280px; width: 100%; }
.hdr-centered .mainnav-in > a:first-child { margin-left: auto; }
.hdr-centered .mainnav-in > a:last-child { margin-right: auto; }
.hdr-compact .masthead-in { min-height: 68px; gap: 18px; }
.hdr-compact .logo img { max-height: 44px; }
.hdr-compact .logo-text { font-size: 24px; }
.mainnav-inline { flex: 1; display: flex; overflow-x: auto; scrollbar-width: none; min-width: 0; }
.mainnav-inline::-webkit-scrollbar { display: none; }
.mainnav-inline a { white-space: nowrap; padding: 10px 12px; font-weight: 700; font-size: 14px; color: var(--ink); border-radius: 8px; }
.mainnav-inline a:hover { color: var(--c, var(--brand)); background: var(--soft); }
.hdr-compact .search { max-width: 220px; }
.hdr-compact.nav-sticky .masthead { position: sticky; top: 0; z-index: 50; box-shadow: var(--shadow); border-bottom: 3px solid var(--brand); }
.hdr-dark .masthead { background: var(--hdr-bg, #0b1220); border-bottom-color: transparent; }
.hdr-brand .masthead { background: var(--hdr-bg, var(--brand)); border-bottom-color: transparent; }
.hdr-dark .logo-text span, .hdr-brand .logo-text span { color: #fff; }
.hdr-brand .logo-text b { background: #fff; color: var(--brand); }
.hdr-brand .logo-text span { border-color: #fff; }
.hdr-dark .search, .hdr-brand .search { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.2); }
.hdr-dark .search input, .hdr-brand .search input { color: #fff; }
.hdr-dark .search input::placeholder, .hdr-brand .search input::placeholder { color: rgba(255,255,255,.7); }
.hdr-dark .search button, .hdr-brand .search button, .hdr-dark .burger, .hdr-brand .burger, .hdr-dark .search-mobile, .hdr-brand .search-mobile { color: #fff; }
.hdr-dark .logo-dark, .hdr-brand .logo-dark { display: block !important; }
.hdr-dark .logo-light:has(+ .logo-dark), .hdr-brand .logo-light:has(+ .logo-dark) { display: none; }

/* ---------- Menü stilleri ---------- */
.mainnav { position: relative; }
.nav-sticky .mainnav { position: sticky; top: 0; }
.menu-brand .mainnav { background: var(--menu-bg, var(--brand)); border-bottom-color: color-mix(in srgb, var(--menu-bg, var(--brand)) 70%, #000); }
.menu-dark .mainnav { background: var(--menu-bg, #111827); border-bottom-color: var(--brand); }
.menu-brand .mainnav a, .menu-dark .mainnav a { color: #fff; }
.menu-brand .mainnav a::after { background: #fff; }
.menu-brand .mainnav a:hover, .menu-brand .mainnav a.active { color: #fff; background: rgba(0,0,0,.12); }
.menu-dark .mainnav a:hover, .menu-dark .mainnav a.active { color: #fff; background: rgba(255,255,255,.06); }
.menu-underline .mainnav { border-bottom: 1px solid var(--line); box-shadow: none; }
.menu-underline .mainnav a { text-transform: none; font-weight: 600; font-size: 15px; letter-spacing: 0; }
.menu-brand .nav-live, .menu-dark .nav-live { color: #fff !important; }
.menu-brand .nav-live i { background: #fff; }

/* ---------- Alt bilgi stilleri ---------- */
.ftr-light .footer { background: var(--card); color: var(--text); border-top: 1px solid var(--line); }
.ftr-light .footer h4 { color: var(--ink); }
.ftr-light .footer-links a:hover { color: var(--brand); }
.ftr-light .logo-footer .logo-text span { color: var(--ink); }
.ftr-light .social-lg a { background: var(--soft); color: var(--ink); }
.ftr-light .footer-bottom { border-top-color: var(--line); color: var(--muted); }
.ftr-brand .footer { background: var(--ftr-bg, var(--brand-d)); color: rgba(255,255,255,.82); }
.ftr-brand .footer-bottom { border-top-color: rgba(255,255,255,.15); }
.ftr-minimal .footer { margin-top: 24px; }
.footer { background: var(--ftr-bg, var(--ink)); }
.ftr-light .footer { background: var(--ftr-bg, var(--card)); }
.ftr-brand .footer { background: var(--ftr-bg, var(--brand-d)); }
.fb-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 18px; margin-bottom: 8px; font-weight: 600; }
.fb-links a:hover { color: #fff; }
.ftr-light .fb-links a:hover { color: var(--brand); }
.logo-footer img { max-height: 48px; width: auto; }
.app-links { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; }
.app-links a { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: 10px; background: rgba(255,255,255,.08); font-weight: 700; font-size: 13px; }
.ftr-light .app-links a { background: var(--soft); }

/* ---------- Köşe ve kart stili ---------- */
.r-soft { --r: 6px; }
.r-square { --r: 0px; }
.r-square .card-row .card-media, .r-square .article-figure img, .r-square .video, .r-square .gallery-item img, .r-square .vb-main, .r-square .vb-thumb, .r-square .sr-img, .r-square .pgal-fig, .r-square .th-img, .r-square .ep-cover, .r-square .search, .r-square .chips a, .r-square .badge { border-radius: 0; }
.r-soft .card-row .card-media, .r-soft .article-figure img, .r-soft .video, .r-soft .gallery-item img, .r-soft .vb-main { border-radius: 6px; }
.cards-border .card, .cards-border .box, .cards-border .article, .cards-border .page-head, .cards-border .cat-list, .cards-border .grid.list, .cards-border .next-link, .cards-border .sr-item, .cards-border .official-list a, .cards-border .title-list, .cards-border .wcard, .cards-border .dist-panel, .cards-border .arch-list, .cards-border .tvg-list { box-shadow: none; border: 1px solid var(--line); }
.cards-flat .card { box-shadow: none; background: transparent; }
.cards-flat .card:hover { transform: none; box-shadow: none; }
.cards-flat .card-body { padding-left: 2px; padding-right: 2px; }
.cards-flat .card-media { border-radius: var(--r); }

/* ---------- Üst manşet ---------- */
.top-heads { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; margin-bottom: 16px; }
.th-item { display: flex; gap: 10px; align-items: center; background: var(--card); border-radius: var(--r); box-shadow: var(--shadow); padding: 8px; border-bottom: 3px solid var(--c, var(--brand)); transition: .2s; min-width: 0; }
.th-item:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); }
.th-img { width: 88px; height: 62px; flex: none; border-radius: 8px; overflow: hidden; background: var(--soft); }
.th-img img { width: 100%; height: 100%; object-fit: cover; }
.th-t { min-width: 0; }
.th-t small { display: block; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; color: var(--c, var(--brand)); }
.th-t b { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; line-height: 1.3; color: var(--ink); }

/* ---------- Manşet düzenleri ---------- */
.hero-wide { grid-template-columns: 1fr; }
.hero-wide .slider { aspect-ratio: 21 / 9; }
.hero-wide .slide-title { font-size: clamp(22px, 3vw, 44px); max-width: 900px; }
.hero-split { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
.hero-split .slide-cap { padding-bottom: 28px; }
.split-list { list-style: none; margin: 0; padding: 4px; background: var(--card); border-radius: var(--r); box-shadow: var(--shadow); display: flex; flex-direction: column; gap: 2px; overflow-y: auto; height: 0; min-height: 100%; }
.hero-split { align-items: stretch; }
.hero > .slider { align-self: start; }
.split-list button { width: 100%; display: flex; gap: 10px; align-items: flex-start; text-align: left; border: 0; background: none; padding: 10px; border-radius: 10px; color: var(--ink); border-left: 3px solid transparent; }
.split-list button:hover { background: var(--soft); }
.split-list button.is-active { background: color-mix(in srgb, var(--brand) 8%, var(--card)); border-left-color: var(--brand); }
.sl-n { flex: none; width: 24px; height: 24px; border-radius: 6px; background: var(--soft); display: grid; place-items: center; font-weight: 900; font-size: 12px; color: var(--muted); }
.is-active .sl-n { background: var(--brand); color: #fff; }
.sl-t { font-weight: 700; font-size: 14px; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.slider-thumbs .slider-pager button { height: 60px; padding: 4px; min-width: 64px; border-top: 0; }
.slider-thumbs .slider-pager button img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; opacity: .55; transition: opacity .2s; }
.slider-thumbs .slider-pager button.is-active img, .slider-thumbs .slider-pager button:hover img { opacity: 1; box-shadow: 0 0 0 2px #fff; }
.slider-thumbs .slider-pager button.is-active, .slider-thumbs .slider-pager button:hover { background: none; }
.slider-thumbs .slide-cap { padding-bottom: 84px; }
.pg-ad { font-size: 11px !important; letter-spacing: .04em; }
.slide.is-designed img { transform: none !important; }
/* Akıllı manşet görselleri (yazı görselin içinde): hiçbir ekran oranında kırpılmaz */
.is-designed { background: #0b1220; overflow: hidden; }
.is-designed .dz-blur { position: absolute; inset: -24px; background-size: cover; background-position: center; filter: blur(22px) brightness(.55) saturate(1.15); }
.is-designed img.dz-img { position: relative; display: block; object-fit: contain; transform: none !important; }
.slider-thumbs .is-designed img.dz-img { height: calc(100% - 80px); }
.slide-ad { background: #0b1220; display: flex; align-items: center; justify-content: center; }
.slide-ad img, .slide-ad picture { width: 100%; height: 100%; object-fit: cover; display: block; }
.slide-ad-label { position: absolute; top: 10px; right: 10px; background: rgba(0,0,0,.55); color: #fff; padding: 2px 8px; border-radius: 4px; margin: 0; }
.mosaic { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 12px; aspect-ratio: 2.35 / 1; }
.mosaic .overlay-card { min-height: 0; }
.mosaic .mz-lg { grid-row: span 2; }
.mosaic .mz-lg .slide-cap { padding: 60px 22px 22px; }
.mosaic .is-designed .slide-cap { display: none; }

/* ---------- Sürmanşet bandı (4'lü / beşli) ---------- */
.feat-band { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: -12px 0 26px; }
.feat-row5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.fb-card { aspect-ratio: 4 / 3; min-height: 0; }
.feat-row5 .fb-card { aspect-ratio: 1 / 1; }
.fb-card .oc-title { font-size: 15px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.fb-card .slide-cap { padding: 40px 12px 12px; }
.fb-n { position: absolute; top: 10px; left: 10px; z-index: 1; width: 28px; height: 28px; border-radius: 50%; background: var(--brand); color: #fff; font-weight: 900; font-size: 14px; display: grid; place-items: center; box-shadow: 0 2px 8px rgba(0,0,0,.3); }

/* ---------- Hikâyeler ---------- */
.stories { margin: 0 0 24px; }
.st-track { display: flex; gap: 14px; overflow-x: auto; scrollbar-width: none; padding: 4px 2px 6px; }
.st-track::-webkit-scrollbar { display: none; }
.st-item { flex: none; width: 78px; border: 0; background: none; padding: 0; text-align: center; color: var(--ink); }
.st-ring { width: 74px; height: 74px; border-radius: 50%; padding: 3px; display: block; margin: 0 auto; background: conic-gradient(from 200deg, var(--brand), #f59e0b, #e11d48, var(--brand)); transition: transform .2s; }
.st-item:hover .st-ring { transform: scale(1.05); }
.st-ring img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; border: 3px solid var(--bg); background: var(--soft); }
.st-item.seen .st-ring { background: var(--line); }
.st-name { display: block; margin-top: 6px; font-size: 12px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sv { position: fixed; inset: 0; z-index: 400; background: rgba(0,0,0,.94); display: flex; align-items: center; justify-content: center; animation: svIn .2s ease; }
@keyframes svIn { from { opacity: 0; } }
.sv-frame { position: relative; width: min(100vw, calc(100dvh * 9 / 16)); height: 100dvh; background: #111; overflow: hidden; user-select: none; touch-action: pan-y; }
@media (min-width: 681px) { .sv-frame { height: min(92vh, 860px); width: calc(min(92vh, 860px) * 9 / 16); border-radius: 16px; } }
.sv-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.sv-bars { position: absolute; top: 10px; left: 10px; right: 10px; display: flex; gap: 4px; z-index: 4; }
.sv-bars i { flex: 1; height: 3px; background: rgba(255,255,255,.35); border-radius: 3px; overflow: hidden; }
.sv-bars i b { display: block; height: 100%; width: 0; background: #fff; }
.sv-head { position: absolute; top: 22px; left: 12px; right: 52px; display: flex; align-items: center; gap: 10px; color: #fff; z-index: 4; font-weight: 800; font-size: 14px; text-shadow: 0 1px 6px rgba(0,0,0,.5); }
.sv-head img { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; border: 2px solid #fff; }
.sv-cap { position: absolute; left: 0; right: 0; bottom: 0; padding: 90px 18px calc(24px + env(safe-area-inset-bottom)); background: linear-gradient(transparent, rgba(0,0,0,.88)); color: #fff; z-index: 3; }
.sv-cap small { display: inline-block; background: var(--brand); padding: 2px 8px; border-radius: 5px; font-weight: 800; font-size: 11px; text-transform: uppercase; margin-bottom: 8px; }
.sv-cap b { display: block; font-size: 21px; line-height: 1.28; }
.sv-link { display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; background: #fff; color: #111; padding: 10px 18px; border-radius: 999px; font-weight: 800; font-size: 14px; position: relative; z-index: 5; }
.sv-tap { position: absolute; top: 60px; bottom: 120px; width: 40%; z-index: 2; border: 0; background: none; padding: 0; }
.sv-tap.prev { left: 0; } .sv-tap.next { right: 0; width: 60%; }
.sv-x { position: absolute; top: 18px; right: 10px; z-index: 6; width: 38px; height: 38px; border: 0; border-radius: 50%; background: rgba(0,0,0,.35); color: #fff; display: grid; place-items: center; }
.sv-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 6; width: 46px; height: 46px; border-radius: 50%; border: 0; background: rgba(255,255,255,.14); color: #fff; display: none; place-items: center; }
@media (min-width: 681px) { .sv-arrow { display: grid; } .sv-arrow.prev { left: calc(50% - (min(92vh, 860px) * 9 / 32) - 64px); } .sv-arrow.next { right: calc(50% - (min(92vh, 860px) * 9 / 32) - 64px); } }

/* ---------- Resmî ilanlar ---------- */
.official-strip { margin: 0 0 24px; }
.official-banner { display: flex; align-items: center; gap: 14px; padding: 14px 18px; border-radius: var(--r); background: linear-gradient(120deg, #0f3d6e, #1d5fa3); color: #fff; box-shadow: var(--shadow); transition: transform .2s, box-shadow .2s; }
.official-banner:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); }
.ob-ic { width: 50px; height: 50px; flex: none; border-radius: 14px; background: rgba(255,255,255,.14); display: grid; place-items: center; }
.ob-t b { display: block; font-size: 17px; letter-spacing: .08em; font-weight: 900; }
.ob-t small { display: block; opacity: .85; font-size: 13px; margin-top: 2px; }
.ob-go { margin-left: auto; width: 36px; height: 36px; border-radius: 50%; background: #fff; color: #0f3d6e; display: grid; place-items: center; flex: none; }
.ob-img { padding: 0; background: none; overflow: hidden; display: block; }
.ob-img img { width: 100%; height: auto; }
.ob-box { flex-direction: column; text-align: center; padding: 18px; }
.ob-box .ob-go { margin: 4px auto 0; }
.official-head { display: flex; gap: 18px; align-items: center; border-left-color: #0f3d6e; }
.official-head p a { color: #1d5fa3; font-weight: 700; }
.oh-ic { width: 60px; height: 60px; flex: none; border-radius: 16px; background: #0f3d6e; color: #fff; display: grid; place-items: center; }
.official-filter { display: flex; flex-direction: column; gap: 4px; margin-bottom: 14px; }
.official-filter .chips { margin-bottom: 8px; }
.of-search { max-width: 520px; background: var(--card); }
.official-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.official-list a { display: grid; grid-template-columns: 68px minmax(0, 1fr) auto; gap: 16px; align-items: center; background: var(--card); border-radius: var(--r); box-shadow: var(--shadow); padding: 14px 16px; border-left: 4px solid #0f3d6e; transition: .2s; }
.official-list a:hover { box-shadow: var(--shadow-lg); }
.ol-date { text-align: center; background: #eaf1f9; color: #0f3d6e; border-radius: 10px; padding: 8px 4px; }
html.dark .ol-date { background: rgba(255,255,255,.06); color: #93c5fd; }
.ol-date b { display: block; font-size: 24px; line-height: 1; font-weight: 900; }
.ol-date span { font-size: 11px; font-weight: 800; text-transform: uppercase; }
.ol-tags { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.ol-tags em { font-style: normal; background: #0f3d6e; color: #fff; font-size: 11px; font-weight: 800; padding: 2px 8px; border-radius: 5px; }
.ol-tags small { color: var(--muted); font-weight: 700; font-size: 12px; }
.ol-t { display: block; color: var(--ink); font-size: 16px; line-height: 1.35; margin: 6px 0; }
.ol-m { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 12.5px; color: var(--muted); }
.ol-m span { display: inline-flex; gap: 4px; align-items: center; }
.ol-due { color: #b45309; font-weight: 700; }
.ol-past { text-decoration: line-through; }
.ol-go { color: var(--muted); }
.badge-official { background: #0f3d6e; display: inline-flex; gap: 5px; align-items: center; }
.official-note { display: flex; gap: 8px; align-items: center; background: var(--soft); border: 1px dashed var(--line); border-radius: 10px; padding: 10px 14px; margin-bottom: 18px; color: var(--muted); font-size: 14px; }
.official-pdf { border: 1px solid var(--line); border-radius: 14px; overflow: hidden; margin: 22px 0; background: var(--card); }
.op-head { display: flex; align-items: center; gap: 12px; padding: 12px 14px; background: var(--soft); border-bottom: 1px solid var(--line); color: #b91c1c; }
.op-head div { flex: 1; min-width: 0; color: var(--text); }
.op-head b { display: block; color: var(--ink); }
.op-head small { color: var(--muted); }
.op-view { display: block; width: 100%; height: 80vh; max-height: 920px; border: 0; background: #525659; }
.official-src a { color: var(--brand); font-weight: 700; }

/* ---------- Haber detay eklentileri ---------- */
.bik-source span { font-weight: 800; color: var(--ink); font-style: normal; letter-spacing: .02em; }
.am-bik { gap: 8px; }
.am-src-ic { width: 34px; height: 34px; border-radius: 50%; background: var(--soft); border: 1px solid var(--line); display: grid; place-items: center; color: var(--brand); }
.am-bik > span:last-child { letter-spacing: .02em; }
.article-figure, .gallery-item, .pgal-fig { position: relative; }
.img-credit { position: absolute; top: 10px; right: 10px; z-index: 2; background: rgba(0,0,0,.58); color: #fff; font-family: var(--font); font-size: 11px; font-weight: 700; padding: 3px 8px; border-radius: 6px; letter-spacing: .02em; pointer-events: none; }
.art-audio { display: flex; gap: 12px; align-items: center; background: var(--soft); border: 1px solid var(--line); border-radius: 14px; padding: 12px 14px; margin: 0 0 20px; }
.art-audio > div { flex: 1; min-width: 0; }
.art-audio b { font-size: 13px; color: var(--ink); }
.art-audio audio { width: 100%; height: 40px; margin-top: 6px; display: block; }
.aa-ic { width: 40px; height: 40px; border-radius: 12px; background: var(--brand); color: #fff; display: grid; place-items: center; flex: none; }
.sh-save { background: var(--soft) !important; color: var(--ink) !important; border: 1px solid var(--line) !important; }
.sh-save.on { background: var(--brand) !important; color: #fff !important; border-color: var(--brand) !important; }
.badge-district { background: #0f766e; display: inline-flex; gap: 3px; align-items: center; }
.play svg { margin-left: 2px; }
.play-gal { background: rgba(0,0,0,.6); }
.related .grid-2 .card-title { font-size: 15px; }

/* Sayfalı galeri */
.pgal { margin-bottom: 24px; }
.pgal-fig { margin: 0; background: #0b0f17; border-radius: 12px; overflow: hidden; }
.pgal-fig img { width: 100%; height: auto; max-height: 78vh; object-fit: contain; margin: 0 auto; display: block; cursor: zoom-in; }
.pgal-nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 52px; height: 52px; border-radius: 50%; background: rgba(0,0,0,.45); color: #fff; display: grid; place-items: center; transition: background .2s; }
.pgal-nav:hover { background: var(--brand); }
.pgal-nav.prev { left: 12px; } .pgal-nav.next { right: 12px; }
.pgal-cap { font-family: var(--serif); font-size: 17px; line-height: 1.65; margin: 12px 0; color: var(--text); }
.pgal-bar { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin: 12px 0; }
.pgal-bar b { font-variant-numeric: tabular-nums; color: var(--ink); }
.pgal-thumbs { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 6px; scrollbar-width: thin; }
.pgal-thumbs a { flex: none; width: 78px; height: 56px; border-radius: 8px; overflow: hidden; opacity: .55; border: 2px solid transparent; transition: .15s; }
.pgal-thumbs a.on, .pgal-thumbs a:hover { opacity: 1; border-color: var(--brand); }
.pgal-thumbs img { width: 100%; height: 100%; object-fit: cover; }

/* ---------- Yorumlar ---------- */
.comment-form .cap { min-height: 0; }
.cf-reply { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--muted); background: var(--soft); border-radius: 10px; padding: 8px 10px; }
.cf-reply span { font-weight: 800; color: var(--ink); }
.cf-reply button { margin-left: auto; border: 0; background: none; color: var(--muted); display: grid; place-items: center; }
.cf-who { font-size: 13.5px; color: var(--muted); display: flex; align-items: center; gap: 8px; }
.cf-who b { color: var(--ink); }
.cf-foot { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.cf-foot small a { color: var(--brand); font-weight: 700; }
.cm-login { display: flex; gap: 10px; align-items: center; background: var(--soft); border: 1px dashed var(--line); border-radius: 12px; padding: 14px; margin-bottom: 18px; color: var(--muted); }
.cm-login a { color: var(--brand); font-weight: 800; }
.cm-list, .cm-replies { list-style: none; margin: 0; padding: 0; }
.cm { display: flex; gap: 12px; padding: 16px 0; border-top: 1px solid var(--line); }
.cm-replies { margin-top: 10px; border-left: 2px solid var(--line); padding-left: 14px; }
.cm-replies .cm { border-top: 0; padding: 8px 0; }
.cm-b { flex: 1; min-width: 0; }
.cm-h { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
.cm-h b { color: var(--ink); }
.cm-h time { color: var(--muted); font-size: 12px; }
.cm-tag { font-size: 10.5px; font-weight: 800; background: var(--soft); border: 1px solid var(--line); padding: 1px 7px; border-radius: 999px; color: var(--muted); }
.cm-staff { background: var(--brand); color: #fff; border-color: var(--brand); display: inline-flex; gap: 3px; align-items: center; }
.cm-is-staff > .cm-b > p { background: color-mix(in srgb, var(--brand) 6%, transparent); border-radius: 10px; padding: 8px 12px; }
.cm-b p { margin: 5px 0 8px; overflow-wrap: anywhere; line-height: 1.6; }
.cm-a { display: flex; gap: 6px; flex-wrap: wrap; }
.cm-a button { border: 1px solid var(--line); background: var(--card); color: var(--muted); border-radius: 999px; padding: 4px 11px; font-size: 12.5px; font-weight: 700; display: inline-flex; gap: 5px; align-items: center; }
.cm-a button:hover { color: var(--brand); border-color: var(--brand); }
.cm-vote.on { color: var(--brand); border-color: var(--brand); background: color-mix(in srgb, var(--brand) 8%, var(--card)); }
.cm-empty { margin: 4px 0 0; }
.cm-reply-form { margin: 10px 0 4px; }

/* ---------- Gelişmiş arama ---------- */
.search-head h1 { margin-bottom: 4px; }
.adv-search { margin-top: 14px; max-width: 820px; }
.adv-search .search-big { max-width: none; margin-top: 0; }
.adv-more { margin-top: 12px; }
.adv-more summary { cursor: pointer; font-weight: 700; color: var(--brand); display: inline-flex; gap: 6px; align-items: center; list-style: none; font-size: 14px; }
.adv-more summary::-webkit-details-marker { display: none; }
.adv-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.adv-grid label { display: flex; flex-direction: column; gap: 5px; font-size: 12.5px; font-weight: 700; color: var(--muted); }
.adv-grid select, .adv-grid input[type=date] { padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--soft); color: var(--ink); font: inherit; font-size: 14px; width: 100%; }
.adv-check { flex-direction: row !important; align-items: center; gap: 8px !important; grid-column: 1 / -1; color: var(--text) !important; font-weight: 600 !important; }
.adv-check input { accent-color: var(--brand); width: 16px; height: 16px; }
.adv-foot { display: flex; gap: 8px; margin-top: 12px; }
.search-count { color: var(--muted); margin: 0 0 14px; }
.search-count b { color: var(--ink); }
.search-results { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.sr-item { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 16px; background: var(--card); border-radius: var(--r); box-shadow: var(--shadow); padding: 12px; }
.sr-img { position: relative; display: block; aspect-ratio: 16 / 10; border-radius: 10px; overflow: hidden; background: var(--soft); }
.sr-img img { width: 100%; height: 100%; object-fit: cover; }
.sr-meta { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; font-size: 12.5px; color: var(--muted); }
.sr-b h2 { font-size: 18px; margin: 6px 0; line-height: 1.3; color: var(--ink); }
.sr-b h2 a:hover { color: var(--brand); }
.sr-b p { margin: 0; color: var(--muted); font-size: 14px; }
mark { background: color-mix(in srgb, #facc15 55%, transparent); color: inherit; border-radius: 3px; padding: 0 2px; }

/* ---------- Haber arşivi ---------- */
.arch-list { list-style: none; margin: 0; padding: 4px 18px; background: var(--card); border-radius: var(--r); box-shadow: var(--shadow); }
.arch-list li { display: flex; gap: 12px; align-items: baseline; padding: 11px 0; border-bottom: 1px solid var(--line); }
.arch-list li:last-child { border-bottom: 0; }
.arch-list time { color: var(--brand); font-weight: 800; font-variant-numeric: tabular-nums; flex: none; }
.arch-list a { flex: 1; font-weight: 700; color: var(--ink); line-height: 1.4; }
.arch-list a:hover { color: var(--brand); }
.arch-list .badge { flex: none; }
.ac-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.ac-head a { width: 32px; height: 32px; border-radius: 8px; display: grid; place-items: center; background: var(--soft); }
.ac-head b { color: var(--ink); }
.ac-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; text-align: center; }
.ac-wd { font-size: 11px; color: var(--muted); font-weight: 800; padding-bottom: 4px; }
.ac-d { display: grid; place-items: center; aspect-ratio: 1; border-radius: 8px; font-size: 13.5px; font-weight: 600; color: var(--muted); }
a.ac-d.has { color: var(--ink); background: var(--soft); font-weight: 800; }
a.ac-d:hover { background: color-mix(in srgb, var(--brand) 14%, transparent); }
.ac-d.on { background: var(--brand) !important; color: #fff !important; }
.ac-future { opacity: .35; }
.ac-pick { display: flex; gap: 8px; margin-top: 12px; }
.ac-pick input { flex: 1; min-width: 0; padding: 8px 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--soft); color: var(--ink); font: inherit; }

/* ---------- Biyografiler ---------- */
.letters { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 14px; }
.letters a { min-width: 34px; height: 34px; padding: 0 8px; display: grid; place-items: center; border-radius: 8px; background: var(--card); box-shadow: var(--shadow); font-weight: 800; font-size: 13.5px; }
.letters a.on, .letters a:hover { background: var(--brand); color: #fff; }
.bio-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 14px; }
.bio-card { background: var(--card); border-radius: var(--r); box-shadow: var(--shadow); padding: 20px 14px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 4px; transition: .2s; }
.bio-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); }
.bio-img { width: 96px; height: 96px; border-radius: 50%; overflow: hidden; margin-bottom: 8px; background: var(--soft); display: grid; place-items: center; }
.bio-img img { width: 100%; height: 100%; object-fit: cover; }
.bio-card b { color: var(--ink); font-size: 15.5px; }
.bio-card small { color: var(--muted); font-size: 12.5px; line-height: 1.35; }
.bio-y { font-size: 12px; color: var(--brand); font-weight: 700; margin-top: 2px; }
.bio-head { display: flex; gap: 24px; align-items: flex-start; margin-bottom: 10px; }
.bio-photo { width: 168px; flex: none; }
.bio-photo img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 14px; box-shadow: var(--shadow); }
.bio-head .article-title { margin-top: 0; }
.bio-facts { display: flex; flex-wrap: wrap; background: var(--card); gap: 0; }
.bio-facts > div { flex: 1 1 200px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); margin: 0 -1px -1px 0; }

/* ---------- E-gazete ---------- */
.ep-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 18px; }
.ep-card { display: flex; flex-direction: column; gap: 4px; }
.ep-cover { position: relative; aspect-ratio: 3 / 4.2; border-radius: 10px; overflow: hidden; background: var(--soft); box-shadow: var(--shadow); display: block; transition: transform .2s, box-shadow .2s; }
.ep-card:hover .ep-cover { transform: translateY(-3px); box-shadow: var(--shadow-lg); }
.ep-cover img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.ep-cover em { position: absolute; top: 8px; left: 8px; background: var(--brand); color: #fff; font-style: normal; font-size: 11px; font-weight: 800; padding: 2px 8px; border-radius: 6px; }
.ep-ph { display: grid; place-items: center; height: 100%; color: var(--muted); }
.ep-card b { color: var(--ink); font-size: 14.5px; margin-top: 6px; line-height: 1.3; }
.ep-card small { color: var(--muted); }
.ep-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 14px; flex-wrap: wrap; margin-bottom: 14px; }
.ep-head h1 { margin: 4px 0; color: var(--ink); font-size: 28px; letter-spacing: -.02em; }
.ep-head p { margin: 0; }
.ep-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.ep-viewer { background: #1f2430; border-radius: var(--r); overflow: hidden; }
.ep-bar { display: flex; align-items: center; gap: 6px; padding: 8px; background: #111520; color: #fff; flex-wrap: wrap; }
.ep-bar button { border: 0; background: rgba(255,255,255,.08); color: #fff; height: 38px; min-width: 38px; padding: 0 8px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; }
.ep-bar button:hover, .ep-bar button.on { background: rgba(255,255,255,.2); }
.ep-bar button svg + svg { margin-left: -10px; }
.ep-count { font-weight: 800; font-variant-numeric: tabular-nums; padding: 0 8px; min-width: 76px; text-align: center; }
.ep-sp { flex: 1; }
.ep-stage { position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 2px; padding: 16px; min-height: 60vh; overflow: hidden; touch-action: pan-y; flex-wrap: wrap; }
.ep-stage img { max-height: 82vh; max-width: 100%; box-shadow: 0 6px 30px rgba(0,0,0,.45); background: #fff; user-select: none; -webkit-user-drag: none; }
.ep-stage.spread img { max-width: calc(50% - 1px); }
.ep-stage.zoom { overflow: auto; justify-content: flex-start; flex-wrap: nowrap; cursor: grab; max-height: 86vh; }
.ep-stage.zoom img { max-height: none; max-width: none; width: 170%; }
.ep-stage .ep-static { margin: 0 auto 12px; }
.ep-stage.js .ep-static { display: none; }
.ep-thumbs { display: flex; gap: 8px; overflow-x: auto; padding: 10px; background: #111520; }
.ep-thumbs button { flex: none; width: 72px; border: 2px solid transparent; padding: 0; background: none; border-radius: 6px; overflow: hidden; opacity: .6; }
.ep-thumbs button.on { border-color: var(--brand); opacity: 1; }
.ep-thumbs img { width: 100%; display: block; }
.ep-thumbs span { display: block; color: #cbd5e1; font-size: 11px; text-align: center; padding: 2px 0; }
.ep-viewer:fullscreen { border-radius: 0; display: flex; flex-direction: column; }
.ep-viewer:fullscreen .ep-stage { flex: 1; max-height: none; }
.ep-object { height: 85vh; }

/* ---------- Yayın akışı ---------- */
.tvg-days { display: flex; gap: 6px; overflow-x: auto; margin-bottom: 12px; padding-bottom: 4px; scrollbar-width: none; }
.tvg-days button { flex: none; border: 0; background: var(--card); box-shadow: var(--shadow); border-radius: 12px; padding: 8px 14px; text-align: center; color: var(--ink); min-width: 74px; }
.tvg-days button span { display: block; font-size: 11px; color: var(--muted); font-weight: 800; text-transform: uppercase; }
.tvg-days button b { font-size: 14px; }
.tvg-days button.on { background: var(--brand); color: #fff; }
.tvg-days button.on span { color: rgba(255,255,255,.8); }
.tvg-list { list-style: none; margin: 0; padding: 4px 18px; background: var(--card); border-radius: var(--r); box-shadow: var(--shadow); }
.tvg-list li { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto auto; gap: 12px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--line); }
.tvg-list li:last-child { border-bottom: 0; }
.tvg-list time { font-weight: 900; color: var(--ink); font-variant-numeric: tabular-nums; font-size: 16px; }
.tvg-list b { color: var(--ink); }
.tvg-list p { margin: 2px 0 0; color: var(--muted); font-size: 13.5px; }
.tvg-cat { font-size: 11.5px; font-weight: 700; color: var(--muted); background: var(--soft); border: 1px solid var(--line); border-radius: 999px; padding: 2px 9px; white-space: nowrap; }
.tvg-list li.now { background: color-mix(in srgb, var(--brand) 7%, transparent); margin: 0 -18px; padding: 12px 18px 12px 14px; border-left: 4px solid var(--brand); }
.tvg-list li.now time { color: var(--brand); }
.tvg-list li.past { opacity: .55; }
.tvg-now { display: flex; align-items: center; gap: 14px; background: linear-gradient(135deg, var(--brand), var(--brand-d)); color: #fff; border-radius: var(--r); padding: 14px 18px; margin-bottom: 14px; }
.tvg-now div { flex: 1; min-width: 0; }
.tvg-now small { font-weight: 800; letter-spacing: .08em; opacity: .9; font-size: 11px; }
.tvg-now b { display: block; font-size: 19px; }
.tvg-now em { font-style: normal; opacity: .85; font-size: 13.5px; }
.tvg-now .btn { background: #fff; color: var(--brand); flex: none; }
.tvg-now .live-dot { background: #fff; flex: none; }
.tvg-empty { color: var(--muted); padding: 18px 0 !important; display: block !important; }
.tv-now-box { display: flex; gap: 12px; align-items: center; background: var(--card); border-radius: var(--r); box-shadow: var(--shadow); padding: 12px 16px; margin-bottom: 16px; }
.tv-now-box div { flex: 1; min-width: 0; }
.tv-now-box small { color: var(--muted); font-weight: 800; font-size: 11px; letter-spacing: .06em; }
.tv-now-box b { display: block; color: var(--ink); }
.tv-now-box a { color: var(--brand); font-weight: 700; font-size: 13.5px; }

/* ---------- Üyelik ---------- */
.m-wrap { display: flex; justify-content: center; padding: 16px 0 10px; }
.m-card { width: 100%; max-width: 440px; background: var(--card); border-radius: 18px; box-shadow: var(--shadow-lg); padding: 30px 28px; text-align: center; }
.m-ic { width: 56px; height: 56px; border-radius: 16px; background: color-mix(in srgb, var(--brand) 12%, transparent); color: var(--brand); display: inline-grid; place-items: center; margin-bottom: 6px; }
.m-card h1 { margin: 6px 0; color: var(--ink); font-size: 24px; letter-spacing: -.02em; }
.m-card > p { margin: 0; }
.m-form { display: grid; gap: 12px; text-align: left; margin-top: 16px; }
.m-form label { display: grid; gap: 5px; font-weight: 700; font-size: 13.5px; color: var(--ink); }
.m-form label small { color: var(--muted); font-weight: 500; }
.m-form input:not([type=checkbox]):not([type=hidden]) { width: 100%; padding: 12px 14px; border: 1px solid var(--line); border-radius: 10px; background: var(--soft); color: var(--ink); font: inherit; font-weight: 400; }
.m-form input:focus { outline: 0; border-color: var(--brand); box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand) 12%, transparent); }
.m-pw { position: relative; }
.m-pw input { padding-right: 46px !important; }
.m-eye { position: absolute; right: 5px; top: 50%; transform: translateY(-50%); border: 0; background: none; color: var(--muted); width: 38px; height: 38px; border-radius: 8px; display: grid; place-items: center; }
.m-row { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 13.5px; flex-wrap: wrap; }
.m-row a { color: var(--brand); font-weight: 700; }
.m-check { display: flex !important; align-items: flex-start; gap: 8px !important; font-weight: 500 !important; font-size: 13px !important; color: var(--text) !important; line-height: 1.45; }
.m-check input { margin-top: 2px; accent-color: var(--brand); width: 16px; height: 16px; flex: none; }
.m-check a { color: var(--brand); font-weight: 700; }
.m-alt { margin: 18px 0 0; font-size: 14px; color: var(--muted); }
.m-alt a { color: var(--brand); font-weight: 800; }
.m-card .flash { text-align: left; margin: 12px 0 0; font-size: 14px; }
.m-card .flash a { color: inherit; text-decoration: underline; }
.m-head { display: flex; gap: 16px; align-items: center; background: var(--card); border-radius: var(--r); box-shadow: var(--shadow); padding: 20px 22px; margin-bottom: 14px; flex-wrap: wrap; }
.m-head h1 { margin: 0; font-size: 24px; color: var(--ink); }
.m-head p { margin: 2px 0 0; }
.m-logout { margin-left: auto; }
.m-tabs { margin-bottom: 16px; }
.m-tabs a { display: inline-flex; gap: 6px; align-items: center; }
.m-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
.m-grid .box { margin: 0; }
.m-grid .m-form { margin-top: 0; }
.m-comments ul { list-style: none; margin: 0; padding: 0; }
.m-comments li { padding: 10px 0; border-bottom: 1px solid var(--line); }
.m-comments li:last-child { border-bottom: 0; }
.m-comments li a { font-weight: 700; color: var(--ink); }
.m-comments p { margin: 4px 0; font-size: 14px; }
.m-comments small { color: var(--muted); }
.m-danger { border: 1px solid color-mix(in srgb, #dc2626 30%, var(--line)); }
.btn-danger { background: #dc2626; }
.btn-danger:hover { background: #b91c1c; }
.m-saved-row { position: relative; }
.m-saved .card-row { padding-right: 46px; }
.icon-x { position: absolute; right: 0; top: 14px; width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--line); background: var(--card); color: var(--muted); display: grid; place-items: center; }
.icon-x:hover { color: #dc2626; border-color: #dc2626; }
.top-member { width: auto !important; border-radius: 999px !important; padding: 0 10px 0 6px; gap: 6px; font-weight: 700; display: inline-flex !important; align-items: center; }
.top-member .mav { width: 22px; height: 22px; border-radius: 50%; background: var(--brand); color: #fff; display: grid; place-items: center; font-size: 10px; font-weight: 800; }
.save-toast { position: fixed; left: 50%; bottom: 90px; transform: translateX(-50%); z-index: 300; background: var(--ink); color: var(--card); padding: 10px 16px; border-radius: 999px; font-weight: 700; font-size: 14px; box-shadow: var(--shadow-lg); animation: svIn .2s; display: flex; gap: 10px; align-items: center; }
.save-toast a { color: var(--brand); text-decoration: underline; }

/* ---------- Anasayfa blokları ---------- */
.h-scroll { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(240px, 1fr); gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 8px; scrollbar-width: thin; }
.h-scroll > * { scroll-snap-align: start; }
.wcard { background: var(--card); border-radius: var(--r); box-shadow: var(--shadow); padding: 16px; display: flex; gap: 12px; align-items: flex-start; min-width: 0; }
.wb-carousel .wcard, .wb-grid .wcard { flex-direction: column; align-items: center; text-align: center; }
.wc-b { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.wc-name { font-weight: 900; color: var(--ink); font-size: 15px; }
.wc-title { font-family: var(--serif); color: var(--text); font-size: 14.5px; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.wc-title:hover { color: var(--brand); }
.wcard time { font-size: 12px; color: var(--muted); }
.wb-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.wb-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; background: var(--card); border-radius: var(--r); box-shadow: var(--shadow); padding: 4px 16px; }
.wb-list .wcard { box-shadow: none; border-radius: 0; padding: 12px 0; border-bottom: 1px solid var(--line); background: none; }
.gal-block .h-scroll { grid-auto-columns: minmax(270px, 1fr); }
@media (min-width: 681px) { .wb-carousel .h-scroll { grid-auto-columns: calc((100% - 42px) / 4); } .gal-block .h-scroll { grid-auto-columns: calc((100% - 28px) / 3); } }
.gal-block .h-scroll .gal-card { aspect-ratio: 4 / 3; }
.gal-mosaic { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr); grid-auto-rows: 170px; gap: 12px; }
.gal-mosaic .gal-card { aspect-ratio: auto; min-height: 0; }
.gal-mosaic .gm-lg { grid-row: span 2; }
.vb-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.vb-card { display: flex; flex-direction: column; gap: 8px; color: #f3f4f6; font-weight: 700; font-size: 14px; line-height: 1.35; }
.vb-card .vb-thumb { width: 100%; }
.vb-card:hover { color: #fff; }
.vb-thumb i { color: #fff; }
.vb-play svg { margin-left: 3px; }
.dist-tabs { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 8px; margin-bottom: 8px; scrollbar-width: none; }
.dist-tabs::-webkit-scrollbar { display: none; }
.dist-tabs button { flex: none; border: 1px solid var(--line); background: var(--card); color: var(--ink); border-radius: 999px; padding: 7px 14px; font-weight: 700; font-size: 13.5px; }
.dist-tabs button:hover { border-color: var(--brand); }
.dist-tabs button.on { background: var(--brand); color: #fff; border-color: var(--brand); }
.dist-panel { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); grid-auto-rows: min-content; gap: 0 20px; background: var(--card); border-radius: var(--r); box-shadow: var(--shadow); padding: 14px 16px; min-height: 220px; transition: opacity .2s; }
.dist-panel > .card:first-child { grid-row: 1 / span 3; box-shadow: none; }
.dist-panel > .card:first-child:hover { transform: none; }
.dist-panel > .card:first-child .card-body { padding-left: 0; padding-right: 0; }
.dist-panel.loading { opacity: .45; }
.dist-empty { grid-column: 1 / -1; }
.title-list { list-style: none; margin: 0; padding: 4px 16px; background: var(--card); border-radius: var(--r); box-shadow: var(--shadow); }
.title-list li { padding: 11px 0; border-bottom: 1px solid var(--line); display: flex; flex-direction: column; gap: 3px; }
.title-list li:last-child { border-bottom: 0; }
.title-list a { font-weight: 700; color: var(--ink); line-height: 1.35; }
.title-list a:hover { color: var(--c, var(--brand)); }
.title-list time { font-size: 12px; color: var(--muted); }
.cb-grid .grid-4 { gap: 14px; }
.card-sm .card-body { padding: 10px 12px 12px; }

/* Sayfa başlığı: kapak ve alt kategoriler */
.page-head.has-cover { position: relative; overflow: hidden; color: #fff; border-left: 0; min-height: 180px; display: flex; flex-direction: column; justify-content: flex-end; }
.ph-cover { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.page-head.has-cover::before { content: ''; position: absolute; inset: 0; background: linear-gradient(transparent, rgba(0,0,0,.82)); z-index: 1; }
.page-head.has-cover > :not(.ph-cover) { position: relative; z-index: 2; }
.page-head.has-cover h1, .page-head.has-cover p, .page-head.has-cover .ph-parent { color: #fff; }
.ph-parent { font-size: 13px; font-weight: 700; color: var(--muted); }
.sub-chips { margin: 14px 0 0; }
.sub-chips a { box-shadow: none; border: 1px solid var(--line); }
.ad-cat-top { margin-top: -8px; }

/* ---------- Bildirim, uyarı bandı, geçiş reklamı ---------- */
.alert-bar { display: block; background: #111827; color: #fff; }
.alert-bar .wrap { display: flex; gap: 10px; align-items: center; padding-top: 9px; padding-bottom: 9px; font-weight: 600; font-size: 14px; }
.alert-bar b { background: #facc15; color: #111; padding: 3px 9px; border-radius: 6px; font-size: 12px; letter-spacing: .05em; display: inline-flex; gap: 5px; align-items: center; flex: none; }
.newsbar { position: fixed; left: 50%; top: 14px; transform: translateX(-50%); z-index: 95; display: flex; align-items: center; gap: 2px; background: var(--brand); color: #fff; border-radius: 999px; box-shadow: var(--shadow-lg); padding: 4px; animation: nbIn .35s ease; max-width: calc(100vw - 24px); }
.newsbar button { border: 0; background: none; color: #fff; font-weight: 800; font-size: 13.5px; display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px; border-radius: 999px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.newsbar [data-newsbar-go]:hover { background: rgba(0,0,0,.14); }
.newsbar .nb-x { padding: 7px; opacity: .85; }
@keyframes nbIn { from { opacity: 0; transform: translate(-50%, -12px); } }
.push-ask { position: fixed; left: 16px; bottom: 16px; z-index: 96; width: min(360px, calc(100vw - 32px)); background: var(--card); color: var(--text); border-radius: 16px; box-shadow: var(--shadow-lg); border: 1px solid var(--line); padding: 16px; display: flex; gap: 12px; animation: svIn .3s; }
.push-ask .pa-ic { width: 42px; height: 42px; border-radius: 12px; background: color-mix(in srgb, var(--brand) 12%, transparent); color: var(--brand); display: grid; place-items: center; flex: none; }
.push-ask b { display: block; color: var(--ink); margin-bottom: 4px; }
.push-ask p { margin: 0 0 10px; font-size: 13.5px; }
.push-ask .pa-btns { display: flex; gap: 8px; }
.int-overlay { position: fixed; inset: 0; z-index: 250; background: rgba(0,0,0,.78); display: flex; align-items: center; justify-content: center; padding: 16px; }
.int-overlay[hidden] { display: none; }
.ai-box { position: relative; background: var(--card); border-radius: 14px; padding: 46px 14px 14px; max-width: 92vw; max-height: 92vh; overflow: auto; }
.ai-close { position: absolute; top: 9px; right: 9px; border: 0; background: var(--ink); color: var(--card); font-weight: 800; font-size: 12.5px; border-radius: 999px; padding: 6px 12px; }
.ai-close:disabled { opacity: .55; cursor: default; }
.ad-int { margin: 0; }

/* ---------- Mobil alt menü ---------- */
.bnav { display: none; }

/* ---------- Anket ---------- */
.poll-img { width: 100%; border-radius: 10px; margin-bottom: 12px; aspect-ratio: 16 / 8; object-fit: cover; }
.poll-results.pr-live { margin-top: 14px; padding-top: 12px; border-top: 1px dashed var(--line); }
.pr-lead .pr-top span { font-weight: 800; color: var(--ink); }
.poll-login { margin: 4px 0 10px; display: flex; align-items: center; gap: 6px; }
.poll-login a { color: var(--brand); font-weight: 700; }

/* ---------- Duyarlı (v4) ---------- */
@media (max-width: 1100px) {
  .feat-row5 { grid-template-columns: repeat(5, minmax(150px, 1fr)); overflow-x: auto; }
  .wb-grid, .vb-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .adv-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .hero-split { grid-template-columns: 1fr; }
  .split-list { flex-direction: row; overflow-x: auto; height: auto; min-height: 0; }
  .split-list li { flex: none; }
  .split-list button { padding: 6px; border-left: 0; }
  .split-list .sl-t { display: none; }
  .mosaic { grid-template-columns: 1fr 1fr; grid-template-rows: auto; aspect-ratio: auto; }
  .mosaic .mz-lg { grid-column: 1 / -1; grid-row: auto; aspect-ratio: 16 / 10; }
  .mosaic .mz-sm { aspect-ratio: 1 / 1; }
  .feat-band, .feat-row5 { display: grid; grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: minmax(200px, 42%); overflow-x: auto; scroll-snap-type: x mandatory; margin-top: -10px; padding-bottom: 6px; }
  .feat-band > * { scroll-snap-align: start; }
  .top-heads { display: grid; grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: minmax(250px, 80%); overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 4px; }
  .top-heads > * { scroll-snap-align: start; }
  .gal-mosaic { grid-template-columns: 1fr 1fr; grid-auto-rows: 140px; }
  .gal-mosaic .gm-lg { grid-column: 1 / -1; }
  .archive-layout .sidebar { order: -1; }
  .hdr-centered .masthead-in { grid-template-columns: auto minmax(0, 1fr) auto; min-height: 76px; }
  .hdr-centered .logo { grid-column: 2; }
  .mainnav-inline { display: none; }
}
@media (max-width: 680px) {
  .masthead .search { top: calc(100% + 8px) !important; }
  .hdr-centered .masthead-in, .hdr-compact .masthead-in { display: flex; min-height: 62px; justify-content: space-between; }
  .hdr-centered .logo-text { font-size: 23px; }
  .hdr-centered .logo img { max-height: 42px; }
  .hero-wide .slider { aspect-ratio: 4 / 3.4; }
  .slider-thumbs .slider-pager button { min-width: 52px; height: 48px; }
  .slider-thumbs .slide-cap { padding-bottom: 66px; }
  .feat-band, .feat-row5 { grid-auto-columns: minmax(170px, 62%); margin: -10px -16px 22px; padding: 0 16px 6px; scroll-padding-inline: 16px; }
  .feat-row5 .fb-card { aspect-ratio: 4 / 3; }
  .top-heads { margin: 0 -16px 14px; padding: 0 16px 4px; grid-auto-columns: minmax(240px, 82%); scroll-padding-inline: 16px; }
  .stories { margin: 0 -16px 18px; }
  .st-track { padding: 4px 16px 6px; }
  .h-scroll { grid-auto-columns: minmax(220px, 78%); margin: 0 -16px; padding: 0 16px 8px; scroll-padding-inline: 16px; }
  .wb-grid, .vb-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wb-list { grid-template-columns: 1fr; }
  .dist-panel { grid-template-columns: 1fr; padding: 12px; }
  .dist-panel > .card:first-child { grid-row: auto; }
  .dist-tabs { margin: 0 -16px 8px; padding: 0 16px 8px; }
  .official-list a { grid-template-columns: 56px minmax(0, 1fr); gap: 12px; padding: 12px; }
  .ol-go { display: none; }
  .ol-date b { font-size: 20px; }
  .official-head { flex-direction: column; align-items: flex-start; gap: 12px; }
  .op-view { height: 62vh; }
  .op-head { flex-wrap: wrap; }
  .official-banner { padding: 12px 14px; }
  .ob-t b { font-size: 15px; }
  .ob-t small { font-size: 12px; }
  .adv-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .sr-item { grid-template-columns: 104px minmax(0, 1fr); gap: 12px; padding: 10px; }
  .sr-b h2 { font-size: 15.5px; }
  .sr-b p { display: none; }
  .bio-head { flex-direction: column; align-items: center; text-align: center; }
  .bio-photo { width: 132px; }
  .bio-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .bio-card { padding: 16px 10px; }
  .ep-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .ep-stage { padding: 8px; min-height: 50vh; }
  .ep-stage.spread img { max-width: 100%; }
  .ep-bar button[data-ep="first"], .ep-bar button[data-ep="last"] { display: none; }
  .ep-head h1 { font-size: 22px; }
  .tvg-list { padding: 4px 12px; }
  .tvg-list li { grid-template-columns: 52px minmax(0, 1fr); }
  .tvg-list li .tvg-cat, .tvg-list li .badge { grid-column: 2; justify-self: start; }
  .tvg-list li.now { margin: 0 -12px; padding-left: 8px; padding-right: 12px; }
  .tvg-now { flex-wrap: wrap; }
  .m-card { padding: 24px 18px; border-radius: 14px; }
  .m-grid { grid-template-columns: 1fr; }
  .m-head { padding: 16px; }
  .m-logout { margin-left: 0; }
  .pgal-nav { width: 42px; height: 42px; }
  .share { flex-wrap: wrap; }
  .pgal-fig { margin: 0 -16px; border-radius: 0; }
  .cm-replies { padding-left: 10px; }
  .arch-list { padding: 4px 12px; }
  .arch-list li { flex-wrap: wrap; gap: 4px 10px; }
  .arch-list a { flex-basis: calc(100% - 60px); }
  .push-ask { left: 12px; right: 12px; width: auto; bottom: 74px; }
  .has-bnav .bnav { display: grid; grid-template-columns: repeat(5, 1fr); position: fixed; left: 0; right: 0; bottom: 0; z-index: 85; background: color-mix(in srgb, var(--card) 94%, transparent); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-top: 1px solid var(--line); padding: 2px 0 calc(2px + env(safe-area-inset-bottom)); }
  .bnav a, .bnav button { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 7px 0 6px; border: 0; background: none; color: var(--muted); font-size: 10.5px; font-weight: 700; }
  .bnav a.on { color: var(--brand); }
  body.has-bnav { padding-bottom: calc(58px + env(safe-area-inset-bottom)); }
  .has-bnav .to-top { bottom: calc(74px + env(safe-area-inset-bottom)); }
  .has-bnav .ad-sticky { bottom: calc(56px + env(safe-area-inset-bottom)); }
  body.has-bnav:has(.ad-sticky:not([hidden])) .to-top { bottom: calc(130px + env(safe-area-inset-bottom)); }
  .has-bnav .save-toast { bottom: calc(80px + env(safe-area-inset-bottom)); }
  .newsbar { top: auto; bottom: calc(70px + env(safe-area-inset-bottom)); }
  body:not(.has-bnav) .newsbar { bottom: 20px; }
}
@media (max-width: 380px) {
  .adv-grid { grid-template-columns: 1fr; }
  .bnav a span, .bnav button span { font-size: 9.5px; }
}
@media print { .bnav, .newsbar, .push-ask, .int-overlay, .stories { display: none !important; } }

/* Alıntı yazarlar */
.ac-src { display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; font-weight: 700; color: var(--muted); background: var(--soft, #f3f4f6); border-radius: 999px; padding: 3px 10px; }
.ac-src a { color: var(--brand); }
.author-head .ac-src { margin-top: 6px; }
.wc-src { display: block; font-size: 11.5px; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: .03em; margin-top: 1px; }
.w-name .wc-src { display: inline; text-transform: none; letter-spacing: 0; font-weight: 600; }

/* Canlı TV: şu an / sıradaki */
.tv-nn { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) auto; gap: 10px; align-items: stretch; margin: 12px 0 18px; }
.tv-nn > div { display: flex; align-items: center; gap: 10px; background: var(--card); border-radius: var(--r); box-shadow: var(--shadow); padding: 12px 16px; min-width: 0; }
.tv-nn > div > div { flex: 1; min-width: 0; }
.tv-nn small { display: block; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); }
.tv-nn-now small { color: #e11d48; }
.tv-nn b { display: block; color: var(--ink); font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tv-nn time { font-weight: 800; font-variant-numeric: tabular-nums; color: var(--muted); font-size: 13px; }
.tv-nn-now { border-left: 4px solid #e11d48; }
.tv-nn-all { display: inline-flex; align-items: center; gap: 6px; padding: 0 16px; border-radius: var(--r); background: var(--soft); color: var(--ink); font-weight: 700; font-size: 14px; white-space: nowrap; }
.tv-nn-all:hover { color: var(--brand); }
@media (max-width: 720px) { .tv-nn { grid-template-columns: minmax(0, 1fr); } .tv-nn-all { justify-content: center; padding: 10px; } }

/* Hikâye çubuğu sayfanın en üstünde */
.stories-top { margin: 0 0 18px; padding: 12px 16px 8px; background: var(--card); border-radius: var(--r); box-shadow: var(--shadow); }
.stories-top .st-track { padding: 2px 0 4px; }
@media (max-width: 680px) {
  .stories-top { margin: -22px -16px 14px; padding: 12px 0 6px; border-radius: 0; box-shadow: none; border-bottom: 1px solid var(--line); }
  .stories-top .st-track { padding: 2px 16px 4px; gap: 12px; }
  .stories-top .st-item { width: 70px; }
  .stories-top .st-ring { width: 66px; height: 66px; }
}

/* ---------- Özel çubuk renkleri (Tema ve Görünüm › Renkler) — yazı rengi zemine göre otomatik ---------- */
.c-top .topbar { background: var(--top-bg); color: var(--top-fg); }
.c-top .topbar .today, .c-top .top-weather, .c-top .top-weather b, .c-top .toplinks > a, .c-top .top-drop > button, .c-top .topbar .social a, .c-top .theme-toggle, .c-top .topbar-in > a { color: var(--top-fg); }
.c-top .toplinks a:hover { color: var(--top-fg); opacity: 1; }
.c-top .top-tip { color: var(--top-fg) !important; }

.c-hdr .masthead { background: var(--hdr-bg); color: var(--hdr-fg); border-bottom-color: transparent; }
.c-hdr .masthead .logo-text span { color: var(--hdr-fg); }
.c-hdr .masthead .search { background: color-mix(in srgb, var(--hdr-fg) 9%, transparent); border-color: color-mix(in srgb, var(--hdr-fg) 22%, transparent); }
.c-hdr .masthead .search input { color: var(--hdr-fg); }
.c-hdr .masthead .search input::placeholder { color: color-mix(in srgb, var(--hdr-fg) 65%, transparent); }
.c-hdr .masthead .search button, .c-hdr .masthead .burger, .c-hdr .masthead .search-mobile, .c-hdr .mainnav-inline a { color: var(--hdr-fg); }
.c-hdr-dk .masthead .logo-dark { display: block !important; }
.c-hdr-dk .masthead .logo-light:has(+ .logo-dark) { display: none; }
.c-hdr-lt .masthead .logo-dark { display: none !important; }
.c-hdr-lt .masthead .logo-light { display: block !important; }

.c-menu .mainnav { background: var(--menu-bg); }
.c-menu .mainnav a { color: var(--menu-fg); }
.c-menu .mainnav a::after { background: var(--menu-fg); }
.c-menu .mainnav a:hover, .c-menu .mainnav a.active { color: var(--menu-fg); background: color-mix(in srgb, var(--menu-fg) 10%, transparent); }
.c-menu .nav-live { color: var(--menu-fg) !important; }
.c-menu .nav-live i { background: var(--menu-fg); }

.c-tick .ticker { background: var(--tick-bg); border-bottom-color: transparent; }
.c-tick .ticker-move a, .c-tick .ticker-move a:hover { color: var(--tick-fg); }
.c-tick .ticker-move time { color: var(--tick-fg); opacity: .75; }
.c-brk .ticker-label { background: var(--brk-bg); color: var(--brk-fg); }

.c-ftr .footer { background: var(--ftr-bg); color: color-mix(in srgb, var(--ftr-fg) 78%, transparent); border-top: 0; }
.c-ftr .footer h4, .c-ftr .footer .logo-text span, .c-ftr .footer-links a:hover, .c-ftr .fb-links a:hover { color: var(--ftr-fg); }
.c-ftr .footer .social-lg a, .c-ftr .footer .app-links a { background: color-mix(in srgb, var(--ftr-fg) 10%, transparent); color: var(--ftr-fg); }
.c-ftr .footer-bottom { border-top-color: color-mix(in srgb, var(--ftr-fg) 16%, transparent); color: color-mix(in srgb, var(--ftr-fg) 70%, transparent); }
.c-ftr-dk .footer .logo-dark { display: block !important; }
.c-ftr-dk .footer .logo-light:has(+ .logo-dark) { display: none; }

/* Google News: takip ve tercih edilen kaynak düğmeleri */
.gn-box { margin: 22px 0 6px; padding: 16px 18px; border-radius: var(--r); background: var(--soft, #f3f4f6); border: 1px solid var(--line); }
.gn-box p { margin: 0 0 10px; font-weight: 800; font-size: 14px; color: var(--ink); }
.gn-row { display: flex; flex-wrap: wrap; gap: 10px; }
.gn-btn { display: inline-flex; align-items: center; gap: 10px; padding: 9px 16px 9px 12px; border-radius: 999px; background: var(--card); border: 1px solid var(--line); color: var(--ink); font-weight: 800; font-size: 14px; line-height: 1.15; box-shadow: 0 1px 2px rgba(0,0,0,.04); transition: border-color .15s, transform .15s; }
.gn-btn:hover { border-color: #4285f4; transform: translateY(-1px); }
.gn-btn svg { flex: none; width: 34px; height: 34px; padding: 7px; border-radius: 50%; color: #fff; background: #4285f4; }
.gn-pref svg { background: #fbbc04; color: #202124; }
.gn-btn small { display: block; font-size: 11px; font-weight: 600; color: var(--muted); }
.gn-footer { margin-top: 16px; }
.gn-footer .gn-btn { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.14); color: #fff; font-size: 13px; }
.gn-footer .gn-btn small { color: rgba(255,255,255,.65); }
.ftr-light .gn-footer .gn-btn { background: var(--soft); border-color: var(--line); color: var(--ink); }
.ftr-light .gn-footer .gn-btn small { color: var(--muted); }
.c-ftr .gn-footer .gn-btn { background: color-mix(in srgb, var(--ftr-fg) 9%, transparent); border-color: color-mix(in srgb, var(--ftr-fg) 18%, transparent); color: var(--ftr-fg); }
.c-ftr .gn-footer .gn-btn small { color: color-mix(in srgb, var(--ftr-fg) 65%, transparent); }
@media (max-width: 680px) { .gn-row { flex-direction: column; } .gn-btn { width: 100%; } }

/* =========================================================
   Görünüm stili: KURUMSAL — ağırbaşlı, editoryal, tek vurgu rengi
   body.st-kurumsal (Tema ve Görünüm › Hazır görünümler)
   Beyaz zemin, ince çizgiler, gölgesiz kutular, düz metin etiketler,
   kategori renkleri yerine tek ana renk.
   ========================================================= */
html:not(.dark) body.st-kurumsal { --ink: #121212; --text: #2a2a2a; --muted: #6b6b6b; --line: #e4e4e4; --bg: #ffffff; --card: #ffffff; --soft: #f5f5f4; --rule: #121212; }
html.dark body.st-kurumsal { --ink: #f2f2f2; --text: #d6d6d6; --muted: #9b9b9b; --line: #2a2a2a; --bg: #0e0e0e; --card: #161616; --soft: #1c1c1c; --rule: #5c5c5c; }
body.st-kurumsal { --shadow: 0 0 0 1px var(--line); --shadow-lg: 0 10px 30px rgba(0,0,0,.12); --r-sm: min(var(--r), 4px); }
.st-kurumsal.r-rounded { --r: 8px; }
.st-kurumsal.r-soft { --r: 3px; }
/* Kategori renkleri yerine tek ana renk */
.st-kurumsal [style^="--c:"] { --c: var(--brand) !important; }

/* Logo (yazı logosu): kutusuz, iki ağırlıklı yazı */
.st-kurumsal .logo-text { font-family: var(--font-h, var(--font)); letter-spacing: -.02em; gap: .24em; align-items: baseline; font-size: 33px; }
.st-kurumsal .logo-text b { background: none; color: var(--brand); padding: 0; border-radius: 0; font-weight: 700; }
.st-kurumsal .logo-text span { border: 0; padding: 0; border-radius: 0; font-weight: 400; }
.st-kurumsal.hdr-centered .masthead .logo-text { font-size: 46px; }
.st-kurumsal.hdr-brand .masthead .logo-text b { background: none; color: #fff; }
.st-kurumsal.c-hdr-dk .masthead .logo-text b { color: var(--hdr-fg); }
.st-kurumsal.ftr-brand .footer .logo-text b, .st-kurumsal.c-ftr .footer .logo-text b { color: var(--ftr-fg, #fff); }

/* Üst bar, başlık, arama */
.st-kurumsal .topbar { font-size: 12px; }
.st-kurumsal .masthead { border-bottom-color: var(--line); }
.st-kurumsal .search { border-radius: var(--r-sm); background: var(--card); }
.st-kurumsal .search:focus-within { border-color: var(--ink); box-shadow: none; }

/* Menü: ince çizgiler arasında, sade büyük harf */
.st-kurumsal.menu-light .mainnav, .st-kurumsal.menu-underline .mainnav { box-shadow: none; border-bottom: 1px solid var(--rule); }
.st-kurumsal .mainnav a { font-size: 13px; letter-spacing: .05em; padding: 13px 14px; }
.st-kurumsal.menu-underline .mainnav a { text-transform: uppercase; font-weight: 700; font-size: 13px; letter-spacing: .05em; }
.st-kurumsal .mainnav a::after { height: 2px; left: 14px; right: 14px; border-radius: 0; }
.st-kurumsal.menu-light .mainnav a:hover, .st-kurumsal.menu-underline .mainnav a:hover { color: var(--brand); }
.st-kurumsal.menu-light .mainnav a.active, .st-kurumsal.menu-underline .mainnav a.active { color: var(--ink); }

/* Son dakika şeridi: yanıp sönme yok */
.st-kurumsal .ticker-in { height: 40px; }
.st-kurumsal .ticker-label { animation: none; border-radius: var(--r-sm); font-size: 11px; letter-spacing: .08em; padding: 5px 9px; }
.st-kurumsal .ticker-move a { font-weight: 500; }
.st-kurumsal .ticker-move time { color: var(--muted); font-weight: 700; }

/* Hikâyeler: kutusuz, tek ince halka */
.st-kurumsal .stories-top { background: none; box-shadow: none; border-radius: 0; border-bottom: 1px solid var(--line); padding: 0 0 12px; }
.st-kurumsal .st-ring { background: var(--brand); padding: 2px; }
.st-kurumsal .st-item.seen .st-ring { background: var(--line); }
.st-kurumsal .st-ring img { border-width: 2px; border-color: var(--bg); }
.st-kurumsal .st-name { font-weight: 600; color: var(--text); }

/* Üst manşet: renkli alt çizgiler yerine ince ayraçlar */
.st-kurumsal .top-heads { gap: 0; border-bottom: 1px solid var(--line); padding-bottom: 14px; margin-bottom: 18px; }
.st-kurumsal .th-item { background: none; box-shadow: none; border: 0; border-radius: 0; padding: 0 14px; gap: 12px; }
.st-kurumsal .th-item:first-child { padding-left: 0; }
.st-kurumsal .th-item + .th-item { border-left: 1px solid var(--line); }
.st-kurumsal .th-item:hover { transform: none; box-shadow: none; }
.st-kurumsal .th-item:hover b { color: var(--brand); }
.st-kurumsal .th-img { width: 78px; height: 54px; border-radius: var(--r-sm); }
.st-kurumsal .th-t small { font-size: 10.5px; letter-spacing: .08em; margin-bottom: 2px; }
.st-kurumsal .th-t b { font-weight: 700; font-size: 14px; line-height: 1.32; }

/* Manşet */
.st-kurumsal .slider, .st-kurumsal .overlay-card { box-shadow: none; border-radius: var(--r-sm); }
.st-kurumsal .slide-cap { background: linear-gradient(to top, rgba(0,0,0,.86), rgba(0,0,0,.42) 55%, transparent); }
.st-kurumsal .slide-title, .st-kurumsal .oc-title { font-weight: 700; letter-spacing: -.01em; text-shadow: none; line-height: 1.22; }
.st-kurumsal .slide.is-active img { transform: scale(1.02); }
.st-kurumsal .overlay-card:hover img { transform: scale(1.03); }
.st-kurumsal .slider-pager { background: rgba(12,12,12,.78); }
.st-kurumsal .slider-pager button { color: rgba(255,255,255,.55); font-weight: 600; font-size: 13px; border-top-width: 2px; }
.st-kurumsal .slider-pager button:hover, .st-kurumsal .slider-pager button.is-active { background: none; color: #fff; border-top-color: var(--brand); }
.st-kurumsal .slider-nav:hover { background: rgba(0,0,0,.5); }
.st-kurumsal .fb-n { background: rgba(12,12,12,.8); border-radius: 2px; box-shadow: none; font-size: 13px; width: 26px; height: 26px; }
.st-kurumsal .split-list button.is-active { background: var(--soft); }
.st-kurumsal .is-active .sl-n { background: var(--ink); color: var(--card); }

/* Etiketler (rozetler): kutusuz, küçük büyük harf metin */
.st-kurumsal .badge { background: none; color: var(--brand); padding: 0; border-radius: 0; font-size: 11px; font-weight: 700; letter-spacing: .07em; animation: none; }
.st-kurumsal .badge-type, .st-kurumsal .badge-district, .st-kurumsal .badge-obit { color: var(--muted); }
.st-kurumsal .badge-official { color: #0f3d6e; }
html.dark .st-kurumsal .badge-official { color: #93c5fd; }
.st-kurumsal .badge-live { color: #e11d48; }
.st-kurumsal .badge-live i { background: #e11d48; }
.st-kurumsal .badges { gap: 6px 16px; }
/* Görsel üzerindeki etiket: beyaz yazı + ince ana renk çizgi */
.st-kurumsal .slide-cap .badge { color: #fff; padding: 1px 0 1px 9px; border-left: 3px solid var(--brand); line-height: 1.2; }
.st-kurumsal .slide-cap .badge-breaking { background: var(--brand); padding: 3px 8px; border: 0; }

/* Bölüm başlıkları: üstte kalın çizgi, büyük harf */
.st-kurumsal .section-title { font-family: var(--font); font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; color: var(--ink); border-bottom: 0; border-top: 2px solid var(--rule); padding-top: 11px; margin-bottom: 18px; }
.st-kurumsal .section-title > span, .st-kurumsal .section-title > a:first-child span { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; gap: 7px; }
.st-kurumsal .section-title .ic { color: var(--brand); }
.st-kurumsal .section-title.colored span { color: var(--ink); }
.st-kurumsal .section-title > a:last-child:not(:first-child) { padding-bottom: 0; font-size: 12.5px; font-weight: 600; text-transform: none; letter-spacing: 0; }
.st-kurumsal .section-title > a:last-child:not(:first-child):hover { color: var(--ink); }
.st-kurumsal .section { margin-bottom: 38px; }

/* Kartlar */
.st-kurumsal .card:hover { transform: none; box-shadow: var(--shadow); }
.st-kurumsal.cards-flat .card:hover, .st-kurumsal.cards-border .card:hover { box-shadow: none; }
.st-kurumsal .card:hover .card-media img { transform: scale(1.03); }
.st-kurumsal .card-media { border-radius: var(--r-sm); }
.st-kurumsal .card-title { font-weight: 700; letter-spacing: 0; line-height: 1.3; }
.st-kurumsal .card-md .card-title { font-size: 17px; }
.st-kurumsal .card-lg .card-title { font-size: 24px; line-height: 1.22; }
.st-kurumsal .card-spot { font-size: 14px; line-height: 1.5; }
.st-kurumsal .card-body { gap: 7px; }
.st-kurumsal .meta { font-size: 12px; }
.st-kurumsal .card-row .card-media { border-radius: var(--r-sm); }
.st-kurumsal .play { background: rgba(12,12,12,.62); box-shadow: none; width: 32px; height: 32px; }
.st-kurumsal .ph { background: linear-gradient(135deg, #e7e6e3, #d3d2ce); color: rgba(0,0,0,.18); }
html.dark .st-kurumsal .ph { background: linear-gradient(135deg, #222, #161616); color: rgba(255,255,255,.12); }
.st-kurumsal.cards-flat .grid:not(.list) { gap: 30px 24px; }
.st-kurumsal.cards-flat .card-body { padding: 12px 0 0; }
.st-kurumsal.cards-flat .card-row .card-body { padding: 0; }
.st-kurumsal.cards-flat .card .meta { margin-top: 2px; }
/* Düz kartlarda liste kutuları da çerçevesiz */
.st-kurumsal.cards-flat .cat-list, .st-kurumsal.cards-flat .grid.list, .st-kurumsal.cards-flat .title-list, .st-kurumsal.cards-flat .wb-list, .st-kurumsal.cards-flat .dist-panel, .st-kurumsal.cards-flat .arch-list { background: none; box-shadow: none; padding-left: 0; padding-right: 0; }
.st-kurumsal.cards-flat .cat-list .card-row:first-child, .st-kurumsal.cards-flat .grid.list .card-row:first-child { padding-top: 0; }
.st-kurumsal.cards-flat .dist-panel { padding-top: 0; }
.st-kurumsal.cards-flat .cat-grid, .st-kurumsal.cards-flat .lead-grid { gap: 28px; }

/* Kenar çubuğu: kutusuz, bölüm başlığı gibi */
.st-kurumsal .sidebar { gap: 34px; }
.st-kurumsal .sidebar .box { background: none; box-shadow: none; border: 0; border-radius: 0; padding: 0; }
.st-kurumsal .box-title { font-family: var(--font); font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; color: var(--ink); border-top: 2px solid var(--rule); padding-top: 11px; margin-bottom: 8px; }
.st-kurumsal .box-title span { border-left: 0; padding-left: 0; }
.st-kurumsal .box-title a { text-transform: none; letter-spacing: 0; font-weight: 600; }
/* Çok okunanlar: dolgulu kutular yerine tırnaklı sıra numarası */
.st-kurumsal .mostread li .n { width: 28px; height: auto; background: none; border-radius: 0; place-items: start; font-family: var(--font-h, var(--font)); font-size: 24px; font-weight: 700; line-height: 1.05; color: color-mix(in srgb, var(--ink) 28%, transparent); }
.st-kurumsal .mostread li:nth-child(-n+3) .n { background: none; color: var(--brand); }
.st-kurumsal .mostread .t { font-weight: 600; line-height: 1.38; }
.st-kurumsal .mostread a { padding: 12px 0; }
/* Yazarlar: renkli baş harf daireleri yerine nötr */
.st-kurumsal .avatar-i { background: var(--soft) !important; color: var(--ink); box-shadow: inset 0 0 0 1px var(--line); font-family: var(--font-h, var(--font)); font-weight: 700; }
.st-kurumsal .wcard:hover, .st-kurumsal .author-card:hover, .st-kurumsal .bio-card:hover, .st-kurumsal .cl-card:hover { transform: none; }
.st-kurumsal .wb-carousel .wcard, .st-kurumsal .wb-grid .wcard { box-shadow: none; border: 1px solid var(--line); border-radius: var(--r-sm); }
.st-kurumsal .author-card, .st-kurumsal .bio-card, .st-kurumsal .cl-card, .st-kurumsal .guide-card, .st-kurumsal .tv-ch, .st-kurumsal .np-card, .st-kurumsal .obit-card { border-radius: var(--r-sm); }
.st-kurumsal .cl-card.is-featured { outline: 1px solid var(--ink); outline-offset: -1px; }
.st-kurumsal .cl-img em { background: var(--ink); color: var(--card); border-radius: 2px; }
.st-kurumsal .nf-code { font-family: var(--font-h, var(--font)); font-weight: 700; letter-spacing: -.03em; }
.st-kurumsal .wc-name, .st-kurumsal .w-name { font-weight: 800; }

/* Düğmeler: koyu, sade */
.st-kurumsal .btn:where(:not(.btn-outline, .btn-wa, .btn-danger, .btn-ghost)) { background: var(--ink); color: var(--card); }
.st-kurumsal .btn:where(:not(.btn-outline, .btn-wa, .btn-danger, .btn-ghost)):hover { background: var(--brand); color: #fff; }
.st-kurumsal .btn { border-radius: var(--r-sm); }
.st-kurumsal .btn-outline { color: var(--ink); border: 1px solid var(--ink); }
.st-kurumsal .btn-outline:hover { background: var(--ink); color: var(--card); }
.st-kurumsal .tvg-now .btn { background: #fff; color: #121212; }
.st-kurumsal .to-top { background: var(--ink); color: var(--card); }
.st-kurumsal .newsbar { background: var(--ink); }
.st-kurumsal .newsbar button { color: var(--card); }
.st-kurumsal .poll-opt { border-radius: var(--r-sm); }
.st-kurumsal .poll-opt:hover { border-color: var(--ink); }
.st-kurumsal .pr-bar { border-radius: 0; height: 6px; border: 0; background: var(--line); }
.st-kurumsal .pr-bar i { background: var(--ink); border-radius: 0; }
.st-kurumsal .pr-lead .pr-bar i { background: var(--brand); }

/* Sekmeler ve çipler */
.st-kurumsal .dist-tabs { gap: 2px 20px; border-bottom: 1px solid var(--line); padding-bottom: 0; margin-bottom: 18px; }
.st-kurumsal .dist-tabs button { border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: none; padding: 8px 0 9px; margin-bottom: -1px; color: var(--muted); font-weight: 600; }
.st-kurumsal .dist-tabs button:hover { color: var(--ink); }
.st-kurumsal .dist-tabs button.on { background: none; color: var(--ink); border-bottom-color: var(--brand); }
.st-kurumsal .chips a, .st-kurumsal .letters a { border-radius: var(--r-sm); box-shadow: none; border: 1px solid var(--line); background: var(--card); font-weight: 600; }
.st-kurumsal .chips a.on, .st-kurumsal .chips a:hover, .st-kurumsal .letters a.on, .st-kurumsal .letters a:hover { background: var(--ink); color: var(--card); border-color: var(--ink); }
.st-kurumsal .tags a { border-radius: var(--r-sm); background: none; }
.st-kurumsal .tags a:hover { background: var(--ink); border-color: var(--ink); color: var(--card); }
.st-kurumsal .pagination a, .st-kurumsal .pagination span { border-radius: var(--r-sm); box-shadow: none; border: 1px solid var(--line); }
.st-kurumsal .pagination .current { background: var(--ink); color: var(--card); border-color: var(--ink); }
.st-kurumsal .tvg-days button { box-shadow: none; border: 1px solid var(--line); border-radius: var(--r-sm); }
.st-kurumsal .tvg-days button.on { background: var(--ink); color: var(--card); border-color: var(--ink); }
.st-kurumsal .tvg-days button.on span { color: color-mix(in srgb, var(--card) 75%, transparent); }

/* Resmî ilanlar şeridi: lacivert degrade yerine çerçeveli şerit */
.st-kurumsal .official-banner:not(.ob-img) { background: var(--card); color: var(--ink); box-shadow: none; border: 1px solid var(--line); border-left: 3px solid #0f3d6e; border-radius: var(--r-sm); }
.st-kurumsal .official-banner:hover { transform: none; box-shadow: none; border-color: color-mix(in srgb, var(--ink) 30%, var(--line)); border-left-color: #0f3d6e; }
.st-kurumsal .official-banner:not(.ob-img) .ob-ic { width: 42px; height: 42px; border-radius: var(--r-sm); background: #0f3d6e; color: #fff; }
.st-kurumsal .ob-t b { font-size: 14px; letter-spacing: .1em; font-weight: 800; }
.st-kurumsal .ob-t small { color: var(--muted); opacity: 1; }
.st-kurumsal .official-banner:not(.ob-img) .ob-go { background: none; color: var(--muted); border: 1px solid var(--line); width: 32px; height: 32px; }
.st-kurumsal .official-list a { box-shadow: none; border: 1px solid var(--line); border-left: 3px solid #0f3d6e; border-radius: var(--r-sm); }
.st-kurumsal .ol-date { border-radius: var(--r-sm); }

/* Video bandı: nötr siyah, beyaz oynat düğmesi */
.st-kurumsal .video-band { background: #121212; border-radius: var(--r-sm); padding: 22px; }
.st-kurumsal .video-band .section-title { color: #fff; border-top-color: rgba(255,255,255,.85); }
.st-kurumsal .video-band .section-title .ic { color: #fff; }
.st-kurumsal .vb-main, .st-kurumsal .vb-thumb { border-radius: var(--r-sm); }
.st-kurumsal .vb-play { width: 58px; height: 58px; background: rgba(255,255,255,.94); color: #121212; box-shadow: none; }
.st-kurumsal .vb-thumb i { background: rgba(12,12,12,.7); }
.st-kurumsal .vb-list a { font-weight: 600; }

/* Sayfa başlıkları */
.st-kurumsal .page-head:not(.has-cover) { background: none; box-shadow: none; border: 0; border-bottom: 2px solid var(--rule); border-radius: 0; padding: 4px 0 16px; }
.st-kurumsal .page-head h1 { font-family: var(--font-h, var(--font)); font-weight: 700; letter-spacing: -.01em; }
.st-kurumsal .page-head.has-cover { border-radius: var(--r-sm); box-shadow: none; }
/* Sayfa başlığının hemen altındaki bölüm başlığında ikinci kalın çizgi olmasın */
.st-kurumsal .page-head:not(.has-cover) + .section-title, .st-kurumsal .page-head:not(.has-cover) + .section > .section-title:first-child { border-top: 0; padding-top: 0; }
.st-kurumsal .authors-grid + .section-title { margin-top: 34px; }
.st-kurumsal .author-head, .st-kurumsal .m-head { box-shadow: var(--shadow); }

/* Haber detayı */
.st-kurumsal.cards-flat .article { background: none; box-shadow: none; padding: 0; }
.st-kurumsal .article-title { font-weight: 700; letter-spacing: -.012em; line-height: 1.16; font-size: clamp(28px, 3.5vw, 44px); }
.st-kurumsal .article-spot { font-family: var(--font-h, var(--font)); font-weight: 400; font-size: 20px; line-height: 1.55; color: color-mix(in srgb, var(--text) 88%, var(--muted)); }
.st-kurumsal .article-meta { border-top-color: var(--line); }
.st-kurumsal .share a, .st-kurumsal .share button:not(.sh-tts) { background: none !important; color: var(--ink) !important; border: 1px solid var(--line) !important; }
.st-kurumsal .share a:hover, .st-kurumsal .share button:not(.sh-tts):hover { transform: none; border-color: var(--ink) !important; }
.st-kurumsal .share .sh-save.on, .st-kurumsal .share .sh-copy.copied { background: var(--ink) !important; color: var(--card) !important; border-color: var(--ink) !important; }
.st-kurumsal .share .sh-tts.on { animation: none; }
.st-kurumsal .article-figure img, .st-kurumsal .video, .st-kurumsal .article-body img, .st-kurumsal .article-body iframe, .st-kurumsal .gallery-item img, .st-kurumsal .pgal-fig { border-radius: var(--r-sm); }
.st-kurumsal .article-body h2, .st-kurumsal .article-body h3, .st-kurumsal .article-body h4 { font-family: var(--font-h, var(--font)); letter-spacing: -.005em; }
.st-kurumsal .article-body blockquote { background: none; border-left: 3px solid var(--brand); border-radius: 0; padding: 2px 0 2px 22px; font-size: 1.12em; line-height: 1.6; }
.st-kurumsal .guest-box { background: none; border-left-width: 3px; border-radius: 0; padding: 4px 0 4px 16px; }
.st-kurumsal .next-link { background: none; box-shadow: none; border-left: 0; border-top: 2px solid var(--rule); border-radius: 0; padding: 14px 0 0; }
.st-kurumsal .inf-divider span { background: none; color: var(--muted); padding: 0 4px; border-radius: 0; }
.st-kurumsal .inf-divider::before, .st-kurumsal .inf-divider::after { height: 1px; }
.st-kurumsal .reactions { background: none; border-radius: var(--r-sm); }
.st-kurumsal .reaction { border-radius: var(--r-sm); }
.st-kurumsal .reaction:hover { transform: none; border-color: var(--ink); }
.st-kurumsal .reaction.mine { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
.st-kurumsal .r-bar i { background: color-mix(in srgb, var(--ink) 6%, transparent); }
.st-kurumsal .art-audio, .st-kurumsal .gn-box, .st-kurumsal .liveblog, .st-kurumsal .fields-box, .st-kurumsal .official-pdf { border-radius: var(--r-sm); }
.st-kurumsal .aa-ic { background: var(--ink); color: var(--card); border-radius: var(--r-sm); }
.st-kurumsal .gn-btn { border-radius: var(--r-sm); box-shadow: none; }
.st-kurumsal .gn-btn:hover { transform: none; border-color: var(--ink); }
.st-kurumsal .comment-form input, .st-kurumsal .comment-form textarea, .st-kurumsal .cf-reply, .st-kurumsal .cm-login { border-radius: var(--r-sm); }
.st-kurumsal .comment-form input:focus, .st-kurumsal .comment-form textarea:focus, .st-kurumsal .m-form input:focus, .st-kurumsal .tip-form input:focus, .st-kurumsal .tip-form textarea:focus { border-color: var(--ink); box-shadow: none; }
.st-kurumsal .m-form input:not([type=checkbox]):not([type=hidden]), .st-kurumsal .tip-form input:not([type=checkbox]):not([type=file]), .st-kurumsal .tip-form textarea, .st-kurumsal .adv-grid select, .st-kurumsal .adv-grid input[type=date] { border-radius: var(--r-sm); }
.st-kurumsal .tvg-list li.now { background: var(--soft); }
.st-kurumsal .cm-a button { border-radius: var(--r-sm); }
.st-kurumsal .cm-a button:hover, .st-kurumsal .cm-vote.on { color: var(--ink); border-color: var(--ink); background: none; }

/* Renkli degrade kutular: koyu sade zemin */
.st-kurumsal .np, .st-kurumsal .tvg-now, .st-kurumsal .tip-hero { background: var(--ink); color: var(--card); border-radius: var(--r-sm); }
.st-kurumsal .tvg-now .live-dot { background: #e11d48; }
.st-kurumsal .tip-ic { background: color-mix(in srgb, var(--card) 14%, transparent); }
.st-kurumsal .m-card { border-radius: var(--r-sm); box-shadow: var(--shadow); }
.st-kurumsal .m-ic, .st-kurumsal .push-ask .pa-ic { background: var(--soft); color: var(--ink); border-radius: var(--r-sm); }
.st-kurumsal .tip-form, .st-kurumsal .tip-done, .st-kurumsal .push-ask { border-radius: var(--r-sm); }

@media (max-width: 900px) {
  .st-kurumsal .th-item { padding: 0 12px; }
}
@media (max-width: 680px) {
  .st-kurumsal .logo-text, .st-kurumsal.hdr-centered .masthead .logo-text { font-size: 25px; }
  .st-kurumsal .stories-top { padding: 12px 0 10px; }
  .st-kurumsal .top-heads { padding-bottom: 12px; }
  .st-kurumsal .th-item:first-child { padding-left: 0; }
  .st-kurumsal .slider { border-radius: 0; }
  .st-kurumsal .video-band { border-radius: 0; padding: 18px 16px; }
  .st-kurumsal.cards-flat .article { padding: 0; margin: 0; }
  .st-kurumsal .article-spot { font-size: 17px; }
  .st-kurumsal .section-title { font-size: 13px; }
  .st-kurumsal .card-lg .card-title { font-size: 21px; }
  .st-kurumsal.cards-flat .grid:not(.list) { gap: 26px; }
}

/* ================= Ana sayfa blok yöneticisi (masaüstü / mobil sıra) ================= */
.home-blocks { display: flex; flex-direction: column; }
.hb { order: var(--od, 0); min-width: 0; }
.hb-hide-d { display: none; }
.hb-ad { margin: -6px 0 30px; }
.hb-sep { border: 0; border-top: 1px solid var(--line, #e5e5e5); margin: 4px 0 30px; }
@media (max-width: 900px) {
  .hb { order: var(--om, 0); }
  .hb-hide-d { display: block; }
  .hb-hide-m { display: none; }
}
.home-top { min-width: 0; }

/* ================= Manşet boyutu (Tema ve Görünüm › Manşet boyutu) ================= */
.hs-medium .slider { aspect-ratio: 16 / 9; }
.hs-medium .hero-full:not(.hero-split) .slider, .hs-medium .hero-wide .slider { aspect-ratio: 2.4 / 1; }
.hs-medium .slide-title { font-size: clamp(19px, 2.1vw, 28px); }
.hs-medium .hero-full:not(.hero-split) .slide-title, .hs-medium .hero-wide .slide-title { font-size: clamp(20px, 2.3vw, 32px); }
.hs-medium .mosaic { aspect-ratio: 2.7 / 1; }
.hs-medium .hero-side .oc-title { font-size: 16px; }
.hs-compact .slider { aspect-ratio: 2 / 1; }
.hs-compact .hero-full:not(.hero-split) .slider, .hs-compact .hero-wide .slider { aspect-ratio: 3.1 / 1; }
.hs-compact .slide-title, .hs-compact .hero-full .slide-title, .hs-compact .hero-wide .slide-title { font-size: clamp(18px, 1.8vw, 24px); }
.hs-compact .slide-cap { padding: 40px 22px 50px; gap: 6px; }
.hs-compact .mosaic { aspect-ratio: 3.2 / 1; }
.hs-compact .hero-side .oc-title { font-size: 15px; }
.hs-compact .hero, .hs-medium .hero { margin-bottom: 22px; }
@media (max-width: 680px) {
  .hs-medium .slider, .hs-medium .hero-full .slider, .hs-medium .hero-wide .slider { aspect-ratio: 16 / 11; }
  .hs-compact .slider, .hs-compact .hero-full .slider, .hs-compact .hero-wide .slider { aspect-ratio: 16 / 9.5; }
  .hs-compact .slide-cap { padding: 36px 16px 48px; }
}


/* ================= Mobil menü (çekmece) v4.2: sabit, taşmasız ================= */
html.drawer-lock, html.drawer-lock body { overflow: hidden; }
html.drawer-lock body { position: fixed; left: 0; right: 0; width: 100%; }
.drawer { position: fixed; inset: 0; z-index: 1000; background: rgba(10,12,16,.55); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);
  opacity: 0; visibility: hidden; transition: opacity .25s, visibility .25s; touch-action: none; overscroll-behavior: contain; }
.drawer.open { opacity: 1; visibility: visible; }
.drawer-panel { position: absolute; top: 0; left: 0; bottom: 0; width: min(340px, 86vw); max-width: 100%; display: flex; flex-direction: column;
  background: var(--card); box-shadow: 8px 0 40px rgba(0,0,0,.25); transform: translateX(-104%); transition: transform .28s cubic-bezier(.2,.8,.2,1);
  overflow: hidden; touch-action: pan-y; padding-top: env(safe-area-inset-top); will-change: transform; }
.drawer.open .drawer-panel { transform: none; }
.drawer-panel * { max-width: 100%; }
.drawer-head { flex: none; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 14px 14px 18px; border-bottom: 1px solid var(--line); }
.drawer-logo { flex: 1; min-width: 0; display: flex; align-items: center; height: 40px; }
.drawer-logo img { display: block; width: auto; height: auto; max-height: 34px; max-width: 100%; object-fit: contain; object-position: left center; }
/* Çekmece zemini açık: koyu başlık ayarından bağımsız olarak sadece gece modunda koyu logo */
.drawer-logo .logo-light { display: block !important; } .drawer-logo .logo-dark { display: none !important; }
html.dark .drawer-logo .logo-dark { display: block !important; } html.dark .drawer-logo .logo-light:has(+ .logo-dark) { display: none !important; }
.drawer-logo .logo-text { font-size: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.drawer-x { flex: none; width: 40px; height: 40px; display: grid; place-items: center; border: 0; border-radius: 50%; background: var(--soft); color: var(--ink); cursor: pointer; }
.drawer-x:active { transform: scale(.94); }
.drawer-body { flex: 1; min-height: 0; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; touch-action: pan-y; padding: 14px 14px calc(24px + env(safe-area-inset-bottom)); }
.drawer-search { display: flex; align-items: center; gap: 8px; height: 46px; padding: 0 14px; margin: 0 0 10px; border: 1px solid var(--line); border-radius: 12px; background: var(--soft); color: var(--muted); }
.drawer-search input { flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; background: transparent; color: var(--ink); font: inherit; font-size: 16px; }
.drawer-search:focus-within { border-color: var(--brand); background: var(--card); }
.drawer-member { display: flex; align-items: center; gap: 10px; margin: 0 0 14px; padding: 11px 14px; border-radius: 12px; border: 1px solid var(--line); font-weight: 700; font-size: 15px; color: var(--ink); background: var(--card); }
.drawer-member .mav { width: 28px; height: 28px; border-radius: 50%; background: var(--brand); color: #fff; display: grid; place-items: center; font-size: 12px; flex: none; }
.drawer-quick { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-bottom: 18px; }
.drawer-quick a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-height: 68px; padding: 8px 4px; border-radius: 12px; background: var(--soft); color: var(--ink); font-size: 12.5px; font-weight: 700; text-align: center; }
.drawer-quick a svg { color: var(--brand); }
.drawer-quick a:active { transform: scale(.97); }
.drawer-quick .dq-live svg { color: #e11d48; }
.drawer-label { margin: 0 4px 6px; font-size: 11px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; color: var(--muted); }
.drawer-nav { display: flex; flex-direction: column; margin-bottom: 18px; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.drawer-nav a { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 48px; padding: 0 14px 0 18px; font-size: 15.5px; font-weight: 600; color: var(--ink); border-top: 1px solid var(--line); }
.drawer-nav a:first-child { border-top: 0; }
.drawer-nav a::before { content: ""; position: absolute; left: 0; top: 12px; bottom: 12px; width: 3px; border-radius: 0 3px 3px 0; background: var(--c, var(--brand)); opacity: 0; transition: opacity .15s; }
.drawer-nav a span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.drawer-nav a svg { flex: none; color: var(--muted); opacity: .6; }
.drawer-nav a:active, .drawer-nav a.on { background: var(--soft); }
.drawer-nav a.on { font-weight: 800; } .drawer-nav a.on::before { opacity: 1; }
.drawer-svc { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; margin-bottom: 18px; }
.drawer-svc a { display: flex; align-items: center; min-height: 40px; padding: 8px 12px; border-radius: 10px; border: 1px solid var(--line); font-size: 13.5px; font-weight: 600; color: var(--ink); line-height: 1.25; }
.drawer-foot { display: flex; flex-direction: column; gap: 12px; padding-top: 4px; }
.drawer-theme { width: 100% !important; height: 44px !important; border-radius: 12px !important; border: 1px solid var(--line) !important; background: var(--card) !important; color: var(--ink) !important; display: flex !important; align-items: center; gap: 8px; justify-content: center; font-weight: 700; font-size: 14px; opacity: 1 !important; }
.drawer-social { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.drawer-social a { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: var(--soft); color: var(--ink); }
.drawer-links { display: flex; justify-content: center; gap: 18px; font-size: 13px; color: var(--muted); }
.drawer-links a { color: inherit; }
@media (prefers-reduced-motion: reduce) { .drawer, .drawer-panel { transition: none; } }

/* =====================================================================
   Manşet düzenleri v4.2 — 13 düzen + sayfalama / hız / kategori adı
   (Tema ve Görünüm › Manşet). Varsayılan ölçüler "Büyük" içindir;
   .hs-medium ve .hs-compact altta küçültür.
   ===================================================================== */
.slide-media { position: absolute; inset: 0; display: block; overflow: hidden; background: #111; }
.slide-media > img:not(.dz-img) { display: block; }
.slide .slide-spot, .slide .slide-meta { display: none; }
.slide-meta { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 600; opacity: .85; }
.slide-spot { font-size: 15.5px; line-height: 1.5; color: var(--text); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.slider-pager button > span { pointer-events: none; }
.trio .slide-meta { display: inline-flex; color: rgba(255,255,255,.82); }
@keyframes hl-prog { from { transform: scaleX(0); } to { transform: scaleX(1); } }

/* ---- Sayfalama: İlerleme çizgileri / Noktalar / Gizli ---- */
.slider { --pg-track: rgba(255,255,255,.38); --pg-fill: #fff; }
.pg-lines :is(.sl-slider, .sl-wide) .slider-pager,
.pg-dots :is(.sl-slider, .sl-wide) .slider-pager { left: 26px; right: 26px; bottom: 14px; background: none; -webkit-backdrop-filter: none; backdrop-filter: none; overflow: visible; }
.pg-lines .slider-pager { gap: 6px; }
.pg-lines :is(.sl-slider, .sl-wide, .sl-under, .sl-classic) .slider-pager button,
.pg-dots :is(.sl-slider, .sl-wide, .sl-under, .sl-classic) .slider-pager button { position: relative; flex: 1; min-width: 0; height: 20px; padding: 0; border: 0; background: none !important; font-size: 0 !important; }
.pg-lines :is(.sl-slider, .sl-wide, .sl-under, .sl-classic) .slider-pager button > span { position: absolute; left: 0; right: 0; top: 8px; height: 4px; border-radius: 4px; background: var(--pg-track); overflow: hidden; font-size: 0; }
.pg-lines :is(.sl-slider, .sl-wide, .sl-under, .sl-classic) .slider-pager button > span::after { content: ""; position: absolute; inset: 0; background: var(--pg-fill); transform: scaleX(0); transform-origin: left; }
.pg-lines :is(.sl-slider, .sl-wide, .sl-under, .sl-classic) .slider-pager button.is-active > span::after { transform: none; }
.pg-lines .hero.is-playing .slider-pager button.is-active > span::after { animation: hl-prog var(--spd, 5500ms) linear both; }
.pg-lines .slider-pager button:hover > span { filter: brightness(1.25); }
.pg-dots :is(.sl-slider, .sl-wide) .slider-pager { justify-content: center; }
.pg-dots .slider-pager { gap: 2px; }
.pg-dots :is(.sl-slider, .sl-wide, .sl-under, .sl-classic) .slider-pager button { flex: none; width: auto; padding: 0 4px; }
.pg-dots :is(.sl-slider, .sl-wide, .sl-under, .sl-classic) .slider-pager button > span { display: block; width: 8px; height: 8px; border-radius: 8px; background: var(--pg-track); font-size: 0; transition: width .25s, background .25s; }
.pg-dots :is(.sl-slider, .sl-wide, .sl-under, .sl-classic) .slider-pager button.is-active > span { width: 24px; background: var(--pg-fill); }
.pg-none :is(.sl-slider, .sl-wide, .sl-under, .sl-classic) .slider-pager { display: none; }
.pg-lines :is(.sl-slider, .sl-wide) .slide-cap, .pg-dots :is(.sl-slider, .sl-wide) .slide-cap { padding-bottom: 46px; }
.pg-none :is(.sl-slider, .sl-wide) .slide-cap { padding-bottom: 26px; }
.sl-strip .slide-cap, .sl-vlist .slide-cap, .sl-split .slide-cap { padding-bottom: 26px; }

/* ---- Başlık görselin altında (under) ve Gazete manşeti (classic) ---- */
.slider.sl-under, .slider.sl-classic { aspect-ratio: auto !important; display: flex; flex-direction: column; background: var(--card); box-shadow: var(--shadow); --pg-track: var(--line); --pg-fill: var(--brand); }
.sl-under .slides, .sl-classic .slides { position: relative; inset: auto; display: grid; flex: 1; }
.sl-under .slide, .sl-classic .slide { position: relative; inset: auto; grid-area: 1 / 1; display: flex; flex-direction: column; background: var(--card); color: var(--ink); }
.sl-under .slide-media, .sl-classic .slide-media { position: relative; inset: auto; flex: none; aspect-ratio: 16 / 9; }
.hero-full .sl-under .slide-media { aspect-ratio: 2.4 / 1; }
.sl-under .slide-cap, .sl-classic .slide-cap { position: static; flex: 1; background: none; color: var(--ink); padding: 16px 22px 18px; gap: 8px; }
.sl-under .slide-title, .sl-classic .slide-title { color: var(--ink); text-shadow: none; transition: color .15s; }
.sl-under .slide:hover .slide-title, .sl-classic .slide:hover .slide-title { color: var(--brand); }
.sl-under .slide .slide-meta, .sl-classic .slide .slide-meta { display: inline-flex; color: var(--muted); opacity: 1; }
.sl-under .slide .slide-spot, .sl-classic .slide .slide-spot { display: -webkit-box; }
.sl-under .slide-spot { -webkit-line-clamp: 2; }
.sl-under .slider-pager, .sl-classic .slider-pager { position: relative; inset: auto; flex: none; background: var(--card); -webkit-backdrop-filter: none; backdrop-filter: none; border-top: 1px solid var(--line); }
.sl-under .slider-pager button, .sl-classic .slider-pager button { color: var(--muted); }
.sl-under .slider-pager button:hover, .sl-under .slider-pager button.is-active,
.sl-classic .slider-pager button:hover, .sl-classic .slider-pager button.is-active { color: #fff; border-top-color: transparent; }
.pg-lines :is(.sl-under, .sl-classic) .slider-pager, .pg-dots :is(.sl-under, .sl-classic) .slider-pager { padding: 6px 22px; border-top: 0; overflow: visible; }
.pg-dots :is(.sl-under, .sl-classic) .slider-pager { justify-content: flex-start; padding-left: 18px; }
.sl-under .slider-nav, .sl-classic .slider-nav { top: 0; transform: none; margin-top: calc(28.125% - 22px); }
.hs-medium .sl-under .slider-nav { margin-top: calc(23.8% - 22px); }
.hs-compact .sl-under .slider-nav { margin-top: calc(20% - 22px); }
.hero-full .sl-under .slider-nav { margin-top: calc(20.8% - 22px); }
.sl-under .slide-ad, .sl-classic .slide-ad { min-height: 100%; }
@media (min-width: 901px) {
  .sl-classic .slide { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); }
  .sl-classic .slide-media { aspect-ratio: 16 / 10; }
  .sl-classic .slide-cap { justify-content: center; padding: 30px 34px 34px; gap: 12px; }
  .sl-classic .slide-title { font-size: clamp(24px, 2.3vw, 36px); line-height: 1.14; letter-spacing: -.025em; }
  .sl-classic .slide-spot { -webkit-line-clamp: 4; font-size: 16px; }
  .sl-classic .slider-nav { top: 16px; bottom: auto; margin-top: 0; transform: none; opacity: 1; width: 36px; height: 36px; background: var(--soft); color: var(--ink); -webkit-backdrop-filter: none; backdrop-filter: none; }
  .sl-classic .slider-nav.prev { left: auto; right: 60px; }
  .sl-classic .slider-nav.next { right: 18px; }
  .sl-classic .slider-nav:hover { background: var(--brand); color: #fff; }
  .sl-classic .slide-cap .badge { margin-right: 84px; }
}

/* ---- Slider + başlıklı alt şerit (strip) ---- */
.hero-strip { gap: 0; }
.hero-strip .slider { border-radius: var(--r) var(--r) 0 0; }
.hstrip { list-style: none; margin: 0; padding: 0; display: grid; grid-auto-flow: column; grid-auto-columns: 20%; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; background: var(--card); border-radius: 0 0 var(--r) var(--r); box-shadow: var(--shadow); }
.hstrip::-webkit-scrollbar, .vlist::-webkit-scrollbar, .trio::-webkit-scrollbar, .hcar-track::-webkit-scrollbar { display: none; }
.hstrip li { min-width: 0; scroll-snap-align: start; }
.hstrip a { position: relative; display: flex; gap: 10px; align-items: flex-start; height: 100%; padding: 12px; color: var(--ink); border-right: 1px solid var(--line); }
.hstrip li:last-child a { border-right: 0; }
.hstrip a::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--brand); transform: scaleX(0); transform-origin: left; }
.hstrip a.is-active::before { transform: none; }
.hero.is-playing .hstrip a.is-active::before { animation: hl-prog var(--spd, 5500ms) linear both; }
.hstrip a.is-active { background: color-mix(in srgb, var(--brand) 5%, var(--card)); }
.hstrip a.is-active b, .hstrip a:hover b, .vlist a:hover b { color: var(--brand); }
.vl-img { flex: none; display: block; overflow: hidden; background: var(--soft); }
.vl-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hstrip .vl-img { width: 64px; height: 48px; border-radius: 6px; }
.vl-t { min-width: 0; }
.vl-t small { display: block; margin-bottom: 2px; font-size: 10.5px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--c, var(--brand)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vl-t b { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 13.5px; line-height: 1.3; font-weight: 700; transition: color .15s; }

/* ---- Slider + resimli yan liste (vlist) ---- */
.hero.hero-vlist { grid-template-columns: minmax(0, 2.1fr) minmax(0, 1fr); align-items: stretch; gap: 14px; }
.vlist { list-style: none; margin: 0; padding: 6px; display: flex; flex-direction: column; gap: 2px; background: var(--card); border-radius: var(--r); box-shadow: var(--shadow); overflow-y: auto; height: 0; min-height: 100%; scrollbar-width: thin; }
.vlist a { position: relative; display: flex; gap: 12px; align-items: center; padding: 8px 8px 8px 10px; border-radius: 10px; color: var(--ink); }
.vlist a:hover { background: var(--soft); }
.vlist a.is-active { background: color-mix(in srgb, var(--brand) 8%, var(--card)); }
.vlist a.is-active::before { content: ""; position: absolute; left: 0; top: 10px; bottom: 10px; width: 3px; border-radius: 3px; background: var(--brand); }
.vlist a.is-active b { color: var(--brand); }
.vlist .vl-img { width: 96px; aspect-ratio: 16 / 10.5; border-radius: 8px; }
.vlist .vl-t b { font-size: 14px; }

/* ---- Tek büyük haber / dev başlık (splash) ---- */
.splash { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 32px; align-items: center; }
.sp-media { order: 2; position: relative; display: block; aspect-ratio: 16 / 10.5; border-radius: var(--r); overflow: hidden; background: var(--soft); box-shadow: var(--shadow); }
.sp-media img, .sp-media .ph { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s ease; }
.sp-media:hover img { transform: scale(1.03); }
.sp-body { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.sp-cat { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--c, var(--brand)); }
.sp-cat::before { content: ""; width: 22px; height: 3px; border-radius: 3px; background: currentColor; }
.sp-title { margin: 0; font-family: var(--font-h, var(--font)); font-size: clamp(28px, 3.5vw, 50px); font-weight: 900; line-height: 1.07; letter-spacing: -.03em; text-wrap: balance; color: var(--ink); }
.sp-title a { color: inherit; } .sp-title a:hover { color: var(--brand); }
.sp-spot { margin: 0; font-size: 17px; line-height: 1.55; color: var(--text); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.splash .slide-meta { color: var(--muted); opacity: 1; }
.sp-more { list-style: none; width: 100%; margin: 6px 0 0; padding: 14px 0 0; border-top: 1px solid var(--line); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.sp-more a { display: block; color: var(--ink); }
.sp-more small { display: block; margin-bottom: 3px; font-size: 10.5px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--c, var(--brand)); }
.sp-more b { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; line-height: 1.32; font-weight: 700; }
.sp-more a:hover b { color: var(--brand); }

/* ---- Üçlü manşet (trio) ---- */
.trio { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.trio .tr-card { aspect-ratio: 4 / 3.5; min-height: 0; }
.trio .slide-cap { padding: 70px 20px 20px; gap: 8px; }
.trio .slide-title { font-size: clamp(18px, 1.75vw, 24px); line-height: 1.22; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }

/* ---- Kayan kartlar (carousel) ---- */
.hcar { --hc-n: 3; --hc-gap: 16px; position: relative; }
.hcar-track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - (var(--hc-n) - 1) * var(--hc-gap)) / var(--hc-n)); gap: var(--hc-gap); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 2px 2px 10px; margin: -2px -2px -10px; }
.hc-card { scroll-snap-align: start; min-width: 0; display: flex; flex-direction: column; background: var(--card); color: var(--ink); border-radius: var(--r); overflow: hidden; box-shadow: var(--shadow); transition: transform .2s, box-shadow .2s; }
.hc-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); }
.hc-media { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--soft); }
.hc-media img, .hc-media .ph { width: 100%; height: 100%; object-fit: cover; display: block; }
.hc-n { position: absolute; left: 10px; bottom: 10px; min-width: 30px; height: 30px; padding: 0 8px; border-radius: 8px; background: rgba(0,0,0,.66); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); color: #fff; font-weight: 900; font-size: 14px; display: grid; place-items: center; }
.hc-card:first-child .hc-n { background: var(--brand); }
.hc-body { flex: 1; display: flex; flex-direction: column; gap: 6px; padding: 12px 14px 14px; }
.hc-cat { font-size: 10.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--c, var(--brand)); }
.hc-title { font-family: var(--font-h, var(--font)); font-size: 17px; line-height: 1.3; font-weight: 800; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; transition: color .15s; }
.hc-card:hover .hc-title { color: var(--brand); }
.hc-body .slide-meta { margin-top: auto; color: var(--muted); opacity: 1; font-size: 12px; }
.hcar-btn { position: absolute; z-index: 2; top: 0; margin-top: calc((100% - (var(--hc-n) - 1) * var(--hc-gap)) / var(--hc-n) * .3125 - 20px); width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--line); background: var(--card); color: var(--ink); box-shadow: var(--shadow-lg); display: grid; place-items: center; cursor: pointer; transition: opacity .2s, background .2s, color .2s; }
.hcar-btn.prev { left: -12px; } .hcar-btn.next { right: -12px; }
.hcar-btn:hover { background: var(--brand); border-color: var(--brand); color: #fff; }
.hcar-btn:disabled { opacity: 0; pointer-events: none; }

/* ---- Haber duvarı (wall): 6 haber, tuğla dizilim ---- */
.wall { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.wall .overlay-card { min-height: 0; aspect-ratio: 1 / 1; }
.wall .overlay-card:nth-child(1), .wall .overlay-card:nth-child(6) { grid-column: span 2; aspect-ratio: auto; }
.wall .slide-cap { padding: 50px 16px 16px; gap: 6px; }
.wall .overlay-card:nth-child(1) .slide-cap, .wall .overlay-card:nth-child(6) .slide-cap { padding: 60px 22px 20px; }
.wall .wl-lg .slide-title { font-size: clamp(20px, 2vw, 28px); }
.wall .oc-title { font-size: 15.5px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.wall .overlay-card:nth-child(6) .oc-title { font-size: clamp(17px, 1.6vw, 22px); }

/* ---- Manşette kategori adını gizle ---- */
.hl-nobadge .hero > :not(.hero-side) .badge, .hl-nobadge .hero .hc-cat, .hl-nobadge .hero .vl-t small, .hl-nobadge .hero .sp-cat, .hl-nobadge .hero .sp-more small { display: none; }

/* ---- Boyut: Orta ---- */
.hs-medium .hero.hero-vlist .slider { aspect-ratio: 16 / 9; }
.hs-medium .sl-under .slide-media { aspect-ratio: 2.1 / 1; }
.hs-medium .hero-full .sl-under .slide-media { aspect-ratio: 3 / 1; }
.hs-medium .hero-full .sl-under .slider-nav { margin-top: calc(16.66% - 22px); }
.hs-medium .sl-classic .slide-media { aspect-ratio: 16 / 9; }
.hs-medium .sl-under .slide-title, .hs-medium .sl-classic .slide-title { font-size: clamp(19px, 2vw, 28px); }
.hs-medium .sp-media { aspect-ratio: 16 / 9.5; }
.hs-medium .sp-title { font-size: clamp(26px, 3vw, 42px); }
.hs-medium .trio .tr-card { aspect-ratio: 4 / 3; }
.hs-medium .trio .slide-title { font-size: clamp(17px, 1.6vw, 21px); }
.hs-medium .hcar { --hc-n: 4; }
.hs-medium .hc-title { font-size: 16px; }
.hs-medium .wall .overlay-card { aspect-ratio: 4 / 3.4; }
.hs-medium .wall .overlay-card:nth-child(1), .hs-medium .wall .overlay-card:nth-child(6) { aspect-ratio: auto; }
.hs-medium .wall .oc-title { font-size: 15px; -webkit-line-clamp: 3; }
.hs-medium .vlist .vl-img { width: 84px; }
/* ---- Boyut: Kompakt ---- */
.hs-compact .hero.hero-vlist .slider { aspect-ratio: 2 / 1; }
.hs-compact .sl-under .slide-media { aspect-ratio: 2.5 / 1; }
.hs-compact .hero-full .sl-under .slide-media { aspect-ratio: 3.6 / 1; }
.hs-compact .hero-full .sl-under .slider-nav { margin-top: calc(13.9% - 22px); }
.hs-compact .sl-classic .slide-media { aspect-ratio: 2 / 1; }
.hs-compact .sl-under .slide-cap, .hs-compact .sl-classic .slide-cap { padding: 12px 18px 14px; gap: 6px; }
.hs-compact .sl-under .slide-spot { display: none; }
.hs-compact .sl-classic .slide-spot { -webkit-line-clamp: 3; font-size: 15px; }
.hs-compact .sp-media { aspect-ratio: 2 / 1; }
.hs-compact .sp-title { font-size: clamp(24px, 2.5vw, 34px); }
.hs-compact .sp-spot { -webkit-line-clamp: 2; font-size: 16px; }
.hs-compact .trio .tr-card { aspect-ratio: 16 / 10.5; }
.hs-compact .trio .slide-cap { padding: 50px 16px 16px; }
.hs-compact .trio .slide-title { font-size: clamp(16px, 1.45vw, 19px); -webkit-line-clamp: 3; }
.hs-compact .hcar { --hc-n: 5; --hc-gap: 14px; }
.hs-compact .hc-title { font-size: 15px; }
.hs-compact .hc-body { padding: 10px 12px 12px; }
.hs-compact .wall .overlay-card { aspect-ratio: 16 / 11; }
.hs-compact .wall .overlay-card:nth-child(1), .hs-compact .wall .overlay-card:nth-child(6) { aspect-ratio: auto; }
.hs-compact .wall .slide-cap { padding: 40px 12px 12px; }
.hs-compact .wall .oc-title { font-size: 14px; -webkit-line-clamp: 3; }
.hs-compact .wall .wl-lg .slide-title { font-size: clamp(18px, 1.7vw, 23px); }
.hs-compact .vlist .vl-img { width: 76px; }
.hs-compact .vlist a { padding-top: 6px; padding-bottom: 6px; }

/* ---- Kurumsal stil uyarlamaları ---- */
.st-kurumsal .slider.sl-under, .st-kurumsal .slider.sl-classic, .st-kurumsal .hstrip, .st-kurumsal .vlist, .st-kurumsal .hc-card { box-shadow: none; border: 1px solid var(--line); border-radius: var(--r-sm); }
.st-kurumsal .hero-strip .slider { border-radius: var(--r-sm) var(--r-sm) 0 0; }
.st-kurumsal .hstrip { border-top: 0; border-radius: 0 0 var(--r-sm) var(--r-sm); }
.st-kurumsal :is(.sl-under, .sl-classic) .slider-pager { background: var(--card); }
.st-kurumsal :is(.sl-under, .sl-classic) .slider-pager button { color: var(--muted); }
.st-kurumsal :is(.sl-under, .sl-classic) .slider-pager button:hover, .st-kurumsal :is(.sl-under, .sl-classic) .slider-pager button.is-active { color: var(--ink); background: none; border-top-color: var(--brand); }
.st-kurumsal :is(.sl-under, .sl-classic) .slide-cap .badge { color: var(--c, var(--brand)); }
.st-kurumsal .sl-classic .slider-nav:hover { background: var(--ink); color: var(--card); }
.st-kurumsal .sp-media { border-radius: var(--r-sm); box-shadow: none; }
.st-kurumsal .sp-title { font-weight: 800; letter-spacing: -.025em; }
.st-kurumsal .hc-card:hover { transform: none; box-shadow: none; border-color: color-mix(in srgb, var(--ink) 25%, var(--line)); }
.st-kurumsal .hc-n { border-radius: 2px; background: rgba(12,12,12,.8); font-size: 13px; }
.st-kurumsal .hc-card:first-child .hc-n { background: var(--brand); }
.st-kurumsal .hc-title { font-weight: 700; }
.st-kurumsal .hcar-btn { box-shadow: 0 2px 10px rgba(0,0,0,.12); }
.st-kurumsal .vlist a.is-active { background: var(--soft); }
.st-kurumsal .hstrip a.is-active { background: var(--soft); }
.st-kurumsal .wall, .st-kurumsal .trio { gap: 10px; }

/* ---- Tablet ---- */
@media (max-width: 900px) {
  .hero.hero-vlist { grid-template-columns: 1fr; gap: 10px; }
  .hs-medium .mosaic, .hs-compact .mosaic { aspect-ratio: auto; }
  .vlist { flex-direction: row; height: auto; min-height: 0; overflow-x: auto; overflow-y: hidden; padding: 6px; scroll-snap-type: x proximity; scrollbar-width: none; }
  .vlist li { flex: none; width: 72%; max-width: 320px; scroll-snap-align: start; }
  .vlist .vl-img { width: 84px; }
  .hstrip { grid-auto-columns: 34%; }
  .splash { grid-template-columns: 1fr; gap: 16px; }
  .sp-media { order: 0; }
  .trio { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 46%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .trio > * { scroll-snap-align: start; }
  .hcar, .hs-medium .hcar, .hs-compact .hcar { --hc-n: 2.3; }
  .hcar-btn { display: none; }
  .wall { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .wall .overlay-card, .hs-medium .wall .overlay-card, .hs-compact .wall .overlay-card { aspect-ratio: 1 / 1; }
  .wall .overlay-card:nth-child(1), .hs-medium .wall .overlay-card:nth-child(1), .hs-compact .wall .overlay-card:nth-child(1) { aspect-ratio: 16 / 10; }
  .wall .overlay-card:nth-child(6), .hs-medium .wall .overlay-card:nth-child(6), .hs-compact .wall .overlay-card:nth-child(6) { aspect-ratio: 16 / 9; }
}
/* ---- Telefon ---- */
@media (max-width: 680px) {
  .sl-under .slide-media, .sl-classic .slide-media, .hero-full .sl-under .slide-media,
  .hs-medium .sl-under .slide-media, .hs-medium .hero-full .sl-under .slide-media, .hs-medium .sl-classic .slide-media,
  .hs-compact .sl-under .slide-media, .hs-compact .hero-full .sl-under .slide-media, .hs-compact .sl-classic .slide-media { aspect-ratio: 16 / 10; }
  .hs-compact .sl-under .slide-media, .hs-compact .hero-full .sl-under .slide-media, .hs-compact .sl-classic .slide-media { aspect-ratio: 16 / 9; }
  .sl-under .slide-cap, .sl-classic .slide-cap, .hs-compact .sl-under .slide-cap, .hs-compact .sl-classic .slide-cap { padding: 12px 16px 14px; gap: 6px; }
  .sl-under .slide-title, .sl-classic .slide-title, .hs-medium .sl-under .slide-title, .hs-medium .sl-classic .slide-title { font-size: 21px; }
  .sl-classic .slide-spot { -webkit-line-clamp: 2; font-size: 14.5px; }
  .hero-full:not(.hero-split) .slider:not(.sl-under):not(.sl-classic), .hero.hero-vlist .slider { aspect-ratio: 4 / 3.4; }
  .hs-medium .hero-full:not(.hero-split) .slider:not(.sl-under):not(.sl-classic), .hs-medium .hero.hero-vlist .slider { aspect-ratio: 16 / 11; }
  .hs-compact .hero-full:not(.hero-split) .slider:not(.sl-under):not(.sl-classic), .hs-compact .hero.hero-vlist .slider { aspect-ratio: 16 / 9.5; }
  .hs-medium .sl-under .slider-nav, .hs-compact .sl-under .slider-nav { display: none; }
  .sl-under .slide-spot { display: none !important; }
  .pg-lines :is(.sl-under, .sl-classic) .slider-pager, .pg-dots :is(.sl-under, .sl-classic) .slider-pager { padding: 4px 16px; }
  .pg-lines :is(.sl-slider, .sl-wide) .slider-pager, .pg-dots :is(.sl-slider, .sl-wide) .slider-pager { left: 16px; right: 16px; bottom: 10px; }
  .pg-lines :is(.sl-slider, .sl-wide) .slide-cap, .pg-dots :is(.sl-slider, .sl-wide) .slide-cap { padding-bottom: 38px; }
  .pg-none :is(.sl-slider, .sl-wide) .slide-cap, .sl-strip .slide-cap, .sl-vlist .slide-cap, .sl-split .slide-cap { padding-bottom: 20px; }
  .hero-strip .slider { border-radius: 0; }
  .hstrip { margin: 0 -16px; border-radius: 0; grid-auto-columns: 62%; box-shadow: none; border-bottom: 1px solid var(--line); }
  .st-kurumsal .hstrip { border-left: 0; border-right: 0; border-radius: 0; }
  .vlist { margin: 0 -16px; padding: 6px 16px; border-radius: 0; box-shadow: none; background: none; scroll-padding-inline: 16px; }
  .st-kurumsal .vlist { border: 0; }
  .vlist li { width: 80%; }
  .vlist a { background: var(--card); border: 1px solid var(--line); }
  .vlist .vl-img { width: 78px; }
  .sp-media { margin: 0 -16px; border-radius: 0; box-shadow: none; }
  .sp-title, .hs-medium .sp-title, .hs-compact .sp-title { font-size: 26px; line-height: 1.12; }
  .sp-spot { font-size: 15.5px; }
  .sp-more { grid-template-columns: 1fr; gap: 0; padding-top: 4px; }
  .sp-more li + li { border-top: 1px solid var(--line); }
  .sp-more a { padding: 10px 0; }
  .trio { margin: 0 -16px; padding: 0 16px; scroll-padding-inline: 16px; grid-auto-columns: 84%; gap: 10px; }
  .trio .tr-card, .hs-medium .trio .tr-card, .hs-compact .trio .tr-card { aspect-ratio: 4 / 3.3; }
  .trio .slide-title, .hs-medium .trio .slide-title, .hs-compact .trio .slide-title { font-size: 19px; }
  .hcar-track { margin: -2px -16px -10px; padding: 2px 16px 10px; scroll-padding-inline: 16px; }
  .hcar, .hs-medium .hcar, .hs-compact .hcar { --hc-n: 1.25; --hc-gap: 12px; }
  .hcar-track { grid-auto-columns: 78%; }
  .wall { margin: 0; gap: 8px; }
  .wall .overlay-card, .hs-medium .wall .overlay-card, .hs-compact .wall .overlay-card { aspect-ratio: 4 / 3.4; }
  .wall .slide-cap, .hs-compact .wall .slide-cap { padding: 40px 10px 10px; }
  .wall .oc-title, .hs-medium .wall .oc-title, .hs-compact .wall .oc-title { font-size: 14px; -webkit-line-clamp: 4; }
  .wall .wl-lg .slide-title, .hs-compact .wall .wl-lg .slide-title { font-size: 20px; }
  .wall .overlay-card:nth-child(6) .oc-title { font-size: 17px; }
}

/* ================= Şehir ve piyasa şeridi (son dakika bandının altı) ================= */
.mkt { background: var(--card); border-bottom: 1px solid var(--line); font-variant-numeric: tabular-nums; }
.mkt-in { display: flex; align-items: center; gap: 18px; min-height: 66px; }
.mkt-city { flex: none; display: flex; align-items: center; min-width: 0; }
.mkt-city > a { display: inline-flex; align-items: center; gap: 6px; padding: 0 14px; height: 30px; color: var(--ink); font-size: 15.5px; white-space: nowrap; }
.mkt-city > a + a { border-left: 1px solid var(--line); }
.mc-name { padding-left: 0 !important; font-weight: 500; letter-spacing: .01em; font-size: 17px !important; }
.mc-name svg { color: var(--muted); margin-left: 6px; }
.mc-wx { gap: 8px !important; color: #2563eb !important; }
.mc-wx b { font-size: 20px; font-weight: 700; }
.mc-link:hover, .mc-name:hover { color: var(--brand); }
.mc-pray { gap: 8px !important; }
.mc-pray em { font-style: normal; font-size: 12.5px; font-weight: 600; background: var(--soft); color: var(--muted); padding: 5px 9px; border-radius: 4px; }
.mkt-track { flex: 1; min-width: 0; overflow-x: auto; scrollbar-width: none; margin-left: auto; }
.mkt-track::-webkit-scrollbar { display: none; }
.mkt-move { display: flex; align-items: center; justify-content: flex-end; white-space: nowrap; }
.mk { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 1px; padding: 0 0 0 26px; line-height: 1.15; }
.mk-l { display: inline-flex; align-items: center; gap: 6px; font-size: 15.5px; color: var(--ink); }
.mk-l i { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.mk.up .mk-l i { border-bottom: 7px solid #16a34a; }
.mk.down .mk-l i { border-top: 7px solid #dc2626; }
.mk.flat .mk-l i { width: 7px; height: 7px; border: 0; border-radius: 50%; background: var(--muted); }
.mk-v { font-size: 17px; font-weight: 700; color: var(--muted); letter-spacing: .01em; }
.mkt-city + .mkt-track { border-left: 1px solid var(--line); padding-left: 4px; }
.mkt-only-city .mkt-city { flex: 1; }
.mkt-scroll .mkt-track { overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); }
.mkt-scroll .mkt-move { display: inline-flex; justify-content: flex-start; gap: 18px; animation: ticker 45s linear infinite; }
.mkt-scroll:hover .mkt-move { animation-play-state: paused; }
html.dark .mc-wx { color: #60a5fa !important; }
@media (max-width: 1180px) { .mc-link { display: none !important; } }
@media (max-width: 900px) {
  .mkt-city { display: none; }
  .mkt-only-city { display: none; }
  .mkt-move { justify-content: space-between; }
}
@media (max-width: 680px) {
  .mkt { background: var(--soft); border-bottom: 0; padding: 10px 0; }
  .mkt-nomob { display: none; }
  .mkt-in { min-height: 0; }
  .mkt-track { background: var(--card); border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,.06); }
  .mkt-move { justify-content: stretch; }
  .mk { flex: 1 0 25%; min-width: 25%; align-items: center; padding: 12px 4px; gap: 4px; }
  .mk + .mk { border-left: 1px solid var(--line); }
  .mk-l { font-size: clamp(12px, 3.6vw, 14px); text-transform: uppercase; letter-spacing: .02em; gap: 7px; }
  .mk-v { font-size: clamp(13px, 4vw, 16px); }
  .mkt-scroll .mk { flex: none; min-width: 0; padding: 10px 14px; }
  .st-kurumsal .mkt-track { border-radius: 2px; border: 1px solid var(--line); box-shadow: none; }
}
@media (prefers-reduced-motion: reduce) { .mkt-scroll .mkt-move { animation: none; } .mkt-scroll .mkt-track { overflow-x: auto; } }
/* Ana sayfada: hikâyelerin altında, manşetin üstünde kart olarak */
.mkt-home { border: 1px solid var(--line); margin: 0 0 14px; }
.mkt-home .mkt-in { max-width: none; padding: 0 20px; }
@media (max-width: 680px) {
  .mkt-home { border: 0; background: none; padding: 0; margin: 0 0 12px; }
  .mkt-home .mkt-in { padding: 0; }
}

/* ================= Kenar çubuğu: görselli liste (videolar, galeriler, son eklenenler) ================= */
.side-media { list-style: none; margin: 0; padding: 0; }
.side-media a { display: flex; gap: 12px; align-items: flex-start; padding: 9px 0; border-bottom: 1px solid var(--line); color: var(--ink); }
.side-media li:last-child a { border-bottom: 0; padding-bottom: 0; }
.side-media li:first-child a { padding-top: 0; }
.sm-img { position: relative; flex: none; width: 104px; aspect-ratio: 16 / 10; border-radius: 8px; overflow: hidden; background: var(--soft); }
.sm-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sm-img i { position: absolute; left: 6px; bottom: 6px; width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; background: rgba(0,0,0,.6); color: #fff; }
.sm-t { min-width: 0; }
.sm-t b { font-size: 14px; font-weight: 700; line-height: 1.32; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; transition: color .15s; }
.sm-t small { display: block; margin-top: 4px; font-size: 11.5px; font-weight: 500; color: var(--muted); }
.side-media a:hover .sm-t b { color: var(--brand); }
.side-plain .sm-img { width: 84px; }
.st-kurumsal .sm-img { border-radius: var(--r-sm); }
.st-kurumsal .sm-img i { border-radius: 2px; }

/* =====================================================================
   Akıllı manşet düzeni (Daktilo tarzı)
   Masaüstü: başlığı üzerine yazılmış 2.7:1 tasarım görseli + altta numara şeridi
   Mobil: haberin kendi fotoğrafı + kategori rozeti + ileri oku + siyah bantta başlık
   ===================================================================== */
.slider.sl-smart { aspect-ratio: auto !important; display: flex; flex-direction: column; background: var(--card); border-radius: 0; overflow: hidden; }
.sl-smart .slides { position: relative; aspect-ratio: 2.7 / 1; flex: none; }
.sl-smart .slide { background: color-mix(in srgb, var(--c, #3b2f25) 30%, #141210); }
.sl-smart .slide-media { background: transparent; }
.sl-smart .slide-media picture { display: block; width: 100%; height: 100%; }
.sl-smart .slide img, .sl-smart .slide.is-active img { transform: none !important; transition: none; }
.sl-smart .sm-badge { display: none; }
.sl-smart .slide-cap .badge, .sl-smart .slide-spot, .sl-smart .slide-meta { display: none !important; }
/* tasarımı olan haber: görselin kendisi manşet; başlık yalnızca ekran okuyucular için */
.sl-smart .slide.is-designed .slide-cap { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* tasarımı olmayan (eski) haber: zemin + sağda fotoğraf + solda büyük başlık */
.sl-smart .slide:not(.is-designed) .slide-media img { position: absolute; inset: 0 0 0 auto; width: 62%; height: 100%; object-fit: cover; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 40%); mask-image: linear-gradient(90deg, transparent 0, #000 40%); }
.sl-smart .slide:not(.is-designed) .slide-cap { top: 0; bottom: 0; right: auto; width: 52%; justify-content: center; padding: 30px 20px 30px 46px; background: none; }
.sl-smart .slide:not(.is-designed) .slide-title { font-family: var(--font-h, Georgia, serif); font-size: clamp(32px, 4.3vw, 64px); font-weight: 900; line-height: 1.07; letter-spacing: -.02em; text-shadow: 0 2px 12px rgba(0,0,0,.35); display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.sl-smart .slider-nav { top: calc(50% - 25px); }
.sl-smart .sm-kick { color: #ffd200; }
@media (min-width: 681px) { .sl-smart .slide.sm-long:not(.is-designed) .slide-title { font-size: clamp(26px, 3vw, 44px); -webkit-line-clamp: 5; } }
/* numara şeridi */
.hero .sl-smart .slider-pager { position: relative; inset: auto; flex: none; display: flex; height: 50px; padding: 0; background: var(--card); -webkit-backdrop-filter: none; backdrop-filter: none; border: 1px solid var(--line); border-top: 0; overflow-x: auto; }
.hero .sl-smart .slider-pager button { flex: 1 0 auto; min-width: 40px; height: 100%; padding: 0 6px; border: 0; border-left: 1px solid var(--line); background: none; color: #6b7280; font-size: 18px; font-weight: 500; font-variant-numeric: tabular-nums; transition: background .15s, color .15s; }
.hero .sl-smart .slider-pager button:first-child { border-left: 0; }
.hero .sl-smart .slider-pager button:hover { background: var(--soft); color: var(--ink); }
.hero .sl-smart .slider-pager button.is-active { background: #120e1c; color: #fff; font-size: 30px; font-weight: 800; border-left-color: #120e1c; }
.hero .sl-smart .slider-pager button.is-active + button { border-left-color: transparent; }
html.dark .hero .sl-smart .slider-pager button.is-active { background: #fff; color: #111; }
.st-kurumsal .hero .sl-smart .slider-pager button { font-size: 18px; border-top: 0; }
.st-kurumsal .hero .sl-smart .slider-pager button.is-active { font-size: 30px; }
.st-canli .hero .sl-smart .slider-pager button.is-active { background: var(--brand); border-left-color: var(--brand); }
@media (max-width: 900px) { .hero .sl-smart .slider-pager button { font-size: 16px; } .hero .sl-smart .slider-pager button.is-active { font-size: 24px; } }
@media (max-width: 680px) {
  .slider.sl-smart { margin: 0 -16px; background: #000; }
  .sl-smart .slides { aspect-ratio: auto; display: grid; }
  .sl-smart .slide { position: relative; inset: auto; grid-area: 1 / 1; display: flex; flex-direction: column; background: #000; }
  .sl-smart .slide-media { position: relative; inset: auto; aspect-ratio: 16 / 9; flex: none; }
  .sl-smart .slide .slide-media img, .sl-smart .slide:not(.is-designed) .slide-media img { position: static; width: 100%; height: 100%; object-fit: cover; -webkit-mask-image: none; mask-image: none; }
  .sl-smart .slide.is-designed .slide-cap, .sl-smart .slide:not(.is-designed) .slide-cap { position: static; width: auto; clip: auto; white-space: normal; overflow: visible; display: flex; align-items: center; justify-content: center; text-align: center; padding: 6px 14px 7px; background: #000; flex: none; height: calc(2 * 1.32 * clamp(18px, 5.4vw, 22px) + 15px); }
  /* Daktilo gibi ince siyah bant: en fazla 2 satır, bütün manşetlerde aynı yükseklik */
  .hero .sl-smart .slide .slide-title, .hero .sl-smart .slide:not(.is-designed) .slide-title, .hero .sl-smart .slide.sm-long:not(.is-designed) .slide-title { font-family: var(--font); font-size: clamp(18px, 5.4vw, 22px); font-weight: 800; line-height: 1.32; letter-spacing: -.015em; color: #fff; text-shadow: none; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; padding-bottom: .06em; }
  .sl-smart .sm-badge { display: block; position: absolute; left: 14px; bottom: 14px; max-width: 60%; padding: 7px 12px 7px 10px; background: rgba(17,17,17,.82); border-left: 4px solid var(--c, var(--brand)); color: #fff; font-size: 13px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .sl-smart .slider-nav.prev { display: none !important; }
  /* Mobil: başlığın altında ince kutucuklar; manşet değiştikçe etkin kutu öne gelir, çok manşette şerit kayar */
  .hero .sl-smart .slider-pager { height: auto; gap: 3px; padding: 6px 0 0; background: var(--bg, #fff); border: 0; scrollbar-width: none; scroll-behavior: smooth; }
  .hero .sl-smart .slider-pager::-webkit-scrollbar { display: none; }
  .hero .sl-smart .slider-pager button, .st-kurumsal .hero .sl-smart .slider-pager button { flex: 1 0 24px; min-width: 24px; height: 6px; padding: 0; border: 0 !important; border-radius: 1px; background: #dcdce2; font-size: 0 !important; color: transparent; transition: background .2s; }
  .hero .sl-smart .slider-pager button > * { display: none; }
  .hero .sl-smart .slider-pager button:hover { background: #c4c4cc; }
  .hero .sl-smart .slider-pager button.is-active, .st-kurumsal .hero .sl-smart .slider-pager button.is-active { background: #120e1c; font-size: 0 !important; }
  .st-canli .hero .sl-smart .slider-pager button.is-active { background: var(--brand); }
  html.dark .hero .sl-smart .slider-pager button { background: rgba(255,255,255,.18); }
  html.dark .hero .sl-smart .slider-pager button.is-active { background: #fff; }
  .sl-smart .slider-nav.next { display: grid; opacity: 1; top: 0; transform: none; margin-top: calc(56.25% - 60px); right: 14px; width: 46px; height: 46px; background: rgba(0,0,0,.22); border: 2px solid rgba(255,255,255,.92); -webkit-backdrop-filter: none; backdrop-filter: none; }
  .sl-smart .slider-nav.next svg { width: 24px; height: 24px; }
}

/* =====================================================================
   Öne çıkanlar (3 kutu) · Medya manşeti (video + foto) · Haber ızgarası (4'lü) — Daktilo tarzı
   ===================================================================== */
.hero.hero-smart { margin-bottom: 14px; }
.feat-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin: 0 0 14px; }
.fc-card { display: flex; flex-direction: column; min-width: 0; background: var(--fc, #3a3a3a); color: #fff; overflow: hidden; transition: filter .15s; }
.fc-card:hover { filter: brightness(1.08); }
.fc-img { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: rgba(0,0,0,.2); }
.fc-img img, .fc-img .ph { width: 100%; height: 100%; object-fit: cover; display: block; }
.fc-t { display: block; padding: 24px 22px 26px; font-family: var(--font-h, var(--font)); font-size: clamp(17px, 1.7vw, 23px); font-weight: 700; line-height: 1.42; min-height: calc(2.84em + 50px); text-shadow: 0 1px 2px rgba(0,0,0,.18); }
.fc-t > b, .mh-ct > b, .ng-t > b { font-weight: inherit; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.mi-ic { position: absolute; left: 18px; bottom: 14px; width: 48px; height: 32px; border-radius: 3px; background: rgba(26,20,52,.92); color: #fff; display: grid; place-items: center; z-index: 2; }
.mi-ic svg { width: 18px; height: 18px; }
.mi-ic svg path[d^="M7 5"] { fill: none; }

.media-hero { display: grid; grid-template-columns: minmax(0, 2.03fr) minmax(0, 1fr); gap: 13px; margin: 0 0 14px; align-items: stretch; }
.media-hero.mh-full { grid-template-columns: 1fr; }
.slider.mh-slider { aspect-ratio: auto; display: block; position: relative; background: #333; border-radius: 0; overflow: hidden; }
.mh-slider .slides { position: relative; inset: auto; display: grid; height: 100%; }
.mh-slider .slide { position: relative; inset: auto; grid-area: 1 / 1; display: flex; flex-direction: column; background: #333; color: #fff; }
.mh-slider .slide img, .mh-slider .slide.is-active img { transform: none !important; }
.mh-media { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #222; flex: none; }
.mh-media img, .mh-media .ph { width: 100%; height: 100%; object-fit: cover; display: block; }
.mh-media .mi-ic { left: 30px; top: 24px; bottom: auto; width: 70px; height: 36px; }
.mh-media .mi-ic svg { width: 22px; height: 22px; }
.mh-cap { flex: 1; display: flex; flex-direction: column; gap: 10px; padding: 26px 26px 22px; background: #333; }
.mh-slider .slider-pager ~ .slides .mh-cap, .mh-slider:has(.slider-pager) .mh-cap { padding-top: calc(34px + 24px); }
.mh-title { font-family: var(--font-h, var(--font)); font-size: clamp(21px, 2.3vw, 32px); font-weight: 800; line-height: 1.22; color: #fff; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mh-spot { font-size: 16px; line-height: 1.42; color: rgba(255,255,255,.92); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.mh-slider .slide:hover .mh-title { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.media-hero .mh-slider .slider-pager { top: 0; bottom: auto; margin-top: 56.25%; height: 34px; z-index: 3; display: flex; background: #3d3d3d; -webkit-backdrop-filter: none; backdrop-filter: none; overflow: hidden; }
.media-hero .mh-slider .slider-pager button { flex: 1 1 0; min-width: 0; height: 100%; padding: 0; border: 0; border-left: 1px solid #555; background: none; color: #c7c7c7; font-size: 16px; font-weight: 500; }
.media-hero .mh-slider .slider-pager button:first-child { border-left: 0; }
.media-hero .mh-slider .slider-pager button:hover { background: #4a4a4a; color: #fff; }
.media-hero .mh-slider .slider-pager button.is-active { background: #120e1c; color: #fff; font-size: 22px; font-weight: 800; border-left-color: #120e1c; }
.mh-slider .slider-nav { top: 0; transform: none; margin-top: calc(28.125% - 22px); }
.mh-side { display: grid; grid-template-rows: 1fr 1fr; gap: 13px; min-width: 0; }
.mh-card, .ng-card { display: flex; flex-direction: column; min-width: 0; min-height: 0; background: var(--card); color: var(--ink); overflow: hidden; box-shadow: 0 1px 2px rgba(0,0,0,.08); border: 1px solid var(--line); }
.mh-cimg, .ng-img { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--soft); flex: none; }
.mh-cimg img, .ng-img img, .mh-cimg .ph, .ng-img .ph { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s; }
.mh-card:hover img, .ng-card:hover img { transform: scale(1.04); }
.mh-ct { flex: 1; display: flex; align-items: center; padding: 16px 22px; }
.mh-ct, .ng-t { font-size: clamp(16px, 1.6vw, 22px); font-weight: 500; line-height: 1.38; }
.mh-ct { display: block; padding-top: 22px; }
.mh-card:hover .mh-ct, .ng-card:hover .ng-t { color: var(--brand); }

.news-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0 0 28px; }
.ng-t { display: block; padding: 16px 20px 18px; font-size: clamp(15px, 1.4vw, 19.5px); min-height: calc(2.76em + 34px); }
.ng-img .mi-ic { left: 18px; bottom: 12px; }
.st-kurumsal .mh-card, .st-kurumsal .ng-card { box-shadow: none; }
html.dark .media-hero .mh-slider .slider-pager button.is-active { background: #fff; color: #111; }

@media (max-width: 900px) {
  .media-hero { grid-template-columns: 1fr; }
  .mh-side { grid-template-rows: none; grid-template-columns: 1fr 1fr; }
  .news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  /* Tablet ve mobil: Daktilo'daki gibi 2'li ızgara (kaydırma yok) */
  .feat-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
  .feat-cards { margin: 0 -12px 12px; gap: 8px; }
  .fc-t { padding: 15px 14px 16px; font-family: var(--font); font-size: 17px; font-weight: 500; line-height: 1.25; min-height: calc(2.5em + 31px); }
  .slider.mh-slider { margin: 0 -16px; }
  .mh-cap { padding: 18px 16px 18px; }
  .mh-slider:has(.slider-pager) .mh-cap { padding-top: calc(32px + 16px); }
  .media-hero .mh-slider .slider-pager { height: 32px; overflow-x: auto; scrollbar-width: none; }
  .media-hero .mh-slider .slider-pager button { flex: 1 0 34px; font-size: 14px; }
  .media-hero .mh-slider .slider-pager button.is-active { font-size: 18px; }
  .mh-title { font-size: 21px; }
  .mh-spot { font-size: 14.5px; -webkit-line-clamp: 2; }
  .mh-media .mi-ic { left: 14px; top: 14px; width: 54px; height: 32px; }
  .mh-side, .news-grid { gap: 10px; }
  .mh-ct, .ng-t { font-size: 15px; padding: 12px 12px 14px; }
  .ng-t { min-height: calc(2.76em + 26px); }
  .mi-ic { left: 10px; bottom: 10px; width: 40px; height: 28px; }
  .mh-cimg .mi-ic, .ng-img .mi-ic { left: 10px; bottom: 10px; }
}

/* ================= Foto haber: metnin altında fotoğraflar alt alta ================= */
.gl-list { display: grid; gap: 40px; margin: 34px 0 14px; }
.gl-item { margin: 0; scroll-margin-top: 90px; }
.gl-n { display: flex; align-items: baseline; gap: 6px; margin: 0 0 12px; font-variant-numeric: tabular-nums; }
.gl-n b { font-size: 27px; font-weight: 800; color: var(--ink); line-height: 1; }
.gl-n i { font-style: normal; font-size: 18px; color: var(--line); }
.gl-n span { font-size: 24px; font-weight: 700; color: var(--muted); }
.gl-img { position: relative; display: block; background: var(--soft); }
.gl-img img { display: block; width: 100%; height: auto; }
.gl-zoom { position: absolute; top: 14px; right: 14px; width: 38px; height: 38px; border-radius: 50%; background: rgba(255,255,255,.78); color: #222; display: grid; place-items: center; box-shadow: 0 1px 6px rgba(0,0,0,.2); transition: transform .15s, background .15s; }
.gl-img:hover .gl-zoom { transform: scale(1.08); background: #fff; }
.gl-item figcaption { margin-top: 10px; font-size: 16px; line-height: 1.55; color: var(--text); }
.gl-item .img-credit { display: block; margin-top: 6px; }
.gl-share { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.gl-share > a { display: inline-grid; place-items: center; height: 44px; min-width: 50px; padding: 0 10px; border: 1px solid var(--line); border-radius: 3px; color: #555; background: var(--card); transition: border-color .15s, color .15s; }
.gl-share > a:hover { border-color: var(--ink); color: var(--ink); }
html.dark .gl-share > a { color: var(--text); }
.gl-gn { display: inline-flex !important; flex-direction: column; justify-content: center; align-items: flex-start; padding: 0 14px !important; line-height: 1.05; }
.gl-gn-l { font-size: 17px; color: #5f6368; } .gl-gn-l i { font-style: normal; font-weight: 500; }
.gl-gn small { font-size: 13px; color: #5f6368; letter-spacing: .02em; }
.gl-share > a.gl-cm { margin-left: auto; border: 0; min-width: 0; padding: 0; display: inline-flex; gap: 6px; color: #3b82f6; font-size: 16px; }
.gl-share > a.gl-cm:hover { color: var(--brand); }
@media (max-width: 680px) {
  .gl-list { gap: 30px; }
  .gl-img { margin: 0 -16px; }
  .gl-share { gap: 8px; }
  .gl-share > a { height: 40px; min-width: 44px; }
  .gl-gn-l { font-size: 15px; } .gl-gn small { font-size: 12px; }
}