.cecf-right-stack {
	--cecf-stage-height: 600px;
	--cecf-active-width: 58%;
	--cecf-stack-start: 68%;
	--cecf-stack-step: 28px;
	--cecf-vertical-step: 10px;
	--cecf-scale-step: 0.12;
	--cecf-opacity-step: 0.04;
	--cecf-duration: 650ms;
	position: relative;
}

/* Keep editing predictable. The deck conversion is deliberately disabled in the Elementor editor. */
.elementor-editor-active .cecf-right-stack:not(.cecf-ready)::after {
	content: "Right Stack Coverflow: use Preview to see the final animation";
	display: block;
	margin-top: 8px;
	padding: 7px 10px;
	border: 1px dashed currentColor;
	border-radius: 6px;
	font-size: 12px;
	line-height: 1.4;
	opacity: .65;
}

.cecf-right-stack.cecf-ready,
.cecf-right-stack.cecf-ready .elementor-widget-container,
.cecf-right-stack.cecf-ready .e-n-carousel,
.cecf-right-stack.cecf-ready .swiper {
	overflow: visible !important;
}

.cecf-right-stack.cecf-ready .swiper {
	position: relative;
	min-height: var(--cecf-stage-height);
	touch-action: pan-y;
	user-select: none;
}

.cecf-right-stack.cecf-ready .swiper-wrapper {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	height: var(--cecf-stage-height) !important;
	min-height: var(--cecf-stage-height) !important;
	transform: none !important;
	transition: none !important;
	overflow: visible !important;
}

.cecf-right-stack.cecf-ready .swiper-slide {
	position: absolute !important;
	inset: 0 auto auto 0 !important;
	display: block !important;
	width: var(--cecf-active-width) !important;
	height: var(--cecf-stage-height) !important;
	margin: 0 !important;
	overflow: hidden;
	transform: translate3d(var(--cecf-x, 0px), var(--cecf-y, 0px), 0) scale(var(--cecf-scale, 1)) !important;
	transform-origin: top left !important;
	opacity: var(--cecf-opacity, 1);
	visibility: hidden;
	z-index: var(--cecf-z, 0);
	pointer-events: none;
	transition:
		transform var(--cecf-duration) cubic-bezier(.22, .61, .36, 1),
		opacity calc(var(--cecf-duration) * .72) ease,
		filter var(--cecf-duration) ease !important;
	will-change: transform, opacity;
	backface-visibility: hidden;
}

.cecf-right-stack.cecf-ready .swiper-slide.cecf-card-visible {
	visibility: visible;
}

.cecf-right-stack.cecf-ready .swiper-slide.cecf-card-active {
	pointer-events: auto;
	cursor: auto;
}

.cecf-right-stack.cecf-ready .swiper-slide.cecf-card-next {
	pointer-events: auto;
	cursor: pointer;
}

.cecf-right-stack.cecf-ready .swiper-slide.cecf-card-exit {
	visibility: visible;
	pointer-events: none;
}

.cecf-right-stack.cecf-ready .swiper-slide > .e-con,
.cecf-right-stack.cecf-ready .swiper-slide > .elementor-element,
.cecf-right-stack.cecf-ready .swiper-slide > .elementor-widget-container {
	width: 100%;
	max-width: 100%;
	height: 100%;
	min-height: 100%;
	overflow: hidden;
}

.cecf-right-stack.cecf-ready .swiper-slide img,
.cecf-right-stack.cecf-ready .swiper-slide video {
	max-width: 100%;
}

/* Preserve Elementor's own navigation placement while keeping it above the deck. */
.cecf-right-stack.cecf-ready .elementor-swiper-button,
.cecf-right-stack.cecf-ready .swiper-button-prev,
.cecf-right-stack.cecf-ready .swiper-button-next,
.cecf-right-stack.cecf-ready .swiper-pagination {
	z-index: 150;
}

.cecf-right-stack.cecf-ready .elementor-swiper-button[aria-disabled="true"],
.cecf-right-stack.cecf-ready .swiper-button-disabled {
	opacity: .35;
	pointer-events: none;
}

.cecf-sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

@media (prefers-reduced-motion: reduce) {
	.cecf-right-stack.cecf-ready .swiper-slide {
		transition-duration: 1ms !important;
	}
}