/*
 * Store Knooz - Scroll reveal animations
 * All motion is gated behind html.knooz-js so content is never hidden
 * when JavaScript is unavailable.
 */

html.knooz-js .knooz-reveal {
	opacity: 0;
	transform: translate3d(0, 34px, 0);
	transition:
		opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1),
		transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
	will-change: opacity, transform;
}

html.knooz-js .knooz-reveal.knooz-inview {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

/* Images / product cards: gentle zoom-in instead of slide */
html.knooz-js .knooz-reveal.knooz-zoom {
	transform: translate3d(0, 0, 0) scale(0.94);
}

html.knooz-js .knooz-reveal.knooz-zoom.knooz-inview {
	transform: translate3d(0, 0, 0) scale(1);
}

/* Slide in from the sides for media/text rows */
html.knooz-js .knooz-reveal.knooz-from-right {
	transform: translate3d(48px, 0, 0);
}

html.knooz-js .knooz-reveal.knooz-from-left {
	transform: translate3d(-48px, 0, 0);
}

html.knooz-js .knooz-reveal.knooz-from-right.knooz-inview,
html.knooz-js .knooz-reveal.knooz-from-left.knooz-inview {
	transform: translate3d(0, 0, 0);
}

/* Respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
	html.knooz-js .knooz-reveal,
	html.knooz-js .knooz-reveal.knooz-zoom,
	html.knooz-js .knooz-reveal.knooz-from-right,
	html.knooz-js .knooz-reveal.knooz-from-left {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
		will-change: auto;
	}
}