:root {
	--vc-black: #050505;
	--vc-ink: #0d0b09;
	--vc-amber: #c77a25;
	--vc-gold: #d8b36a;
	--vc-soft-gold: #f0d79a;
	--vc-cream: #f5f1e8;
	--vc-muted: rgba(245, 241, 232, 0.68);
	--vc-line: rgba(216, 179, 106, 0.22);
}

.valenora-collection-page {
	background: var(--vc-black);
	color: var(--vc-cream);
	font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
	overflow: clip;
}

.valenora-collection-page *,
.valenora-collection-page *::before,
.valenora-collection-page *::after {
	box-sizing: border-box;
}

.valenora-collection-page a {
	color: inherit;
	text-decoration: none;
}

.vc-kicker {
	margin: 0 0 18px;
	color: var(--vc-gold);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

.vc-hero {
	position: relative;
	display: grid;
	align-items: center;
	min-height: 100vh;
	padding: clamp(88px, 10vh, 130px) clamp(22px, 7vw, 112px);
	isolation: isolate;
}

.vc-atmosphere {
	position: absolute;
	inset: 0;
	z-index: -1;
	overflow: hidden;
	background:
		radial-gradient(circle at 66% 46%, rgba(199, 122, 37, 0.3), transparent 31%),
		radial-gradient(circle at 18% 74%, rgba(216, 179, 106, 0.14), transparent 22%),
		linear-gradient(115deg, #050505 0%, #0e0907 48%, #030303 100%);
}

.vc-atmosphere::before {
	content: "";
	position: absolute;
	inset: -20%;
	background-image:
		linear-gradient(115deg, transparent 0 38%, rgba(255, 255, 255, 0.045) 42%, transparent 52%),
		linear-gradient(70deg, transparent 0 45%, rgba(199, 122, 37, 0.07) 52%, transparent 62%);
	filter: blur(34px);
	opacity: 0.55;
}

.vc-smoke,
.vc-particles {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.vc-smoke::before,
.vc-smoke::after {
	content: "";
	position: absolute;
	width: 56vw;
	height: 56vw;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(245, 241, 232, 0.1), transparent 62%);
	filter: blur(45px);
}

.vc-smoke-one::before {
	top: 6%;
	left: 44%;
}

.vc-smoke-one::after {
	top: 48%;
	left: 8%;
}

.vc-smoke-two::before {
	top: 34%;
	right: -14%;
}

.vc-particles {
	opacity: 0.28;
	background-image:
		radial-gradient(circle, rgba(240, 215, 154, 0.7) 0 1px, transparent 1.6px),
		radial-gradient(circle, rgba(255, 255, 255, 0.42) 0 1px, transparent 1.4px);
	background-position: 0 0, 38px 54px;
	background-size: 138px 138px, 172px 172px;
}

.vc-hero__copy {
	max-width: 1120px;
}

.vc-hero__title,
.vc-chapter__title,
.vc-empty h2 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: uppercase;
}

.vc-headline span {
	display: block;
}

.vc-hero__title {
	font-size: clamp(4.4rem, 11vw, 12.6rem);
	line-height: 0.82;
}

.vc-hero__intro {
	max-width: 650px;
	margin: 30px 0 0;
	color: var(--vc-muted);
	font-size: clamp(1.05rem, 1.45vw, 1.28rem);
	line-height: 1.75;
}

.vc-collection {
	background:
		radial-gradient(circle at 20% 0%, rgba(216, 179, 106, 0.1), transparent 22%),
		linear-gradient(180deg, #050505 0%, #0a0706 36%, #050505 100%);
}

.vc-fragrance-chapter {
	position: relative;
	display: grid;
	grid-template-columns: minmax(280px, 0.94fr) minmax(340px, 1.06fr);
	align-items: center;
	min-height: 100vh;
	padding: clamp(78px, 9vw, 132px) clamp(22px, 7vw, 112px);
	overflow: hidden;
	isolation: isolate;
}

.vc-fragrance-chapter:nth-child(even) {
	grid-template-columns: minmax(340px, 1.06fr) minmax(280px, 0.94fr);
}

.vc-fragrance-chapter:nth-child(even) .vc-chapter__copy {
	order: 2;
}

.vc-fragrance-chapter:nth-child(even) .vc-chapter__bottle {
	order: 1;
}

.vc-fragrance-chapter::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -2;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.035), transparent 24% 76%, rgba(255, 255, 255, 0.025)),
		linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 26%, rgba(0, 0, 0, 0.18));
	pointer-events: none;
}

.vc-chapter__glow {
	position: absolute;
	top: 50%;
	right: 8vw;
	z-index: -1;
	width: min(48vw, 680px);
	height: min(48vw, 680px);
	border-radius: 50%;
	background: radial-gradient(circle, rgba(216, 179, 106, 0.34), rgba(199, 122, 37, 0.1) 40%, transparent 66%);
	filter: blur(28px);
	transform: translateY(-50%);
}

.vc-fragrance-chapter:nth-child(even) .vc-chapter__glow {
	right: auto;
	left: 8vw;
}

.vc-chapter__copy {
	position: relative;
	z-index: 2;
	max-width: 720px;
}

.vc-chapter__title {
	max-width: 8ch;
	font-size: clamp(3.7rem, 9vw, 10.8rem);
	line-height: 0.82;
}

