/* ============================================================
   Styka Pasek Promo — widget Elementora (marquee).
   ============================================================ */

.styka-promo{
	position:relative;overflow:hidden;display:flex;align-items:center;
	min-height:44px;width:100%;background-color:#a8c62c;
}

.styka-promo__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.styka-promo__overlay{position:absolute;inset:0;z-index:1;background:rgba(0,0,0,.45)}

.styka-promo__track{
	position:relative;z-index:2;flex:0 0 auto;
	display:flex;align-items:center;gap:40px;white-space:nowrap;padding:0 20px;
	color:#0a0d07;will-change:transform;
	animation:styka-promo-marq linear infinite;
	animation-duration:24s;
}
@keyframes styka-promo-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.styka-promo--right .styka-promo__track{animation-direction:reverse}
.styka-promo--pause:hover .styka-promo__track{animation-play-state:paused}

.styka-promo__item{
	display:inline-flex;align-items:center;
	font-weight:600;font-size:14px;letter-spacing:.02em;line-height:1;
}
.styka-promo__hl{
	background:#0a0d07;color:#a8c62c;
	padding:3px 12px;border-radius:100px;font-weight:800;
}
.styka-promo__sep{opacity:.55;display:inline-flex;align-items:center}

@media(prefers-reduced-motion:reduce){
	.styka-promo__track{animation:none;justify-content:center;flex-wrap:wrap;white-space:normal}
}