/* =============================================================================
 * PREVIEW STORIES — V2 Carousel Redesign
 * Single-row horizontal carousel · scroll-snap · glassmorphism controls
 * Reduced vertical footprint · gold accents · premium hover effects
 * =========================================================================== */

/* ── Section wrapper — compact vertical padding ── */
section#preview-stories.live-stories.live-stories-v2 {
	--ls-bg: #070F0B;
	--ls-forest: #0A1F13;
	--ls-gold: #D4AF37;
	--ls-gold-soft: rgba(212, 175, 55, .15);
	--ls-gold-glow: rgba(212, 175, 55, .08);
	--ls-paper: rgba(245, 235, 214, .92);
	--ls-paper-muted: rgba(245, 235, 214, .55);
	--ls-radius: 6px;
	--ls-transition: cubic-bezier(.25, 1, .5, 1);

	position: relative;
	isolation: isolate;
	clear: both;
	overflow: hidden;
	padding-block: clamp(4rem, 8vw, 7rem);
	background: var(--ls-bg) !important;
	background-color: var(--ls-bg) !important;
	background-image: none !important;
	color: var(--ls-paper);
}

/* Subtle radial glow */
section#preview-stories.live-stories.live-stories-v2::before {
	content: '';
	position: absolute;
	top: 10%;
	left: 50%;
	width: 120%;
	height: 70%;
	transform: translateX(-50%);
	background: radial-gradient(ellipse at center, rgba(212, 175, 55, .035) 0%, transparent 70%);
	pointer-events: none;
	z-index: 0;
}

/* Film grain overlay */
section#preview-stories.live-stories.live-stories-v2::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 0;
	opacity: .03;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='1'/%3E%3C/svg%3E");
	background-size: 128px;
	pointer-events: none;
}


/* ── Container ── */
.live-stories-v2 .live-stories__container {
	display: block;
	width: 100%;
	max-width: 90rem;
	margin-inline: auto;
	padding-inline: clamp(1.5rem, 4vw, 3rem);
	position: relative;
	z-index: 1;
}

/* ── Header — compact intro ── */
section#preview-stories.live-stories.live-stories-v2 .live-stories__header {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	max-width: 44rem;
	margin: 0 auto clamp(4.5rem, 9vw, 7rem) !important;
	padding: 0;
	text-align: center;
	position: relative;
	z-index: 2;
	gap: 0;
}

/* Eyebrow */
.live-stories-v2 .live-stories__eyebrow.eyebrow {
	display: inline-flex;
	align-items: center;
	gap: .65rem;
	width: auto;
	max-width: 100%;
	margin: 0 0 1rem;
	color: var(--ls-gold);
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: 3.5px;
	text-transform: uppercase;
	text-align: center;
}

.live-stories-v2 .live-stories__eyebrow.eyebrow::before,
.live-stories-v2 .live-stories__eyebrow.eyebrow::after {
	content: '';
	display: block;
	width: 2rem;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--ls-gold));
	flex-shrink: 0;
}

.live-stories-v2 .live-stories__eyebrow.eyebrow::after {
	background: linear-gradient(90deg, var(--ls-gold), transparent);
}

body.ar .live-stories-v2 .live-stories__eyebrow.eyebrow {
	font-family: 'IBM Plex Sans Arabic', var(--ff-body-ar), sans-serif;
	font-size: .85rem;
	letter-spacing: 2px;
	text-transform: none;
}

/* Heading */
.live-stories-v2 .live-stories__heading.section-heading {
	display: block;
	width: 100%;
	margin: 0 0 1rem;
	padding: 0;
	color: var(--ls-paper) !important;
	-webkit-text-fill-color: var(--ls-paper) !important;
	background: none !important;
	font-family: 'Prata', var(--ff-display-en), serif;
	font-size: clamp(1.8rem, 4vw, 3rem);
	font-weight: 400;
	line-height: 1.25;
	text-align: center;
}

body.ar .live-stories-v2 .live-stories__heading.section-heading {
	font-family: 'Amiri', serif;
	font-size: clamp(2rem, 4.5vw, 3.4rem);
	font-weight: 700;
	line-height: 1.35;
}

/* Rule */
.live-stories-v2 .live-stories__rule {
	display: block;
	width: 3rem;
	height: 1px;
	margin: 0 auto 1rem;
	flex-shrink: 0;
	background: linear-gradient(90deg, transparent, var(--ls-gold), transparent);
}

