/* =========================================================
   FITLAND v4.0 — WORLD-CLASS PREMIUM REFINEMENT
   Creative Direction: Global Fitness Brand Standard
   
   Architecture: UNCHANGED
   Sections: UNCHANGED
   Purpose: Elevate execution from 9/10 → 10/10
   
   Principles:
   — Cinematic depth over flat surfaces
   — Intentional negative space over density
   — Typography as the primary brand vehicle
   — Gold as a whisper, not a shout
   — Every pixel earns its place
   ========================================================= */

/* ─────────────────────────────────────────────────────────
   1. TYPOGRAPHY SYSTEM — Persian Headline Scale
   ───────────────────────────────────────────────────────── */
:root {
	/* Refined type scale — modular, cinematic */
	--fs-display: clamp(72px, 7.2vw, 112px);
	--fs-h1: clamp(42px, 4.2vw, 56px);
	--fs-h2: clamp(30px, 3vw, 40px);
	--fs-h3: clamp(22px, 2.2vw, 28px);
	--fs-body: 15.5px;
	--fs-small: 13px;
	--fs-micro: 11px;
	--fs-eyebrow: 10.5px;
	
	/* Refined gold — warmer, more restrained */
	--gold-refined: #c9a05c;
	--gold-bright: #e4b96a;
	--gold-dim: rgba(201,160,92,.12);
	--gold-border: rgba(201,160,92,.18);
	
	/* Cinematic surfaces */
	--surface-0: #0a0b0b;
	--surface-1: #0e0f10;
	--surface-2: #131415;
	--surface-3: #181a1b;
	--surface-raised: #1c1e1f;
	
	/* Spacing rhythm — 8px grid */
	--space-xs: 8px;
	--space-sm: 16px;
	--space-md: 24px;
	--space-lg: 40px;
	--space-xl: 64px;
	--space-2xl: 96px;
	--space-3xl: 128px;
	
	/* Refined radius */
	--radius-sm: 6px;
	--radius-md: 10px;
	--radius-lg: 16px;
	--radius-xl: 22px;
}

/* ─────────────────────────────────────────────────────────
   2. HEADER — Sticky Premium Command Bar
   ───────────────────────────────────────────────────────── */
