#sf-root {
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: 999999;
}

.sf-flyover {
	position: absolute;
	left: 0;
	top: 20%;
	transform: translate3d(-140vw, 0, 0);
	will-change: transform;
	pointer-events: none;
	opacity: 0.98;
	filter: drop-shadow(0 6px 10px rgba(0,0,0,0.25));
}

.sf-flyover.sf-ltr {
	animation: sf-fly-ltr var(--sf-duration, 12s) linear forwards;
}

/* RTL: leti desno -> lijevo, ali NE flipujemo grafiku (da logo/tekst ne bude “u ogledalu”) */
.sf-flyover.sf-rtl {
	animation: sf-fly-rtl var(--sf-duration, 12s) linear forwards;
	transform: translate3d(140vw, 0, 0);
}

.sf-flyover .sf-inner {
	display: inline-block;
	animation: sf-bob 1.4s ease-in-out infinite;
}

.sf-flyover svg,
.sf-flyover img {
	width: var(--sf-width, 420px);
	height: auto;
	display: block;
}

@keyframes sf-fly-ltr {
	from { transform: translate3d(-140vw, 0, 0); }
	to   { transform: translate3d(140vw, 0, 0); }
}

@keyframes sf-fly-rtl {
	from { transform: translate3d(140vw, 0, 0); }
	to   { transform: translate3d(-140vw, 0, 0); }
}

@keyframes sf-bob {
	0%, 100% { transform: translate3d(0, 0, 0); }
	50%      { transform: translate3d(0, -6px, 0); }
}

/* Poštuj reduced-motion */
@media (prefers-reduced-motion: reduce) {
	.sf-flyover,
	.sf-flyover .sf-inner {
		animation: none !important;
	}
}