/* ==========================================================================
   Novrika — Tek Kaynak Kabuk Stilleri (kabuk.css)
   Üst çubuk (header.ust), alt bilgi (footer.alt) ve içeriğe atla (.atla)
   Ana sayfa (girdi/ana-sayfa-guncel/index.html) ile BİREBİR AYNI (20. Tur)
   ========================================================================== */

/* ---------- Değişkenler: Ana sayfa :root ile birebir aynı ---------- */
:root {
  --kagit: #fff;
  --zemin: #F7F5FB;
  --zemin2: #F5F1FB;
  --murekkep: #1B1530;
  --m2: #544D69;
  --m3: #3D3752;
  --mor: #421574;
  --mor-acik: #6B3AA0;
  --leylak: #E6DAF5;
  --ust-koyu: #260A47;
  --alt-koyu: #1A0733;
  --menekse: #7C3AED;
  --cizgi: #E6E1EF;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", Menlo, Consolas, "Courier New", monospace;
  --ust: 70px;
  --ic: min(1120px, 100vw - 48px);
  --kap: min(100vw - 80px, max(1320px, 80vw));
}

@media (max-width: 900px) {
  :root {
    --ust: 60px;
  }
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-padding-top: calc(var(--ust) + 16px);
}

:focus-visible {
  outline: 3px solid var(--menekse);
  outline-offset: 3px;
  border-radius: 6px;
}

.ust :focus-visible,
.alt :focus-visible {
  outline-color: #fff;
}

[hidden] {
  display: none !important;
}

/* ---------- İçeriğe Atla Bağlantısı ---------- */
.atla {
  position: absolute;
  left: 12px;
  top: 12px;
  z-index: 100;
  background: #fff;
  color: var(--mor);
  padding: 10px 14px;
  border-radius: 10px;
  font: 700 17px/1.6 var(--font);
  font-family: var(--font);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.6;
  text-decoration: none;
  transform: translateY(calc(-100% - 24px));
  opacity: 0;
  transition: transform .2s, opacity .2s;
}

.atla:focus,
.atla:focus-visible {
  transform: translateY(0);
  opacity: 1;
}

.atla:focus-visible {
  outline: 3px solid var(--menekse);
  outline-offset: 3px;
  border-radius: 6px;
}

/* ---------- Kabuk Sıfırlama ve Temel Miras Kuralları (K1 Çözümü) ---------- */
.atla,
.ust,
header.ust,
.alt,
footer.alt {
  box-sizing: border-box;
  font-family: var(--font);
  -webkit-text-size-adjust: 100%;
}

.ust,
header.ust {
  font: 400 17px/1.6 var(--font);
  font-family: var(--font);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
}

.alt,
footer.alt {
  --ic: min(1120px, 100vw - 48px);
  font: 400 15px/1.6 var(--font);
  font-family: var(--font);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
}

.atla *,
.atla *::before,
.atla *::after,
.ust *,
.ust *::before,
.ust *::after,
.alt *,
.alt *::before,
.alt *::after {
  box-sizing: border-box;
}

.ust,
.alt {
  color: #fff;
}

.ust img,
.alt img {
  max-width: 100%;
  height: auto;
  display: block;
}

.ust ul,
.alt ul,
.ust ol,
.alt ol,
.ust li,
.alt li {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Butonlarda ana sayfadaki gibi yalnız font-family inherit edilir; font-size inherit edilmez */
.ust button,
.alt button {
  font-family: inherit;
}

/* ---------- Kabuk Başlık, Düğme ve Etiket Öğelerinde Otomatik Heceleme Kapalı (26. Tur) ---------- */
.atla,
.marka,
.ust nav a,
.ust.kat nav a,
.dil,
.dil-sec,
.indir,
.ust .indir,
.menu-dugme,
.alt h3,
.alt-dugme {
  overflow-wrap: break-word;
  hyphens: manual;
  -webkit-hyphens: manual;
}

/* ---------- ÜST ÇUBUK: Canlı sitedeki mor çubuk, bağlantılar tam ortada ---------- */
.ust {
  position: fixed;
  inset: 0 0 auto;
  height: var(--ust);
  z-index: 60;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 22px;
  padding: 0 max(20px, calc((100vw - var(--kap)) / 2));
  background: var(--ust-koyu);
  color: #fff;
  transition: box-shadow .25s;
}

.ust.dolu {
  box-shadow: 0 12px 30px -18px rgba(26, 7, 51, .95);
}

.marka {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  font-family: var(--font);
  font-weight: 700;
  font-size: 19px;
  line-height: 1.6;
  letter-spacing: -.01em;
  color: #fff;
  justify-self: start;
}

.marka span {
  font-family: var(--font);
  font-size: 19px;
  line-height: 1.6;
}

.marka img {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: #fff;
  padding: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .22);
  line-height: 1.6;
}

