.sxo-two-marquee {
	--sxo-card-width: var(--sxo-card-width-desktop, 220px);
	--sxo-card-height: var(--sxo-card-height-desktop, 390px);
	--sxo-gap: var(--sxo-gap-desktop, 22px);
	--sxo-offset: 0px;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	padding: 5px 0;
	isolation: isolate;
	position: relative;
	z-index: 1;
	/*
	 * Keep marquee layout LTR even on Hebrew/Arabic pages.
	 * Page-level direction:rtl reverses flex order and creates a visible gap in the loop.
	 */
	direction: ltr !important;
	unicode-bidi: isolate;
}

.sxo-two-marquee *,
.sxo-two-marquee *::before,
.sxo-two-marquee *::after {
	box-sizing: border-box;
}

.sxo-two-marquee .sxo-marquee-row {
	width: 100%;
	overflow: hidden;
	margin: 0 0 var(--sxo-gap);
	position: relative;
}

.sxo-two-marquee .sxo-marquee-row:last-child {
	margin-bottom: 0;
}

.sxo-two-marquee .sxo-marquee-track {
	display: flex !important;
	flex-direction: row !important;
	width: max-content !important;
	max-width: none !important;
	gap: var(--sxo-gap);
	flex-wrap: nowrap !important;
	align-items: center;
	direction: ltr !important;
	/* Offset via custom property + !important so WoodMart/theme transform resets cannot freeze the strip. */
	transform: translate3d(calc(-1 * var(--sxo-offset, 0px)), 0, 0) !important;
	animation: none !important;
	transition: none !important;
	backface-visibility: hidden;
	will-change: transform;
	flex: 0 0 auto !important;
}

.sxo-two-marquee .sxo-marquee-set,
.sxo-two-marquee .sxo-marquee-set.sxo-marquee-clone,
.sxo-two-marquee .sxo-marquee-set.sxo-marquee-original,
.sxo-two-marquee .sxo-marquee-set[data-sxo-clone="1"] {
	display: flex !important;
	flex-direction: row !important;
	direction: ltr !important;
	visibility: visible !important;
	opacity: 1 !important;
	flex: 0 0 auto !important;
	flex-shrink: 0 !important;
	gap: var(--sxo-gap);
	align-items: center;
	width: max-content !important;
	max-width: none !important;
	height: auto !important;
	overflow: visible !important;
	position: relative !important;
	clip: auto !important;
	clip-path: none !important;
	content-visibility: visible !important;
}

.sxo-two-marquee .sxo-marquee-card,
.sxo-two-marquee .sxo-marquee-card.sxo-marquee-card-clone {
	display: block !important;
	visibility: visible !important;
	flex: 0 0 var(--sxo-card-width) !important;
	width: var(--sxo-card-width) !important;
	min-width: var(--sxo-card-width) !important;
	max-width: var(--sxo-card-width) !important;
	height: var(--sxo-card-height) !important;
	min-height: var(--sxo-card-height) !important;
	max-height: var(--sxo-card-height) !important;
	overflow: hidden !important;
	border-radius: var(--sxo-radius, 14px);
	background: var(--sxo-card-background, #f5f5f5);
	opacity: 1 !important;
	clip: auto !important;
	clip-path: none !important;
	position: relative !important;
	float: none !important;
	margin: 0 !important;
}

.sxo-two-marquee .sxo-marquee-card img,
.sxo-two-marquee .sxo-marquee-card img.sxo-marquee-img,
.woodmart-theme .sxo-two-marquee .sxo-marquee-card img,
.wd-page-content .sxo-two-marquee .sxo-marquee-card img,
.elementor-widget .sxo-two-marquee .sxo-marquee-card img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	min-width: 0 !important;
	min-height: 0 !important;
	object-fit: cover !important;
	opacity: 1 !important;
	visibility: visible !important;
	filter: none !important;
	position: relative !important;
	left: auto !important;
	top: auto !important;
	transition: transform 0.4s ease;
}

.sxo-two-marquee .sxo-marquee-card:hover img {
	transform: scale(1.03);
}

.sxo-two-marquee.sxo-single-loop .sxo-marquee-track {
	--sxo-offset: 0px !important;
	transform: none !important;
}

.woodmart-theme .sxo-two-marquee,
.wd-page-content .sxo-two-marquee,
.elementor-section .sxo-two-marquee,
.e-con .sxo-two-marquee {
	width: 100% !important;
	max-width: 100% !important;
	overflow: hidden !important;
}

@media (max-width: 1024px) {
	.sxo-two-marquee {
		--sxo-card-width: var(--sxo-card-width-tablet, 190px);
		--sxo-card-height: var(--sxo-card-height-tablet, 335px);
		--sxo-gap: var(--sxo-gap-tablet, 16px);
	}
}

@media (max-width: 767px) {
	.sxo-two-marquee {
		--sxo-card-width: var(--sxo-card-width-mobile, 145px);
		--sxo-card-height: var(--sxo-card-height-mobile, 260px);
		--sxo-gap: var(--sxo-gap-mobile, 10px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.sxo-two-marquee.sxo-respect-reduced-motion .sxo-marquee-track {
		--sxo-offset: 0px !important;
		transform: none !important;
	}

	.sxo-two-marquee.sxo-respect-reduced-motion .sxo-marquee-row {
		overflow-x: auto;
		scrollbar-width: thin;
	}

	.sxo-two-marquee.sxo-respect-reduced-motion .sxo-marquee-set.sxo-marquee-clone {
		display: none !important;
	}
}