/* RetailLog — yasal metin sayfaları
   Palet ve tipografi "Yakında" sayfasıyla aynı: Sora + Inter, #1b3d8f */

:root{
  --bg:#f6f8fc;
  --paper:#ffffff;
  --ink:#16233c;
  --muted:#5f6f88;
  --brand:#1b3d8f;
  --brand-soft:#eaf0fb;
  --line:#e5eaf2;
  --line-soft:#eef3fb;
}

*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  color:var(--ink);
  background:var(--bg);
  line-height:1.72;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:860px;margin:0 auto;padding:0 24px}

/* ---------------------------------------------------------- üst bar */
.doc-head{
  background:var(--paper);
  border-bottom:1px solid var(--line);
  position:sticky;top:0;z-index:5;
}
.doc-head .wrap{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding-top:14px;padding-bottom:14px;
}
.doc-head .marka img{width:148px;height:auto;display:block}
.doc-head .geri{
  display:inline-flex;align-items:center;gap:7px;
  font-size:.86rem;font-weight:500;color:var(--brand);text-decoration:none;
  border:1px solid var(--line);border-radius:999px;padding:7px 15px;
  transition:background .15s,border-color .15s;
}
.doc-head .geri:hover,
.doc-head .geri:focus-visible{background:var(--brand-soft);border-color:#d8e2f6}
.doc-head .geri svg{width:15px;height:15px}

/* ---------------------------------------------------------- başlık */
.doc-hero{
  background:
    radial-gradient(760px 340px at 50% -40%, var(--line-soft), transparent 70%),
    var(--paper);
  border-bottom:1px solid var(--line);
  padding:52px 0 44px;
}
.eyebrow{
  display:inline-block;
  font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--brand);background:var(--brand-soft);border:1px solid #d8e2f6;
  padding:6px 14px;border-radius:999px;margin-bottom:18px;
}
.doc-hero h1{
  font-family:"Sora","Inter",sans-serif;font-weight:700;letter-spacing:-.02em;
  font-size:clamp(1.65rem,3.6vw,2.4rem);line-height:1.18;text-wrap:balance;
}
.doc-hero .sub{margin-top:12px;color:var(--muted);max-width:62ch}

/* ---------------------------------------------------------- gövde */
.doc-body{padding:40px 0 64px}

.note{
  background:var(--paper);border:1px solid var(--line);
  border-left:3px solid var(--brand);
  padding:16px 20px;margin-bottom:34px;
  display:flex;flex-direction:column;gap:4px;
  font-size:.9rem;color:var(--muted);
}
.note strong{color:var(--ink);font-weight:600}

.doc-body h2{
  font-family:"Sora","Inter",sans-serif;font-weight:600;
  font-size:1.12rem;line-height:1.4;color:var(--ink);
  margin:38px 0 12px;padding-bottom:9px;border-bottom:1px solid var(--line);
  text-wrap:balance;
}
.doc-body h2:first-of-type{margin-top:0}
.doc-body h3{
  font-family:"Sora","Inter",sans-serif;font-weight:600;
  font-size:1rem;color:var(--ink);margin:26px 0 8px;
}
.doc-body p{margin-bottom:16px;text-align:justify;hyphens:auto}
.doc-body ul{margin:0 0 18px 0;padding-left:22px}
.doc-body li{margin-bottom:9px;text-align:justify}
.doc-body a{color:var(--brand)}

.tablo-sar{overflow-x:auto;margin:0 0 24px;border:1px solid var(--line);background:var(--paper)}
.tablo-sar table{border-collapse:collapse;width:100%;min-width:520px;font-size:.88rem}
.tablo-sar th,.tablo-sar td{border:1px solid var(--line);padding:10px 12px;vertical-align:top;text-align:left}
.tablo-sar th{background:var(--line-soft);font-weight:600;color:var(--ink)}

/* ---------------------------------------------------------- diğer metinler */
.doc-more{
  margin-top:48px;padding-top:26px;border-top:1px solid var(--line);
}
.doc-more h2{
  border:0;padding:0;margin:0 0 14px;
  font-size:.78rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);
}
.doc-more ul{list-style:none;padding:0;margin:0;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:1px;
  background:var(--line);border:1px solid var(--line);
}
.doc-more li{margin:0;background:var(--paper)}
.doc-more a{
  display:flex;align-items:center;gap:7px;
  padding:13px 16px;font-size:.9rem;color:var(--ink);text-decoration:none;
  transition:background .15s,color .15s;
}
.doc-more a:hover,.doc-more a:focus-visible{background:var(--brand-soft);color:var(--brand)}
.ext{width:13px;height:13px;flex:none;opacity:.65}

/* ---------------------------------------------------------- alt bilgi */
.doc-foot{
  background:var(--paper);border-top:1px solid var(--line);
  padding:22px 0;font-size:.82rem;color:var(--muted);
}
.doc-foot .wrap{display:flex;flex-wrap:wrap;gap:6px 22px;align-items:baseline}
.doc-foot .unvan{font-weight:600;color:var(--ink)}

a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}

@media (max-width:560px){
  .doc-hero{padding:38px 0 32px}
  .doc-body p,.doc-body li{text-align:left}
  .doc-head .marka img{width:120px}
}

@media print{
  .doc-head,.doc-more,.doc-hero .eyebrow{display:none}
  body{background:#fff;font-size:11pt}
  .doc-body p,.doc-body li{text-align:left}
}