.ust nav {
  display: flex;
  gap: 30px;
  font-size: 17px;
  line-height: 1.6;
}

.ust nav a {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.6;
  text-decoration: none;
  color: var(--leylak);
  white-space: nowrap;
}

.ust nav a:hover,
.ust nav a[aria-current] {
  color: #fff;
}

.ust-eylem {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-self: end;
  font-size: 17px;
  line-height: 1.6;
}

/* Dil seçici: 37 dil hap düğme (K2 çözümü: 13px font ve satır) */
.dil {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 42px;
  padding: 0 13px;
  border: 1px solid rgba(255, 255, 255, .32);
  border-radius: 999px;
  background: transparent;
  color: #fff;
  font: 700 .8125rem/1 var(--font);
  font-size: .8125rem;
  line-height: 1;
  flex: none;
  cursor: pointer;
}

.dil:hover,
.dil[aria-expanded="true"] {
  border-color: rgba(255, 255, 255, .62);
  background: rgba(255, 255, 255, .06);
}

.dil svg {
  flex: none;
}

.dil-ok {
  opacity: .8;
  transition: transform .15s;
}

.dil[aria-expanded="true"] .dil-ok {
  transform: rotate(180deg);
}

.dil:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}

.js-yok .dil {
  display: none;
}

.dil-liste {
  position: absolute;
  top: calc(100% + 8px);
  inset-inline-end: max(12px, calc((100vw - var(--kap)) / 2));
  z-index: 60;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 4px;
  width: min(720px, 100vw - 24px);
  max-height: max(260px, calc(100vh - var(--ust) - 24px));
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 10px;
  background: #fff;
  border: 1px solid #E6E1EF;
  border-radius: 16px;
  box-shadow: 0 24px 48px -16px rgba(26, 7, 51, .55);
}

.dil-liste[hidden] {
  display: none !important;
}

.dil-sec {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 6px 12px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--mor);
  font: 600 14px/1.25 var(--font);
  font-size: 14px;
  line-height: 1.25;
  text-align: start;
  overflow-wrap: break-word;
  hyphens: manual;
  -webkit-hyphens: manual;
  cursor: pointer;
}

.dil-sec:hover {
  background: #F1EAFB;
}

.ust .dil-sec:focus-visible {
  outline: 3px solid var(--mor);
  outline-offset: -3px;
}

.dil-sec[aria-pressed="true"] {
  background: var(--mor);
  color: #fff;
  font-weight: 800;
}

@media (max-width: 760px) {
  .dil-liste {
    inset-inline: 12px;
    width: auto;
  }
}

@media (max-width: 700px) {
  .dil-liste {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.dil-bekle main,
.dil-bekle .alt,
.dil-bekle .ust nav,
.dil-bekle .giris-dugme,
.dil-bekle .indir {
  visibility: hidden;
}

/* İndir düğmesi (K1 çözümü: .ust .indir kuralıyla mor yazı, beyaz zemin garantilendi) */
.indir,
.ust .indir {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  padding: 0 20px;
  border-radius: 999px;
  background: #fff;
  color: var(--mor);
  font-family: var(--font);
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  flex: none;
}

.indir:hover,
.ust .indir:hover {
  background: var(--leylak);
  color: var(--mor);
}

/* Giriş yap: ikincil çerçeveli düğme (.dil ile aynı çerçeve, .indir ile aynı ölçü) */
.giris-dugme,
.ust .giris-dugme {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  padding: 0 20px;
  border: 1px solid rgba(255, 255, 255, .32);
  border-radius: 999px;
  background: transparent;
  color: #fff;
  font-family: var(--font);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  flex: none;
}

.giris-dugme:hover,
.ust .giris-dugme:hover {
  border-color: rgba(255, 255, 255, .62);
  background: rgba(255, 255, 255, .06);
  color: #fff;
}

.giris-dugme:focus-visible,
.ust .giris-dugme:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}

/* Menüdeki "Giriş yap" bağlantısı yalnız çubukta düğmeye yer kalmadığında görünür */
.ust nav a.menu-giris {
  display: none;
}

.menu-dugme,
button.menu-dugme,
.ust .menu-dugme {
  display: none;
  width: 42px;
  height: 42px;
  border: 0;
  background: none;
  color: #fff;
  font-size: 13.3333px;
  border-radius: 10px;
  cursor: pointer;
  place-items: center;
  flex: none;
}

.menu-dugme svg,
button.menu-dugme svg,
.ust .menu-dugme svg {
  font-size: 13.3333px;
}

.menu-dugme:hover,
button.menu-dugme:hover,
.ust .menu-dugme:hover {
  background: rgba(255, 255, 255, .1);
}

@media (max-width: 900px) {
  :root {
    --ust: 60px;
  }
  .ust {
    height: 60px;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
  }
  .ust nav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0;
    flex-direction: column;
    gap: 0;
    padding: 8px 20px 20px;
    background: var(--ust-koyu);
    border-top: 1px solid rgba(255, 255, 255, .12);
    box-shadow: 0 24px 40px -24px rgba(26, 7, 51, .9);
    display: none;
  }
  .ust.acik nav {
    display: flex;
  }
  .ust nav a {
    font-size: 17px;
    line-height: 1.6;
    color: #fff;
    padding: 14px 4px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
  }
  .dil {
    height: 40px;
    padding: 0 11px;
  }
  .indir,
  .ust .indir,
  .giris-dugme,
  .ust .giris-dugme {
    height: 40px;
  }
  .menu-dugme,
  button.menu-dugme,
  .ust .menu-dugme {
    display: grid;
    width: 44px;
    height: 44px;
    font-size: 13.3333px;
  }
  .menu-dugme svg,
  button.menu-dugme svg,
  .ust .menu-dugme svg {
    font-size: 13.3333px;
  }
}

