/* ============================================================
   Vedivar — Homepage Stylesheet
   Loaded only on front-page.php.
   All section styles are scoped to avoid leaking into other pages.

   Section order:
   1.  Page-level
   2.  Hero
   3.  Trust bar
   4.  Collections grid
   5.  Best sellers
   6.  Brand story
   7.  Featured product spotlight
   8.  Why choose us
   9.  Gifting occasions
   10. Customer reviews
   11. Instagram / UGC
   12. FAQ accordion
   13. Newsletter
   14. Responsive breakpoints (≤1024 / ≤768 / ≤480 / ≤390)
   ============================================================ */

/* ─────────────────────────────────────────────────────────────
   1. PAGE-LEVEL
   ───────────────────────────────────────────────────────────── */

.vedivar-homepage-main { overflow-x: hidden; }

/* Shared section shell */
.vedivar-home-section {
	padding-block: var(--space-20);
}

.vedivar-home-section--alt  { background: var(--color-beige); }
.vedivar-home-section--dark {
	background: var(--color-charcoal);
	color: var(--color-ivory);
}
.vedivar-home-section--maroon {
	background: var(--color-maroon-dark);
	color: var(--color-ivory);
}

/* Shared section header (centred) */
.vedivar-section-header {
	text-align: center;
	margin-bottom: var(--space-10);
}

.vedivar-section-header .vedivar-eyebrow { margin-bottom: var(--space-2); }

.vedivar-section-header__title {
	font-family: var(--font-cormorant);
	font-size: clamp(26px, 3.5vw, 38px);
	font-weight: 400;
	color: var(--color-charcoal);
	letter-spacing: -0.01em;
	line-height: 1.2;
	margin: 0 0 var(--space-3);
}

.vedivar-home-section--dark  .vedivar-section-header__title,
.vedivar-home-section--maroon .vedivar-section-header__title { color: var(--color-ivory); }

.vedivar-section-header__rule {
	width: 64px;
	margin-inline: auto;
	margin-block: var(--space-4);
}

.vedivar-section-header__desc {
	font-family: var(--font-inter);
	font-size: var(--text-body);
	font-weight: 300;
	color: var(--color-sandalwood);
	max-width: 560px;
	margin-inline: auto;
	line-height: 1.75;
}

/* ─────────────────────────────────────────────────────────────
   2. HERO
   ───────────────────────────────────────────────────────────── */

.vedivar-hero {
	position: relative;
	width: 100%;
	min-height: 100svh;
	display: flex;
	align-items: center;
	background-color: var(--color-charcoal); /* solid fallback when no image */
	overflow: hidden;
}

/* Hero background image — absolute positioned <img> for proper LCP scoring */
.vedivar-hero__bg-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	z-index: 0;
	display: block;
}

.vedivar-hero__bg-placeholder {
	position: absolute;
	inset: 0;
	background: var(--color-charcoal);
	z-index: 0;
}

.vedivar-hero__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		to right,
		rgba(42, 36, 32, 0.82) 0%,
		rgba(42, 36, 32, 0.55) 50%,
		rgba(42, 36, 32, 0.2)  100%
	);
	z-index: 1;
}

.vedivar-hero__inner {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: var(--container-max);
	margin-inline: auto;
	padding-inline: var(--container-pad);
	padding-block: var(--space-24);
}

.vedivar-hero__content {
	max-width: 600px;
}

.vedivar-hero__eyebrow {
	font-family: var(--font-inter);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--color-gold);
	margin: 0 0 var(--space-5);
	display: block;
}

.vedivar-hero__heading {
	font-family: var(--font-cormorant);
	font-size: clamp(40px, 6vw, 72px);
	font-weight: 300;
	color: var(--color-ivory);
	line-height: 1.08;
	letter-spacing: -0.02em;
	margin: 0 0 var(--space-4);
}

.vedivar-hero__rule {
	width: 80px;
	margin: 0 0 var(--space-5);
}

