/* Gizlilik ve hesap silme sayfalarının ORTAK görünümü.
   Bu iki sayfa mağaza başvurusunda halka açık adres olarak verilir; sade,
   hızlı ve dışa bağımlılıksız olmaları gerekir (harici font/JS yok). */
:root {
  --zemin: #faf8f5;
  --kart: #ffffff;
  --metin: #1c1917;
  --soluk: #57534e;
  --cizgi: #e7e2da;
  --vurgu: #a67c2e;
  --uyari-zemin: #fdf6e7;
  --uyari-cizgi: #e8d5a8;
}
@media (prefers-color-scheme: dark) {
  :root {
    --zemin: #16140f;
    --kart: #201d17;
    --metin: #f5f1ea;
    --soluk: #b0a89c;
    --cizgi: #322d24;
    --vurgu: #d4a94f;
    --uyari-zemin: #251f12;
    --uyari-cizgi: #4a3c1e;
  }
}
* { box-sizing: border-box; }
body {
  margin: 0;
  padding: 32px 20px 72px;
  background: var(--zemin);
  color: var(--metin);
  font: 16px/1.7 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
}
main {
  max-width: 720px;
  margin: 0 auto;
  background: var(--kart);
  border: 1px solid var(--cizgi);
  border-radius: 14px;
  padding: 40px 36px;
}
@media (max-width: 560px) { main { padding: 28px 22px; } body { padding: 16px 12px 48px; } }
.marka {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--vurgu);
  margin: 0 0 6px;
}
h1 { font-size: 27px; line-height: 1.25; margin: 0 0 6px; letter-spacing: -.02em; }
h2 {
  font-size: 18px;
  margin: 34px 0 10px;
  padding-top: 22px;
  border-top: 1px solid var(--cizgi);
  letter-spacing: -.01em;
}
h2:first-of-type { border-top: 0; padding-top: 0; }
h3 { font-size: 15px; margin: 20px 0 6px; }
p, li { color: var(--metin); }
.tarih { color: var(--soluk); font-size: 14px; margin: 0 0 4px; }
ul { padding-left: 22px; margin: 10px 0; }
li { margin: 7px 0; }
a { color: var(--vurgu); }
strong { font-weight: 650; }
.kutu {
  background: var(--uyari-zemin);
  border: 1px solid var(--uyari-cizgi);
  border-radius: 10px;
  padding: 16px 18px;
  margin: 18px 0;
}
.kutu p:first-child { margin-top: 0; }
.kutu p:last-child { margin-bottom: 0; }
.adim {
  counter-reset: adim;
  list-style: none;
  padding: 0;
  margin: 18px 0;
}
.adim li {
  counter-increment: adim;
  position: relative;
  padding-left: 42px;
  margin: 14px 0;
}
.adim li::before {
  content: counter(adim);
  position: absolute;
  left: 0;
  top: 1px;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background: var(--vurgu);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
footer {
  max-width: 720px;
  margin: 22px auto 0;
  text-align: center;
  font-size: 13px;
  color: var(--soluk);
}
