/* Generated from the frontend-detail CSS group by scripts/build-assets.mjs. */
.fk-detail-header {
	max-width: 1120px;
	margin-bottom: clamp( 14px, 1.5vw, 22px );
}

.fk-detail-header h1 {
	margin: 0;
	color: var(--fk-color-heading);
	font-family: var(--fk-font-heading);
	font-size: min( var(--fk-detail-title-size), clamp( 28px, 2.6vw, 42px ) );
	font-weight: var(--fk-font-weight-heading);
	line-height: 1.06;
	letter-spacing: -0.035em;
	overflow-wrap: break-word;
}

.fk-detail-header__facts {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 10px clamp( 16px, 2vw, 28px );
	margin: 14px 0 0;
	padding: 0;
	color: var(--fk-color-heading);
	font-size: var(--fk-text-sm);
	list-style: none;
}

.fk-detail-header__facts li {
	display: inline-flex;
	min-width: 0;
	align-items: center;
	gap: 8px;
}

.fk-detail-header__facts .fk-fact-icon {
	width: 20px;
	height: 20px;
	flex: 0 0 20px;
	color: var(--fk-color-accent);
}

.fk-detail-header__facts li > span {
	display: grid;
	min-width: 0;
	gap: 1px;
}

.fk-detail-header__facts small {
	color: var(--fk-color-muted);
	font-size: 10px;
	font-weight: 550;
	line-height: 1.1;
}

.fk-detail-header__facts strong {
	font-size: var(--fk-text-sm);
	font-weight: 700;
	line-height: 1.2;
	white-space: nowrap;
}

.fk-detail-header__facts--icons small {
	display: none;
}

.fk-detail-layout {
	display: grid;
	grid-template-columns: minmax( 0, 1fr ) minmax( 340px, 400px );
	gap: clamp( 18px, 2vw, 26px );
	align-items: start;
}

.fk-vehicle-unavailable {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--fk-space-md);
	margin: var(--fk-space-sm) 0 var(--fk-space-lg);
	padding: clamp( 16px, 2vw, 22px );
	border: 1px solid var(--fk-color-border);
	border-left: 4px solid var(--fk-color-accent);
	border-radius: var(--fk-radius-panel);
	background: var(--fk-color-surface);
	box-shadow: var(--fk-shadow-card);
}

.fk-vehicle-unavailable > div {
	display: grid;
	gap: 5px;
}

.fk-vehicle-unavailable :is( span, h2, p ) {
	margin: 0;
}

.fk-vehicle-unavailable span,
.fk-summary-unavailable span {
	color: var(--fk-color-accent);
	font-size: var(--fk-text-2xs);
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.fk-vehicle-unavailable h2 {
	color: var(--fk-color-heading);
	font-size: clamp( 21px, 2vw, 27px );
	line-height: 1.15;
}

.fk-vehicle-unavailable p {
	max-width: 760px;
	color: var(--fk-color-muted);
	font-size: var(--fk-text-sm);
	line-height: 1.55;
}

.fk-vehicle-unavailable .fk-button {
	flex: 0 0 auto;
}

.fk-summary-unavailable {
	display: grid;
	gap: 6px;
}

.fk-summary-unavailable strong {
	color: var(--fk-color-heading);
	font-size: clamp( 24px, 2.15vw, 32px );
	font-weight: 800;
	line-height: 1.1;
}

.fk-detail-lead {
	min-width: 0;
	grid-column: 1;
	grid-row: 1;
}

.fk-detail-lead .fk-detail-header {
	margin-bottom: 0;
}

.fk-detail-gallery {
	min-width: 0;
	grid-column: 1;
	grid-row: 2;
}

.fk-detail-main {
	min-width: 0;
	grid-column: 1;
	grid-row: 3;
}

.fk-detail-sidebar {
	position: sticky;
	top: var(--fk-space-sm);
	width: 100%;
	max-width: 400px;
	min-width: 0;
	grid-column: 2;
	grid-row: 1 / 4;
	align-self: start;
	justify-self: end;
}

.fk-detail-summary {
	position: static;
	container-type: inline-size;
	padding: clamp( 20px, 2vw, 26px );
	border: 1px solid var(--fk-color-border);
	border-radius: var(--fk-radius-panel);
	background: var(--fk-color-surface);
	box-shadow: var(--fk-shadow-panel);
}

.fk-detail-price {
	margin: 0;
	color: var(--fk-color-heading);
	font-size: clamp( 29px, 2.15vw, 36px );
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	line-height: 1.1;
}

.fk-price-note,
.fk-seller-name {
	margin: var(--fk-space-2xs) 0 0;
	color: var(--fk-color-muted);
	font-size: var(--fk-text-xs);
}

.fk-summary-topline {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--fk-space-md);
}