.vedivar-hero__sub {
	font-family: var(--font-inter);
	font-size: 15px;
	font-weight: 300;
	color: rgba(248, 244, 237, 0.75);
	line-height: 1.75;
	max-width: 480px;
	margin: 0 0 var(--space-8);
}

.vedivar-hero__ctas {
	display: flex;
	gap: var(--space-4);
	flex-wrap: wrap;
}

.vedivar-hero__cta {
	padding: 15px 32px;
	font-size: 11px;
	letter-spacing: 0.1em;
}

/* Ghost-light variant for hero dark background */
.vedivar-btn--ghost-light {
	background: transparent;
	color: var(--color-ivory);
	border: 1px solid rgba(248, 244, 237, 0.45);
}
.vedivar-btn--ghost-light:hover {
	border-color: var(--color-gold);
	color: var(--color-gold);
}

/* Scroll chevron */
.vedivar-hero__scroll {
	position: absolute;
	bottom: var(--space-6);
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	background: none;
	border: none;
	color: rgba(196, 154, 60, 0.7);
	cursor: pointer;
	animation: vedivar-bounce 2s ease infinite;
}

@keyframes vedivar-bounce {
	0%, 100% { transform: translateX(-50%) translateY(0); }
	50%       { transform: translateX(-50%) translateY(6px); }
}

/* ─────────────────────────────────────────────────────────────
   3. TRUST BAR
   ───────────────────────────────────────────────────────────── */

.vedivar-trust-bar {
	background: var(--color-charcoal);
	border-top: 0.5px solid var(--color-gold);
	border-bottom: 0.5px solid rgba(196, 154, 60, 0.2);
}

.vedivar-trust-bar__inner {
	max-width: var(--container-max);
	margin-inline: auto;
	padding-inline: var(--container-pad);
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0;
}

.vedivar-trust-bar__item {
	display: flex;
	align-items: center;
	gap: var(--space-4);
	padding: var(--space-5) var(--space-6);
	border-right: 0.5px solid rgba(196, 154, 60, 0.15);
}

.vedivar-trust-bar__item:last-child { border-right: none; }

.vedivar-trust-bar__icon {
	flex-shrink: 0;
	color: var(--color-gold);
}

.vedivar-trust-bar__icon svg {
	width: 28px;
	height: 28px;
}

.vedivar-trust-bar__text {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.vedivar-trust-bar__label {
	font-family: var(--font-inter);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.04em;
	color: var(--color-ivory);
	display: block;
}

.vedivar-trust-bar__desc {
	font-family: var(--font-inter);
	font-size: 10px;
	color: rgba(248, 244, 237, 0.5);
	letter-spacing: 0.02em;
	display: block;
}

/* ─────────────────────────────────────────────────────────────
   4. COLLECTIONS GRID
   ───────────────────────────────────────────────────────────── */

.vedivar-home-collections { padding-block: var(--space-20); }

.vedivar-collections-grid {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: var(--space-4);
}

.vedivar-collections-card__link {
	display: block;
	text-decoration: none;
	height: 100%;
}

.vedivar-collections-card__image-wrap {
	position: relative;
	aspect-ratio: 1;
	overflow: hidden;
	background: var(--color-beige);
	border-radius: var(--radius-sm);
}

.vedivar-collections-card__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.55s ease;
}

.vedivar-collections-card:hover .vedivar-collections-card__image {
	transform: scale(1.06);
}

.vedivar-collections-card__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(42,36,32,0.55) 0%, transparent 55%);
	transition: opacity 0.3s ease;
}

.vedivar-collections-card__placeholder {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-sandalwood);
}

.vedivar-collections-card__placeholder svg { width: 56px; height: 56px; }

.vedivar-collections-card__body {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: var(--space-4) 0 0;
}

