/* ---------- Yasal sayfalar: KVKK Aydınlatma Metni, Gizlilik ve Çerez Politikası ----------
   Koyu site zemini; solda yapışkan bölüm menüsü, sağda numaralı bölümler (1. Başlık), maddeler ve ince ayırıcılar.
   Başlıklar Clarity City, metin Manrope (ana siteyle aynı). */
:root {
  --bg: #100322;
  --line: rgba(255, 255, 255, .1);
  --lilac: #c9a2ff;
  --violet: #a77dff;
  --font: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Clarity City", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ease: cubic-bezier(.2, .7, .2, 1);
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: var(--font); font-size: 16px; line-height: 1.75; color: #fff; background: var(--bg); -webkit-font-smoothing: antialiased; }
a { color: inherit; }
/* zemin ana siteyle aynı: düz #100322, kenarlarda yıldızlar (style.css → .sky-stars) */
.legal main { position: relative; isolation: isolate; }
::selection { background: rgba(167, 125, 255, .45); }

.lg-wrap { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 clamp(16px, 4vw, 40px); }

/* başlık alanı: sola hizalı */
.lg-hero { padding-top: calc(var(--header-h, 113px) + clamp(24px, 4vw, 56px)); padding-bottom: clamp(40px, 6vw, 64px); }   /* navbar sayfanın üstünde (ana sayfadaki gibi) */
.lg-hero h1 { margin: 0; font-family: var(--font-display); font-size: clamp(2rem, 4.6vw, 52px); font-weight: 700; line-height: 1.08; letter-spacing: -.02em; color: #fff; text-wrap: balance; }   /* sitedeki beyaz başlıklarla aynı ("Apollo Park Gaziantep Nerede?") */
.lg-lead { max-width: 900px; margin: 20px 0 0; font-size: 17px; line-height: 1.65; }
.lg-date { margin: 14px 0 0; font-size: 13px; opacity: .7; }

/* gövde: tek sütun, sola hizalı */
.lg-body { padding-top: clamp(8px, 2vw, 24px); padding-bottom: clamp(64px, 9vw, 120px); }

/* bölümler: "1. Başlık" + metin; ayırıcı çizgi yok, boşlukla ayrılır */
.lg-doc { max-width: 900px; }
.lg-doc section { margin: 0 0 clamp(40px, 5vw, 56px); scroll-margin-top: 28px; }
.lg-doc section:last-of-type { margin-bottom: 0; }
.lg-doc h2 { display: flex; gap: .45em; margin: 0 0 16px; font-family: var(--font-display); font-size: clamp(21px, 2.2vw, 26px); font-weight: 600; line-height: 1.3; letter-spacing: -.01em; }
.lg-doc h2 b { flex: none; color: var(--lilac); font-weight: 600; }
.lg-doc h3 { margin: 26px 0 10px; font-family: var(--font-display); font-size: 17px; font-weight: 600; line-height: 1.4; }
.lg-doc p { margin: 0 0 14px; }
.lg-doc p:last-child { margin-bottom: 0; }
.lg-doc strong { font-weight: 700; }
.lg-doc a { color: var(--lilac); text-underline-offset: 3px; }
.lg-doc a:hover { color: #fff; }

/* maddeler: lila nokta, asılı girinti (satırlar madde metninin hizasında kırılır) */
.lg-doc ul { margin: 0 0 14px; padding: 0; list-style: none; display: grid; gap: 8px; }
.lg-doc ul li { position: relative; padding-left: 22px; }
.lg-doc ul li::before { content: ""; position: absolute; left: 4px; top: .72em; width: 6px; height: 6px; border-radius: 50%; background: var(--violet); }
/* harfli maddeler (KVKK 11. madde: a, b, c …): harf sabit sütunda, metin hizalı */
.lg-doc ol.lg-alpha { margin: 0 0 14px; padding: 0; list-style: none; counter-reset: al; display: grid; gap: 8px; }
.lg-doc ol.lg-alpha li { position: relative; padding-left: 34px; counter-increment: al; }
.lg-doc ol.lg-alpha li::before { content: counter(al, lower-alpha) ")"; position: absolute; left: 0; top: 0; min-width: 24px; font-weight: 700; color: var(--lilac); }
/* alt numaralı maddeler (2.1, 2.2 …) */
.lg-doc ol.lg-sub { margin: 0 0 14px; padding: 0; list-style: none; display: grid; gap: 12px; }
.lg-doc ol.lg-sub > li { position: relative; padding-left: 44px; }
.lg-doc ol.lg-sub > li > b:first-child { position: absolute; left: 0; top: 0; color: var(--lilac); font-weight: 700; }

/* çerez tablosu (indev ui tablosu gibi): yuvarlak köşeli çerçeve, başlık satırı, satır ayırıcıları, altta not satırı.
   Koyu sayfada açık renkli: beyaz zemin, açık lila başlık ve vurgular */
.lg-tablebox { margin: 8px 0 18px; overflow-x: auto; border: 1px solid #e4d9f7; border-radius: 14px; background: #fff; -webkit-overflow-scrolling: touch; box-shadow: 0 12px 32px -18px rgba(0, 0, 0, .6); }
.lg-table { width: 100%; min-width: 640px; table-layout: fixed; border-collapse: collapse; font-size: 14px; line-height: 1.5; color: #1a1030; }
.lg-table th, .lg-table td { padding: 14px 16px; text-align: left; vertical-align: top; }
.lg-table thead th { font-family: var(--font); font-size: 13px; font-weight: 700; color: #5a3fa0; white-space: nowrap; background: #f3edff; border-bottom: 1px solid #e4d9f7; }
.lg-table tbody td { border-bottom: 1px solid #efe8fb; }
.lg-table tbody tr { transition: background .2s; }
.lg-table tbody tr:hover { background: #faf7ff; }
.lg-table tbody td:first-child { font-weight: 700; }
.lg-table tbody td small { display: block; margin-top: 6px; font-size: 12px; font-weight: 500; color: #7a6f92; }   /* tür: tarayıcı deposu / çerez */
.lg-table tfoot td { padding: 14px 16px; font-size: 13px; color: #4f4566; background: #f8f4ff; }
.lg-table code { font-size: 13px; padding: 2px 7px; border-radius: 6px; background: #efe6ff; color: #3910a8; }
.lg-pill { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 999px; font-size: 12px; font-weight: 700; white-space: nowrap; }
.lg-pill.is-must { background: #e9ddff; color: #4b21b4; }
.lg-pill.is-third { background: #f0eef4; color: #3a334a; }
.lg-pill.is-ads { background: #ffe9d6; color: #9a4a10; }
/* telefonda her satır bir kart */
@media (max-width: 640px) {
  .lg-table { min-width: 0; }
  .lg-table thead { display: none; }
  .lg-table, .lg-table tbody, .lg-table tfoot, .lg-table tr, .lg-table td { display: block; width: 100%; }
  .lg-table tbody tr { padding: 12px 16px; border-bottom: 1px solid #efe8fb; }
  .lg-table tbody td { padding: 3px 0; border: 0; white-space: normal !important; }
  .lg-table tbody td::before { content: attr(data-h); display: block; font-size: 12px; font-weight: 700; color: #5a3fa0; }
}


@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }


/* sol menü: sayfa yapısı aynı, menü sol boşlukta */
.lg-hero { padding-top: calc(var(--header-h, 113px) + clamp(64px, 7.5vw, 120px)); padding-bottom: 32px; }
.lg-hero h1 { font-size: clamp(2rem, 6vw, 48px); }
.lg-doc h2 { font-size: 24px; }
.lg-body { padding-top: 0; }
.lg-nav { display: none; }
@media (min-width: 1200px) {
  .lg-nav { display: block; position: absolute; z-index: 1; left: clamp(24px, 4.5vw, 120px); top: calc(var(--header-h, 113px) + clamp(64px, 7.5vw, 120px) + 12px); bottom: 0; width: 220px; }
  .lg-nav ul { position: sticky; top: 40px; margin: 0; padding: 0; list-style: none; }
  .lg-nav li + li { margin-top: 14px; }
  .lg-nav a { font-size: 16px; line-height: 1.4; color: #fff; text-decoration: none; text-underline-offset: 5px; text-decoration-thickness: 1px; transition: color .2s; }
  .lg-nav a:hover { text-decoration: underline; }
  .lg-nav a:hover, .lg-nav a.is-current { color: #c9a2ff; }
}

/* Manrope "(c)" yazısını © işaretine çeviriyor (KVKK m. 5/2(c) gibi atıflar): yasal metinlerde bağlamsal bitişik harfler kapalı */
.lg-doc, .lg-hero, .tx-legal { font-variant-ligatures: none; font-feature-settings: "liga" 0, "calt" 0, "dlig" 0; }