/* Uzun çeviriler (37 dil): simetrik ızgara sığmıyorsa önce asimetrik ızgara (.asim), o da sığmıyorsa açılır menü (.kat) */
.ust.asim {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.ust.asim nav {
  justify-self: center;
}

.ust.kat {
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
}
.ust.kat nav {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0;
  flex-direction: column;
  gap: 0;
  padding: 8px 20px 20px;
  background: var(--ust-koyu);
  border-top: 1px solid rgba(255, 255, 255, .12);
  box-shadow: 0 24px 40px -24px rgba(26, 7, 51, .9);
  display: none;
}
.ust.kat.acik nav {
  display: flex;
}
.ust.kat nav a {
  font-size: 17px;
  line-height: 1.6;
  color: #fff;
  padding: 14px 4px;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}
.ust.kat .menu-dugme,
.ust.kat button.menu-dugme {
  display: grid;
  width: 44px;
  height: 44px;
  font-size: 13.3333px;
}
.ust.kat .menu-dugme svg,
.ust.kat button.menu-dugme svg {
  font-size: 13.3333px;
}
.ust.sik1 .marka span {
  display: none;
}
.ust.sik2 .giris-dugme {
  display: none;
}
.ust.sik2 nav a.menu-giris {
  display: block;
}
.ust.sik3 .indir {
  display: none;
}

@media (max-width: 640px) {
  .indir,
  .ust .indir,
  .giris-dugme,
  .ust .giris-dugme {
    padding: 0 14px;
  }
  .ust {
    gap: 8px;
    padding: 0 12px;
  }
  .ust-eylem {
    gap: 6px;
  }
  .dil {
    padding: 0 9px;
    gap: 5px;
  }
  .dil-ok {
    display: none;
  }
  .menu-dugme,
  button.menu-dugme,
  .ust .menu-dugme {
    width: 40px;
    height: 40px;
  }
}

/* ---------- ALT BİLGİ: Canlı sitedeki koyu mor (K2 & K4 çözümü) ---------- */
.alt,
footer.alt {
  --ic: min(1120px, 100vw - 48px);
  background: var(--alt-koyu);
  font: 400 15px/1.6 var(--font);
  font-family: var(--font);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  color: #CFC6DD;
}

.alt-ic,
footer.alt .alt-ic {
  width: min(1120px, 100vw - 48px);
  max-width: 100%;
  margin: 0 auto;
  padding: 60px 0 32px;
}

.alt-ust {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) repeat(3, minmax(0, 1fr));
  gap: 36px 40px;
}

.alt-marka p {
  margin: 0;
  margin-top: 14px;
  font-size: 14px;
  line-height: 1.6;
  max-width: 300px;
}

.sosyal {
  display: flex;
  gap: 10px;
  margin-top: 16px;
}

.sosyal a {
  display: flex;
  border-radius: 50%;
  transition: transform .15s, opacity .15s;
}

.sosyal a:hover {
  transform: translateY(-2px);
  opacity: .92;
}

