/**
 * Best Rugs in Delhi — enhanced CRO landing (full-width, motion, editorial layout).
 *
 * @package Woodmart Child
 */

/* Brand primary — scoped to this landing page only */
body.resha-landing-delhi {
	--resha-primary: #0d0625;
	--resha-primary-rgb: 13, 6, 37;
	--resha-primary-deep: #070218;
	--resha-primary-soft: #1f1048;
	--wd-primary-color: #0d0625;
	/* Hero CTAs — champagne / antique gold */
	--resha-gold-bright: #edd9a8;
	--resha-gold: #c9a962;
	--resha-gold-mid: #b8923f;
	--resha-gold-deep: #8a6520;
	--resha-gold-text: #1a1309;
}

body.resha-landing-delhi .resha-landing-section-title,
body.resha-landing-delhi .resha-landing-product-marquee__title,
body.resha-landing-delhi .resha-landing-heritage__step-title,
body.resha-landing-delhi .resha-landing-product-marquee__caption {
	color: var(--resha-primary);
}

body.resha-landing-delhi #resha-landing-main {
	background-color: #faf9fc;
}

/* In-page anchors: offset for sticky header */
body.resha-landing-delhi #resha-landing-hero,
body.resha-landing-delhi #resha-landing-latest,
body.resha-landing-delhi #resha-landing-heritage,
body.resha-landing-delhi #resha-landing-pillars,
body.resha-landing-delhi #resha-landing-heritage-video,
body.resha-landing-delhi #resha-landing-heritage-step-1,
body.resha-landing-delhi #resha-landing-heritage-step-2,
body.resha-landing-delhi #resha-landing-heritage-step-3,
body.resha-landing-delhi #resha-landing-heritage-step-4,
body.resha-landing-delhi #resha-landing-support {
	scroll-margin-top: clamp(4.25rem, 10vh, 6.5rem);
}

html.resha-landing-delhi-html {
	scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
	html.resha-landing-delhi-html {
		scroll-behavior: auto;
	}
}

/* --- Sticky in-page nav --- */
.resha-landing-subnav {
	position: sticky;
	top: 0;
	z-index: 35;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.65rem clamp(1rem, 3vw, 2rem);
	margin: 0;
	background: rgba(250, 249, 252, 0.94);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	border-bottom: 1px solid rgba(var(--resha-primary-rgb), 0.07);
	box-shadow: 0 6px 28px rgba(var(--resha-primary-rgb), 0.06);
}

.resha-landing-subnav__link {
	display: inline-flex;
	align-items: center;
	padding: 0.38rem 0.95rem;
	font-family: var(--wd-title-font, sans-serif);
	font-size: 0.78rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--resha-primary);
	border-radius: 999px;
	border: 1px solid rgba(var(--resha-primary-rgb), 0.12);
	background: rgba(255, 255, 255, 0.65);
	transition:
		background 0.2s ease,
		border-color 0.2s ease,
		color 0.2s ease,
		box-shadow 0.2s ease;
}

.resha-landing-subnav__link:hover,
.resha-landing-subnav__link:focus-visible {
	color: var(--resha-gold-deep);
	border-color: rgba(201, 169, 98, 0.55);
	box-shadow: 0 4px 18px rgba(201, 169, 98, 0.18);
	outline: none;
}

.resha-landing-subnav__link:focus-visible {
	box-shadow: 0 0 0 2px rgba(201, 169, 98, 0.45);
}