.fk-summary-price {
	min-width: 0;
}

.fk-summary-price--special {
	display: grid;
	gap: 4px;
}

.fk-summary-price--special .fk-price-note {
	margin: 0;
}

.fk-detail-summary > .fk-deal-countdown {
	display: flex;
	gap: 8px;
	margin-top: var(--fk-space-sm);
	font-size: var(--fk-text-sm);
}

.fk-detail-summary > .fk-deal-countdown .fk-icon {
	width: 18px;
	height: 18px;
}

.fk-detail-summary > .fk-deal-countdown .fk-deal-countdown__label {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	clip: auto;
	clip-path: none;
	overflow: visible;
	white-space: normal;
	color: var(--fk-color-muted);
}

.fk-community-deal-regular {
	margin: 0;
	color: var(--fk-color-muted);
	font-size: var(--fk-text-sm);
	font-weight: 650;
}

.fk-vehicle-tools {
	display: flex;
	flex: 0 0 auto;
	gap: 6px;
	margin: 0;
}

.fk-vehicle-tool {
	display: inline-flex;
	width: 38px;
	height: 38px;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 1px solid var(--fk-color-border);
	border-radius: min( var(--fk-radius-control), 10px );
	background: var(--fk-color-surface);
	color: var(--fk-color-text);
	cursor: pointer;
	font: inherit;
	text-decoration: none;
	transition: border-color var(--fk-motion-duration) ease, background-color var(--fk-motion-duration) ease, color var(--fk-motion-duration) ease;
}

.fk-vehicle-tool .dashicons {
	width: var(--fk-icon-sm);
	height: var(--fk-icon-sm);
	font-size: var(--fk-icon-sm);
}

.fk-vehicle-tool:is( :hover, :focus-visible, .is-active ) {
	border-color: var(--fk-color-accent);
	background: color-mix( in srgb, var(--fk-color-accent) 9%, var(--fk-color-surface) );
	color: var(--fk-color-accent);
}

.fk-summary-meta {
	display: grid;
	gap: 8px;
	margin: 18px 0 0;
	padding: 14px 0;
	border-top: 1px solid var(--fk-color-border);
	border-bottom: 1px solid var(--fk-color-border);
}

.fk-summary-meta > div {
	display: grid;
	grid-template-columns: minmax( 88px, auto ) minmax( 0, 1fr );
	gap: var(--fk-space-sm);
}

.fk-summary-meta dt {
	color: var(--fk-color-muted);
	font-size: var(--fk-text-xs);
}

.fk-summary-meta dd {
	min-width: 0;
	margin: 0;
	color: var(--fk-color-heading);
	font-size: var(--fk-text-xs);
	font-weight: 700;
	text-align: right;
	overflow-wrap: anywhere;
}

.fk-button--quiet {
	border-color: transparent;
	background: transparent;
	color: var(--fk-color-muted);
}

.fk-button--quiet:hover {
	color: var(--fk-color-heading);
}

.fk-site-main :is( a, button ).fk-button--secondary:hover,
.fk-site-main :is( a, button ).fk-button--secondary:focus-visible {
	border-color: var(--fk-color-accent);
	background: var(--fk-color-surface-soft);
	color: var(--fk-color-heading);
}

.fk-site-main :is( a, button ).fk-button--quiet:hover,
.fk-site-main :is( a, button ).fk-button--quiet:focus-visible {
	background: transparent;
	color: var(--fk-color-heading);
}

.fk-contact-actions {
	display: grid;
	gap: 8px;
	margin-top: 18px;
}

.fk-contact-actions--columns-2 {
	grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
}

.fk-contact-actions--columns-2 > .fk-button:first-child {
	grid-column: 1 / -1;
}

.fk-contact-actions .fk-button {
	min-width: 0;
	min-height: max( 44px, var(--fk-button-height) );
	gap: 6px;
	padding-block: 7px;
	line-height: 1.15;
	text-align: center;
	white-space: normal;
	word-break: normal;
}

.fk-contact-actions .fk-button .dashicons {
	flex: 0 0 auto;
}

.fk-contact-actions--columns-2 > .fk-button:not( :first-child ) {
	gap: 5px;
	padding-inline: 9px;
	font-size: var(--fk-text-xs);
}

