/**
 * Ford Lebanon 2027 — homepage/landing sections (Phase 3).
 * Depends on the token sheet loaded by motors-child (tokens.css).
 */

/* ---------- shared bits ---------- */

.flb-eyebrow {
	display: block;
	font-family: var(--font-semibold, sans-serif);
	font-size: var(--fs-eyebrow, 12px);
	letter-spacing: var(--ls-eyebrow, .16em);
	text-transform: uppercase;
	color: var(--c-cta, #066FEF);
	margin-bottom: 6px;
}

.flb-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	padding: 0 26px;
	border-radius: 999px;
	font-family: var(--font-semibold, sans-serif);
	font-size: 15px;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

/* design hero buttons run taller */
.flb-hero__actions .flb-pill { height: 54px; padding: 0 clamp(13px, 2.08vw, 30px); font-size: 16px; }

.flb-pill--primary { background: var(--c-cta, #066FEF); color: #fff; }
.flb-pill--primary:hover, .flb-pill--primary:focus { background: #fff; color: var(--c-primary, #00095B); }

.flb-pill--ghost { background: transparent; color: #fff; border: 1.5px solid rgba(255, 255, 255, .55); }
.flb-pill--ghost:hover, .flb-pill--ghost:focus { background: #fff; color: var(--c-band-dark, #00142E); }

.flb-chip {
	display: inline-flex;
	align-items: center;
	padding: 5px 10px;
	font-family: var(--font-semibold, sans-serif);
	font-size: 12px;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #fff;
	border-radius: 0;
}
.flb-chip--hybrid { background: var(--c-hybrid, #066FEF); }
.flb-chip--navy { background: var(--c-band-dark, #00142E); }

/* ---------- hero ---------- */

.flb-hero {
	position: relative;
	aspect-ratio: 21 / 9;
	min-height: 460px;
	display: flex;
	align-items: center;
	background-size: cover;
	background-position: center;
	color: #fff;
}

.flb-hero__scrim {
	position: absolute;
	inset: 0;
	background: linear-gradient(100deg, rgba(0, 20, 46, .94) 0%, rgba(0, 20, 46, .74) 38%, rgba(0, 20, 46, .1) 82%);
}

.flb-hero__inner {
	position: relative;
	width: 100%;
	padding-top: 0;
	padding-bottom: 72px; /* room for the stat band overlap */
}

.flb-hero__badge {
	display: inline-block;
	background: var(--c-cta, #066FEF);
	color: #fff;
	font-family: var(--font-semibold, sans-serif);
	font-size: 13px;
	letter-spacing: .14em;
	text-transform: uppercase;
	padding: 7px 14px;
	margin-bottom: 22px;
}

.flb-hero__title {
	font-family: var(--font-bold, sans-serif) !important;
	font-size: clamp(43px, 5.69vw, 82px);
	line-height: .9;
	text-transform: uppercase;
	letter-spacing: -.04em;
	color: #fff !important;
	margin: 0 0 22px;
}

.flb-hero__sub {
	font-size: 21px;
	line-height: 1.5;
	max-width: 490px;
	color: #fff;
	margin: 0 0 22px;
}

.flb-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; }

/* ---------- stat band (design: navy band under the hero, cards overlap it) ---------- */

.flb-stats { background: var(--c-band-dark, #00142E); padding: 0 0 44px; position: relative; }

.flb-stats__row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 14px;
	margin-top: -52px;
	position: relative;
}

.flb-stats__tile {
	background: #fff;
	border-top: 3px solid var(--c-cta, #066FEF);
	padding: 16px 20px;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.flb-stats__big {
	font-family: var(--font-bold, sans-serif);
	font-size: clamp(18px, 2.36vw, 34px);
	line-height: 1.05;
	letter-spacing: -.035em;
	color: var(--c-primary, #00095B);
	margin: 0;
}

.flb-stats__big small {
	font-family: var(--font-semibold, sans-serif);
	font-size: .55em;
	margin-left: 2px;
}

.flb-stats__text { font-size: 15px; line-height: 1.35; color: #4A4A4A; margin: 0; }

.flb-stats__tile--cta {
	background: var(--c-primary, #00095B);
	border-top-color: var(--c-primary, #00095B);
}

.flb-stats__tile--cta { justify-content: center; gap: 8px; }
.flb-stats__tile--cta .flb-stats__text { color: #fff; margin-bottom: 6px; }

.flb-stats__cta-title {
	font-family: var(--font-bold, sans-serif);
	font-size: 22px;
	color: #fff;
	margin: 0 0 8px;
}

.flb-stats__tile--cta .flb-pill { justify-content: center; height: 44px; padding: 0 20px; font-size: 15px; background: var(--c-cta, #066FEF); color: var(--c-primary, #00095B); }
.flb-stats__tile--cta .flb-pill:hover, .flb-stats__tile--cta .flb-pill:focus { background: #fff; color: var(--c-primary, #00095B); }

@media (max-width: 1024px) { .flb-stats__row { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .flb-stats__row { grid-template-columns: 1fr; } }

/* ---------- reassurance strip ---------- */

.flb-reassure { padding: 0; background: #E0E0E0; border-bottom: 1px solid #E0E0E0; }
.flb-reassure .container, .flb-servicestrip .container { max-width: none; }
.flb-reassure .container { padding: 0; }

.flb-reassure__row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 1px;
	background: #E0E0E0;
}

.flb-reassure__item {
	background: #fff;
	padding: clamp(13px, 2.08vw, 30px) clamp(14px, 2.22vw, 32px);
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.flb-reassure__title {
	font-family: var(--font-semibold, sans-serif) !important;
	font-size: 15px !important;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--c-cta, #066FEF) !important;
	margin: 0;
}
.flb-reassure__item:nth-child(2) .flb-reassure__title { color: var(--c-primary, #00095B) !important; }

.flb-reassure__text { font-size: 16px; line-height: 1.55; color: #4A4A4A; margin: 0; }

/* ---------- trim cards ---------- */

.flb-trims { padding: 40px 0 70px; }

.flb-trims__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 26px;
}

.flb-trims__title { font-size: clamp(26px, 3.4vw, 38px); margin: 0; }

.flb-trims__link {
	font-family: var(--font-semibold, sans-serif);
	font-size: 14px;
	color: var(--c-cta, #066FEF);
	text-decoration: none;
	white-space: nowrap;
	padding-bottom: 6px;
}
.flb-trims__link:hover { color: var(--c-primary, #00095B); }

.flb-trims__row {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}

.flb-trim-card {
	background: #fff;
	border: 1px solid var(--line, #DCE2EB);
	overflow: hidden;
}

.flb-trim-card__media { position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: var(--c-band, #F0F0F0); }
.flb-trim-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; }

.flb-trim-card__badges { position: absolute; top: 12px; left: 12px; z-index: 2; display: flex; gap: 6px; }

.flb-trim-card__body { padding: 16px 18px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.flb-trim-card { display: flex; flex-direction: column; }

.flb-trim-card__name { font-size: 18px !important; letter-spacing: -.02em; line-height: 1.15; margin: 0; }

.flb-trim-card__engine { font-size: 14px; line-height: 1.35; color: #4A4A4A; margin: 0 0 10px; }

.flb-trim-card__features { list-style: none; margin: 0 0 12px; padding: 0; display: flex; flex-direction: column; gap: 7px; }

.flb-trim-card__features li {
	display: flex;
	gap: 9px;
	font-size: 14px;
	line-height: 1.35;
	color: var(--c-band-dark, #00142E);
}
.flb-trim-card__features li::before {
	content: "";
	width: 5px; height: 5px;
	border-radius: 50%;
	background: var(--c-cta, #066FEF);
	flex-shrink: 0;
	margin-top: 6px;
}

.flb-trim-card__price {
	font-family: var(--font-semibold, sans-serif);
	font-size: 15px;
	color: var(--c-band-dark, #00142E);
	margin: 0 0 8px;
}

.flb-trim-card__avail {
	align-self: flex-start;
	display: inline-flex;
	align-items: center;
	padding: 5px 10px;
	background: var(--c-band, #F0F0F0);
	color: var(--c-band-dark, #00142E);
	font-family: var(--font-semibold, sans-serif);
	font-size: 12px;
	margin-bottom: 10px;
}

.flb-trim-card__details {
	font-family: var(--font-semibold, sans-serif);
	font-size: 14px;
	color: var(--c-cta, #066FEF);
	text-decoration: none;
	margin-top: auto;
	padding-top: 6px;
}
.flb-trim-card__details:hover { color: var(--c-primary, #00095B); }

@media (max-width: 767px) {
	.flb-trims__row { grid-template-columns: 1fr; }
	.flb-trims__head { flex-direction: column; align-items: flex-start; }
}

/* ---------- landing pages (body.flb-landing, set when [flb_hero] is present) ---------- */

.flb-landing .entry-header,
.flb-landing .stm_breadcrumbs_unit { display: none; }

/* ---------- shared additions (Phase 3b) ---------- */

.flb-eyebrow--reserve { color: var(--c-reserve, #1700F4); }
.flb-eyebrow--onblue { color: #9FC4F8; }

.flb-chip--reserve { background: var(--c-reserve, #1700F4); letter-spacing: .06em; }

.flb-pill--outline { background: transparent; color: var(--c-band-dark, #00142E); border: 1.5px solid var(--c-band-dark, #00142E); }
.flb-pill--outline:hover, .flb-pill--outline:focus { background: var(--c-band-dark, #00142E); color: #fff; }

.flb-arrow-link {
	font-family: var(--font-semibold, sans-serif);
	font-size: 14px;
	color: var(--c-cta, #066FEF);
	text-decoration: none;
}
.flb-arrow-link:hover { color: var(--c-primary, #00095B); }

/* ---------- model showcase (Everest) ---------- */

.flb-showcase { background: var(--c-band, #F0F0F0); padding: 64px 0; }

.flb-showcase__grid {
	display: grid;
	grid-template-columns: 5fr 7fr;
	gap: 36px;
	align-items: center;
	margin-bottom: 26px;
}

.flb-showcase__title { font-size: clamp(28px, 3.6vw, 42px); line-height: 1.08; margin: 0 0 14px; }
.flb-showcase__text { font-size: 15.5px; color: #5B6675; max-width: 48ch; margin: 0 0 22px; }
.flb-showcase__actions { display: flex; flex-wrap: wrap; gap: 12px; }

.flb-showcase__media img { width: 100%; height: auto; display: block; }

.flb-showcase__variants {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 1px;
	background: var(--line, #DCE2EB);
	border: 1px solid var(--line, #DCE2EB);
}

.flb-showcase__variant {
	background: #fff;
	padding: 14px 14px 16px;
	display: flex;
	flex-direction: column;
	gap: 4px;
	text-decoration: none;
}
.flb-showcase__variant:hover { background: var(--c-band, #F0F0F0); }

.flb-showcase__vname { font-family: var(--font-semibold, sans-serif); font-size: 15px; color: var(--c-band-dark, #00142E); }
.flb-showcase__vspec { font-size: 13px; color: #767676; line-height: 1.35; }
.flb-showcase__vprice { font-family: var(--font-semibold, sans-serif); font-size: 13px; color: var(--c-cta, #066FEF); }

@media (max-width: 900px) { .flb-showcase__grid { grid-template-columns: 1fr; } }

/* ---------- halo cards ---------- */

.flb-halo { background: var(--c-band-dark, #00142E); color: #fff; padding: clamp(33px, 5.28vw, 76px) 0; }

.flb-halo__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 30px;
	margin-bottom: 34px;
}
.flb-halo__title { color: #fff !important; font-size: clamp(23px, 3.06vw, 44px); line-height: 1.03; letter-spacing: -.03em; margin: 0; }
.flb-halo__intro { font-size: 16px; line-height: 1.6; color: #fff; max-width: 360px; margin: 0; }

.flb-halo__row { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; }

.flb-halo__card {
	background: var(--c-primary, #00095B);
	border: 1px solid rgba(255, 255, 255, .14);
	overflow: hidden;
	display: flex;
	flex-direction: column;
}
.flb-halo__card:hover { border-color: var(--c-cta, #066FEF); }
.flb-halo__media { position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: var(--c-band-dark, #00142E); }
.flb-halo__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
/* per-card crops from the design canvas slot bindings */
.flb-halo__card:nth-child(1) .flb-halo__media img { transform: scale(1.51) translate(3.7%, -17.2%); } /* Bronco */
.flb-halo__card:nth-child(2) .flb-halo__media img { object-position: 61% 50%; }                       /* Expedition */
.flb-halo__card:nth-child(3) .flb-halo__media img { object-position: 50% 50%; }                       /* Raptor R */
.flb-halo__body { padding: 16px 18px; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; flex: 1; }
.flb-halo__name { color: #fff !important; font-size: 20px !important; letter-spacing: -.02em; line-height: 1.2; margin: 0; }
.flb-halo__engine { font-size: 14px; line-height: 1.5; color: #fff; margin: 0; }
.flb-halo__price { font-family: var(--font-semibold, sans-serif); font-size: 17px; color: #fff; margin: 0; }
.flb-halo__note { font-size: 12px; line-height: 1.5; color: #fff; margin: 0; }
.flb-halo .flb-arrow-link { color: #fff; margin-top: auto; padding-top: 10px; }
.flb-halo .flb-arrow-link:hover { color: var(--c-cta, #066FEF); }

@media (max-width: 900px) {
	.flb-halo__row { grid-template-columns: 1fr; }
	.flb-halo__head { flex-direction: column; align-items: flex-start; }
}

/* ---------- Ford Pro band (design: light #E5E5E5) ---------- */

.flb-fordpro { background: #E5E5E5; color: var(--c-band-dark, #00142E); padding: clamp(32px, 5vw, 72px) 0; }

.flb-fordpro__grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(22px, 3.33vw, 48px); align-items: center; }

.flb-fordpro__eyebrow-row { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.flb-fordpro__eyebrow-row .flb-eyebrow { margin: 0; color: var(--c-band-dark, #00142E); }
.flb-fordpro__eyebrow-line { width: 32px; height: 2px; background: var(--c-band-dark, #00142E); display: block; }
.flb-fordpro__eyebrow-sub {
	font-family: var(--font-semibold, sans-serif);
	font-size: 14px;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #6B6B6B;
}

.flb-fordpro__title { font-size: clamp(22px, 2.92vw, 42px); line-height: 1.04; letter-spacing: -.03em; margin: 0 0 20px; }
.flb-fordpro__text { font-size: 17px; line-height: 1.6; color: #4A4A4A; max-width: 52ch; margin: 0 0 20px; }
.flb-fordpro__note {
	background: #fff;
	border-left: 3px solid var(--c-reserve, #1700F4);
	padding: 16px 18px;
	font-size: 14px;
	line-height: 1.55;
	color: var(--c-band-dark, #00142E);
	max-width: 440px;
	margin: 0 0 20px;
}
.flb-fordpro__note strong { font-family: var(--font-semibold, sans-serif); }

.flb-pill--dark { background: var(--c-band-dark, #00142E); color: #fff; }
.flb-pill--dark:hover, .flb-pill--dark:focus { background: var(--c-cta, #066FEF); color: #fff; }

.flb-fordpro__cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 16px; }

.flb-fordpro__card {
	background: #fff;
	border: 1px solid #D8D8D8;
	text-decoration: none;
	display: flex;
	flex-direction: column;
}
.flb-fordpro__card img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; background: var(--c-band, #F0F0F0); }
.flb-fordpro__cbody { padding: 20px; display: flex; flex-direction: column; gap: 8px; }
.flb-fordpro__cname { font-family: var(--font-bold, sans-serif); font-size: 19px; color: var(--c-band-dark, #00142E); }
.flb-fordpro__cspec { font-size: 13px; color: #4A4A4A; line-height: 1.5; }
.flb-fordpro__cprice { font-family: var(--font-semibold, sans-serif); font-size: 15px; color: #767676; }

@media (max-width: 900px) { .flb-fordpro__grid { grid-template-columns: 1fr; } }

/* ---------- talk-to-us split (design: navy panel + white trade-in form) ---------- */

.flb-talk { background: #fff; color: var(--c-band-dark, #00142E); padding: 0; }

.flb-talk__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0; align-items: stretch; }

.flb-talk__panel {
	background: var(--c-primary, #00095B);
	color: #fff;
	padding: clamp(30px, 4.72vw, 68px) clamp(18px, 2.78vw, 40px) clamp(30px, 4.72vw, 68px) clamp(14px, 2.22vw, 32px);
	display: flex;
	flex-direction: column;
	gap: 22px;
}
.flb-talk__panel .flb-eyebrow { color: #fff; margin: 0; letter-spacing: .16em; }

.flb-talk__title { color: #fff !important; font-size: clamp(21px, 2.78vw, 40px); line-height: 1.05; letter-spacing: -.03em; margin: 0; }
.flb-talk__text { color: #fff; font-size: 17px; line-height: 1.6; max-width: 430px; margin: 0; }

.flb-talk__facts {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding-top: 8px;
	border-top: 1px solid rgba(255, 255, 255, .26);
	font-size: 15px;
	color: rgba(255, 255, 255, .75);
	margin: 0;
}
.flb-talk__facts > div { display: flex; justify-content: space-between; gap: 16px; }
.flb-talk__facts dt { margin: 0; }
.flb-talk__facts dd { font-family: var(--font-semibold, sans-serif); color: #fff; margin: 0; }

.flb-talk__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.flb-talk__actions .flb-pill--primary { color: var(--c-primary, #00095B); }
.flb-talk__actions .flb-pill--primary:hover, .flb-talk__actions .flb-pill--primary:focus { background: var(--c-band-dark, #00142E); color: #fff; }

.flb-talk__tradein {
	background: #fff;
	padding: clamp(30px, 4.72vw, 68px) clamp(14px, 2.22vw, 32px) clamp(30px, 4.72vw, 68px) clamp(18px, 2.78vw, 40px);
	display: flex;
	flex-direction: column;
	gap: 22px;
	border: 0;
}
.flb-talk__tradein .flb-eyebrow { margin: 0; letter-spacing: .16em; }
.flb-talk__ti-title { color: var(--c-band-dark, #00142E) !important; font-size: clamp(21px, 2.78vw, 40px) !important; line-height: 1.05; letter-spacing: -.03em; margin: 0; }
.flb-talk__ti-text { color: #4A4A4A; font-size: 17px; line-height: 1.6; max-width: 420px; margin: 0; }

.flb-talk__form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	max-width: 440px;
}
.flb-talk__form input {
	height: 50px;
	padding: 0 14px;
	border: 1px solid #C9C9C9;
	border-radius: 4px;
	font-size: 15px;
	background: #fff;
	color: var(--c-band-dark, #00142E);
	width: 100%;
}
.flb-talk__form button {
	grid-column: span 2;
	height: 52px;
	border: none;
	border-radius: 999px;
	background: var(--c-cta, #066FEF);
	color: #fff;
	font-family: var(--font-semibold, sans-serif);
	font-size: 15px;
	cursor: pointer;
}
.flb-talk__form button:hover { background: var(--c-primary, #00095B); }

/* required-field feedback (trade-in forms) */
.flb-invalid,
.flb-talk__form input:user-invalid { border-color: #C80E0E !important; }

@media (max-width: 900px) { .flb-talk__grid { grid-template-columns: 1fr; } }

/* ---------- service strip (design: white cards on #F0F0F0) ---------- */

.flb-servicestrip { background: var(--c-band, #F0F0F0); padding: clamp(28px, 4.44vw, 64px) 0; }

.flb-servicestrip__row { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; }

.flb-servicestrip__item {
	background: #fff;
	border: 1px solid #E0E0E0;
	padding: clamp(14px, 2.22vw, 32px);
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.flb-servicestrip__title { font-size: 22px !important; letter-spacing: -.02em; margin: 0; }
.flb-servicestrip__text { font-size: 15px; line-height: 1.6; color: #4A4A4A; margin: 0; }
.flb-servicestrip__item .flb-arrow-link { margin-top: auto; font-size: 15px; }

/* ---------- designed footer ---------- */

.flb-footer { padding: 54px 0 26px; }

.flb-footer__cols { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; margin-bottom: 34px; }

.flb-footer__heading {
	font-family: var(--font-semibold, sans-serif) !important;
	font-size: 12px !important;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .55) !important;
	margin: 0 0 12px;
}

.flb-footer ul { list-style: none; margin: 0; padding: 0; }
.flb-footer li { margin: 7px 0; }
.flb-footer a { color: rgba(255, 255, 255, .85); text-decoration: none; font-size: 14px; }
.flb-footer a:hover { color: var(--c-cta, #066FEF); }
.flb-footer__contact { color: rgba(255, 255, 255, .85); font-size: 14px; line-height: 1.7; }

.flb-footer__legal {
	border-top: 1px solid rgba(255, 255, 255, .15);
	padding-top: 18px;
	font-size: 12.5px;
	color: rgba(255, 255, 255, .5);
}
.flb-footer__legal a { font-size: 12.5px; color: rgba(255, 255, 255, .6); }

@media (max-width: 900px) { .flb-footer__cols { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .flb-footer__cols { grid-template-columns: 1fr; } }

/* ---------- hybrid launch page (design-exact, .fhx) ---------- */

.fhx { width: 100%; background: #fff; }

.fhx-hero { position: relative; aspect-ratio: 21 / 9; min-height: 460px; background: #00095B; }
.fhx-hero__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.fhx-hero__scrim { position: absolute; inset: 0; pointer-events: none;
	background: linear-gradient(180deg, rgba(0,20,46,.7) 0%, rgba(0,20,46,.2) 40%, rgba(0,20,46,.92) 100%); }
.fhx-hero__content { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end;
	padding: clamp(19px,3.06vw,44px) clamp(18px,2.78vw,40px); gap: 18px; }
.fhx-hero__badge { align-self: flex-start; padding: 7px 14px; background: #066FEF; color: #fff;
	font-family: var(--font-bold,sans-serif); font-size: 13px; letter-spacing: .14em; text-transform: uppercase; }
.fhx-hero__title { margin: 0; font-family: var(--font-bold,sans-serif) !important; font-size: clamp(41px,5.42vw,78px);
	line-height: .92; letter-spacing: -.04em; color: #fff !important; max-width: 800px; }
.fhx-hero__sub { margin: 0; font-size: 20px; line-height: 1.5; color: #fff; max-width: 560px; }

.fhx-btn { display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; gap: 10px;
	height: 52px; padding: 0 clamp(13px,2.08vw,30px); border-radius: 999px;
	font-family: var(--font-semibold,sans-serif); font-size: 15px; text-decoration: none;
	transition: background-color .15s ease, color .15s ease; }
.fhx-btn--quote { background: #066FEF; color: #00095B; margin-top: 4px; }
.fhx-btn--quote:hover, .fhx-btn--quote:focus { background: #00142E; color: #fff; }
.fhx-btn--white { height: 54px; background: #fff; color: #00095B; font-size: 16px; }
.fhx-btn--white:hover, .fhx-btn--white:focus { background: #00142E; color: #fff; }
.fhx-btn--outline { height: 54px; border: 1.5px solid rgba(255,255,255,.7); color: #fff; font-size: 16px; }
.fhx-btn--outline:hover, .fhx-btn--outline:focus { background: rgba(255,255,255,.16); color: #fff; }

.fhx-duo { padding: clamp(28px,4.44vw,64px) clamp(18px,2.78vw,40px);
	display: grid; grid-template-columns: repeat(auto-fit, minmax(240px,1fr)); gap: 24px; align-items: stretch; }
.fhx-card { border: 1px solid #E0E0E0; padding: clamp(13px,2.08vw,30px); display: flex; flex-direction: column; gap: 14px; }
.fhx-card__label { font-family: var(--font-bold,sans-serif); font-size: 15px; letter-spacing: .12em; text-transform: uppercase; color: #767676; }
.fhx-card__big { font-family: var(--font-bold,sans-serif); font-size: clamp(24px,3.19vw,46px); letter-spacing: -.035em; color: var(--c-band-dark,#00142E); }
.fhx-card__text { font-size: 15px; line-height: 1.6; color: #4A4A4A; }
.fhx-card__foot { margin-top: auto; border-top: 1px solid #E0E0E0; padding-top: 14px; font-size: 15px; color: #767676; }
.fhx-card--hybrid { border: 2px solid #066FEF; }
.fhx-card--hybrid .fhx-card__label { color: #066FEF; }
.fhx-card--hybrid .fhx-card__big { color: #00095B; }
.fhx-card__foot--hybrid { font-family: var(--font-semibold,sans-serif); color: #00095B; }
.fhx-card--cta { background: #00095B; color: #fff; border: none; justify-content: center; }
.fhx-card__ctatitle { font-family: var(--font-bold,sans-serif); font-size: clamp(17px,2.22vw,32px); line-height: 1.05; letter-spacing: -.03em; }
.fhx-card__ctatext { font-size: 16px; line-height: 1.6; color: #fff; }

.fhx-save { background: #F0F0F0; padding: clamp(28px,4.44vw,64px) clamp(18px,2.78vw,40px); }
.fhx-save__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 32px; flex-wrap: wrap; }
.fhx-save__head h2 { margin: 0; font-size: clamp(23px,3.06vw,44px); line-height: 1.03; letter-spacing: -.03em; max-width: 520px; }
.fhx-save__head p { margin: 0; font-size: 15px; line-height: 1.6; color: #6B6B6B; max-width: 380px; }
.fhx-save__row { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px,1fr)); gap: 20px; }
.fhx-save__box { background: #fff; padding: clamp(13px,2.08vw,30px); display: flex; flex-direction: column; gap: 20px; }
.fhx-save__box--hybrid { border-top: 4px solid #066FEF; }
.fhx-save__label { font-family: var(--font-bold,sans-serif); font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: #767676; }
.fhx-save__box--hybrid .fhx-save__label { color: #066FEF; }
.fhx-save__big { font-family: var(--font-bold,sans-serif); font-size: clamp(27px,3.61vw,52px); letter-spacing: -.035em; line-height: 1.05; color: var(--c-band-dark,#00142E); }
.fhx-save__box--hybrid .fhx-save__big { color: #00095B; }
.fhx-save__track { height: 14px; background: #E5E5E5; }
.fhx-save__track span { display: block; height: 14px; background: #767676; }
.fhx-save__track span.is-hybrid { background: #066FEF; }
.fhx-save__note { font-size: 15px; color: #4A4A4A; }
.fhx-save__box--bill { background: #00142E; color: #fff; gap: 16px; justify-content: center; }
.fhx-save__box--bill .fhx-save__label, .fhx-save__box--bill .fhx-save__big { color: #fff; }
.fhx-save__box--bill .fhx-save__big { font-size: clamp(28px,3.4vw,49px); }
.fhx-save__text { font-size: 16px; line-height: 1.6; color: #fff; }

.fhx-np { padding: clamp(28px,4.44vw,64px) clamp(18px,2.78vw,40px);
	display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%,330px),1fr)); gap: clamp(25px,3.89vw,56px); align-items: center; }
.fhx-np__left { display: flex; flex-direction: column; gap: 22px; }
.fhx-np__eyebrow { font-family: var(--font-bold,sans-serif); font-size: 15px; letter-spacing: .16em; text-transform: uppercase; color: #066FEF; }
.fhx-np__title { margin: 0; font-size: clamp(23px,3.06vw,44px); line-height: 1.03; letter-spacing: -.03em; }
.fhx-np__list { display: flex; flex-direction: column; gap: 1px; background: #E0E0E0; border: 1px solid #E0E0E0; }
.fhx-np__item { background: #fff; padding: 22px; display: flex; gap: 18px; align-items: flex-start; }
.fhx-np__item > span { font-family: var(--font-bold,sans-serif); font-size: 22px; color: #066FEF; flex-shrink: 0; }
.fhx-np__k { font-family: var(--font-semibold,sans-serif); font-size: 17px; margin-bottom: 5px; color: var(--c-band-dark,#00142E); }
.fhx-np__v { font-size: 15px; line-height: 1.55; color: #4A4A4A; }
.fhx-np__item--dark { background: #00142E; }
.fhx-np__item--dark > span, .fhx-np__item--dark .fhx-np__k, .fhx-np__item--dark .fhx-np__v { color: #fff; }
.fhx-np__right { display: flex; flex-direction: column; gap: 20px; }
.fhx-np__media { width: 100%; aspect-ratio: 16/10; background: #F0F0F0; }
.fhx-np__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.fhx-np__stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px,1fr)); gap: 1px; background: #E0E0E0; border: 1px solid #E0E0E0; }
.fhx-np__stats > div { background: #fff; padding: 22px; }
.fhx-np__statbig { font-family: var(--font-bold,sans-serif); font-size: clamp(17px,2.22vw,32px); letter-spacing: -.03em; color: #00095B; }
.fhx-np__statlabel { font-size: 13px; color: #767676; margin-top: 5px; }

.fhx-cta { background: #066FEF; color: #fff; padding: clamp(25px,3.89vw,56px) clamp(18px,2.78vw,40px);
	display: flex; align-items: center; justify-content: space-between; gap: clamp(18px,2.78vw,40px); flex-wrap: wrap; }
.fhx-cta__title { font-family: var(--font-bold,sans-serif); font-size: clamp(19px,2.5vw,36px); letter-spacing: -.03em; margin-bottom: 8px; }
.fhx-cta__sub { font-size: 17px; color: #fff; }
.fhx-cta__actions { display: flex; gap: 12px; flex-wrap: wrap; }

.fhx-legal { padding: 24px clamp(18px,2.78vw,40px); background: #F0F0F0; font-size: 12px; line-height: 1.7; color: #6B6B6B; }

/* ---------- compare tables ---------- */

.flb-compare { padding: 40px 0 70px; }
.flb-compare__title { font-size: clamp(23px, 3.06vw, 44px); line-height: 1.03; letter-spacing: -.03em; margin: 0 0 8px; }
.flb-compare__title--second { margin-top: 54px; }
.flb-compare__sub { font-size: 17px; color: #6B6B6B; max-width: 620px; margin: 0 0 28px; }

.flb-compare__tablewrap { border: 1px solid var(--line, #DCE2EB); overflow-x: auto; }

.flb-compare__row { display: grid; grid-template-columns: 1.2fr 1fr 1fr; border-bottom: 1px solid var(--line, #DCE2EB); min-width: 560px; }
.flb-compare__row:last-child { border-bottom: 0; }
.flb-compare__row > div { padding: 14px 20px; font-size: 15px; color: #4A4A4A; border-left: 1px solid var(--line, #DCE2EB); }
.flb-compare__row > div:first-child { border-left: 0; }
.flb-compare__row > div:nth-child(2) { font-family: var(--font-semibold, sans-serif); color: var(--c-band-dark, #00142E); }
.flb-compare__row > div:nth-child(3) { font-family: var(--font-semibold, sans-serif); background: var(--c-band, #F0F0F0); color: var(--c-band-dark, #00142E); }
.flb-compare__row > div.is-better { color: var(--c-cta, #066FEF); }
.flb-compare__row > div.is-absent { color: #BDBDBD; }

/* design: dark header band, hybrid column on Ford Blue */
.flb-compare__row--head { background: var(--c-band-dark, #00142E); }
.flb-compare__row--head > div {
	font-family: var(--font-semibold, sans-serif);
	font-size: 15px;
	color: #fff;
	background: transparent !important;
	border-left: 1px solid rgba(255, 255, 255, .16);
	padding: 18px 22px;
}
.flb-compare__row--head > div:first-child { font-size: 13px; letter-spacing: .1em; text-transform: uppercase; border-left: 0; }
.flb-compare__row--head > div:nth-child(3) { background: var(--c-primary, #00095B) !important; }

.flb-compare__row--trims { grid-template-columns: 1.4fr .8fr .8fr; }

.flb-compare__shared { font-size: 13px; color: #767676; margin: 14px 0 40px; }

.flb-compare__cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	flex-wrap: wrap;
	background: var(--c-primary, #00095B);
	color: #fff;
	padding: clamp(16px, 2.5vw, 36px) clamp(18px, 2.78vw, 40px);
}
.flb-compare__cta-title { font-family: var(--font-bold, sans-serif); font-size: 28px; letter-spacing: -.025em; max-width: 620px; }
.flb-compare__cta-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.flb-compare__cta .flb-pill--primary { height: 52px; background: var(--c-cta, #066FEF); color: var(--c-primary, #00095B); }
.flb-compare__cta .flb-pill--primary:hover, .flb-compare__cta .flb-pill--primary:focus { background: var(--c-cta, #066FEF); color: #fff; }
.flb-compare__cta .flb-pill--outline { height: 52px; background: transparent; color: #fff; border: 1.5px solid rgba(255, 255, 255, .7); }
.flb-compare__cta .flb-pill--outline:hover, .flb-compare__cta .flb-pill--outline:focus { background: rgba(255, 255, 255, .16); color: #fff; }

/* ---------- model page (design-exact, .fmp) ---------- */

.fmp { width: 100%; background: #fff; }

.fmp-hero { position: relative; aspect-ratio: 21 / 9; min-height: 460px; background: #00142E; }
.fmp-hero__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.fmp-hero__scrim { position: absolute; inset: 0; pointer-events: none;
	background: linear-gradient(100deg, rgba(0,20,46,.9) 0%, rgba(0,20,46,.45) 50%, rgba(0,20,46,0) 85%); }
.fmp-hero__content { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center;
	gap: 16px; padding: 0 clamp(18px,2.78vw,40px); }
.fmp-hero__chips { display: flex; gap: 8px; }
.fmp-chip { padding: 6px 12px; background: #066FEF; color: #fff; font-family: var(--font-bold,sans-serif);
	font-size: 13px; letter-spacing: .12em; text-transform: uppercase; }
.fmp-chip--my { background: #00142E; }
.fmp-hero__title { margin: 0; font-family: var(--font-bold,sans-serif) !important; font-size: clamp(36px,4.86vw,70px);
	line-height: .95; letter-spacing: -.04em; color: #fff !important; }
.fmp-hero__variant { font-family: var(--font-semibold,sans-serif); font-size: 24px; color: #fff; }
.fmp-hero__engine { font-size: 18px; color: #fff; max-width: 440px; }

.fmp-tabs { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px,1fr)); gap: 1px;
	background: #D8D8D8; border-bottom: 1px solid #D8D8D8; }
.fmp-tab { border: none; cursor: pointer; text-align: left; padding: 20px 22px; display: flex; flex-direction: column;
	gap: 7px; background: #F0F0F0; border-top: 3px solid transparent; font-family: inherit; }
.fmp-tab:hover { background: #fff; }
.fmp-tab.is-active { background: #fff; border-top-color: #066FEF; }
.fmp-tab__sub { font-family: var(--font-bold,sans-serif); font-size: 13px; letter-spacing: .1em; text-transform: uppercase; color: #767676; }
.fmp-tab.is-active .fmp-tab__sub { color: #066FEF; }
.fmp-tab__name { font-family: var(--font-semibold,sans-serif); font-size: 18px; color: #00142E; }
.fmp-tab__avail { font-family: var(--font-semibold,sans-serif); font-size: 14px; color: #00142E; white-space: nowrap; }

.fmp-body { padding: clamp(25px,3.89vw,56px) clamp(18px,2.78vw,40px);
	display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%,330px),1fr)); gap: clamp(25px,3.89vw,56px); }
.fmp-main { display: flex; flex-direction: column; gap: 32px; }

.fmp-h2 { margin: 0 0 20px; font-size: clamp(17px,2.22vw,32px) !important; letter-spacing: -.025em; }

.fmp-spec { border: 1px solid #E0E0E0; }
.fmp-spec__row { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%,150px),1fr)); gap: 20px;
	padding: 15px 20px; border-bottom: 1px solid #E5E5E5; }
.fmp-spec__row:last-child { border-bottom: 0; }
.fmp-spec__k { font-size: 14px; color: #767676; }
.fmp-spec__v { font-family: var(--font-semibold,sans-serif); font-size: 15px; color: #00142E; }
.fmp-spec__links { display: flex; gap: 20px; margin-top: 16px; flex-wrap: wrap; }
.fmp-spec__links a { font-family: var(--font-semibold,sans-serif); font-size: 15px; color: #066FEF; text-decoration: none; }
.fmp-spec__links a:hover { color: #00095B; }

.fmp-paint { width: 100%; aspect-ratio: 16/9; background: #F0F0F0; margin-bottom: 16px; }
.fmp-paint img { width: 100%; height: 100%; object-fit: cover; display: block; }
.fmp-swatches { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.fmp-swatch { width: 44px; height: 44px; border-radius: 50%; cursor: pointer; border: 1px solid #C9C9C9; padding: 0; }
.fmp-swatch.is-active { border: 3px solid #066FEF; }
.fmp-swatch__name { font-family: var(--font-semibold,sans-serif); font-size: 16px; margin-left: 6px; color: #00142E; }

.fmp-gal { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%,300px),1fr)); gap: 12px; }
.fmp-gal__big { aspect-ratio: 16/10; background: #F0F0F0; position: relative; }
.fmp-gal__big img, .fmp-gal__stack img { width: 100%; height: 100%; object-fit: cover; display: block; }
.fmp-gal__stack { display: grid; grid-template-rows: repeat(2, minmax(0,1fr)); gap: 12px; height: 100%; min-height: 230px; }
.fmp-gal__stack > * { position: relative; background: #F0F0F0; min-height: 110px; max-height: 260px; overflow: hidden; display: block; }
.fmp-gal__big { aspect-ratio: 16 / 10; background: #F0F0F0; overflow: hidden; display: block; }
.fmp-gal__big img { width: 100%; height: 100%; object-fit: cover; display: block; }

aside.fmp-rail { display: flex; flex-direction: column; gap: 20px; align-self: start; }
.fmp-rail__label { font-family: var(--font-bold,sans-serif); font-size: 15px; letter-spacing: .14em; text-transform: uppercase; color: #00095B; }
.fmp-rail__label--sky { color: #066FEF; }

.fmp-btn { display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; gap: 10px;
	height: 52px; border-radius: 999px; border: none; cursor: pointer;
	font-family: var(--font-semibold,sans-serif); font-size: 15px; text-decoration: none;
	transition: background-color .15s ease, color .15s ease; }
.fmp-btn--navy { background: #00095B; color: #fff; }
.fmp-btn--navy:hover, .fmp-btn--navy:focus { background: #066FEF; color: #fff; }
.fmp-btn--sky { background: #066FEF; color: #fff; }
.fmp-btn--sky:hover, .fmp-btn--sky:focus { background: #00095B; color: #fff; }
.fmp-btn--sm { height: 46px; padding: 0 22px; font-size: 14px; }

.fmp-price { border: 2px solid #00095B; padding: 28px; display: flex; flex-direction: column; gap: 16px; }
.fmp-price__big { font-family: var(--font-bold,sans-serif); font-size: clamp(18px,2.36vw,34px); line-height: 1.1; letter-spacing: -.03em; color: #00142E; }
.fmp-price__text { font-size: 15px; line-height: 1.6; color: #4A4A4A; }
.fmp-price__note { font-size: 13px; line-height: 1.55; color: #767676; }

.fmp-covered { background: #F0F0F0; padding: 28px; display: flex; flex-direction: column; gap: 14px; }
.fmp-covered__row { display: flex; justify-content: space-between; gap: 16px; font-size: 15px; color: #4A4A4A; }
.fmp-covered__row strong { font-family: var(--font-semibold,sans-serif); color: #00142E; white-space: nowrap; }
.fmp-covered__row strong.is-sky { color: #00095B; }
.fmp-covered__note { font-size: 12px; line-height: 1.5; color: #767676; }

.fmp-td { border: 1px solid #E0E0E0; padding: 28px; display: flex; flex-direction: column; gap: 14px; }
.fmp-td__title { font-family: var(--font-bold,sans-serif); font-size: 20px; letter-spacing: -.02em; color: #00142E; }
.fmp-td__date { display: flex; align-items: center; gap: 10px; }
.fmp-td__date span { font-size: 13px; color: #767676; white-space: nowrap; }
.fmp-td__date input { flex: 1; }

.fmp-td input, .fmp-td select { height: 50px; padding: 0 14px; border: 1px solid #C9C9C9; border-radius: 4px; font-size: 15px; background: #fff; color: #00142E; font-family: inherit; }
.fmp-td__note { font-size: 12px; line-height: 1.5; color: #767676; }

.fmp-sticky { position: fixed; bottom: 0; left: 0; width: 100%;
	z-index: 90; display: flex; align-items: center; justify-content: space-between;
	gap: 24px; padding: 16px clamp(18px,2.78vw,40px); background: rgba(255,255,255,.97);
	border-top: 1px solid #E0E0E0; box-shadow: 0 -6px 18px rgba(0,20,46,.08); }
.fmp { padding-bottom: 84px; } /* room for the fixed action bar */
body.single-listings .flb-whatsapp-cta { bottom: 96px; } /* keep WhatsApp above the bar */
.fmp-sticky__info { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; }
.fmp-sticky__name { font-family: var(--font-semibold,sans-serif); font-size: 17px; color: #00142E; }
.fmp-sticky__meta { font-size: 14px; color: #767676; }
.fmp-sticky__actions { display: flex; gap: 10px; flex-wrap: wrap; }

@media (max-width: 600px) { .fmp-sticky { flex-direction: column; align-items: flex-start; gap: 10px; } }

/* ---------- model page highlights (numbered, per design product bullets) ---------- */

.fmp-hl { border: 1px solid #E0E0E0; }
.fmp-hl__row { display: flex; gap: 18px; align-items: flex-start; padding: 15px 20px; border-bottom: 1px solid #E5E5E5; }
.fmp-hl__row:last-child { border-bottom: 0; }
.fmp-hl__num { font-family: var(--font-bold,sans-serif); font-size: 16px; color: #066FEF; flex-shrink: 0; }
.fmp-hl__text { font-size: 15px; color: #00142E; line-height: 1.5; }

/* ---------- Phase 5 shared frame ---------- */

.f5 { width: 100%; background: #fff; }

.f5-label { font-family: var(--font-bold,sans-serif); font-size: 15px; letter-spacing: .14em; text-transform: uppercase; }
.f5-label--sky { color: #066FEF; }
.f5-label--navy { color: #00095B; }
.f5-label--dark { color: #00142E; }
.f5-label--grey { color: #767676; }
.f5-label--onblue { color: #fff; }

.f5-head { padding: clamp(25px,3.89vw,56px) clamp(18px,2.78vw,40px) 0; }
.f5-head h1 { margin: 0 0 12px; font-size: clamp(29px,3.89vw,56px); line-height: 1; letter-spacing: -.035em; }
.f5-head p { margin: 0; font-size: 18px; line-height: 1.6; color: #4A4A4A; max-width: 640px; }

.f5 input, .f5 select, .f5 textarea {
	height: 52px; padding: 0 14px; border: 1px solid #C9C9C9; border-radius: 4px;
	font-size: 15px; background: #fff; color: #00142E; font-family: inherit; width: 100%;
}
.f5 textarea { height: auto; padding: 12px 14px; line-height: 1.5; resize: vertical; }

/* ---------- finance / trade-in (.ffn) ---------- */

.ffn-grid { padding: clamp(18px,2.78vw,40px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%,340px),1fr)); gap: 32px; align-items: start; }

.ffn-finance { display: flex; flex-direction: column; gap: 22px; background: #00095B; color: #fff; padding: clamp(18px,2.78vw,40px); }
.ffn-finance__big { font-family: var(--font-bold,sans-serif); font-size: clamp(20px,2.64vw,38px); line-height: 1.08; letter-spacing: -.03em; }
.ffn-finance p { margin: 0; font-size: 16px; line-height: 1.6; color: #fff; }
.ffn-finance__facts { display: flex; flex-direction: column; gap: 14px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.26); }
.ffn-finance__facts > div { display: flex; justify-content: space-between; gap: 16px; font-size: 16px; }
.ffn-finance__facts strong { font-family: var(--font-semibold,sans-serif); }
.ffn-finance__actions { display: flex; gap: 12px; flex-wrap: wrap; padding-top: 8px; }
.ffn-finance__note { font-size: 13px; line-height: 1.6; color: #fff; }

.ffn-tradein { border: 1px solid #E0E0E0; padding: clamp(14px,2.22vw,32px); display: flex; flex-direction: column; gap: 16px; }
.ffn-tradein__big { font-family: var(--font-bold,sans-serif); font-size: 26px; letter-spacing: -.025em; color: #00142E; }
.ffn-tradein__fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%,150px),1fr)); gap: 12px; }
.ffn-tradein__photos { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border: 1px dashed #C9C9C9; font-size: 14px; color: #767676; }

.ffn-terms { background: #F0F0F0; padding: clamp(19px,3.06vw,44px) clamp(18px,2.78vw,40px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%,300px),1fr)); gap: clamp(18px,2.78vw,40px); }
.ffn-terms .f5-label { margin-bottom: 16px; display: block; }
.ffn-terms__rows { display: flex; flex-direction: column; gap: 12px; }
.ffn-terms__row { background: #fff; padding: 22px; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.ffn-terms__row span { font-size: 16px; color: #4A4A4A; }
.ffn-terms__row strong { font-family: var(--font-bold,sans-serif); font-size: 20px; white-space: nowrap; color: #00142E; }
.ffn-terms__row--sky { border-left: 3px solid #066FEF; }
.ffn-terms__row--sky strong { color: #00095B; }
.ffn-terms__note { font-size: 13px; line-height: 1.6; color: #767676; }
.ffn-terms__text { font-size: 14px; line-height: 1.75; color: #4A4A4A; }
.ffn-terms__text strong, .fpl-notes strong { color: #00142E; }

/* ---------- price list (.fpl) ---------- */

.fpl-top { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%,330px),1fr)); }
.fpl-intro { padding: clamp(28px,4.44vw,64px) clamp(18px,2.78vw,40px); display: flex; flex-direction: column; gap: 24px; }
.fpl-intro h1 { margin: 0; font-size: clamp(31px,4.17vw,60px); line-height: .98; letter-spacing: -.035em; }
.fpl-intro p { margin: 0; font-size: 18px; line-height: 1.6; color: #4A4A4A; max-width: 500px; }
.fpl-steps { display: flex; flex-direction: column; gap: 1px; background: #E0E0E0; border: 1px solid #E0E0E0; max-width: 520px; margin-top: 6px; }
.fpl-steps > div { background: #fff; padding: 20px 22px; display: flex; gap: 16px; align-items: flex-start; }
.fpl-steps span { font-family: var(--font-bold,sans-serif); font-size: 15px; color: #00095B; flex-shrink: 0; }
.fpl-steps div div { font-size: 15px; line-height: 1.55; color: #00142E; }
.fpl-cta { align-self: flex-start; height: 56px; padding: 0 clamp(14px,2.22vw,32px); font-size: 16px; margin-top: 6px; }

.fpl-form { background: #F0F0F0; padding: clamp(28px,4.44vw,64px) clamp(18px,2.78vw,40px); display: flex; flex-direction: column; gap: 22px; }
.fpl-form__title { font-family: var(--font-bold,sans-serif); font-size: 20px; letter-spacing: -.02em; color: #00142E; }
.fpl-form__sub { font-size: 15px; line-height: 1.6; color: #4A4A4A; }
.fpl-form__fields { display: flex; flex-direction: column; gap: 12px; max-width: 460px; }
.fpl-form__legal { margin-top: auto; padding-top: 24px; border-top: 1px solid #E0E0E0; font-size: 13px; line-height: 1.7; color: #767676; }

.fpl-range { padding: clamp(25px,3.89vw,56px) clamp(18px,2.78vw,40px); border-top: 1px solid #E0E0E0; }
.fpl-range__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 28px; flex-wrap: wrap; }
.fpl-range__head h2 { margin: 0 0 10px; font-size: clamp(20px,2.64vw,38px); line-height: 1.05; letter-spacing: -.03em; }
.fpl-range__head p { margin: 0; font-size: 16px; color: #6B6B6B; max-width: 560px; }

.fpl-table { border: 1px solid #E0E0E0; overflow-x: auto; }
.fpl-table__row { display: grid; grid-template-columns: 1.5fr .5fr 1.4fr .9fr; border-bottom: 1px solid #E5E5E5; min-width: 640px; }
.fpl-table__row:last-child { border-bottom: 0; }
.fpl-table__row > div { padding: 15px 20px; font-size: 14px; color: #4A4A4A; border-left: 1px solid #E5E5E5; }
.fpl-table__row > div:first-child { border-left: 0; }
.fpl-table__row--head { background: #00142E; color: #fff; border-bottom: 0; }
.fpl-table__row--head > div { font-family: var(--font-semibold,sans-serif); font-size: 13px; letter-spacing: .1em; text-transform: uppercase; color: #fff; border-left: 1px solid rgba(255,255,255,.16); }
.fpl-table__row--head > div:last-child { text-align: right; }
.fpl-table__row.is-tint { background: #F0F0F0; }
.fpl-table__name { font-family: var(--font-semibold,sans-serif); font-size: 15px !important; color: #00142E !important; }
.fpl-table__ask { display: flex; justify-content: flex-end; }
.fpl-table__ask a { font-family: var(--font-semibold,sans-serif); font-size: 14px; color: #00095B; text-decoration: none; white-space: nowrap; }
.fpl-table__ask a:hover { color: #066FEF; }

.fpl-foot { padding: 0 clamp(18px,2.78vw,40px) clamp(25px,3.89vw,56px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%,300px),1fr)); gap: 32px; margin-top: clamp(25px,3.89vw,56px); }
.fpl-sheets { background: #F0F0F0; padding: clamp(13px,2.08vw,30px); }
.fpl-sheets .f5-label { display: block; margin-bottom: 14px; }
.fpl-sheets__row { display: flex; justify-content: space-between; align-items: center; background: #fff; padding: 16px 18px; margin-bottom: 10px; font-family: var(--font-semibold,sans-serif); font-size: 15px; color: #00142E; text-decoration: none; }
.fpl-sheets__row:hover { color: #066FEF; }
.fpl-sheets__row span { color: #066FEF; }
.fpl-notes { border-left: 3px solid #1700F4; background: #F0F0F0; padding: 24px 26px; font-size: 14px; line-height: 1.7; color: #4A4A4A; }

/* ---------- service (.fsv) ---------- */

.fsv-hero { position: relative; height: clamp(331px,31.94vw,460px); background: #00142E; overflow: hidden; }
.fsv-hero__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.fsv-hero__scrim { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(100deg, rgba(0,20,46,.93) 0%, rgba(0,20,46,.55) 52%, rgba(0,20,46,.05) 88%); }
.fsv-hero--noimg .fsv-hero__scrim { background: linear-gradient(100deg, #00142E 0%, #0A2A52 60%, #0E3D77 100%); }
.fsv-hero__content { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; gap: 20px; padding: 0 clamp(18px,2.78vw,40px); }
.fsv-hero__eyebrow { font-family: var(--font-bold,sans-serif); font-size: 15px; letter-spacing: .18em; text-transform: uppercase; color: #fff; }
.fsv-hero h1 { margin: 0; font-family: var(--font-bold,sans-serif) !important; font-size: clamp(34px,4.58vw,66px); line-height: .96; letter-spacing: -.04em; color: #fff !important; max-width: 720px; }
.fsv-hero p { margin: 0; font-size: 20px; line-height: 1.5; color: #fff; max-width: 520px; }
.fsv-hero__actions { display: flex; gap: 12px; flex-wrap: wrap; padding-top: 4px; }
.fsv-hero__actions .fmp-btn--navy:hover, .fsv-hero__actions .fmp-btn--navy:focus { background: #fff; color: #00095B; }

.fsv-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px,1fr)); gap: 1px; background: #E0E0E0; border-bottom: 1px solid #E0E0E0; }
.fsv-facts > div { background: #fff; padding: 24px 26px; }
.fsv-facts span { display: block; font-size: 14px; letter-spacing: .14em; text-transform: uppercase; color: #767676; margin-bottom: 7px; }
.fsv-facts strong { font-family: var(--font-semibold,sans-serif); font-size: 19px; letter-spacing: -.015em; color: #00142E; }

.fsv-body { padding: clamp(25px,3.89vw,56px) clamp(18px,2.78vw,40px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%,330px),1fr)); gap: clamp(22px,3.33vw,48px); align-items: start; }
.fsv-main { display: flex; flex-direction: column; gap: clamp(16px,2.5vw,36px); }
.fsv-main h2 { margin: 0 0 18px; font-size: clamp(18px,2.36vw,34px); letter-spacing: -.03em; }

.fsv-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%,220px),1fr)); gap: 1px; background: #E0E0E0; border: 1px solid #E0E0E0; }
.fsv-grid__cell { background: #fff; padding: 22px; display: flex; flex-direction: column; gap: 7px; }
.fsv-grid__cell strong { font-family: var(--font-semibold,sans-serif); font-size: 17px; letter-spacing: -.01em; color: #00142E; }
.fsv-grid__cell span { font-size: 14px; line-height: 1.55; color: #4A4A4A; }

.fsv-cmp { border: 1px solid #E0E0E0; overflow-x: auto; }
.fsv-cmp__row { display: grid; grid-template-columns: 1.3fr .85fr .85fr; border-bottom: 1px solid #E5E5E5; min-width: 480px; }
.fsv-cmp__row:last-child { border-bottom: 0; }
.fsv-cmp__row > div { padding: 14px 20px; font-size: 15px; color: #00142E; border-left: 1px solid #E5E5E5; }
.fsv-cmp__row > div:first-child { border-left: 0; }
.fsv-cmp__row--head { background: #F0F0F0; }
.fsv-cmp__row--head > div { font-family: var(--font-semibold,sans-serif); font-size: 14px; }
.fsv-cmp__row--head > div:last-child { color: #767676; }
.fsv-cmp__row .is-us { font-family: var(--font-semibold,sans-serif); color: #00095B; }
.fsv-cmp__row .is-them { color: #8C8C8C; }

.fsv-parts { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%,220px),1fr)); gap: 16px; }
.fsv-parts__card { border: 1px solid #E0E0E0; border-top: 3px solid #066FEF; padding: 20px; display: flex; flex-direction: column; gap: 8px; }
.fsv-parts__card .f5-label { font-size: 13px; letter-spacing: .12em; }
.fsv-parts__card strong { font-family: var(--font-semibold,sans-serif); font-size: 17px; color: #00142E; }
.fsv-parts__card span { font-size: 14px; line-height: 1.55; color: #4A4A4A; }

.fsv-rail { display: flex; flex-direction: column; gap: 20px; }
.fsv-plate { background: #00095B; color: #fff; padding: clamp(14px,2.22vw,32px); display: flex; flex-direction: column; gap: 16px; }
.fsv-plate strong { font-family: var(--font-bold,sans-serif); font-size: clamp(16px,2.08vw,30px); line-height: 1.1; letter-spacing: -.025em; }
.fsv-plate span { font-size: 15px; line-height: 1.6; color: #fff; }
.fsv-plate .fhx-btn { height: 54px; font-size: 16px; }

.fsv-book { border: 1px solid #E0E0E0; padding: clamp(14px,2.22vw,32px); display: flex; flex-direction: column; gap: 14px; }
.fsv-book__title { font-family: var(--font-bold,sans-serif); font-size: 20px; letter-spacing: -.02em; color: #00142E; }
.fsv-book__note { font-size: 12px; line-height: 1.5; color: #767676; }

.fsv-warranty { background: #F0F0F0; padding: clamp(14px,2.22vw,32px); display: flex; flex-direction: column; gap: 14px; }
.fsv-warranty__row { display: flex; justify-content: space-between; gap: 16px; font-size: 15px; color: #4A4A4A; }
.fsv-warranty__row strong { font-family: var(--font-semibold,sans-serif); white-space: nowrap; color: #00142E; }
.fsv-warranty__row strong.is-sky { color: #00095B; }
.fsv-warranty__note { font-size: 13px; line-height: 1.6; color: #767676; }

.fsv-map { border: 1px solid #E0E0E0; padding: clamp(14px,2.22vw,32px); display: flex; flex-direction: column; gap: 12px; }
.fsv-map__addr { font-size: 17px; line-height: 1.55; color: #00142E; }
.fsv-map__frame { width: 100%; aspect-ratio: 16/9; position: relative; background: #F0F0F0; margin-top: 4px; }
.fsv-map__frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

.fsv-cta { background: #00142E; color: #fff; padding: clamp(21px,3.33vw,48px) clamp(18px,2.78vw,40px); display: flex; align-items: center; justify-content: space-between; gap: clamp(18px,2.78vw,40px); flex-wrap: wrap; }
.fsv-cta strong { display: block; font-family: var(--font-bold,sans-serif); font-size: clamp(16px,2.08vw,30px); letter-spacing: -.025em; margin-bottom: 8px; }
.fsv-cta span { font-size: 17px; color: #fff; max-width: 620px; }

/* ---------- contact (.fct) ---------- */

.fct-hero { background: #00142E; color: #fff; padding: clamp(28px,3.4vw,48px) clamp(16px,2.8vw,40px); display: flex; flex-direction: column; gap: 16px; }
.fct-hero__eyebrow { font-family: var(--font-bold,sans-serif); font-size: 15px; letter-spacing: .16em; text-transform: uppercase; }
.fct-hero h1 { margin: 0; font-family: var(--font-bold,sans-serif) !important; font-size: clamp(30px,4.03vw,58px); line-height: 1; letter-spacing: -.035em; color: #fff !important; max-width: 760px; }
.fct-hero p { margin: 0; font-size: clamp(16px,1.32vw,19px); line-height: 1.5; color: #fff; max-width: 560px; }
.fct-hero__actions { display: flex; gap: 12px; flex-wrap: wrap; padding-top: 4px; }

.fct-body { padding: clamp(28px,3.4vw,48px) clamp(16px,2.8vw,40px); display: flex; flex-direction: column; gap: clamp(20px,2.5vw,36px); }
.fct-body h2 { margin: 0 0 20px; font-size: clamp(24px,2.6vw,38px); line-height: 1.05; letter-spacing: -.03em; }
.fct-body > div > .f5-label { display: block; margin-bottom: 10px; font-size: 15px; letter-spacing: .16em; }

.fct-locs { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%,320px),1fr)); gap: 20px; }
.fct-loc { background: #fff; border: 1px solid #E0E0E0; display: flex; flex-direction: column; }
.fct-loc__map { position: relative; width: 100%; aspect-ratio: 16/10; background: #F0F0F0; }
.fct-loc__map iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; }
.fct-loc__body { padding: 24px 26px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.fct-loc__body strong { font-family: var(--font-bold,sans-serif); font-size: clamp(19px,1.94vw,28px); line-height: 1.1; letter-spacing: -.025em; color: #00142E; }
.fct-loc__body > span { font-size: 16px; line-height: 1.45; color: #4A4A4A; }
.fct-loc__meta { display: flex; flex-wrap: wrap; gap: 6px 20px; padding-top: 6px; margin-top: auto; font-size: 15px; color: #00142E; }
.fct-loc__meta a { font-family: var(--font-semibold,sans-serif); color: #00142E; text-decoration: none; }

.fct-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%,330px),1fr)); gap: 20px; align-items: start; }
.fct-form { border: 1px solid #E0E0E0; padding: clamp(20px,2.2vw,32px); display: flex; flex-direction: column; gap: 14px; }
.fct-form__title { font-family: var(--font-bold,sans-serif); font-size: clamp(22px,1.94vw,28px); line-height: 1.1; letter-spacing: -.025em; color: #00142E; }
.fct-form__sub { font-size: 16px; line-height: 1.5; color: #4A4A4A; }
.fct-form label { display: flex; flex-direction: column; gap: 7px; font-size: 14px; font-family: var(--font-semibold,sans-serif); color: #4A4A4A; }
.fct-form__note { font-size: 14px; line-height: 1.5; color: #767676; }

.fct-rail { display: flex; flex-direction: column; gap: 20px; }
.fct-lines { background: #00095B; color: #fff; padding: clamp(20px,2.2vw,32px); display: flex; flex-direction: column; gap: 12px; }
.fct-lines > div { display: flex; justify-content: space-between; gap: 16px; font-size: 16px; }
.fct-lines strong, .fct-lines a { font-family: var(--font-semibold,sans-serif); color: #fff; }
.fct-hours { background: #F0F0F0; padding: clamp(20px,2.2vw,32px); display: flex; flex-direction: column; gap: 10px; }
.fct-hours > div { display: flex; justify-content: space-between; gap: 16px; font-size: 16px; color: #4A4A4A; }
.fct-hours strong { font-family: var(--font-semibold,sans-serif); color: #00142E; text-align: right; }
.fct-callout { border-left: 3px solid #066FEF; background: #F0F0F0; padding: 18px 22px; font-size: 15px; line-height: 1.6; color: #00095B; }


/* ---------- model page gallery tabs + thumbs ---------- */

.fmp-galtabs { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 16px; }
.fmp-galtab { cursor: pointer; font-family: var(--font-semibold,sans-serif); height: 44px; padding: 0 24px;
	border-radius: 999px; border: 1.5px solid #C9C9C9; background: #fff; color: #00142E; font-size: 15px; }
.fmp-galtab.is-active { background: #00095B; border-color: #00095B; color: #fff; }
.fmp-galpane { display: none; }
.fmp-galpane.is-active { display: block; }
.fmp-gal__big, .fmp-gal__stack a { display: block; }

/* masonry gallery: every image full column width at natural height */
.fmp-masonry { columns: 3 300px; column-gap: 14px; }
.fmp-masonry a {
	display: block;
	margin-bottom: 14px;
	break-inside: avoid;
	background: #F0F0F0;
	overflow: hidden;
}
.fmp-masonry img { width: 100%; height: auto; display: block; }
.fmp-galthumbs { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; margin-top: 12px; }
.fmp-galthumbs a { display: block; aspect-ratio: 4/3; background: #F0F0F0; overflow: hidden; }
.fmp-galthumbs img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* ---------- category / model browser (.fkt) ---------- */

.fkt { width: 100%; }
.fkt-panel { display: flex; flex-direction: column; align-items: center; gap: clamp(22px,2.78vw,40px);
	background: #fff; border: 1px solid #E0E0E0; padding: clamp(30px,3.89vw,56px) clamp(16px,2.78vw,40px); }
.fkt-head { display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; max-width: 640px; }
.fkt-head .f5-label { font-size: 15px; letter-spacing: .16em; }
.fkt-head h1 { margin: 0; font-size: clamp(28px,3.61vw,52px); line-height: 1; letter-spacing: -.035em; }
.fkt-head p { margin: 0; font-size: 17px; line-height: 1.55; color: #4A4A4A; }
.fkt-tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-bottom: 6px; }
.fkt-tab { font-family: var(--font-semibold,sans-serif); height: 44px; padding: 0 24px; display: inline-flex; align-items: center;
	border-radius: 999px; border: 1.5px solid #C9C9C9; background: #fff; color: #00142E; font-size: 15px; text-decoration: none; }
.fkt-tab.is-active { background: #00095B; border-color: #00095B; color: #fff; }
.fkt-cards { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; width: 100%; max-width: 1120px; }
.fkt-card { display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center;
	flex: 0 0 210px; width: 210px; max-width: 100%; text-decoration: none; }
.fkt-card__media { width: 100%; aspect-ratio: 16/9; position: relative; background: #F0F0F0; overflow: hidden; }
.fkt-card__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.fkt-card__name { font-family: var(--font-bold,sans-serif); font-size: 20px; letter-spacing: -.02em; line-height: 1.15; color: #00142E; }
.fkt-card__count { font-size: 14px; color: #767676; }
.fkt-card:hover .fkt-card__name { color: #066FEF; }



/* ---------- full-width layout: widen the container inside 2027 sections ---------- */

.flb-hero .container, .flb-stats .container, .flb-reassure .container, .flb-trims .container,
.flb-showcase .container, .flb-halo .container, .flb-fordpro .container, .flb-talk .container,
.flb-servicestrip .container, .flb-compare .container {
	width: 100%;
	max-width: 100%;
	padding-left: clamp(18px, 2.78vw, 48px);
	padding-right: clamp(18px, 2.78vw, 48px);
}



/* ---------- territory model screen (campaign page, design block 5) ---------- */

.ftm { background: #fff; }

.ftm-hero { position: relative; aspect-ratio: 21 / 9; min-height: 460px; background: #00142E; overflow: hidden; }
.ftm-hero__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ftm-hero__scrim { position: absolute; inset: 0; pointer-events: none;
	background: linear-gradient(100deg, rgba(0,20,46,.9) 0%, rgba(0,20,46,.45) 50%, rgba(0,20,46,0) 85%); }
.ftm-hero__content { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center;
	gap: 16px; padding: 0 clamp(18px, 2.78vw, 40px); }
.ftm-hero__chips { display: flex; gap: 8px; }
.ftm-chip { display: inline-flex; align-items: center; padding: 6px 12px; color: #fff;
	font-family: var(--font-semibold, sans-serif); font-size: 13px; letter-spacing: .12em; text-transform: uppercase; }
.ftm-chip--fuel { background: #066FEF; }
.ftm-chip--fuel.is-petrol { background: #767676; }
.ftm-chip--my { background: #00142E; }
.ftm-hero__title { margin: 0 !important; font-size: clamp(36px, 4.86vw, 70px) !important; line-height: .95;
	letter-spacing: -.04em; color: #fff !important; }
.ftm-hero__variant { font-family: var(--font-semibold, sans-serif); font-size: 24px; color: #fff; }
.ftm-hero__engine { font-size: 18px; color: #fff; max-width: 440px; }

.ftm-rail { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1px;
	background: #D8D8D8; border-bottom: 1px solid #D8D8D8; }
.ftm-railtab { border: none; border-top: 3px solid transparent; cursor: pointer; text-align: left;
	padding: 20px 22px; display: flex; flex-direction: column; gap: 7px; background: #fff; font-family: inherit; min-width: 0; }
.ftm-railtab__sub { font-family: var(--font-semibold, sans-serif); font-size: 13px; letter-spacing: .1em;
	text-transform: uppercase; color: #767676; }
.ftm-railtab__name { font-family: var(--font-semibold, sans-serif); font-size: 18px; color: #00142E; }
.ftm-railtab__avail { font-family: var(--font-semibold, sans-serif); font-size: 14px; color: #00142E; }
.ftm-railtab.is-active { background: #00095B; border-top-color: #066FEF; }
.ftm-railtab.is-active .ftm-railtab__sub { color: #9FC4F8; }
.ftm-railtab.is-active .ftm-railtab__name, .ftm-railtab.is-active .ftm-railtab__avail { color: #fff; }

.ftm-body { padding: clamp(25px, 3.89vw, 56px) clamp(18px, 2.78vw, 40px);
	display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 330px), 1fr)); gap: clamp(25px, 3.89vw, 56px); }
.ftm-main { display: flex; flex-direction: column; gap: 32px; }

.ftm-h2 { margin: 0 0 20px; font-size: clamp(17px, 2.22vw, 32px) !important; letter-spacing: -.025em; }

.ftm-spec { border: 1px solid #E0E0E0; }
.ftm-spec__row { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
	gap: 20px; padding: 15px 20px; border-bottom: 1px solid #E5E5E5; }
.ftm-spec__row:last-child { border-bottom: 0; }
.ftm-spec__row span { font-size: 14px; color: #767676; }
.ftm-spec__row strong { font-family: var(--font-semibold, sans-serif); font-size: 15px; color: #00142E; }
.ftm-spec__links { display: flex; gap: 20px; margin-top: 16px; flex-wrap: wrap; }
.ftm-spec__links a { font-family: var(--font-semibold, sans-serif); font-size: 15px; color: #066FEF; text-decoration: none; }
.ftm-spec__links a:hover { color: #00095B; }

.ftm-gal { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 12px; }
.ftm-gal__big { display: block; aspect-ratio: 16/10; background: #F0F0F0; position: relative; overflow: hidden; }
.ftm-gal__big img, .ftm-gal__stack img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ftm-gal__stack { display: grid; grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 12px; height: 100%; min-height: 230px; }
.ftm-gal__stack > a { position: relative; background: #F0F0F0; min-height: 110px; overflow: hidden; display: block; }

.ftm-side { display: flex; flex-direction: column; gap: 20px; align-self: start; }
.ftm-label { font-family: var(--font-bold, sans-serif); font-size: 15px; letter-spacing: .14em;
	text-transform: uppercase; color: #00095B; }
.ftm-label--sky { color: #066FEF; }

.ftm-price { border: 2px solid #00095B; padding: 28px; display: flex; flex-direction: column; gap: 16px; }
.ftm-price__big { font-family: var(--font-bold, sans-serif); font-size: clamp(18px, 2.36vw, 34px);
	line-height: 1.1; letter-spacing: -.03em; color: #00142E; }
.ftm-price p { margin: 0; font-size: 15px; line-height: 1.6; color: #4A4A4A; }
.ftm-price__note { font-size: 13px; line-height: 1.55; color: #767676; }

.ftm-covered { background: #F0F0F0; padding: 28px; display: flex; flex-direction: column; gap: 14px; }
.ftm-covered__row { display: flex; justify-content: space-between; gap: 16px; font-size: 15px; color: #4A4A4A; }
.ftm-covered__row strong { font-family: var(--font-semibold, sans-serif); color: #00142E; white-space: nowrap; }
.ftm-covered__row strong.is-sky { color: #00095B; }
.ftm-covered__note { font-size: 12px; line-height: 1.5; color: #767676; }

.ftm-td { border: 1px solid #E0E0E0; padding: 28px; display: flex; flex-direction: column; gap: 14px; }
.ftm-td__title { font-family: var(--font-bold, sans-serif); font-size: 20px; letter-spacing: -.02em; color: #00142E; }
.ftm-td input, .ftm-td select { height: 50px; padding: 0 14px; border: 1px solid #C9C9C9; border-radius: 4px;
	font-size: 15px; background: #fff; color: #00142E; font-family: inherit; }
.ftm-td__date { display: flex; flex-direction: column; gap: 6px; }
.ftm-td__date span { font-size: 13px; color: #767676; }
.ftm-td__date input { width: 100%; }
.ftm-td__note { font-size: 12px; line-height: 1.5; color: #767676; }

.ftm-btn { display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; gap: 6px;
	height: 52px; border-radius: 999px; border: none; cursor: pointer; padding: 0 24px;
	font-family: var(--font-semibold, sans-serif); font-size: 15px; text-decoration: none; }
.ftm-btn--navy { background: #00095B; color: #fff; }
.ftm-btn--navy:hover, .ftm-btn--navy:focus { background: #066FEF; color: #fff; }
.ftm-btn--sky { background: #066FEF; color: #fff; }
.ftm-btn--sky:hover, .ftm-btn--sky:focus { background: #00095B; color: #fff; }
.ftm-btn--sm { height: 46px; padding: 0 22px; font-size: 14px; }

.ftm-sticky { position: fixed; left: 0; right: 0; bottom: 0; z-index: 90; display: flex; align-items: center;
	justify-content: space-between; gap: 24px; padding: 16px clamp(18px, 2.78vw, 40px);
	background: rgba(255, 255, 255, .97); border-top: 1px solid #E0E0E0; }
.ftm-sticky__info { display: flex; align-items: baseline; gap: 14px; min-width: 0; }
.ftm-sticky__name { font-family: var(--font-semibold, sans-serif); font-size: 17px; color: #00142E; white-space: nowrap; }
.ftm-sticky__meta { font-size: 14px; color: #767676; }
.ftm-sticky__actions { display: flex; gap: 10px; flex-wrap: wrap; }
body.page .ftm ~ * .flb-whatsapp-cta, body .ftm-page .flb-whatsapp-cta { bottom: 96px; }

@media (max-width: 700px) { .ftm-sticky__meta { display: none; } }


/* ---------- stacked heroes below 1120px (design responsive spec, 2026-09-03) ----------
   All heroes switch to: image on top with a light bottom fade, text stacked
   below on the navy band; the home stat cards stop overlapping. */

@media (max-width: 1119px) {
	.fmp-hero, .ftm-hero, .fhx-hero {
		height: auto;
		display: flex;
		flex-direction: column;
	}
	.fmp-hero__img, .ftm-hero__img, .fhx-hero__img {
		position: static;
		width: 100%;
		aspect-ratio: 21 / 9;
		object-fit: cover;
	}
	.fmp-hero__scrim, .ftm-hero__scrim, .fhx-hero__scrim {
		background: linear-gradient(180deg, rgba(0, 20, 46, 0) 55%, rgba(0, 20, 46, .35) 100%);
	}
	/* scrim only covers the image area now (same 21/9 box as the image) */
	.fmp-hero__scrim, .ftm-hero__scrim, .fhx-hero__scrim {
		inset: 0 0 auto 0;
		height: auto;
		aspect-ratio: 21 / 9;
	}
	.fmp-hero__content, .ftm-hero__content, .fhx-hero__content {
		position: static;
		padding: 26px clamp(18px, 2.78vw, 40px) 32px;
	}
	.fmp-hero { background: #00142E; }
	.ftm-hero { background: #00142E; }
	.fhx-hero { background: #00095B; }

	/* home hero: bottom fade + content anchored low; stat cards stop overlapping */
	.flb-hero { aspect-ratio: auto; min-height: 0; }
	.flb-hero__inner { padding-top: 46px; padding-bottom: 40px; }
	.flb-hero__scrim {
		background: linear-gradient(180deg, rgba(0, 20, 46, 0) 30%, rgba(0, 20, 46, .78) 100%);
	}
	.flb-stats__row { margin-top: 20px; }
	.fmp-hero, .ftm-hero, .fhx-hero { aspect-ratio: auto; min-height: 0; }
}

/* ---------- full-bleed breakout: sections escape the theme's page container ---------- */

.flb-hero, .flb-stats, .flb-reassure, .flb-trims, .flb-showcase, .flb-halo,
.flb-fordpro, .flb-talk, .flb-servicestrip, .flb-compare,
.fhx, .fmp, .f5, .fkt, .ftm {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

body.flb-landing, body.single-listings { overflow-x: hidden; }


/* ---------- model page: product-screen hero layout ---------- */

.fmp-topbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;
	background: #F0F0F0; border: 1px solid #E0E0E0; border-bottom: none; padding: 10px clamp(16px, 2vw, 18px); }
.fmp-topbar__back { font-family: var(--font-semibold,sans-serif); font-size: 14px; color: #00095B; text-decoration: none; }
.fmp-topbar__back:hover { color: #066FEF; }
.fmp-topbar__label { font-family: var(--font-bold,sans-serif); font-size: 14px; letter-spacing: .14em; text-transform: uppercase; color: #767676; }

.fmp-rail[role="tablist"] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%,170px),1fr)); gap: 1px;
	background: #E0E0E0; border: 1px solid #E0E0E0; }
.fmp-railtab { border: none; border-top: 3px solid transparent; cursor: pointer; text-align: left; padding: 14px 16px;
	display: flex; flex-direction: column; gap: 4px; background: #fff; font-family: inherit; min-width: 0; }
.fmp-railtab__fam { font-family: var(--font-bold,sans-serif); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: #767676; }
.fmp-railtab__name { font-family: var(--font-semibold,sans-serif); font-size: 15px; line-height: 1.25; color: #00142E; }
.fmp-railtab__avail { display: flex; align-items: center; gap: 7px; font-size: 13px; color: #767676; }
.fmp-railtab__dot { width: 7px; height: 7px; border-radius: 50%; background: #066FEF; display: block; flex-shrink: 0; }
.fmp-railtab.is-active { background: #00142E; border-top-color: #066FEF; }
.fmp-railtab.is-active .fmp-railtab__fam { color: rgba(255,255,255,.65); }
.fmp-railtab.is-active .fmp-railtab__name { color: #fff; }
.fmp-railtab.is-active .fmp-railtab__avail { color: rgba(255,255,255,.8); }

.fmp-chip--avail { background: rgba(255,255,255,.92); color: #00142E; }
.fmp-hero__family { font-family: var(--font-semibold,sans-serif); font-size: 15px; letter-spacing: .16em; text-transform: uppercase; color: #fff; }
.fmp-hero__title { margin: 0; font-family: var(--font-bold,sans-serif) !important; font-size: clamp(31px,4.17vw,60px);
	line-height: .98; letter-spacing: -.04em; color: #fff !important; max-width: 760px; }
.fmp-hero__tagline { margin: 0; font-size: 19px; line-height: 1.5; color: #fff; max-width: 480px; }

.fmp-statcells { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px,1fr)); gap: 1px;
	background: #E0E0E0; border-bottom: 1px solid #E0E0E0; }
.fmp-statcells > div { background: #fff; padding: 22px 24px; }
.fmp-statcells span { display: block; font-size: 14px; letter-spacing: .14em; text-transform: uppercase; color: #767676; margin-bottom: 7px; }
.fmp-statcells strong { font-family: var(--font-semibold,sans-serif); font-size: clamp(18px, 1.7vw, 24px); letter-spacing: -.02em; color: #00142E; }

/* ---------- neutralize the Motors button skin on 2027 tab controls ---------- */

.fmp-galtab, .fmp-railtab, .fkt-tab, .fmp-swatch {
	box-shadow: none !important;
	border-bottom-width: 1.5px !important;
	text-shadow: none !important;
	appearance: none;
	-webkit-appearance: none;
	outline: none;
	background-image: none !important;
}
.fmp-railtab { border-width: 0 !important; border-top-width: 3px !important; border-style: solid !important; border-color: transparent !important; }
.fmp-railtab.is-active { border-top-color: #066FEF !important; }
.fmp-galtab { border: 1.5px solid #C9C9C9 !important; color: #00142E !important; background: #fff !important; text-transform: none !important; }
.fmp-galtab.is-active { border-color: #00095B !important; background: #00095B !important; color: #fff !important; }
.fmp-galtab:focus-visible, .fmp-railtab:focus-visible { outline: 2px solid #066FEF; outline-offset: 2px; }