@media (min-width: 701px) {
	.fl-topbar {
		background: var(--surface-0) !important;
		border-bottom: 1px solid rgba(255,255,255,.04) !important;
		font-size: 11.5px !important;
		letter-spacing: .2px !important;
	}
	.fl-topbar__in {
		padding-block: 7px !important;
		min-height: 32px !important;
	}
	
	/* Sticky header wrapper */
	.fl-header {
		position: sticky !important;
		top: 0;
		z-index: 900;
		background: rgba(10,11,11,.92) !important;
		backdrop-filter: blur(20px) saturate(1.4) !important;
		-webkit-backdrop-filter: blur(20px) saturate(1.4) !important;
		border-bottom: 1px solid rgba(255,255,255,.06) !important;
		transition: box-shadow .4s ease, background .4s ease;
	}
	.fl-header.is-scrolled {
		background: rgba(8,9,9,.97) !important;
		box-shadow: 0 4px 32px rgba(0,0,0,.5), 0 1px 0 rgba(201,160,92,.08) !important;
	}
	
	.fl-header__in {
		min-height: 72px !important;
		padding-block: 0 !important;
		gap: 36px !important;
	}
	
	/* Logo — commanding presence */
	.fl-logo {
		gap: 13px !important;
	}
	.fl-logo-mark {
		width: 44px !important;
		height: 44px !important;
		filter: drop-shadow(0 2px 8px rgba(201,160,92,.2)) !important;
		transition: filter .3s ease;
	}
	.fl-logo:hover .fl-logo-mark {
		filter: drop-shadow(0 2px 14px rgba(201,160,92,.35)) !important;
	}
	.fl-logo-word {
		font-size: 22px !important;
		letter-spacing: 4.5px !important;
		font-weight: 800 !important;
		color: #fff !important;
	}
	.fl-logo-word b {
		color: var(--gold-refined) !important;
	}
	
	/* Search — refined, quiet luxury */
	.fl-search {
		max-width: 460px !important;
		flex: 1 1 320px !important;
	}
	.fl-search input {
		height: 42px !important;
		background: rgba(255,255,255,.04) !important;
		border: 1px solid rgba(255,255,255,.09) !important;
		border-radius: 999px !important;
		font-size: 13px !important;
		color: #e8e8e8 !important;
		padding: 0 20px !important;
		padding-left: 48px !important;
		transition: all .3s cubic-bezier(.4,0,.2,1) !important;
	}
	.fl-search input::placeholder {
		color: rgba(255,255,255,.32) !important;
		font-weight: 400 !important;
	}
	.fl-search input:focus {
		background: rgba(255,255,255,.06) !important;
		border-color: rgba(201,160,92,.4) !important;
		box-shadow: 0 0 0 3px rgba(201,160,92,.08) !important;
	}
	.fl-search button {
		width: 34px !important;
		height: 34px !important;
		left: 5px !important;
		background: transparent !important;
		color: var(--gold-refined) !important;
		border: 0 !important;
	}
	.fl-search button:hover {
		color: var(--gold-bright) !important;
		transform: translateY(-50%) scale(1.08) !important;
	}
	.fl-search button .fl-ic {
		width: 17px !important;
		height: 17px !important;
	}
	
	/* Header icons — refined, minimal */
	.fl-hicons {
		gap: 8px !important;
	}
	.fl-hbtn {
		width: 40px !important;
		height: 40px !important;
		border-radius: var(--radius-md) !important;
		border: 1px solid rgba(255,255,255,.07) !important;
		background: rgba(255,255,255,.03) !important;
		color: #b0b3ae !important;
		transition: all .25s cubic-bezier(.4,0,.2,1) !important;
	}
	.fl-hbtn:hover {
		color: var(--gold-bright) !important;
		border-color: rgba(201,160,92,.3) !important;
		background: rgba(201,160,92,.06) !important;
		transform: translateY(-1px) !important;
	}
	.fl-hbtn .fl-ic {
		width: 19px !important;
		height: 19px !important;
		stroke-width: 1.6 !important;
	}
	.fl-badge {
		width: 17px !important;
		height: 17px !important;
		min-width: 17px !important;
		font-size: 9.5px !important;
		top: -5px !important;
		inset-inline-end: -5px !important;
		background: var(--gold-refined) !important;
		box-shadow: 0 2px 6px rgba(201,160,92,.4) !important;
	}
	
	/* Navigation — refined hierarchy */
	.fl-nav {
		background: rgba(10,11,11,.95) !important;
		border-top: 1px solid rgba(255,255,255,.04) !important;
		border-bottom: 1px solid rgba(255,255,255,.05) !important;
	}
	.fl-nav .fl-container {
		min-height: 46px !important;
	}
	.fl-menu a {
		font-size: 13px !important;
		font-weight: 500 !important;
		color: rgba(255,255,255,.55) !important;
		padding: 12px 16px !important;
		letter-spacing: .2px !important;
		transition: color .25s ease !important;
	}
	.fl-menu a:hover {
		color: rgba(255,255,255,.9) !important;
	}
	.fl-menu .is-active a {
		color: var(--gold-refined) !important;
		font-weight: 600 !important;
	}
	.fl-menu .is-active a::after {
		height: 2px !important;
		background: var(--gold-refined) !important;
		inset-inline: 16px !important;
		border-radius: 2px !important;
	}
}

/* ─────────────────────────────────────────────────────────
   3. HERO — Cinematic Campaign Standard
   ───────────────────────────────────────────────────────── */
