/* =======================================================
   JOWA BALIĞI BÜYÜTME VE HAREKET MOTORU (KESİN ÇÖZÜM)
   ======================================================= */

.hero-graphic.animasyon-alani {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    /* Dış kutuyu aşağı-yukarı hareket ettiriyoruz */
    animation: floatShark 6s ease-in-out infinite !important;
}

/* Doğrudan SVG (Balık) elementini zorla büyütüyoruz */
#karakter {
    width: 100%;
    height: auto;
    overflow: visible;
    /* Optik olarak %35 büyütüyoruz (Sayfa düzenini bozmadan ezer geçer) */
    transform: scale(1.30) !important; 
    transform-origin: center center;
}

/* Mobilde ekrandan çok fazla taşmaması için büyütme oranını dengeliyoruz */
@media (max-width: 768px) {
    #karakter {
        transform: scale(1.1) !important;
    }
}

/* Gerçekçi Köpekbalığı Süzülme (Yunuslama) Efekti */
.hero-graphic.animasyon-alani {
    /* Dönme merkezini tam orta nokta yapıyoruz ki dengeli sallansın */
    transform-origin: center center; 
}

/* SIFIR DURAKLAMA: Akıcı Su Süzülmesi Efekti */
@keyframes floatShark {
    0%, 100% { 
        /* En alt nokta: Balık dalışta, baş aşağıda, kuyruk havada */
        transform: translateY(15px) rotate(3deg); 
    }
    50% { 
        /* En üst nokta: Balık yükselişte, baş yukarıda, kuyruk aşağıda */
        transform: translateY(-20px) rotate(-4deg); 
    }
}

/* Poligonların Dağılma Efekti (Burası aynı kalıyor) */
polygon {
    transition: transform 1.6s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 1.4s ease-in-out;
    cursor: crosshair;
    stroke: #ffffff; 
    stroke-width: 1px;
}

polygon:hover {
    filter: brightness(1.2);
}

#jowa-subtext {
    transition: opacity 1s ease-in-out;
}


.animasyon-alani svg {
    width: 100%;
    height: auto;
    overflow: visible; 
}

/* Poligonların Süzülme Kontrolü */
polygon {
    transition: transform 1.6s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 1.4s ease-in-out;
    cursor: crosshair;
    stroke: #ffffff; /* Parçalar arası jilet kesimleri */
    stroke-width: 1px;
}

polygon:hover {
    filter: brightness(1.2);
}

#jowa-subtext {
    transition: opacity 1s ease-in-out;
}