/* ==========================================================================
   Hero animasyon sahnesi — "çağrı → sinyal → bildirim"
   Yalnızca anasayfada yüklenir ($needsHeroSahne bayrağı, layouts/head.php).
   Geri almak için: pages/{tr,en}/index.php içindeki include satırını eski
   <picture> bloğuyla değiştirmek yeterlidir; bu dosya kimseyi etkilemez.
   Kaynak tasarım: design_handoff_vycall_hero (11.08.2026)
   ========================================================================== */

.vy-hero-sahne {
    aspect-ratio: 1000 / 900;
    overflow: hidden;
    pointer-events: none;
    user-select: none;
}

/* Konumlandırmayı .sldimg'den devralır: masaüstünde sağ üstte mutlak,
   1200px altında akışa girip tam genişliğe düşer.
   order:2 — style.min.css'te aynısı `.container>picture` için tanımlı.
   Sahne <picture> etiketi olmadığı için o kurala takılmıyor; tekrarlanmazsa
   mobilde metnin üstüne çıkıyor. */
.intro-wrapper.style1 .container > .vy-hero-sahne {
    order: 2;
}

.vy-hero-sahne .vy-sahne-tuval {
    position: absolute;
    left: 0;
    top: 0;
    width: 1000px;
    height: 900px;
    transform-origin: 0 0;
}

.vy-hero-sahne .vy-sahne-kamera {
    position: absolute;
    inset: 0;
    transform-origin: 0 0;
    will-change: transform;
}

/* style.min.css içindeki genel `img{max-width:100%}` sahnenin iç
   ölçeklemesini bozuyor; tuval zaten kapsayıcıya sığdırılıyor. */
.vy-hero-sahne img {
    max-width: none;
}

@media (max-width: 1199px) {
    .vy-hero-sahne { margin-top: 26px; }
}

@media (max-width: 767px) {
    .vy-hero-sahne { margin-top: 18px; }
}