/* Lede */
.live-stories-v2 .live-stories__lede {
	display: block;
	width: 100%;
	max-width: 38rem;
	margin: 0 auto;
	padding: 0;
	font-family: var(--ff-body-en);
	font-size: clamp(.9rem, 1.1vw, 1.02rem);
	font-weight: 400;
	line-height: 1.65;
	color: var(--ls-paper-muted);
	text-align: center;
}

body.ar .live-stories-v2 .live-stories__lede {
	font-family: 'IBM Plex Sans Arabic', var(--ff-body-ar), sans-serif;
	font-size: clamp(.95rem, 1.2vw, 1.08rem);
}


/* ═══════════════════════════════════════════════════════════════
   CAROUSEL
   ═══════════════════════════════════════════════════════════════ */

.ls-carousel {
	position: relative;
	width: 100%;
	max-width: 82rem;
	margin: clamp(1.25rem, 2.5vw, 2rem) auto 0;
	z-index: 1;
}

/* ── Scrollable track ── */
.ls-carousel__track {
	display: flex;
	gap: clamp(1rem, 2vw, 1.5rem);
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;

	/* Hide scrollbar */
	scrollbar-width: none;
	-ms-overflow-style: none;

	padding-block: .5rem;
	padding-inline: .25rem;
}

.ls-carousel__track::-webkit-scrollbar {
	display: none;
}

/* ── Each slide ── */
.ls-carousel__slide {
	flex: 0 0 calc(100% / 3 - 1rem);
	min-width: 280px;
	scroll-snap-align: start;
	scroll-snap-stop: always;
}