.fk-contact-actions .fk-button--secondary {
	border-color: var(--fk-color-border);
	background: var(--fk-color-surface);
	color: var(--fk-color-heading);
	box-shadow: none;
}

.fk-contact-actions .fk-button--secondary .dashicons {
	color: var(--fk-color-accent);
}

.fk-contact-actions .fk-button--secondary:is( :hover, :focus-visible ) {
	border-color: var(--fk-color-accent);
	background: var(--fk-color-surface-soft);
	color: var(--fk-color-heading);
	box-shadow: none;
}

@container ( max-width: 340px ) {
	.fk-contact-actions--columns-2 {
		grid-template-columns: 1fr;
	}

	.fk-contact-actions--columns-2 > .fk-button:first-child {
		grid-column: auto;
	}
}

.fk-gallery {
	position: relative;
	display: block;
	overflow: visible;
	padding-right: calc( 100px + var(--fk-space-sm) );
}

.fk-gallery__stage,
.fk-gallery > .fk-image-placeholder {
	position: relative;
	overflow: hidden;
	aspect-ratio: 4 / 3;
	border-radius: var(--fk-radius-media);
	background: var(--fk-color-surface-soft);
}

.fk-gallery__stage img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.fk-gallery__image-trigger {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	cursor: zoom-in;
	font: inherit;
}

.fk-gallery__image-fallback {
	position: absolute;
	inset: 0;
	display: grid;
	align-content: center;
	justify-items: center;
	gap: 6px;
	padding: var(--fk-space-lg);
	background: var(--fk-color-surface-soft);
	color: var(--fk-color-muted);
	text-align: center;
}

.fk-gallery__image-fallback[hidden] {
	display: none;
}

.fk-gallery__image-fallback strong {
	color: var(--fk-color-heading);
	font-family: var(--fk-font-heading);
	font-size: var(--fk-text-lg);
}

.fk-gallery.is-image-unavailable .fk-gallery__image-trigger {
	cursor: default;
}

.fk-gallery.is-image-unavailable :is( [data-fk-gallery-main], .fk-gallery__fullscreen-trigger, .fk-gallery__arrow, .fk-gallery__counter, .fk-gallery__thumbs ) {
	display: none;
}

.fk-detail-shell.is-unavailable .fk-gallery.is-image-unavailable {
	padding-right: 0;
}

.fk-detail-shell.is-unavailable .fk-gallery.is-image-unavailable :is( .fk-gallery__stage, .fk-gallery__empty ) {
	min-height: 230px;
	aspect-ratio: 16 / 7;
}

.fk-gallery__empty {
	display: grid;
	place-items: center;
	padding: var(--fk-space-lg);
	color: var(--fk-color-heading);
	font-family: var(--fk-font-heading);
	font-size: var(--fk-text-lg);
	text-align: center;
}

.fk-gallery__thumbs {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: grid;
	width: 100px;
	min-height: 0;
	grid-auto-rows: max-content;
	gap: var(--fk-space-xs);
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.fk-gallery__thumbs::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
}

.fk-gallery__thumb {
	flex: 0 0 auto;
	overflow: hidden;
	width: 100%;
	padding: 0;
	aspect-ratio: 4 / 3;
	border: 1px solid var(--fk-color-border);
	border-radius: calc( var(--fk-radius-media) * 0.7 );
	background: var(--fk-color-surface-soft);
	cursor: pointer;
	opacity: 0.72;
}

.fk-gallery__thumb.is-active {
	border-color: var(--fk-color-accent);
	opacity: 1;
}

.fk-gallery__arrow {
	position: absolute;
	z-index: 2;
	top: 50%;
	display: grid;
	width: 40px;
	height: 40px;
	place-items: center;
	padding: 0;
	transform: translateY( -50% );
	border: 0;
	border-radius: 6px;
	background: rgba( 10, 15, 24, 0.72 );
	color: #fff;
	cursor: pointer;
	font-size: var(--fk-icon-md);
}

.fk-gallery__arrow--prev {
	left: var(--fk-space-md);
}

.fk-gallery__arrow--next {
	right: var(--fk-space-md);
}

.fk-gallery__counter {
	position: absolute;
	right: var(--fk-space-md);
	bottom: var(--fk-space-md);
	padding: var(--fk-space-2xs) var(--fk-space-sm);
	border-radius: 5px;
	background: rgba( 10, 15, 24, 0.72 );
	color: #fff;
	font-size: var(--fk-text-xs);
}