.vc-chapter__tagline {
	max-width: 550px;
	margin: 28px 0 0;
	color: var(--vc-muted);
	font-size: clamp(1rem, 1.34vw, 1.2rem);
	line-height: 1.75;
}

.vc-price {
	margin-top: 24px;
	color: var(--vc-soft-gold);
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(1.25rem, 1.9vw, 1.9rem);
}

.vc-price del {
	color: rgba(245, 241, 232, 0.45);
	margin-right: 0.45rem;
}

.vc-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	margin-top: 32px;
	padding: 0 30px;
	border: 1px solid var(--vc-gold);
	background: linear-gradient(135deg, #d8b36a, #9b5f1d);
	color: #080604;
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	transition: transform 220ms ease, filter 220ms ease, background 220ms ease;
}

.vc-button:hover,
.vc-button:focus-visible {
	filter: brightness(1.08);
	transform: translateY(-2px);
}

.vc-chapter__bottle {
	position: relative;
	display: grid;
	place-items: center;
	min-height: min(78vh, 860px);
	margin: 0;
}

.vc-chapter__bottle::before {
	content: "";
	position: absolute;
	width: min(42vw, 520px);
	height: min(42vw, 520px);
	border-radius: 50%;
	background: radial-gradient(circle, rgba(216, 179, 106, 0.38), transparent 62%);
	filter: blur(26px);
}

.vc-chapter__bottle img {
	position: relative;
	display: block;
	width: min(68vw, 620px);
	max-height: 82vh;
	object-fit: contain;
	filter: drop-shadow(0 34px 42px rgba(0, 0, 0, 0.72));
	animation: vc-bottle-float 5.8s ease-in-out infinite;
}

.vc-fragrance-chapter:nth-child(even) .vc-chapter__bottle img {
	animation-delay: -2.4s;
}

.vc-reveal,
.vc-chapter__bottle {
	will-change: transform, opacity;
}

.vc-empty {
	min-height: 70vh;
	padding: clamp(88px, 10vw, 150px) clamp(22px, 7vw, 112px);
	background:
		radial-gradient(circle at 50% 45%, rgba(216, 179, 106, 0.18), transparent 34%),
		#050505;
}

.vc-empty h1,
.vc-empty h2 {
	max-width: 980px;
	font-size: clamp(3rem, 8vw, 9rem);
	line-height: 0.88;
}

.valenora-collection-page .navigation.pagination {
	padding: 34px clamp(22px, 7vw, 112px) 70px;
	background: #050505;
	color: var(--vc-muted);
}

.valenora-collection-page .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
}

.valenora-collection-page .page-numbers {
	display: inline-flex;
	align-items: center;
	min-height: 42px;
	padding: 0 16px;
	border: 1px solid var(--vc-line);
	color: var(--vc-muted);
	font-size: 0.74rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.valenora-collection-page .page-numbers.current,
.valenora-collection-page .page-numbers:hover,
.valenora-collection-page .page-numbers:focus-visible {
	border-color: var(--vc-gold);
	color: var(--vc-cream);
}

@keyframes vc-bottle-float {
	0%,
	100% {
		transform: translateY(0) scale(1);
	}

	50% {
		transform: translateY(-18px) scale(1.012);
	}
}

@media (max-width: 1024px) {
	.vc-fragrance-chapter,
	.vc-fragrance-chapter:nth-child(even) {
		grid-template-columns: 1fr;
		align-content: center;
		gap: 18px;
	}

	.vc-fragrance-chapter:nth-child(even) .vc-chapter__copy,
	.vc-fragrance-chapter:nth-child(even) .vc-chapter__bottle {
		order: initial;
	}

	.vc-chapter__copy {
		z-index: 3;
	}

	.vc-chapter__bottle {
		min-height: 48vh;
		margin-top: -30px;
	}

	.vc-chapter__bottle img {
		width: min(68vw, 480px);
		max-height: 52vh;
	}

	.vc-chapter__glow,
	.vc-fragrance-chapter:nth-child(even) .vc-chapter__glow {
		top: 62%;
		right: 50%;
		left: auto;
		width: min(72vw, 560px);
		height: min(72vw, 560px);
		transform: translate(50%, -50%);
	}
}

@media (max-width: 720px) {
	.vc-hero {
		min-height: 100svh;
		padding: 82px 18px 40px;
	}

	.vc-hero__title {
		font-size: clamp(3.3rem, 16vw, 5.8rem);
	}

	.vc-hero__intro {
		max-width: 25rem;
	}

	.vc-fragrance-chapter {
		min-height: 100svh;
		padding: 76px 18px 42px;
	}

	.vc-chapter__title {
		font-size: clamp(3.15rem, 15.6vw, 5.4rem);
	}

	.vc-chapter__tagline {
		margin-top: 22px;
	}

	.vc-button {
		width: min(100%, 320px);
		padding-right: 20px;
		padding-left: 20px;
	}

	.vc-chapter__bottle {
		min-height: 42vh;
		margin-top: -16px;
	}

	.vc-chapter__bottle img {
		width: min(88vw, 390px);
		max-height: 46vh;
	}
}

.vc-hero__title,
.vc-chapter__title,
.vc-headline {
    color: #F5F1E8 !important;
}

@media (prefers-reduced-motion: reduce) {
	.valenora-collection-page *,
	.valenora-collection-page *::before,
	.valenora-collection-page *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}