/* ── Navigation arrows ── */
.ls-carousel__arrow {
	position: absolute;
	top: 50%;
	z-index: 10;
	transform: translateY(-50%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	margin: 0;
	padding: 0;
	border: 1px solid rgba(212, 175, 55, .2);
	border-radius: 50%;
	background: rgba(7, 15, 11, .55);
	backdrop-filter: blur(14px) saturate(1.4);
	-webkit-backdrop-filter: blur(14px) saturate(1.4);
	color: var(--ls-paper);
	cursor: pointer;
	box-shadow: 0 4px 24px rgba(0, 0, 0, .3),
	            0 0 20px rgba(212, 175, 55, .04);
	transition: all .4s var(--ls-transition);
	opacity: .85;
}

.ls-carousel__arrow--prev {
	left: -1.5rem;
}

.ls-carousel__arrow--next {
	right: -1.5rem;
}

[dir="rtl"] .ls-carousel__arrow--prev {
	left: auto;
	right: -1.5rem;
}

[dir="rtl"] .ls-carousel__arrow--next {
	right: auto;
	left: -1.5rem;
}

.ls-carousel__arrow:hover {
	border-color: rgba(212, 175, 55, .5);
	background: rgba(7, 15, 11, .75);
	box-shadow: 0 4px 30px rgba(0, 0, 0, .4),
	            0 0 30px rgba(212, 175, 55, .1);
	opacity: 1;
	color: var(--ls-gold);
}

.ls-carousel__arrow:active {
	transform: translateY(-50%) scale(.93);
}

.ls-carousel__arrow:disabled {
	opacity: .2;
	cursor: default;
	pointer-events: none;
}

.ls-carousel__arrow svg {
	display: block;
	width: 18px;
	height: 18px;
}


/* ── Dot indicators ── */
.ls-carousel__dots {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .6rem;
	margin-top: clamp(1.25rem, 2.5vw, 2rem);
	/* Hide dots on desktop where all 3 are visible */
	display: none;
}

.ls-carousel__dot {
	display: block;
	width: 8px;
	height: 8px;
	padding: 0;
	border: 1px solid rgba(212, 175, 55, .3);
	border-radius: 50%;
	background: transparent;
	cursor: pointer;
	transition: all .4s var(--ls-transition);
}

.ls-carousel__dot.is-active {
	width: 28px;
	border-radius: 999px;
	background: var(--ls-gold);
	border-color: var(--ls-gold);
}

.ls-carousel__dot:hover:not(.is-active) {
	border-color: rgba(212, 175, 55, .6);
	background: rgba(212, 175, 55, .15);
}


/* ═══════════════════════════════════════════════════════════════
   STORY CARDS (unchanged premium styling)
   ═══════════════════════════════════════════════════════════════ */

/* ── Story card ── */
.live-stories-v2 .live-story {
	display: block;
	width: 100%;
	min-width: 0;
	margin: 0;
	background: transparent;
	border: none;
	box-shadow: none;
}

/* Card container — landscape 16:10 aspect ratio to save vertical space */
.live-stories-v2 .live-story__card {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	border-radius: var(--ls-radius);
	background: #060E09;
	isolation: isolate;
	transform: scale(1) translateY(0);
	transition: transform .7s var(--ls-transition),
	            box-shadow .7s var(--ls-transition);
	cursor: pointer;
	border: 1px solid rgba(212, 175, 55, .06);
}

/* Hover lift + gold shadow */
.live-stories-v2 .live-story__card:hover,
.live-stories-v2 .live-story__card:focus-within,
.live-stories-v2 .live-story__card.is-previewing {
	transform: scale(1) translateY(-5px);
	box-shadow:
		0 16px 48px rgba(0, 0, 0, .5),
		0 0 36px rgba(212, 175, 55, .06);
	border-color: rgba(212, 175, 55, .15);
}


/* ── Poster image ── */
.live-stories-v2 .live-story__poster {
	position: absolute;
	inset: 0;
	z-index: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center;
	filter: brightness(.85) saturate(1.1);
	transition: transform 1.2s var(--ls-transition),
	            filter 1.2s var(--ls-transition),
	            opacity .8s var(--ls-transition);
}

.live-stories-v2 .live-story__card:hover .live-story__poster,
.live-stories-v2 .live-story__card.is-previewing .live-story__poster {
	transform: scale(1.06);
	filter: brightness(.7) saturate(1.2);
}


/* ── Overlay gradient ── */
.live-stories-v2 .live-story__overlay {
	position: absolute;
	inset: 0;
	z-index: 2;
	background:
		linear-gradient(
			to top,
			rgba(7, 15, 11, .92) 0%,
			rgba(7, 15, 11, .5) 35%,
			rgba(7, 15, 11, .1) 60%,
			transparent 80%
		);
	pointer-events: none;
	transition: background .7s var(--ls-transition);
}

.live-stories-v2 .live-story__card:hover .live-story__overlay,
.live-stories-v2 .live-story__card.is-previewing .live-story__overlay {
	background:
		linear-gradient(
			to top,
			rgba(7, 15, 11, .95) 0%,
			rgba(7, 15, 11, .65) 30%,
			rgba(7, 15, 11, .3) 55%,
			rgba(7, 15, 11, .1) 80%
		);
}


/* ── Story number — top label ── */
.live-stories-v2 .live-story__number {
	position: absolute;
	top: 1.1rem;
	inset-inline-start: 1.1rem;
	z-index: 4;
	max-width: calc(100% - 2.2rem);
	font-family: var(--ff-body-en);
	font-size: .6rem;
	font-weight: 700;
	letter-spacing: .3em;
	text-transform: uppercase;
	color: var(--ls-gold);
	pointer-events: none;
	white-space: nowrap;
	opacity: .7;
	transition: opacity .5s var(--ls-transition);
}

body.ar .live-stories-v2 .live-story__number {
	font-family: 'IBM Plex Sans Arabic', var(--ff-body-ar), sans-serif;
	font-size: .7rem;
	letter-spacing: .14em;
	text-transform: none;
}

.live-stories-v2 .live-story__card:hover .live-story__number {
	opacity: 1;
}


/* ── Play button — glassmorphism pill ── */
.live-stories-v2 .live-story__watch {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 4;
	transform: translate(-50%, -42%) scale(.88);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	padding: .55rem 1.2rem;
	border: 1px solid rgba(212, 175, 55, .25);
	border-radius: 999px;
	background: rgba(7, 15, 11, .45);
	backdrop-filter: blur(12px) saturate(1.4);
	-webkit-backdrop-filter: blur(12px) saturate(1.4);
	color: var(--ls-paper);
	font-family: var(--ff-body-en);
	font-size: .6rem;
	font-weight: 600;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	white-space: nowrap;
	opacity: 0;
	pointer-events: none;
	box-shadow: 0 0 24px rgba(212, 175, 55, .06),
	            inset 0 0 16px rgba(212, 175, 55, .03);
	transition: opacity .6s var(--ls-transition),
	            transform .6s var(--ls-transition),
	            border-color .5s ease,
	            box-shadow .5s ease;
}

/* Play icon triangle */
.live-stories-v2 .live-story__watch::before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4.5px 0 4.5px 7px;
	border-color: transparent transparent transparent var(--ls-gold);
	flex-shrink: 0;
}

