/**
 * VyTag ekran sahnesi — vycall.com stilleri.
 *
 * ÜRETİLMİŞ DOSYA — elle düzenleme.
 * Kaynak: ~/Projeler/vayotek/vytag-animasyon/_build/vanilla/sahne.css
 *
 * head.php'de vy-duzeltmeler.css'ten SONRA, $needsVytagSahne bayrağıyla yüklenir.
 * Ekran düzenlerinin kendi stilleri yoktur — hepsi JS'te satır içi verilir,
 * bu dosya yalnız kabuğu ve yerleşimi kurar.
 */

[data-vytag-sahne] {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  /* Cihaz fotoğrafı şeffaf PNG; zemin sayfadan gelsin diye boş bırakıldı. */
}

/* Sabit 1920×1080 tasarım kutusu; JS ölçekle kaba sığdırır. */
.vy-vytag-tuval {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
}

.vy-vytag-cihaz {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
  will-change: transform;
}

.vy-vytag-ekran {
  position: absolute;
  overflow: hidden;
}

/* Ekran düzenleri Archivo ve Playfair Display ile tasarlandı. Site bu iki
   aileyi yüklemiyorsa e-paper görünümü bozulur — sayfaya eklenmeli.
   Ölçü ve hizalar bu iki yazı tipine göre kurulmuştur. */