.vedivar-collections-card__name {
	font-family: var(--font-cormorant);
	font-size: 20px;
	font-weight: 500;
	color: var(--color-charcoal);
	margin: 0;
	line-height: 1.2;
}

.vedivar-collections-card__count {
	font-family: var(--font-inter);
	font-size: 11px;
	color: var(--color-sandalwood);
	letter-spacing: 0.04em;
}

.vedivar-collections-card__arrow {
	color: var(--color-gold);
	margin-top: var(--space-2);
	display: flex;
	align-items: center;
	transition: transform 0.2s ease;
}

.vedivar-collections-card:hover .vedivar-collections-card__arrow {
	transform: translateX(4px);
}

/* ─────────────────────────────────────────────────────────────
   5. BEST SELLERS
   ───────────────────────────────────────────────────────────── */

.vedivar-best-sellers { padding-block: var(--space-20); }

.vedivar-best-sellers__footer {
	text-align: center;
	margin-top: var(--space-10);
}

.vedivar-best-sellers__footer .vedivar-btn {
	display: inline-flex;
	align-items: center;
	gap: var(--space-2);
}

/* ─────────────────────────────────────────────────────────────
   6. BRAND STORY
   ───────────────────────────────────────────────────────────── */

.vedivar-brand-story { padding-block: var(--space-20); }

.vedivar-brand-story__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--space-16);
	align-items: center;
}

.vedivar-brand-story__text {
	max-width: 540px;
}

.vedivar-brand-story__heading {
	font-family: var(--font-cormorant);
	font-size: clamp(28px, 3.5vw, 42px);
	font-weight: 400;
	color: var(--color-charcoal);
	line-height: 1.2;
	margin: var(--space-2) 0 var(--space-4);
	letter-spacing: -0.01em;
}

.vedivar-brand-story__body {
	font-family: var(--font-inter);
	font-size: 15px;
	font-weight: 300;
	color: var(--color-sandalwood);
	line-height: 1.8;
	margin: 0 0 var(--space-8);
}

.vedivar-brand-story__stats {
	display: flex;
	align-items: center;
	gap: var(--space-8);
	margin-bottom: var(--space-8);
}

.vedivar-brand-story__stat {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.vedivar-brand-story__stat--divider {
	width: 0.5px;
	height: 40px;
	background: var(--color-gold);
	flex-shrink: 0;
}

.vedivar-brand-story__stat-num {
	font-family: var(--font-cormorant);
	font-size: 32px;
	font-weight: 300;
	color: var(--color-maroon);
	line-height: 1;
	display: block;
}

.vedivar-brand-story__stat-label {
	font-family: var(--font-inter);
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--color-sandalwood);
	display: block;
}

.vedivar-brand-story__image-wrap {
	position: relative;
}

.vedivar-brand-story__image {
	width: 100%;
	height: 540px;
	object-fit: cover;
	border-radius: var(--radius-sm);
	display: block;
}

.vedivar-brand-story__image-placeholder {
	width: 100%;
	height: 540px;
	background: var(--color-parchment);
	border-radius: var(--radius-sm);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-sandalwood);
}

.vedivar-brand-story__image-placeholder svg { width: 72px; height: 72px; }

.vedivar-brand-story__image-badge {
	position: absolute;
	bottom: -1px;
	left: var(--space-6);
	background: var(--color-charcoal);
	border: 0.5px solid var(--color-gold);
	padding: var(--space-3) var(--space-5);
}

.vedivar-brand-story__image-badge-text {
	font-family: var(--font-inter);
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--color-gold);
}

/* ─────────────────────────────────────────────────────────────
   7. FEATURED PRODUCT SPOTLIGHT
   ───────────────────────────────────────────────────────────── */

.vedivar-featured-product { padding-block: var(--space-20); }

.vedivar-featured-product__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--space-16);
	align-items: start;
}

.vedivar-featured-product__gallery { position: sticky; top: var(--space-8); }

