/* =========================================================
   FITLAND v3.4 — STORE REFRESH
   Loaded LAST in the cascade (after production-polish.css).

   Goal: from "cinematic landing page" to "real, trustworthy
   Persian ecommerce" while keeping the dark + gold identity.

   — Gold is an accent, not a wall of glow
   — Persian typography without aggressive letter-spacing
   — Real data only; no fabricated claims rendered
   — 360 → 1440+ responsive, no horizontal scroll
========================================================= */

/* Hard guarantee: absolutely no horizontal scroll at any viewport.
   html must clip too — body alone is not enough. */
html { overflow-x: hidden !important; }
body { overflow-x: hidden !important; }
@supports (overflow: clip) {
	html { overflow-x: clip !important; }
	body { overflow-x: clip !important; }
}

/* Skip-link: hide off the TOP instead of left:-9999px — the old
   physical offset expanded the RTL canvas by ~10000px. */
.fl-skip {
	left: auto !important;
	inset-inline-start: 12px;
	top: -120px !important;
	transition: top .2s ease;
}
.fl-skip:focus {
	left: auto !important;
	inset-inline-start: 12px;
	top: 10px !important;
}

/* ─────────────────────────────────────────────────────────
   0. DESIGN TOKENS (brand contract)
   ───────────────────────────────────────────────────────── */
:root {
	--bg-primary: #070707;
	--bg-secondary: #0d0d0d;
	--surface: #121212;
	--surface-elevated: #181818;
	--border: #292929;
	--border-subtle: #202020;
	--text-primary: #f3f1ed;
	--text-secondary: #a5a29b;
	--text-muted: #77756f;
	--gold: #d7a64a;
	--gold-light: #e5b85f;
	--gold-dark: #9d7029;
	--danger: #b83c31;

	/* Re-map legacy tokens so older layers inherit the new palette */
	--gold-refined: var(--gold);
	--gold-bright: var(--gold-light);
	--fl-gold: var(--gold);
	--fl-gold-bright: var(--gold-light);
	--fl-surface: var(--surface);
	--fl-surface-raised: var(--surface-elevated);
	--fl-border: var(--border-subtle);
	--fl-border-hover: rgba(215,166,74,.45);
	--fl-text: var(--text-primary);
	--fl-text-muted: var(--text-secondary);
	--grad: linear-gradient(135deg, var(--gold-light), var(--gold-dark));
}

body {
	background: var(--bg-secondary) !important;
	color: var(--text-primary);
}

/* Persian script: kill aggressive tracking that breaks joined letters */
h1, h2, h3, h4, h5, h6,
.flx-hero h1, .flx-heading h2, .flx-story h2,
.flx-campaign__content, .fl-prod__name,
.fl-sec-title, .fl-title {
	letter-spacing: 0 !important;
}

/* ─────────────────────────────────────────────────────────
   1. HEADER — calmer, store-first
   ───────────────────────────────────────────────────────── */
.fl-header {
	backdrop-filter: blur(8px) saturate(1.15) !important;
	-webkit-backdrop-filter: blur(8px) saturate(1.15) !important;
}
@media (min-width: 701px) {
	.fl-header .fl-container { width: min(1240px, calc(100% - 48px)) !important; }
	.fl-header__in { min-height: 66px !important; gap: 28px !important; }
	.fl-logo-mark { width: 40px !important; height: 40px !important; filter: none !important; }
	.fl-logo-word { font-size: 21px !important; letter-spacing: 3.5px !important; }
	.fl-nav { top: 66px !important; }
	.fl-nav .fl-container { width: min(1240px, calc(100% - 48px)) !important; }
	.fl-menu { justify-content: flex-start !important; gap: 2px !important; }
	.fl-menu a { color: var(--text-secondary) !important; font-size: 13.5px !important; padding: 12px 11px !important; }
	.fl-menu a:hover { color: var(--text-primary) !important; }
	.fl-menu .fl-menu-hot { color: var(--gold-light) !important; font-weight: 700; }
	.fl-menu a:hover .fl-menu-hot { color: var(--gold) !important; }
}

/* Search shell hosts the suggestions dropdown */
.fl-search { position: relative; }
.fl-search input::placeholder { color: var(--text-muted) !important; }
.fl-search input:focus {
	border-color: rgba(215,166,74,.55) !important;
	box-shadow: 0 0 0 3px rgba(215,166,74,.1) !important;
}

/* Quick suggestions */
.fl-suggest {
	position: absolute;
	inset-inline: 0;
	top: calc(100% + 10px);
	background: var(--surface-elevated);
	border: 1px solid var(--border);
	border-radius: 12px;
	padding: 12px 14px 14px;
	box-shadow: 0 18px 40px rgba(0,0,0,.45);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-4px);
	transition: opacity .18s ease, transform .18s ease, visibility .18s;
	z-index: 60;
}
.fl-suggest.is-open { opacity: 1; visibility: visible; transform: none; }
.fl-suggest__label {
	display: block;
	font-size: 12px;
	color: var(--text-muted);
	margin: 2px 2px 10px;
	font-weight: 600;
}
.fl-suggest__list { display: flex; flex-wrap: wrap; gap: 8px; }
.fl-suggest__list a {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	padding: 4px 13px;
	font-size: 12.5px;
	font-weight: 600;
	color: var(--text-secondary);
	border: 1px solid var(--border);
	border-radius: 999px;
	background: transparent;
	transition: color .15s ease, border-color .15s ease, background .15s ease;
}
.fl-suggest__list a:hover,
.fl-suggest__list a:focus-visible {
	color: var(--gold-light);
	border-color: rgba(215,166,74,.55);
	background: rgba(215,166,74,.07);
}
.fl-suggest__list a.is-hot {
	color: var(--gold-light);
	border-color: rgba(215,166,74,.5);
}

/* Icon tooltips */
.fl-hbtn[data-tip] { position: relative; }
.fl-hbtn[data-tip]::after {
	content: attr(data-tip);
	position: absolute;
	top: calc(100% + 9px);
	left: 50%;
	transform: translateX(-50%);
	background: var(--surface-elevated);
	border: 1px solid var(--border);
	color: var(--text-secondary);
	font-size: 11.5px;
	font-weight: 600;
	white-space: nowrap;
	padding: 5px 10px;
	border-radius: 8px;
	opacity: 0;
	visibility: hidden;
	transition: opacity .15s ease, visibility .15s;
	pointer-events: none;
	z-index: 70;
}
.fl-hbtn[data-tip]:hover::after,
.fl-hbtn[data-tip]:focus-visible::after { opacity: 1; visibility: visible; }
@media (max-width: 1020px) { .fl-hbtn[data-tip]::after { display: none; } }

/* Cart badge — locked to the icon corner, not floating */
.fl-badge {
	top: -4px !important;
	inset-inline-end: -4px !important;
	min-width: 17px !important;
	height: 17px !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	background: var(--gold) !important;
	color: #16120b !important;
	box-shadow: 0 0 0 2px var(--bg-secondary) !important;
}

/* ─────────────────────────────────────────────────────────
   2. HERO — strong but readable, two honest CTAs
   ───────────────────────────────────────────────────────── */
@media (min-width: 701px) {
	.flx-hero {
		height: min(560px, calc(100vh - 140px)) !important;
		min-height: 470px !important;
	}
	.flx-hero__media { filter: brightness(1.07) contrast(1.03); }
	.flx-hero__in { padding-inline-start: 7% !important; padding-inline-end: 52% !important; }
	.flx-eyebrow { font-size: 11px !important; letter-spacing: 2.2px !important; color: var(--gold) !important; }
	.flx-eyebrow span { background: var(--gold) !important; }
	.flx-hero h1 {
		font-size: clamp(42px, 4.6vw, 64px) !important;
		line-height: 1.22 !important;
		margin: 18px 0 0 !important;
		max-width: 420px !important;
		font-weight: 800 !important;
		text-shadow: 0 2px 22px rgba(0,0,0,.45) !important;
	}
	.flx-hero h1 em { color: var(--gold-light) !important; text-shadow: none !important; }
	.flx-hero__copy {
		width: 330px !important;
		margin: 16px 0 30px !important;
		font-size: 15px !important;
		line-height: 2.05 !important;
		color: rgba(243,241,237,.78) !important;
	}
}

/* CTA group (re-enabled after v5.1 hid it) */
.flx-hero__ctas {
	display: flex !important;
	align-items: center;
	gap: 14px;
	margin-top: 0;
	flex-wrap: wrap;
}
.flx-hero__ctas .flx-primary { margin-top: 0 !important; }

.flx-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	height: 52px !important;
	min-height: 48px;
	padding-inline: 30px !important;
	border-radius: 10px !important;
	border: 0;
	background: var(--gold) !important;
	color: #191307 !important;
	font-size: 14.5px !important;
	font-weight: 800 !important;
	box-shadow: none !important;
	transition: background .18s ease, transform .18s ease !important;
	cursor: pointer;
}
.flx-primary:hover {
	background: var(--gold-light) !important;
	transform: translateY(-1px) !important;
	box-shadow: none !important;
}
.flx-primary .fl-ic { width: 17px !important; height: 17px !important; }

.flx-secondary {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	height: 52px !important;
	min-height: 48px;
	padding-inline: 26px !important;
	border-radius: 10px !important;
	border: 1px solid rgba(243,241,237,.35) !important;
	background: transparent !important;
	color: var(--text-primary) !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	backdrop-filter: none !important;
	transition: border-color .18s ease, background .18s ease !important;
}
.flx-secondary:hover {
	border-color: rgba(243,241,237,.65) !important;
	background: rgba(255,255,255,.06) !important;
	color: #fff !important;
}

/* Outline primary (collections footer) */
.flx-primary--outline {
	background: transparent !important;
	border: 1.5px solid rgba(215,166,74,.6) !important;
	color: var(--gold-light) !important;
}
.flx-primary--outline:hover {
	background: var(--gold) !important;
	border-color: var(--gold) !important;
	color: #191307 !important;
}

/* ─────────────────────────────────────────────────────────
   3. TRUST BAR — readable, calm
   ───────────────────────────────────────────────────────── */
.flx-trust { background: var(--bg-secondary) !important; border-bottom: 1px solid var(--border-subtle) !important; }
.flx-trust__in { padding: 20px 0 !important; }
.flx-trust__in > div { gap: 13px !important; border-inline-end: 1px solid var(--border-subtle) !important; }
.flx-trust__in > div:last-child { border-inline-end: 0 !important; }
.flx-trust__in > div > span { color: var(--gold) !important; opacity: 1 !important; }
.flx-trust__in .fl-ic { width: 26px !important; height: 26px !important; stroke-width: 1.7 !important; }
.flx-trust strong { font-size: 13.5px !important; font-weight: 700 !important; color: var(--text-primary) !important; }
.flx-trust small { font-size: 12px !important; line-height: 1.75 !important; color: var(--text-secondary) !important; }