.sosyal img {
  width: 38px;
  height: 38px;
  border-radius: 50%;
}

.alt h3 {
  margin: 0;
  font-size: 12.48px;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 14px;
  line-height: 1.1;
  text-wrap: balance;
  overflow-wrap: break-word;
  hyphens: manual;
  -webkit-hyphens: manual;
}

.alt li {
  margin: 0;
  margin-top: 12px;
  line-height: 1.6;
}

.alt a {
  color: #DCD3EA;
  text-decoration: none;
  line-height: 1.6;
}

.alt a:hover {
  color: #fff;
}

.alt-son {
  margin: 0;
  margin-top: 44px;
  padding-top: 26px;
  border-top: 1px solid rgba(255, 255, 255, .1);
  display: flex;
  flex-wrap: wrap;
  gap: 8px 22px;
  justify-content: space-between;
  font-size: 13.44px;
  font-size: .84rem;
  line-height: 1.6;
  color: #B5AAC8;
}

.alt-dugme {
  font: inherit;
  color: inherit;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.alt-dugme:hover {
  color: #fff;
}

.alt-not,
.alt .alt-not {
  margin: 0;
  margin-top: 16px;
  font-size: 12.48px;
  font-size: .78rem;
  line-height: 1.5;
  color: #A99DBD;
}

.alt-not + .alt-not,
.alt .alt-not + .alt-not {
  margin-top: 6px;
}

@media (max-width: 860px) {
  .alt-ust {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .alt-marka {
    grid-column: 1 / -1;
  }
}

@media (max-width: 520px) {
  .alt-ust {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ---------- Y2. Çeviri Notu: Yasal Sayfa Bilgi Kutusu ---------- */
.ceviri-notu {
  margin: 20px 0 24px;
  padding: 14px 18px;
  border-radius: 12px;
  background-color: var(--zemin2);
  border: 1px solid var(--leylak);
  color: var(--m3);
  font-size: 0.9375rem;
  line-height: 1.5;
  overflow-wrap: break-word;
  word-break: break-word;
  hyphens: manual;
  -webkit-hyphens: manual;
  text-align: start;
  min-width: 0;
}

/* ---------- Yasal Sayfalar: Çevirilerde Uzun Kelime Kırılma ve Dar Ekran Taşma Önleme (25. Tur) ---------- */
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .baslik-bandi,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .yan-alan,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) main.icerik-govde,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .icerik-duzen,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .icindekiler-katlanir,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .icindekiler,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .iletisim-kutu,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .kisaca,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .govde-metin {
  min-width: 0;
}

html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .iletisim-kutu p,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) main.icerik-govde p,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) main.icerik-govde li,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) main.icerik-govde a,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) main.icerik-govde strong,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) main.icerik-govde span,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .govde-metin p,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .govde-metin li {
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
  -webkit-hyphens: auto;
}

html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .baslik-bandi h1,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .baslik-bandi h1 *,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .baslik-bandi .konum,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .baslik-bandi .konum a,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .baslik-bandi .etiketler,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .baslik-bandi .etiket,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .baslik-bandi span,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .icindekiler-katlanir summary,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .icindekiler a,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .yan-alan span,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) [class*="ik-"],
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) main.icerik-govde h1,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) main.icerik-govde h1 *,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) main.icerik-govde h2,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) main.icerik-govde h2 *,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) main.icerik-govde h2.bolum,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) main.icerik-govde h3,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) main.icerik-govde h3 *,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) main.icerik-govde h4,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) main.icerik-govde h4 *,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) main.icerik-govde th,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) main.icerik-govde th *,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) main.icerik-govde td,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) main.icerik-govde td *,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .govde-metin h2.bolum,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .govde-metin h2.bolum *,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .govde-metin h3,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .govde-metin h3 *,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .govde-metin th,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .govde-metin th *,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .govde-metin td,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .govde-metin td *,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .uyari,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .uyari *,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .ceviri-notu,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .ceviri-notu *,
html:not(:lang(tr)):not(:lang(en)) .uyari,
html:not(:lang(tr)):not(:lang(en)) .uyari *,
html:not(:lang(tr)):not(:lang(en)) .ceviri-notu,
html:not(:lang(tr)):not(:lang(en)) .ceviri-notu *,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .kisaca-baslik,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .kisaca-madde > span {
  overflow-wrap: break-word;
  word-break: break-word;
  hyphens: manual;
  -webkit-hyphens: manual;
}

html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .baslik-bandi .etiket,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .baslik-bandi .etiketler span {
  max-width: 100%;
  min-width: 0;
}