.vedivar-featured-product__main-image {
	aspect-ratio: 4 / 5;
	overflow: hidden;
	border-radius: var(--radius-sm);
	background: rgba(248, 244, 237, 0.06);
	margin-bottom: var(--space-4);
}

.vedivar-featured-product__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.vedivar-featured-product__thumbs {
	display: flex;
	gap: var(--space-3);
}

.vedivar-featured-product__thumb {
	width: 72px;
	height: 86px;
	object-fit: cover;
	border-radius: var(--radius-xs);
	cursor: pointer;
	opacity: 0.65;
	transition: opacity 0.2s ease;
	border: 0.5px solid rgba(196, 154, 60, 0.2);
}

.vedivar-featured-product__thumb:hover { opacity: 1; }

.vedivar-featured-product__info { padding-top: var(--space-4); }

.vedivar-featured-product__eyebrow {
	font-family: var(--font-cormorant);
	font-style: italic;
	font-size: 12px;
	color: rgba(196, 154, 60, 0.8);
	letter-spacing: 0.06em;
	margin: 0 0 var(--space-2);
}

.vedivar-featured-product__featured-label {
	font-size: 10px;
	color: var(--color-gold);
	margin-bottom: var(--space-2);
}

.vedivar-featured-product__title {
	font-family: var(--font-cormorant);
	font-size: clamp(26px, 3vw, 38px);
	font-weight: 400;
	color: var(--color-ivory);
	line-height: 1.2;
	margin: 0 0 var(--space-4);
}

.vedivar-featured-product__title a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease;
}

.vedivar-featured-product__title a:hover { color: var(--color-gold); }

.vedivar-featured-product__rule { margin-block: var(--space-4); }

.vedivar-featured-product__rating {
	display: flex;
	align-items: center;
	gap: var(--space-2);
	margin-bottom: var(--space-4);
}

.vedivar-featured-product__rating .star-rating { color: var(--color-gold); font-size: 14px; }

.vedivar-featured-product__review-count {
	font-family: var(--font-inter);
	font-size: 12px;
	color: rgba(248, 244, 237, 0.5);
}

.vedivar-featured-product__price {
	font-family: var(--font-inter);
	font-size: 28px;
	font-weight: 500;
	color: var(--color-ivory);
	margin-bottom: var(--space-5);
}

.vedivar-featured-product__price .price { color: var(--color-ivory); font-size: inherit; font-weight: 500; }
.vedivar-featured-product__price .price ins { color: var(--color-gold); }
.vedivar-featured-product__price .price del { color: rgba(248,244,237,0.4); font-size: 0.65em; }

.vedivar-featured-product__desc {
	font-family: var(--font-inter);
	font-size: 14px;
	font-weight: 300;
	color: rgba(248, 244, 237, 0.65);
	line-height: 1.75;
	margin-bottom: var(--space-6);
}

.vedivar-featured-product__actions {
	display: flex;
	gap: var(--space-4);
	flex-wrap: wrap;
	margin-bottom: var(--space-5);
}

.vedivar-featured-product__out-of-stock {
	font-family: var(--font-inter);
	font-size: 12px;
	color: rgba(248, 244, 237, 0.5);
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.vedivar-featured-product__meta {
	display: flex;
	gap: var(--space-4);
	flex-wrap: wrap;
	border-top: 0.5px solid rgba(196, 154, 60, 0.2);
	padding-top: var(--space-4);
}

.vedivar-featured-product__meta span {
	font-family: var(--font-inter);
	font-size: 10px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(248, 244, 237, 0.4);
}

/* ─────────────────────────────────────────────────────────────
   8. WHY CHOOSE US
   ───────────────────────────────────────────────────────────── */

.vedivar-why-us { padding-block: var(--space-20); }

.vedivar-why-us__grid {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--space-8);
}

