/* --- APPEAR-ANIMATION --- */ /* desktop – стартово състояние */ .appear-anim { opacity: 0; transform: translateY(3em); transition: opacity 0.6s ease-out, transform 0.6s ease-out; will-change: opacity, transform; } /* когато е във viewport */ .appear-anim.is-visible { opacity: 1; transform: translateY(0); } /* mobile – без анимация */ @media (max-width: 767px) { .appear-anim { opacity: 1 !important; transform: none !important; transition: none !important; } }