@media (min-width: 701px) {
	.flx-hero {
		height: min(780px, calc(100vh - 118px)) !important;
		min-height: 620px !important;
		margin-top: 0 !important;
		border-radius: 0 !important;
		background: var(--surface-0) !important;
	}
	
	/* Athlete isolation — right 60% is the stage */
	.flx-hero__media {
		inset-inline-start: 32% !important;
		inset-inline-end: 0 !important;
		background-position: 72% center !important;
		background-size: cover !important;
		transform: none !important;
	}
	/* Cinematic separation gradient — 3-stop for depth */
	.flx-hero__media::after {
		content: '' !important;
		position: absolute !important;
		inset: 0 !important;
		background:
			linear-gradient(90deg, var(--surface-0) 0%, rgba(10,11,11,.85) 14%, rgba(10,11,11,.3) 42%, transparent 68%),
			linear-gradient(0deg, rgba(10,11,11,.6) 0%, transparent 25%),
			linear-gradient(180deg, rgba(10,11,11,.3) 0%, transparent 20%) !important;
	}
	
	/* Full veil — cinematic lighting control */
	.flx-hero__veil {
		background:
			linear-gradient(90deg, var(--surface-0) 0%, rgba(10,11,11,.82) 28%, rgba(10,11,11,.12) 58%, rgba(10,11,11,.06) 75%, rgba(10,11,11,.15) 100%),
			radial-gradient(ellipse at 25% 50%, rgba(10,11,11,.4) 0%, transparent 55%) !important;
	}
	
	/* Content zone — protected negative space */
	.flx-hero__in {
		position: relative !important;
		z-index: 2 !important;
		padding-inline-start: 8.5% !important;
		padding-inline-end: 55% !important;
		align-items: flex-start !important;
		justify-content: center !important;
	}
	
	/* Eyebrow — quiet authority */
	.flx-eyebrow {
		font-size: var(--fs-eyebrow) !important;
		letter-spacing: 2.8px !important;
		color: var(--gold-refined) !important;
		margin-bottom: 0 !important;
		opacity: .9 !important;
	}
	.flx-eyebrow span {
		width: 36px !important;
		height: 1px !important;
		background: var(--gold-refined) !important;
		opacity: .7 !important;
	}
	
	/* Headline — the brand's voice, maximum impact */
	.flx-hero h1 {
		font-size: var(--fs-display) !important;
		line-height: .94 !important;
		letter-spacing: -4.5px !important;
		font-weight: 800 !important;
		margin: 28px 0 0 !important;
		max-width: 480px !important;
		color: #fff !important;
		text-shadow: 0 2px 40px rgba(0,0,0,.5) !important;
	}
	.flx-hero h1 em {
		display: inline-block !important;
		color: var(--gold-bright) !important;
		text-shadow: 0 0 60px rgba(201,160,92,.2), 0 2px 40px rgba(0,0,0,.5) !important;
	}
	
	/* Copy — breathing room, readability */
	.flx-hero__copy {
		width: 300px !important;
		max-width: 100% !important;
		margin-top: 24px !important;
		margin-bottom: 40px !important;
		font-size: 15px !important;
		line-height: 2.2 !important;
		color: rgba(255,255,255,.62) !important;
		font-weight: 400 !important;
	}
	
	/* CTA — commanding, singular action */
	.flx-primary {
		height: 56px !important;
		padding-inline: 36px !important;
		border-radius: var(--radius-sm) !important;
		font-size: 14px !important;
		font-weight: 700 !important;
		letter-spacing: .3px !important;
		background: linear-gradient(135deg, var(--gold-bright) 0%, #b8842e 100%) !important;
		color: #0d0a05 !important;
		box-shadow: 0 12px 32px rgba(201,160,92,.22), 0 2px 8px rgba(0,0,0,.3) !important;
		transition: all .35s cubic-bezier(.4,0,.2,1) !important;
	}
	.flx-primary:hover {
		transform: translateY(-2px) !important;
		box-shadow: 0 18px 44px rgba(201,160,92,.32), 0 4px 12px rgba(0,0,0,.4) !important;
	}
	.flx-primary .fl-ic {
		width: 17px !important;
		height: 17px !important;
		transition: transform .3s ease !important;
	}
	.flx-primary:hover .fl-ic {
		transform: translateX(-3px) !important;
	}
	
	/* Index — quiet pagination */
	.flx-hero__index {
		bottom: 32px !important;
		inset-inline-end: 40px !important;
		font-size: 10px !important;
		letter-spacing: 1px !important;
	}
	.flx-hero__index b {
		color: var(--gold-refined) !important;
		font-size: 12px !important;
	}
	.flx-hero__index span {
		width: 44px !important;
		background: rgba(201,160,92,.4) !important;
	}
}

/* ─────────────────────────────────────────────────────────
   4. TRUST BAR — Quiet Authority
   ───────────────────────────────────────────────────────── */
@media (min-width: 701px) {
	.flx-trust {
		border-bottom: 1px solid rgba(255,255,255,.05) !important;
		background: var(--surface-0) !important;
	}
	.flx-trust__in {
		padding: 26px 0 !important;
		gap: 0 !important;
	}
	.flx-trust__in > div {
		padding: 0 28px !important;
		border-inline-end: 1px solid rgba(255,255,255,.06) !important;
		gap: 14px !important;
	}
	.flx-trust__in > div > span {
		color: var(--gold-refined) !important;
		opacity: .8 !important;
	}
	.flx-trust__in .fl-ic {
		width: 24px !important;
		height: 24px !important;
		stroke-width: 1.5 !important;
	}
	.flx-trust strong {
		font-size: 13.5px !important;
		font-weight: 600 !important;
		color: rgba(255,255,255,.88) !important;
	}
	.flx-trust small {
		font-size: 11px !important;
		color: rgba(255,255,255,.38) !important;
		margin-top: 2px !important;
	}
}

/* ─────────────────────────────────────────────────────────
   5. SECTION HEADINGS — Typographic Hierarchy
   ───────────────────────────────────────────────────────── */
@media (min-width: 701px) {
	.flx-section {
		padding-top: var(--space-3xl) !important;
	}
	
	.flx-heading {
		margin-bottom: var(--space-lg) !important;
		align-items: flex-end !important;
	}
	.flx-heading > p {
		font-size: var(--fs-eyebrow) !important;
		letter-spacing: 2.5px !important;
		color: var(--gold-refined) !important;
		margin-bottom: 10px !important;
		opacity: .85 !important;
	}
	.flx-heading h2 {
		font-size: var(--fs-h2) !important;
		font-weight: 800 !important;
		letter-spacing: -1.2px !important;
		line-height: 1.25 !important;
		color: #f5f4f0 !important;
	}
	.flx-heading > a {
		font-size: 12.5px !important;
		font-weight: 600 !important;
		color: var(--gold-refined) !important;
		opacity: .8 !important;
		transition: opacity .25s ease !important;
		gap: 7px !important;
	}
	.flx-heading > a:hover {
		opacity: 1 !important;
	}
	.flx-heading > a .fl-ic {
		width: 15px !important;
		height: 15px !important;
	}
	
	.flx-heading--center span {
		font-size: 14px !important;
		color: rgba(255,255,255,.42) !important;
		margin-top: 12px !important;
		line-height: 1.8 !important;
	}
	
	.flx-kicker {
		font-size: var(--fs-eyebrow) !important;
		letter-spacing: 2.5px !important;
		color: var(--gold-refined) !important;
		opacity: .85 !important;
	}
}

/* ─────────────────────────────────────────────────────────
   6. CATEGORY CAMPAIGNS — Curated, Not Cataloged
   ───────────────────────────────────────────────────────── */
@media (min-width: 701px) {
	.flx-category-experience {
		padding-top: var(--space-2xl) !important;
	}
	
	.flx-campaigns {
		grid-template-columns: 1.15fr .85fr !important;
		grid-template-rows: 320px 320px !important;
		gap: 14px !important;
	}
	
	.flx-campaign {
		border-radius: var(--radius-lg) !important;
		overflow: hidden !important;
	}
	.flx-campaign::before {
		content: '' !important;
		position: absolute !important;
		inset: 0 !important;
		border: 1px solid rgba(255,255,255,.06) !important;
		border-radius: inherit !important;
		z-index: 3 !important;
		pointer-events: none !important;
		transition: border-color .4s ease !important;
	}
	.flx-campaign:hover::before {
		border-color: rgba(201,160,92,.2) !important;
	}
	
	.flx-campaign img {
		transition: transform .8s cubic-bezier(.2,.75,.2,1) !important;
		filter: brightness(.92) contrast(1.04) !important;
	}
	.flx-campaign:hover img {
		transform: scale(1.05) !important;
		filter: brightness(1) contrast(1.02) !important;
	}
	
	.flx-campaign__shade {
		background: linear-gradient(to top, rgba(4,5,5,.92) 0%, rgba(4,5,5,.3) 45%, rgba(4,5,5,.02) 75%) !important;
	}
	
	.flx-campaign__content {
		inset-inline: 30px !important;
		bottom: 28px !important;
	}
	.flx-campaign__content small {
		font-size: 9px !important;
		letter-spacing: 2px !important;
		color: var(--gold-refined) !important;
		opacity: .8 !important;
	}
	.flx-campaign__content strong {
		font-size: 26px !important;
		font-weight: 700 !important;
		letter-spacing: -.5px !important;
		margin: 7px 0 4px !important;
		color: #fff !important;
	}
	.flx-campaign__content em {
		font-size: 12.5px !important;
		color: rgba(255,255,255,.55) !important;
		line-height: 1.7 !important;
		max-width: 280px !important;
	}
	.flx-campaign__content i {
		font-size: 11.5px !important;
		color: var(--gold-bright) !important;
		margin-top: 14px !important;
		opacity: 0 !important;
		transform: translateY(6px) !important;
		transition: all .35s cubic-bezier(.4,0,.2,1) !important;
	}
	.flx-campaign:hover .flx-campaign__content i {
		opacity: .9 !important;
		transform: none !important;
	}
}

/* ─────────────────────────────────────────────────────────
   7. PRODUCT PRESENTATION — Gallery Objects, Not Listings
   ───────────────────────────────────────────────────────── */
@media (min-width: 701px) {
	.flx-collections {
		padding-top: var(--space-3xl) !important;
		padding-bottom: var(--space-lg) !important;
		background: linear-gradient(180deg, transparent 0%, rgba(12,13,14,.6) 20%, rgba(12,13,14,.6) 80%, transparent 100%) !important;
	}
	
	/* Collection tabs — refined */
	.flx-collection-tabs {
		gap: 36px !important;
		margin-bottom: var(--space-lg) !important;
	}
	.flx-collection-tabs span {
		font-size: 13.5px !important;
		font-weight: 500 !important;
		color: rgba(255,255,255,.38) !important;
		padding-bottom: 10px !important;
		border-bottom: 1.5px solid transparent !important;
		transition: all .3s ease !important;
		cursor: pointer !important;
	}
	.flx-collection-tabs span:hover {
		color: rgba(255,255,255,.7) !important;
	}
	.flx-collection-tabs .is-active {
		color: #f2f1ec !important;
		font-weight: 600 !important;
		border-color: var(--gold-refined) !important;
	}
	
	/* Collection head */
	.flx-collection-head {
		margin-bottom: var(--space-md) !important;
	}
	.flx-collection-head span {
		font-size: 9px !important;
		letter-spacing: 2px !important;
		color: var(--gold-refined) !important;
		opacity: .7 !important;
	}
	.flx-collection-head h3 {
		font-size: 24px !important;
		font-weight: 700 !important;
		letter-spacing: -.5px !important;
		margin-top: 6px !important;
		color: #f0efe9 !important;
	}
	.flx-collection-head p {
		font-size: 13px !important;
		color: rgba(255,255,255,.4) !important;
		margin-top: 4px !important;
		line-height: 1.7 !important;
		max-width: 340px !important;
	}
	
	/* Product grid — generous spacing, gallery feel */
	.flx-product-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		gap: 24px !important;
	}
	
	/* Product card — clean, elevated */
	.flx-product-grid .fl-prod {
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		overflow: visible !important;
	}
	
	/* Product image — the hero of the card */
	.flx-product-grid .fl-prod__imgwrap {
		aspect-ratio: 1 / 1.32 !important;
		border-radius: var(--radius-md) !important;
		overflow: hidden !important;
		background: radial-gradient(circle at 50% 35%, #1e201f, #111213 70%) !important;
		position: relative !important;
		transition: box-shadow .4s cubic-bezier(.4,0,.2,1) !important;
	}
	.flx-product-grid .fl-prod__imgwrap::after {
		content: '' !important;
		position: absolute !important;
		inset: 0 !important;
		background: linear-gradient(to top, rgba(8,9,9,.18) 0%, transparent 35%) !important;
		pointer-events: none !important;
	}
	.flx-product-grid .fl-prod:hover .fl-prod__imgwrap {
		box-shadow: 0 16px 48px rgba(0,0,0,.4) !important;
	}
	.flx-product-grid .fl-prod__imgwrap img {
		transition: transform .6s cubic-bezier(.2,.75,.2,1) !important;
		filter: brightness(1.05) !important;
	}
	.flx-product-grid .fl-prod:hover .fl-prod__imgwrap img {
		transform: scale(1.04) !important;
	}
	
	/* Product body — clear hierarchy */
	.flx-product-grid .fl-prod__body {
		padding: 14px 3px 0 !important;
	}
	.flx-product-grid .fl-rate {
		display: none !important;
	}
	.flx-product-grid .fl-prod__name {
		font-size: 14.5px !important;
		font-weight: 600 !important;
		line-height: 1.6 !important;
		letter-spacing: -.2px !important;
		color: rgba(255,255,255,.88) !important;
		margin: 0 0 8px !important;
		min-height: 0 !important;
		transition: color .25s ease !important;
	}
	.flx-product-grid .fl-prod:hover .fl-prod__name {
		color: #fff !important;
	}
	
	/* Price — confident, clear */
	.flx-product-grid .fl-price {
		align-items: baseline !important;
		gap: 8px !important;
	}
	.flx-product-grid .fl-price strong {
		font-size: 17px !important;
		font-weight: 700 !important;
		color: #f0efe9 !important;
		letter-spacing: -.3px !important;
	}
	.flx-product-grid .fl-price del {
		font-size: 12px !important;
		color: rgba(255,255,255,.3) !important;
	}
	.flx-product-grid .fl-price span {
		font-size: 10.5px !important;
		color: rgba(255,255,255,.35) !important;
	}
	
	/* Add to cart — refined circle action */
	.flx-product-grid .fl-addcart {
		width: 40px !important;
		height: 40px !important;
		margin-top: 12px !important;
		border-radius: 50% !important;
		background: rgba(255,255,255,.04) !important;
		border: 1px solid rgba(255,255,255,.1) !important;
		color: var(--gold-refined) !important;
		transition: all .3s cubic-bezier(.4,0,.2,1) !important;
	}
	.flx-product-grid .fl-addcart .fl-ic {
		width: 17px !important;
		height: 17px !important;
	}
	.flx-product-grid .fl-addcart:hover {
		background: var(--gold-refined) !important;
		border-color: var(--gold-refined) !important;
		color: #0d0a05 !important;
		transform: translateY(-2px) !important;
		box-shadow: 0 6px 18px rgba(201,160,92,.3) !important;
	}
	
	/* Favorite — ghost */
	.flx-product-grid .fl-fav {
		width: 32px !important;
		height: 32px !important;
		background: rgba(0,0,0,.3) !important;
		backdrop-filter: blur(8px) !important;
		border: 1px solid rgba(255,255,255,.08) !important;
		border-radius: 50% !important;
		color: rgba(255,255,255,.6) !important;
		transition: all .25s ease !important;
	}
	.flx-product-grid .fl-fav:hover {
		color: #e88 !important;
		border-color: rgba(238,136,136,.3) !important;
	}
}

/* ─────────────────────────────────────────────────────────
   8. EDITORIAL STORY — Brand Manifesto
   ───────────────────────────────────────────────────────── */
@media (min-width: 701px) {
	.flx-editorial-product {
		padding-top: var(--space-3xl) !important;
	}
	
	.flx-story {
		grid-template-columns: 1.05fr .95fr !important;
		min-height: 520px !important;
		border-radius: var(--radius-xl) !important;
		background: linear-gradient(115deg, var(--surface-2), var(--surface-1)) !important;
		border: 1px solid rgba(255,255,255,.05) !important;
		overflow: hidden !important;
	}
	
	.flx-story__image img {
		object-position: center 20% !important;
		filter: brightness(.82) contrast(1.08) saturate(.95) !important;
	}
	.flx-story__image::after {
		background: linear-gradient(90deg, transparent 30%, var(--surface-2) 94%) !important;
	}
	.flx-story__image span {
		font-size: 9px !important;
		letter-spacing: 2px !important;
		color: var(--gold-refined) !important;
		opacity: .7 !important;
	}
	
	.flx-story__copy {
		padding: 56px 60px !important;
		align-self: center !important;
	}
	.flx-story h2 {
		font-size: clamp(38px, 3.8vw, 48px) !important;
		font-weight: 800 !important;
		line-height: 1.2 !important;
		letter-spacing: -2px !important;
		margin: 14px 0 20px !important;
		color: #f5f4f0 !important;
	}
	.flx-story h2 em {
		color: var(--gold-bright) !important;
	}
	.flx-story__copy > p:not(.flx-kicker) {
		font-size: 14.5px !important;
		line-height: 2.1 !important;
		color: rgba(255,255,255,.5) !important;
		max-width: 320px !important;
		margin-bottom: 28px !important;
	}
	
	.flx-text-link {
		font-size: 13px !important;
		font-weight: 600 !important;
		color: var(--gold-refined) !important;
		gap: 8px !important;
		transition: gap .3s ease !important;
	}
	.flx-text-link:hover {
		gap: 12px !important;
	}
	.flx-text-link .fl-ic {
		width: 15px !important;
		height: 15px !important;
	}
	
	.flx-story__metrics {
		margin-top: 36px !important;
		padding-top: 20px !important;
		border-top: 1px solid rgba(255,255,255,.07) !important;
		gap: 32px !important;
	}
	.flx-story__metrics b {
		font-size: 22px !important;
		font-weight: 800 !important;
		color: var(--gold-refined) !important;
		letter-spacing: -.5px !important;
	}
	.flx-story__metrics span {
		font-size: 10.5px !important;
		color: rgba(255,255,255,.38) !important;
	}
}

/* ─────────────────────────────────────────────────────────
   9. JOURNAL — Editorial Authority
   ───────────────────────────────────────────────────────── */
@media (min-width: 701px) {
	.flx-journal {
		padding-top: var(--space-2xl) !important;
	}
	
	.flx-journal__grid {
		gap: 16px !important;
	}
	
	.flx-journal__lead {
		border-radius: var(--radius-lg) !important;
		min-height: 440px !important;
	}
	.flx-journal__lead::after {
		background: linear-gradient(to top, rgba(6,7,7,.95) 0%, rgba(6,7,7,.2) 55%, transparent 75%) !important;
	}
	.flx-journal__lead > img {
		transition: transform .7s cubic-bezier(.2,.75,.2,1) !important;
	}
	.flx-journal__lead:hover > img {
		transform: scale(1.03) !important;
	}
	.flx-journal__lead span {
		bottom: 30px !important;
		inset-inline: 30px !important;
		max-width: 70% !important;
	}
	.flx-journal__lead small {
		font-size: 10px !important;
		letter-spacing: 1.5px !important;
	}
	.flx-journal strong {
		font-size: 24px !important;
		font-weight: 700 !important;
		line-height: 1.5 !important;
		letter-spacing: -.5px !important;
		margin: 8px 0 6px !important;
	}
	.flx-journal em {
		font-size: 11px !important;
		color: rgba(255,255,255,.4) !important;
	}
	
	.flx-journal__side {
		gap: 14px !important;
	}
	.flx-journal__side a {
		background: transparent !important;
		border: 0 !important;
		border-bottom: 1px solid rgba(255,255,255,.06) !important;
		border-radius: 0 !important;
		padding-bottom: 14px !important;
		transition: border-color .3s ease !important;
	}
	.flx-journal__side a:last-child {
		border-bottom: 0 !important;
		padding-bottom: 0 !important;
	}
	.flx-journal__side a:hover {
		border-color: rgba(201,160,92,.2) !important;
	}
	.flx-journal__side img {
		border-radius: var(--radius-md) !important;
		width: 140px !important;
		filter: brightness(.9) !important;
	}
	.flx-journal__side span {
		padding: 14px 14px 0 0 !important;
	}
	.flx-journal__side strong {
		font-size: 13.5px !important;
		line-height: 1.75 !important;
		font-weight: 600 !important;
		color: rgba(255,255,255,.82) !important;
	}
	.flx-journal__side small {
		font-size: 9.5px !important;
		letter-spacing: 1px !important;
	}
}

/* ─────────────────────────────────────────────────────────
   10. MEMBERSHIP — Exclusive Access
   ───────────────────────────────────────────────────────── */
@media (min-width: 701px) {
	.flx-membership {
		padding-top: var(--space-2xl) !important;
		padding-bottom: var(--space-2xl) !important;
	}
	
	.flx-membership__box {
		min-height: 260px !important;
		padding: 38px 50px !important;
		grid-template-columns: 180px 1fr auto !important;
		gap: 40px !important;
		border-radius: var(--radius-xl) !important;
		border: 1px solid rgba(201,160,92,.25) !important;
		background:
			radial-gradient(circle at 8% 50%, rgba(201,160,92,.12) 0%, transparent 35%),
			linear-gradient(120deg, var(--surface-3) 0%, var(--surface-1) 70%) !important;
		box-shadow: 0 24px 64px rgba(0,0,0,.3) !important;
	}
	.flx-membership__box::after {
		border-color: rgba(201,160,92,.06) !important;
	}
	
	.flx-membership__mark {
		border-inline-end: 1px solid rgba(255,255,255,.06) !important;
		padding-inline-end: 32px !important;
	}
	.flx-membership__mark .fl-logo-mark {
		width: 80px !important;
		height: 80px !important;
		filter: drop-shadow(0 0 24px rgba(201,160,92,.4)) !important;
	}
	.flx-membership__mark span {
		font-size: 16px !important;
		letter-spacing: 3.5px !important;
	}
	.flx-membership__mark small {
		font-size: 8px !important;
		letter-spacing: 4px !important;
	}
	
	.flx-membership h2 {
		font-size: 27px !important;
		font-weight: 700 !important;
		line-height: 1.4 !important;
		letter-spacing: -.8px !important;
		margin: 8px 0 10px !important;
		color: #f2f1ec !important;
	}
	.flx-membership p:not(.flx-kicker) {
		font-size: 13px !important;
		line-height: 2 !important;
		color: rgba(255,255,255,.45) !important;
		max-width: 420px !important;
	}
	
	.flx-membership .flx-primary {
		height: 50px !important;
		padding-inline: 32px !important;
		font-size: 13px !important;
		background: linear-gradient(135deg, var(--gold-bright), #b8842e) !important;
	}
}

/* ─────────────────────────────────────────────────────────
   11. FOOTER — Quiet Brand Continuation
   ───────────────────────────────────────────────────────── */
@media (min-width: 701px) {
	.fl-footer {
		border-top: 1px solid rgba(255,255,255,.05) !important;
		background: var(--surface-0) !important;
	}
	.fl-fcols {
		padding-top: var(--space-lg) !important;
		padding-bottom: var(--space-lg) !important;
		gap: 40px !important;
	}
	.fl-fcol p {
		font-size: 13px !important;
		line-height: 2 !important;
		color: rgba(255,255,255,.4) !important;
	}
	.fl-fcol h4 {
		font-size: 13px !important;
		font-weight: 700 !important;
		color: rgba(255,255,255,.75) !important;
		margin-bottom: 16px !important;
	}
	.fl-links a {
		font-size: 12.5px !important;
		color: rgba(255,255,255,.42) !important;
		transition: color .25s ease !important;
	}
	.fl-links a:hover {
		color: var(--gold-refined) !important;
	}
	.fl-fbottom {
		border-top: 1px solid rgba(255,255,255,.05) !important;
		padding: 16px 0 20px !important;
	}
	.fl-copy {
		font-size: 11.5px !important;
		color: rgba(255,255,255,.28) !important;
	}
}

/* ─────────────────────────────────────────────────────────
   12. GLOBAL MICRO-REFINEMENTS
   ───────────────────────────────────────────────────────── */

/* Scrollbar — refined */
::-webkit-scrollbar {
	width: 8px !important;
}
::-webkit-scrollbar-track {
	background: var(--surface-0) !important;
}
::-webkit-scrollbar-thumb {
	background: rgba(255,255,255,.12) !important;
	border-radius: 4px !important;
}
::-webkit-scrollbar-thumb:hover {
	background: rgba(201,160,92,.4) !important;
}

/* Selection */
::selection {
	background: rgba(201,160,92,.25) !important;
	color: #fff !important;
}

/* Focus states — accessible luxury */
a:focus-visible,
button:focus-visible,
input:focus-visible {
	outline: 2px solid var(--gold-refined) !important;
	outline-offset: 2px !important;
	border-radius: 4px !important;
}

/* Smooth transitions on all interactive elements */
.fl-btn, .fl-hbtn, .fl-search input, .fl-menu a, .flx-primary,
.flx-campaign, .fl-prod__imgwrap, .fl-addcart, .fl-fav {
	-webkit-tap-highlight-color: transparent;
}

/* ─────────────────────────────────────────────────────────
   13. MOBILE REFINEMENTS (≤700px)
   ───────────────────────────────────────────────────────── */
@media (max-width: 700px) {
	.flx-hero {
		height: 660px !important;
		border-radius: 0 !important;
		margin-top: 0 !important;
	}
	.flx-hero__media {
		inset-inline-start: 0 !important;
		background-position: 65% center !important;
	}
	.flx-hero__media::after {
		background: linear-gradient(to top, var(--surface-0) 0%, rgba(10,11,11,.4) 50%, rgba(10,11,11,.2) 100%) !important;
	}
	.flx-hero__veil {
		background: linear-gradient(to top, rgba(10,11,11,.95) 0%, rgba(10,11,11,.3) 60%, rgba(10,11,11,.15) 100%) !important;
	}
	.flx-hero__in {
		padding-inline: 24px !important;
		padding-bottom: 56px !important;
		justify-content: flex-end !important;
	}
	.flx-hero h1 {
		font-size: clamp(48px, 12vw, 62px) !important;
		line-height: 1 !important;
		letter-spacing: -2.5px !important;
	}
	.flx-hero__copy {
		width: 85% !important;
		font-size: 14px !important;
		margin-top: 16px !important;
		margin-bottom: 28px !important;
	}
	.flx-primary {
		height: 52px !important;
		width: 100% !important;
		justify-content: center !important;
	}
	
	.flx-section {
		padding-top: 72px !important;
	}
	.flx-heading h2 {
		font-size: 26px !important;
	}
	
	.flx-campaigns {
		grid-template-rows: 280px 220px 220px 220px !important;
	}
	.flx-campaign__content i {
		opacity: .85 !important;
		transform: none !important;
	}
	
	.flx-product-grid {
		gap: 14px !important;
	}
	.flx-product-grid .fl-prod__imgwrap {
		aspect-ratio: 1 / 1.2 !important;
	}
	.flx-product-grid .fl-prod__name {
		font-size: 13px !important;
	}
	.flx-product-grid .fl-price strong {
		font-size: 15px !important;
	}
	
	.flx-story {
		grid-template-columns: 1fr !important;
	}
	.flx-story__image {
		height: 340px !important;
	}
	.flx-story__copy {
		padding: 32px 24px !important;
	}
	.flx-story h2 {
		font-size: 32px !important;
	}
	
	.flx-membership__box {
		display: flex !important;
		flex-direction: column !important;
		padding: 28px 22px !important;
		gap: 20px !important;
	}
	.flx-membership__mark {
		border: 0 !important;
		padding: 0 !important;
	}
	.flx-membership h2 {
		font-size: 24px !important;
	}
	.flx-membership .flx-primary {
		width: 100% !important;
		justify-content: center !important;
	}
}

/* ─────────────────────────────────────────────────────────
   14. TABLET REFINEMENTS (701px–1020px)
   ───────────────────────────────────────────────────────── */
@media (min-width: 701px) and (max-width: 1020px) {
	.flx-hero {
		height: min(640px, calc(100vh - 118px)) !important;
	}
	.flx-hero h1 {
		font-size: clamp(52px, 5.5vw, 72px) !important;
	}
	.flx-hero__in {
		padding-inline-start: 7% !important;
		padding-inline-end: 48% !important;
	}
	.flx-product-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
	.flx-campaigns {
		grid-template-columns: 1fr 1fr !important;
		grid-template-rows: 280px 280px !important;
	}
	.flx-campaign--1 {
		grid-row: auto !important;
	}
	.flx-story {
		grid-template-columns: 1fr !important;
	}
	.flx-story__image {
		height: 380px !important;
	}
	.flx-story__image::after {
		background: linear-gradient(to top, var(--surface-2), transparent 60%) !important;
	}
	.flx-membership__box {
		grid-template-columns: 1fr !important;
		text-align: center !important;
	}
	.flx-membership__mark {
		border: 0 !important;
		padding: 0 !important;
	}
}