/*
 * SEER POWER Elementor motion system.
 *
 * JavaScript adds pending states only after it has found a registered Widget,
 * so content remains visible when scripting is unavailable. Motion is applied
 * to the internal content rail and named content items, never to Elementor
 * hosts, Widget wrappers or full-bleed section backgrounds.
 */
.seer-motion-content,
.seer-motion-item {
	opacity: 1;
	transform: none;
	transition:
		opacity 220ms cubic-bezier(.22, 1, .36, 1),
		transform 220ms cubic-bezier(.22, 1, .36, 1);
	transition-delay: var(--seer-motion-delay, 0ms);
}

.seer-motion-content.seer-motion-pending {
	opacity: 0;
	transform: translateY(12px);
}

.seer-motion-item.seer-motion-pending {
	opacity: 0;
	transform: translateY(8px);
}

.seer-motion-content.seer-motion-pending,
.seer-motion-item.seer-motion-pending {
	will-change: opacity, transform;
}

.seer-motion-content.seer-motion-visible,
.seer-motion-item.seer-motion-visible {
	opacity: 1;
	transform: none;
	will-change: auto;
}

@media (max-width: 767px) {
	.seer-motion-content.seer-motion-pending {
		transform: translateY(10px);
	}

	.seer-motion-item.seer-motion-pending {
		transform: translateY(7px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.seer-motion-content,
	.seer-motion-item {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
		will-change: auto !important;
	}
}