/* TrendSatıcı tanıtım sitesi — açılış ekranı (22.10.2026). İşaretleme ve kurallar: templates/reklam/_acilis.html.
   Perde yalnız <html>'de .tn-acilis-var varken çizilir (head'deki satır içi betik verir). Betik gelmezse 3,8 sn'de
   CSS kendisi 4,6 sn'de kaldırır; betik ~3,9 sn'de (ya da etkileşimde) .tn-acilis--kalk verir. Yalnız transform / opacity. */
.tn-acilis { display: none; }
.tn-acilis-var .tn-acilis {
  position: fixed; inset: 0; z-index: 1000; display: block; overflow: hidden; background: var(--tn-gece);
  animation: tn-acilis-kalk .75s cubic-bezier(.7, 0, .2, 1) 4.6s forwards;
}
.tn-acilis-var .tn-acilis.tn-acilis--js { animation: none; }   /* betik var: süreyi o yönetir (sekme görünürken) */
.tn-acilis-var .tn-acilis.tn-acilis--kalk { animation: tn-acilis-kalk .75s cubic-bezier(.7, 0, .2, 1) forwards; }
@keyframes tn-acilis-kalk { to { transform: translateY(-100%); visibility: hidden; } }
/* Sahne: logo iri ve ortada, dış halkalar kenardan taşar. Telefonda (dik ekran) genişlik ekranın 3 katını geçmez:
   logo ekrana sığar. tanitim-2026.css'in .tn-nefes konum kuralları (masaüstünde absolute + top / bottom) burada ezilir;
   betik logonun 11 noktasının kutusunu ölçüp ekranın tam ortasına kaydırır. */
.tn-acilis .tn-acilis__sahne { position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; width: max(150vw, min(210vh, 300vw));
  height: auto; margin: 0; transform: translate(-50%, -50%); pointer-events: none; }
.tn-acilis .tsc-zemin canvas { opacity: .32; }
.tn-acilis .tn-acilis__sahne { opacity: 0; }   /* bileşenin açılış hareketi başlayınca görünür (betik) */
.tn-acilis .tn-acilis__sahne.tn-acilis__sahne--hazir { opacity: 1; }   /* arkadaki kayan noktalar daha görünür (ilk ekranda .1) */
@media (prefers-reduced-motion: reduce) { .tn-acilis-var .tn-acilis { display: none; } }