/* MHL product — özellik görsel efekti (#48401) */

html.sz-feature-anim-prep .e-con:has(.ozellik) .elementor-widget-image {
    opacity: 0 !important;
}

.sz-feature-visual-anim {
    opacity: 0 !important;
    transition:
        opacity 0.9s ease,
        transform 0.9s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
    will-change: opacity, transform;
}

.sz-feature-visual-anim.sz-feature-from-right {
    transform: translate3d(120px, 0, 0) scale(0.98) !important;
}

.sz-feature-visual-anim.sz-feature-from-left {
    transform: translate3d(-120px, 0, 0) scale(0.98) !important;
}

.sz-feature-visual-anim.sz-feature-visible {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
}

.sz-feature-visual-anim img {
    opacity: 1 !important;
    transform: none !important;
}

@media (max-width: 768px) {
    .sz-feature-visual-anim.sz-feature-from-right {
        transform: translate3d(55px, 0, 0) scale(0.98) !important;
    }

    .sz-feature-visual-anim.sz-feature-from-left {
        transform: translate3d(-55px, 0, 0) scale(0.98) !important;
    }

    .sz-feature-visual-anim.sz-feature-visible {
        transform: translate3d(0, 0, 0) scale(1) !important;
    }
}