/**
 * Scroll-triggered animation classes (additive only, no theme overrides).
 * Add any _animate_* class to a section or element; when it enters viewport, ._in_view is added and animation runs.
 * Usage: <section class="_section _animate_zoom_in"> ... </section>
 */

._animate_zoom_in,
._animate_fade_up,
._animate_slide_up,
._animate_fade {
	opacity: 0;
	transition: opacity 0.6s ease, transform 0.6s ease;
}

._animate_zoom_in._in_view,
._animate_fade_up._in_view,
._animate_slide_up._in_view,
._animate_fade._in_view {
	opacity: 1;
}

/* Zoom in: scale up from below (niche se upar zoom) */
._animate_zoom_in {
	transform: scale(0.92) translateY(24px);
}

._animate_zoom_in._in_view {
	transform: scale(1) translateY(0);
}

/* Fade up: fade in + move up */
._animate_fade_up {
	transform: translateY(32px);
}

._animate_fade_up._in_view {
	transform: translateY(0);
}

/* Slide up: stronger move from below */
._animate_slide_up {
	transform: translateY(48px);
}

._animate_slide_up._in_view {
	transform: translateY(0);
}

/* Simple fade */
._animate_fade {
	transform: none;
}

._animate_fade._in_view {
	transform: none;
}