body.ar .live-stories-v2 .live-story__watch {
	font-family: 'IBM Plex Sans Arabic', var(--ff-body-ar), sans-serif;
	font-size: .72rem;
	font-weight: 500;
	letter-spacing: 2px;
	text-transform: none;
}

.live-stories-v2 .live-story__card:hover .live-story__watch,
.live-stories-v2 .live-story__card:focus-within .live-story__watch,
.live-stories-v2 .live-story__card.is-previewing .live-story__watch {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
	border-color: rgba(212, 175, 55, .5);
	box-shadow: 0 0 36px rgba(212, 175, 55, .1),
	            inset 0 0 20px rgba(212, 175, 55, .04);
}


/* ── Copy block — bottom aligned ── */
.live-stories-v2 .live-story__copy {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 4;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: .35rem;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 1.2rem 1.15rem;
	text-align: end;
	pointer-events: none;
	overflow: hidden;
	transform: translateY(3px);
	transition: transform .6s var(--ls-transition);
}

[dir="ltr"] .live-stories-v2 .live-story__copy {
	align-items: flex-start;
	text-align: start;
}

.live-stories-v2 .live-story__card:hover .live-story__copy {
	transform: translateY(0);
}


/* ── Story title ── */
.live-stories-v2 .live-story__title {
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Prata', var(--ff-display-en), serif;
	font-size: clamp(1rem, 1.4vw, 1.3rem);
	font-weight: 400;
	line-height: 1.35;
	color: #FFFFFF;
	text-shadow: 0 2px 16px rgba(0, 0, 0, .5);
	overflow-wrap: anywhere;
	word-break: break-word;
	hyphens: auto;
}

body.ar .live-stories-v2 .live-story__title {
	font-family: 'Amiri', serif;
	font-size: clamp(1.1rem, 1.6vw, 1.45rem);
	font-weight: 700;
}


/* ── Caption — reveals on hover ── */
.live-stories-v2 .live-story__caption {
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0;
	font-family: var(--ff-body-en);
	font-size: .8rem;
	font-style: italic;
	line-height: 1.55;
	color: rgba(245, 235, 214, .68);
	opacity: 0;
	transform: translateY(10px);
	overflow-wrap: anywhere;
	transition: opacity .5s var(--ls-transition),
	            transform .5s var(--ls-transition);
}

body.ar .live-stories-v2 .live-story__caption {
	font-family: 'IBM Plex Sans Arabic', var(--ff-body-ar), sans-serif;
	font-size: .84rem;
	font-style: normal;
}

.live-stories-v2 .live-story__card:hover .live-story__caption,
.live-stories-v2 .live-story__card:focus-within .live-story__caption,
.live-stories-v2 .live-story__card.is-previewing .live-story__caption {
	opacity: 1;
	transform: translateY(0);
}


/* ── Golden line accent at bottom of card ── */
.live-stories-v2 .live-story__card::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 5;
	height: 2px;
	background: linear-gradient(90deg, transparent 10%, var(--ls-gold) 50%, transparent 90%);
	opacity: 0;
	transition: opacity .6s var(--ls-transition);
}

.live-stories-v2 .live-story__card:hover::after,
.live-stories-v2 .live-story__card:focus-within::after {
	opacity: .5;
}


/* ── Preview / trigger ── */
.live-stories-v2 .live-story__preview {
	position: absolute;
	inset: 0;
	z-index: 1;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
	background: #060E09;
	transition: opacity .8s var(--ls-transition);
}

.live-stories-v2 .live-story__card.is-previewing .live-story__preview {
	opacity: 1;
}

.live-stories-v2 .live-story__card.is-previewing .live-story__poster {
	opacity: 0;
}

.live-stories-v2 .live-story__preview iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 177.78%;
	height: 100%;
	border: 0;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

/* Invisible trigger button */
section#preview-stories.live-stories.live-stories-v2 .live-story__trigger,
section#preview-stories.live-stories.live-stories-v2 .live-story__trigger:hover,
section#preview-stories.live-stories.live-stories-v2 .live-story__trigger:focus,
section#preview-stories.live-stories.live-stories-v2 .live-story__trigger:focus-visible {
	position: absolute;
	inset: 0;
	z-index: 6;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0 !important;
	border: none !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: transparent !important;
	font-size: 0;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
}

section#preview-stories.live-stories.live-stories-v2 .live-story__trigger:focus-visible {
	outline: 1px solid rgba(212, 175, 55, .5);
	outline-offset: -3px;
}


