/* Ferah Slider — lightweight fullwidth slider */
.ferah-slider {
	position: relative;
	width: 100%;
	height: var(--ferah-h, 620px);
	max-height: 100vh;
	overflow: hidden;
	background: #0a0a0a;
	font-family: inherit;
	color: #fff;
	isolation: isolate;
}

.ferah-track {
	position: absolute;
	inset: 0;
}

.ferah-slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity 700ms ease;
	will-change: opacity;
}
.ferah-slide.is-active {
	opacity: 1;
	visibility: visible;
	z-index: 1;
}

/* Slide effect (translate) */
.ferah-slider[data-effect="slide"] .ferah-track {
	display: flex;
	width: 100%;
	height: 100%;
	transition: transform 700ms cubic-bezier(.55,.05,.22,.99);
	will-change: transform;
}
.ferah-slider[data-effect="slide"] .ferah-slide {
	position: relative;
	flex: 0 0 100%;
	opacity: 1;
	visibility: visible;
	transition: none;
}

.ferah-bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	user-select: none;
	-webkit-user-drag: none;
}

/* Caption — contained card, white, compact */
.ferah-caption {
	position: absolute;
	bottom: 6%;
	max-width: min(839px, 88%);
	display: flex;
	align-items: center;
	gap: 16px;
	background: rgba(255, 255, 255, calc(0.82 + var(--ferah-overlay, .25) * .18));
	backdrop-filter: blur(10px) saturate(140%);
	-webkit-backdrop-filter: blur(10px) saturate(140%);
	border: 1px solid rgba(255, 255, 255, .6);
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 14px 36px rgba(0, 0, 0, .18);
	z-index: 2;
	animation: ferah-fade-in 800ms ease 120ms backwards;
}
.ferah-caption--right { right: 4%; }
.ferah-caption--left  { left: 4%; }
.ferah-caption--center {
	left: 50%;
	transform: translateX(-50%);
	justify-content: center;
	text-align: center;
	flex-direction: column;
	gap: 0;
}

.ferah-caption__inner {
	padding: 22px 20px;
	flex: 1 1 auto;
	min-width: 0;
}
.ferah-caption__title {
	margin: 0 0 4px;
	font-size: clamp(1rem, 1.4vw, 1.25rem);
	font-weight: 600;
	letter-spacing: .1px;
	line-height: 1.25;
	color: #001b47;
}
.ferah-caption__desc {
	margin: 0;
	font-size: clamp(.85rem, 1vw, 1.1rem);
	line-height: 1.5;
	color: #3a4252;
	max-width: 64ch;
}

.ferah-caption__btn {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 18px 22px 18px 0;
	padding: 16px 32px;
	background: #fff;
	color: #111;
	font-weight: 600;
	font-size: .98rem;
	text-decoration: none;
	border-radius: 14px;
	white-space: nowrap;
	transition: background-color 220ms ease, color 220ms ease, transform 220ms ease, box-shadow 220ms ease;
}
.ferah-caption--center .ferah-caption__btn {
	margin: 0 auto 22px;
}
.ferah-caption__btn:hover,
.ferah-caption__btn:focus-visible {
	background: #001b47;
	color: #fff;
	transform: translateY(-1px);
	box-shadow: 0 8px 22px rgba(0, 27, 71, .35);
	outline: none;
}

/* Navigation arrows — plain chevrons, no background */
.ferah-nav {
	position: absolute;
	left: 28px;
	bottom: 28px;
	display: flex;
	gap: 14px;
	z-index: 3;
}
.ferah-nav__btn {
	width: 32px;
	height: 32px;
	border: 0;
	background: transparent;
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 0;
	filter: drop-shadow(0 1px 2px rgba(0,0,0,.45));
	transition: opacity 180ms ease, transform 180ms ease;
	opacity: .9;
}
.ferah-nav__btn svg {
	width: 28px;
	height: 28px;
}
.ferah-nav__btn:hover,
.ferah-nav__btn:focus-visible {
	opacity: 1;
	transform: translateY(-1px);
	outline: none;
}

/* Dots */
.ferah-dots {
	position: absolute;
	left: 50%;
	bottom: 22px;
	transform: translateX(-50%);
	display: flex;
	gap: 8px;
	z-index: 3;
}
.ferah-dots__btn {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 0;
	padding: 0;
	background: rgba(255,255,255,.45);
	cursor: pointer;
	transition: background 200ms ease, transform 200ms ease;
}
.ferah-dots__btn:hover { background: rgba(255,255,255,.8); }
.ferah-dots__btn.is-active { background: #fff; transform: scale(1.25); }

@keyframes ferah-fade-in {
	from { opacity: 0; transform: translateY(12px); }
	to   { opacity: 1; transform: translateY(0); }
}
.ferah-caption--center { animation-name: ferah-fade-in-center; }
@keyframes ferah-fade-in-center {
	from { opacity: 0; transform: translateX(-50%) translateY(12px); }
	to   { opacity: 1; transform: translateX(-50%) translateY(0); }
}

/* Touch / mobile */
@media (max-width: 768px) {
	.ferah-slider { height: clamp(360px, 55vh, 520px); }
	.ferah-caption {
		left: 4%;
		right: 4%;
		bottom: 4.5rem;
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		border-radius: 18px;
	}
	.ferah-caption__inner { padding: 20px 22px 12px; }
	.ferah-caption__btn { margin: 0 22px 20px; align-self: flex-start; }
	.ferah-caption--center .ferah-caption__btn { align-self: center; }
	.ferah-nav { left: 50%; transform: translateX(-50%); bottom: 14px; }
}

@media (prefers-reduced-motion: reduce) {
	.ferah-slide,
	.ferah-slider[data-effect="slide"] .ferah-track,
	.ferah-caption,
	.ferah-caption__btn { transition: none; animation: none; }
}