:hover İle İlgili Bir Hata Yaptım Ama Nerede Bir Türlü Bulamıyorum

Header menü'de alt menüyü açan bir hover kullanıyorum ama alt menünün kendi kapladığı alana gelince de menü açılıyor, neden böyle oldu anlamadım.

Site adresi: https://miyavliyo.com/

Kullandığım kod şu şekilde:

.main-menu li:hover .sub-menu {
    opacity: 1;
    transform: translateY(0);
    transition: .2s;
}

.main-menu .sub-menu
içindeki z-index -1 yapın default halinde
daha sonra hover olunca z-index 1 veya 999 yapabilirsiniz

Tamamdır hocam teşekkür ederim.