.fk-gallery__fullscreen-trigger {
	position: absolute;
	z-index: 3;
	top: var(--fk-space-md);
	right: var(--fk-space-md);
	min-height: 36px;
	padding: 7.2px 12px;
	border: 1px solid rgba( 255, 255, 255, 0.55 );
	border-radius: 5px;
	background: rgba( 10, 15, 24, 0.76 );
	color: #fff;
	cursor: pointer;
	font: inherit;
	font-size: var(--fk-text-xs);
	font-weight: 700;
}

.fk-gallery__fullscreen-trigger:hover,
.fk-gallery__fullscreen-trigger:focus,
.fk-gallery__image-trigger:hover .fk-gallery__fullscreen-trigger,
.fk-gallery__image-trigger:focus-visible .fk-gallery__fullscreen-trigger {
	background: rgba( 10, 15, 24, 0.9 );
	color: #fff;
}

.fk-gallery :is( .fk-gallery__image-trigger, .fk-gallery__arrow, .fk-gallery__thumb, .fk-gallery-dialog__close ):focus-visible {
	outline: 3px solid var(--fk-color-accent);
	outline-offset: 3px;
}

.fk-gallery-dialog:not( [open] ) {
	display: none;
}

body.fk-gallery-dialog-open {
	overflow: hidden;
}

.fk-gallery.has-open-dialog {
	z-index: 100002;
}

.fk-gallery-dialog {
	position: fixed;
	z-index: 100002;
	inset: 0;
	display: grid;
	width: 100%;
	max-width: none;
	height: 100%;
	max-height: none;
	margin: 0;
	place-items: center;
	padding: clamp( 12px, 2vw, 24px );
	border: 0;
	background: rgba( 5, 9, 16, 0.94 );
}

.fk-gallery-dialog::backdrop {
	background: rgba( 5, 9, 16, 0.94 );
}

.fk-gallery-dialog__surface {
	position: relative;
	display: grid;
	width: min( 1536px, 100% );
	height: min( 896px, calc( 100dvh - 24px ) );
	grid-template-rows: auto minmax( 0, 1fr ) auto;
	overflow: hidden;
	border: 1px solid rgba( 255, 255, 255, 0.16 );
	border-radius: var(--fk-radius-panel);
	background: #090d14;
	box-shadow: 0 28px 80px rgba( 0, 0, 0, 0.38 );
	color: #f7f9fc;
}

.fk-gallery-dialog__surface > header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--fk-space-lg);
	padding: var(--fk-space-md) var(--fk-space-lg);
	border-bottom: 1px solid rgba( 255, 255, 255, 0.12 );
}

.fk-gallery-dialog__surface h2 {
	overflow: hidden;
	margin: 0;
	color: inherit;
	font-size: var(--fk-text-base);
	text-overflow: ellipsis;
	white-space: nowrap;
}

.fk-gallery-dialog__close {
	display: grid;
	width: 40px;
	height: 40px;
	flex: 0 0 auto;
	place-items: center;
	padding: 0;
	border: 1px solid rgba( 255, 255, 255, 0.25 );
	border-radius: 999px;
	background: transparent;
	color: #fff;
	cursor: pointer;
	font-size: var(--fk-icon-lg);
}

.fk-gallery-dialog__stage {
	position: relative;
	display: grid;
	min-height: 0;
	place-items: center;
	overflow: hidden;
}

.fk-gallery-dialog__stage img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.fk-gallery-dialog__counter {
	margin: 0;
	padding: var(--fk-space-sm) var(--fk-space-lg);
	border-top: 1px solid rgba( 255, 255, 255, 0.12 );
	color: rgba( 255, 255, 255, 0.78 );
	font-size: var(--fk-text-xs);
	text-align: center;
}

.fk-section-heading {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--fk-space-md);
}

.fk-section-heading h2 {
	margin-top: var(--fk-space-2xs);
}

.fk-co2-badge {
	display: grid;
	min-width: 48px;
	height: 48px;
	place-items: center;
	border-radius: var(--fk-radius-control);
	background: var(--fk-color-accent);
	color: var(--fk-color-on-accent);
	font-size: var(--fk-text-lg);
	font-weight: 800;
}

.fk-collapsible:not(.is-expanded) .fk-collapsible-item {
	display: none;
}

.fk-collapsible__content--limited {
	position: relative;
	max-height: var(--fk-collapsed-height, 280px);
	overflow: hidden;
}

.fk-collapsible:not(.is-expanded) .fk-collapsible__content--limited::after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 80px;
	background: linear-gradient( transparent, var(--fk-color-surface) );
	content: "";
	pointer-events: none;
}