/* WoodMart `main.wd-content-layout.container` caps width — we swap to container-fluid in PHP; strip side padding */
body.resha-landing-delhi--full main.wd-content-layout.container-fluid {
	max-width: none !important;
	width: 100% !important;
	padding: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

body.resha-landing-delhi--full main.wd-content-layout {
	padding-block: 0 !important;
}

body.resha-landing-delhi--full .wd-page-content.main-page-wrapper {
	max-width: none !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

body.resha-landing-delhi--full .wd-page-title.page-title {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	min-height: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
}

body.resha-landing-delhi--full .wd-content-area.site-content {
	max-width: none !important;
	width: 100% !important;
	padding: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body.resha-landing-delhi--full .resha-landing-delhi-wrap {
	max-width: none !important;
	width: 100% !important;
	flex: 1 1 100% !important;
	padding: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

body.resha-landing-delhi--full .wd-main-wrap,
body.resha-landing-delhi--full .website-wrapper {
	max-width: none !important;
}

body.resha-landing-delhi--full #resha-landing-main {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

body.resha-landing-delhi--full .wd-prefooter {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

body.resha-landing-delhi--full footer.wd-footer.resha-custom-footer {
	margin-top: 0 !important;
}

body.resha-landing-delhi--full .wd-page-wrapper {
	overflow-x: clip;
	max-width: none !important;
}

body.resha-landing-delhi--full #resha-landing-main,
body.resha-landing-delhi--full .resha-landing-delhi {
	width: 100%;
	max-width: none;
}

.resha-landing-container {
	width: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: clamp(1.25rem, 5vw, 4rem);
	padding-right: clamp(1.25rem, 5vw, 4rem);
	box-sizing: border-box;
}

body.resha-landing-delhi--full .resha-landing-header__inner {
	max-width: none;
	width: 100%;
	padding-left: clamp(1.25rem, 5vw, 4rem);
	padding-right: clamp(1.25rem, 5vw, 4rem);
}

/* --- Scroll reveal --- */
.resha-reveal {
	opacity: 0;
	transform: translate3d(0, 36px, 0);
	transition:
		opacity 0.85s cubic-bezier(0.22, 1, 0.36, 1),
		transform 0.85s cubic-bezier(0.22, 1, 0.36, 1);
	will-change: opacity, transform;
}

.resha-reveal.is-visible {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

/* --- Minimal landing header --- */
.resha-landing-header {
	background: rgba(255, 255, 255, 0.92);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border-bottom: 1px solid var(--brdcolor-gray-200, rgba(0, 0, 0, 0.075));
	box-shadow: 0 8px 32px rgba(var(--resha-primary-rgb), 0.07);
}

.resha-landing-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 1rem;
	max-width: min(94vw, 1580px);
	margin: 0 auto;
	padding: 0.75rem clamp(1rem, 3vw, 2rem);
}

.resha-landing-header__logo img {
	display: block;
	max-height: 44px;
	width: auto;
}

.resha-landing-header__nav {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-wrap: wrap;
}

.resha-landing-header__link {
	font-family: var(--wd-header-el-font, var(--wd-title-font, sans-serif));
	font-weight: 600;
	font-size: 14px;
	text-transform: capitalize;
	color: var(--wd-primary-color);
	text-decoration: none;
	transition: color 0.2s ease;
}

.resha-landing-header__link:hover {
	color: var(--wd-link-color-hover, rgb(225, 188, 146));
}

.resha-landing-header__link--cta {
	padding: 0.4em 1em;
	border-radius: var(--wd-brd-radius, 20px);
	border: 1px solid var(--brdcolor-gray-300, rgba(0, 0, 0, 0.105));
	box-shadow: 0 2px 12px rgba(var(--resha-primary-rgb), 0.06);
}

.resha-landing-header__contact {
	font-family: var(--wd-text-font, sans-serif);
	font-size: 14px;
}

.resha-landing-header__phone {
	color: var(--wd-primary-color);
	text-decoration: none;
	white-space: nowrap;
	font-weight: 600;
	transition: color 0.2s ease;
}

.resha-landing-header__phone:hover {
	color: var(--wd-link-color-hover, rgb(225, 188, 146));
}

/* --- Page typography --- */
.resha-landing-delhi {
	font-family: var(--wd-text-font, sans-serif);
	color: var(--wd-text-color, #767676);
}

.resha-landing-section-eyebrow {
	font-family: var(--wd-title-font, sans-serif);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 0.85rem;
	color: var(--wd-alternative-color, rgb(225, 188, 146));
}

.resha-landing-section-eyebrow--light {
	color: rgba(255, 255, 255, 0.55);
}

.resha-landing-section-title {
	font-family: var(--wd-title-font, sans-serif);
	font-weight: 600;
	color: var(--wd-title-color, #242424);
	font-size: clamp(1.65rem, 3.5vw, 2.35rem);
	margin: 0 0 0.85rem;
	line-height: 1.18;
	text-align: center;
	text-wrap: balance;
}

.resha-landing-section-lead {
	max-width: 46rem;
	margin: 0 auto 2.25rem;
	text-align: center;
	font-size: clamp(1rem, 1.35vw, 1.12rem);
	line-height: 1.75;
	color: var(--wd-text-color, #767676);
}

/* --- Hero --- */
.resha-landing-hero {
	position: relative;
	width: 100%;
	min-height: clamp(460px, 78vh, 720px);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	padding-bottom: env(safe-area-inset-bottom, 0);
	background:
		radial-gradient(ellipse 120% 80% at 50% 100%, rgba(var(--resha-primary-rgb), 0.95) 0%, transparent 55%),
		linear-gradient(155deg, var(--resha-primary-deep) 0%, var(--resha-primary) 42%, var(--resha-primary-soft) 100%);
}

@media (max-width: 540px) {
	.resha-landing-hero {
		min-height: clamp(380px, 70svh, 640px);
		align-items: center;
	}
}

.resha-landing-hero__marquee-parallax {
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
	will-change: transform;
}

.resha-landing-hero__mesh {
	position: absolute;
	inset: -40% -20%;
	opacity: 0.55;
	background:
		radial-gradient(circle at 20% 30%, rgba(225, 188, 146, 0.35) 0%, transparent 42%),
		radial-gradient(circle at 80% 20%, rgba(147, 112, 219, 0.18) 0%, transparent 45%),
		radial-gradient(circle at 50% 90%, rgba(225, 188, 146, 0.12) 0%, transparent 40%);
	animation: reshaMeshFlow 30s ease-in-out infinite alternate;
	animation-duration: 30s;
	transition: animation-duration 1.2s ease;
	pointer-events: none;
	z-index: 1;
}

@media (hover: hover) {
	.resha-landing-hero:hover .resha-landing-hero__mesh {
		animation-duration: 52s;
	}
}

@keyframes reshaMeshFlow {
	0% {
		transform: translate3d(0, 0, 0) scale(1);
		opacity: 0.5;
	}
	100% {
		transform: translate3d(-3%, 2%, 0) scale(1.06);
		opacity: 0.65;
	}
}

.resha-landing-hero__grain {
	position: absolute;
	inset: 0;
	opacity: 0.07;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
	pointer-events: none;
	z-index: 2;
	mix-blend-mode: overlay;
}

/* Hero background: duplicated-strip CSS marquee (-webkit + inline durations from PHP) */
.resha-landing-hero__marquee-bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	display: flex;
	flex-direction: column;
	gap: 3px;
	background: var(--resha-primary);
	overflow: hidden;
}

.resha-landing-hero__marquee-row {
	flex: 1;
	min-height: 0;
	overflow: hidden;
	display: flex;
	align-items: stretch;
	mask-image: linear-gradient(to right, transparent, #000 5%, #000 95%, transparent);
	-webkit-mask-image: linear-gradient(to right, transparent, #000 5%, #000 95%, transparent);
}

@-webkit-keyframes reshaLandingStripMarquee {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0);
	}
}

@keyframes reshaLandingStripMarquee {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(-50%, 0, 0);
	}
}

.resha-landing-hero__marquee-track {
	display: flex;
	align-items: stretch;
	gap: 3px;
	height: 100%;
	width: max-content;
	will-change: transform;
	backface-visibility: hidden;
 transform: translate3d(0, 0, 0);
	-webkit-animation-name: reshaLandingStripMarquee;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 84s;
	animation-name: reshaLandingStripMarquee;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-duration: 84s;
}

.resha-landing-hero__marquee-row--reverse .resha-landing-hero__marquee-track {
	-webkit-animation-direction: reverse;
	animation-direction: reverse;
}

.resha-landing-hero__marquee-row:hover .resha-landing-hero__marquee-track {
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}

.resha-landing-hero__marquee-img {
	flex: 0 0 auto;
	width: clamp(130px, 22vw, 280px);
	height: 100%;
	object-fit: cover;
	display: block;
	pointer-events: none;
	user-select: none;
}

.resha-landing-hero__overlay {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse 120% 85% at 50% 38%, rgba(0, 0, 0, 0.28) 0%, transparent 62%),
		radial-gradient(ellipse 70% 55% at 50% 55%, rgba(var(--resha-primary-rgb), 0.48) 0%, transparent 72%),
		linear-gradient(
			180deg,
			rgba(var(--resha-primary-rgb), 0.74) 0%,
			rgba(var(--resha-primary-rgb), 0.63) 42%,
			rgba(var(--resha-primary-rgb), 0.88) 100%
		);
	z-index: 3;
}

.resha-landing-hero__spotlight {
	position: absolute;
	inset: 0;
	z-index: 3;
	pointer-events: none;
	background:
		radial-gradient(ellipse 78% 62% at 50% 44%, rgba(0, 0, 0, 0.38) 0%, transparent 70%),
		radial-gradient(ellipse 55% 45% at 50% 48%, rgba(var(--resha-primary-rgb), 0.22) 0%, transparent 72%);
}

body.resha-landing-delhi #resha-landing-hero .resha-landing-hero__content {
	position: relative;
	z-index: 4;
	width: 100%;
	max-width: min(44rem, 100%);
	min-width: 0;
	margin-left: auto;
	margin-right: auto;
	padding: clamp(2rem, 5vw, 3.35rem) clamp(1.35rem, 4.5vw, 2.75rem);
	box-sizing: border-box;
	overflow-x: clip;
	text-align: center;
	color: #fff;
	background: rgba(var(--resha-primary-rgb), 0.44);
	border-radius: calc(var(--wd-brd-radius, 20px) + 12px);
	border: 1px solid rgba(255, 255, 255, 0.14);
	box-shadow:
		0 24px 72px rgba(0, 0, 0, 0.48),
		inset 0 1px 0 rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(11px);
	-webkit-backdrop-filter: blur(11px);
	animation: reshaHeroPanelIn 0.95s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@media (min-width: 900px) {
	body.resha-landing-delhi #resha-landing-hero .resha-landing-hero__content {
		max-width: min(50rem, 100%);
	}
}

@keyframes reshaHeroPanelIn {
	from {
		opacity: 0;
		transform: translate3d(0, 18px, 0) scale(0.988);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0) scale(1);
	}
}

body.resha-landing-delhi #resha-landing-hero .resha-landing-hero__eyebrow {
	display: inline-block;
	margin: 0 auto 1.25rem;
	padding: 0.5rem 1.25rem;
	font-family: var(--wd-title-font, sans-serif);
	font-size: 0.74rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #fff;
	background: rgba(0, 0, 0, 0.42);
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: 999px;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.85);
	animation: reshaFadeDown 0.95s cubic-bezier(0.22, 1, 0.36, 1) 0.14s both;
}

body.resha-landing-delhi #resha-landing-hero .resha-landing-hero__title {
	font-family: var(--wd-title-font, sans-serif);
	font-weight: 700;
	font-size: clamp(1.85rem, 4.25vw, 2.95rem);
	line-height: 1.16;
	margin: 0 0 1.15rem;
	max-width: 100%;
	text-wrap: balance;
	color: #fff;
	text-shadow:
		0 1px 0 rgba(0, 0, 0, 0.45),
		0 2px 16px rgba(0, 0, 0, 0.85),
		0 0 3px rgba(0, 0, 0, 0.95),
		0 12px 48px rgba(0, 0, 0, 0.55);
}

