/**
 * Egypt packs carousel ONLY — scoped with [data-masc-epc="1"]
 * No global selectors. No pack colors/backgrounds/typography.
 */

[data-masc-epc='1'].masc-epc-carousel .elementor-swiper-button-prev,
[data-masc-epc='1'].masc-epc-carousel .elementor-swiper-button-next,
[data-masc-epc='1'].masc-epc-carousel .swiper-pagination {
	display: none !important;
}

[data-masc-epc='1'].masc-epc-carousel .masc-epc-swiper {
	overflow: hidden;
}

[data-masc-epc='1'].masc-epc-carousel .masc-epc-swiper .swiper-wrapper {
	align-items: center;
}

[data-masc-epc='1'].masc-epc-carousel .masc-epc-swiper .swiper-slide {
	width: 62%;
	height: auto;
	overflow: visible;
}

[data-masc-epc='1'].masc-epc-carousel .masc-epc-swiper .swiper-slide > .elementor-element {
	transition: transform 0.35s ease;
	transform-origin: center center;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

/* Mobile: full-bleed carousel + no clipped border-radius on active card */
@media (max-width: 767px) {
	[data-masc-epc='1'].masc-epc-carousel {
		width: 100vw;
		max-width: 100vw;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
		overflow: visible;
	}

	[data-masc-epc='1'].masc-epc-carousel .e-con,
	[data-masc-epc='1'].masc-epc-carousel .e-con-inner {
		overflow: visible !important;
	}

	[data-masc-epc='1'].masc-epc-carousel .masc-epc-swiper {
		overflow: visible;
		padding-block: 1.75rem;
	}

	[data-masc-epc='1'].masc-epc-carousel .masc-epc-swiper .swiper-wrapper {
		align-items: center;
	}

	[data-masc-epc='1'].masc-epc-carousel .masc-epc-swiper .swiper-slide {
		width: 82%;
		height: auto;
		overflow: visible;
	}

	[data-masc-epc='1'].masc-epc-carousel .masc-epc-swiper .swiper-slide > .elementor-element {
		overflow: visible;
		will-change: transform;
	}

	[data-masc-epc='1'].masc-epc-carousel
		.masc-epc-swiper
		.swiper-slide
		> .elementor-element
		> .e-con {
		overflow: hidden;
		border-radius: inherit;
		-webkit-mask-image: -webkit-radial-gradient(white, black);
	}
}

[data-masc-epc='1'].masc-epc-carousel.masc-epc--dragging
	.masc-epc-swiper
	.swiper-slide
	> .elementor-element {
	transition-duration: 0s;
}

/* Remote Arrows (Element Pack) → single cycle button for packs carousel */
.masc-epc-remote-nav.bdt-remote-arrows {
	display: flex;
	justify-content: center;
	align-items: center;
}

.masc-epc-remote-nav.bdt-remote-arrows .bdt-prev,
.masc-epc-remote-nav.bdt-remote-arrows .bdt-next {
	display: none !important;
	pointer-events: none !important;
}

.masc-epc-remote-nav .masc-epc-cycle-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	background-color: var(--e-global-color-primary, #f4c430);
	color: #1a1a1a;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.masc-epc-remote-nav .masc-epc-cycle-btn:hover {
	transform: scale(1.05);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22);
}

.masc-epc-remote-nav .masc-epc-cycle-btn svg {
	width: 26px;
	height: 26px;
	fill: currentColor;
}