.fk-collapsible.is-expanded .fk-collapsible__content--limited {
	max-height: none;
}

.fk-text-toggle {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	gap: var(--fk-space-md);
	margin-top: var(--fk-space-lg);
	padding: var(--fk-space-sm) 0 0;
	border: 0;
	border-top: 1px solid var(--fk-color-border);
	border-radius: 0;
	background: transparent;
	color: var(--fk-color-heading);
	cursor: pointer;
	font: inherit;
	font-size: var(--fk-text-sm);
	font-weight: 750;
}

.fk-text-toggle:hover {
	background: transparent;
	color: var(--fk-color-heading);
}

.fk-site-main .fk-text-toggle:hover,
.fk-site-main .fk-text-toggle:focus-visible {
	background: transparent;
	color: var(--fk-color-heading);
}

.fk-text-toggle__icon {
	position: relative;
	display: block;
	width: 28px;
	height: 28px;
	flex: 0 0 auto;
	border: 1px solid var(--fk-color-border-strong);
	border-radius: 999px;
}

.fk-text-toggle__icon::before,
.fk-text-toggle__icon::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8.8px;
	height: 1px;
	transform: translate( -50%, -50% );
	background: currentColor;
	content: "";
}

.fk-text-toggle__icon::after {
	transform: translate( -50%, -50% ) rotate( 90deg );
}

.fk-collapsible.is-expanded .fk-text-toggle__icon::after {
	display: none;
}

.fk-text-toggle [data-fk-label-less],
.fk-collapsible.is-expanded .fk-text-toggle [data-fk-label-more] {
	display: none;
}

.fk-collapsible.is-expanded .fk-text-toggle [data-fk-label-less] {
	display: inline;
}

.fk-inquiry {
	padding: var(--fk-space-xl);
	border: 1px solid var(--fk-color-border);
	border-radius: var(--fk-radius-panel);
	background: var(--fk-color-surface);
}

.fk-inquiry__intro {
	margin: calc( -1 * var(--fk-space-sm) ) 0 var(--fk-space-lg);
	color: var(--fk-color-muted);
}

.fk-form-grid {
	display: grid;
	grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
	gap: var(--fk-space-md);
}

.fk-form-grid label {
	display: grid;
	min-width: 0;
	gap: var(--fk-space-xs);
}

.fk-form-grid__wide {
	grid-column: 1 / -1;
}

.fk-inquiry-form textarea {
	resize: vertical;
}

.fk-check {
	display: flex;
	align-items: flex-start;
	gap: var(--fk-space-sm);
	margin-top: var(--fk-space-md);
	color: var(--fk-color-muted);
	font-size: var(--fk-text-xs);
}

.fk-check input {
	margin-top: 0.2em;
}

.fk-check a {
	color: var(--fk-color-heading);
}

.fk-inquiry-form > .fk-button {
	margin-top: var(--fk-space-lg);
}