/* Solid gold first — gradient clip layered where supported (parent text-shadow breaks transparent-fill text). */
body.resha-landing-delhi .resha-landing-hero__title-accent {
	display: inline;
	font-weight: 800;
	color: var(--resha-gold-bright);
	text-shadow: none;
	background: none;
	filter: none;
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
	body.resha-landing-delhi .resha-landing-hero__title-accent {
		background-image: linear-gradient(
			145deg,
			#fff4dc 0%,
			var(--resha-gold-bright) 18%,
			var(--resha-gold) 52%,
			var(--resha-gold-mid) 100%
		);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
		-webkit-text-fill-color: transparent;
	}
}

body.resha-landing-delhi #resha-landing-hero .resha-landing-hero__title-line {
	display: block;
	max-width: 100%;
	animation: reshaHeroLineIn 0.85s cubic-bezier(0.22, 1, 0.36, 1) both;
}

body.resha-landing-delhi #resha-landing-hero .resha-landing-hero__title-line--1 {
	animation-delay: 0.24s;
}

body.resha-landing-delhi #resha-landing-hero .resha-landing-hero__title-line--2 {
	animation-delay: 0.38s;
}

@keyframes reshaHeroLineIn {
	from {
		opacity: 0;
		transform: translate3d(0, 16px, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

body.resha-landing-delhi #resha-landing-hero .resha-landing-hero__sub {
	margin: 0 auto 1.85rem;
	max-width: 38rem;
	font-size: clamp(1.05rem, 2vw, 1.22rem);
	line-height: 1.68;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.98);
	text-shadow:
		0 1px 2px rgba(0, 0, 0, 0.9),
		0 3px 22px rgba(0, 0, 0, 0.65);
	animation: reshaFadeDown 0.95s cubic-bezier(0.22, 1, 0.36, 1) 0.5s both;
}

body.resha-landing-delhi #resha-landing-hero .resha-landing-hero__cta {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: center;
	align-items: center;
	animation: reshaFadeDown 0.95s cubic-bezier(0.22, 1, 0.36, 1) 0.62s both;
}

body.resha-landing-delhi #resha-landing-hero .resha-landing-hero__trust {
	list-style: none;
	margin: 1.5rem 0 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 0.5rem 0.75rem;
	animation: reshaFadeDown 0.95s cubic-bezier(0.22, 1, 0.36, 1) 0.74s both;
}

.resha-landing-hero__trust-item {
	display: inline-flex;
	align-items: center;
	padding: 0.35rem 0.85rem;
	margin: 0;
	font-family: var(--wd-title-font, sans-serif);
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.92);
	background: rgba(0, 0, 0, 0.28);
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 999px;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);
}