/* ── CTA link ── */
.live-stories-v2 .live-stories__cta {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: clamp(2rem, 4vw, 3rem);
	padding-top: .5rem;
	text-align: center;
}


/* ═══════════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════════ */

/* Tablet — 2 visible at a time */
@media (max-width: 1100px) {
	.ls-carousel__slide {
		flex: 0 0 calc(50% - .75rem);
		min-width: 260px;
	}

	.ls-carousel__arrow--prev { left: .5rem; }
	.ls-carousel__arrow--next { right: .5rem; }
	[dir="rtl"] .ls-carousel__arrow--prev { left: auto; right: .5rem; }
	[dir="rtl"] .ls-carousel__arrow--next { right: auto; left: .5rem; }

	/* Show dots on tablet */
	.ls-carousel__dots {
		display: flex;
	}
}

/* Mobile & small tablets — portrait reels layout, clean header separation */
@media (max-width: 768px) {
	section#preview-stories.live-stories.live-stories-v2 {
		padding-block: clamp(3rem, 8vw, 5rem);
		overflow: visible;
	}

	.live-stories-v2 .live-stories__container {
		display: flex !important;
		flex-direction: column;
		gap: clamp(2.75rem, 8vw, 3.5rem);
	}

	/* Stop AOS transforms from pulling slides under the header copy */
	section#preview-stories.live-stories.live-stories-v2[data-aos],
	section#preview-stories.live-stories.live-stories-v2 [data-aos] {
		transform: none !important;
		opacity: 1 !important;
	}

	section#preview-stories.live-stories.live-stories-v2 .live-stories__header {
		display: block !important;
		width: 100%;
		max-width: 44rem;
		margin: 0 auto !important;
		padding: 0 0 clamp(1.25rem, 3.5vw, 1.75rem);
		flex: none;
		height: auto !important;
		min-height: fit-content;
		position: relative;
		z-index: 5;
		isolation: isolate;
		background: var(--ls-bg, #070F0B);
		box-shadow: 0 18px 28px -10px var(--ls-bg, #070F0B);
	}

	section#preview-stories.live-stories.live-stories-v2 .live-stories__header::after {
		content: "";
		display: block;
		width: 100%;
		height: clamp(1.5rem, 5vw, 2.5rem);
	}

	body.ar .live-stories-v2 .live-stories__heading.section-heading {
		font-size: clamp(1.65rem, 5.5vw, 2.25rem);
		line-height: 1.35;
	}

	.live-stories-v2 .live-stories__heading.section-heading {
		font-size: clamp(1.5rem, 5vw, 2rem);
		margin: 0;
	}

	.live-stories-v2 .live-stories__rule {
		margin: 0 auto;
	}

	.live-stories-v2 .live-stories__lede {
		display: block;
		position: static;
		z-index: auto;
		margin: 0 auto clamp(1.5rem, 4vw, 2rem);
		padding-inline: .5rem;
		line-height: 1.65;
		color: rgba(245, 235, 214, .72);
	}

	body.ar .live-stories-v2 .live-stories__lede {
		font-size: clamp(.88rem, 3.6vw, .98rem);
	}

	.ls-carousel {
		position: relative;
		z-index: 1;
		margin: 0 auto !important;
		padding-top: 0;
		width: 100%;
		flex: 0 0 auto;
		clear: both;
		transform: none !important;
	}

	.ls-carousel__arrow {
		display: none !important;
	}

	.ls-carousel__dots {
		display: flex;
		margin-top: 1rem;
	}

	.ls-carousel__slide {
		flex: 0 0 100%;
		min-width: 0;
		max-width: min(100%, 24rem);
		margin-inline: auto;
		transform: none !important;
		opacity: 1 !important;
	}

	.ls-carousel__track {
		padding-block: 0 .25rem;
		gap: .75rem;
	}

	.live-stories-v2 .live-story__card {
		aspect-ratio: 4 / 5;
		max-height: min(72vh, 34rem);
		margin-inline: auto;
	}

	.live-stories-v2 .live-story__overlay {
		background: linear-gradient(
			to top,
			rgba(10, 31, 19, .95) 0%,
			rgba(10, 31, 19, .55) 35%,
			transparent 50%
		) !important;
	}

	.live-stories-v2 .live-story__card:hover,
	.live-stories-v2 .live-story__card:focus-within,
	.live-stories-v2 .live-story__card.is-previewing {
		transform: none;
		box-shadow: 0 16px 40px rgba(0, 0, 0, .4);
	}

	.live-stories-v2 .live-story__card:hover .live-story__overlay,
	.live-stories-v2 .live-story__card.is-previewing .live-story__overlay {
		background: linear-gradient(
			to top,
			rgba(10, 31, 19, .98) 0%,
			rgba(10, 31, 19, .6) 38%,
			transparent 52%
		) !important;
	}

	.live-stories-v2 .live-story__watch {
		display: none;
	}

	.live-stories-v2 .live-story__number {
		top: .85rem;
		inset-inline-start: .85rem;
		font-size: .58rem;
	}

	body.ar .live-stories-v2 .live-story__number {
		font-size: .66rem;
	}

	.live-stories-v2 .live-story__copy {
		transform: none;
		align-items: flex-end;
		padding: 1.15rem 1rem 1rem;
		gap: .4rem;
	}

	[dir="ltr"] .live-stories-v2 .live-story__copy {
		align-items: flex-start;
	}

	.live-stories-v2 .live-story__title {
		color: #FFFFFF;
		text-shadow: 0 2px 12px rgba(0, 0, 0, .65);
		font-size: clamp(1.05rem, 4.2vw, 1.25rem);
	}

	body.ar .live-stories-v2 .live-story__title {
		font-size: clamp(1.1rem, 4.5vw, 1.3rem);
	}

	.live-stories-v2 .live-story__caption {
		opacity: 1;
		transform: none;
		color: rgba(255, 255, 255, .82);
		font-size: .82rem;
		line-height: 1.5;
	}

	body.ar .live-stories-v2 .live-story__caption {
		font-size: .86rem;
	}

	.live-stories-v2 .live-story__card::after {
		opacity: .35;
	}

	.live-stories-v2 .live-stories__cta {
		margin-top: 1.5rem;
	}
}