.vedivar-why-us__item {
	text-align: center;
	padding: var(--space-6);
	border: 0.5px solid var(--color-parchment);
	border-radius: var(--radius-sm);
	background: var(--color-ivory);
	transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.vedivar-why-us__item:hover {
	border-color: var(--color-gold);
	box-shadow: var(--shadow-card);
}

.vedivar-why-us__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border: 0.5px solid var(--color-gold);
	border-radius: 50%;
	margin: 0 auto var(--space-5);
	color: var(--color-gold);
}

.vedivar-why-us__icon svg { width: 24px; height: 24px; }

.vedivar-why-us__title {
	font-family: var(--font-cormorant);
	font-size: 20px;
	font-weight: 500;
	color: var(--color-charcoal);
	margin: 0 0 var(--space-3);
	line-height: 1.3;
}

.vedivar-why-us__body {
	font-family: var(--font-inter);
	font-size: 13px;
	font-weight: 400;
	color: var(--color-sandalwood);
	line-height: 1.7;
	margin: 0;
}

/* ─────────────────────────────────────────────────────────────
   9. GIFTING OCCASIONS
   ───────────────────────────────────────────────────────────── */

.vedivar-gifting { padding-block: var(--space-20); }

.vedivar-gifting__grid {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: var(--space-4);
}

.vedivar-gifting__card-link {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: var(--space-3);
	padding: var(--space-6) var(--space-4);
	background: var(--color-ivory);
	border: 0.5px solid var(--color-parchment);
	border-radius: var(--radius-sm);
	text-decoration: none;
	transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.vedivar-gifting__card-link:hover {
	border-color: var(--color-gold);
	box-shadow: var(--shadow-card);
	transform: translateY(-2px);
}

.vedivar-gifting__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border: 0.5px solid var(--color-parchment);
	border-radius: 50%;
	color: var(--color-maroon);
	transition: border-color 0.25s ease, background 0.25s ease;
}

.vedivar-gifting__card-link:hover .vedivar-gifting__icon {
	border-color: var(--color-gold);
	background: var(--color-gold-tint);
}

.vedivar-gifting__icon svg { width: 22px; height: 22px; }

.vedivar-gifting__label {
	font-family: var(--font-cormorant);
	font-size: 18px;
	font-weight: 500;
	color: var(--color-charcoal);
	line-height: 1.2;
}

.vedivar-gifting__sub {
	font-family: var(--font-inter);
	font-size: 11px;
	color: var(--color-sandalwood);
	line-height: 1.5;
}

/* ─────────────────────────────────────────────────────────────
   10. CUSTOMER REVIEWS
   ───────────────────────────────────────────────────────────── */

.vedivar-reviews { padding-block: var(--space-20); }

.vedivar-reviews__summary {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-3);
	margin-top: var(--space-4);
}

.vedivar-reviews__avg {
	font-family: var(--font-cormorant);
	font-size: 36px;
	font-weight: 300;
	color: var(--color-charcoal);
}

.vedivar-reviews__stars {
	font-size: 20px;
	color: var(--color-gold);
	letter-spacing: 3px;
}

.vedivar-reviews__count {
	font-family: var(--font-inter);
	font-size: 12px;
	color: var(--color-sandalwood);
}

.vedivar-reviews__grid {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--space-6);
}

.vedivar-reviews__card-inner {
	height: 100%;
	padding: var(--space-6);
	background: var(--color-ivory);
	border: 0.5px solid var(--color-parchment);
	border-radius: var(--radius-sm);
	display: flex;
	flex-direction: column;
	gap: var(--space-3);
}

.vedivar-reviews__rating {
	font-size: 16px;
	color: var(--color-gold);
	letter-spacing: 2px;
}

.vedivar-reviews__rule { margin: 0; }

.vedivar-reviews__text {
	flex: 1;
	margin: 0;
}

.vedivar-reviews__text p {
	font-family: var(--font-cormorant);
	font-size: 17px;
	font-weight: 400;
	font-style: italic;
	color: var(--color-charcoal);
	line-height: 1.6;
	margin: 0;
}