@keyframes reshaFadeDown {
	from {
		opacity: 0;
		transform: translate3d(0, 24px, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

.resha-landing-hero__cta .resha-landing-btn[data-magnetic] {
	--mag-x: 0px;
	--mag-y: 0px;
	--lift-y: 0px;
	transform: translate3d(var(--mag-x), calc(var(--mag-y) + var(--lift-y)), 0);
}

.resha-landing-btn--primary.btn-style-default.btn-color-primary {
	background: linear-gradient(
		145deg,
		var(--resha-gold-bright) 0%,
		var(--resha-gold) 42%,
		var(--resha-gold-mid) 72%,
		var(--resha-gold-deep) 100%
	);
	color: var(--resha-gold-text);
	border-radius: var(--wd-brd-radius, 20px);
	padding: 0.95rem 1.85rem;
	font-weight: 700;
	text-transform: capitalize;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35);
	box-shadow:
		0 12px 36px rgba(0, 0, 0, 0.38),
		0 0 0 1px rgba(212, 175, 55, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.42);
	border: 1px solid rgba(255, 248, 232, 0.55);
	transition:
		transform 0.25s ease,
		box-shadow 0.25s ease,
		filter 0.25s ease;
}

.resha-landing-hero__cta .resha-landing-btn--primary:hover,
.resha-landing-hero__cta .resha-landing-btn--primary:focus-visible {
	--lift-y: -2px;
}

.resha-landing-hero__cta .resha-landing-btn--ghost:hover,
.resha-landing-hero__cta .resha-landing-btn--ghost:focus-visible {
	--lift-y: -2px;
}

.resha-landing-btn--primary:hover {
	box-shadow:
		0 18px 48px rgba(0, 0, 0, 0.38),
		0 0 28px rgba(201, 169, 98, 0.35),
		inset 0 1px 0 rgba(255, 255, 255, 0.5);
	filter: brightness(1.05);
}

.resha-landing-btn--primary:hover:not([data-magnetic]) {
	transform: translateY(-2px);
}

.resha-landing-hero__cta .resha-landing-btn[data-magnetic]:hover,
.resha-landing-hero__cta .resha-landing-btn[data-magnetic]:focus-visible {
	transform: translate3d(var(--mag-x), calc(var(--mag-y) + var(--lift-y)), 0);
}

.resha-landing-btn--primary:active:not([data-magnetic]) {
	transform: translateY(0);
}

.resha-landing-hero__cta .resha-landing-btn[data-magnetic]:active {
	--lift-y: 0px;
	transform: translate3d(var(--mag-x), var(--mag-y), 0);
}

.resha-landing-btn--ghost.btn-style-bordered {
	border: 2px solid rgba(237, 217, 168, 0.78);
	color: #fffaf0;
	background: rgba(13, 6, 37, 0.42);
	border-radius: var(--wd-brd-radius, 20px);
	padding: 0.95rem 1.85rem;
	font-weight: 700;
	text-shadow:
		0 1px 3px rgba(0, 0, 0, 0.85),
		0 0 20px rgba(201, 169, 98, 0.15);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	box-shadow:
		0 10px 32px rgba(0, 0, 0, 0.35),
		0 0 24px rgba(201, 169, 98, 0.12);
	transition:
		border-color 0.25s ease,
		background 0.25s ease,
		transform 0.25s ease,
		box-shadow 0.25s ease;
}

.resha-landing-btn--ghost.btn-style-bordered:hover {
	border-color: var(--resha-gold-bright);
	color: #fffef8;
	background: rgba(201, 169, 98, 0.14);
	box-shadow:
		0 14px 40px rgba(0, 0, 0, 0.38),
		0 0 32px rgba(237, 217, 168, 0.22);
}

.resha-landing-btn--ghost.btn-style-bordered:hover:not([data-magnetic]) {
	transform: translateY(-2px);
}

.resha-landing-hero__cta .resha-landing-btn:focus-visible {
	outline: 2px solid rgba(237, 217, 168, 0.75);
	outline-offset: 3px;
}

.resha-landing-hero__scroll {
	position: absolute;
	bottom: max(1rem, env(safe-area-inset-bottom));
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.55rem;
	opacity: 0.82;
	pointer-events: none;
}

.resha-landing-hero__scroll-label {
	font-family: var(--wd-title-font, sans-serif);
	font-size: 0.62rem;
	font-weight: 700;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.55);
	animation: reshaScrollLabelFade 3s ease-in-out infinite;
}

@keyframes reshaScrollLabelFade {
	0%,
	100% {
		opacity: 0.45;
	}
	50% {
		opacity: 1;
	}
}

.resha-landing-hero__scroll-track {
	position: relative;
	display: block;
	width: 10px;
	height: 52px;
}

.resha-landing-hero__scroll-line {
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	width: 1px;
	transform: translateX(-50%);
	background: linear-gradient(
		to bottom,
		rgba(225, 188, 146, 0.15),
		rgba(225, 188, 146, 0.55) 45%,
		rgba(225, 188, 146, 0.15)
	);
	border-radius: 2px;
	opacity: 0.85;
}

.resha-landing-hero__scroll-dot {
	position: absolute;
	left: 50%;
	top: 4px;
	width: 6px;
	height: 6px;
	margin-left: -3px;
	border-radius: 50%;
	background: radial-gradient(circle at 30% 25%, #fff6e8 0%, var(--resha-gold) 55%, var(--resha-gold-deep) 100%);
	box-shadow: 0 0 12px rgba(237, 217, 168, 0.55);
	animation: reshaScrollDotTravel 2.4s ease-in-out infinite;
}

@keyframes reshaScrollDotTravel {
	0% {
		transform: translate3d(0, 0, 0);
		opacity: 0.25;
	}
	15% {
		opacity: 1;
	}
	85% {
		opacity: 1;
	}
	100% {
		transform: translate3d(0, 38px, 0);
		opacity: 0.2;
	}
}

/* --- Product marquee (latest in-stock products, section 2) --- */
.resha-landing-product-marquee {
	position: relative;
	z-index: 0;
	isolation: isolate;
	padding: clamp(3rem, 7vw, 5rem) 0 clamp(2.75rem, 5.5vw, 4.5rem);
	background:
		radial-gradient(ellipse 125% 85% at 50% -35%, rgba(201, 169, 98, 0.14) 0%, transparent 58%),
		linear-gradient(185deg, rgba(var(--resha-primary-rgb), 0.055) 0%, transparent 46%),
		linear-gradient(178deg, #f1ecf7 0%, #ffffff 52%, #faf9fc 100%);
	overflow: hidden;
	border-top: 1px solid rgba(var(--resha-primary-rgb), 0.065);
	border-bottom: 1px solid rgba(var(--resha-primary-rgb), 0.065);
	width: 100%;
}

.resha-landing-product-marquee::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: min(560px, 78%);
	height: 1px;
	background: linear-gradient(
		90deg,
		transparent,
		rgba(201, 169, 98, 0.15) 18%,
		rgba(201, 169, 98, 0.65) 50%,
		rgba(201, 169, 98, 0.15) 82%,
		transparent
	);
	opacity: 0.95;
	pointer-events: none;
	z-index: 0;
}

.resha-landing-product-marquee__head {
	position: relative;
	z-index: 1;
	text-align: center;
	max-width: min(42rem, 100%);
	margin: 0 auto clamp(2.15rem, 4.25vw, 3.1rem);
	padding: 0 clamp(0.75rem, 3vw, 1.5rem);
}

.resha-landing-product-marquee__eyebrow {
	display: block;
	font-family: var(--wd-title-font, sans-serif);
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	margin: 0 0 1rem;
	color: var(--resha-gold-mid, rgb(184, 146, 63));
	line-height: 1.45;
}

.resha-landing-product-marquee__eyebrow::after {
	content: '';
	display: block;
	width: 3rem;
	height: 1px;
	margin: 0.85rem auto 0;
	background: linear-gradient(90deg, transparent, rgba(201, 169, 98, 0.85), transparent);
	opacity: 0.9;
}

.resha-landing-product-marquee__title {
	font-family: var(--wd-title-font, sans-serif);
	font-weight: 700;
	font-size: clamp(1.52rem, 3.05vw, 2.08rem);
	margin: 0 0 1.15rem;
	padding: 0;
	color: var(--wd-title-color, #242424);
	line-height: 1.15;
	letter-spacing: -0.024em;
	text-wrap: balance;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.85);
}

.resha-landing-product-marquee__stock-tag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0.48rem 1.35rem;
	font-family: var(--wd-title-font, sans-serif);
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--resha-gold-deep);
	line-height: 1.35;
	border-radius: 999px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(248, 246, 252, 0.98) 100%);
	border: 1px solid rgba(201, 169, 98, 0.42);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.95) inset,
		0 14px 34px rgba(var(--resha-primary-rgb), 0.07),
		0 0 0 1px rgba(255, 255, 255, 0.55) inset;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.resha-landing-product-marquee__viewport {
	position: relative;
	z-index: 1;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0.5rem 0 0.25rem;
	mask-image: linear-gradient(to right, transparent, #000 5%, #000 95%, transparent);
	-webkit-mask-image: linear-gradient(to right, transparent, #000 5%, #000 95%, transparent);
}

.resha-landing-product-marquee__track {
	display: flex;
	gap: clamp(0.95rem, 2.35vw, 1.55rem);
	width: max-content;
	will-change: transform;
	backface-visibility: hidden;
	transform: translate3d(0, 0, 0);
	-webkit-animation-name: reshaLandingStripMarquee;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 48s;
	animation-name: reshaLandingStripMarquee;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-duration: 48s;
}

.resha-landing-product-marquee:hover .resha-landing-product-marquee__track {
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}

/* JS: drag + swipe + auto-scroll (see landing-best-rugs-delhi.js) */
.resha-landing-product-marquee--scroll .resha-landing-product-marquee__viewport {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-x: contain;
	touch-action: pan-x;
	padding: 0.65rem 0 clamp(1rem, 2.75vw, 1.65rem);
	cursor: grab;
	scrollbar-width: thin;
	scrollbar-color: rgba(var(--resha-primary-rgb), 0.32) rgba(var(--resha-primary-rgb), 0.05);
}

.resha-landing-product-marquee--scroll .resha-landing-product-marquee__viewport.is-grabbing {
	cursor: grabbing;
	user-select: none;
}

.resha-landing-product-marquee--scroll .resha-landing-product-marquee__viewport::-webkit-scrollbar {
	height: 8px;
}

.resha-landing-product-marquee--scroll .resha-landing-product-marquee__viewport::-webkit-scrollbar-track {
	background: rgba(var(--resha-primary-rgb), 0.06);
	border-radius: 999px;
}

.resha-landing-product-marquee--scroll .resha-landing-product-marquee__viewport::-webkit-scrollbar-thumb {
	background: rgba(var(--resha-primary-rgb), 0.22);
	border-radius: 999px;
}

.resha-landing-product-marquee--scroll .resha-landing-product-marquee__track {
	animation: none !important;
	-webkit-animation: none !important;
	will-change: auto;
	transform: none;
}

.resha-landing-product-marquee--scroll:hover .resha-landing-product-marquee__track {
	animation: none !important;
	-webkit-animation: none !important;
}

.resha-landing-product-marquee__tile {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	width: clamp(150px, 15vw, 240px);
	text-decoration: none;
	color: inherit;
	border-radius: calc(var(--wd-brd-radius, 20px) + 6px);
	overflow: hidden;
	background: #fff;
	box-shadow:
		0 22px 52px rgba(var(--resha-primary-rgb), 0.085),
		0 4px 12px rgba(var(--resha-primary-rgb), 0.045),
		0 0 0 1px rgba(var(--resha-primary-rgb), 0.055),
		0 0 0 1px rgba(255, 255, 255, 0.65) inset;
	transition:
		transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
		box-shadow 0.45s ease;
}

.resha-landing-product-marquee__tile:hover {
	transform: translateY(-8px);
	box-shadow:
		0 32px 68px rgba(var(--resha-primary-rgb), 0.13),
		0 14px 28px rgba(201, 169, 98, 0.1),
		0 0 0 1px rgba(201, 169, 98, 0.18),
		0 0 0 1px rgba(255, 255, 255, 0.78) inset;
}

.resha-landing-product-marquee__tile:focus-visible {
	outline: none;
	transform: translateY(-4px);
	box-shadow:
		0 26px 58px rgba(var(--resha-primary-rgb), 0.14),
		0 0 0 3px rgba(201, 169, 98, 0.42),
		0 0 0 1px rgba(255, 255, 255, 0.75) inset;
}

.resha-landing-product-marquee__media {
	display: block;
	position: relative;
	aspect-ratio: 4 / 5;
	overflow: hidden;
	background:
		radial-gradient(ellipse 90% 70% at 50% 100%, rgba(var(--resha-primary-rgb), 0.08) 0%, transparent 55%),
		linear-gradient(155deg, #eeeaef 0%, #e3dde8 100%);
}

.resha-landing-product-marquee__media::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(
		to top,
		rgba(var(--resha-primary-rgb), 0.26) 0%,
		rgba(var(--resha-primary-rgb), 0.05) 38%,
		transparent 62%
	);
	opacity: 0.5;
	pointer-events: none;
	transition: opacity 0.45s ease;
}

.resha-landing-product-marquee__tile:hover .resha-landing-product-marquee__media::after {
	opacity: 0.28;
}

.resha-landing-product-marquee__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.resha-landing-product-marquee__tile:hover .resha-landing-product-marquee__media img {
	transform: scale(1.045);
}

.resha-landing-product-marquee__caption {
	display: block;
	padding: 0.88rem 1rem 1.05rem;
	font-family: var(--wd-title-font, sans-serif);
	font-size: 0.74rem;
	font-weight: 700;
	line-height: 1.42;
	letter-spacing: 0.055em;
	text-transform: uppercase;
	color: var(--wd-title-color, #242424);
	text-align: center;
	border-top: 1px solid rgba(var(--resha-primary-rgb), 0.07);
	background: linear-gradient(180deg, rgba(var(--resha-primary-rgb), 0.035) 0%, #ffffff 55%);
}

.resha-landing-product-marquee__note {
	text-align: center;
	font-size: 0.8125rem;
	font-weight: 500;
	letter-spacing: 0.03em;
	color: rgba(var(--resha-primary-rgb), 0.52);
	margin: clamp(2.35rem, 4vw, 3.35rem) auto 0;
	padding: 0 clamp(1rem, 4vw, 2rem);
	max-width: min(34rem, 100%);
	line-height: 1.65;
	position: relative;
	z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
	.resha-landing-product-marquee__tile:hover {
		transform: none;
	}

	.resha-landing-product-marquee__tile:focus-visible {
		transform: none;
	}

	.resha-landing-product-marquee__tile:hover .resha-landing-product-marquee__media img {
		transform: none;
	}
}

body.resha-landing-delhi .resha-landing-product-marquee .resha-landing-product-marquee__caption {
	color: rgba(var(--resha-primary-rgb), 0.9);
}

/* --- Heritage --- */
.resha-landing-heritage {
	position: relative;
	padding: clamp(3rem, 7vw, 5.5rem) 0;
	background:
		radial-gradient(ellipse 70% 50% at 100% 20%, rgba(225, 188, 146, 0.12) 0%, transparent 50%),
		linear-gradient(200deg, rgba(var(--resha-primary-rgb), 0.05) 0%, transparent 48%),
		linear-gradient(185deg, #f6f4f8 0%, #ffffff 55%, #faf8fb 100%);
	overflow: hidden;
}

.resha-landing-heritage__video {
	max-width: min(92vw, 960px);
	margin: 0 auto 3rem;
}

.resha-landing-heritage__embed {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	border-radius: calc(var(--wd-brd-radius, 16px) + 8px);
	box-shadow:
		0 28px 70px rgba(var(--resha-primary-rgb), 0.18),
		0 0 0 1px rgba(255, 255, 255, 0.15) inset;
	background: #111;
}

.resha-landing-heritage__embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: inherit;
}

.resha-landing-heritage__steps {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 1.5rem;
	list-style: none;
	margin: 0;
	padding: 0;
	counter-reset: heritage;
}

.resha-landing-heritage__step {
	position: relative;
	padding: 2rem 1.5rem 1.75rem;
	background: rgba(255, 255, 255, 0.88);
	backdrop-filter: blur(10px);
	border-radius: calc(var(--wd-brd-radius, 16px) + 8px);
	border: 1px solid rgba(var(--resha-primary-rgb), 0.07);
	box-shadow: 0 16px 44px rgba(var(--resha-primary-rgb), 0.08);
	transition:
		transform 0.35s ease,
		box-shadow 0.35s ease;
	overflow: hidden;
}

.resha-landing-heritage__step:hover {
	transform: translateY(-6px);
	box-shadow: 0 24px 52px rgba(var(--resha-primary-rgb), 0.12);
}

.resha-landing-heritage__step:target {
	box-shadow:
		0 24px 52px rgba(var(--resha-primary-rgb), 0.14),
		0 0 0 2px rgba(201, 169, 98, 0.45);
}

.resha-landing-heritage__num,
.resha-landing-heritage__num--link {
	position: absolute;
	top: 1rem;
	right: 1rem;
	z-index: 2;
	font-family: var(--wd-title-font, sans-serif);
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1;
	user-select: none;
}

.resha-landing-heritage__num--link {
	text-decoration: none;
	cursor: pointer;
	border-radius: 12px;
	padding: 0.1rem 0.15rem;
	margin: -0.1rem -0.15rem;
	transition:
		transform 0.25s ease,
		filter 0.25s ease;
}

.resha-landing-heritage__num--link:hover,
.resha-landing-heritage__num--link:focus-visible {
	transform: scale(1.06);
	filter: drop-shadow(0 4px 14px rgba(201, 169, 98, 0.35));
	outline: none;
}

.resha-landing-heritage__num--link:focus-visible {
	box-shadow: 0 0 0 2px rgba(201, 169, 98, 0.55);
}

.resha-landing-heritage__num-inner {
	display: block;
	background: linear-gradient(
		165deg,
		var(--resha-gold-bright) 0%,
		var(--resha-gold) 45%,
		var(--resha-gold-deep) 100%
	);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	opacity: 0.92;
}

.resha-landing-heritage__num--link:hover .resha-landing-heritage__num-inner,
.resha-landing-heritage__num--link:focus-visible .resha-landing-heritage__num-inner {
	opacity: 1;
}

.resha-landing-heritage__glyph {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	margin-bottom: 1rem;
	border-radius: 16px;
	background: linear-gradient(
		145deg,
		var(--resha-primary) 0%,
		var(--resha-primary-soft) 100%
	);
	color: var(--wd-alternative-color, rgb(225, 188, 146));
	box-shadow: 0 12px 28px rgba(var(--resha-primary-rgb), 0.2);
}

.resha-landing-heritage__step-title {
	font-family: var(--wd-title-font, sans-serif);
	font-size: 1.08rem;
	font-weight: 600;
	margin: 0 0 0.55rem;
	color: var(--resha-primary);
}

.resha-landing-heritage__step p {
	margin: 0;
	font-size: 0.96rem;
	line-height: 1.62;
	color: var(--wd-text-color, #767676);
}

/* --- Brand pillars (after Craft / heritage) --- */
.resha-landing-pillars {
	position: relative;
	padding: clamp(3.25rem, 8vw, 5.85rem) 0;
	overflow: hidden;
	background:
		radial-gradient(ellipse 90% 70% at 50% 120%, rgba(225, 188, 146, 0.09) 0%, transparent 52%),
		linear-gradient(168deg, #070218 0%, var(--resha-primary-deep) 38%, var(--resha-primary) 68%, #11082c 100%);
	color: rgba(255, 255, 255, 0.94);
	border-top: 1px solid rgba(255, 255, 255, 0.06);
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.resha-landing-pillars__ambient {
	position: absolute;
	inset: -35% -12%;
	pointer-events: none;
	background:
		radial-gradient(ellipse 58% 48% at 18% 32%, rgba(225, 188, 146, 0.24) 0%, transparent 54%),
		radial-gradient(ellipse 52% 42% at 85% 68%, rgba(147, 112, 219, 0.15) 0%, transparent 50%);
	opacity: 0.88;
	animation: reshaPillarsAmbient 20s ease-in-out infinite alternate;
}

@keyframes reshaPillarsAmbient {
	0% {
		transform: translate3d(0, 0, 0) scale(1);
		opacity: 0.78;
	}
	100% {
		transform: translate3d(-2.5%, 2%, 0) scale(1.06);
		opacity: 0.98;
	}
}

.resha-landing-pillars__mesh {
	position: absolute;
	inset: 0;
	opacity: 0.045;
	pointer-events: none;
	mix-blend-mode: overlay;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E");
}

.resha-landing-pillars .resha-landing-container {
	position: relative;
	z-index: 1;
}

.resha-landing-pillars__intro {
	text-align: center;
	max-width: min(46rem, 100%);
	margin: 0 auto clamp(2.35rem, 5vw, 3.65rem);
	padding: 0 clamp(0.25rem, 2vw, 1rem);
}

.resha-landing-pillars__eyebrow {
	font-family: var(--wd-title-font, sans-serif);
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.26em;
	text-transform: uppercase;
	margin: 0 0 1rem;
	color: rgba(237, 217, 168, 0.92);
	line-height: 1.45;
}

.resha-landing-pillars__title {
	font-family: var(--wd-title-font, sans-serif);
	font-weight: 600;
	font-size: clamp(1.62rem, 3.75vw, 2.38rem);
	line-height: 1.18;
	margin: 0 0 1.1rem;
	padding: 0;
	color: #fff;
	text-wrap: balance;
	text-shadow:
		0 2px 20px rgba(0, 0, 0, 0.35),
		0 1px 0 rgba(0, 0, 0, 0.2);
}

.resha-landing-pillars__lead {
	margin: 0;
	font-size: clamp(1rem, 1.45vw, 1.14rem);
	line-height: 1.78;
	color: rgba(255, 255, 255, 0.76);
	font-weight: 400;
}

.resha-landing-pillars__grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(1.15rem, 2.8vw, 1.85rem);
	align-items: stretch;
}

@media (max-width: 920px) {
	.resha-landing-pillars__grid {
		grid-template-columns: 1fr;
		max-width: 26rem;
		margin-inline: auto;
	}
}

.resha-landing-pillars__card {
	margin: 0;
	opacity: 0;
	transform: translate3d(0, 34px, 0);
	transition:
		opacity 0.88s cubic-bezier(0.22, 1, 0.36, 1),
		transform 0.88s cubic-bezier(0.22, 1, 0.36, 1);
}

.resha-landing-pillars.is-visible .resha-landing-pillars__card {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.resha-landing-pillars.is-visible .resha-landing-pillars__card:nth-child(1) {
	transition-delay: 0.1s;
}

.resha-landing-pillars.is-visible .resha-landing-pillars__card:nth-child(2) {
	transition-delay: 0.22s;
}

.resha-landing-pillars.is-visible .resha-landing-pillars__card:nth-child(3) {
	transition-delay: 0.34s;
}

.resha-landing-pillars__card-inner {
	height: 100%;
	display: flex;
	flex-direction: column;
	padding: clamp(1.65rem, 3.2vw, 2.2rem);
	border-radius: calc(var(--wd-brd-radius, 18px) + 10px);
	background: rgba(255, 255, 255, 0.055);
	border: 1px solid rgba(255, 255, 255, 0.13);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	box-shadow:
		0 22px 56px rgba(0, 0, 0, 0.38),
		inset 0 1px 0 rgba(255, 255, 255, 0.09);
	transition:
		transform 0.42s cubic-bezier(0.22, 1, 0.36, 1),
		box-shadow 0.42s ease,
		border-color 0.38s ease,
		background 0.38s ease;
	position: relative;
	overflow: hidden;
}

.resha-landing-pillars__card-inner::before {
	content: '';
	position: absolute;
	top: 0;
	left: 10%;
	right: 10%;
	height: 2px;
	border-radius: 2px;
	background: linear-gradient(
		90deg,
		transparent,
		rgba(237, 217, 168, 0.25),
		var(--resha-gold),
		rgba(237, 217, 168, 0.25),
		transparent
	);
	opacity: 0.85;
	transform: scaleX(0.45);
	transform-origin: center;
	transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.resha-landing-pillars__card:hover .resha-landing-pillars__card-inner::before {
	transform: scaleX(1);
}

.resha-landing-pillars__card:hover .resha-landing-pillars__card-inner {
	transform: translateY(-8px);
	border-color: rgba(237, 217, 168, 0.35);
	background: rgba(255, 255, 255, 0.095);
	box-shadow:
		0 30px 72px rgba(0, 0, 0, 0.45),
		inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.resha-landing-pillars__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.5rem;
	height: 3.5rem;
	margin-bottom: 1.2rem;
	border-radius: 1.15rem;
	background: linear-gradient(
		148deg,
		rgba(237, 217, 168, 0.28) 0%,
		rgba(201, 169, 98, 0.12) 100%
	);
	color: var(--resha-gold-bright);
	box-shadow: 0 14px 36px rgba(0, 0, 0, 0.28);
	transition:
		transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
		color 0.35s ease,
		box-shadow 0.35s ease;
}

.resha-landing-pillars__card:hover .resha-landing-pillars__icon {
	transform: scale(1.06);
	color: #fff8ea;
	box-shadow: 0 18px 44px rgba(201, 169, 98, 0.18);
}

.resha-landing-pillars__card-title {
	font-family: var(--wd-title-font, sans-serif);
	font-size: 1.14rem;
	font-weight: 600;
	margin: 0 0 0.65rem;
	color: #fff;
	line-height: 1.28;
}

.resha-landing-pillars__card-text {
	margin: 0;
	font-size: 0.95rem;
	line-height: 1.72;
	color: rgba(255, 255, 255, 0.74);
	flex-grow: 1;
}

@media (prefers-reduced-motion: reduce) {
	.resha-landing-pillars__ambient {
		animation: none;
		opacity: 0.85;
		transform: none;
	}

	.resha-landing-pillars__card {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.resha-landing-pillars__card-inner::before {
		transform: scaleX(1);
	}

	.resha-landing-pillars__card:hover .resha-landing-pillars__card-inner {
		transform: none;
	}
}

/* --- Risk & FAQ --- */
.resha-landing-risk {
	position: relative;
	padding: clamp(3rem, 7vw, 5rem) 0 clamp(4rem, 9vw, 6rem);
	background:
		radial-gradient(ellipse 60% 80% at 10% 90%, rgba(225, 188, 146, 0.12) 0%, transparent 45%),
		var(--resha-primary);
	color: rgba(255, 255, 255, 0.92);
	overflow: hidden;
}

.resha-landing-risk::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: radial-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px);
	background-size: 28px 28px;
	opacity: 0.6;
	pointer-events: none;
}

.resha-landing-risk .resha-landing-container {
	position: relative;
	z-index: 1;
}

.resha-landing-risk .resha-landing-section-title {
	color: #fff;
	text-shadow: 0 4px 28px rgba(0, 0, 0, 0.25);
}

.resha-landing-risk .resha-landing-section-lead {
	color: rgba(255, 255, 255, 0.78);
}

.resha-landing-risk__support {
	text-align: center;
	max-width: 42rem;
	margin: 0 auto 2.25rem;
	line-height: 1.72;
	font-size: 1.06rem;
	color: rgba(255, 255, 255, 0.88);
}

.resha-landing-risk__support a {
	color: var(--wd-alternative-color, rgb(225, 188, 146));
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 4px;
	transition: filter 0.2s ease;
}

.resha-landing-risk__support a:hover {
	filter: brightness(1.12);
}

.resha-landing-risk__icons {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	gap: 1.25rem;
	margin-bottom: 2.75rem;
}

.resha-landing-risk__icon-item {
	padding: 1.35rem 1.4rem;
	background: rgba(255, 255, 255, 0.07);
	border-radius: calc(var(--wd-brd-radius, 14px) + 4px);
	border: 1px solid rgba(255, 255, 255, 0.14);
	backdrop-filter: blur(8px);
	transition:
		transform 0.3s ease,
		background 0.3s ease;
}

.resha-landing-risk__icon-item:hover {
	transform: translateY(-4px);
	background: rgba(255, 255, 255, 0.11);
}

.resha-landing-risk__icon-label {
	display: block;
	font-family: var(--wd-title-font, sans-serif);
	font-weight: 600;
	font-size: 1.05rem;
	margin-bottom: 0.45rem;
	color: #fff;
}

.resha-landing-risk__icon-item p {
	margin: 0;
	font-size: 0.93rem;
	line-height: 1.55;
	opacity: 0.9;
}

.resha-landing-faq {
	max-width: 44rem;
	margin: 0 auto 2.25rem;
}

.resha-landing-faq__item {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: calc(var(--wd-brd-radius, 12px) + 4px);
	margin-bottom: 0.75rem;
	padding: 0 1.15rem;
	backdrop-filter: blur(6px);
	transition: background 0.25s ease;
}

.resha-landing-faq__item[open] {
	background: rgba(255, 255, 255, 0.1);
}

.resha-landing-faq__item summary {
	cursor: pointer;
	padding: 1.05rem 2rem 1.05rem 0;
	font-weight: 600;
	font-family: var(--wd-title-font, sans-serif);
	list-style: none;
	position: relative;
	font-size: 1rem;
}

.resha-landing-faq__item summary::after {
	content: "+";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.35rem;
	font-weight: 400;
	color: var(--wd-alternative-color, rgb(225, 188, 146));
	transition: transform 0.35s ease;
	line-height: 1;
}

.resha-landing-faq__item[open] summary::after {
	transform: translateY(-50%) rotate(45deg);
}

.resha-landing-faq__item summary::-webkit-details-marker {
	display: none;
}

.resha-landing-faq__answer {
	padding-bottom: 1.05rem;
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	font-size: 0.96rem;
	line-height: 1.68;
	color: rgba(255, 255, 255, 0.88);
}

.resha-landing-faq__answer p {
	margin: 0.9rem 0 0;
}

.resha-landing-risk__policies {
	text-align: center;
	font-size: 0.93rem;
	margin: 0 0 2.25rem;
	opacity: 0.82;
	line-height: 1.65;
}

.resha-landing-risk__policies a {
	color: var(--wd-alternative-color, rgb(225, 188, 146));
	font-weight: 600;
}

.resha-landing-risk__cta {
	text-align: center;
}

.resha-landing-risk__cta .btn-color-primary {
	background: linear-gradient(
		135deg,
		var(--wd-alternative-color, rgb(225, 188, 146)) 0%,
		rgb(238, 212, 175) 100%
	);
	color: var(--wd-primary-color);
	border-radius: var(--wd-brd-radius, 20px);
	padding: 1rem 2rem;
	font-weight: 700;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.25);
	border: none;
	transition:
		transform 0.25s ease,
		box-shadow 0.25s ease;
}

.resha-landing-risk__cta .btn-color-primary:hover {
	transform: translateY(-3px);
	box-shadow: 0 22px 48px rgba(0, 0, 0, 0.32);
	color: var(--wd-primary-color);
}

@media (max-width: 600px) {
	.resha-landing-header__inner {
		justify-content: center;
		text-align: center;
	}

	.resha-landing-header__contact {
		width: 100%;
	}

	.resha-landing-hero__scroll {
		display: none;
	}
}

/* --- Floating WhatsApp (Delhi landing FAB) ---
   WoodMart `.scrollToTop`: fixed right 20px bottom 20px, 50×50px (40px ≤1024px), z-index: 350.
   WhatsApp sits above it. Desktop: hover expands to pill + label; idle pulse on icon; ripples + prefill URL in PHP. */
body.resha-landing-delhi .resha-landing-wa-fab {
	position: fixed;
	z-index: 340;
	right: max(20px, env(safe-area-inset-right, 0px));
	bottom: calc(20px + 50px + 14px + env(safe-area-inset-bottom, 0px));
	left: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.625rem;
	height: 3.625rem;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.42);
	border-radius: 50%;
	cursor: pointer;
	isolation: isolate;
	text-decoration: none;
	color: #fff;
	background: linear-gradient(152deg, #3fea8f 0%, #25d366 42%, #128c7e 100%);
	box-shadow:
		0 4px 16px rgba(18, 140, 126, 0.38),
		0 16px 38px rgba(37, 211, 102, 0.28),
		inset 0 1px 0 rgba(255, 255, 255, 0.32),
		0 0 0 1px rgba(0, 0, 0, 0.08) inset;
	transition:
		width 0.42s cubic-bezier(0.22, 1, 0.36, 1),
		border-radius 0.38s ease,
		transform 0.32s cubic-bezier(0.22, 1, 0.36, 1),
		box-shadow 0.32s ease,
		filter 0.32s ease,
		padding 0.38s ease;
}

body.resha-landing-delhi .resha-landing-wa-fab:hover {
	transform: translateY(-4px);
	box-shadow:
		0 10px 28px rgba(18, 140, 126, 0.45),
		0 22px 52px rgba(37, 211, 102, 0.36),
		inset 0 1px 0 rgba(255, 255, 255, 0.38),
		0 0 0 1px rgba(0, 0, 0, 0.06) inset;
	filter: brightness(1.05);
}

@media (hover: hover) and (min-width: 769px) {
	body.resha-landing-delhi .resha-landing-wa-fab:hover {
		width: 13.5rem;
		justify-content: flex-start;
		padding: 0 1rem 0 0;
		border-radius: 999px;
	}

	body.resha-landing-delhi .resha-landing-wa-fab:hover .resha-landing-wa-fab__label {
		opacity: 1;
		max-width: 9rem;
		margin-inline-end: 0;
	}
}

body.resha-landing-delhi .resha-landing-wa-fab:active {
	transform: translateY(-2px);
}

body.resha-landing-delhi .resha-landing-wa-fab:focus-visible {
	outline: 3px solid rgba(255, 255, 255, 0.65);
	outline-offset: 4px;
}

@media (min-width: 769px) {
	body.resha-landing-delhi .resha-landing-wa-fab:focus-visible {
		width: 13.5rem;
		justify-content: flex-start;
		padding: 0 1rem 0 0;
		border-radius: 999px;
		transform: translateY(-4px);
		box-shadow:
			0 10px 28px rgba(18, 140, 126, 0.45),
			0 22px 52px rgba(37, 211, 102, 0.36),
			inset 0 1px 0 rgba(255, 255, 255, 0.38),
			0 0 0 1px rgba(0, 0, 0, 0.06) inset;
		filter: brightness(1.05);
	}

	body.resha-landing-delhi .resha-landing-wa-fab:focus-visible .resha-landing-wa-fab__label {
		opacity: 1;
		max-width: 9rem;
	}
}

body.resha-landing-delhi .resha-landing-wa-fab__rings {
	position: absolute;
	inset: 0;
	pointer-events: none;
	border-radius: inherit;
}

body.resha-landing-delhi .resha-landing-wa-fab__rings::before,
body.resha-landing-delhi .resha-landing-wa-fab__rings::after {
	content: '';
	position: absolute;
	inset: -5px;
	border-radius: inherit;
	border: 2px solid rgba(37, 211, 102, 0.48);
	animation: reshaWaRipple 2.75s cubic-bezier(0.22, 1, 0.36, 1) infinite;
}

body.resha-landing-delhi .resha-landing-wa-fab__rings::after {
	animation-delay: 1.35s;
}

@keyframes reshaWaRipple {
	0% {
		transform: scale(1);
		opacity: 0.52;
	}
	70% {
		opacity: 0.06;
	}
	100% {
		transform: scale(1.58);
		opacity: 0;
	}
}

@keyframes reshaWaIdlePulse {
	0%,
	100% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.07);
	}
}

body.resha-landing-delhi .resha-landing-wa-fab__icon-wrap {
	position: relative;
	z-index: 1;
	flex: 0 0 3.625rem;
	width: 3.625rem;
	height: 3.625rem;
	display: grid;
	place-items: center;
	filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25));
	animation: reshaWaIdlePulse 3s ease-in-out infinite;
}

body.resha-landing-delhi .resha-landing-wa-fab__icon {
	display: block;
	width: 1.65rem;
	height: 1.65rem;
}

body.resha-landing-delhi .resha-landing-wa-fab__label {
	position: relative;
	z-index: 1;
	flex: 1 1 auto;
	margin: 0;
	padding: 0;
	font-family: var(--wd-title-font, sans-serif);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.96);
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
	opacity: 0;
	max-width: 0;
	overflow: hidden;
	white-space: nowrap;
	transition:
		opacity 0.35s ease,
		max-width 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

@media (max-width: 768px) {
	body.resha-landing-delhi .resha-landing-wa-fab__label {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
		opacity: 0;
		max-width: none;
	}
}

@media (max-width: 1024px) {
	body.resha-landing-delhi .resha-landing-wa-fab {
		right: max(12px, env(safe-area-inset-right, 0px));
		bottom: calc(12px + 40px + 12px + env(safe-area-inset-bottom, 0px));
	}
}

@media (prefers-reduced-motion: reduce) {
	body.resha-landing-delhi .resha-landing-wa-fab__rings::before,
	body.resha-landing-delhi .resha-landing-wa-fab__rings::after {
		animation: none;
		opacity: 0;
	}

	body.resha-landing-delhi .resha-landing-wa-fab__icon-wrap {
		animation: none;
	}

	body.resha-landing-delhi .resha-landing-wa-fab:hover,
	body.resha-landing-delhi .resha-landing-wa-fab:focus-visible {
		transform: none;
		filter: none;
		width: 3.625rem;
		padding: 0;
		border-radius: 50%;
	}

	body.resha-landing-delhi .resha-landing-wa-fab:focus-visible .resha-landing-wa-fab__label {
		opacity: 0;
		max-width: 0;
	}
}

@media (max-width: 380px) {
	body.resha-landing-delhi .resha-landing-wa-fab {
		width: 3.35rem;
		height: 3.35rem;
	}

	body.resha-landing-delhi .resha-landing-wa-fab__icon-wrap {
		flex-basis: 3.35rem;
		width: 3.35rem;
		height: 3.35rem;
	}
}

/*
 * Delhi landing only: keep marquee strips + scroll reveals + hero CSS animations even when
 * prefers-reduced-motion is set (explicit scope — does not affect the rest of the site).
 */
body.resha-landing-delhi .resha-landing-hero__marquee-track,
body.resha-landing-delhi .resha-landing-product-marquee:not(.resha-landing-product-marquee--scroll) .resha-landing-product-marquee__track {
	-webkit-animation-name: reshaLandingStripMarquee !important;
	animation-name: reshaLandingStripMarquee !important;
	-webkit-animation-timing-function: linear !important;
	animation-timing-function: linear !important;
	-webkit-animation-iteration-count: infinite !important;
	animation-iteration-count: infinite !important;
}

body.resha-landing-delhi .resha-reveal {
	transition:
		opacity 0.85s cubic-bezier(0.22, 1, 0.36, 1),
		transform 0.85s cubic-bezier(0.22, 1, 0.36, 1) !important;
}