.pwa-install-slot {
  display: flex;
  justify-content: center;
  padding: 24px 16px;
}

.pwa-install-btn {
  padding: 12px 24px;
  border: 1px solid var(--text, #0A0A0A);
  border-radius: 24px;
  background: var(--text, #0A0A0A);
  color: var(--bg, #F5F4F1);
  font: 600 15px/1 Cantarell, sans-serif;
  cursor: pointer;
}

#pwa-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  background: color-mix(in srgb, var(--perde, #1A1815) 70%, transparent);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.pwa-modal-box {
  background: var(--s2, #FDFDFB);
  border: 1px solid var(--b2, #D6D3CD);
  border-radius: 16px;
  color: var(--text, #0A0A0A);
  max-width: 340px;
  padding: 24px;
  font-family: Cantarell, sans-serif;
}

.pwa-modal-box h3 { margin: 0 0 12px; font-size: 18px; }
.pwa-modal-box ol { margin: 0 0 16px; padding-left: 20px; }
.pwa-modal-box li { margin-bottom: 8px; line-height: 1.4; }

#pwa-modal-close {
  width: 100%;
  padding: 10px;
  border: 1px solid var(--text, #0A0A0A);
  border-radius: 8px;
  background: var(--text, #0A0A0A);
  color: var(--bg, #F5F4F1);
  font-weight: 600;
  cursor: pointer;
}

/* Safe-area (çentik) düzeltmesi — bağımsız kural, core'a/all-styles'a dokunmaz. */
@media (display-mode: standalone) {
  body {
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
  }
}

/* ── SOSYAL KANIT ANAHTARI (27.09.2026) ─────────────────────────
   Kullanıcı kararı: kullanıcı yorumları ve canlı sayaç Stripe başvurusu
   boyunca GİZLİ. Öğeler SİLİNMEDİ — 15 özellik sayfasında yerinde duruyor,
   yalnız `data-sosyal-kanit="yorum|sayac"` ile işaretli.
   GERİ AÇMAK (test dönemi): aşağıdaki kuralı sil ya da yorum satırına al,
   sonra sw.js sürümünü artır. Başka dosyaya dokunmak gerekmez.
   `+ .dl`: gizli bölümün ardındaki ayraç da gizlenir, yoksa ayraçlar üst üste
   biner (ölçüldü: sayfa başına 2 çift). */
[data-sosyal-kanit],
[data-sosyal-kanit] + .dl { display: none !important; }

/* CAPTCHA kutusu (Cloudflare Turnstile, core/captcha.js · G2 28.09.2026).
   min-height: kutu yüklenirken düğme zıplamasın (Turnstile 65px). */
.lx-captcha { display: flex; justify-content: center; min-height: 65px; margin: 4px 0 14px; }
.lx-captcha[hidden] { display: none; }