.vedivar-reviews__footer {
	display: flex;
	flex-direction: column;
	gap: 3px;
	margin-top: auto;
	padding-top: var(--space-3);
	border-top: 0.5px solid var(--color-parchment);
}

.vedivar-reviews__author {
	font-family: var(--font-inter);
	font-size: 12px;
	font-weight: 500;
	color: var(--color-charcoal);
}

.vedivar-reviews__product {
	font-family: var(--font-inter);
	font-size: 11px;
	color: var(--color-sandalwood);
}

.vedivar-reviews__date {
	font-family: var(--font-inter);
	font-size: 10px;
	color: var(--color-sandalwood);
	opacity: 0.7;
}

/* ─────────────────────────────────────────────────────────────
   11. INSTAGRAM / UGC
   ───────────────────────────────────────────────────────────── */

.vedivar-instagram { padding-block: var(--space-20); background: var(--color-charcoal); }
.vedivar-instagram .vedivar-section-header__title { color: var(--color-ivory); }
.vedivar-instagram .vedivar-section-header__desc  { color: rgba(248,244,237,0.55); }
.vedivar-instagram .vedivar-section-header__desc a { color: var(--color-gold); text-decoration: none; }

.vedivar-instagram__feed { margin-top: var(--space-8); }

.vedivar-instagram__placeholder-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 4px;
	margin-bottom: var(--space-6);
}

.vedivar-instagram__placeholder-cell {
	aspect-ratio: 1;
	background: rgba(248, 244, 237, 0.04);
	border: 0.5px solid rgba(196, 154, 60, 0.12);
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(196, 154, 60, 0.2);
}

.vedivar-instagram__placeholder-cell svg { width: 40%; height: 40%; }

.vedivar-instagram__placeholder-note {
	text-align: center;
	font-family: var(--font-inter);
	font-size: 12px;
	color: rgba(248, 244, 237, 0.3);
}

.vedivar-instagram__placeholder-note a { color: var(--color-gold); text-decoration: none; }

/* ─────────────────────────────────────────────────────────────
   12. FAQ ACCORDION
   ───────────────────────────────────────────────────────────── */

.vedivar-faq { padding-block: var(--space-20); background: var(--color-beige); }

.vedivar-faq__list {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.vedivar-faq__item {
	border-bottom: 0.5px solid var(--color-parchment);
}

.vedivar-faq__item:first-child {
	border-top: 0.5px solid var(--color-parchment);
}

.vedivar-faq__toggle {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-4);
	padding: var(--space-5) 0;
	background: none;
	border: none;
	cursor: pointer;
	font-family: var(--font-cormorant);
	font-size: 20px;
	font-weight: 500;
	color: var(--color-charcoal);
	text-align: left;
	transition: color 0.2s ease;
}

.vedivar-faq__toggle:hover { color: var(--color-maroon); }

.vedivar-faq__toggle[aria-expanded="true"] { color: var(--color-maroon); }

.vedivar-faq__chevron {
	flex-shrink: 0;
	color: var(--color-gold);
	transition: transform 0.3s ease;
}

.vedivar-faq__toggle[aria-expanded="true"] .vedivar-faq__chevron {
	transform: rotate(180deg);
}

.vedivar-faq__answer {
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.vedivar-faq__answer:not([hidden]) {
	padding-bottom: var(--space-5);
}

.vedivar-faq__answer p {
	font-family: var(--font-inter);
	font-size: 14px;
	font-weight: 400;
	color: var(--color-sandalwood);
	line-height: 1.75;
	margin: 0;
}

/* ─────────────────────────────────────────────────────────────
   13. NEWSLETTER
   ───────────────────────────────────────────────────────────── */

.vedivar-newsletter {
	background: var(--color-charcoal);
	border-top: 0.5px solid var(--color-gold);
	padding-block: var(--space-16);
}

.vedivar-newsletter__inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--space-12);
	align-items: center;
}