.fk-honeypot {
	position: absolute !important;
	left: -10000px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

.fk-form-notice {
	margin-bottom: var(--fk-space-lg);
	padding: var(--fk-space-md);
	border-radius: var(--fk-radius-control);
	font-size: var(--fk-text-sm);
}

.fk-form-notice--success {
	background: #e8f7ed;
	color: #176233;
}

.fk-form-notice--error {
	background: #fff0ef;
	color: #8b2722;
}

@media ( max-width: 1024px ) {
	.fk-detail-layout {
		grid-template-columns: 1fr;
	}

	.fk-detail-lead {
		grid-column: 1;
		grid-row: 1;
	}

	.fk-detail-gallery {
		grid-column: 1;
		grid-row: 2;
	}

	.fk-detail-sidebar {
		position: static;
		max-width: none;
		grid-column: 1;
		grid-row: 3;
	}

	.fk-detail-main {
		grid-column: 1;
		grid-row: 4;
	}
}

@media ( max-width: 768px ) {
	.fk-vehicle-unavailable {
		align-items: stretch;
		flex-direction: column;
	}

	.fk-vehicle-unavailable .fk-button {
		width: 100%;
		justify-content: center;
	}

	.fk-gallery {
		display: grid;
		grid-template-columns: 1fr;
		overflow: visible;
		padding-right: 0;
	}

	.fk-gallery__thumbs {
		position: static;
		display: grid;
		width: auto;
		max-height: none;
		grid-auto-columns: minmax( 80px, 22% );
		grid-auto-flow: column;
		grid-auto-rows: auto;
		overflow-x: auto;
		overflow-y: hidden;
	}

	.fk-gallery__thumb {
		width: auto;
	}
}

@media ( max-width: 600px ) {
	.fk-detail-shell.is-unavailable .fk-gallery.is-image-unavailable :is( .fk-gallery__stage, .fk-gallery__empty ) {
		min-height: 0;
		aspect-ratio: 4 / 3;
	}

	.fk-form-grid {
		grid-template-columns: 1fr;
	}

	.fk-form-grid__wide {
		grid-column: auto;
	}

	.fk-feature-groups {
		grid-template-columns: 1fr;
	}

	.fk-detail-header h1 {
		font-size: min( var(--fk-detail-title-size), 38.4px );
	}

	.fk-detail-summary,
	.fk-inquiry {
		padding: var(--fk-space-md);
	}
}
.fk-detail-section {
	margin-top: var(--fk-space-lg);
	padding-top: 0;
	border-top: 0;
}

.fk-detail-panel,
.fk-inquiry,
.fk-location-card {
	padding: clamp( 16px, 2vw, 22.4px );
	border: 1px solid var(--fk-color-border);
	border-radius: var(--fk-radius-panel);
	background: var(--fk-color-surface);
	box-shadow: var(--fk-shadow-card);
}

.fk-detail-panel.fk-detail-section {
	border-top: 1px solid var(--fk-color-border);
}

.fk-detail-section h2,
.fk-location-card h2 {
	margin: 0 0 var(--fk-space-md);
	font-size: var(--fk-text-lg);
}

.fk-detail-panel .fk-spec-grid,
.fk-energy-data .fk-spec-grid {
	display: grid;
	overflow: visible;
	grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
	gap: var(--fk-space-xs);
	border: 0;
	background: transparent;
}

.fk-detail-panel .fk-spec-grid > div,
.fk-energy-data .fk-spec-grid > div {
	display: flex;
	min-width: 0;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--fk-space-sm);
	padding: 11px 0;
	border: 0;
	border-bottom: 1px solid var(--fk-color-border);
	border-radius: 0;
	background: transparent;
}

.fk-detail-panel .fk-spec-grid dt,
.fk-energy-data .fk-spec-grid dt {
	margin: 0;
	font-size: var(--fk-text-2xs);
}

.fk-detail-panel .fk-spec-grid dd,
.fk-energy-data .fk-spec-grid dd {
	font-size: var(--fk-text-xs);
	text-align: right;
}

.fk-envkv-legal-notes {
	display: grid;
	gap: var(--fk-space-2xs);
	margin-top: var(--fk-space-md);
	padding-top: var(--fk-space-sm);
	border-top: 1px solid var(--fk-color-border);
	color: var(--fk-color-muted);
	font-size: var(--fk-text-xs);
	line-height: 1.55;
}

.fk-envkv-legal-notes p {
	margin: 0;
}

.fk-envkv-legal-notes a {
	color: var(--fk-color-accent);
	font-weight: 700;
}

.fk-description {
	line-height: 1.62;
}

.fk-feature-groups {
	gap: var(--fk-space-lg);
}

.fk-feature-list {
	gap: 5.6px var(--fk-space-lg);
	font-size: var(--fk-text-sm);
}

.fk-text-toggle {
	min-height: 41.6px;
	margin-top: var(--fk-space-md);
	padding: 8.8px 10.4px 8.8px 12.8px;
	border: 1px solid var(--fk-color-border);
	border-radius: var(--fk-radius-control);
	background: var(--fk-color-surface-soft);
	font-size: var(--fk-text-xs);
}

.fk-text-toggle:hover,
.fk-site-main .fk-text-toggle:hover,
.fk-site-main .fk-text-toggle:focus-visible {
	border-color: var(--fk-color-accent);
	background: var(--fk-color-surface-soft);
}

.fk-text-toggle__icon {
	width: 24px;
	height: 24px;
	background: var(--fk-color-surface);
}

.fk-location-card__header {
	margin-bottom: var(--fk-space-md);
}

.fk-location-card__header h2 {
	margin-top: var(--fk-space-2xs);
}

.fk-location-card__grid {
	display: grid;
	grid-template-columns: minmax( 0, 0.9fr ) minmax( 320px, 1.1fr );
	gap: clamp( var(--fk-space-lg), 5vw, var(--fk-space-2xl) );
	align-items: start;
}

.fk-location-card__grid > div {
	min-width: 0;
}

.fk-location-card__grid h3 {
	margin: 0 0 var(--fk-space-xs);
	color: var(--fk-color-heading);
	font-size: var(--fk-text-xs);
}