/* ─────────────────────────────────────────────────────────
   4. SECTION HEADINGS — Persian, no decorative English
   ───────────────────────────────────────────────────────── */
@media (min-width: 701px) {
	.flx-section { padding-top: 104px !important; }
	.flx-category-experience { padding-top: 80px !important; }
	.flx-membership { padding-top: 88px !important; padding-bottom: 92px !important; }
	.flx-collections { padding-top: 96px !important; }
}
.flx-heading { margin-bottom: 26px !important; align-items: center !important; }
.flx-heading > p { display: none !important; }
.flx-heading h2 {
	font-size: clamp(21px, 2.3vw, 27px) !important;
	font-weight: 800 !important;
	color: var(--text-primary) !important;
	position: relative;
	padding-inline-start: 14px;
}
.flx-heading h2::before {
	content: '';
	position: absolute;
	inset-inline-start: 0;
	top: .22em;
	bottom: .22em;
	width: 4px;
	border-radius: 3px;
	background: var(--gold);
}
.flx-heading > a {
	font-size: 13px !important;
	font-weight: 600 !important;
	color: var(--gold) !important;
	opacity: 1 !important;
	gap: 6px !important;
	padding: 6px 2px;
}
.flx-heading > a:hover { color: var(--gold-light) !important; opacity: 1 !important; }
.flx-heading--center h2 { padding-inline-start: 0; }
.flx-heading--center h2::before { display: none; }

/* ─────────────────────────────────────────────────────────
   5. CATEGORY CAMPAIGNS — always-visible CTA, gentle motion
   ───────────────────────────────────────────────────────── */
@media (min-width: 701px) {
	.flx-campaigns { gap: 16px !important; }
}
.flx-campaign { border: 1px solid var(--border-subtle); border-radius: 14px !important; }
.flx-campaign::before { border: 0 !important; }
.flx-campaign img { filter: brightness(1.0) contrast(1.02) !important; }
.flx-campaign:hover img { transform: scale(1.03) !important; filter: brightness(1.06) !important; }
.flx-campaign__shade {
	background: linear-gradient(to top, rgba(7,7,7,.92) 0%, rgba(7,7,7,.55) 44%, rgba(7,7,7,.16) 72%, rgba(7,7,7,.02) 100%) !important;
}
@media (min-width: 701px) {
	.flx-campaign__content { inset-inline: 24px !important; bottom: 22px !important; }
}
.flx-campaign__content small {
	font-size: 15px !important;
	font-weight: 800 !important;
	color: #fff !important;
	text-shadow: 0 1px 10px rgba(0,0,0,.5);
}
.flx-campaign__content strong {
	font-size: 12.5px !important;
	font-weight: 400 !important;
	line-height: 1.85 !important;
	color: rgba(243,241,237,.88) !important;
	max-width: 300px !important;
	text-shadow: 0 1px 8px rgba(0,0,0,.75);
}
.flx-campaign__content i {
	font-size: 12.5px !important;
	font-weight: 700 !important;
	color: var(--gold-light) !important;
	opacity: 1 !important;
	transform: none !important;
	margin-top: 12px !important;
}
.flx-campaign:hover .flx-campaign__content i { color: var(--gold) !important; }

/* ─────────────────────────────────────────────────────────
   6. PRODUCT CARDS — equal heights, honest metadata
   ───────────────────────────────────────────────────────── */
.flx-product-grid .fl-prod {
	border: 1px solid var(--border-subtle) !important;
	border-radius: 12px !important;
	background: var(--surface) !important;
	box-shadow: none !important;
}
.flx-product-grid .fl-prod:hover {
	border-color: rgba(215,166,74,.4) !important;
	box-shadow: 0 10px 28px rgba(0,0,0,.32) !important;
	transform: translateY(-3px) !important;
}
.flx-product-grid .fl-prod__imgwrap { background: var(--surface-elevated) !important; }
.flx-product-grid .fl-prod__imgwrap::after { display: none !important; }
.flx-product-grid .fl-prod__imgwrap img { filter: brightness(1.06) contrast(1.02) !important; }
.flx-product-grid .fl-prod:hover .fl-prod__imgwrap img { transform: scale(1.035) !important; }

@media (min-width: 701px) {
	.flx-product-grid .fl-prod__body { padding: 13px 14px 14px !important; gap: 6px !important; }
}
.flx-product-grid .fl-rate { min-height: 18px; }
/* must beat production-polish's `.flx-product-grid .fl-rate span{!important}` */
.flx-product-grid .fl-rate span.fl-rate__count,
.fl-product .fl-rate span.fl-rate__count { color: var(--text-muted) !important; font-size: 12px !important; font-weight: 400; }
.flx-product-grid .fl-rate span.fl-rate__none,
.fl-rate span.fl-rate__none {
	font-size: 12px !important;
	font-weight: 400 !important;
	color: var(--text-muted) !important;
}
.flx-product-grid .fl-prod__name {
	font-size: 13.5px !important;
	font-weight: 600 !important;
	line-height: 1.75 !important;
	-webkit-line-clamp: 2 !important;
	min-height: 3.5em !important;
	color: var(--text-primary) !important;
}
@media (max-width: 700px) {
	.flx-product-grid .fl-prod__name { -webkit-line-clamp: 2 !important; min-height: 3.3em !important; font-size: 12.5px !important; }
}
.flx-product-grid .fl-price .amount bdi,
.flx-product-grid .fl-price strong { font-size: 16.5px !important; font-weight: 800 !important; color: var(--text-primary) !important; text-shadow: none !important; }
.flx-product-grid .fl-price del .amount bdi { font-size: 12.5px !important; color: var(--text-muted) !important; }
.flx-product-grid .fl-price span { font-size: 12px !important; color: var(--text-secondary) !important; }