.vedivar-newsletter .vedivar-eyebrow { margin-bottom: var(--space-2); }

.vedivar-newsletter__heading {
	font-family: var(--font-cormorant);
	font-size: clamp(24px, 3vw, 36px);
	font-weight: 300;
	color: var(--color-ivory);
	line-height: 1.25;
	margin: 0 0 var(--space-3);
}

.vedivar-newsletter__sub {
	font-family: var(--font-inter);
	font-size: 13px;
	font-weight: 300;
	color: rgba(248, 244, 237, 0.55);
	line-height: 1.7;
	margin: 0;
}

.vedivar-newsletter__field-group {
	display: flex;
	gap: 0;
	border: 0.5px solid rgba(196, 154, 60, 0.4);
	border-radius: var(--radius-xs);
	overflow: hidden;
	margin-bottom: var(--space-3);
}

.vedivar-newsletter__input {
	flex: 1;
	background: transparent;
	border: none;
	padding: 14px 18px;
	font-family: var(--font-inter);
	font-size: 13px;
	color: var(--color-ivory);
	outline: none;
}

.vedivar-newsletter__input::placeholder {
	color: rgba(248, 244, 237, 0.3);
}

.vedivar-newsletter__input:focus {
	background: rgba(248, 244, 237, 0.04);
}

.vedivar-newsletter__submit {
	border-radius: 0;
	flex-shrink: 0;
}

.vedivar-newsletter__consent {
	font-family: var(--font-inter);
	font-size: 10px;
	color: rgba(248, 244, 237, 0.3);
	line-height: 1.5;
	margin: 0;
}

/* ─────────────────────────────────────────────────────────────
   14. RESPONSIVE BREAKPOINTS
   ───────────────────────────────────────────────────────────── */

/* ── ≤1024px ────────────────────────────────────────────────── */
@media (max-width: 1024px) {
	.vedivar-home-section { padding-block: var(--space-16); }

	/* Trust bar: 2×2 */
	.vedivar-trust-bar__inner { grid-template-columns: repeat(2, 1fr); }
	.vedivar-trust-bar__item:nth-child(2) { border-right: none; }
	.vedivar-trust-bar__item { border-bottom: 0.5px solid rgba(196, 154, 60, 0.15); }
	.vedivar-trust-bar__item:nth-child(3),
	.vedivar-trust-bar__item:nth-child(4) { border-bottom: none; }

	/* Collections: 3-col */
	.vedivar-collections-grid { grid-template-columns: repeat(3, 1fr); }

	/* Brand story: tighter gap */
	.vedivar-brand-story__grid { gap: var(--space-10); }

	/* Why us: 2-col */
	.vedivar-why-us__grid { grid-template-columns: repeat(2, 1fr); }

	/* Gifting: 3-col */
	.vedivar-gifting__grid { grid-template-columns: repeat(3, 1fr); }

	/* Reviews: 2-col */
	.vedivar-reviews__grid { grid-template-columns: repeat(2, 1fr); }

	/* Instagram: 4-col */
	.vedivar-instagram__placeholder-grid { grid-template-columns: repeat(4, 1fr); }

	/* Newsletter: stack */
	.vedivar-newsletter__inner { grid-template-columns: 1fr; gap: var(--space-8); }
}