.fk-location-card__details {
	display: grid;
	gap: var(--fk-space-lg);
}

.fk-location-card address,
.fk-location-card ul,
.fk-location-card dl {
	margin: 0;
	padding: 0;
	color: var(--fk-color-muted);
	font-size: var(--fk-text-sm);
	font-style: normal;
	list-style: none;
}

.fk-location-card address span {
	display: block;
}

.fk-location-card li,
.fk-location-card dl > div {
	display: flex;
	justify-content: space-between;
	gap: var(--fk-space-sm);
}

.fk-location-card li + li,
.fk-location-card dl > div + div {
	margin-top: 5.6px;
}

.fk-location-card li > span,
.fk-location-card dt {
	color: var(--fk-color-muted);
}

.fk-location-card a,
.fk-location-card dd {
	min-width: 0;
	margin: 0;
	color: var(--fk-color-heading);
	font-weight: 650;
	text-align: right;
	text-decoration: none;
	word-break: break-word;
}

.fk-location-card a:hover {
	color: var(--fk-color-accent);
}

.fk-location-card__hours {
	padding-left: var(--fk-space-lg);
	border-left: 1px solid var(--fk-color-border);
}

.fk-location-card__hours dl {
	display: block;
}

.fk-gallery-dialog {
	width: 100vw;
	height: 100dvh;
	padding: 0;
	place-items: stretch;
}

.fk-gallery-dialog__surface {
	width: 100%;
	height: 100%;
	grid-template-rows: auto minmax( 0, 1fr ) auto;
	border: 0;
	border-radius: 0;
	background: #070a10;
	box-shadow: none;
}

.fk-gallery-dialog__surface > header {
	padding: 10.4px 13.6px;
}

.fk-gallery-dialog__surface > header > div {
	min-width: 0;
}

.fk-gallery-dialog__surface > header p {
	margin: 2.4px 0 0;
	color: rgba( 255, 255, 255, 0.65 );
	font-size: var(--fk-text-2xs);
}

.fk-gallery-dialog__stage {
	width: 100%;
	max-height: none;
	justify-self: center;
	padding: clamp( 8px, 2vw, 24px );
	aspect-ratio: auto;
	background: #030508;
}

.fk-gallery-dialog__stage img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.fk-gallery-dialog__thumbs {
	display: flex;
	max-height: 136px;
	overflow-x: hidden;
	overflow-y: auto;
	flex-wrap: wrap;
	gap: 7.2px;
	justify-content: safe center;
	padding: 10.4px 13.6px;
	border-top: 1px solid rgba( 255, 255, 255, 0.12 );
	scrollbar-width: thin;
}

.fk-gallery-dialog__thumb {
	overflow: hidden;
	width: 73.6px;
	flex: 0 0 73.6px;
	padding: 0;
	aspect-ratio: 4 / 3;
	border: 2px solid transparent;
	border-radius: min( var(--fk-radius-control), 4.8px );
	background: #111722;
	cursor: pointer;
	opacity: 0.55;
}

.fk-gallery-dialog__thumb.is-active {
	border-color: var(--fk-color-accent);
	opacity: 1;
}

.fk-gallery-dialog__thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.fk-gallery-dialog__thumb:focus-visible {
	outline: 3px solid var(--fk-color-accent);
	outline-offset: 2px;
}

@media ( max-width: 1024px ) {
	.fk-detail-layout {
		grid-template-columns: 1fr;
	}

}

@media ( max-width: 768px ) {
	.fk-detail-panel .fk-spec-grid,
	.fk-energy-data .fk-spec-grid,
	.fk-location-card__grid,
	.fk-location-card__hours dl {
		grid-template-columns: 1fr;
	}

	.fk-location-card__hours {
		grid-column: auto;
		padding-top: var(--fk-space-md);
		padding-left: 0;
		border-top: 1px solid var(--fk-color-border);
		border-left: 0;
	}
}

@media ( max-width: 600px ) {
	.fk-detail-panel,
	.fk-inquiry,
	.fk-location-card {
		padding: var(--fk-space-md);
	}

	.fk-detail-panel .fk-spec-grid > div,
	.fk-energy-data .fk-spec-grid > div {
		align-items: flex-start;
		flex-direction: column;
	}

	.fk-detail-panel .fk-spec-grid dd,
	.fk-energy-data .fk-spec-grid dd {
		text-align: left;
	}

	.fk-gallery-dialog__stage {
		width: 100%;
		max-height: none;
	}

	.fk-gallery-dialog__thumb {
		width: 64px;
		flex-basis: 64px;
	}

	.fk-contact-actions--columns-2 {
		grid-template-columns: 1fr;
	}
}