html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .icindekiler a,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .icindekiler-katlanir summary {
  min-width: 0;
}

html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .kisaca-madde,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .kisaca-madde > span {
  min-width: 0;
}

html[data-sayfa]:not(:lang(tr)):not(:lang(en)) main.icerik-govde table,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .govde-metin table {
  max-width: 100%;
  table-layout: fixed;
  word-break: break-word;
  overflow-wrap: anywhere;
}

html[data-sayfa]:not(:lang(tr)):not(:lang(en)) main.icerik-govde th,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) main.icerik-govde td,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .govde-metin th,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .govde-metin td {
  min-width: 0;
}

/* ---------- Çevirilerde Alt Bilgi Başlık ve Sütun Düzeni (27. Tur) ---------- */
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .alt h3,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)) footer.alt h3,
html:not(:lang(tr)):not(:lang(en)) .alt h3,
html:not(:lang(tr)):not(:lang(en)) footer.alt h3 {
  letter-spacing: .04em;
}

@media (max-width: 520px) {
  html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .alt-ust,
  html[data-sayfa]:not(:lang(tr)):not(:lang(en)) footer.alt .alt-ust,
  html:not(:lang(tr)):not(:lang(en)) .alt-ust,
  html:not(:lang(tr)):not(:lang(en)) footer.alt .alt-ust {
    gap: 32px 18px;
  }

  html[data-sayfa]:not(:lang(tr)):not(:lang(en)) .alt h3,
  html[data-sayfa]:not(:lang(tr)):not(:lang(en)) footer.alt h3,
  html:not(:lang(tr)):not(:lang(en)) .alt h3,
  html:not(:lang(tr)):not(:lang(en)) footer.alt h3 {
    font-size: 11.5px;
    font-size: .72rem;
  }
}

/* Sabit üst çubuğun içeriği örtmesini önleyen genel kural */
main:not(.ana-sarmal):not(.icerik-govde) {
  padding-top: var(--ust);
}

/* Yasal sayfalar: sabit üst çubuğun payı başlık bandına verilir, gövdeye değil */
section.baslik-bandi,
.baslik-bandi {
  padding-top: calc(var(--ust) + 44px);
}

@media (max-width: 640px) {
  section.baslik-bandi,
  .baslik-bandi {
    padding-top: calc(var(--ust) + 32px);
  }
}

main.icerik-govde {
  padding-top: 0;
}

/* ---------- Yasal Sayfalar: Masaüstünde Açık İçindekiler Listesi (32. Tur Kusur 1) ---------- */
@media (min-width: 981px) {
  .icindekiler-katlanir::details-content {
    content-visibility: visible;
    display: block;
  }
  .yan-alan .icindekiler-katlanir[open],
  details.icindekiler-katlanir[open] {
    padding-bottom: 0 !important;
  }
}

/* ---------- Yasal Sayfalar: Özet (Kısaca) Kartında Yersiz İki Nokta Önleme (32. Tur Kusur 2) ---------- */
.kisaca-madde > span:last-child > strong.iki-noktasiz::after,
.kisaca-madde.iki-noktasiz > span:last-child > strong::after,
.kisaca-madde > span:last-child > strong[data-nokta="yok"]::after,
html[data-sayfa="hesap-silme"] .kisaca-madde > span:last-child > strong:first-child::after,
html[data-sayfa="kullanim-sartlari"] .kisaca-baslik + .kisaca-madde > span:last-child > strong:first-child::after {
  content: none !important;
}

/* ---------- Yasal Sayfalar: Japonca İçindekiler Bağlantıları Öbek / Sözcük Kırılması (33. Tur) ---------- */
html[data-sayfa="kullanim-sartlari"]:lang(ja) .icindekiler a,
html[data-sayfa="gizlilik"]:lang(ja) .icindekiler a,
html[data-sayfa="hesap-silme"]:lang(ja) .icindekiler a,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)):lang(ja) .yan-alan .icindekiler a,
html[data-sayfa]:not(:lang(tr)):not(:lang(en)):lang(ja) .icindekiler a,
:lang(ja) .yan-alan .icindekiler a {
  line-break: strict;
  overflow-wrap: anywhere;
  word-break: normal;
  word-break: auto-phrase;
}

/* Prefers-reduced-motion ve Baskı */
@media (prefers-reduced-motion: reduce) {
  .atla,
  .ust,
  .alt {
    transition: none !important;
  }
}

@media print {
  .ust,
  .alt,
  .atla {
    display: none !important;
  }
}