/* ── ≤768px ─────────────────────────────────────────────────── */
@media (max-width: 768px) {
	.vedivar-home-section { padding-block: var(--space-12); }

	/* Hero */
	.vedivar-hero { min-height: 90svh; }

	.vedivar-hero__overlay {
		background: rgba(42, 36, 32, 0.72);
	}

	.vedivar-hero__inner {
		padding-block: var(--space-16);
	}

	.vedivar-hero__content { max-width: 100%; text-align: center; }

	.vedivar-hero__rule { margin-inline: auto; }

	.vedivar-hero__sub { max-width: 100%; }

	.vedivar-hero__ctas { justify-content: center; }

	/* Trust bar: 2-col on mobile */
	.vedivar-trust-bar__inner { grid-template-columns: repeat(2, 1fr); }

	/* Collections: 2-col */
	.vedivar-collections-grid { grid-template-columns: repeat(2, 1fr); }

	/* Brand story: stack */
	.vedivar-brand-story__grid { grid-template-columns: 1fr; gap: var(--space-8); }
	.vedivar-brand-story__text { max-width: 100%; }
	.vedivar-brand-story__image { height: 400px; }
	.vedivar-brand-story__image-placeholder { height: 400px; }

	/* Featured product: stack */
	.vedivar-featured-product__grid { grid-template-columns: 1fr; gap: var(--space-8); }
	.vedivar-featured-product__gallery { position: static; }

	/* Why us: 1-col */
	.vedivar-why-us__grid { grid-template-columns: 1fr; }

	/* Gifting: 2-col */
	.vedivar-gifting__grid { grid-template-columns: repeat(2, 1fr); }

	/* Reviews: 1-col */
	.vedivar-reviews__grid { grid-template-columns: 1fr; }

	/* Instagram: 2-col */
	.vedivar-instagram__placeholder-grid { grid-template-columns: repeat(2, 1fr); }

	/* Hero CTAs: stacked */
	.vedivar-hero__cta { width: 100%; text-align: center; justify-content: center; }

	/* Featured product actions: stacked */
	.vedivar-featured-product__actions { flex-direction: column; }

	/* Section header desc */
	.vedivar-section-header__desc { font-size: 13px; }
}

/* ── ≤480px ─────────────────────────────────────────────────── */
@media (max-width: 480px) {
	/* Trust bar: 1-col */
	.vedivar-trust-bar__inner { grid-template-columns: 1fr; }
	.vedivar-trust-bar__item { border-right: none; border-bottom: 0.5px solid rgba(196, 154, 60, 0.15); }
	.vedivar-trust-bar__item:last-child { border-bottom: none; }

	/* Collections: 1-col */
	.vedivar-collections-grid { grid-template-columns: 1fr; }

	/* Brand story stats: tighter */
	.vedivar-brand-story__stats { gap: var(--space-4); }
	.vedivar-brand-story__stat-num { font-size: 26px; }

	/* Gifting: 1-col */
	.vedivar-gifting__grid { grid-template-columns: 1fr; }

	/* Hero heading */
	.vedivar-hero__heading { font-size: clamp(34px, 10vw, 44px); }

	/* Newsletter */
	.vedivar-newsletter__field-group { flex-direction: column; border: none; }
	.vedivar-newsletter__input {
		border: 0.5px solid rgba(196, 154, 60, 0.4);
		border-radius: var(--radius-xs);
		width: 100%;
	}
	.vedivar-newsletter__submit {
		border-radius: var(--radius-xs);
		width: 100%;
		justify-content: center;
	}
}

/* ── ≤390px ─────────────────────────────────────────────────── */
@media (max-width: 390px) {
	.vedivar-section-header__title { font-size: 24px; }
	.vedivar-hero__heading { font-size: 32px; }
	.vedivar-brand-story__heading { font-size: 26px; }
	.vedivar-featured-product__title { font-size: 26px; }

	/* Why us: tighter padding */
	.vedivar-why-us__item { padding: var(--space-5); }
}

/* ─────────────────────────────────────────────────────────────
   15. REDUCED MOTION
   ───────────────────────────────────────────────────────────── */

@media (prefers-reduced-motion: reduce) {
	.vedivar-hero__scroll { animation: none; }
	.vedivar-collections-card__image,
	.vedivar-gifting__card-link,
	.vedivar-why-us__item,
	.vedivar-faq__chevron { transition: none; }
}