/* Small phones — keep portrait reels ratio */
@media (max-width: 400px) {
	.live-stories-v2 .live-story__card {
		aspect-ratio: 9 / 16;
		max-height: min(74vh, 36rem);
	}
}


/* Touch devices */
@media (hover: none) {
	.live-stories-v2 .live-story__watch {
		opacity: .8;
		transform: translate(-50%, -50%) scale(1);
	}

	.live-stories-v2 .live-story__caption {
		opacity: .85;
		transform: translateY(0);
	}

	.live-stories-v2 .live-story__card::after {
		opacity: .25;
	}

	.live-stories-v2 .live-story__copy {
		transform: translateY(0);
	}
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
	.ls-carousel__track {
		scroll-behavior: auto;
	}

	.live-stories-v2 .live-story__card,
	.live-stories-v2 .live-story__poster,
	.live-stories-v2 .live-story__preview,
	.live-stories-v2 .live-story__watch,
	.live-stories-v2 .live-story__caption,
	.live-stories-v2 .live-story__copy,
	.live-stories-v2 .live-story__card::after,
	.ls-carousel__arrow,
	.ls-carousel__dot {
		transition: none;
	}

	.live-stories-v2 .live-story__card:hover,
	.live-stories-v2 .live-story__card:focus-within,
	.live-stories-v2 .live-story__card.is-previewing {
		transform: none;
	}

	.live-stories-v2 .live-story__card:hover .live-story__poster,
	.live-stories-v2 .live-story__card.is-previewing .live-story__poster {
		transform: none;
		opacity: 1;
	}
}

/* Video modal */
.story-video-modal[hidden] {
	display: none !important;
}

.story-video-modal.is-open {
	display: block !important;
	background-color: rgba(7, 15, 11, .92);
}

/* ── Desktop: hide arrows & dots when all 3 fit ── */
@media (min-width: 1101px) {
	.ls-carousel__arrow {
		display: none;
	}

	.ls-carousel__dots {
		display: none !important;
	}

	.ls-carousel__track {
		overflow: hidden;
	}
}


/* =============================================================================
 * GLOBAL PARTNERSHIP — Ultra-Luxury Agricultural Heritage Redesign
 * =========================================================================== */

section#partnership-cta.partnership-heritage {
	background: #0A1F13 !important;
	background-color: #0A1F13 !important;
	background-image: none !important;
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding-block: clamp(5rem, 10vw, 8.5rem);
	color: #FFFFFF;
}

/* Delete network map / tech graphics overlay */
.partnership-heritage .partnership-convert__map,
.partnership-heritage .partnership-cta__overlay {
	display: none !important;
}