.flx-product-grid .fl-off {
	background: var(--danger) !important;
	color: #fff !important;
	font-size: 11.5px !important;
	font-weight: 700 !important;
	padding: 4px 10px !important;
	border-radius: 8px !important;
	box-shadow: none !important;
}
.flx-product-grid .fl-off--out { background: #3a3a3a !important; color: #cfcfcf !important; }

.flx-product-grid .fl-addcart {
	width: 100% !important;
	height: 44px !important;
	min-height: 44px;
	margin-top: 10px !important;
	border-radius: 10px !important;
	border: 1px solid rgba(215,166,74,.45) !important;
	background: var(--surface-elevated) !important;
	color: var(--gold-light) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	float: none !important;
	box-shadow: none !important;
	cursor: pointer;
	transition: background .18s ease, color .18s ease, border-color .18s ease !important;
}
.flx-product-grid .fl-addcart span { display: inline !important; }
.flx-product-grid .fl-addcart:hover {
	background: var(--gold) !important;
	border-color: var(--gold) !important;
	color: #191307 !important;
	box-shadow: none !important;
	transform: none !important;
}
.fl-addcart.is-added {
	background: #2e6b45 !important;
	border-color: #2e6b45 !important;
	color: #fff !important;
}
@media (max-width: 700px) {
	.flx-product-grid .fl-addcart { height: 46px !important; min-height: 46px; font-size: 12px !important; }
	.flx-product-grid .fl-prod__body { padding: 10px 11px 12px !important; }
}

/* Shop & loop cards follow the same contract */
.fl-prods .fl-prod,
.woocommerce ul.products .fl-prod {
	border: 1px solid var(--border-subtle) !important;
	border-radius: 12px !important;
	background: var(--surface) !important;
	box-shadow: none !important;
}
.fl-prods .fl-prod:hover,
.woocommerce ul.products .fl-prod:hover {
	border-color: rgba(215,166,74,.4) !important;
	box-shadow: 0 10px 28px rgba(0,0,0,.32) !important;
}
.fl-rate__none { font-size: 12px; color: var(--text-muted); font-weight: 400; }

/* ─────────────────────────────────────────────────────────
   7. BRANDS — quiet catalog confirmation
   ───────────────────────────────────────────────────────── */
.flx-brands-sec { padding-top: 84px !important; }
.flx-brands {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 12px;
}
.flx-brand {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 74px;
	padding: 14px;
	background: var(--surface);
	border: 1px solid var(--border-subtle);
	border-radius: 12px;
	transition: border-color .18s ease, background .18s ease;
}
.flx-brand:hover {
	border-color: rgba(215,166,74,.4);
	background: var(--surface-elevated);
}
.flx-brand img {
	max-height: 30px;
	max-width: 110px;
	width: auto;
	height: auto;
	opacity: .82;
	filter: brightness(1.05);
	transition: opacity .18s ease;
}
.flx-brand:hover img { opacity: 1; }
@media (max-width: 700px) {
	.flx-brands {
		display: flex;
		gap: 10px;
		overflow-x: auto;
		padding-bottom: 6px;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}
	.flx-brands::-webkit-scrollbar { display: none; }
	.flx-brand { flex: 0 0 42%; scroll-snap-align: start; min-height: 64px; }
}

/* ─────────────────────────────────────────────────────────
   8. BRAND STORY — honest, specific
   ───────────────────────────────────────────────────────── */
.flx-story {
	border: 1px solid var(--border-subtle) !important;
	background: var(--surface) !important;
	border-radius: 16px !important;
}
.flx-story__image img { filter: brightness(.95) contrast(1.03) !important; }
.flx-story h2 {
	font-size: clamp(23px, 2.5vw, 30px) !important;
	line-height: 1.45 !important;
	color: var(--text-primary) !important;
	margin: 0 0 16px !important;
	font-weight: 800 !important;
}
.flx-story h2 em { color: var(--gold-light) !important; }
.flx-story__copy > p:not(.flx-kicker) {
	font-size: 14.5px !important;
	line-height: 2.1 !important;
	color: var(--text-secondary) !important;
	max-width: 440px !important;
	margin: 0 0 22px !important;
}
.flx-story__image span {
	font-family: inherit !important;
	font-size: 11.5px !important;
	letter-spacing: .3px !important;
	color: var(--gold) !important;
	opacity: 1 !important;
	background: rgba(7,7,7,.55);
	border: 1px solid rgba(215,166,74,.35);
	border-radius: 999px;
	padding: 5px 13px;
}
.flx-text-link { color: var(--gold) !important; font-weight: 700 !important; font-size: 13.5px !important; }
.flx-text-link:hover { color: var(--gold-light) !important; }

.flx-story__metrics {
	border-top: 1px solid var(--border-subtle) !important;
	margin-top: 30px !important;
	padding-top: 20px !important;
	gap: 34px !important;
	flex-wrap: wrap;
}
.flx-story__metrics span { font-size: 12px !important; color: var(--text-muted) !important; }
.flx-story__metrics b {
	font-size: 21px !important;
	font-weight: 800 !important;
	color: var(--gold-light) !important;
}

/* ─────────────────────────────────────────────────────────
   9. REVIEWS — real review rows only
   ───────────────────────────────────────────────────────── */
.flx-reviews__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}
.flx-review {
	margin: 0;
	background: var(--surface);
	border: 1px solid var(--border-subtle);
	border-radius: 14px;
	padding: 20px 20px 18px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.flx-review blockquote {
	margin: 0;
	font-size: 13.5px;
	line-height: 2.05;
	color: var(--text-primary);
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	flex: 1;
}
.flx-review figcaption { display: flex; flex-direction: column; gap: 3px; }
.flx-review figcaption strong { font-size: 13px; font-weight: 700; color: var(--text-primary); }
.flx-review figcaption a {
	font-size: 12px;
	color: var(--text-muted);
	transition: color .15s ease;
}
.flx-review figcaption a:hover { color: var(--gold-light); }
.flx-review__stars .fl-ic { width: 14px; height: 14px; }
@media (max-width: 900px) { .flx-reviews__grid { grid-template-columns: 1fr; } }

/* ─────────────────────────────────────────────────────────
   10. JOURNAL — real posts, readable meta
   ───────────────────────────────────────────────────────── */
.flx-journal { padding-top: 80px !important; }
.flx-journal__lead { border: 1px solid var(--border-subtle); border-radius: 14px !important; }
.flx-journal__lead::after {
	background: linear-gradient(to top, rgba(7,7,7,.93) 0%, rgba(7,7,7,.25) 55%, rgba(7,7,7,.05) 80%) !important;
}
.flx-journal small {
	font-size: 12px !important;
	font-weight: 700 !important;
	color: var(--gold-light) !important;
	letter-spacing: 0 !important;
}
.flx-journal__lead strong {
	font-size: 21px !important;
	font-weight: 800 !important;
	line-height: 1.65 !important;
	color: #fff !important;
}
.flx-journal em {
	font-size: 12px !important;
	font-style: normal !important;
	color: rgba(243,241,237,.6) !important;
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
}
.flx-journal em .fl-ic { width: 14px; height: 14px; }
.flx-journal__side a {
	background: var(--surface) !important;
	border: 1px solid var(--border-subtle) !important;
	border-radius: 12px !important;
	transition: border-color .18s ease, background .18s ease !important;
}
.flx-journal__side a:hover { border-color: rgba(215,166,74,.35) !important; background: var(--surface-elevated) !important; }
.flx-journal__side strong { font-size: 13.5px !important; font-weight: 700 !important; color: rgba(243,241,237,.9) !important; line-height: 1.85 !important; }
.flx-journal__side span { padding-top: 16px !important; }
.flx-journal__noph {
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
	min-height: 140px;
	background: var(--surface-elevated);
	opacity: .7;
}
.flx-journal__side .flx-journal__noph { width: 160px; min-height: 120px; }

/* ─────────────────────────────────────────────────────────
   11. MEMBERSHIP — honest perks, no invented discounts
   ───────────────────────────────────────────────────────── */
.flx-membership__box {
	border: 1px solid rgba(215,166,74,.35) !important;
	background: var(--surface) !important;
	border-radius: 16px !important;
	box-shadow: none !important;
}
.flx-membership__box::after { display: none !important; }
.flx-membership h2 { font-size: 21px !important; font-weight: 800 !important; color: var(--text-primary) !important; margin: 0 0 8px !important; }
.flx-membership p:not(.flx-kicker) {
	font-size: 13.5px !important;
	line-height: 2 !important;
	color: var(--text-secondary) !important;
	max-width: 480px !important;
	margin: 0 !important;
}
.flx-membership__perks {
	list-style: none;
	margin: 12px 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.flx-membership__perks li {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	font-size: 13px;
	line-height: 1.9;
	color: var(--text-primary);
}
.flx-membership__perks li .fl-ic {
	width: 16px;
	height: 16px;
	flex: none;
	color: var(--gold);
	stroke-width: 2.2;
	margin-top: 5px;
}
.flx-membership__mark .fl-logo-mark { filter: none !important; }

/* ─────────────────────────────────────────────────────────
   12. FOOTER — contrast + contact + newsletter states
   ───────────────────────────────────────────────────────── */
.fl-footer { background: var(--bg-primary) !important; border-top: 1px solid var(--border-subtle) !important; }
.fl-fcol h4 { color: var(--text-primary) !important; }
.fl-fcol p { color: var(--text-secondary) !important; font-size: 13px !important; line-height: 2.1 !important; }
.fl-links a { color: var(--text-secondary) !important; }
.fl-links a:hover { color: var(--gold-light) !important; }
.fl-contact {
	list-style: none;
	margin: 18px 0 0;
	padding: 14px 0 0;
	border-top: 1px solid var(--border-subtle);
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.fl-contact li { font-size: 12.5px; color: var(--text-secondary); line-height: 1.9; }
.fl-contact li strong { color: var(--text-primary); font-weight: 700; margin-inline-end: 4px; }
.fl-news-form input:focus { outline: none; }
.fl-news-form {
	border-radius: 12px !important;
	background: var(--surface) !important;
	border: 1px solid var(--border) !important;
	transition: border-color .18s ease;
}
.fl-news-form:focus-within { border-color: rgba(215,166,74,.55) !important; }
.fl-news-form.is-error { border-color: var(--danger) !important; }
.fl-news-form.is-success { border-color: #2e6b45 !important; }
.fl-news-form button { border-radius: 9px !important; width: 42px !important; height: 42px !important; }
.fl-news-msg {
	margin: 10px 2px 0 !important;
	font-size: 12px !important;
	line-height: 1.8;
	min-height: 0;
}
.fl-news-msg:empty { display: none; }
.fl-news-msg.is-error { color: #e08b83; }
.fl-news-msg.is-success { color: #7fc391; }
.fl-club-form.is-error .fl-club-inputwrap { border-color: var(--danger) !important; }
.fl-club-form.is-success .fl-club-inputwrap { border-color: #2e6b45 !important; }
.fl-copy { color: var(--text-muted) !important; }
.fl-pay .p-label { color: var(--text-muted) !important; }
.fl-pay .p-zarinpal, .fl-pay .p-mellat, .fl-pay .p-saman, .fl-pay .p-enamad {
	color: var(--text-secondary) !important;
	border: 1px solid var(--border) !important;
	background: var(--surface) !important;
}
.fl-trust { background: var(--surface) !important; border: 1px solid var(--border-subtle) !important; }
.fl-trust__item strong { color: var(--text-primary) !important; }
.fl-trust__item small { color: var(--text-muted) !important; }
.fl-socials a { color: var(--text-secondary); }
.fl-socials a:hover { color: var(--gold-light); border-color: rgba(215,166,74,.5); }

/* ─────────────────────────────────────────────────────────
   13. RESPONSIVE MATRIX — 360 / 390 / 414 / 768 / 1024 / 1280+
   ───────────────────────────────────────────────────────── */
@media (max-width: 1020px) {
	.flx-hero h1 { max-width: 460px; }
	.flx-reviews__grid { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
	.fl-container { width: calc(100% - 32px) !important; }
	.flx-section { padding-top: 72px !important; }
	.flx-brands-sec { padding-top: 72px !important; }

	/* Hero stacks vertically; media never overflows the frame */
	.flx-hero {
		height: 540px !important;
		min-height: 0 !important;
	}
	.flx-hero__media { filter: brightness(1.08); }
	.flx-hero h1 {
		font-size: clamp(34px, 9vw, 46px) !important;
		line-height: 1.25 !important;
		margin: 14px 0 0 !important;
	}
	.flx-hero__copy {
		width: 100% !important;
		font-size: 14px !important;
		line-height: 2 !important;
		margin: 12px 0 24px !important;
	}
	.flx-hero__ctas { flex-direction: column; align-items: stretch; width: 100%; gap: 10px; }
	.flx-hero__ctas .flx-primary,
	.flx-hero__ctas .flx-secondary { width: 100%; height: 50px !important; }

	/* Trust bar: tidy 2x2 */
	.flx-trust__in { grid-template-columns: 1fr 1fr !important; gap: 4px 0 !important; padding: 14px 0 !important; }
	.flx-trust__in > div { border-inline-end: 0 !important; padding: 10px 4px !important; gap: 10px !important; }
	.flx-trust strong { font-size: 12.5px !important; }
	.flx-trust small { font-size: 12px !important; }

	/* Categories */
	.flx-campaigns { grid-template-rows: 260px 200px 200px 200px !important; gap: 12px !important; }

	/* Story */
	.flx-story__metrics { gap: 22px !important; }
	.flx-story__metrics b { font-size: 19px !important; }

	/* Reviews */
	.flx-reviews__grid { gap: 12px; }

	/* Journal */
	.flx-journal__lead strong { font-size: 17px !important; }
	.flx-journal__side a { grid-template-columns: 110px 1fr; min-height: 118px; }
	.flx-journal__side img { width: 110px; }

	/* Membership */
	.flx-membership { padding-top: 56px !important; padding-bottom: 56px !important; }
	.flx-membership__perks { align-items: flex-start; text-align: right; }
	.flx-membership .flx-primary { width: 100%; }

	/* Footer */
	.fl-footer { margin-top: 48px !important; }
}
@media (max-width: 414px) {
	.fl-container { width: calc(100% - 28px) !important; }
	.flx-hero { height: 520px !important; }
	.flx-hero h1 { font-size: clamp(32px, 8.6vw, 40px) !important; }
	.flx-product-grid { gap: 10px !important; }
	.flx-product-grid .fl-prod__body { padding: 9px 10px 11px !important; }
	.flx-product-grid .fl-price .amount bdi,
	.flx-product-grid .fl-price strong { font-size: 15px !important; }
	.fl-heading-row, .flx-heading { gap: 10px !important; }
}
@media (max-width: 360px) {
	.flx-product-grid { grid-template-columns: 1fr !important; }
	.flx-brand { flex: 0 0 60%; }
	.flx-hero h1 { font-size: 30px !important; }
	.flx-trust__in { grid-template-columns: 1fr !important; }
}
/* Camera island / fold-safe */
@supports (padding: max(0px)) {
	body { padding-inline: 0; }
}

/* ─────────────────────────────────────────────────────────
   14. ACCESSIBILITY & MOTION
   ───────────────────────────────────────────────────────── */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
	outline: 2px solid var(--gold) !important;
	outline-offset: 2px !important;
	border-radius: 6px;
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
		scroll-behavior: auto !important;
	}
	.fl-reveal { opacity: 1 !important; transform: none !important; }
	.flx-campaign:hover img, .flx-product-grid .fl-prod:hover .fl-prod__imgwrap img { transform: none !important; }
}

/* ─────────────────────────────────────────────────────────
   15. FINAL MICRO-POLISH
   ───────────────────────────────────────────────────────── */
::selection { background: rgba(215,166,74,.25) !important; color: #fff !important; }
.fl-topbar { color: var(--text-secondary); }
.fl-toast { background: var(--surface-elevated) !important; border-color: rgba(215,166,74,.55) !important; color: var(--text-primary) !important; }

/* Breadcrumb and generic pages inherit token colours */
.fl-crumbs { color: var(--text-muted) !important; }
.fl-card { background: var(--surface) !important; border-color: var(--border-subtle) !important; }
.fl-arch { background: var(--surface) !important; border-color: var(--border-subtle) !important; }
.fl-arch:hover { border-color: rgba(215,166,74,.4) !important; }
.comment-body, .comment-respond { background: var(--surface) !important; border-color: var(--border-subtle) !important; }

/* Touch devices have no hover — keep card actions reachable (WCAG 2.1.13) */
@media (hover: none) {
	.fl-prod__actions { opacity: 1 !important; transform: none !important; }
	.flx-campaign__content i { opacity: 1 !important; transform: none !important; }
}
/* Keyboard users should see them too */
.fl-prod__actions:focus-within { opacity: 1 !important; transform: none !important; }

/* ─────────────────────────────────────────────────────────
   16. HUMAN-STORE DETAILS (v3.5)
   ───────────────────────────────────────────────────────── */

/* Persian price typography — one consistent font for every amount. */
.price, .price *, .amount, .amount *, .fl-price, .fl-price *,
.fl-price bdi, .woocommerce-Price-amount, .woocommerce-Price-amount *,
.woocommerce-Price-currencySymbol {
	font-family: var(--font) !important;
	font-variant-numeric: normal !important;
	direction: rtl;
	unicode-bidi: embed;
}

/* Topbar: three balanced zones — support | center notice | account */
.fl-topbar__in {
	display: grid !important;
	grid-template-columns: 1fr auto 1fr !important;
	align-items: center;
	gap: 12px !important;
	flex-wrap: nowrap;
}
.fl-topbar-support { justify-self: start; font-size: 12px; color: var(--text-muted); }
.fl-topbar-center {
	justify-self: center;
	text-align: center;
	font-size: 12.5px;
	font-weight: 600;
	color: var(--text-secondary);
	white-space: normal;
	min-width: 0;
}
.fl-topbar-link {
	justify-self: end;
	display: inline-flex !important;
	align-items: center;
	gap: 7px;
	font-size: 12.5px;
	font-weight: 600;
	color: var(--text-secondary) !important;
	transition: color .2s;
}
.fl-topbar-link:hover { color: var(--gold-light) !important; }
.fl-topbar-link .fl-ic { width: 15px; height: 15px; }
@media (max-width: 760px) {
	/* keep the 3-zone grid so the notice stays optically centered;
	   the hidden support cell just collapses. */
	.fl-topbar__in { grid-template-columns: auto 1fr auto !important; }
	.fl-topbar-support { display: none; }
	.fl-topbar-center { font-size: 12px; }
}

/* Review cards — a real date next to a real name. */
.flx-review figcaption { display: flex; flex-direction: column; gap: 3px; }
.flx-review__date {
	font-size: 12px;
	font-weight: 400;
	color: var(--text-muted);
	direction: rtl;
}

/* Story — "verified by the technical team" proof chip. */
.flx-story__qa {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	width: fit-content;
	padding: 6px 13px;
	border-radius: 999px;
	border: 1px solid rgba(215,166,74,.38);
	background: rgba(215,166,74,.08);
	color: var(--gold-light);
	font-size: 12px;
	font-weight: 700;
	margin-bottom: 16px;
}
.flx-story__qa .fl-ic { width: 14px; height: 14px; color: var(--gold); }

/* ─────────────────────────────────────────────────────────
   17. HUMAN REVIEWS, LIVING BRANDS, JOURNAL BYLINE (v3.6)
   ───────────────────────────────────────────────────────── */

/* Reviews — avatar + verified + readable body */
.flx-review { display: flex; flex-direction: column; gap: 14px; }
.flx-review__head {
	display: grid;
	grid-template-columns: 44px 1fr auto;
	align-items: center;
	gap: 12px;
}
.flx-review__ava {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: linear-gradient(150deg, #242424, #161616);
	border: 1px solid var(--border);
	color: var(--gold-light);
	font-size: 17px;
	font-weight: 800;
}
.flx-review__who { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.flx-review__who strong { font-size: 14px; font-weight: 700; color: var(--text-primary); }
.flx-review__verified {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 11.5px;
	font-weight: 600;
	font-style: normal;
	color: #5fae7c;
}
.flx-review__verified .fl-ic { width: 13px; height: 13px; }
.flx-review__head .flx-review__stars { align-self: start; }
.flx-review blockquote {
	font-size: 14.5px !important;
	line-height: 2.05 !important;
	color: #cfccc5 !important;
}
.flx-review__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	border-top: 1px solid var(--border-subtle);
	padding-top: 12px;
	margin-top: auto;
}
.flx-review__foot .flx-review__prod { font-size: 12px; color: var(--text-secondary); }
.flx-review__foot .flx-review__prod:hover { color: var(--gold-light); }

/* Reviews — honest empty state (never fabricate comments) */
.flx-review__empty {
	max-width: 560px;
	margin-inline: auto;
	text-align: center;
	padding: 48px 28px;
	border: 1px dashed var(--border);
	border-radius: 18px;
	background: var(--bg-secondary);
}
.flx-review__empty-ic {
	display: inline-grid;
	place-items: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: rgba(215,166,74,.1);
	border: 1px solid rgba(215,166,74,.3);
	color: var(--gold);
	margin-bottom: 16px;
}
.flx-review__empty-ic .fl-ic { width: 24px; height: 24px; }
.flx-review__empty h2 { font-size: 20px; font-weight: 800; color: var(--text-primary); margin-bottom: 10px; }
.flx-review__empty p { font-size: 13.5px; line-height: 2; color: var(--text-secondary); margin-bottom: 22px; }
.flx-review__empty-ctas { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }

/* Story — the operational checklist replacing vague slogans */
.flx-story__list {
	list-style: none;
	padding: 0;
	margin: 18px 0 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.flx-story__list li {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 13.5px;
	font-weight: 500;
	color: #d0cdc6;
}
.flx-story__list .fl-ic {
	width: 17px;
	height: 17px;
	flex: none;
	padding: 3px;
	border-radius: 50%;
	background: rgba(215,166,74,.12);
	border: 1px solid rgba(215,166,74,.35);
	color: var(--gold);
	box-sizing: content-box;
}

/* Brands — living tiles with a real product count */
.flx-brand {
	flex-direction: column;
	gap: 10px !important;
	transition: border-color .25s, background .25s, transform .25s;
}
.flx-brand img { transition: opacity .25s, filter .25s; }
.flx-brand:hover { transform: translateY(-2px); }
.flx-brand:hover img { opacity: 1 !important; filter: none !important; }
.flx-brand__count {
	font-size: 11.5px;
	font-weight: 500;
	color: var(--text-muted);
	transition: color .25s;
}
.flx-brand:hover .flx-brand__count { color: var(--text-secondary); }

/* Journal — byline (brand) next to reading time */
.flx-journal__by {
	font-size: inherit;
	font-weight: 600;
	font-style: normal;
	color: var(--text-secondary);
}
.flx-journal__by::before { content: '·'; margin-inline: 6px 2px; color: var(--text-muted); }

/* Product groups — subtle real-world variety instead of uniform renders */
.flx-product-grid .fl-prod--apparel .fl-prod__imgwrap,
.fl-prods .fl-prod--apparel .fl-prod__imgwrap {
	background: radial-gradient(circle at 50% 34%, #161e24 0%, #0d1114 72%) !important;
}
.flx-product-grid .fl-prod--supplement .fl-prod__imgwrap,
.fl-prods .fl-prod--supplement .fl-prod__imgwrap {
	background: radial-gradient(circle at 50% 34%, #1b1712 0%, #100e0b 72%) !important;
}
.flx-product-grid .fl-prod--gear .fl-prod__imgwrap,
.fl-prods .fl-prod--gear .fl-prod__imgwrap {
	background: radial-gradient(circle at 50% 34%, #181818 0%, #101010 72%) !important;
}

/* Secondary-text contrast: readable, still quiet */
.flx-journal a em,
.flx-review__date,
.fl-prod__cat,
.fl-footer p, .fl-footer .fl-links a,
.fl-contact li {
	color: #b6b3ac;
}

/* Journal side column: works with 2–4 cards, never clips */
.flx-journal__side a {
	min-height: 0 !important;
	flex: 1 1 0 !important;
}
.flx-journal__side img {
	width: 150px !important;
	min-height: 128px;
}
@media (max-width: 900px) {
	.flx-journal__side a { flex: none !important; }
}

/* Journal lead: readable title even over bright product labels */
.flx-journal__lead::after {
	background: linear-gradient(to top, rgba(4,5,5,.96) 0%, rgba(4,5,5,.66) 40%, rgba(4,5,5,.22) 66%, rgba(4,5,5,.06) 100%) !important;
}
.flx-journal__lead strong { text-shadow: 0 2px 16px rgba(0,0,0,.65); }
.flx-journal__lead em, .flx-journal__lead small { text-shadow: 0 1px 10px rgba(0,0,0,.6); }

/* =========================================================
   18. HOMEPAGE REDESIGN — DESIGN-TEAM PASS (v3.7)

   Locked decisions:
   — Spacing scale only: 8 / 16 / 24 / 40 / 64 / 96
   — Type scale: H1 52 · H2 36 · H3 24 · Body 16 · Caption 13
     (headings/captions at LH 150%; Persian body text at 1.85 —
      Persian glyphs need slightly more air to stay readable)
   — Layered blacks: page #0B0B0B · bands #121212 · cards #1A1A1A
   — Gold reserved: CTA fills, links, key icons, rating highlight
   — Product cards: 20px padding, 12px title→price, 20px price→CTA,
     46px button, quiet elevation on hover
   — No glassmorphism, neon, heavy shadow, thick borders, showy motion
========================================================= */

/* ── Tokens ─────────────────────────────────────────────── */
:root {
	--bg-primary: #0b0b0b;
	--bg-secondary: #121212;
	--surface: #1a1a1a;
	--surface-elevated: #1f1f1f;

	--s1: 8px;  --s2: 16px; --s3: 24px;
	--s4: 40px; --s5: 64px; --s6: 96px;

	--fs-h1: 52px; --fs-h2: 36px; --fs-h3: 24px;
	--fs-body: 16px; --fs-cap: 13px;
}
body { background: var(--bg-primary) !important; }

/* ── Vertical rhythm: every gap is a scale value ────────── */
@media (min-width: 701px) {
	.flx-section { padding-top: var(--s6) !important; }
	.flx-category-experience { padding-top: var(--s5) !important; }
	.flx-brands-sec { padding-top: var(--s6) !important; }
	.flx-journal { padding-top: var(--s6) !important; }
	.fl-footer { margin-top: var(--s6) !important; }
}
@media (max-width: 700px) {
	.flx-section { padding-top: var(--s5) !important; }
	.flx-category-experience { padding-top: var(--s4) !important; }
	.flx-brands-sec { padding-top: var(--s5) !important; }
	.flx-journal { padding-top: var(--s5) !important; }
	.fl-footer { margin-top: var(--s5) !important; }
}
@media (min-width: 701px) { .flx-heading { margin-bottom: var(--s4) !important; } }
@media (max-width: 700px) { .flx-heading { margin-bottom: var(--s3) !important; } }

/* ── Type hierarchy: scale + 150% LH, no decorative gold bars ── */
.flx-heading h2 {
	font-size: clamp(26px, 2.6vw, var(--fs-h2)) !important;
	line-height: 1.5 !important;
	padding-inline-start: 0 !important;
	letter-spacing: 0 !important;
}
.flx-heading h2::before { display: none !important; }
.flx-heading > a { font-size: var(--fs-cap) !important; }
@media (max-width: 700px) { .flx-heading h2 { font-size: 26px !important; } }

/* ── HERO: value proposition, calm cinematic frame ──────── */
@media (min-width: 701px) {
	.flx-hero {
		height: min(600px, calc(100vh - 130px)) !important;
		min-height: 520px !important;
	}
	.flx-hero__in { padding-inline-start: 7% !important; padding-inline-end: 46% !important; }
}
.flx-hero__media { filter: brightness(1.03) contrast(1.07) saturate(.97) !important; }
/* Subject separation: directional + subtle, no glow */
@media (min-width: 701px) {
	.flx-hero__veil {
		background:
			linear-gradient(to left, rgba(11,11,11,.92) 0%, rgba(11,11,11,.6) 30%, rgba(11,11,11,.16) 56%, rgba(11,11,11,0) 74%),
			linear-gradient(to top, rgba(11,11,11,.5), rgba(11,11,11,0) 34%) !important;
	}
	.flx-hero h1 {
		font-size: var(--fs-h1) !important;
		line-height: 1.42 !important;
		max-width: 30ch !important;
		margin: var(--s2) 0 0 !important;
		letter-spacing: 0 !important;
		text-shadow: 0 2px 18px rgba(0,0,0,.5) !important;
	}
	.flx-hero__copy {
		width: auto !important;
		max-width: 46ch !important;
		font-size: 18px !important;
		line-height: 1.85 !important;
		margin: var(--s2) 0 var(--s4) !important;
		color: rgba(243,241,237,.84) !important;
	}
}
.flx-eyebrow {
	direction: rtl !important;
	letter-spacing: 0 !important;
	font-size: var(--fs-cap) !important;
	font-weight: 600 !important;
	color: #b7b4ad !important;
}
.flx-eyebrow span { background: #454540 !important; }
@media (max-width: 700px) {
	.flx-hero { height: 560px !important; }
	.flx-hero h1 {
		font-size: clamp(28px, 8.4vw, 36px) !important;
		line-height: 1.5 !important;
		letter-spacing: 0 !important;
	}
	.flx-hero__copy {
		font-size: 15px !important;
		line-height: 1.9 !important;
		margin: var(--s1) 0 var(--s3) !important;
	}
	.flx-hero__veil {
		background: linear-gradient(to top, rgba(11,11,11,.95), rgba(11,11,11,.3) 68%, rgba(11,11,11,.12)) !important;
	}
	.flx-eyebrow { font-size: 12px !important; }
}

/* ── Buttons: 52px / radius 12 / quiet brighten + soft shadow ── */
.flx-primary {
	border-radius: 12px !important;
	padding-inline: 32px !important;
	box-shadow: none !important;
	transition: background .18s ease, transform .18s ease, box-shadow .18s ease !important;
}
.flx-primary:hover {
	background: var(--gold-light) !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 10px 26px rgba(215,166,74,.18) !important;
}
.flx-secondary { border-radius: 12px !important; padding-inline: 32px !important; }
.flx-hero__ctas { gap: var(--s2) !important; }

/* ── TRUST: four small cards, line icons ────────────────── */
.flx-trust { border-bottom: 1px solid var(--border-subtle) !important; }
.flx-trust__in { padding: var(--s3) 0 !important; gap: var(--s2) !important; }
.flx-trust__in > div,
.flx-trust__in > div:last-child {
	background: var(--bg-secondary);
	border: 1px solid var(--border-subtle) !important;
	border-inline-end: 1px solid var(--border-subtle) !important;
	border-radius: 12px;
	padding: var(--s2) 20px !important;
	gap: 14px !important;
	align-items: center;
}
.flx-trust__in .fl-ic { width: var(--s3) !important; height: var(--s3) !important; stroke-width: 1.6 !important; }
.flx-trust strong { font-size: 14px !important; }
.flx-trust small { font-size: 12.5px !important; color: var(--text-secondary) !important; }
@media (max-width: 700px) {
	.flx-trust__in { gap: var(--s1) !important; padding: var(--s2) 0 !important; }
	.flx-trust__in > div,
	.flx-trust__in > div:last-child { padding: 14px 12px !important; gap: 10px !important; }
}

/* ── CATEGORIES: bigger tiles, wider gaps, soft gradient ── */
@media (min-width: 701px) {
	.flx-campaigns { gap: var(--s3) !important; grid-template-rows: 320px 320px !important; }
}
.flx-campaign { border-radius: 14px !important; }
.flx-campaign:hover img { transform: scale(1.03) !important; }
.flx-campaign__shade {
	background: linear-gradient(to top, rgba(11,11,11,.88) 0%, rgba(11,11,11,.4) 46%, rgba(11,11,11,.08) 78%, rgba(11,11,11,0) 100%) !important;
}
@media (max-width: 700px) {
	.flx-campaigns { grid-template-rows: 300px 220px 220px 220px !important; gap: var(--s2) !important; }
}

/* ── PRODUCTS: quiet band + minimal-lux cards ───────────── */
@media (min-width: 701px) {
	.flx-collections {
		background: var(--bg-secondary) !important;
		padding: var(--s5) 0 !important;
		margin-top: var(--s6) !important;
	}
	.flx-product-grid { gap: var(--s3) !important; }
}
@media (max-width: 700px) {
	.flx-collections {
		background: var(--bg-secondary) !important;
		padding: var(--s4) 0 !important;
		margin-top: var(--s5) !important;
	}
	.flx-product-grid { gap: var(--s2) !important; }
}
.flx-collections__footer { margin-top: var(--s4) !important; }

.flx-product-grid .fl-prod {
	overflow: hidden !important;
	border-radius: 12px !important;
	background: var(--surface) !important;
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}
.flx-product-grid .fl-prod__imgwrap { border-radius: 11px 11px 0 0 !important; }
.flx-product-grid .fl-prod:hover {
	transform: translateY(-3px) !important;
	box-shadow: 0 14px 34px rgba(0,0,0,.36) !important;
	border-color: rgba(215,166,74,.35) !important;
}
.flx-product-grid .fl-prod:hover .fl-prod__imgwrap img { transform: scale(1.025) !important; }
/* Internal card rhythm: 20px padding · 12px name→price · 20px price→CTA */
.flx-product-grid .fl-prod__body { padding: 20px !important; gap: 0 !important; }
.flx-product-grid .fl-rate { margin-bottom: var(--s1) !important; }
.flx-product-grid .fl-prod__name {
	font-size: 14px !important;
	line-height: 1.75 !important;
	margin: 0 0 12px !important;
	min-height: 3.5em !important;
}
.flx-product-grid .fl-price { display: block; margin: 0 0 20px !important; }
.flx-product-grid .fl-addcart {
	height: 46px !important;
	min-height: 46px !important;
	margin-top: 0 !important;
	border-radius: 10px !important;
}
@media (max-width: 700px) {
	.flx-product-grid .fl-prod__body { padding: var(--s2) !important; }
	.flx-product-grid .fl-prod__name { margin-bottom: var(--s1) !important; }
}

/* ── BRANDS: larger logos, opacity + 1.03 scale on hover ── */
.flx-brands { gap: var(--s2) !important; }
.flx-brand {
	min-height: 104px;
	padding: 20px 16px !important;
	border-radius: 12px !important;
}
.flx-brand img {
	max-height: 44px;
	max-width: 150px;
	opacity: .8;
	transition: opacity .2s ease, transform .2s ease !important;
}
.flx-brand:hover { transform: none !important; }
.flx-brand:hover img { opacity: 1 !important; transform: scale(1.03) !important; }
.flx-brand__count { font-size: var(--fs-cap) !important; }

/* ── WHY FITLAND (story): calm card, real metrics, no gold paint ── */
.flx-story {
	background: var(--surface) !important;
	border: 1px solid var(--border-subtle) !important;
	border-radius: 16px !important;
}
@media (min-width: 701px) {
	.flx-story__copy { padding: var(--s5) !important; }
	.flx-story__image::after { background: linear-gradient(90deg, transparent 50%, var(--surface)) !important; }
}
@media (max-width: 700px) {
	.flx-story__copy { padding: var(--s4) var(--s3) !important; }
	.flx-story__image::after { background: linear-gradient(to top, var(--surface), transparent) !important; }
}
.flx-story h2 {
	font-size: clamp(26px, 2.6vw, var(--fs-h2)) !important;
	line-height: 1.45 !important;
	margin: 0 0 var(--s2) !important;
	letter-spacing: 0 !important;
}
.flx-story h2 em { color: inherit !important; }
.flx-story__copy > p:not(.flx-kicker) {
	font-size: var(--fs-body) !important;
	line-height: 1.85 !important;
	margin: 0 0 var(--s3) !important;
	max-width: 48ch !important;
}
.flx-story__qa {
	border-color: #3a3a35 !important;
	background: #161614 !important;
	color: #d9d6cf !important;
	margin-bottom: var(--s2) !important;
}
.flx-story__list { margin: 0 0 var(--s3) !important; gap: 12px !important; }
.flx-story__list li { font-size: 14px !important; line-height: 1.8 !important; }
@media (min-width: 701px) {
	.flx-story__metrics {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: var(--s2) var(--s3) !important;
		margin-top: var(--s4) !important;
		padding-top: var(--s3) !important;
		border-top-color: var(--border) !important;
	}
}
@media (max-width: 700px) {
	.flx-story__metrics {
		margin-top: var(--s4) !important;
		padding-top: var(--s3) !important;
		gap: var(--s3) !important;
		border-top-color: var(--border) !important;
	}
}
.flx-story__metrics b { color: var(--text-primary) !important; font-size: var(--fs-h3) !important; }
.flx-story__metrics span { font-size: var(--fs-cap) !important; min-width: 0; }
.flx-story__image span {
	color: #cfccc4 !important;
	border-color: #3a3a35 !important;
	background: rgba(11,11,11,.62) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: 0 !important;
}

/* ── REVIEWS: breathable testimonial cards ──────────────── */
.flx-reviews__grid { gap: var(--s2) !important; }
.flx-review {
	padding: var(--s3) !important;
	gap: var(--s2) !important;
	border-radius: 14px !important;
}
.flx-review blockquote { font-size: 15px !important; line-height: 1.9 !important; }
.flx-review__foot { padding-top: var(--s2) !important; margin-top: auto !important; }
.flx-review__date { font-size: var(--fs-cap) !important; }
.flx-review__foot .flx-review__prod { font-size: var(--fs-cap) !important; }

/* ── JOURNAL: every card now carries an explicit CTA ────── */
.flx-journal small { color: #cfccc4 !important; font-size: var(--fs-cap) !important; }
.flx-journal__lead strong { font-size: var(--fs-h3) !important; line-height: 1.6 !important; }
.flx-journal__cta {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: var(--s2);
	font-size: var(--fs-cap);
	font-weight: 700;
	font-style: normal;
	color: var(--gold);
	transition: color .18s ease;
}
.flx-journal__cta .fl-ic { width: 15px; height: 15px; }
a:hover .flx-journal__cta,
a:focus-visible .flx-journal__cta { color: var(--gold-light); }
.flx-journal__lead .flx-journal__cta { text-shadow: 0 1px 10px rgba(0,0,0,.45); }

/* ── FOOTER: clear divisions, more air, social hover ────── */
.fl-footer {
	background: var(--bg-secondary) !important;
	border-top: 1px solid var(--border-subtle) !important;
}
@media (min-width: 701px) {
	.fl-fcols { gap: var(--s4) !important; padding: var(--s5) 0 48px !important; }
	.fl-fbottom { padding: var(--s3) 0 !important; margin-top: var(--s3) !important; }
}
@media (max-width: 700px) {
	.fl-fcols { gap: var(--s4) !important; padding: var(--s4) 0 var(--s3) !important; }
}
.fl-footer .fl-trust { margin-top: var(--s1) !important; }
.fl-fcol h4 { font-size: 15px !important; margin-bottom: var(--s2) !important; }
.fl-fcol h4::before { display: none !important; }
.fl-fcol h4 { padding-inline-start: 0 !important; }
.fl-links a { padding: 7px 0 !important; }
.fl-socials a { transition: color .2s ease, border-color .2s ease, background .2s ease !important; }
.fl-socials a:hover {
	color: var(--gold-light) !important;
	border-color: rgba(215,166,74,.5) !important;
	background: rgba(215,166,74,.06) !important;
	transform: none !important;
}

/* ── Legacy membership banner: not rendered on the homepage anymore.
   Styles kept for any page template still using it. ──────────── */

/* =========================================================
   19. BRAND-DEPTH PASS (v3.8)

   Design-team decisions, second iteration:
   — Five-shade black system (0B/10/17/20/2A), no flat black
   — Hero: full-bleed composition; text lives in the image's
     negative space; ~30% readability veil only (image stays alive)
   — H1 typographic rhythm: Light 300 + one Heavy 800 word
   — Trust badges inline under the hero CTAs
   — Visual signature: "ascent lines" motif (from the logo mark's
     rising diagonal), whisper-quiet, repeated across the page
   — Product grid breaks symmetry: featured card spans 2 columns,
     sale cards slightly raised, varied hover responses
   — Every interactive element: 200–300ms, ease-out
========================================================= */

:root {
	--bg-primary: #0b0b0b;
	--bg-secondary: #101010;
	--surface: #171717;
	--surface-elevated: #202020;
	--border: #2a2a2a;
	--border-subtle: #202020;

	--s7: 120px;

	/* Fitland visual signature — three ascending lines (the same
	   rising diagonal as the logo mark), too quiet to decorate,
	   present enough to identify the brand without the logo. */
	--fl-sig: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%23282828' stroke-width='1.5'%3E%3Cpath d='M-40 200 200-40'/%3E%3Cpath d='M-16 224 224-16'/%3E%3Cpath d='M-64 176 176-64'/%3E%3C/g%3E%3C/svg%3E");
}

/* Signature echoes: trust strip · story card · products band · footer */
.flx-trust {
	background-image: var(--fl-sig);
	background-repeat: no-repeat;
	background-position: left -46px bottom -70px;
}
.flx-story {
	background-image: var(--fl-sig);
	background-repeat: no-repeat;
	background-position: left -36px top -36px;
}
.flx-collections {
	background-image: var(--fl-sig);
	background-repeat: no-repeat;
	background-position: right -56px top -80px;
}
.fl-footer {
	background-image: var(--fl-sig);
	background-repeat: no-repeat;
	background-position: right -64px top -70px;
}

/* ── HERO: full-bleed, text composed into the negative space ── */
@media (min-width: 701px) {
	.flx-hero {
		height: min(640px, calc(100vh - 110px)) !important;
		min-height: 560px !important;
	}
	.flx-hero__media {
		inset: 0 !important;
		background-position: center center !important;
	}
	.flx-hero__media::after { display: none !important; }
	.flx-hero__in { padding-inline-start: 6.5% !important; padding-inline-end: 47% !important; }
	.flx-hero__veil {
		background:
			linear-gradient(to left, rgba(11,11,11,.5) 0%, rgba(11,11,11,.3) 46%, rgba(11,11,11,.22) 100%) !important;
	}
	.flx-hero h1 {
		max-width: 100% !important;
		line-height: 1.5 !important;
	}
}
.flx-hero__media { filter: brightness(1.08) contrast(1.05) saturate(.97) !important; }

/* H1 rhythm: light sentence, one heavy word */
.flx-hero h1 { font-weight: 300 !important; }
.flx-hero h1 b { font-weight: 800; }
.flx-br-desk { display: none; }
@media (min-width: 701px) { .flx-br-desk { display: block; } }

/* Inline trust badges under the CTAs — micro-reassurance, no boxes */
.flx-hero__badges {
	list-style: none;
	margin: var(--s3) 0 0;
	padding: var(--s2) 0 0;
	border-top: 1px solid rgba(243,241,237,.14);
	display: flex;
	flex-wrap: wrap;
	gap: 10px var(--s2);
	max-width: none;
}
.flx-hero__badges li {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: 12.5px;
	font-weight: 500;
	color: rgba(243,241,237,.68);
	white-space: nowrap;
}
.flx-hero__badges .fl-ic {
	width: 14px;
	height: 14px;
	flex: none;
	color: var(--gold);
	stroke-width: 2.2;
}
@media (max-width: 700px) {
	.flx-hero__badges { gap: var(--s1) var(--s2); margin-top: 20px; }
	.flx-hero__badges li { font-size: 12px; }
}

/* ── Rhythm: magazine gets the deep breath (120) before footer ── */
@media (min-width: 701px) {
	.flx-journal { padding-top: var(--s7) !important; }
	.fl-footer { margin-top: var(--s7) !important; }
}

/* ── Heading variety: products centered, brands centered ─────── */
@media (min-width: 701px) {
	.flx-collections .flx-heading { display: block !important; text-align: center; }
	.flx-collections .flx-heading > a { margin-top: var(--s1); }
	.flx-brands-sec .flx-heading { justify-content: center !important; }
}

/* ── STORY: asymmetric split, 2×2 real metrics ─────────────── */
@media (min-width: 701px) {
	.flx-story { grid-template-columns: 1.12fr .88fr !important; }
	.flx-story__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* ── PRODUCT CARDS: 24px padding, radius 14, broken symmetry ── */
.flx-product-grid .fl-prod { border-radius: 14px !important; }
.flx-product-grid .fl-prod__imgwrap { border-radius: 13px 13px 0 0 !important; }
.flx-product-grid .fl-prod__body { padding: var(--s3) !important; }
@media (max-width: 700px) {
	.flx-product-grid .fl-prod__body { padding: var(--s2) !important; }
}

/* Sale cards sit one step above the rest */
.flx-product-grid .fl-prod:has(.fl-off:not(.fl-off--out)) {
	background: #1c1c1c !important;
	border-color: #2e2e2e !important;
}
.flx-product-grid .fl-prod:has(.fl-off:not(.fl-off--out)):hover .fl-prod__imgwrap img {
	transform: scale(1.045) !important;
}

/* Featured product: the grid's anchor — wide, editorial, gold CTA */
@media (min-width: 701px) {
	.flx-product-grid .fl-prod:first-child {
		grid-column: span 2;
		display: grid !important;
		grid-template-columns: 1.08fr .92fr;
	}
	.flx-product-grid .fl-prod:first-child .fl-prod__imgwrap {
		aspect-ratio: auto !important;
		min-height: 100%;
		border-radius: 0 !important;
	}
	.flx-product-grid .fl-prod:first-child .fl-prod__imgwrap img {
		height: 100%;
		object-fit: cover;
	}
	.flx-product-grid .fl-prod:first-child .fl-prod__body {
		padding: var(--s3) !important;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		padding-top: var(--s4) !important;
	}
	.flx-product-grid .fl-prod:first-child .fl-addcart { margin-top: auto !important; }
	.flx-product-grid .fl-prod:first-child .fl-prod__name {
		font-size: 17px !important;
		min-height: 0 !important;
		margin-bottom: var(--s2) !important;
	}
	.flx-product-grid .fl-prod:first-child .fl-price { margin-bottom: var(--s3) !important; }
	.flx-product-grid .fl-prod:first-child .fl-price .amount bdi { font-size: 20px !important; }
	.flx-product-grid .fl-prod:first-child .fl-addcart {
		background: var(--gold) !important;
		border-color: var(--gold) !important;
		color: #191307 !important;
	}
	.flx-product-grid .fl-prod:first-child .fl-addcart:hover {
		background: var(--gold-light) !important;
		border-color: var(--gold-light) !important;
		box-shadow: 0 8px 22px rgba(215,166,74,.16) !important;
	}
	/* featured answers hover with image zoom, not a lift */
	.flx-product-grid .fl-prod:first-child:hover { transform: none !important; }
}
/* Mobile: featured goes full-width so the 7-card grid stays whole (2+2+2+2) */
@media (max-width: 700px) {
	.flx-product-grid .fl-prod:first-child { grid-column: span 2; }
	.flx-product-grid .fl-prod:first-child .fl-prod__imgwrap { border-radius: 13px 13px 0 0 !important; }
}
/* Tablet: 2-column grid so featured (span 2) + 6 = whole rows of 2 */
@media (min-width: 701px) and (max-width: 1020px) {
	.flx-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* =========================================================
   20. ANTI-PATTERN PASS (v3.9)

   Removing the last mechanical patterns:
   — Hero becomes a poster: subject pushed ~15% right, head near
     the upper third, copy composed inside the image's negative
     space, 20° angled veil (no uniform overlay), soft rim light
     behind the athlete, hair-fine photographic noise
   — Typography: H1 LH ~110%, tracking -1%, single ExtraBold word;
     body copy relaxed to 160%
   — Grids break rank: categories gain a wide card, journal lead
     takes 65%, product rows intentionally vary card heights
   — Depth: ambient shadows (low opacity, big blur) + micro-noise
   — Identity: one chip silhouette (slanted edge) for every badge,
     one ascent-tick before every right-aligned section title
   — Motion: header shrinks on scroll, hero entrances fade+rise,
     cards rise 4px, images scale ~1.03 — all 200–300ms ease-out
========================================================= */

:root {
	/* photographic micro-noise — invisible texture, no banding */
	--fl-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E");
	/* brand tick — the ascent motif, reduced for headline use */
	--fl-tick: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='%234a4a44' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M1 13 13 1'/%3E%3Cpath d='M6.5 15.5 15.5 6.5'/%3E%3Cpath d='M.5 9.5 9.5.5'/%3E%3C/g%3E%3C/svg%3E");
	--fl-ease: cubic-bezier(.18,.7,.25,1);
	--fl-shadow-card: 0 1px 2px rgba(0,0,0,.16), 0 14px 34px -14px rgba(0,0,0,.32);
	--fl-shadow-raised: 0 2px 4px rgba(0,0,0,.16), 0 22px 44px -14px rgba(0,0,0,.42);
}

/* ── HERO: poster composition ────────────────────────────── */
@media (min-width: 701px) {
	.flx-hero__media {
		background-size: 115% auto !important;
		background-position: 15% 12% !important; /* subject ≈ +15% right, head ≈ upper third */
	}
	.flx-hero__in {
		padding-inline-start: 52% !important;  /* copy lives in the negative space (left) */
		padding-inline-end: 6.5% !important;
	}
	.flx-hero__veil {
		background:
			var(--fl-noise),
			linear-gradient(72deg, rgba(11,11,11,.72) 4%, rgba(11,11,11,.38) 34%, rgba(11,11,11,.05) 62%, rgba(11,11,11,0) 78%),   /* ~20° angled veil */
			radial-gradient(360px 470px at 63% 46%, rgba(232,224,212,.09), transparent 72%) !important;                             /* rim light behind athlete */
	}
}
@media (min-width: 701px) and (max-width: 1020px) {
	.flx-hero__in { padding-inline-start: 46% !important; padding-inline-end: 5% !important; }
	.flx-hero__media { background-position: 20% 12% !important; }
}
@media (max-width: 700px) {
	.flx-hero__veil {
		background:
			var(--fl-noise),
			linear-gradient(to top, rgba(11,11,11,.95), rgba(11,11,11,.3) 68%, rgba(11,11,11,.12)) !important;
	}
}

/* Hero entrance: fade + rise, staggered, ≤450ms total */
@keyframes flxHeroIn {
	from { opacity: 0; transform: translateY(14px); }
	to   { opacity: 1; transform: none; }
}
.flx-hero__in > * { animation: flxHeroIn .4s var(--fl-ease) both; }
.flx-hero__in > *:nth-child(2) { animation-delay: .05s; }
.flx-hero__in > *:nth-child(3) { animation-delay: .1s; }
.flx-hero__in > *:nth-child(4) { animation-delay: .15s; }
.flx-hero__in > *:nth-child(5) { animation-delay: .2s; }

/* ── TYPOGRAPHY: tighter titles, relaxed copy ────────────── */
.flx-hero h1 {
	line-height: 1.12 !important;
	letter-spacing: -0.5px !important; /* ≈ -1% at 52px */
}
@media (min-width: 701px) {
	.flx-heading h2, .flx-story h2 { letter-spacing: -0.3px !important; }
}
.flx-hero__copy { line-height: 1.6 !important; }

/* Section-title brand tick (right-aligned headings only) */
.flx-heading h2 { position: relative; padding-inline-start: 26px !important; }
.flx-heading h2::before {
	display: block !important;
	content: '';
	position: absolute;
	inset-inline-start: 0;
	top: 50%;
	translate: 0 -50%;
	width: 16px;
	height: 16px;
	background: var(--fl-tick) center/contain no-repeat;
}
.flx-collections .flx-heading h2,
.flx-brands-sec .flx-heading h2 { padding-inline-start: 0 !important; }
.flx-collections .flx-heading h2::before,
.flx-brands-sec .flx-heading h2::before { display: none !important; }

/* ── GRID: categories gain a wide card, journal lead 65% ─── */
@media (min-width: 701px) {
	.flx-campaigns {
		grid-template-columns: 1.12fr 1fr 1fr !important;
		grid-template-rows: 288px 288px !important;
	}
	/* !important is required: premium-refine forces grid-row:auto !important */
	.flx-campaign--1 { grid-row: span 2 !important; }
	.flx-campaign--4 { grid-column: span 2 !important; }
	/* detail-crop: the wide card becomes a fabric close-up, not another studio shot */
	.flx-campaign--4 img { transform: scale(1.22); transform-origin: 50% 62%; filter: brightness(1.12) !important; }
	.flx-campaign--4:hover img { transform: scale(1.27) !important; }
	.flx-journal__grid { grid-template-columns: 1.857fr 1fr !important; }
}

/* ── PRODUCT ROWS: deliberately uneven image rhythm ────────
   Cards stay stretched (no dead grid holes); variety lives in
   image proportions — card 2 breathes more, card 3 is tighter. */
@media (min-width: 701px) {
	.flx-product-grid .fl-prod:nth-child(2) .fl-prod__imgwrap { aspect-ratio: 1/1.06 !important; }
	.flx-product-grid .fl-prod:nth-child(3) .fl-prod__imgwrap { aspect-ratio: 1/1.24 !important; }
}
/* Featured shows its real short description */
.fl-prod__desc { display: none; }
@media (min-width: 701px) {
	.flx-product-grid .fl-prod:first-child .fl-prod__desc {
		display: block;
		font-size: var(--fs-cap);
		line-height: 1.7;
		color: var(--text-secondary);
		margin: -4px 0 var(--s2);
	}
}

/* ── IDENTITY: one chip silhouette for every badge ───────── */
.fl-off {
	clip-path: polygon(7px 0, 100% 0, calc(100% - 7px) 100%, 0 100%);
	border-radius: 3px !important;
	padding: 5px 12px !important;
}
.flx-story__qa {
	clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
	border-radius: 3px !important;
	border: 0 !important;
	background: #1e1e1c !important;
}

/* ── DEPTH: ambient shadow + textured surfaces ───────────── */
.flx-product-grid .fl-prod { box-shadow: var(--fl-shadow-card) !important; }
.flx-product-grid .fl-prod:hover {
	transform: translateY(-4px) !important; /* the 4px lift */
	box-shadow: var(--fl-shadow-raised) !important;
}
.flx-review, .flx-brand, .flx-journal__side a,
.flx-trust__in > div, .flx-trust__in > div:last-child {
	box-shadow: 0 1px 2px rgba(0,0,0,.14), 0 12px 28px -16px rgba(0,0,0,.3);
}
.flx-collections {
	background-image: var(--fl-sig), var(--fl-noise) !important;
	background-repeat: no-repeat, repeat !important;
	background-position: right -56px top -80px, 0 0 !important;
}
.flx-story {
	background-image:
		radial-gradient(560px 300px at 26% 0%, rgba(243,241,237,.035), transparent 62%),
		var(--fl-sig), var(--fl-noise) !important;
	background-repeat: no-repeat, no-repeat, repeat !important;
	background-position: 0 0, left -36px top -36px, 0 0 !important;
}

/* ── MOTION: header shrinks on scroll + button hover shadow ── */
@media (min-width: 701px) {
	.fl-header__in { transition: min-height .25s var(--fl-ease) !important; }
	.fl-logo-mark { transition: width .25s var(--fl-ease), height .25s var(--fl-ease) !important; }
	.fl-logo-word { transition: font-size .25s var(--fl-ease) !important; }
	.fl-header.is-scrolled .fl-header__in { min-height: 54px !important; }
	.fl-header.is-scrolled .fl-logo-mark { width: 32px !important; height: 32px !important; }
	.fl-header.is-scrolled .fl-logo-word { font-size: 18px !important; }
	.fl-header.is-scrolled { box-shadow: 0 10px 30px rgba(0,0,0,.35); }
}
.flx-secondary:hover { box-shadow: 0 8px 22px rgba(0,0,0,.3) !important; }

/* ── TRUST: real-stats strip (renders only with real data) ── */
@media (min-width: 701px) { .flx-trust { margin-top: var(--s6) !important; } }
@media (max-width: 700px) { .flx-trust { margin-top: var(--s4) !important; } }
.flx-trust__stats {
	display: flex;
	flex-wrap: wrap;
	gap: var(--s1) 28px;
	padding: 0 0 var(--s3);
	margin-top: -6px;
}
.flx-trust__stat { font-size: var(--fs-cap); color: var(--text-secondary); }
.flx-trust__stat b { color: var(--text-primary); font-weight: 800; margin-inline-end: 6px; }

/* ── CLUB BANNER: the final conversion moment ────────────── */
.flx-clubcta__in {
	display: grid;
	grid-template-columns: 1.05fr .95fr;
	background-color: #101010;
	background-image: var(--fl-sig);
	background-repeat: no-repeat;
	background-position: right -40px bottom -60px;
	border: 1px solid var(--border-subtle);
	border-radius: 16px;
	overflow: hidden;
}
@media (min-width: 701px) {
	.flx-clubcta__copy { padding: var(--s5) !important; align-self: center; }
	.flx-clubcta__media { min-height: 300px; }
}
.flx-clubcta__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 42%;
	filter: brightness(1.02);
}
.flx-clubcta__copy h2 {
	font-size: clamp(24px, 2.4vw, 32px) !important;
	font-weight: 800 !important;
	margin: 0 0 var(--s2) !important;
	letter-spacing: -0.3px !important;
}
.flx-clubcta__copy p {
	font-size: var(--fs-body) !important;
	line-height: 1.8 !important;
	color: var(--text-secondary) !important;
	max-width: 46ch !important;
	margin: 0 0 var(--s3) !important;
}
.flx-clubcta__copy .flx-primary { width: fit-content; }
@media (max-width: 700px) {
	.flx-clubcta__in { grid-template-columns: 1fr; }
	.flx-clubcta__copy { padding: var(--s4) var(--s3); order: 2; }
	.flx-clubcta__media { height: 200px; order: 1; }
	.flx-clubcta__copy .flx-primary { width: 100%; }
}

/* ── MICRO-INTERACTIONS: 200–300ms, ease-out, defined states ── */
.flx-primary, .flx-secondary, .flx-product-grid .fl-addcart,
.fl-menu a, .flx-brand, .flx-brand img, .flx-campaign, .flx-campaign img,
.flx-journal__side a, .fl-links a, .fl-socials a, .fl-topbar-link,
.flx-heading > a, .flx-text-link, .flx-review__prod, .flx-journal__cta {
	transition-duration: .22s !important;
	transition-timing-function: cubic-bezier(.18,.7,.25,1) !important;
}
.flx-product-grid .fl-prod__imgwrap img {
	transition: transform .3s cubic-bezier(.18,.7,.25,1), filter .3s cubic-bezier(.18,.7,.25,1) !important;
}
/* Active states: press feedback, never theatrical */
.flx-primary:active { transform: translateY(0) scale(.99) !important; }
.flx-secondary:active { transform: translateY(0) scale(.99) !important; }
.flx-product-grid .fl-addcart:active { transform: scale(.98) !important; }
.flx-brand:active img { transform: scale(1.01) !important; }

/* =========================================================
   21. DESIGN REVIEW & POLISH (v3.10)

   Refinement only — no layout/structure/identity changes.
   — Hero: subject ~13% larger & slightly more off-center,
     warmer rim light on face/shoulder, veil ONLY where the
     copy sits, tighter H1→copy→CTA group
   — Type: tighter titles (LH ~1.35, tracking ≈ -1%),
     descriptive copy normalized to 155–165% LH, ≤65ch lines
   — Spacing: token-only rhythm; uneven but deliberate
     section cadence (96 → 64 → 96 → 120)
   — Depth: hairline top-light on cards (ambient), badge gets
     sticker elevation, hover = micro-scale + soft shadow
   — Interaction: full state matrix (hover/focus/active/
     disabled/loading) on every interactive element
========================================================= */

:root {
	/* corner & control scale — one language everywhere */
	--r1: 8px;  --r2: 12px; --r3: 14px; --r4: 16px; --r5: 20px;
	--fl-btn-h: 52px;
	--fl-input-h: 48px;
	--fl-pad-card: 24px;
	/* ambient depth: hairline top-light, like ceiling light on paper */
	--fl-hairline: inset 0 1px 0 rgba(243,241,237,.045);
	--fl-shadow-soft: 0 1px 2px rgba(0,0,0,.14), 0 18px 40px -18px rgba(0,0,0,.34);
}

/* ── HERO ───────────────────────────────────────────────── */
@media (min-width: 701px) {
	.flx-hero__media {
		background-size: 130% auto !important;   /* +13% subject scale */
		background-position: 17% 10% !important; /* slightly more off-center */
	}
	.flx-hero__veil {
		background:
			var(--fl-noise),
			linear-gradient(72deg, rgba(11,11,11,.78) 3%, rgba(11,11,11,.42) 32%, rgba(11,11,11,.06) 58%, rgba(11,11,11,0) 74%),
			radial-gradient(400px 520px at 63% 44%, rgba(238,229,214,.14), transparent 74%) !important; /* warmer key light on face/shoulder */
	}
}
@media (min-width: 701px) and (max-width: 1020px) {
	.flx-hero__media { background-position: 23% 10% !important; }
}
/* one reading group: title → copy → CTA sit tighter together */
.flx-hero h1 { margin: var(--s2) 0 12px !important; }
.flx-hero__copy { margin: 0 0 var(--s3) !important; max-width: 42ch !important; line-height: 1.65 !important; }
.flx-hero__badges { margin-top: var(--s2) !important; }
.flx-hero__badges .fl-ic { stroke-width: 1.8 !important; }

/* ── TYPOGRAPHY: tighter titles, calmer copy ────────────── */
@media (min-width: 701px) {
	.flx-heading h2, .flx-story h2, .flx-clubcta__copy h2 {
		line-height: 1.35 !important;
		letter-spacing: -0.4px !important;
	}
}
.flx-story__copy p { line-height: 1.65 !important; max-width: 56ch; }
.flx-clubcta__copy p { line-height: 1.65 !important; max-width: 52ch !important; }
.fl-prod__desc { line-height: 1.6 !important; }

/* ── SPACING rhythm: replace raw leftovers with the scale ── */
.flx-journal { padding-top: var(--s6) !important; }      /* was raw 80px */
@media (min-width: 701px) {
	.flx-brands-sec { padding-top: var(--s5) !important; } /* lighter beat between two dense bands */
}

/* ── PRODUCT CARDS: breathe, hierarchy, soft hover ───────── */
@media (min-width: 701px) {
	.flx-product-grid .fl-addcart { margin-top: var(--s2) !important; } /* price → CTA air (was 13px) */
	.flx-product-grid .fl-prod:hover {
		transform: scale(1.014) !important;                  /* micro-scale instead of lift */
		box-shadow: var(--fl-shadow-soft) !important;
	}
}
/* ambient hairline on all card surfaces */
.flx-product-grid .fl-prod,
.flx-review, .flx-brand, .flx-trust__in > div, .flx-trust__in > div:last-child,
.flx-journal__side a, .flx-journal__lead {
	box-shadow: var(--fl-hairline), var(--fl-shadow-card) !important;
}
@media (min-width: 701px) {
	.flx-product-grid .fl-prod:hover { box-shadow: var(--fl-hairline), var(--fl-shadow-soft) !important; }
}
/* sale sticker: flatter, elevated, still the ONE chip silhouette */
.fl-off {
	background: #b23a2e !important;
	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	padding: 6px 12px !important;
	box-shadow: 0 4px 14px -3px rgba(0,0,0,.5) !important;
}

/* ── BRANDS: bigger marks, exact alignment, soft hover ───── */
.flx-brand { min-height: 112px !important; padding: var(--s3) !important; border-radius: var(--r3) !important; }
.flx-brand img { max-height: 52px !important; max-width: 172px !important; }
.flx-brand:hover { box-shadow: var(--fl-hairline), var(--fl-shadow-card) !important; }

/* ── REVIEWS: fix head alignment, padding, stars ─────────── */
/* The old figcaption rule (flex column) beat the head grid —
   restore the editorial row: avatar | name+badge | stars */
.flx-review figcaption.flx-review__head {
	display: grid !important;
	grid-template-columns: 44px minmax(0, 1fr) auto !important;
	align-items: center !important;
	justify-items: start !important;
	gap: 12px !important;
	text-align: start !important;
}
.flx-review { padding: var(--fl-pad-card) !important; gap: var(--s2) !important; }
.flx-review blockquote { line-height: 1.7 !important; max-width: 62ch; }
.flx-review__stars .fl-ic { width: 15px !important; height: 15px !important; }
@media (max-width: 700px) {
	.flx-review { padding: var(--s3) !important; }
}

/* ── TRUST: stats as one measured strip ─────────────────── */
.flx-trust__stats {
	align-items: center !important;
	gap: var(--s1) var(--s4) !important;
	padding: var(--s3) 0 !important;
	margin-top: var(--s2) !important;
	border-top: 1px solid var(--border-subtle);
}
.flx-trust__stat { display: inline-flex; align-items: baseline; }
.flx-trust__stat b { font-size: 17px !important; margin-inline-end: 8px !important; }
.flx-trust__stat + .flx-trust__stat::before {
	content: '';
	width: 1px;
	height: 14px;
	background: var(--border);
	margin-inline-end: var(--s4);
	align-self: center;
}

/* ── JOURNAL: lead legibility on the packshot ────────────── */
.flx-journal__lead::after {
	background:
		linear-gradient(to top, rgba(7,7,7,.97) 0%, rgba(7,7,7,.78) 46%, rgba(7,7,7,.18) 80%),
		radial-gradient(72% 62% at 80% 94%, rgba(7,7,7,.58), transparent 72%) !important;
}
.flx-journal__lead strong { text-shadow: 0 2px 16px rgba(0,0,0,.65) !important; }
.flx-journal__lead img { filter: brightness(1.07) !important; }
.flx-journal__side img { filter: brightness(1.05); }
.flx-journal__cta { color: var(--gold-light) !important; font-weight: 700 !important; }

/* ── CLUB: noise texture + calmer copy + stronger CTA ────── */
.flx-clubcta__in {
	background-image: var(--fl-noise), var(--fl-sig) !important;
	background-repeat: repeat, no-repeat !important;
	background-position: 0 0, right -40px bottom -60px !important;
	border-radius: var(--r4) !important;
}
@media (min-width: 701px) {
	.flx-clubcta__media { min-height: 340px; }
	.flx-clubcta__copy .flx-primary { min-height: var(--fl-btn-h); padding-inline: 40px; font-size: 15px; }
}

/* ── FOOTER: airier columns, calmer links, unified controls ─ */
.fl-footer .fl-links a { line-height: 1.9 !important; color: #b3b0a8 !important; }
.fl-footer .fl-links a:hover { color: var(--gold-light) !important; }
.fl-footer input[type="email"], .fl-footer input[type="text"], .fl-footer input[type="search"] {
	min-height: var(--fl-input-h) !important;
	border-radius: var(--r2) !important;
}
.fl-footer button, .fl-footer .fl-news button { min-height: var(--fl-input-h) !important; }
.fl-socials a { border-radius: var(--r2) !important; }

/* ── INTERACTION: the full state matrix ──────────────────── */
/* Disabled — no fake affordance */
.flx-primary:disabled, .flx-primary[aria-disabled="true"], .flx-primary.is-disabled,
.flx-secondary:disabled, .flx-secondary[aria-disabled="true"], .flx-secondary.is-disabled,
.flx-product-grid .fl-addcart:disabled, .flx-product-grid .fl-addcart[aria-disabled="true"],
.flx-product-grid .fl-addcart.is-disabled, .flx-product-grid .fl-addcart.disabled {
	opacity: .45 !important;
	cursor: not-allowed !important;
}
.flx-primary:disabled:hover, .flx-primary.is-disabled:hover,
.flx-secondary:disabled:hover, .flx-secondary.is-disabled:hover,
.flx-product-grid .fl-addcart:disabled:hover, .flx-product-grid .fl-addcart.disabled:hover {
	transform: none !important;
	box-shadow: none !important;
}
/* Loading — WooCommerce toggles .loading on ajax add-to-cart */
.flx-product-grid .fl-addcart.loading, .flx-primary.loading, .flx-secondary.loading {
	opacity: .65 !important;
	cursor: progress !important;
	pointer-events: none !important;
}
/* Focus — one consistent gold ring everywhere */
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
	outline: 2px solid rgba(215,166,74,.75) !important;
	outline-offset: 2px !important;
}