/* Compact context bar after the vehicle heading leaves the viewport. */
.fk-detail-shell {
	--fk-sticky-stack-offset: 0px;
	--fk-sticky-navigation-height: 64px;
}

.fk-vehicle-sticky-nav {
	position: fixed;
	z-index: 850;
	top: var(--fk-sticky-stack-offset);
	right: 0;
	left: 0;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transform: translateY(calc(-100% - var(--fk-space-md)));
	border-top: 0;
	border-bottom: 1px solid var(--fk-color-border);
	background: var(--fk-color-surface);
	box-shadow: 0 5px 16px rgba( 17, 27, 45, .045 );
	transition:
		opacity var(--fk-motion-duration) ease,
		transform var(--fk-motion-duration) ease,
		visibility 0s linear var(--fk-motion-duration);
}

body.admin-bar .fk-detail-shell {
	--fk-sticky-stack-offset: 32px;
}

.fk-vehicle-sticky-nav.is-visible {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
	transition-delay: 0s;
}

.fk-vehicle-sticky-nav__inner {
	display: grid;
	width: min(var(--fk-container-width), calc(100% - clamp(32px, 5vw, 72px)));
	min-height: calc(var(--fk-sticky-navigation-height) - 2px);
	align-items: center;
	grid-template-columns: auto minmax(160px, .7fr) minmax(0, 1fr);
	gap: clamp(14px, 2vw, 26px);
	margin-inline: auto;
	padding: 7px 0;
	color: var(--fk-color-text);
}

body .fk-detail-shell.has-visible-sticky-navigation .fk-detail-sidebar {
	top: calc(var(--fk-sticky-stack-offset) + var(--fk-sticky-navigation-height) + var(--fk-space-sm));
}

.fk-vehicle-sticky-nav__back {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--fk-color-muted);
	font-size: var(--fk-text-xs);
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
}

.fk-vehicle-sticky-nav__back:is(:hover, :focus-visible) {
	color: var(--fk-color-accent);
}

.fk-vehicle-sticky-nav__vehicle {
	display: grid;
	min-width: 0;
	gap: 2px;
}

.fk-vehicle-sticky-nav__vehicle strong {
	overflow: hidden;
	color: var(--fk-color-heading);
	font-size: var(--fk-text-sm);
	font-weight: 760;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.fk-vehicle-sticky-nav__vehicle span {
	color: var(--fk-color-muted);
	font-size: var(--fk-text-xs);
	font-weight: 700;
}

.fk-vehicle-sticky-nav__links {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 4px;
	overflow-x: auto;
	scrollbar-width: none;
}

.fk-vehicle-sticky-nav__links::-webkit-scrollbar {
	display: none;
}

.fk-vehicle-sticky-nav__links a {
	padding: 8px 10px;
	border-radius: var(--fk-radius-control);
	color: var(--fk-color-text);
	font-size: var(--fk-text-xs);
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
}

.fk-vehicle-sticky-nav__links a:is(:hover, :focus-visible) {
	background: var(--fk-color-surface-soft);
	color: var(--fk-color-accent);
}

.fk-detail-main > [id] {
	scroll-margin-top: calc(var(--fk-sticky-stack-offset, 12px) + 84px);
}

.fk-detail-highlights {
	display: grid;
	gap: 12px;
	margin: 0 0 var(--fk-space-lg);
	padding: 0;
}

.fk-detail-highlights__heading {
	display: block;
}

.fk-detail-highlights h2 {
	margin: 0;
	color: var(--fk-color-heading);
	font-family: var(--fk-font-heading);
	font-size: clamp( 22px, 2vw, 28px );
	font-weight: var(--fk-font-weight-heading);
	line-height: 1.12;
	letter-spacing: -.025em;
}

.fk-detail-highlights ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.fk-detail-highlights li {
	margin: 0;
	padding: 9px 13px;
	border: 1px solid var(--fk-color-border);
	border-radius: min( var(--fk-radius-control), 5px );
	background: var(--fk-color-surface);
	color: var(--fk-color-heading);
	font-size: var(--fk-text-sm);
	font-weight: 650;
	line-height: 1.15;
}

@media ( max-width: 782px ) {
	body.admin-bar .fk-detail-shell {
		--fk-sticky-stack-offset: 46px;
	}
}

@media ( max-width: 760px ) {
	.fk-vehicle-sticky-nav {
		display: none;
	}
}