/* Subtle organic texture overlay */
.partnership-heritage__overlay {
	position: absolute;
	inset: 0;
	z-index: 0;
	opacity: 0.04;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='1'/%3E%3C/svg%3E");
	background-size: 128px;
	pointer-events: none;
}

/* Inner Container */
.partnership-heritage__inner {
	position: relative;
	z-index: 2;
	max-width: 760px !important;
	margin-inline: auto !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

/* Eyebrow */
.partnership-heritage__eyebrow.eyebrow,
section#partnership-cta .partnership-heritage__eyebrow {
	display: inline-block;
	color: #D4AF37 !important;
	font-size: 0.78rem !important;
	font-weight: 700 !important;
	letter-spacing: 2px !important;
	text-transform: uppercase;
	margin-bottom: 1rem !important;
}

body.ar .partnership-heritage__eyebrow.eyebrow {
	font-family: 'IBM Plex Sans Arabic', sans-serif !important;
	font-size: 0.88rem !important;
	letter-spacing: 2px !important;
}

/* Main Heading */
.partnership-heritage__heading,
section#partnership-cta .partnership-heritage__heading {
	color: #FFFFFF !important;
	-webkit-text-fill-color: #FFFFFF !important;
	font-family: 'Amiri', serif !important;
	font-size: clamp(2.2rem, 4.5vw, 3.4rem) !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	margin-bottom: 1.25rem !important;
}

/* Subtle Gold Divider Rule */
.partnership-heritage__rule {
	display: block;
	width: 3.5rem;
	height: 1px;
	margin: 0 auto 1.5rem;
	background: linear-gradient(90deg, transparent, #D4AF37, transparent);
}

/* Subtext / Lede */
.partnership-heritage__lede,
section#partnership-cta .partnership-heritage__lede {
	color: rgba(255, 255, 255, 0.75) !important;
	font-size: clamp(1rem, 1.25vw, 1.12rem) !important;
	line-height: 1.6 !important;
	max-width: 700px !important;
	margin: 0 auto 2.5rem !important;
	text-align: center;
}

body.ar .partnership-heritage__lede {
	font-family: 'IBM Plex Sans Arabic', sans-serif !important;
}

/* Trust / Features Grid */
.partnership-heritage__trust {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 auto 3rem !important;
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 1.25rem 2.5rem !important;
	max-width: 650px !important;
	width: 100% !important;
	text-align: start !important;
}

.partnership-heritage__trust li {
	display: flex !important;
	align-items: center !important;
	gap: 0.75rem !important;
	color: rgba(245, 235, 214, 0.9) !important;
	font-size: 1rem !important;
	font-weight: 500 !important;
	padding: 0 !important;
}

body.ar .partnership-heritage__trust li {
	font-family: 'IBM Plex Sans Arabic', sans-serif !important;
}

.partnership-heritage__trust li::before {
	display: none !important;
}

/* Ultra-thin gold checkmark SVG */
.partnership-heritage__check {
	width: 1.25rem;
	height: 1.25rem;
	color: #D4AF37;
	flex-shrink: 0;
}

/* CTA Row */
.partnership-heritage__cta-row {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 1.25rem !important;
	width: 100% !important;
	margin-top: 0 !important;
}

/* Primary Button: Solid Gold with Dark Forest Text */
.partnership-heritage__btn-primary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0.9rem 2.2rem !important;
	background: #D4AF37 !important;
	color: #0A1F13 !important;
	font-weight: 700 !important;
	font-size: 0.95rem !important;
	border-radius: 4px !important;
	border: 1px solid #D4AF37 !important;
	text-decoration: none !important;
	cursor: pointer !important;
	transition: all 0.35s ease !important;
	box-shadow: 0 4px 20px rgba(212, 175, 55, 0.25) !important;
}

.partnership-heritage__btn-primary:hover {
	transform: translateY(-2px) !important;
	background: #E5C158 !important;
	border-color: #E5C158 !important;
	box-shadow: 0 6px 25px rgba(212, 175, 55, 0.4) !important;
	color: #0A1F13 !important;
}

body.ar .partnership-heritage__btn-primary {
	font-family: 'IBM Plex Sans Arabic', sans-serif !important;
}

/* Secondary Button: Transparent background with 1px gold border & text */
.partnership-heritage__btn-secondary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0.8rem 2.2rem !important;
	background: transparent !important;
	color: #D4AF37 !important;
	font-weight: 600 !important;
	font-size: 0.95rem !important;
	border-radius: 4px !important;
	border: 1px solid #D4AF37 !important;
	text-decoration: none !important;
	cursor: pointer !important;
	transition: all 0.35s ease !important;
}

