@charset "utf-8";
/* CSS Document */

/* Базово състояние - преди да влезе в изгледа */
[data-anim] {
	opacity: 0;
	transition-property: opacity, transform;
	transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	transition-duration: var(--anim-duration, 1.0s);
	transition-delay: var(--anim-delay, 0s);
}

/* Крайно състояние - когато елементът е видим */
[data-anim].is-visible {
	opacity: 1;
	transform: none !important;
}

/* Типове анимации - начално отместване/трансформация */
[data-anim="fade-up"]    { transform: translateY(40px); }
[data-anim="fade-down"]  { transform: translateY(-40px); }
[data-anim="fade-left"]  { transform: translateX(40px); }
[data-anim="fade-right"] { transform: translateX(-40px); }
[data-anim="zoom-in"]    { transform: scale(0.0); }
[data-anim="zoom-out"]   { transform: scale(1.15); }
[data-anim="fade"]       { transform: none; }

@media (prefers-reduced-motion: reduce) {
	[data-anim] {
		opacity: 1;
		transform: none !important;
		transition: none !important;
	}
}