/* KVKK Aydınlatma Metni (kvkk.html, tools/yama/kvkk.html): uzun okuma metni. Satır uzunluğu en çok 70 karakter, düz cümle büyüklüğü başlıklar, büyük harf ve
   harf aralıklı etiket yok. Geniş ekranda solda yapışık içindekiler, dar ekranda metnin üstünde iki sütun. Davranış: assets/kvkk.js (okunan bölümü işaretler).
   Zemin sitenin koyu zemini; yazdırınca beyaz zeminde yalnız metin çıkar. */
.kvkk-sayfa { --kv-yazi: #C3CDD5; --kv-soluk: #8D97A2; --kv-cizgi: #18232B; --kv-parlak: #F5F8FA;
  width: min(1080px, calc(100% - 36px)); margin: 0 auto; padding: clamp(104px, 14vh, 150px) 0 clamp(56px, 9vh, 104px); color: var(--kv-yazi); outline: none; }
.kvkk-sayfa :where(h1, h2, h3, p, ul, ol, dl, dd) { margin: 0; }  /* :where: sıfırlama sınıf kurallarını ezmesin */
.kvkk-sayfa :focus-visible { outline: 2px solid var(--turan); outline-offset: 3px; border-radius: 2px; }

.kv-bas { display: grid; gap: 14px; max-width: 70ch; }
.kv-bas :is(h1, h2) { font: 650 clamp(36px, 5.4vw, 60px)/1.04 'Archivo', sans-serif; font-stretch: 104%; letter-spacing: -.045em; color: #fff; text-wrap: balance; }
.kv-tarih { color: var(--kv-soluk); font-size: 14.5px; }
.kv-giris { color: #DCE6EE; font-size: 18px; line-height: 1.6; text-wrap: pretty; }

.kv-govde { display: grid; grid-template-columns: minmax(0, 1fr); gap: 34px; margin-top: clamp(32px, 6vh, 60px); }
.kv-icindekiler { padding-bottom: 28px; border-bottom: 1px solid var(--kv-cizgi); }
.kv-ic-baslik { margin: 0 0 8px; color: var(--kv-parlak); font-size: 15px; font-weight: 600; }
.kv-icindekiler ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 18px; margin: 0; padding: 0; list-style: none; }
.kv-icindekiler a { display: block; padding: 5px 0; color: var(--kv-soluk); font-size: 14.5px; line-height: 1.35; text-decoration: none; transition: color .2s; }
.kv-icindekiler a:hover, .kv-icindekiler a[aria-current="location"] { color: #fff; }

.kv-metin { min-width: 0; max-width: 70ch; }
.kv-bolum { scroll-margin-top: 96px; padding: 34px 0 6px; border-top: 1px solid var(--kv-cizgi); }
.kv-bolum:first-child { padding-top: 0; border-top: 0; }
.kv-bolum h3 { margin-bottom: 16px; color: #fff; font: 650 clamp(23px, 2.7vw, 29px)/1.2 'Archivo', sans-serif; letter-spacing: -.02em; text-wrap: balance; }
.kv-bolum p { margin-bottom: 15px; font-size: 16.5px; line-height: 1.7; text-wrap: pretty; }
.kv-bolum ul, .kv-bolum ol { margin: 0 0 16px; padding-left: 1.3em; }
.kv-bolum li { margin-bottom: 9px; padding-left: .2em; font-size: 16.5px; line-height: 1.7; text-wrap: pretty; }
.kv-bolum li::marker { color: var(--turan); }
.kv-bolum b { color: var(--kv-parlak); font-weight: 600; }
.kv-bolum a { color: var(--turan-parlak); text-underline-offset: 3px; }
.kv-bolum a:hover { color: #7FD3FF; }
.kv-sayili { list-style: decimal; }
.kv-harf { list-style: lower-alpha; list-style: kv-harf; }
@counter-style kv-harf { system: alphabetic; symbols: "a" "b" "c" "ç" "d" "e" "f" "g" "ğ"; suffix: ") "; }

/* veri sorumlusu bilgileri */
.kv-kimlik { margin: 4px 0 16px; border-top: 1px solid var(--kv-cizgi); }
.kv-kimlik > div { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; padding: 12px 0; border-bottom: 1px solid var(--kv-cizgi); }
.kv-kimlik dt { color: var(--kv-soluk); font-size: 14.5px; }
.kv-kimlik dd { color: var(--kv-parlak); font-size: 17px; font-weight: 500; overflow-wrap: anywhere; }
.kv-not { padding-left: 14px; border-left: 2px solid var(--turan); color: #A9B6C1; }

/* tarayıcı deposu ve saklama süreleri: ad + açıklama blokları */
.kv-depo, .kv-sure { display: grid; gap: 18px; margin: 4px 0 18px; }
.kv-depo > div, .kv-sure > div { padding-left: 16px; border-left: 2px solid #1F2B34; }
.kv-depo dt, .kv-sure dt { margin-bottom: 4px; color: var(--kv-parlak); font-size: 16.5px; font-weight: 600; }
.kv-depo dd, .kv-sure dd { font-size: 16.5px; line-height: 1.7; text-wrap: pretty; }
.kv-depo code { margin-left: 6px; color: var(--kv-soluk); font: 400 12.5px/1 'JetBrains Mono', monospace; overflow-wrap: anywhere; }

@media (min-width: 960px) {
  .kv-govde { grid-template-columns: 210px minmax(0, 70ch); gap: 80px; }
  .kv-icindekiler { position: sticky; top: 100px; align-self: start; max-height: calc(100vh - 124px); overflow-y: auto; padding-bottom: 0; border-bottom: 0; }
  .kv-icindekiler ol { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .kv-kimlik > div { grid-template-columns: 170px minmax(0, 1fr); gap: 18px; align-items: baseline; }
}
@media (max-width: 560px) {
  .kv-giris { font-size: 17px; }
  .kv-bolum p, .kv-bolum li, .kv-depo dd, .kv-sure dd { font-size: 16px; }
}
@media (forced-colors: active) { .kv-not, .kv-depo > div, .kv-sure > div { border-left-color: CanvasText; } }
@media print {
  .ust, .menu-perde, .gec, .menu, #iletisim, .katalog-footer, .alt-bilgi, .kv-icindekiler { display: none !important; }
  html, body { background: #fff !important; color: #000 !important; }
  .kvkk-sayfa { width: auto; padding: 0; color: #000; }
  .kv-bas :is(h1, h2), .kv-bolum h3, .kv-bolum b, .kv-kimlik dd, .kv-depo dt, .kv-sure dt, .kv-giris { color: #000; }
  .kv-tarih, .kv-kimlik dt, .kv-depo code, .kv-not { color: #333; }
  .kv-govde { display: block; }
  .kv-bolum { break-inside: avoid-page; border-top-color: #bbb; }
}