.partnership-heritage__btn-secondary:hover {
	background: rgba(212, 175, 55, 0.15) !important;
	color: #FFFFFF !important;
	border-color: #D4AF37 !important;
	transform: translateY(-2px) !important;
}

body.ar .partnership-heritage__btn-secondary {
	font-family: 'IBM Plex Sans Arabic', sans-serif !important;
}

/* Responsive adjustments */
@media (max-width: 640px) {
	.partnership-heritage__trust {
		grid-template-columns: 1fr !important;
		gap: 1rem !important;
		max-width: 320px !important;
	}
}

@media (max-width: 768px) {
	section#partnership-cta .partnership-heritage__cta-row,
	section#partnership-cta .partnership-cta__row {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		justify-content: flex-start !important;
		gap: 16px !important;
		width: 90% !important;
		max-width: none !important;
		margin-top: 0 !important;
	}

	section#partnership-cta .partnership-heritage__btn-primary,
	section#partnership-cta .partnership-heritage__btn-secondary {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
		padding: 14px 24px !important;
		border-radius: 4px !important;
		font-size: 0.92rem !important;
		line-height: 1.25 !important;
		min-height: 48px !important;
		box-sizing: border-box !important;
		letter-spacing: 0.02em !important;
		text-transform: none !important;
	}

	section#partnership-cta .partnership-heritage__btn-primary {
		font-weight: 600 !important;
		box-shadow: 0 3px 16px rgba(212, 175, 55, 0.2) !important;
	}

	section#partnership-cta .partnership-heritage__btn-secondary {
		font-weight: 500 !important;
		border: 1px solid rgba(212, 175, 55, 0.6) !important;
		background: transparent !important;
	}

	body.ar section#partnership-cta .partnership-heritage__btn-primary,
	body.ar section#partnership-cta .partnership-heritage__btn-secondary {
		letter-spacing: 0 !important;
	}
}

/* =============================================================================
 * PAGE-HOME — divider spacing (loads last; beats section padding-block rules)
 * =========================================================================== */

body.page-home #main > .section-divider-ornament {
	margin-block: clamp(0.375rem, 1vw, 0.625rem) !important;
}

body.page-home #main > section:not(.hero-luxury):not(.hero-slider):has(+ .section-divider-ornament) {
	padding-bottom: clamp(0.5rem, 1vw, 0.75rem) !important;
}

body.page-home #main > .section-divider-ornament + section {
	margin-top: 0 !important;
	padding-top: clamp(0.5rem, 1vw, 0.75rem) !important;
}

body.page-home #main > .section-divider-ornament + section#harvest-calendar.harvest-calendar,
body.page-home #main > .section-divider-ornament + section#guardians-teaser.about-preview.guardians-teaser,
body.page-home #main > .section-divider-ornament + section#preview-stories.live-stories.live-stories-v2,
body.page-home #main > .section-divider-ornament + section#partnership-cta.partnership-heritage {
	padding-top: clamp(0.5rem, 1vw, 0.75rem) !important;
}

body.page-home #main > .section-divider-ornament + section#collection-preview.collection-catalog.section-luxury {
	padding-top: clamp(2.5rem, 5vw, 3.75rem) !important;
}

body.page-home #main > .section-divider-ornament + section#vineyards-teaser.vineyards-accordion-section {
	padding-top: clamp(2rem, 4vw, 3rem) !important;
}

body.page-home #main > section#vineyards-teaser.vineyards-accordion-section:has(+ .section-divider-ornament) {
	padding-bottom: clamp(2.5rem, 5vw, 4rem) !important;
}

body.page-home #main > section#collection-preview.collection-catalog.section-luxury:has(+ .section-divider-ornament) {
	padding-bottom: clamp(2.5rem, 5vw, 4rem) !important;
}

body.page-home #main > section#about-preview.about-preview:has(+ .section-divider-ornament),
body.page-home #main > section#harvest-calendar.harvest-calendar:has(+ .section-divider-ornament),
body.page-home #main > section#guardians-teaser.about-preview.guardians-teaser:has(+ .section-divider-ornament),
body.page-home #main > section#preview-stories.live-stories.live-stories-v2:has(+ .section-divider-ornament) {
	padding-bottom: clamp(0.5rem, 1vw, 0.75rem) !important;
}