/* ──────────────────────────────────────────────────────────────
   Yasal sayfalar (Kullanım Koşulları, Gizlilik, Çerez Politikası; TR+EN).
   Sade hero + son güncelleme tarihi; geniş ekranda solda sabit "İçindekiler", sağda okunaklı metin sütunu.
   ────────────────────────────────────────────────────────────── */
.vg-legal { font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: #000; }
html { scroll-padding-top: 88px; }

.vg-legal-hero { padding: 56px 0 40px; border-bottom: 1px solid #e6e6e6; }
.vg-legal-hero__title { margin: 0 0 12px; font-family: inherit; font-size: clamp(34px, 4.4vw, 52px); font-weight: 600; line-height: 1.15; color: #000; }
.vg-legal-hero__date { margin: 0; font-size: 16px; color: #5e5e5e; }

.vg-legal-body { padding: 48px 0 112px; }
.vg-legal-grid { display: grid; gap: 40px; }
@media (min-width: 992px) { .vg-legal-grid { grid-template-columns: 260px minmax(0, 1fr); gap: 64px; align-items: start; } }

/* İçindekiler */
.vg-legal-toc { padding: 20px 24px; border-radius: 16px; background: #f3f3f3; }
/* Kaydırılabilir kutu üst kenarda kırpar: "İ" harfinin noktası kesilmesin diye üstte boşluk bırakılır */
@media (min-width: 992px) { .vg-legal-toc { position: sticky; top: 84px; max-height: calc(100vh - 108px); overflow-y: auto; padding: 4px 0 0; background: none; } }
.vg-legal-toc__title { margin: 0 0 12px; font-size: 14px; font-weight: 600; line-height: 1.5; color: #5e5e5e; }
.vg-legal-toc ol { margin: 0; padding: 0; list-style: none; }
.vg-legal-toc li + li { margin-top: 4px; }
.vg-legal-toc a { display: block; padding: 6px 0; font-size: 15px; line-height: 1.4; color: #000; text-decoration: none; }
.vg-legal-toc a:hover { text-decoration: underline; text-underline-offset: 3px; }
@media (min-width: 992px) { .vg-legal-toc a { padding: 6px 0 6px 14px; border-left: 2px solid #e6e6e6; } .vg-legal-toc a:hover { border-left-color: #000; text-decoration: none; } }

/* Metin */
.vg-legal-content { max-width: 760px; font-size: 16px; line-height: 1.75; color: #333; }
.vg-legal-content > :first-child { margin-top: 0; }
.vg-legal-content p { margin: 0 0 16px; }
.vg-legal-content h2 { margin: 48px 0 14px; font-family: inherit; font-size: 24px; font-weight: 600; line-height: 1.3; color: #000; }
.vg-legal-content h2:first-child { margin-top: 0; }
.vg-legal-content h3 { margin: 28px 0 10px; font-family: inherit; font-size: 18px; font-weight: 600; line-height: 1.4; color: #000; }
.vg-legal-content ul, .vg-legal-content ol { margin: 0 0 16px; padding-left: 22px; }
.vg-legal-content li { margin-bottom: 8px; }
.vg-legal-content strong { color: #000; font-weight: 600; }
.vg-legal-content a { color: #000; font-weight: 500; text-decoration: underline; text-underline-offset: 3px; word-break: break-word; }
.vg-legal-content a:hover { color: #c8414b; }
.vg-legal-content table { width: 100%; margin: 16px 0 24px; border-collapse: collapse; font-size: 14px; line-height: 1.5; }
.vg-legal-content th, .vg-legal-content td { padding: 12px 14px; border-bottom: 1px solid #e6e6e6; text-align: left; vertical-align: top; }
.vg-legal-content th { background: #f3f3f3; font-weight: 600; color: #000; }
.vg-legal-content .vg-legal-note { margin: 0 0 32px; padding: 16px 20px; border-radius: 12px; background: #f3f3f3; color: #333; }

.vg-legal-box { margin: 20px 0 24px; padding: 20px 24px; border-radius: 12px; background: #f3f3f3; }
.vg-legal-box > :last-child { margin-bottom: 0; }
.vg-legal-box h3 { margin-top: 0; }
.vg-legal-btn {
  display: inline-flex; align-items: center; height: 44px; padding: 0 22px; border: 0; border-radius: 999px; background: #000; color: #fff;
  font: 500 15px/1 Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; cursor: pointer;
}
.vg-legal-btn:hover { background: #333; }
.vg-legal-btn:focus-visible { outline: 2px solid #000; outline-offset: 3px; }

/* Çerez türü rozetleri */
.vg-legal-badge { display: inline-block; margin-right: 8px; padding: 3px 10px; border-radius: 999px; background: #e6e6e6; font-size: 12px; font-weight: 600; color: #000; vertical-align: 2px; }
.vg-legal-badge--necessary { background: #000; color: #fff; }

@media (max-width: 767.98px) {
  .vg-legal-hero { padding: 32px 0 28px; }
  .vg-legal-body { padding: 32px 0 80px; }
  .vg-legal-content h2 { font-size: 21px; margin-top: 40px; }
  .vg-legal-content table { display: block; overflow-x: auto; }
}
@media print { .vg-legal-toc, .vgh, .vgf, .cookie-consent-banner { display: none !important; } }
.vg-legal-hero__lead { margin: 0 0 8px; font-size: 18px; line-height: 1.5; color: #333; }