/* =====================================================================
   6) VARYANTLAR  ·  Modül sürümlerinin kullandığı stil parçaları
   ---------------------------------------------------------------------
   Her modülün 20 sürümü vardır (data-surum="1..20"). Sürümler burada
   tanımlı "kutu", "başlık" ve "yerleşim" parçalarını birleştirir.
   ===================================================================== */

/* =====================================================================
   6.1 KUTU STİLLERİ  ·  .kutu--*
   ===================================================================== */
.kutu { min-width: 0; }
.kutu--cerceve {
  background: var(--kart); border: 1px solid var(--cizgi);
  border-radius: var(--r3); padding: var(--b5);
}
.kutu--golge {
  background: var(--kart); border-radius: var(--r3);
  padding: var(--b5); box-shadow: var(--golge-2);
}
.kutu--dolgu { background: var(--kart-2); border-radius: var(--r3); padding: var(--b5); }
.kutu--koyu {
  background: var(--lacivert); color: #fff;
  border-radius: var(--r3); padding: var(--b5);
}
.kutu--koyu .modul-baslik__ad { color: #fff; }
.kutu--koyu .modul-baslik__cizgi { background: rgba(255,255,255,.2); }
.kutu--koyu .modul-baslik__link,
.kutu--koyu .sonuk,
.kutu--koyu .meta { color: rgba(255,255,255,.65); }
.kutu--koyu a { color: #fff; }
.kutu--koyu li,
.kutu--koyu tr td,
.kutu--koyu .numarali li { border-color: rgba(255,255,255,.14) !important; }

.kutu--vurgu {
  background: var(--kart); border: 1px solid var(--cizgi);
  border-left: 3px solid var(--kat, var(--marka));
  border-radius: 0 var(--r3) var(--r3) 0; padding: var(--b5);
}
.kutu--ustcizgi {
  background: var(--kart); border: 1px solid var(--cizgi);
  border-top: 3px solid var(--kat, var(--marka));
  border-radius: 0 0 var(--r3) var(--r3); padding: var(--b5);
}
.kutu--yuvarlak {
  background: var(--kart); border: 1px solid var(--cizgi);
  border-radius: var(--r5); padding: var(--b6);
}
.kutu--renkli {
  background: color-mix(in srgb, var(--kat, var(--marka)) 8%, var(--kart));
  border: 1px solid color-mix(in srgb, var(--kat, var(--marka)) 22%, transparent);
  border-radius: var(--r3); padding: var(--b5);
}
.kutu--ikili {
  background: var(--kart); border: 1px solid var(--cizgi);
  border-radius: var(--r3); overflow: hidden;
}
.kutu--ikili > .modul-baslik { margin: 0; }
.kutu--ikili > .kutu__govde { padding: var(--b5); }
.kutu--sade { padding: 0; }
.kutu--kesik {
  background: var(--kart); border: 1px dashed var(--cizgi-koyu);
  border-radius: var(--r3); padding: var(--b5);
}

/* =====================================================================
   6.2 BAŞLIK STİLLERİ  ·  .modul-baslik--*
   ===================================================================== */
.modul-baslik--solcubuk { gap: var(--b3); }
.modul-baslik--solcubuk .modul-baslik__ad {
  border-left: 4px solid var(--kat, var(--marka));
  padding-left: var(--b3); color: var(--yazi);
}
.modul-baslik--solcubuk .modul-baslik__cizgi { display: none; }

.modul-baslik--ortali { justify-content: center; text-align: center; }
.modul-baslik--ortali::before,
.modul-baslik--ortali::after {
  content: ""; flex: 1; height: 1px; background: var(--cizgi-koyu);
}
.modul-baslik--ortali .modul-baslik__cizgi { display: none; }

.modul-baslik--altcizgi { border-bottom: 2px solid var(--cizgi); padding-bottom: var(--b2); }
.modul-baslik--altcizgi .modul-baslik__ad {
  color: var(--yazi); padding-bottom: var(--b2); margin-bottom: -10px;
  border-bottom: 3px solid var(--kat, var(--marka));
}
.modul-baslik--altcizgi .modul-baslik__cizgi { background: transparent; }

.modul-baslik--minimal .modul-baslik__ad {
  font-size: var(--fs-mini); text-transform: uppercase; letter-spacing: .16em;
  color: var(--yazi-3);
}
.modul-baslik--minimal .modul-baslik__cizgi { background: var(--cizgi); }

.modul-baslik--kutu .modul-baslik__ad {
  background: var(--kat, var(--marka)); color: #fff;
  font-size: var(--fs-kucuk); padding: 5px 12px; border-radius: var(--r2);
  text-transform: uppercase; letter-spacing: .05em;
}
.modul-baslik--ters { flex-direction: row-reverse; }
.modul-baslik--ters .modul-baslik__ad { text-align: right; }

.modul-baslik--noktali .modul-baslik__cizgi {
  background: repeating-linear-gradient(90deg, var(--cizgi-koyu) 0 3px, transparent 3px 7px);
}
.modul-baslik--kalin { border-bottom: 3px solid var(--kat, var(--marka)); padding-bottom: var(--b3); }
.modul-baslik--kalin .modul-baslik__cizgi { display: none; }
.modul-baslik--kalin .modul-baslik__ad { color: var(--yazi); }

.modul-baslik--golgeli .modul-baslik__ad {
  color: var(--yazi); position: relative; padding-left: var(--b4);
}
.modul-baslik--golgeli .modul-baslik__ad::before {
  content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
  width: 10px; height: 10px; border-radius: 2px;
  background: var(--kat, var(--marka));
}

/* =====================================================================
   6.3 LİSTE / IZGARA YERLEŞİM PARÇALARI
   ===================================================================== */
.izgara--7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
.izgara--8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
.izgara--dar-genis { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
.izgara--genis-dar { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
.izgara--sik { gap: var(--b3); }
.izgara--bol { gap: var(--b7); }

/* satır aralarına çizgi */
.izgara--cizgili > * { padding-bottom: var(--b4); border-bottom: 1px solid var(--cizgi); }
.izgara--dikey-cizgi > * + * { border-left: 1px solid var(--cizgi); padding-left: var(--sutun-bosluk); }

/* dikey liste (tek sütun, ayraçlı) */
.dizi {
  display: grid; gap: var(--b4);
  grid-template-columns: repeat(var(--sutun, 1), minmax(0, 1fr));
}
.dizi--cizgili > * + * { border-top: 1px solid var(--cizgi); padding-top: var(--b4); }
.dizi--kesik > * + * { border-top: 1px dashed var(--cizgi); padding-top: var(--b4); }
.dizi--sik { gap: var(--b3); }
.dizi--kutulu > * {
  background: var(--kart); border: 1px solid var(--cizgi);
  border-radius: var(--r2); padding: var(--b3);
}
.dizi--zebra > *:nth-child(even) { background: var(--kart-2); padding: var(--b3); border-radius: var(--r2); }

/* kart ek biçimleri */
.kart--golgeli {
  background: var(--kart); border-radius: var(--r3); overflow: hidden;
  box-shadow: var(--golge-1); gap: 0;
}
.kart--golgeli:hover { box-shadow: var(--golge-2); }
.kart--golgeli .gorsel { border-radius: 0; }
.kart--golgeli .kart__govde { padding: var(--b4); display: grid; gap: 6px; }
.kart--cizgili { border-bottom: 2px solid var(--cizgi); padding-bottom: var(--b3); }
.kart--ustcizgi { border-top: 3px solid var(--kat, var(--marka)); padding-top: var(--b3); }
.kart--numarali { position: relative; }
.kart--numarali::before {
  content: attr(data-no);
  position: absolute; top: 0; left: 0; z-index: 3;
  min-width: 30px; height: 30px; padding: 0 8px;
  display: grid; place-items: center;
  background: var(--kat, var(--marka)); color: #fff;
  font-weight: var(--fw-siyah); font-size: var(--fs-kucuk);
}
.rakamli-satir { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--b3); }
.rakamli-satir__no {
  font-size: 34px; font-weight: var(--fw-siyah); line-height: .9;
  color: var(--cizgi-koyu); font-variant-numeric: tabular-nums;
}
.kart--yatay-buyuk { grid-template-columns: 220px minmax(0, 1fr); gap: var(--b4); }
.kart--yatay-orta { grid-template-columns: 150px minmax(0, 1fr); gap: var(--b3); }
.kart--merkez { text-align: center; justify-items: center; }
.kart--merkez .meta { justify-content: center; }
.kart--ince .kart__baslik { font-weight: var(--fw-orta); }
.kart--serif .kart__baslik { font-family: var(--f-serif); letter-spacing: 0; }
.kart--buyukharf .kart__baslik { text-transform: uppercase; letter-spacing: .01em; font-size: var(--fs-kucuk); }

/* kapak kartı yoğunluk seçenekleri */
.kart--kapak-hafif .gorsel__perde {
  background: linear-gradient(to top, rgba(6,10,16,.7), rgba(6,10,16,0) 55%);
}
.kart--kapak-koyu .gorsel__perde { background: rgba(6,10,16,.5); }
.kart--kapak-orta .kart__ic { inset: 0; display: grid; place-content: center; text-align: center; }

/* =====================================================================
   6.4 MANŞET SÜRÜM PARÇALARI
   ===================================================================== */
.manset--yanust .manset__ust { grid-template-columns: minmax(0, 1fr); }
.manset--yanust .manset__yan { grid-auto-flow: column; grid-auto-columns: 1fr; grid-auto-rows: auto; }
.manset--ters .manset__ust { direction: rtl; }
.manset--ters .manset__ust > * { direction: ltr; }
.manset--esit .manset__ust { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.manset--dar-yan .manset__ust { grid-template-columns: minmax(0, 2.6fr) minmax(0, 1fr); }
.manset--genis-yan .manset__ust { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); }
.manset--uc-yan .manset__yan { grid-auto-rows: 1fr; }

/* numara şeridi biçimleri */
.manset__numaralar--nokta {
  border: 0; background: transparent; justify-content: center;
  gap: 6px; padding-top: var(--b3);
}
.manset__numaralar--nokta .manset__no {
  flex: 0 0 auto; width: 9px; height: 9px; padding: 0; border: 0;
  border-radius: 50%; background: var(--cizgi-koyu); font-size: 0;
}
.manset__numaralar--nokta .manset__no--aktif { background: var(--marka); width: 26px; border-radius: var(--rtam); }
.manset__numaralar--nokta .manset__no--tumu { display: none; }

.manset__numaralar--ustte { border: 0; border-radius: var(--r2) var(--r2) 0 0; }
.manset__numaralar--koyu { background: var(--lacivert); border-color: transparent; }
.manset__numaralar--koyu .manset__no { color: rgba(255,255,255,.7); border-color: rgba(255,255,255,.12); }
.manset__numaralar--koyu .manset__no:hover { background: rgba(255,255,255,.1); color: #fff; }

/* görselin üstünde dikey numaralar */
.manset__numaralar--dikey {
  position: absolute; top: var(--b3); right: var(--b3); z-index: 3;
  flex-direction: column; border: 0; background: transparent; gap: 4px;
}
.manset__numaralar--dikey .manset__no {
  width: 24px; height: 24px; flex: 0 0 auto; border: 0; border-radius: 50%;
  background: rgba(10,14,20,.6); color: #fff;
}
.manset__numaralar--dikey .manset__no--aktif { background: var(--marka); }
.manset__numaralar--dikey .manset__no--tumu { display: none; }

/* manşet başlık kutusu (görselin altında beyaz alan) */
.manset-ana--altyazi { display: grid; grid-template-rows: auto auto; }
.manset-ana--altyazi .gorsel__perde { display: none; }
.manset-ana--altyazi .manset-ana__ic {
  position: static; padding: var(--b4) 0 0; background: transparent;
}
.manset-ana--altyazi .manset-ana__baslik { color: var(--yazi); text-shadow: none; }
.manset-ana--altyazi .manset-ana__spot { color: var(--yazi-2); }

.manset-ana--kutu .manset-ana__ic {
  left: var(--b5); right: auto; bottom: var(--b5);
  max-width: 62%; background: rgba(10,14,20,.82);
  padding: var(--b5); border-radius: var(--r2);
}
.manset-ana--kutu .gorsel__perde { display: none; }
.manset-ana--kutu .manset-ana__baslik { text-shadow: none; }

.manset-ana--orta .manset-ana__ic {
  inset: 0; place-content: center; justify-items: center; text-align: center;
  padding: var(--b6);
}
.manset-ana--orta .gorsel__perde { background: rgba(6,10,16,.45); }

.manset-ana--serif .manset-ana__baslik { font-family: var(--f-serif); letter-spacing: -.01em; }

/* yan manşet biçimleri */
.manset-yan--kapak { position: relative; border: 0; }
.manset-yan--kapak .manset-yan__ic {
  position: absolute; inset: auto 0 0 0; z-index: 2; padding: var(--b4);
}
.manset-yan--kapak .manset-yan__baslik { color: #fff; text-shadow: 0 2px 10px rgba(0,0,0,.55); }
.manset-yan--yatay { grid-template-rows: none; grid-template-columns: 110px minmax(0, 1fr); align-items: center; }
.manset-yan--yatay .gorsel { --oran: 4 / 3 !important; position: static !important; height: auto !important; }
.manset-yan--yatay .gorsel img { position: static !important; }
.manset-yan--sade { border: 0; background: transparent; }

/* =====================================================================
   6.5 SÜRMANŞET SÜRÜM PARÇALARI
   ===================================================================== */
.surmanset__noktalar--sol { right: auto; left: var(--b4); }
.surmanset__noktalar--alt {
  top: auto; bottom: var(--b4); right: auto; left: 50%;
  transform: translateX(-50%); grid-auto-flow: column;
}
.surmanset__noktalar--cizgi { grid-auto-flow: column; top: auto; bottom: 0; right: 0; left: 0; gap: 0; }
.surmanset__noktalar--cizgi .surmanset__nokta {
  width: auto; height: 4px; border-radius: 0; font-size: 0;
  background: rgba(255,255,255,.3);
}
.surmanset__noktalar--cizgi .surmanset__nokta--aktif { background: var(--marka); }
.surmanset__ic--orta { inset: 0; place-content: center; justify-items: center; text-align: center; }
.surmanset__ic--sag { justify-items: end; text-align: right; }
.surmanset--kutulu { border: 1px solid var(--cizgi); }
.surmanset--altyazi .surmanset__ic { position: static; padding: var(--b4) 0 0; }
.surmanset--altyazi .surmanset__baslik { color: var(--yazi); text-shadow: none; max-width: none; }
.surmanset--altyazi .gorsel__perde { display: none; }

/* =====================================================================
   6.6 MOZAİK DÜZENLERİ  ·  .mozaik--d1 … d10
   ===================================================================== */
.mozaik--d1 > *:nth-child(1) { grid-column: span 2; grid-row: span 2; }
.mozaik--d1 > *:nth-child(6), .mozaik--d1 > *:nth-child(7) { grid-column: span 2; }

.mozaik--d2 > *:nth-child(1) { grid-column: span 2; grid-row: span 2; }
.mozaik--d2 > *:nth-child(4) { grid-column: span 2; grid-row: span 2; }

.mozaik--d3 > *:nth-child(1) { grid-column: span 4; }
.mozaik--d3 > *:nth-child(n+2) { grid-column: span 1; }

.mozaik--d4 > *:nth-child(1) { grid-column: span 2; grid-row: span 2; }
.mozaik--d4 > *:nth-child(2) { grid-row: span 2; }
.mozaik--d4 > *:nth-child(3) { grid-row: span 2; }

.mozaik--d5 > *:nth-child(1) { grid-column: span 3; grid-row: span 2; }
.mozaik--d5 > *:nth-child(5) { grid-column: span 2; }

.mozaik--d6 > *:nth-child(3) { grid-column: span 2; grid-row: span 2; }

.mozaik--d7 > * { grid-column: span 2; }
.mozaik--d7 > *:nth-child(1) { grid-column: span 4; grid-row: span 2; }

.mozaik--d8 > *:nth-child(1) { grid-column: span 2; grid-row: span 2; }
.mozaik--d8 > *:nth-child(2) { grid-column: span 2; }
.mozaik--d8 > *:nth-child(5) { grid-column: span 2; }

.mozaik--d9 > *:nth-child(2n+1) { grid-column: span 2; }

.mozaik--d10 > *:nth-child(1),
.mozaik--d10 > *:nth-child(4) { grid-row: span 2; }

.mozaik--kisa { grid-auto-rows: 130px; }
.mozaik--uzun { grid-auto-rows: 210px; }
.mozaik--3sutun { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mozaik--5sutun { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.mozaik--bosluksuz { gap: 2px; }
.mozaik--bosluksuz > * { border-radius: 0; }

/* =====================================================================
   6.7 SEKME BİÇİMLERİ
   ===================================================================== */
.sekmeler--hap { border: 0; gap: var(--b2); }
.sekmeler--hap .sekme {
  border: 1px solid var(--cizgi); border-radius: var(--rtam);
  padding: 6px 14px; margin: 0;
}
.sekmeler--hap .sekme[aria-selected="true"] {
  background: var(--kat, var(--marka)); border-color: var(--kat, var(--marka)); color: #fff;
}
.sekmeler--kutu { border: 0; gap: 0; background: var(--kart-2); border-radius: var(--r2); padding: 3px; }
.sekmeler--kutu .sekme { border: 0; margin: 0; border-radius: var(--r2); }
.sekmeler--kutu .sekme[aria-selected="true"] { background: var(--kart); color: var(--yazi); box-shadow: var(--golge-1); }
.sekmeler--dolu { border: 0; gap: 2px; }
.sekmeler--dolu .sekme { background: var(--kart-2); border: 0; margin: 0; border-radius: var(--r2) var(--r2) 0 0; }
.sekmeler--dolu .sekme[aria-selected="true"] { background: var(--kat, var(--marka)); color: #fff; }
.sekmeler--ortali { justify-content: center; }
.sekmeler--sag { justify-content: flex-end; }
.sekmeli--dikey { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: var(--b5); }
.sekmeli--dikey .sekmeler {
  flex-direction: column; border-bottom: 0; border-right: 2px solid var(--cizgi);
  margin: 0; align-items: stretch;
}
.sekmeli--dikey .sekme {
  text-align: left; border-bottom: 0; border-right: 3px solid transparent;
  margin: 0 -2px 0 0;
}
.sekmeli--dikey .sekme[aria-selected="true"] { border-right-color: var(--marka); }

/* =====================================================================
   6.8 NUMARALI LİSTE BİÇİMLERİ
   ===================================================================== */
.numarali--dolu .numarali__no {
  background: var(--kat, var(--marka)); color: #fff; border-radius: var(--r2);
  width: 26px; height: 26px; font-size: var(--fs-kucuk); display: grid; place-items: center;
}
.numarali--daire .numarali__no {
  background: var(--kart-2); border-radius: 50%; color: var(--yazi-2);
  width: 28px; height: 28px; font-size: var(--fs-kucuk); display: grid; place-items: center;
}
.numarali--dev .numarali__no { font-size: 34px; }
.numarali--dev a { grid-template-columns: 46px minmax(0, 1fr); }
.numarali--dev.numarali--gorselli a { grid-template-columns: 46px 70px minmax(0, 1fr); }
.numarali--ince li { border-bottom-style: solid; }
.numarali--kutulu li {
  border: 1px solid var(--cizgi); border-radius: var(--r2);
  margin-bottom: var(--b2); padding: 0 var(--b3);
}
.numarali--zebra li:nth-child(odd) { background: var(--kart-2); }
.numarali--cizgisiz li { border: 0; }
.numarali--sag a { grid-template-columns: minmax(0, 1fr) 34px; }
.numarali--sag .numarali__no { order: 2; }
.numarali--ilkuc li:nth-child(-n+3) .numarali__baslik { font-weight: var(--fw-kalin); }

/* =====================================================================
   6.9 HAVA / WIDGET İÇ DÜZENLERİ
   ===================================================================== */
.hava-kart--duz { background: var(--kart); color: var(--yazi); border: 1px solid var(--cizgi); }
.hava-kart--duz .hava-kart__durum { color: var(--yazi-3); opacity: 1; }
.hava-kart--duz .hava-kart__gunler { border-top-color: var(--cizgi); }
.hava-kart--duz .hava-kart__ikon { color: var(--kat-dunya); }
.hava-kart--koyu { background: var(--lacivert); }
.hava-kart--gunbatimi { background: linear-gradient(150deg, #e8620f, #b3271b); }
.hava-kart--gece { background: linear-gradient(150deg, #23305c, #0d1430); }
.hava-kart--yesil { background: linear-gradient(150deg, #0f8a5f, #075740); }
.hava-kart--yatay .hava-kart__ust { justify-content: flex-start; gap: var(--b5); }
.hava-kart--yatay .hava-kart__gunler { grid-template-columns: repeat(5, 1fr); }
.hava-kart--ters .hava-kart__ust { flex-direction: row-reverse; }
.hava-kart--sade .hava-kart__gunler { display: none; }
.hava-kart--sade .hava-kart__detay { display: none; }
.hava-kart--dev .hava-kart__derece { font-size: 62px; }
.hava-kart--kucuk { padding: var(--b4); }
.hava-kart--kucuk .hava-kart__derece { font-size: 30px; }
.hava-kart--dikey-gun .hava-kart__gunler { grid-template-columns: minmax(0, 1fr); text-align: left; }
.hava-kart--dikey-gun .hava-kart__gunler > div {
  display: flex; align-items: center; justify-content: space-between; gap: var(--b3);
  padding: 5px 0; border-bottom: 1px solid rgba(255,255,255,.14);
}
.hava-kart--dikey-gun .hava-kart__gunler span { margin: 0; }
.hava-kart__sehir { display: inline-flex; align-items: center; gap: 5px; }
.hava-kart__detay b { font-weight: var(--fw-kalin); }
.hava-kart__detay { flex-wrap: wrap; }
.hava-kart--izgara-detay .hava-kart__detay {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--b2);
}

/* =====================================================================
   6.10 PİYASA / TABLO / SKOR BİÇİMLERİ
   ===================================================================== */
.piyasa-serit--koyu { background: var(--lacivert); border-color: transparent; color: #fff; }
.piyasa-serit--koyu .piyasa-oge { border-color: rgba(255,255,255,.12); }
.piyasa-serit--koyu .piyasa-oge__ad { color: rgba(255,255,255,.6); }
.piyasa-serit--koyu .piyasa-serit__etiket { background: var(--marka); }
.piyasa-serit--sade { border: 0; border-radius: 0; border-block: 1px solid var(--cizgi); }
.piyasa-serit--etiketsiz .piyasa-serit__etiket { display: none; }
.piyasa-serit--ortali .piyasa-serit__ic { justify-content: center; }
.piyasa-serit--dikeyad .piyasa-oge { flex-direction: column; align-items: flex-start; gap: 0; }
.piyasa-kutu--izgara { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--b2); }
.piyasa-kutu--izgara li {
  flex-direction: column; align-items: flex-start; gap: 2px;
  border: 1px solid var(--cizgi); border-radius: var(--r2); padding: var(--b3);
}
.piyasa-kutu--kart li {
  border: 1px solid var(--cizgi); border-radius: var(--r2);
  padding: var(--b3); margin-bottom: var(--b2);
}

.puan-tablo--sik td, .puan-tablo--sik th { padding: 5px 3px; }
.puan-tablo--cizgisiz td { border: 0; }
.puan-tablo--zebra tr:nth-child(odd) td { background: var(--kart-2); }
.puan-tablo--sade .puan-tablo__sira { background: transparent; }
.puan-tablo--renkli tr:nth-child(-n+2) td { background: color-mix(in srgb, var(--kat-spor) 10%, transparent); }

.skor-kart--sade { border: 0; border-bottom: 1px solid var(--cizgi); border-radius: 0; }
.skor-kart--dolu { background: var(--kart-2); }
.skor-kart--yatay { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; text-align: center; }
.skor-kart--yatay .skor-kart__ust { grid-column: 1 / -1; justify-content: center; }

/* =====================================================================
   6.11 AKIŞ / ETİKET / BÜLTEN BİÇİMLERİ
   ===================================================================== */
.akis--cizgisiz { padding-left: 0; }
.akis--cizgisiz::before { display: none; }
.akis--cizgisiz li::before { display: none; }
.akis--sagsaat a { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: var(--b3); }
.akis--kutulu li { background: var(--kart-2); border-radius: var(--r2); padding: var(--b3); }
.akis--kutulu li::before { display: none; }
.akis--renkli li::before { background: var(--kat, var(--marka)); border-color: var(--kat, var(--marka)); }
.akis--kalin::before { width: 3px; }
.akis--sag { padding-left: 0; padding-right: var(--b5); }
.akis--sag::before { left: auto; right: 5px; }
.akis--sag li::before { left: auto; right: calc(var(--b5) * -1 + 1px); }
.akis--sag li { text-align: right; }

.etiket-bulut--dolu .etiket { background: var(--kat, var(--marka)); color: #fff; border-color: transparent; }
.etiket-bulut--kare .etiket { border-radius: var(--r1); }
.etiket-bulut--cizgisiz .etiket { border: 0; background: transparent; padding: 3px 0; margin-right: var(--b3); }
.etiket-bulut--cizgisiz .etiket:hover { background: transparent; color: var(--marka); }
.etiket-bulut--buyuk .etiket { font-size: var(--fs-kucuk); padding: 7px 14px; }
.etiket-bulut--dikey { flex-direction: column; align-items: flex-start; }
.etiket-bulut--sayili .etiket::after { content: attr(data-adet); opacity: .55; margin-left: 5px; }

.bulten--acik { background: var(--kart-2); color: var(--yazi); }
.bulten--acik p { color: var(--yazi-2); }
.bulten--acik input { background: var(--kart); border-color: var(--cizgi); color: var(--yazi); }
.bulten--acik .bulten__kvkk { color: var(--yazi-3); }
.bulten--marka { background: linear-gradient(140deg, var(--marka), var(--marka-koyu)); }
.bulten--cerceve {
  background: transparent; border: 2px dashed var(--cizgi-koyu); color: var(--yazi);
}
.bulten--cerceve p { color: var(--yazi-2); }
.bulten--cerceve input { background: var(--kart); border-color: var(--cizgi); color: var(--yazi); }
.bulten--yatay { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: var(--b5); align-items: center; }
.bulten--yatay h3, .bulten--yatay p { margin: 0; }
.bulten--dikey-form .bulten__form { flex-direction: column; }
.bulten--ortali { text-align: center; }
.bulten--ortali .bulten__form { max-width: 420px; margin-inline: auto; }

/* =====================================================================
   6.12 YAZAR / VİDEO / GALERİ BİÇİMLERİ
   ===================================================================== */
.yazar-serit--kart .yazar {
  border: 1px solid var(--cizgi); border-radius: var(--r3);
  padding: var(--b4); border-right-width: 1px;
}
.yazar-serit--dikey .yazar { grid-template-columns: minmax(0,1fr); justify-items: center; text-align: center; border: 0; }
.yazar-serit--dikey .yazar__avatar { margin-bottom: var(--b2); }
.yazar-serit--cizgisiz .yazar { border-right: 0; }
.yazar-serit--kare .yazar__avatar { border-radius: var(--r2); }
.yazar-serit--buyuk-avatar .yazar { grid-template-columns: 84px minmax(0,1fr); }
.yazar-serit--buyuk-avatar .yazar__avatar { width: 84px; height: 84px; font-size: 30px; }
.yazar-serit--koyu { background: var(--lacivert); border-radius: var(--r3); padding: var(--b5); }
.yazar-serit--koyu .yazar { border-right-color: rgba(255,255,255,.15); }
.yazar-serit--koyu .yazar__ad { color: #fff; }
.yazar-serit--koyu .yazar__yazi { color: rgba(255,255,255,.7); }
.yazar__avatar--foto { background: var(--kart-2); overflow: hidden; padding: 0; }
.yazar__avatar--foto img { width: 100%; height: 100%; object-fit: cover; }

.video-blok--acik { background: var(--kart); color: var(--yazi); border: 1px solid var(--cizgi); }
.video-blok--acik .modul-baslik__ad,
.video-blok--acik .video-blok__baslik { color: var(--yazi); }
.video-blok--acik .video-oge__baslik { color: var(--yazi); }
.video-blok--acik .video-blok__spot { color: var(--yazi-2); }
.video-blok--acik .video-oge:hover { background: var(--kart-2); }
.video-blok--ters { grid-template-columns: minmax(0,1fr) minmax(0,1.6fr); }
.video-blok--ters > *:first-child { order: 2; }
.video-blok--tek { grid-template-columns: minmax(0,1fr); }
.video-blok--tek .video-blok__liste { grid-template-columns: repeat(4, minmax(0,1fr)); display: grid; max-height: none; }
.video-blok--tek .video-oge { grid-template-columns: minmax(0,1fr); }
.video-blok--marka { background: var(--marka-koyu); }
.video-blok--izgara { grid-template-columns: minmax(0,1fr); }
.video-blok--izgara .video-blok__liste {
  grid-template-columns: repeat(3, minmax(0,1fr)); max-height: none;
}
.video-blok--izgara .video-oge { grid-template-columns: minmax(0,1fr); }

.galeri-ray--kare .galeri-kart .gorsel { --oran: 1 / 1; }
.galeri-ray--yatay .galeri-kart .gorsel { --oran: 16 / 9; }
.galeri-ray--genis .ray > * { width: 340px; }
.galeri-ray--dar .ray > * { width: 210px; }
/* başlığı görselin üstüne bindiren biçim */
.galeri-ray--bindirme .galeri-kart { position: relative; }
.galeri-ray--bindirme .galeri-kart__govde {
  position: absolute; inset: auto 0 0 0; z-index: 2;
  padding: var(--b4); gap: 3px;
  background: linear-gradient(to top, rgba(6,9,14,.88), rgba(6,9,14,0));
  border-radius: 0 0 var(--r3) var(--r3);
}
.galeri-ray--bindirme .galeri-kart__baslik,
.galeri-ray--bindirme .galeri-kart:hover .galeri-kart__baslik { color: #fff; }
.galeri-ray--bindirme .galeri-kart__meta { color: rgba(255,255,255,.72); }
.galeri-ray--bindirme .galeri-kart__spot { display: none; }
.galeri-ray--izgara .ray { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); overflow: visible; }
.galeri-ray--izgara .ray > * { width: auto; }

/* =====================================================================
   6.13 SON DAKİKA ŞERİT BİÇİMLERİ
   ===================================================================== */
.serit-sondakika--duz .serit-sondakika__etiket::after { display: none; }
.serit-sondakika--duz .serit-sondakika__pencere { padding-left: var(--b5); }
.serit-sondakika--yuvarlak { border-radius: var(--rtam); border: 1px solid var(--cizgi); }
.serit-sondakika--yuvarlak .serit-sondakika__etiket { border-radius: var(--rtam) 0 0 var(--rtam); }
.serit-sondakika--koyu { background: var(--lacivert); border-color: transparent; }
.serit-sondakika--koyu a { color: #fff; }
.serit-sondakika--koyu .serit-sondakika__kontrol { border-color: rgba(255,255,255,.15); }
.serit-sondakika--koyu .serit-sondakika__kontrol button { color: rgba(255,255,255,.7); }
.serit-sondakika--marka { background: var(--marka); border-color: transparent; }
.serit-sondakika--marka a, .serit-sondakika--marka time { color: #fff; }
/* Etiket ARTIK YAZININ ÜSTÜNDE duruyor; yarı saydam kalırsa arkasına
   giren başlıklar içinden görünür. Aynı görüntüyü veren opak karşılığı
   kullanılır: marka rengi %25 siyahla karıştırılmış hâli. */
.serit-sondakika--marka .serit-sondakika__etiket,
.serit-sondakika--marka .serit-sondakika__etiket::after {
  background: color-mix(in srgb, #000 25%, var(--marka));
}
.serit-sondakika--sag { flex-direction: row-reverse; }
.serit-sondakika--sag .serit-sondakika__etiket::after { right: auto; left: -10px; transform: skewX(16deg); }
/* Etiket sağa geçince yazının başlangıç boşluğu da sağ kenara geçer. */
.serit-sondakika--sag .serit-sondakika__pencere {
  padding-left: 0; padding-right: var(--b8);
}
.serit-sondakika--cerceveli { border: 2px solid var(--sondakika); border-radius: var(--r2); }
.serit-sondakika--dikey .serit-sondakika__akis {
  flex-direction: column; width: 100%; height: 42px;
  animation: dikey-kaydir 12s steps(1) infinite; align-items: flex-start; gap: 0;
}
.serit-sondakika--dikey .serit-sondakika__akis a { height: 42px; }
@keyframes dikey-kaydir {
  0%,20% { transform: translateY(0); }
  25%,45% { transform: translateY(-42px); }
  50%,70% { transform: translateY(-84px); }
  75%,95% { transform: translateY(-126px); }
}
.serit-sondakika--statik .serit-sondakika__akis { animation: none; }
.serit-sondakika--kalin .serit-sondakika__akis { height: 54px; }
.serit-sondakika--kalin .serit-sondakika__etiket { font-size: var(--fs-kucuk); }

/* =====================================================================
   6.14 REKLAM & İLAN BİÇİMLERİ
   ===================================================================== */
.reklam--duz { background: var(--kart-2); border-style: solid; }
.reklam--koyu { background: #1b2230; border-color: #2a3345; color: #7b879a; }
.reklam--cizgili {
  background: repeating-linear-gradient(90deg, var(--kart-2) 0 6px, var(--zemin) 6px 12px);
}
.reklam--bos { background: transparent; }
.reklam--etiketli::before {
  content: "REKLAM"; position: absolute; top: 6px; left: 8px;
  font-size: 9px; letter-spacing: .1em; opacity: .6;
}
.ilan-liste--kutulu li { border: 1px solid var(--cizgi); border-radius: var(--r2); margin-bottom: var(--b2); padding: 0 var(--b3); }
.ilan-liste--numarali { counter-reset: ilan; }
.ilan-liste--numarali a::before {
  counter-increment: ilan; content: counter(ilan) ".";
  color: var(--kat-ilan); font-weight: var(--fw-kalin); margin-right: 5px;
}
.ilan-liste--zebra li:nth-child(odd) { background: var(--kart-2); }

/* =====================================================================
   6.15 ANKET / NAMAZ BİÇİMLERİ
   ===================================================================== */
.anket--kalin .anket__bar { height: 14px; }
.anket--ince .anket__bar { height: 4px; }
.anket--kutulu .anket__secenek {
  border: 1px solid var(--cizgi); border-radius: var(--r2); padding: var(--b3);
}
.anket--dolgulu .anket__bar { background: var(--cizgi); }
.anket--yatay { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--b3); }
.anket--yatay .anket__soru { grid-column: 1 / -1; }
.anket--radyo .anket__ust::before {
  content: ""; width: 14px; height: 14px; border-radius: 50%;
  border: 2px solid var(--cizgi-koyu); margin-right: 8px; flex: 0 0 auto;
}
.anket--radyo .anket__ust { display: flex; align-items: center; }
.anket--barsiz .anket__bar { display: none; }

.namaz-kart--izgara { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--b2); }
.namaz-kart--izgara li {
  flex-direction: column; align-items: center; gap: 2px;
  border: 1px solid var(--cizgi); border-radius: var(--r2); padding: var(--b3) var(--b2);
}
.namaz-kart--izgara li.aktif { background: color-mix(in srgb, var(--marka) 10%, transparent); }
.namaz-kart--yatay { display: flex; gap: var(--b2); overflow-x: auto; }
.namaz-kart--yatay li { flex-direction: column; border: 0; min-width: 62px; text-align: center; }
.namaz-kart--zebra li:nth-child(odd) { background: var(--kart-2); padding-inline: var(--b2); }
.namaz-kart--cizgisiz li { border: 0; }

/* =====================================================================
   6.16 KATEGORİ BLOĞU DÜZENLERİ
   ===================================================================== */
.kategori-blok--ustte { grid-template-columns: minmax(0, 1fr); }
.kategori-blok--ustte .kategori-blok__liste {
  grid-template-columns: repeat(4, minmax(0, 1fr)); display: grid;
}
.kategori-blok--ustte .kategori-blok__liste > * + * { border-top: 0; padding-top: 0; }
.kategori-blok--esit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.kategori-blok--dar { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
.kategori-blok--genis { grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); }
.kategori-blok--liste-2 .kategori-blok__liste {
  grid-template-columns: repeat(2, minmax(0, 1fr)); display: grid;
}
.kategori-blok--liste-2 .kategori-blok__liste > * + * { border-top: 0; padding-top: 0; }
.kategori-blok--cerceve {
  border: 1px solid var(--cizgi); border-radius: var(--r3); padding: var(--b5); background: var(--kart);
}
.kategori-blok--dolgu { background: var(--kart-2); border-radius: var(--r3); padding: var(--b5); }

/* =====================================================================
   6.17 KATALOG SAYFASI
   ===================================================================== */
.katalog-ust {
  background: var(--lacivert); color: #fff; padding-block: var(--b7);
  margin-bottom: var(--b6);
}
.katalog-ust h1 { font-size: var(--fs-h1); }
.katalog-ust p { color: #b6c4d6; font-size: var(--fs-kucuk); margin: var(--b2) 0 0; max-width: 70ch; }
.katalog-ust .kod { background: rgba(255,255,255,.12); color: #fff; }

.katalog-menu { display: flex; flex-wrap: wrap; gap: var(--b2); margin-top: var(--b5); }
.katalog-menu a {
  padding: 6px 12px; border-radius: var(--rtam);
  background: rgba(255,255,255,.1); font-size: var(--fs-mini); color: #fff;
}
.katalog-menu a:hover { background: var(--marka); color: #fff; }

.surum-blok { margin-bottom: var(--b8); scroll-margin-top: 70px; }
.surum-blok__ust {
  display: flex; align-items: center; gap: var(--b3); flex-wrap: wrap;
  padding-bottom: var(--b3); margin-bottom: var(--b4);
  border-bottom: 2px solid var(--cizgi);
}
.surum-blok__no {
  display: grid; place-items: center; min-width: 30px; height: 30px; padding: 0 8px;
  background: var(--marka); color: #fff; border-radius: var(--r2);
  font-weight: var(--fw-siyah); font-size: var(--fs-kucuk);
}
.surum-blok__ad { font-size: var(--fs-buyuk); }
.surum-blok__kod {
  margin-left: auto; font-family: var(--f-mono); font-size: var(--fs-mini);
  background: var(--kart-2); border: 1px solid var(--cizgi);
  padding: 5px 10px; border-radius: var(--r2); color: var(--yazi-2);
}
.surum-blok__kopyala {
  font-size: var(--fs-mini); font-weight: var(--fw-kalin); color: var(--marka);
  border: 1px solid var(--cizgi); border-radius: var(--r2); padding: 5px 10px;
}
.surum-blok__kopyala:hover { background: var(--marka); color: #fff; border-color: var(--marka); }
.surum-blok__sahne {
  background: var(--kart); border: 1px solid var(--cizgi);
  border-radius: var(--r3); padding: var(--b5);
}
.surum-blok__sahne--dar { max-width: 380px; }
.katalog-izgara {
  display: grid; gap: var(--sutun-bosluk);
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}
.katalog-kart {
  display: grid; gap: var(--b2); padding: var(--b4); min-width: 0;
  border: 1px solid var(--cizgi); border-radius: var(--r3); background: var(--kart);
}
.katalog-kart b { font-size: var(--fs-normal); }
.katalog-kart span { font-size: var(--fs-mini); color: var(--yazi-3); }
.katalog-kart .kod {
  white-space: normal; overflow-wrap: anywhere; justify-self: start; max-width: 100%;
}
.katalog-kart:hover { border-color: var(--marka); }

/* =====================================================================
   6.18 MOBİL  ·  sürüm sınıflarının dar ekran karşılıkları
   Bu dosya modules.css'ten sonra yüklendiği için, sürüm sınıflarının
   mobil karşılıklarının burada yeniden tanımlanması gerekir.
   ===================================================================== */
@media (max-width: 860px) {
  /* --- manşet --- */
  .manset--esit .manset__ust,
  .manset--dar-yan .manset__ust,
  .manset--genis-yan .manset__ust,
  .manset--ters .manset__ust { grid-template-columns: minmax(0, 1fr); }
  .manset--ters .manset__ust { direction: ltr; }
  .manset--yanust .manset__yan { grid-auto-flow: row; }
  .manset__numaralar { flex-wrap: wrap; }
  .manset__no { min-width: 34px; }
  .manset-ana--orta .manset-ana__ic,
  .manset-ana--kutu .manset-ana__ic { padding: var(--b4); max-width: 100%; }
  .manset-ana--kutu .manset-ana__ic { left: var(--b3); right: var(--b3); bottom: var(--b3); }
  .manset__numaralar--dikey { top: var(--b2); right: var(--b2); }
  .manset__numaralar--dikey .manset__no { width: 20px; height: 20px; min-width: 0; font-size: 10px; }

  /* --- sürmanşet --- */
  .surmanset__sahne .gorsel { --oran: 16 / 9; }
  .surmanset__ic { padding: var(--b5) var(--b4) var(--b4); }
  .surmanset__noktalar--alt { position: static; transform: none; justify-content: center; padding: var(--b3) 0 0; }

  /* --- kategori bloğu --- */
  .kategori-blok--esit,
  .kategori-blok--dar,
  .kategori-blok--genis,
  .kategori-blok--liste-2,
  .kategori-blok--ustte { grid-template-columns: minmax(0, 1fr); }
  .kategori-blok--liste-2 .kategori-blok__liste,
  .kategori-blok--ustte .kategori-blok__liste { grid-template-columns: minmax(0, 1fr); }

  /* Bu iki sınıf bu dosyada tanımlı; base.css'teki mobil kuralı kaynak
     sırası nedeniyle ezerdi. Dar ekran karşılığı burada verilir. */
  .izgara--dar-genis, .izgara--genis-dar { grid-template-columns: minmax(0, 1fr); }

  /* --- mozaik --- */
  .mozaik--3sutun, .mozaik--5sutun { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mozaik--kisa { grid-auto-rows: 120px; }
  .mozaik--uzun { grid-auto-rows: 170px; }
  /* Düzen varyantları 3–4 sütunluk span ilan eder. Dar ekranda kılavuz
     2 sütuna inince bu span'lar örtük sütun doğurup kartları 16px'e
     sıkıştırıyordu; modules.css'teki mobil kural aynı özgüllükte olduğu
     için varyantlara yeniliyordu. Burada sınırlandırılıyor. */
  .mozaik[class*="mozaik--d"] > * { grid-column: span 1; }
  .mozaik[class*="mozaik--d"] > *:nth-child(1) { grid-column: span 2; grid-row: span 2; }

  /* --- diğer --- */
  .sekmeli--dikey { grid-template-columns: minmax(0, 1fr); }
  .sekmeli--dikey .sekmeler { flex-direction: row; border-right: 0; border-bottom: 2px solid var(--cizgi); }
  .sekmeli--dikey .sekme { border-right: 0; border-bottom: 3px solid transparent; margin: 0 0 -2px; }
  .bulten--yatay, .anket--yatay { grid-template-columns: minmax(0, 1fr); }
  .video-blok--tek .video-blok__liste,
  .video-blok--izgara .video-blok__liste,
  .galeri-ray--izgara .ray { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .yazar-serit--buyuk-avatar { --sutun: 1 !important; }
  .piyasa-kutu--izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .surum-blok__sahne { padding: var(--b3); }
  .surum-blok__ust { gap: var(--b2); }
  .surum-blok__kod { margin-left: 0; overflow-wrap: anywhere; }

  /* Kod rozeti dar ekranda satır kırar; aksi halde uzun modül adları
     (data-modul="kategori-baglari") sayfayı yatayda taşırır. */
  .kod { white-space: normal; overflow-wrap: anywhere; }
}

/* =====================================================================
   6.19 DOKUNMA  ·  parmakla kullanım için hedef ve yazı boyutları
   Fare olmayan cihazlarda küçük ikon/bağlantılar en az ~40px olur.
   ===================================================================== */
@media (hover: none), (max-width: 860px) {
  .sosyal a { width: 38px; height: 38px; }
  .tema-dugme { padding: 9px 12px; }
  .ust-serit__sag > a { padding: 8px 2px; }
  .ray-ok { width: 40px; height: 40px; }
  .modul-baslik__link { padding: 8px 0 8px 8px; }
  .modul-baslik--dolu .modul-baslik__link { padding-right: 4px; }
  .etiket { padding: 9px 14px; }
  .paylas a, .paylas button { width: 42px; height: 42px; }
  .numarali a, .akis a, .ilan-liste a,
  .manset-liste a, .yazar-liste li { min-height: 40px; }
  .sekme { padding: 12px 16px; }
  .sayfalama a, .sayfalama span { min-width: 42px; height: 42px; }
  .yorum__aksiyon button { padding: 8px 0; }
  .altlik__sutun li { margin-bottom: 2px; }
  .altlik__sutun li a { display: inline-block; padding: 9px 0; }
  .altlik__yasal { gap: var(--b2); }
  .altlik__yasal a { display: inline-block; padding: 9px 8px 9px 0; }
  .kirinti { gap: var(--b1); }
  .kirinti a { display: inline-block; padding: 8px 4px 8px 0; }
  /* kayan şeritteki başlıklar satır yüksekliğini kaplasın */
  .serit-sondakika__akis a { height: 100%; align-items: center; }
  .manset-liste a { align-items: center; }
  .haber-basi__ust .rozet { min-height: 32px; padding-inline: 12px; }
  .arama-oneri a { padding: 14px var(--b3); }
  .cekmece__alt a { padding: 11px 0 11px var(--b3); }
  .surmanset__nokta { width: 34px; height: 34px; }
  /* çizgi göstergesi görsel olarak 4px kalır, dokunma alanı şeffaf
     dolgu ile büyür (arka plan yalnızca içerik kutusuna boyanır) */
  .surmanset__noktalar--cizgi .surmanset__nokta {
    height: 4px; padding-block: 15px; box-sizing: content-box;
    background-clip: content-box;
  }
  /* dip bağlantılar: kısa sözcüklerde de yeterli hedef genişliği */
  .altlik__sutun li > a { display: inline-flex; align-items: center; min-width: 34px; min-height: 34px; }
  .altlik__yasal a { min-width: 34px; justify-content: center; display: inline-flex; align-items: center; }
  /* son dakika şeridi bağlantıları şerit yüksekliğini doldursun */
  .serit-sondakika__akis > a { min-height: 34px; }
  a.etiket, .etiket { min-height: 32px; min-width: 34px; display: inline-flex;
                      align-items: center; justify-content: center; }
  /* imza, yazar kutusu, künye ve sıralama denetimleri */
  .haber-yazar__ad, .yazar-kutu a, .profil-kutu li > a,
  .metin li > a:only-child { min-height: 32px; display: inline-flex; align-items: center; }
  .siralama select { min-height: 34px; }
  /* düzeltme bloğundaki kaynak yayın ve hak bağlantıları */
  .duzeltme__alt a, .duzeltme__dayanak a, .duzeltme-hak a,
  .cerez__metin a,
  .ik-yan__kutu a, .ik-not a, .ik-aciklama a,
  .yasal-pratik a, .yasal-uygulama__izgara a,
  .yasal-kurallar a, .yasal-madde__ozet a, .yasal-beyan a {
    min-height: 32px; display: inline-flex; align-items: center;
  }
  .form-onay input[type="checkbox"] { width: 24px; height: 24px; }
  .manset__no { min-height: 40px; }
  .anket__secenek { min-height: 44px; padding-block: 6px; }
  /* profil / yazar / sosyal sayfalarındaki küçük bağlantılar */
  .yazar-buyuk__tumu, .gonderi__git, .hesap-kart__git,
  .kose-yazi__tarih, .panel-satir__deger { min-height: 34px; display: inline-flex; align-items: center; }
  .alan { padding-block: 5px; }
  .btn--kucuk { min-height: 36px; }
  .konu-secim label { min-height: 40px; }
  .form-onay { min-height: 40px; }
  .serit-sondakika__kontrol button { min-width: 40px; min-height: 40px; }
  .gal__kucuk { width: 84px; height: 58px; }
  .arama-kutu__dugme { width: 38px; height: 38px; top: 5px; }
  .yorum__aksiyon { gap: var(--b5); }
  .yorum__aksiyon button { min-width: 34px; min-height: 34px; }

  /* menü ikon şeridi dar ekranda sıkışmasın */
  .menu-ikon-dugme { min-width: 38px; flex: 0 0 auto; }

  /* katalog sayfaları */
  .katalog-menu a { min-height: 36px; display: inline-flex; align-items: center; }
  .surum-blok__kopyala { min-height: 36px; }
  .surum-blok__kod { min-height: 32px; display: inline-flex; align-items: center; }

  /* metin içi bağlantı listeleri (site haritası, dip sütunlar) */
  .dizi li > a { min-height: 34px; display: inline-flex; align-items: center; }
  .altlik__yasal a { padding-inline: 4px; }

  /* iletişim: telefon ve e-posta bağlantıları parmakla açılabilsin */
  .ofis-kart a, .veri-tablo td a { min-height: 34px; display: inline-flex; align-items: center; }

  /* dikey manşet numaraları — okunur ve dokunulur boyut */
  .manset__numaralar--dikey .manset__no { width: 32px; height: 32px; font-size: 11px; }

  /* okunabilirlik: 10px etiketler 11–12px'e çıkar */
  .logo__slogan { font-size: 11px; }
  .mini-kur__ad { font-size: 11px; }
  .bulten__kvkk { font-size: 11px; }
  .renk-ornek__ad code, .ikon-ornek span { font-size: 11px; }
}

@media (max-width: 560px) {
  .manset--yanust .manset__yan { grid-template-columns: minmax(0, 1fr); }
  .mozaik--3sutun, .mozaik--5sutun { grid-template-columns: minmax(0, 1fr); }
  /* tek sütuna inerken hiçbir kart iki sütuna yayılmasın */
  .mozaik[class*="mozaik--d"] > *,
  .mozaik[class*="mozaik--d"] > *:nth-child(1) { grid-column: span 1; grid-row: span 1; }
  .namaz-kart--izgara { grid-template-columns: repeat(2, 1fr); }
  .piyasa-kutu--izgara { grid-template-columns: minmax(0, 1fr); }
  .dizi { grid-template-columns: minmax(0, 1fr) !important; }
  .video-blok--tek .video-blok__liste,
  .video-blok--izgara .video-blok__liste,
  .galeri-ray--izgara .ray { grid-template-columns: minmax(0, 1fr); }
  .kart--yatay-buyuk { grid-template-columns: 110px minmax(0, 1fr); }
  .kart--yatay-orta { grid-template-columns: 96px minmax(0, 1fr); }
  .rakamli-satir__no { font-size: 24px; }
}

/* =====================================================================
   6.20 DÜZELTME VE CEVAP SÜRÜMLERİ
   5187 m.14 metni "aynı puntolarla ve aynı şekilde" yayımlanmak
   zorunda olduğu için sürümler yalnızca çerçeve/zemin/yerleşim
   değiştirir. Hiçbiri .duzeltme__metin font boyutunu küçültmez.
   ===================================================================== */
.duzeltme--koyu {
  background: var(--lacivert); border-color: rgba(255,255,255,.14);
  border-left-color: var(--marka);
}
.duzeltme--koyu .duzeltme__metin { color: #eef3f9; }
.duzeltme--koyu .duzeltme__alt { color: #b9c7d8; }
.duzeltme--koyu .duzeltme__dayanak { color: #8fa0b6; border-top-color: rgba(255,255,255,.14); }
.duzeltme--koyu .duzeltme__tarih { color: #b9c7d8; }

.duzeltme--resmi {
  border: 2px solid var(--lacivert); border-left-width: 2px;
  border-radius: 0; background: var(--kart);
}
.duzeltme--resmi .duzeltme__rozet { background: var(--lacivert); border-radius: 0; }

.duzeltme--serit { border: 0; border-left: 0; padding-left: 0; background: none; }
.duzeltme--serit .duzeltme__ust {
  background: var(--marka); margin: calc(var(--b5) * -1) calc(var(--b5) * -1) var(--b4);
  padding: var(--b3) var(--b5); border-radius: var(--r3) var(--r3) 0 0;
}
.duzeltme--serit .duzeltme__rozet { background: rgba(255,255,255,.2); }
.duzeltme--serit .duzeltme__tarih { color: rgba(255,255,255,.85); }

.duzeltme--ferah .duzeltme__metin { line-height: 2; }
.duzeltme--sik { padding: var(--b3) var(--b4); }
.duzeltme--sik .duzeltme__metin { margin-bottom: var(--b2); }
.duzeltme--cift { border-left-width: 1px; box-shadow: inset 0 0 0 4px var(--kart); outline: 1px solid var(--cizgi); }
.duzeltme--marka {
  background: color-mix(in srgb, var(--marka) 6%, var(--kart));
  border: 1px solid color-mix(in srgb, var(--marka) 25%, var(--cizgi));
  border-left: 4px solid var(--marka);
}

/* =====================================================================
   SON DAKİKA ŞERİDİ  ·  çok dar ekran
   ---------------------------------------------------------------------
   390px'te "SON DAKİKA" etiketi 116px yer kaplıyor, haber başlığına
   200px kalıyordu ve başlık yarım okunuyordu. Bu genişlikte etiketin
   yazısı gizlenir; yanıp sönen nokta kalır. Yazı DOM'da durduğu için
   ekran okuyucu şeridi yine "Son Dakika" diye tanır — görsel olarak
   kaldırmak ile erişilebilirlikten çıkarmak ayrı şeylerdir.

   Bu kural varyantlar.css'in sonundadır: dosya en son yüklenir ve
   modules.css'teki dar ekran kuralını da, buradaki okunabilirlik
   bloğunu da geçmesi gerekir.
   ===================================================================== */
@media (max-width: 560px) {
  .serit-sondakika__etiket { font-size: 0; padding: 0 var(--b3); gap: 0; }
  .serit-sondakika__etiket .serit-sondakika__nokta { width: 8px; height: 8px; }

  /* Piyasa şeridinde aynı sıkışma: "PİYASALAR" etiketi 108px alıp
     ekrana tek bir döviz sığdırıyordu. Burada nokta yok, o yüzden
     etiket tümüyle kalkar — şeridin ne olduğu zaten değerlerden belli. */
  .piyasa-serit__etiket { display: none; }
}