/**
 * HG Automotive — single vehicle theme styles.
 * Scoped under .hg-auto-vehicle-single. Uses --hg-auto-* tokens with fallbacks.
 *
 * @since 0.4.0
 */

.hg-auto-vehicle-single {
	--hg-auto-vs-ink: var(--hg-auto-color-ink, var(--hg-color-text));
	--hg-auto-vs-steel: var(--hg-auto-color-steel, var(--hg-color-text-secondary));
	--hg-auto-vs-muted: var(--hg-auto-color-muted, var(--hg-color-text-muted));
	--hg-auto-vs-accent: var(--hg-auto-color-accent, var(--hg-color-primary));
	--hg-auto-vs-surface: var(--hg-auto-color-surface-elevated, var(--hg-color-card));
	--hg-auto-vs-bg: var(--hg-auto-color-surface, var(--hg-color-bg-subtle, var(--hg-color-surface)));
	--hg-auto-vs-border: var(--hg-auto-color-border, var(--hg-color-border));
	--hg-auto-vs-radius: var(--hg-auto-radius, 12px);
	--hg-auto-vs-radius-sm: 10px;
	--hg-auto-vs-shadow: var(--hg-auto-shadow, var(--hg-shadow-soft));
	--hg-auto-vs-space: var(--hg-auto-space-4, 1rem);
	--hg-auto-vs-space-lg: var(--hg-auto-space-6, 1.75rem);
	--hg-auto-vs-section-gap: var(--hg-auto-vs-space-lg);
	--hg-auto-vs-card-pad: 1.15rem 1.25rem;
	--hg-auto-vs-cta-height: 3.125rem; /* 50px — shared Phone / WhatsApp / Message / Test Drive */
	--hg-auto-vs-cta-icon-size: 1.125rem;
	--hg-auto-vs-cta-gap: 0.5rem;
	--hg-auto-vs-cta-font: 0.9375rem;
	--hg-auto-vs-cta-radius: var(--hg-auto-radius-sm, var(--hg-auto-radius));
	--hg-auto-vs-gallery-gap: 0.125rem;
	--hg-auto-vs-accordion-summary-min-h: 5rem; /* 80px — equal accordion headers */
	/* Clear sticky .hg-auto-header (min-height 4.5rem) + breathing room. */
	--hg-auto-vs-sticky-offset: calc(4.5rem + 1.25rem);
	/* Soft elevated card shadow (no hard border). */
	--hg-auto-vs-card-shadow: 0 2px 8px rgba(15, 23, 42, 0.06), 0 8px 24px rgba(15, 23, 42, 0.08);

	color: var(--hg-auto-vs-ink);
	overflow: visible;
	max-width: 100%;
}

/* Sticky conversion card cannot live under overflow-x: clip on .hg-auto-main. */
body.single-hg_vehicle .hg-auto-main {
	overflow-x: visible;
}

.admin-bar .hg-auto-vehicle-single {
	--hg-auto-vs-sticky-offset: calc(4.5rem + 32px + 1.25rem);
}

@media (max-width: 782px) {
	.admin-bar .hg-auto-vehicle-single {
		--hg-auto-vs-sticky-offset: calc(4.5rem + 46px + 1.25rem);
	}
}

.hg-auto-vs-section-title {
	margin: 0 0 0.85rem;
	font-family: var(--hg-auto-font-sans, inherit);
	font-size: 1.2rem;
	font-weight: 750;
	line-height: 1.3;
	letter-spacing: -0.01em;
}

/* Titles sit inside the white card; shadow stays on the card edge. */
.hg-auto-vs-card > .hg-auto-vs-section-title,
.hg-auto-vs-specs__panel > .hg-auto-vs-section-title,
.hg-auto-vs-location__panel > .hg-auto-vs-section-title,
.hg-auto-vs-dealer__card > .hg-auto-vs-section-title {
	margin: 0 0 1rem;
}

.hg-auto-vs-accordion__summary .hg-auto-vs-section-title {
	margin: 0;
}

/* Breadcrumbs */
.hg-auto-vs-breadcrumbs {
	margin-bottom: var(--hg-auto-vs-space);
	font-size: 0.875rem;
	color: var(--hg-auto-vs-muted);
}

.hg-auto-vs-breadcrumbs__list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem 0.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.hg-auto-vs-breadcrumbs__item:not(:last-child)::after {
	content: "/";
	margin-left: 0.5rem;
	color: var(--hg-auto-vs-border);
}

.hg-auto-vs-breadcrumbs__link {
	color: var(--hg-auto-vs-steel);
}

.hg-auto-vs-breadcrumbs__current {
	color: var(--hg-auto-vs-ink);
}

/* Mobile: hide trail visually; keep markup in DOM for SEO/crawlers. */
@media (max-width: 767px) {
	.hg-auto-vehicle-single .hg-auto-vs-breadcrumbs {
		display: none;
	}
}

/* Notice */
.hg-auto-vs-notice {
	margin-bottom: var(--hg-auto-vs-space);
	padding: var(--hg-auto-vs-space);
	border: 1px solid var(--hg-auto-vs-border);
	border-radius: var(--hg-auto-vs-radius);
	background: var(--hg-auto-vs-bg);
}

.hg-auto-vs-notice__title {
	margin: 0 0 0.35rem;
	font-weight: 700;
}

.hg-auto-vs-notice__message,
.hg-auto-vs-notice__action {
	margin: 0;
}

.hg-auto-vs-notice__action {
	margin-top: 0.75rem;
}

.hg-auto-vs-notice__links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.25rem;
	list-style: none;
	margin: 0.75rem 0 0;
	padding: 0;
}

.hg-auto-vs-notice__link {
	margin: 0;
}

.hg-auto-vs-notice__link a {
	text-decoration: underline;
	text-underline-offset: 0.12em;
}

/* Header */
.hg-auto-vs-header {
	margin: 0 0 var(--hg-auto-vs-section-gap);
	min-width: 0;
}

.hg-auto-vs__hero {
	margin-bottom: 0.85rem;
	overflow-x: clip;
	max-width: 100%;
}

.hg-auto-vs__hero .hg-auto-vs-gallery {
	margin-bottom: 0;
}

.hg-auto-vs__layout > .hg-auto-vs-header {
	margin: 0;
}

.hg-auto-vs__layout > .hg-auto-vs-header__pricing {
	min-width: 0;
	margin: 0;
}

.hg-auto-vs-header__top {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.85rem 1.5rem;
}

.hg-auto-vs-header__intro {
	min-width: min(100%, 18rem);
	flex: 1 1 18rem;
}

.hg-auto-vs-header__title-row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.75rem 1rem;
	margin-bottom: 0;
}

.hg-auto-vs-header__titles {
	min-width: 0;
	flex: 1 1 12rem;
}

.hg-auto-vs-header__title {
	margin: 0;
	font-family: var(--hg-auto-font-sans, inherit);
	font-size: clamp(1.65rem, 2.6vw, 2.15rem);
	font-weight: 750;
	line-height: 1.15;
	letter-spacing: -0.03em;
}

.hg-auto-vs-header__variant {
	margin: 0.25rem 0 0;
	font-size: 1.05rem;
	font-weight: 500;
	color: var(--hg-auto-vs-steel);
	line-height: 1.35;
}

.hg-auto-vs-header__divider {
	display: block;
	width: 100%;
	height: 0;
	margin: 0.95rem 0 0.9rem;
	border: 0;
	border-top: 1px solid var(--hg-auto-vs-border, var(--hg-color-border, #d8d8d4));
}

.hg-auto-vs-header__pricing {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
}

.hg-auto-vs-header__ctas {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 0.75rem;
	margin: 0.35rem 0 0;
	max-width: 100%;
}

.hg-auto-vs-header__cta {
	flex: 0 1 auto;
	min-height: var(--hg-auto-vs-cta-height, 3.125rem);
	height: var(--hg-auto-vs-cta-height, 3.125rem);
	padding: 0 1.15rem;
	box-sizing: border-box;
	border: 0;
	border-radius: var(--hg-auto-vs-cta-radius, var(--hg-auto-radius-sm, var(--hg-auto-radius)));
	box-shadow: none;
	font-size: var(--hg-auto-vs-cta-font, 0.9375rem);
	white-space: nowrap;
}

.hg-auto-vs-header__cta.hg-auto-button--primary,
.hg-auto-vs-header__cta.hg-auto-button--secondary,
.hg-auto-vs-header__cta.hg-auto-button--primary:hover,
.hg-auto-vs-header__cta.hg-auto-button--secondary:hover,
.hg-auto-vs-header__cta.hg-auto-button--primary:focus-visible,
.hg-auto-vs-header__cta.hg-auto-button--secondary:focus-visible {
	border: 0;
	box-shadow: none;
	transform: none;
	filter: none;
}

.hg-auto-vs-cta-icon {
	display: block;
	width: 100%;
	height: 100%;
	overflow: visible;
}

.hg-auto-vs-header__cta-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
}

.hg-auto-vs-header__cta-icon .hg-auto-vs-cta-icon {
	display: block;
}

.hg-auto-vs-header__cta--finance {
	color: var(--hg-color-on-primary, #fff);
}

.hg-auto-vs-header__cta--finance .hg-auto-vs-header__cta-icon {
	color: var(--hg-color-on-primary, #fff);
}

@media (max-width: 899px) {
	.hg-auto-vs-header__ctas {
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: stretch;
		gap: 0.65rem;
	}

	.hg-auto-vs-header__cta {
		width: 100%;
		flex: 0 0 auto;
		justify-content: center;
		white-space: normal;
	}
}

.hg-auto-vs-header__price {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.45rem 0.65rem;
	font-size: clamp(1.65rem, 2.3vw, 2rem);
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -0.03em;
	font-variant-numeric: tabular-nums;
}

.hg-auto-vs-header__price .hg-auto-price-amounts {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.45rem 0.65rem;
}

.hg-auto-vs-header__price-value,
.hg-auto-vs-header__price-sale {
	color: var(--hg-color-primary, #d4100e);
}

.hg-auto-vs-header__price-regular {
	font-size: 0.95rem;
	font-weight: 600;
	letter-spacing: 0;
	color: var(--hg-auto-vs-muted);
}

.hg-auto-vs-header__price-regular s {
	text-decoration-thickness: 1.5px;
}

.hg-auto-vs-header__finance {
	display: flex;
	margin-top: 0.3rem;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4rem 0.85rem;
}

.hg-auto-vs-header__finance .hg-fc-estimate,
.hg-auto-vs-header__finance .hg-fc-estimate--compact {
	margin: 0;
}

.hg-auto-vs-header__finance .hg-fc-estimate--compact .hg-fc-estimate__amount {
	font-size: 0.9375rem;
	font-weight: 400;
	color: var(--hg-auto-vs-steel);
	line-height: 1.35;
}

.hg-auto-vs-header__finance .hg-fc-estimate__pay {
	font-weight: 700;
	color: var(--hg-auto-vs-ink);
}

.hg-auto-vs-header__recalculate {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	font-size: 0.875rem;
	font-weight: 650;
	color: var(--hg-color-secondary, var(--hg-auto-vs-accent));
	text-decoration: none;
}

.hg-auto-vs-header__recalculate:hover,
.hg-auto-vs-header__recalculate:focus-visible {
	text-decoration: underline;
	outline: none;
}

.hg-auto-vs-header__recalculate-icon {
	display: inline-flex;
	flex-shrink: 0;
	width: 0.95rem;
	height: 0.95rem;
	color: currentColor;
}

.hg-auto-vs-header__recalculate-icon svg {
	display: block;
	width: 100%;
	height: 100%;
}

.hg-auto-vs-header__badges {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin: 0.75rem 0 0;
	padding: 0;
	list-style: none;
}

.hg-auto-vs-header__badge {
	display: inline-flex;
	align-items: center;
	min-height: 1.7rem;
	padding: 0.18rem 0.6rem;
	border-radius: 999px;
	border: 1px solid var(--hg-auto-vs-border);
	background: var(--hg-auto-vs-bg);
	color: var(--hg-auto-vs-ink);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.hg-auto-vs-header__badge--featured,
.hg-auto-vs-header__badge--new_listing {
	background: color-mix(in srgb, var(--hg-color-rating, #c9a227) 16%, #fff);
	border-color: color-mix(in srgb, var(--hg-color-rating, #c9a227) 40%, var(--hg-auto-vs-border));
}

.hg-auto-vs-header__badge--on_sale,
.hg-auto-vs-header__badge--special {
	background: color-mix(in srgb, var(--hg-auto-vs-accent) 12%, #fff);
	border-color: color-mix(in srgb, var(--hg-auto-vs-accent) 35%, var(--hg-auto-vs-border));
	color: var(--hg-auto-vs-accent);
}

.hg-auto-vs-header__badge--reserved {
	background: var(--hg-color-warning-bg, var(--hg-auto-vs-bg));
	color: var(--hg-color-warning, var(--hg-auto-vs-ink));
	border-color: var(--hg-color-warning, var(--hg-auto-vs-border));
}

.hg-auto-vs-header__badge--sold,
.hg-auto-vs-header__badge--withdrawn {
	background: var(--hg-auto-vs-ink);
	color: var(--hg-color-on-secondary, #fff);
	border-color: var(--hg-auto-vs-ink);
}

.hg-auto-vs-header__contact {
	flex: 0 0 auto;
	white-space: nowrap;
}

.hg-auto-vs-header__status {
	display: inline-flex;
	align-items: center;
	margin: 0 0 0.65rem;
	padding: 0.2rem 0.55rem;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	background: var(--hg-auto-vs-bg);
	color: var(--hg-auto-vs-ink);
	border: 1px solid var(--hg-auto-vs-border);
	border-radius: var(--hg-auto-vs-radius-sm);
}

.hg-auto-vs-header__status--sold,
.hg-auto-vs-header__status--withdrawn {
	background: var(--hg-auto-vs-ink);
	color: var(--hg-color-on-secondary, #fff);
	border-color: var(--hg-auto-vs-ink);
}

.hg-auto-vs-header__status--reserved {
	background: var(--hg-color-warning-bg, var(--hg-auto-vs-bg));
	color: var(--hg-color-warning, var(--hg-auto-vs-ink));
	border-color: var(--hg-color-warning, var(--hg-auto-vs-border));
}

/* Quick-fact chips */
.hg-auto-vs-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin: 0 0 0.75rem;
	padding: 0;
	list-style: none;
}

.hg-auto-vs-chip {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.35rem 0.65rem;
	border: 1px solid var(--hg-auto-vs-border);
	border-radius: 999px;
	background: var(--hg-auto-vs-bg);
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--hg-auto-vs-ink);
	line-height: 1.2;
}

.hg-auto-vs-chip__icon {
	display: inline-flex;
	color: var(--hg-auto-vs-accent);
}

.hg-auto-vs-chip__icon .hg-auto-vs-icon {
	width: 0.95rem;
	height: 0.95rem;
}

.hg-auto-vs-header__buyer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0.45rem;
	flex: 0 0 auto;
	min-width: 0;
}

.hg-auto-vs-header__buyer-item {
	flex: 0 0 auto;
	min-width: 0;
}

.hg-auto-vs-header__buyer-item--share {
	position: relative;
}

.hg-auto-vs-header__buyer .hg-auto-buyer-action--icon {
	width: auto;
	min-width: 0;
	min-height: 0;
	padding: 0;
	justify-content: center;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: var(--hg-auto-vs-ink, var(--hg-auto-color-ink));
}

.hg-auto-vs-header__buyer .hg-auto-buyer-action--icon:hover,
.hg-auto-vs-header__buyer .hg-auto-buyer-action--icon:focus-visible {
	border-color: transparent;
	background: transparent;
	color: var(--hg-auto-vs-accent, var(--hg-auto-color-accent));
}

.hg-auto-vs-header__buyer .hg-auto-buyer-action--icon:focus-visible {
	outline: 2px solid var(--hg-auto-vs-accent, var(--hg-auto-color-accent));
	outline-offset: 3px;
}

.hg-auto-vs-header__buyer .hg-auto-buyer-action--favourite.is-active,
.hg-auto-vs-header__buyer .hg-auto-buyer-action--favourite.is-active:hover,
.hg-auto-vs-header__buyer .hg-auto-buyer-action--favourite.is-active:focus-visible,
.hg-auto-vs-header__buyer .hg-auto-buyer-action--compare.is-active,
.hg-auto-vs-header__buyer .hg-auto-buyer-action--compare.is-active:hover,
.hg-auto-vs-header__buyer .hg-auto-buyer-action--compare.is-active:focus-visible {
	border: 0;
	background: transparent;
	color: var(--hg-auto-vs-accent, var(--hg-auto-color-accent));
}

.hg-auto-vs-header__buyer .hg-auto-buyer-action__icon {
	width: 1.25rem;
	height: 1.25rem;
}

.hg-auto-vs-header__buyer .hg-auto-buyer-form {
	display: block;
}

.hg-auto-vs-share {
	position: relative;
}

.hg-auto-vs-share__menu {
	position: absolute;
	top: calc(100% + 0.4rem);
	right: 0;
	z-index: 40;
	display: grid;
	gap: 0.1rem;
	min-width: 11rem;
	padding: 0.35rem;
	border: 1px solid var(--hg-auto-vs-border);
	border-radius: var(--hg-auto-vs-radius-sm);
	background: var(--hg-auto-vs-surface);
	box-shadow: var(--hg-auto-vs-shadow);
}

.hg-auto-vs-share__menu[hidden] {
	display: none;
}

.hg-auto-vs-share__item {
	display: flex;
	align-items: center;
	width: 100%;
	margin: 0;
	padding: 0.55rem 0.7rem;
	border: 0;
	border-radius: calc(var(--hg-auto-vs-radius-sm) - 2px);
	background: transparent;
	color: var(--hg-auto-vs-ink);
	font: inherit;
	font-size: 0.875rem;
	font-weight: 600;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
}

.hg-auto-vs-share__item:hover,
.hg-auto-vs-share__item:focus-visible {
	background: color-mix(in srgb, var(--hg-auto-vs-accent) 10%, transparent);
	color: var(--hg-auto-vs-ink);
	outline: none;
}

/* Mid-column pricing (inside history+pricing card) */
.hg-auto-vs-pricing {
	padding: 0.25rem 0;
}

.hg-auto-vs-pricing__inner {
	max-width: 22rem;
}

.hg-auto-vs-pricing__price {
	margin: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.35rem;
	font-size: clamp(1.75rem, 2.6vw, 2rem); /* ~28–32px */
	font-weight: 750;
	letter-spacing: -0.03em;
	line-height: 1.1;
	color: var(--hg-auto-vs-ink);
	font-variant-numeric: tabular-nums;
}

.hg-auto-vs-pricing__price .hg-auto-price-amounts {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.35rem 0.65rem;
}

.hg-auto-vs-pricing__price-value,
.hg-auto-vs-pricing__price-sale {
	color: var(--hg-auto-vs-ink);
}

.hg-auto-vs-pricing__price-regular {
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0;
	color: var(--hg-auto-vs-muted);
}

.hg-auto-vs-pricing__price-regular s {
	text-decoration-thickness: 1.5px;
}

.hg-auto-vs-pricing__note {
	display: block;
	width: 100%;
	margin: 0.15rem 0 0;
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--hg-auto-vs-muted);
}

/* Compact History & warranty accordion body — icon rows + dividers. */
.hg-auto-vs-history-pricing .hg-auto-vs-accordion__panel {
	padding-top: 1rem;
	padding-bottom: 0.25rem;
}

.hg-auto-vs-history-pricing__groups {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1.15rem;
	min-width: 0;
}

.hg-auto-vs-history-pricing__block .hg-auto-vs-history__subheading {
	margin: 0 0 0.45rem;
	font-size: 0.9375rem;
	font-weight: 650;
	letter-spacing: -0.01em;
	line-height: 1.25;
	color: var(--hg-auto-vs-ink);
}

.hg-auto-vs-history-pricing .hg-auto-vs-history__list {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0;
	margin: 0;
}

.hg-auto-vs-history-pricing .hg-auto-vs-history__item {
	display: grid;
	grid-template-columns: 1.125rem minmax(0, 1fr) auto;
	align-items: center;
	column-gap: 0.65rem;
	margin: 0;
	padding: 0.7rem 0; /* ~11px */
	border-bottom: 1px solid var(--hg-auto-vs-border);
	min-width: 0;
}

.hg-auto-vs-history-pricing .hg-auto-vs-history__item:last-child {
	border-bottom: 0;
	padding-bottom: 0.35rem;
}

.hg-auto-vs-history-pricing .hg-auto-vs-history__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.125rem;
	height: 1.125rem;
	color: var(--hg-auto-vs-accent);
	flex-shrink: 0;
}

.hg-auto-vs-history-pricing .hg-auto-vs-history__icon .hg-auto-vs-icon {
	width: 1.05rem; /* ~17px */
	height: 1.05rem;
}

.hg-auto-vs-history-pricing .hg-auto-vs-history__item dt,
.hg-auto-vs-history-pricing .hg-auto-vs-history__label {
	margin: 0;
	font-size: 0.8125rem; /* 13px */
	font-weight: 500;
	line-height: 1.35;
	text-transform: none;
	letter-spacing: 0;
	color: var(--hg-auto-vs-muted);
	min-width: 0;
}

.hg-auto-vs-history-pricing .hg-auto-vs-history__item dd,
.hg-auto-vs-history-pricing .hg-auto-vs-history__value {
	margin: 0;
	font-size: 0.875rem; /* 14px */
	font-weight: 650;
	line-height: 1.35;
	color: var(--hg-auto-vs-ink);
	text-align: right;
	justify-self: end;
	/* Do not cap/collapse the auto column — overflow-wrap:anywhere made min-content ~1ch. */
	max-width: none;
	width: max-content;
	white-space: nowrap;
	overflow-wrap: normal;
	word-break: normal;
}

.hg-auto-vs-history-pricing__pricing {
	max-width: 22rem;
}

.hg-auto-vs-history-pricing__pricing--divided {
	margin-top: 1.1rem;
	padding-top: 1.1rem;
	border-top: 1px solid var(--hg-auto-vs-border);
}

.hg-auto-vs-history-pricing__pricing .hg-fc-estimate {
	margin-top: 0.55rem;
}

.hg-auto-vs-history-pricing__pricing .hg-fc-estimate__amount {
	margin: 0;
	font-size: 0.9375rem;
	font-weight: 550;
	line-height: 1.35;
	color: var(--hg-auto-vs-ink);
}

.hg-auto-vs-history-pricing__pricing .hg-fc-estimate__meta {
	margin: 0.35rem 0 0;
	font-size: 0.75rem; /* 12px */
	font-weight: 400;
	line-height: 1.4;
	color: var(--hg-auto-vs-muted);
}

.hg-auto-vs-history-pricing__pricing .hg-fc-estimate__link {
	margin: 0.55rem 0 0;
	font-size: 0.875rem;
}

.hg-auto-vs-history-pricing__pricing .hg-fc-estimate__link a {
	font-weight: 650;
}

@media (min-width: 900px) {
	.hg-auto-vs-history-pricing__groups {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1.25rem 2rem;
		align-items: start;
	}

	.hg-auto-vs-history-pricing .hg-auto-vs-history__item {
		grid-template-columns: 1.125rem minmax(0, 1fr) auto;
		align-items: center;
	}

	.hg-auto-vs-history-pricing .hg-auto-vs-history__item dd,
	.hg-auto-vs-history-pricing .hg-auto-vs-history__value {
		text-align: right;
		max-width: none;
	}
}

/* Narrow phones: keep value column content-sized (no letter-by-letter wrap). */
@media (max-width: 899px) {
	.hg-auto-vs-history-pricing .hg-auto-vs-history__item {
		grid-template-columns: 1.125rem minmax(0, 1fr) auto;
	}

	.hg-auto-vs-history-pricing .hg-auto-vs-history__item dd,
	.hg-auto-vs-history-pricing .hg-auto-vs-history__value {
		max-width: none;
		width: max-content;
		white-space: nowrap;
		overflow-wrap: normal;
		word-break: normal;
	}
}

/* Layout */
.hg-auto-vs__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--hg-auto-vs-section-gap);
	align-items: start;
	min-width: 0;
	max-width: 100%;
}

.hg-auto-vs__main {
	display: grid;
	gap: var(--hg-auto-vs-section-gap);
	min-width: 0;
	max-width: 100%;
	padding-top: 0;
}

.hg-auto-vs__aside {
	min-width: 0;
	max-width: 100%;
	overflow: visible;
}

.hg-auto-vs__main > * {
	padding: 0;
}

.hg-auto-vs__main > :first-child {
	padding-top: 0;
}

.hg-auto-vs__main > * + * {
	margin-top: 0;
}

.hg-auto-vs__main > section > .hg-auto-vs-section-title,
.hg-auto-vs__layout > .hg-auto-vs-header__pricing > .hg-auto-vs-section-title {
	--hg-auto-vs-rule-1: 64px;
	--hg-auto-vs-rule-2: 26px;
	--hg-auto-vs-rule-3: 12px;
	--hg-auto-vs-rule-gap: 4px;
	--hg-auto-vs-rule-h: 3px;
	--hg-auto-vs-rule-group: calc(
		var(--hg-auto-vs-rule-1) + var(--hg-auto-vs-rule-gap) + var(--hg-auto-vs-rule-2) + var(--hg-auto-vs-rule-gap) + var(--hg-auto-vs-rule-3)
	);
	position: relative;
	margin: 0 0 0.9rem;
}

.hg-auto-vs__main > section > .hg-auto-vs-section-title::before,
.hg-auto-vs__layout > .hg-auto-vs-header__pricing > .hg-auto-vs-section-title::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: var(--hg-auto-vs-rule-group);
	height: var(--hg-auto-vs-rule-h);
	pointer-events: none;
	background-color: var(--hg-auto-vs-accent, var(--hg-color-primary, #d4100e));
	clip-path: path("M0 0h64l-2 3H0zM68 0h26l-2 3H68zM98 0h12l-2 3H98z");
}

.hg-auto-vs__main > section > .hg-auto-vs-section-title::after,
.hg-auto-vs__layout > .hg-auto-vs-header__pricing > .hg-auto-vs-section-title::after {
	content: "";
	display: block;
	width: 100%;
	max-width: 100%;
	height: var(--hg-auto-vs-rule-h);
	margin-top: 0.4rem;
	pointer-events: none;
	background: linear-gradient(
			var(--hg-auto-vs-border, var(--hg-color-border, #d8d8d4)),
			var(--hg-auto-vs-border, var(--hg-color-border, #d8d8d4))
		)
		no-repeat calc(var(--hg-auto-vs-rule-group) + var(--hg-auto-vs-rule-gap)) 50% /
		calc(100% - var(--hg-auto-vs-rule-group) - var(--hg-auto-vs-rule-gap)) 1px;
}

@media (max-width: 639px) {
	.hg-auto-vs__main > section > .hg-auto-vs-section-title,
	.hg-auto-vs-location__logo + .hg-auto-vs-location__reps .hg-auto-vs-location__subheading,
	.hg-auto-vs__layout > .hg-auto-vs-header__pricing > .hg-auto-vs-section-title {
		--hg-auto-vs-rule-1: 52px;
		--hg-auto-vs-rule-2: 22px;
		--hg-auto-vs-rule-3: 10px;
		--hg-auto-vs-rule-gap: 3px;
	}

	.hg-auto-vs__main > section > .hg-auto-vs-section-title::before,
	.hg-auto-vs-location__logo + .hg-auto-vs-location__reps .hg-auto-vs-location__subheading::after,
	.hg-auto-vs__layout > .hg-auto-vs-header__pricing > .hg-auto-vs-section-title::before {
		clip-path: path("M0 0h52l-2 3H0zM55 0h22l-2 3H55zM80 0h10l-2 3H80z");
	}
}

/* Flatten main-column content (sidebar conversion card stays raised). */
.hg-auto-vs__main .hg-auto-vs-card,
.hg-auto-vs__main .hg-auto-vs-specs__panel,
.hg-auto-vs__main .hg-auto-vs-features__panel,
.hg-auto-vs__main .hg-auto-vs-description__panel,
.hg-auto-vs__main .hg-auto-vs-location__panel {
	padding-left: 0;
	padding-right: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.hg-auto-vs__message:empty {
	display: none;
}

.hg-auto-vs__message:not(:empty) {
	margin-top: 0.85rem;
}

/* Gallery — dealership carousel */
.hg-auto-vs-gallery {
	position: relative;
	min-width: 0;
	max-width: 100%;
}

.hg-auto-vs-gallery__swipe {
	display: block;
	position: relative;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	overflow: hidden;
	border-radius: var(--hg-auto-vs-radius);
	background: var(--hg-auto-vs-bg);
}

.hg-auto-vs-gallery__track {
	display: flex;
	gap: var(--hg-auto-vs-gallery-gap);
	width: 100%;
	max-width: 100%;
	min-width: 0;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	background: var(--hg-auto-vs-bg);
	scrollbar-width: none;
	overscroll-behavior-x: contain;
}

.hg-auto-vs-gallery__track:focus-visible {
	outline: 2px solid var(--hg-auto-vs-accent);
	outline-offset: 2px;
}

.hg-auto-vs-gallery__track::-webkit-scrollbar {
	display: none;
}

.hg-auto-vs-gallery__slide {
	flex: 0 0 100%;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	scroll-snap-align: start;
	scroll-snap-stop: always;
	aspect-ratio: 16 / 10;
	position: relative;
	box-sizing: border-box;
	background: var(--hg-auto-vs-bg);
	overflow: hidden;
}

.hg-auto-vs-gallery__slide-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	background: var(--hg-auto-vs-bg);
	user-select: none;
	-webkit-user-select: none;
	-webkit-user-drag: none;
	pointer-events: none;
}

.hg-auto-vs-gallery__slide-open {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.hg-auto-vs-gallery__slide-open:focus-visible {
	outline: none;
	box-shadow: inset 0 0 0 3px var(--hg-auto-vs-accent);
}

.hg-auto-vs-gallery__nav,
.hg-auto-vs-gallery__badge,
.hg-auto-vs-gallery__expand {
	background: rgba(0, 0, 0, 0.42);
	color: #fff;
	border: 0;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

.hg-auto-vs-gallery__nav {
	position: absolute;
	top: 50%;
	z-index: 4;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.85rem;
	height: 1.85rem;
	margin: 0;
	padding: 0;
	border-radius: 999px;
	transform: translateY(-50%);
	cursor: pointer;
}

.hg-auto-vs-gallery__nav:hover,
.hg-auto-vs-gallery__nav:focus-visible,
.hg-auto-vs-gallery__expand:hover,
.hg-auto-vs-gallery__expand:focus-visible {
	background: rgba(0, 0, 0, 0.55);
	color: #fff;
}

.hg-auto-vs-gallery__nav:focus-visible,
.hg-auto-vs-gallery__expand:focus-visible {
	outline: 2px solid var(--hg-auto-vs-accent);
	outline-offset: 2px;
}

.hg-auto-vs-gallery__nav--prev {
	left: 0.7rem;
}

.hg-auto-vs-gallery__nav--next {
	right: 0.7rem;
}

.hg-auto-vs-gallery__slide--placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: default;
}

.hg-auto-vs-gallery__main--placeholder {
	object-fit: contain;
	opacity: 0.55;
}

.hg-auto-vs-gallery__empty {
	position: absolute;
	inset: auto 1rem 1rem;
	margin: 0;
	padding: 0.55rem 0.75rem;
	border-radius: var(--hg-auto-vs-radius-sm);
	background: color-mix(in srgb, var(--hg-auto-vs-surface) 92%, transparent);
	color: var(--hg-auto-vs-muted);
	font-size: 0.875rem;
	text-align: center;
}

.hg-auto-vs-gallery__badge {
	position: absolute;
	right: 0.75rem;
	bottom: 0.75rem;
	z-index: 4;
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	min-height: 1.75rem;
	padding: 0.22rem 0.6rem 0.22rem 0.45rem;
	border-radius: 999px;
	font-size: 0.8125rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.01em;
	pointer-events: none;
}

.hg-auto-vs-gallery__badge-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: inherit;
}

.hg-auto-vs-gallery__expand {
	position: absolute;
	left: 0.75rem;
	bottom: 0.75rem;
	z-index: 4;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.75rem;
	height: 1.75rem;
	margin: 0;
	padding: 0;
	border-radius: 999px;
	cursor: pointer;
}

.hg-auto-vs-gallery__promo {
	position: absolute;
	top: 0.75rem;
	right: 0.75rem;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	min-height: 1.85rem;
	padding: 0.28rem 0.65rem 0.28rem 0.5rem;
	border-radius: 999px;
	background: color-mix(in srgb, var(--hg-auto-vs-ink) 72%, transparent);
	color: var(--hg-color-on-secondary, #fff);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1;
	pointer-events: none;
	backdrop-filter: blur(4px);
}

.hg-auto-vs-gallery__promo--featured {
	background: color-mix(in srgb, var(--hg-color-rating, #c9a227) 88%, #111);
	color: #fff;
}

.hg-auto-vs-gallery__promo--special {
	background: color-mix(in srgb, var(--hg-auto-vs-accent) 88%, #111);
	color: var(--hg-color-on-primary, #fff);
}

.hg-auto-vs-gallery__promo-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.hg-auto-vs-gallery__promo-label {
	white-space: nowrap;
}

.hg-auto-vs-gallery__noscript {
	display: grid;
	gap: 1rem;
	margin-top: 1rem;
}

.hg-auto-vs-gallery__noscript-item {
	margin: 0;
}

.hg-auto-vs-gallery__noscript-item img {
	width: 100%;
	height: auto;
	object-fit: contain;
	border-radius: var(--hg-auto-vs-radius);
}

.hg-auto-vs-gallery__thumbs-wrap {
	display: block;
	min-width: 0;
	max-width: 100%;
	margin: 0.4rem 0 0;
	overflow: hidden;
	--hg-auto-vs-thumb-gap: 0.2rem;
}

.hg-auto-vs-gallery__thumbs {
	display: flex;
	gap: var(--hg-auto-vs-thumb-gap);
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x proximity;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-x: contain;
	touch-action: pan-x;
}

.hg-auto-vs-gallery__thumbs::-webkit-scrollbar {
	display: none;
}

.hg-auto-vs-gallery__thumb-item {
	flex: 0 0 calc((100% - (var(--hg-auto-vs-thumb-gap) * 4)) / 5);
	min-width: 0;
	aspect-ratio: 4 / 3;
	scroll-snap-align: start;
}

.hg-auto-vs-gallery__thumb {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0.4rem;
	background: var(--hg-auto-vs-bg);
	cursor: pointer;
	overflow: hidden;
	opacity: 0.72;
	box-shadow: none;
	box-sizing: border-box;
}

.hg-auto-vs-gallery__thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	pointer-events: none;
}

.hg-auto-vs-gallery__thumb.is-selected {
	opacity: 1;
	border: 0;
	box-shadow: none;
}

.hg-auto-vs-gallery__thumb:focus-visible {
	outline: 2px solid var(--hg-auto-vs-accent, var(--hg-color-primary, #d4100e));
	outline-offset: 2px;
}

@media (min-width: 900px) {
	.hg-auto-vs-gallery__thumbs-wrap {
		display: none;
	}
}

@media (min-width: 900px) {
	.hg-auto-vs-gallery__track {
		height: clamp(16.5rem, 26vw, 21.5rem);
	}

	.hg-auto-vs-gallery__slide {
		flex-basis: calc(33.333% - (var(--hg-auto-vs-gallery-gap) * 2 / 3));
		width: calc(33.333% - (var(--hg-auto-vs-gallery-gap) * 2 / 3));
		min-width: calc(33.333% - (var(--hg-auto-vs-gallery-gap) * 2 / 3));
		max-width: calc(33.333% - (var(--hg-auto-vs-gallery-gap) * 2 / 3));
		aspect-ratio: auto;
		height: 100%;
	}
}


@media (max-width: 639px) {
	.hg-auto-vs-gallery__nav {
		width: 1.7rem;
		height: 1.7rem;
	}
}

/* Lightbox — full-screen marketplace gallery viewer */
.hg-auto-vs-lightbox {
	--hg-lb-bg: var(--hg-color-footer-deep);
	--hg-lb-surface: var(--hg-color-footer);
	--hg-lb-text: var(--hg-color-on-dark);
	--hg-lb-muted: color-mix(in srgb, var(--hg-color-on-dark) 72%, transparent);
	--hg-lb-border: color-mix(in srgb, var(--hg-color-on-dark) 16%, transparent);
	--hg-lb-chip: color-mix(in srgb, var(--hg-color-on-dark) 10%, transparent);
	--hg-lb-accent: var(--hg-color-primary);
	--hg-lb-whatsapp: var(--hg-color-whatsapp);
	--hg-lb-whatsapp-hover: var(--hg-color-whatsapp-hover);
	--hg-lb-radius: var(--hg-radius-sm);
	--hg-lb-stage-h: calc(100vh - 12.5rem);
	--hg-lb-header-h: 4rem;
	--hg-lb-footer-h: 3.25rem;
	--hg-lb-thumbs-h: 5.25rem;
	--hg-lb-transition: var(--hg-transition, 160ms ease);

	padding: 0;
	border: 0;
	margin: 0;
	width: 100vw;
	max-width: 100vw;
	height: 100vh;
	height: 100dvh;
	max-height: 100vh;
	max-height: 100dvh;
	inset: 0;
	background: var(--hg-lb-bg);
	color: var(--hg-lb-text);
	box-shadow: none;
}

.hg-auto-vs-lightbox::backdrop {
	background: color-mix(in srgb, var(--hg-color-footer-deep) 92%, black);
}

.hg-auto-vs-lightbox__shell {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	min-height: 100%;
	background: var(--hg-lb-bg);
}

.hg-auto-vs-lightbox__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--hg-space-3);
	flex-shrink: 0;
	min-height: var(--hg-lb-header-h);
	padding: var(--hg-space-3) var(--hg-space-4);
	border-bottom: 1px solid var(--hg-lb-border);
	background: color-mix(in srgb, var(--hg-lb-surface) 88%, black);
}

.hg-auto-vs-lightbox__identity {
	min-width: 0;
	display: grid;
	gap: 0.15rem;
}

.hg-auto-vs-lightbox__price {
	margin: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.3rem;
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1.2;
	color: var(--hg-lb-text);
}

.hg-auto-vs-lightbox__price .hg-auto-price-amounts {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.35rem 0.55rem;
}

.hg-auto-vs-lightbox__price-sale {
	color: var(--hg-lb-text);
}

.hg-auto-vs-lightbox__price-regular {
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--hg-lb-muted);
}

.hg-auto-vs-lightbox__title {
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.3;
	color: var(--hg-lb-muted);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.hg-auto-vs-lightbox__header-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: var(--hg-space-2);
	flex-shrink: 0;
}

.hg-auto-vs-lightbox__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	min-height: 2.4rem;
	padding: 0.45rem 0.85rem;
	border-radius: var(--hg-lb-radius);
	border: 1px solid transparent;
	font: inherit;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
	transition: background var(--hg-lb-transition), border-color var(--hg-lb-transition), color var(--hg-lb-transition);
}

.hg-auto-vs-lightbox__cta--whatsapp {
	background: var(--hg-lb-whatsapp);
	border-color: var(--hg-color-whatsapp-border);
	color: var(--hg-color-on-dark);
}

.hg-auto-vs-lightbox__cta--whatsapp:hover,
.hg-auto-vs-lightbox__cta--whatsapp:focus-visible {
	background: var(--hg-lb-whatsapp-hover);
	outline: none;
}

.hg-auto-vs-lightbox__cta--message {
	background: var(--hg-color-primary);
	border-color: var(--hg-color-primary-hover);
	color: var(--hg-color-on-primary);
}

.hg-auto-vs-lightbox__cta--message:hover,
.hg-auto-vs-lightbox__cta--message:focus-visible {
	background: var(--hg-color-primary-hover);
	outline: none;
}

.hg-auto-vs-lightbox__cta-icon {
	display: inline-flex;
	line-height: 0;
}

.hg-auto-vs-lightbox__icon-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.4rem;
	height: 2.4rem;
	margin: 0;
	padding: 0;
	border: 1px solid var(--hg-lb-border);
	border-radius: 50%;
	background: var(--hg-lb-chip);
	color: var(--hg-lb-text);
	cursor: pointer;
	text-decoration: none;
	transition: background var(--hg-lb-transition), border-color var(--hg-lb-transition);
}

.hg-auto-vs-lightbox__icon-btn:hover,
.hg-auto-vs-lightbox__icon-btn:focus-visible {
	background: color-mix(in srgb, var(--hg-color-on-dark) 18%, transparent);
	border-color: color-mix(in srgb, var(--hg-color-on-dark) 35%, transparent);
	outline: none;
}

.hg-auto-vs-lightbox__icon-btn:focus-visible {
	box-shadow: var(--hg-focus-ring);
}

.hg-auto-vs-lightbox__share {
	position: relative;
}

.hg-auto-vs-lightbox__share-menu {
	position: absolute;
	top: calc(100% + 0.5rem);
	right: 0;
	z-index: 20;
	display: grid;
	gap: 0.15rem;
	min-width: 11.5rem;
	padding: var(--hg-space-2);
	border: 1px solid var(--hg-lb-border);
	border-radius: var(--hg-radius);
	background: var(--hg-lb-surface);
	box-shadow: var(--hg-shadow-hover);
}

.hg-auto-vs-lightbox__share-menu[hidden] {
	display: none;
}

.hg-auto-vs-lightbox__share-item {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	width: 100%;
	margin: 0;
	padding: 0.55rem 0.65rem;
	border: 0;
	border-radius: var(--hg-radius-sm);
	background: transparent;
	color: var(--hg-lb-text);
	font: inherit;
	font-size: 0.8125rem;
	font-weight: 600;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
	transition: background var(--hg-lb-transition);
}

.hg-auto-vs-lightbox__share-item:hover,
.hg-auto-vs-lightbox__share-item:focus-visible {
	background: var(--hg-lb-chip);
	outline: none;
}

.hg-auto-vs-lightbox__share-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.35rem;
	height: 1.35rem;
	line-height: 0;
	color: var(--hg-lb-text);
}

.hg-auto-vs-lightbox__share-icon--whatsapp {
	color: var(--hg-color-whatsapp);
}

.hg-auto-vs-lightbox__body {
	position: relative;
	display: flex;
	flex: 1 1 auto;
	min-height: 0;
	overflow: hidden;
}

.hg-auto-vs-lightbox__viewer {
	display: flex;
	flex-direction: column;
	width: 100%;
	min-height: 0;
	flex: 1 1 auto;
}

.hg-auto-vs-lightbox__stage {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
	height: var(--hg-lb-stage-h);
	min-height: 0;
	max-height: var(--hg-lb-stage-h);
	padding: 0 4rem;
	background: var(--hg-lb-bg);
}

.hg-auto-vs-lightbox__figure {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	margin: 0;
	overflow: hidden;
}

.hg-auto-vs-lightbox__image {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	object-position: center;
	opacity: 1;
	transition: opacity 0.28s ease;
	user-select: none;
	-webkit-user-select: none;
	-webkit-user-drag: none;
	pointer-events: none;
	border-radius: var(--hg-radius-sm);
}

.hg-auto-vs-lightbox__image.is-fading {
	opacity: 0;
}

.hg-auto-vs-lightbox__loader {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	background: color-mix(in srgb, var(--hg-lb-bg) 35%, transparent);
}

.hg-auto-vs-lightbox__loader[hidden] {
	display: none;
}

.hg-auto-vs-lightbox__spinner {
	width: 2rem;
	height: 2rem;
	border: 2px solid color-mix(in srgb, var(--hg-color-on-dark) 22%, transparent);
	border-top-color: var(--hg-lb-text);
	border-radius: 50%;
	animation: hg-auto-vs-spin 0.7s linear infinite;
}

@keyframes hg-auto-vs-spin {
	to {
		transform: rotate(360deg);
	}
}

.hg-auto-vs-lightbox__nav-btn {
	position: absolute;
	top: 50%;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: color-mix(in srgb, var(--hg-color-on-dark) 88%, transparent);
	color: var(--hg-color-text);
	cursor: pointer;
	transform: translateY(-50%);
	transition: background var(--hg-lb-transition), transform var(--hg-lb-transition), opacity var(--hg-lb-transition);
	box-shadow: var(--hg-shadow-soft);
}

.hg-auto-vs-lightbox__prev {
	left: var(--hg-space-3);
}

.hg-auto-vs-lightbox__next {
	right: var(--hg-space-3);
}

.hg-auto-vs-lightbox__nav-btn:hover,
.hg-auto-vs-lightbox__nav-btn:focus-visible {
	background: var(--hg-color-on-dark);
	outline: none;
}

.hg-auto-vs-lightbox__nav-btn:focus-visible {
	box-shadow: var(--hg-focus-ring);
}

.hg-auto-vs-lightbox__nav-btn:active {
	transform: translateY(-50%) scale(0.96);
}

.hg-auto-vs-lightbox__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--hg-space-3);
	flex-shrink: 0;
	min-height: var(--hg-lb-footer-h);
	padding: var(--hg-space-2) var(--hg-space-4);
}

.hg-auto-vs-lightbox__counter {
	margin: 0;
	font-size: 0.9375rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: var(--hg-lb-text);
}

.hg-auto-vs-lightbox__grid-toggle {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	margin: 0;
	padding: 0.4rem 0.75rem;
	border: 1px solid var(--hg-lb-border);
	border-radius: var(--hg-lb-radius);
	background: var(--hg-lb-chip);
	color: var(--hg-lb-text);
	font: inherit;
	font-size: 0.8125rem;
	font-weight: 600;
	cursor: pointer;
	transition: background var(--hg-lb-transition), border-color var(--hg-lb-transition);
}

.hg-auto-vs-lightbox__grid-toggle:hover,
.hg-auto-vs-lightbox__grid-toggle:focus-visible {
	background: color-mix(in srgb, var(--hg-color-on-dark) 16%, transparent);
	outline: none;
}

.hg-auto-vs-lightbox__thumbs {
	display: flex;
	flex-wrap: nowrap;
	justify-content: safe center;
	gap: var(--hg-space-2);
	flex-shrink: 0;
	max-height: var(--hg-lb-thumbs-h);
	padding: 0 var(--hg-space-4) var(--hg-space-4);
	overflow-x: auto;
	overflow-y: hidden;
	scroll-behavior: smooth;
	scrollbar-width: thin;
	scrollbar-color: color-mix(in srgb, var(--hg-color-on-dark) 28%, transparent) transparent;
	-webkit-overflow-scrolling: touch;
}

.hg-auto-vs-lightbox__thumbs::-webkit-scrollbar {
	height: 6px;
}

.hg-auto-vs-lightbox__thumbs::-webkit-scrollbar-thumb {
	background: color-mix(in srgb, var(--hg-color-on-dark) 28%, transparent);
	border-radius: 999px;
}

.hg-auto-vs-lightbox__thumb {
	position: relative;
	flex: 0 0 auto;
	width: 4.5rem;
	height: 3.35rem;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: 2px solid transparent;
	border-radius: var(--hg-radius-sm);
	background: var(--hg-lb-surface);
	cursor: pointer;
	opacity: 0.65;
	transition: opacity var(--hg-lb-transition), border-color var(--hg-lb-transition);
}

.hg-auto-vs-lightbox__thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	user-select: none;
	-webkit-user-select: none;
	-webkit-user-drag: none;
	pointer-events: none;
}

.hg-auto-vs-lightbox__thumb:hover,
.hg-auto-vs-lightbox__thumb:focus-visible {
	opacity: 0.95;
	outline: none;
}

.hg-auto-vs-lightbox__thumb.is-active {
	opacity: 1;
	border-color: var(--hg-lb-text);
}

.hg-auto-vs-lightbox__thumb.is-active::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3px;
	background: var(--hg-lb-accent);
}

.hg-auto-vs-lightbox__grid {
	position: absolute;
	inset: 0;
	z-index: 5;
	display: flex;
	flex-direction: column;
	overflow: auto;
	background: var(--hg-lb-bg);
	padding: var(--hg-space-3) var(--hg-space-4) var(--hg-space-5);
}

.hg-auto-vs-lightbox__grid[hidden] {
	display: none;
}

.hg-auto-vs-lightbox__grid-toolbar {
	display: flex;
	justify-content: flex-end;
	margin-bottom: var(--hg-space-3);
}

.hg-auto-vs-lightbox__grid-back {
	margin: 0;
	padding: 0.45rem 0.85rem;
	border: 1px solid var(--hg-lb-border);
	border-radius: var(--hg-lb-radius);
	background: var(--hg-lb-chip);
	color: var(--hg-lb-text);
	font: inherit;
	font-size: 0.8125rem;
	font-weight: 600;
	cursor: pointer;
}

.hg-auto-vs-lightbox__grid-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--hg-space-3);
	width: min(100%, 64rem);
	max-width: 64rem;
	margin-inline: auto;
}

.hg-auto-vs-lightbox__grid-item {
	display: block;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: 1px solid var(--hg-lb-border);
	border-radius: var(--hg-radius);
	background: var(--hg-lb-surface);
	cursor: pointer;
	aspect-ratio: 4 / 3;
	transition: border-color var(--hg-lb-transition), transform var(--hg-lb-transition);
}

.hg-auto-vs-lightbox__grid-item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	user-select: none;
	-webkit-user-select: none;
	-webkit-user-drag: none;
	pointer-events: none;
}

.hg-auto-vs-lightbox__grid-item:hover,
.hg-auto-vs-lightbox__grid-item:focus-visible {
	border-color: color-mix(in srgb, var(--hg-color-on-dark) 45%, transparent);
	transform: translateY(-1px);
	outline: none;
}

.hg-auto-vs-lightbox__mobile-ctas {
	display: none;
}

.hg-auto-vs-lightbox.is-grid .hg-auto-vs-lightbox__viewer {
	visibility: hidden;
}

@media (max-width: 900px) {
	.hg-auto-vs-lightbox__cta-label {
		display: none;
	}

	.hg-auto-vs-lightbox__cta {
		width: 2.4rem;
		height: 2.4rem;
		min-height: 2.4rem;
		padding: 0;
		border-radius: 50%;
	}
}

@media (max-width: 767px) {
	.hg-auto-vs-lightbox {
		--hg-lb-stage-h: calc(100dvh - 11.5rem);
		--hg-lb-header-h: 3.5rem;
	}

	.hg-auto-vs-lightbox__header-actions .hg-auto-vs-lightbox__cta--whatsapp,
	.hg-auto-vs-lightbox__header-actions .hg-auto-vs-lightbox__cta--message {
		display: none;
	}

	.hg-auto-vs-lightbox__title {
		font-size: 0.8125rem;
	}

	.hg-auto-vs-lightbox__stage {
		padding: 0 2.75rem;
		height: var(--hg-lb-stage-h);
		max-height: var(--hg-lb-stage-h);
	}

	.hg-auto-vs-lightbox__thumbs {
		display: none;
	}

	.hg-auto-vs-lightbox__nav-btn {
		width: 2.5rem;
		height: 2.5rem;
	}

	.hg-auto-vs-lightbox__prev {
		left: var(--hg-space-2);
	}

	.hg-auto-vs-lightbox__next {
		right: var(--hg-space-2);
	}

	.hg-auto-vs-lightbox__mobile-ctas {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: var(--hg-space-2);
		flex-shrink: 0;
		padding: var(--hg-space-2) var(--hg-space-3) calc(var(--hg-space-3) + env(safe-area-inset-bottom, 0px));
		border-top: 1px solid var(--hg-lb-border);
		background: color-mix(in srgb, var(--hg-lb-surface) 92%, black);
	}

	.hg-auto-vs-lightbox__mobile-ctas .hg-auto-vs-lightbox__cta {
		width: auto;
		height: auto;
		min-height: 2.75rem;
		padding: 0.65rem 0.75rem;
		border-radius: var(--hg-lb-radius);
	}

	.hg-auto-vs-lightbox__mobile-ctas .hg-auto-vs-lightbox__cta-label {
		display: inline;
	}

	.hg-auto-vs-lightbox__grid-list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: var(--hg-space-2);
		width: 100%;
	}
}

.hg-auto-gallery--reduced-motion,
.hg-auto-gallery--reduced-motion * {
	transition: none !important;
	animation: none !important;
	scroll-behavior: auto !important;
}

.hg-auto-gallery--reduced-motion .hg-auto-vs-lightbox__image.is-fading {
	opacity: 1;
}

/* Sticky action card + legacy price-panel alias */
.hg-auto-vs-action-card,
.hg-auto-vs-price-panel {
	padding: var(--hg-auto-vs-card-pad);
	background: #fff;
	border: 0;
	border-radius: var(--hg-auto-vs-radius);
	box-shadow: var(--hg-auto-vs-card-shadow);
}

.hg-auto-vs-action-card__price-block {
	position: relative;
	margin-bottom: 0.75rem;
	overflow: visible;
}

.hg-auto-vs-action-card__price,
.hg-auto-vs-price-panel__price {
	margin: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.35rem;
	font-size: clamp(1.55rem, 2.2vw, 1.9rem);
	font-weight: 750;
	line-height: 1.1;
	letter-spacing: -0.02em;
	font-variant-numeric: tabular-nums;
}

.hg-auto-vs-action-card__price .hg-auto-price-amounts,
.hg-auto-vs-price-panel__price .hg-auto-price-amounts {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.45rem 0.65rem;
}

.hg-auto-vs-action-card__price-value,
.hg-auto-vs-action-card__price-sale {
	color: var(--hg-auto-vs-ink, var(--hg-auto-color-ink, #121212));
}

.hg-auto-vs-action-card__price-regular {
	font-size: 0.95rem;
	font-weight: 600;
	letter-spacing: 0;
	color: var(--hg-auto-vs-muted);
}

.hg-auto-vs-action-card__price-regular s {
	text-decoration-thickness: 1.5px;
}

.hg-auto-vs-action-card__negotiable,
.hg-auto-vs-price-panel__negotiable {
	display: inline-flex;
	margin: 0;
	font-size: 0.6875rem;
	font-weight: 700;
}

.hg-auto-vs-action-card__price-block .hg-fc-estimate {
	margin: 0.4rem 0 0;
}

.hg-auto-vs-action-card__price-block .hg-fc-estimate--compact .hg-fc-estimate__amount {
	font-size: 0.9375rem;
	font-weight: 400;
	color: var(--hg-auto-vs-steel);
	line-height: 1.35;
}

.hg-auto-vs-action-card__price-block .hg-fc-estimate__pay {
	font-weight: 700;
	color: var(--hg-auto-vs-ink);
}

.hg-auto-vs-action-card__price-block .hg-fc-estimate__info {
	background: color-mix(in srgb, var(--hg-auto-vs-steel) 28%, transparent);
	color: var(--hg-auto-vs-steel);
}

.hg-auto-vs-action-card__price-block .hg-fc-estimate__info:hover,
.hg-auto-vs-action-card__price-block .hg-fc-estimate__info:focus-visible {
	background: var(--hg-auto-vs-steel);
	color: #fff;
}

.hg-auto-vs-action-card__status,
.hg-auto-vs-price-panel__status {
	margin: 0 0 0.85rem;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--hg-auto-vs-steel);
}

.hg-auto-vs-action-card__ctas {
	display: flex;
	flex-direction: column;
	gap: var(--hg-auto-vs-cta-gap);
}

.hg-auto-vs-action-card__primary {
	width: 100%;
	justify-content: center;
	text-align: center;
}

.hg-auto-vs-action-card__test-drive {
	width: 100%;
	justify-content: center;
	text-align: center;
}

/* Shared contact action sizing (WhatsApp / Message / Test Drive — card chrome). */
.hg-auto-vs-action-card__action:not(.hg-auto-vs-action-card__phone),
.hg-auto-vs-action-card__ctas .hg-auto-button {
	min-height: var(--hg-auto-vs-cta-height);
	height: var(--hg-auto-vs-cta-height);
	max-height: var(--hg-auto-vs-cta-height);
	padding-block: 0;
	box-sizing: border-box;
	border-radius: var(--hg-auto-vs-cta-radius);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	font-size: var(--hg-auto-vs-cta-font);
	line-height: 1.2;
}

.hg-auto-vs-action-card__ctas .hg-auto-button,
.hg-auto-vs-action-card__action.hg-auto-button {
	width: 100%;
	padding-inline: 1rem;
	align-items: center;
	justify-content: center;
}

.hg-auto-vs-action-card__ctas .hg-auto-button--primary:hover,
.hg-auto-vs-action-card__ctas .hg-auto-button--primary:focus-visible {
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.hg-auto-vs-action-card__ctas .hg-auto-button--primary,
.hg-auto-vs-action-card__ctas .hg-auto-button--primary:hover,
.hg-auto-vs-action-card__ctas .hg-auto-button--primary:focus-visible {
	color: #fff;
}

.hg-auto-vs-action-card__ctas .hg-auto-button--primary .hg-auto-vs-action-card__btn-icon {
	color: #fff;
}

.hg-auto-vs-phone-reveal {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	width: 100%;
	padding: 0 0.85rem;
	border: 1px solid var(--hg-auto-vs-border);
	border-radius: var(--hg-auto-vs-cta-radius, var(--hg-auto-radius-sm, var(--hg-auto-radius)));
	background: #fff;
	overflow: hidden;
	line-height: 1;
}

/* Action-card phone: flat row (icon + masked number + Show Number), no card chrome.
   Light divider separates Est. p/m (price block) from the phone reveal. */
.hg-auto-vs-action-card__phone.hg-auto-vs-phone-reveal,
.hg-auto-vs-action-card__ctas > .hg-auto-vs-phone-reveal {
	width: 100%;
	min-height: var(--hg-auto-vs-cta-height);
	height: auto;
	max-height: none;
	margin-top: 0.15rem;
	padding: 0.85rem 0 0.15rem;
	border: 0;
	border-top: 1px solid var(--hg-auto-vs-border);
	border-radius: 0;
	box-shadow: none;
	background: transparent;
	box-sizing: border-box;
	font-size: 1.125rem;
	line-height: 1.2;
	overflow: visible;
}

.hg-auto-vs-action-card__phone .hg-auto-vs-phone-reveal__icon {
	width: var(--hg-auto-vs-cta-icon-size);
	height: var(--hg-auto-vs-cta-icon-size);
	overflow: visible;
}

.hg-auto-vs-action-card__phone .hg-auto-vs-phone-reveal__masked,
.hg-auto-vs-action-card__phone .hg-auto-vs-phone-reveal__full {
	font-size: 1.125rem;
	font-weight: 750;
}

.hg-auto-vs-action-card__phone .hg-auto-vs-phone-reveal__show {
	font-size: 0.75rem;
	font-weight: 500;
}

/* .hg-auto-button { display: inline-flex } beats the UA [hidden] rule — force hide. */
.hg-auto-vs-phone-reveal [hidden] {
	display: none !important;
}

/* Dealer card: swap Show number ↔ dial link (not the sticky masked bar). */
.hg-auto-vs-dealer__actions .hg-auto-vs-phone-reveal {
	display: block;
	width: 100%;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.hg-auto-vs-dealer__actions .hg-auto-vs-phone-reveal .hg-auto-button {
	width: 100%;
}

.hg-auto-vs-phone-reveal__prefix {
	flex: 0 0 auto;
	font-size: 0.9375rem;
	font-weight: 700;
	color: var(--hg-auto-vs-ink);
}

.hg-auto-vs-phone-reveal__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: var(--hg-auto-vs-cta-icon-size, 1.125rem);
	height: var(--hg-auto-vs-cta-icon-size, 1.125rem);
	overflow: visible;
	color: var(--hg-auto-vs-accent);
}

.hg-auto-vs-phone-reveal__icon svg {
	display: block;
	width: 100%;
	height: 100%;
	overflow: visible;
}

.hg-auto-vs-phone-reveal__masked,
.hg-auto-vs-phone-reveal__full {
	flex: 1 1 auto;
	min-width: 0;
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1.2;
	color: var(--hg-auto-vs-ink);
	text-decoration: none;
	font-variant-numeric: tabular-nums;
}

.hg-auto-vs-phone-reveal__full:hover,
.hg-auto-vs-phone-reveal__full:focus-visible {
	color: var(--hg-auto-vs-accent);
	outline: none;
}

.hg-auto-vs-phone-reveal__show {
	flex: 0 0 auto;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--hg-auto-vs-steel, var(--hg-auto-vs-muted));
	font: inherit;
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 1.2;
	text-decoration: underline;
	text-decoration-style: dotted;
	text-underline-offset: 0.18em;
	cursor: pointer;
}

.hg-auto-vs-phone-reveal__show:hover,
.hg-auto-vs-phone-reveal__show:focus-visible {
	color: var(--hg-auto-vs-ink);
	outline: none;
}

.hg-auto-vs-action-card__row {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--hg-auto-vs-cta-gap);
	margin: 0;
	padding: 0;
	list-style: none;
}

.hg-auto-vs-action-card__row:has(> :only-child) {
	grid-template-columns: 1fr;
}

.hg-auto-vs-action-card__row > li {
	min-width: 0;
}

.hg-auto-vs-action-card__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
}

.hg-auto-vs-action-card__btn-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: var(--hg-auto-vs-cta-icon-size, 1.125rem);
	height: var(--hg-auto-vs-cta-icon-size, 1.125rem);
	overflow: visible;
	color: currentColor;
}

.hg-auto-vs-action-card__btn-icon svg {
	display: block;
	width: 100%;
	height: 100%;
	overflow: visible;
}

.hg-auto-vs-action-card__whatsapp {
	border-color: var(--hg-color-whatsapp);
	background: var(--hg-color-whatsapp);
	color: var(--hg-color-on-primary);
}

.hg-auto-vs-action-card__whatsapp:hover,
.hg-auto-vs-action-card__whatsapp:focus-visible {
	border-color: var(--hg-color-whatsapp-hover);
	background: var(--hg-color-whatsapp-hover);
	color: var(--hg-color-on-primary);
}

.hg-auto-vs-action-card__whatsapp .hg-auto-vs-cta-icon--whatsapp {
	color: var(--hg-color-on-primary);
}

.hg-auto-vs-action-card__btn-label {
	min-width: 0;
}

.hg-auto-vs-action-card__row .hg-auto-button,
.hg-auto-vs-action-card__buyer .hg-auto-buyer-action,
.hg-auto-vs-action-card__buyer .hg-auto-button {
	width: 100%;
	justify-content: center;
	text-align: center;
}

.hg-auto-vs-action-card__link {
	display: inline-block;
	margin-top: 0.15rem;
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--hg-auto-vs-accent);
	text-decoration: none;
	text-align: center;
}

.hg-auto-vs-action-card__link:hover,
.hg-auto-vs-action-card__link:focus-visible {
	text-decoration: underline;
}

.hg-auto-vs-action-card__dealer,
.hg-auto-vs-action-card__back,
.hg-auto-vs-price-panel__dealer,
.hg-auto-vs-price-panel__back {
	margin: 0.75rem 0 0;
	font-size: 0.875rem;
}

.hg-auto-vs-action-card__dealer a,
.hg-auto-vs-action-card__back a {
	color: var(--hg-auto-vs-steel);
	text-decoration: none;
}

.hg-auto-vs-action-card__dealer a:hover,
.hg-auto-vs-action-card__dealer a:focus-visible,
.hg-auto-vs-action-card__back a:hover,
.hg-auto-vs-action-card__back a:focus-visible {
	color: var(--hg-auto-vs-accent);
	text-decoration: underline;
}

.hg-auto-vs-price-panel__summary {
	display: none;
}

/* Unified conversion sidebar (finance, phone, WhatsApp, enquiry). */
.hg-auto-vs-action-card--conversion {
	padding: 1.1rem 1.15rem 1.2rem;
	border: 1px solid var(--hg-auto-vs-border, var(--hg-color-border, #d8d8d4));
	background: #fff;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 6px 18px rgba(15, 23, 42, 0.07);
}

.hg-auto-vs-action-card--conversion .hg-auto-vs-action-card__status {
	margin: 0 0 0.75rem;
	text-align: center;
}

.hg-auto-vs-action-card__divider {
	display: block;
	width: 100%;
	height: 0;
	margin: 0.9rem 0;
	border: 0;
	border-top: 1px solid var(--hg-auto-vs-border, var(--hg-color-border, #d8d8d4));
}

.hg-auto-vs-action-card--conversion .hg-auto-vs-action-card__ctas {
	gap: 0.55rem;
}

.hg-auto-vs-action-card--conversion .hg-auto-vs-action-card__phone.hg-auto-vs-phone-reveal,
.hg-auto-vs-action-card--conversion .hg-auto-vs-action-card__ctas > .hg-auto-vs-phone-reveal {
	justify-content: center;
	gap: 0.55rem;
	width: 100%;
	min-height: var(--hg-auto-vs-cta-height);
	height: auto;
	max-height: none;
	margin: 0;
	padding: 0 0.9rem;
	border: 1.5px solid var(--hg-color-primary, #d4100e);
	border-radius: var(--hg-auto-vs-cta-radius, var(--hg-auto-radius-sm, 10px));
	background: #fff;
	box-shadow: none;
	overflow: hidden;
	font-size: var(--hg-auto-vs-cta-font);
	color: var(--hg-color-primary, #d4100e);
}

.hg-auto-vs-action-card--conversion .hg-auto-vs-action-card__phone .hg-auto-vs-phone-reveal__icon {
	width: var(--hg-auto-vs-cta-icon-size, 1.125rem);
	height: var(--hg-auto-vs-cta-icon-size, 1.125rem);
	color: var(--hg-color-primary, #d4100e);
}

.hg-auto-vs-action-card--conversion .hg-auto-vs-action-card__phone .hg-auto-vs-phone-reveal__masked,
.hg-auto-vs-action-card--conversion .hg-auto-vs-action-card__phone .hg-auto-vs-phone-reveal__full {
	flex: 0 1 auto;
	font-size: 0.9375rem;
	font-weight: 700;
	color: var(--hg-auto-vs-ink);
}

.hg-auto-vs-action-card--conversion .hg-auto-vs-action-card__phone .hg-auto-vs-phone-reveal__full:hover,
.hg-auto-vs-action-card--conversion .hg-auto-vs-action-card__phone .hg-auto-vs-phone-reveal__full:focus-visible {
	color: var(--hg-color-primary, #d4100e);
}

.hg-auto-vs-action-card--conversion .hg-auto-vs-action-card__phone .hg-auto-vs-phone-reveal__show {
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--hg-color-primary, #d4100e);
	text-decoration: none;
}

.hg-auto-vs-action-card--conversion .hg-auto-vs-action-card__phone .hg-auto-vs-phone-reveal__show:hover,
.hg-auto-vs-action-card--conversion .hg-auto-vs-action-card__phone .hg-auto-vs-phone-reveal__show:focus-visible {
	text-decoration: underline;
	color: var(--hg-color-primary-hover, #820706);
}

.hg-auto-vs-action-card--conversion .hg-auto-vs-action-card__whatsapp {
	border: 1.5px solid var(--hg-color-whatsapp);
	background: #fff;
	color: var(--hg-color-whatsapp);
	box-shadow: none;
}

.hg-auto-vs-action-card--conversion .hg-auto-vs-action-card__whatsapp:hover,
.hg-auto-vs-action-card--conversion .hg-auto-vs-action-card__whatsapp:focus-visible {
	border-color: var(--hg-color-whatsapp-border-strong);
	background: var(--hg-color-whatsapp-soft, #e8f8ef);
	color: var(--hg-color-whatsapp-hover);
	box-shadow: none;
}

.hg-auto-vs-action-card--conversion .hg-auto-vs-action-card__whatsapp .hg-auto-vs-cta-icon--whatsapp,
.hg-auto-vs-action-card--conversion .hg-auto-vs-action-card__whatsapp .hg-auto-vs-action-card__btn-icon {
	color: inherit;
}

.hg-auto-vs-action-card--conversion .hg-auto-vs-action-card__enquiry {
	scroll-margin-top: var(--hg-auto-vs-sticky-offset);
}

:is(.hg-auto-vs-action-card--conversion, .hg-auto-vs-panel--bottom #hg-vehicle-enquiry) .hg-auto-lead,
:is(.hg-auto-vs-action-card--conversion, .hg-auto-vs-panel--bottom #hg-vehicle-enquiry) .hg-auto-lead--sidebar {
	position: relative;
	margin: 0;
	padding: 0;
	max-width: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background: transparent;
}

:is(.hg-auto-vs-action-card--conversion, .hg-auto-vs-panel--bottom #hg-vehicle-enquiry) .hg-auto-lead__hp {
	position: absolute;
	left: 0;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

:is(.hg-auto-vs-action-card--conversion, .hg-auto-vs-panel--bottom #hg-vehicle-enquiry) .hg-auto-lead__title,
:is(.hg-auto-vs-action-card--conversion, .hg-auto-vs-panel--bottom #hg-vehicle-enquiry) .hg-auto-lead__intro {
	display: none;
}

:is(.hg-auto-vs-action-card--conversion, .hg-auto-vs-panel--bottom #hg-vehicle-enquiry) .hg-auto-lead__form--sidebar {
	display: flex;
	flex-direction: column;
	gap: 0;
}

:is(.hg-auto-vs-action-card--conversion, .hg-auto-vs-panel--bottom #hg-vehicle-enquiry) .hg-auto-lead__field {
	margin: 0 0 0.7rem;
	gap: 0.3rem;
}

:is(.hg-auto-vs-action-card--conversion, .hg-auto-vs-panel--bottom #hg-vehicle-enquiry) .hg-auto-lead__label {
	font-size: 0.8125rem;
	font-weight: 650;
	letter-spacing: 0;
	text-transform: none;
	color: var(--hg-auto-vs-ink);
}

:is(.hg-auto-vs-action-card--conversion, .hg-auto-vs-panel--bottom #hg-vehicle-enquiry) .hg-auto-lead__required {
	color: var(--hg-color-primary, #d4100e);
}

:is(.hg-auto-vs-action-card--conversion, .hg-auto-vs-panel--bottom #hg-vehicle-enquiry) .hg-auto-lead__control {
	min-height: 2.85rem;
	padding: 0.65rem 0.8rem;
	border: 1px solid transparent;
	border-radius: 8px;
	background: var(--hg-color-bg-subtle, #f7f7f6);
	box-shadow: none;
}

:is(.hg-auto-vs-action-card--conversion, .hg-auto-vs-panel--bottom #hg-vehicle-enquiry) textarea.hg-auto-lead__control,
:is(.hg-auto-vs-action-card--conversion, .hg-auto-vs-panel--bottom #hg-vehicle-enquiry) .hg-auto-lead__control--message {
	min-height: 5.25rem;
	resize: vertical;
}

:is(.hg-auto-vs-action-card--conversion, .hg-auto-vs-panel--bottom #hg-vehicle-enquiry) .hg-auto-lead__control:focus-visible {
	outline: none;
	border-color: var(--hg-color-primary, #d4100e);
	background: #fff;
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--hg-color-primary, #d4100e) 18%, transparent);
}

:is(.hg-auto-vs-action-card--conversion, .hg-auto-vs-panel--bottom #hg-vehicle-enquiry) .hg-auto-lead__field--consent {
	margin-bottom: 0.75rem;
}

:is(.hg-auto-vs-action-card--conversion, .hg-auto-vs-panel--bottom #hg-vehicle-enquiry) .hg-auto-lead__consent {
	font-size: 0.75rem;
	line-height: 1.4;
	color: var(--hg-auto-vs-steel);
}

:is(.hg-auto-vs-action-card--conversion, .hg-auto-vs-panel--bottom #hg-vehicle-enquiry) .hg-auto-lead__actions {
	margin: 0.15rem 0 0;
}

:is(.hg-auto-vs-action-card--conversion, .hg-auto-vs-panel--bottom #hg-vehicle-enquiry) .hg-auto-lead__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	width: 100%;
	min-height: var(--hg-auto-vs-cta-height);
	padding: 0.65rem 1rem;
	border: 1px solid var(--hg-color-primary, #d4100e);
	border-radius: var(--hg-auto-vs-cta-radius, var(--hg-auto-radius-sm, 10px));
	background: var(--hg-color-primary, #d4100e);
	color: #fff;
	font-weight: 700;
	box-shadow: none;
}

:is(.hg-auto-vs-action-card--conversion, .hg-auto-vs-panel--bottom #hg-vehicle-enquiry) .hg-auto-lead__submit::before {
	content: "";
	width: 1rem;
	height: 1rem;
	background: currentColor;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 2-7 20-4-9-9-4Z'/%3E%3Cpath d='M22 2 11 13'/%3E%3C/svg%3E") center / contain no-repeat;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 2-7 20-4-9-9-4Z'/%3E%3Cpath d='M22 2 11 13'/%3E%3C/svg%3E") center / contain no-repeat;
}

:is(.hg-auto-vs-action-card--conversion, .hg-auto-vs-panel--bottom #hg-vehicle-enquiry) .hg-auto-lead__submit:hover,
:is(.hg-auto-vs-action-card--conversion, .hg-auto-vs-panel--bottom #hg-vehicle-enquiry) .hg-auto-lead__submit:focus-visible {
	background: var(--hg-color-primary-hover, #820706);
	border-color: var(--hg-color-primary-hover, #820706);
	color: #fff;
}

:is(.hg-auto-vs-action-card--conversion, .hg-auto-vs-panel--bottom #hg-vehicle-enquiry) .hg-auto-lead__legal {
	margin: 0.7rem 0 0;
	font-size: 0.75rem;
	line-height: 1.45;
	color: var(--hg-auto-vs-muted);
}

:is(.hg-auto-vs-action-card--conversion, .hg-auto-vs-panel--bottom #hg-vehicle-enquiry) .hg-auto-lead__legal a {
	color: var(--hg-color-secondary, var(--hg-auto-vs-accent));
	text-decoration: underline;
	text-underline-offset: 0.12em;
}

:is(.hg-auto-vs-action-card--conversion, .hg-auto-vs-panel--bottom #hg-vehicle-enquiry) .hg-auto-lead__counter {
	display: none;
}

/* Shared content cards (specs / description / location / history / dealer) */
.hg-auto-vs-card,
.hg-auto-vs-specs__panel,
.hg-auto-vs-location__panel,
.hg-auto-vs-dealer__card {
	padding: var(--hg-auto-vs-card-pad);
	border: 0;
	border-radius: var(--hg-auto-vs-radius);
	background: #fff;
	box-shadow: var(--hg-auto-vs-card-shadow);
}

.hg-auto-vs-specs__panel {
	padding: var(--hg-auto-vs-card-pad);
}

/* VDP content accordions (details/summary — matches dealer-profile pattern) */
/* Chromium ::details-content uses height:0 when closed but overflow:visible — clip or panels paint. */
.hg-auto-vs-accordion::details-content {
	overflow: hidden;
}

.hg-auto-vs-accordion__summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.85rem 1rem;
	box-sizing: border-box;
	margin: 0;
	min-height: var(--hg-auto-vs-accordion-summary-min-h, 5rem);
	cursor: pointer;
	list-style: none;
	user-select: none;
}

/* Expanded: drop equal-header min-height so title + chevron hug the divider (no top void). */
.hg-auto-vs-accordion[open] > .hg-auto-vs-accordion__summary {
	align-items: center;
	min-height: 0;
	padding-bottom: 0.55rem;
	border-bottom: 1px solid var(--hg-auto-vs-border, #e5e7eb);
}

.hg-auto-vs-accordion__heading {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	justify-content: center;
	gap: 0.28rem;
	min-width: 0;
}

.hg-auto-vs-accordion__summary .hg-auto-vs-section-title {
	margin: 0;
	font-size: 1.2rem;
	font-weight: 750;
	line-height: 1.25;
	color: var(--hg-auto-vs-ink);
}

.hg-auto-vs-accordion__subtitle {
	display: block;
	margin: 0;
	font-size: 0.8125rem;
	font-weight: 400;
	line-height: 1.35;
	color: var(--hg-auto-vs-muted);
}

/* Preview copy only when collapsed; expanded headers hug the title (min-height cleared above). */
.hg-auto-vs-accordion[open] > .hg-auto-vs-accordion__summary .hg-auto-vs-accordion__subtitle {
	display: none;
}

.hg-auto-vs-accordion__summary::-webkit-details-marker {
	display: none;
}

.hg-auto-vs-accordion__summary::marker {
	content: "";
}

.hg-auto-vs-accordion__summary:focus {
	outline: none;
}

.hg-auto-vs-accordion__summary:focus-visible {
	outline: 2px solid var(--hg-auto-vs-accent);
	outline-offset: 3px;
	border-radius: 4px;
}

.hg-auto-vs-accordion__summary::after {
	content: "";
	flex: 0 0 auto;
	align-self: center;
	width: 0.55rem;
	height: 0.55rem;
	margin-inline-start: 0.25rem;
	border-right: 2px solid var(--hg-auto-vs-accent, var(--hg-primary));
	border-bottom: 2px solid var(--hg-auto-vs-accent, var(--hg-primary));
	transform: rotate(45deg);
	transition: transform 0.22s ease;
}

.hg-auto-vs-accordion[open] > .hg-auto-vs-accordion__summary::after {
	transform: rotate(225deg);
	translate: 0 0.15rem;
}

.hg-auto-vs-accordion__panel {
	margin-top: 0;
	padding-top: 0.7rem;
}

@media (max-width: 640px) {
	.hg-auto-vehicle-single {
		--hg-auto-vs-accordion-summary-min-h: 4.5rem; /* 72px — compact but equal */
	}

	.hg-auto-vs-accordion__summary .hg-auto-vs-section-title {
		font-size: 1.1rem;
	}

	.hg-auto-vs-accordion__subtitle {
		font-size: 0.75rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.hg-auto-vs-accordion__summary::after {
		transition: none;
	}
}

/* Compact icon specs: icon left, label top, value underneath. */
.hg-auto-vs-specs__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 1.25rem;
	row-gap: 0;
	margin: 0;
}

.hg-auto-vs-specs__item {
	display: grid;
	grid-template-columns: 1.2rem minmax(0, 1fr);
	column-gap: 0.65rem;
	align-items: start;
	margin: 0;
	padding: 0.75rem 0.1rem 0.7rem;
	border: 0;
	border-bottom: 1px solid var(--hg-auto-vs-border);
	border-radius: 0;
	box-shadow: none;
	background: transparent;
	min-width: 0;
}

.hg-auto-vs-specs__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.2rem;
	height: 1.2rem;
	margin-top: 0.14rem;
	color: var(--hg-auto-vs-accent, #D4100E);
	flex-shrink: 0;
}

.hg-auto-vs-specs__icon .hg-auto-vs-icon {
	width: 1.125rem;
	height: 1.125rem;
	display: block;
}

.hg-auto-vs-specs__text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 0.12rem;
	min-width: 0;
}

.hg-auto-vs-specs__label {
	margin: 0;
	font-size: 0.8125rem;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
	color: var(--hg-auto-vs-muted);
	line-height: 1.3;
}

.hg-auto-vs-specs__value {
	margin: 0;
	font-size: 0.9375rem;
	font-weight: 700;
	color: var(--hg-auto-vs-ink);
	line-height: 1.3;
	text-align: left;
	overflow-wrap: break-word;
	word-break: break-word;
}

/* Legacy spec list fallbacks */
.hg-auto-vs-history__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75rem 1.25rem;
	margin: 0;
}

.hg-auto-vs-history__item {
	display: grid;
	gap: 0.15rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid var(--hg-auto-vs-border);
}

.hg-auto-vs-history__item dt {
	margin: 0;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--hg-auto-vs-muted);
}

.hg-auto-vs-history__item dd {
	margin: 0;
}

.hg-auto-vs-history__subheading {
	margin: 1.25rem 0 0.75rem;
	font-size: 1rem;
}

/* Description */
.hg-auto-vs-description__panel {
	padding: 0;
}

.hg-auto-vs-description__content {
	max-width: none;
}

.hg-auto-vs-description__body {
	font-size: 1.02rem;
	line-height: 1.75;
	color: var(--hg-auto-vs-steel);
}

.hg-auto-vs-description__content.is-clamped .hg-auto-vs-description__body {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
}

.hg-auto-vs-description__content.is-expanded .hg-auto-vs-description__body {
	display: block;
	-webkit-line-clamp: unset;
	overflow: visible;
}

.hg-auto-vs-description__body > *:first-child {
	margin-top: 0;
}

.hg-auto-vs-description__body > *:last-child {
	margin-bottom: 0;
}

.hg-auto-vs-description__body p {
	margin: 0 0 1rem;
}

.hg-auto-vs-description__body ul,
.hg-auto-vs-description__body ol {
	margin: 0 0 1rem;
	padding-left: 1.15rem;
}

.hg-auto-vs-description__toggle {
	margin-top: 0.65rem;
	padding: 0;
	border: 0;
	background: none;
	color: var(--hg-auto-vs-accent);
	font: inherit;
	font-weight: 650;
	font-size: 0.9375rem;
	cursor: pointer;
	text-decoration: underline;
}

.hg-auto-vs-description__empty {
	margin: 0;
	color: var(--hg-auto-vs-muted);
}

.hg-auto-vs-description__features {
	margin-top: 1.1rem;
	padding-top: 0.95rem;
	border-top: 1px solid var(--hg-auto-vs-border);
}

.hg-auto-vs-description__features-title {
	margin: 0 0 0.5rem;
	font-size: 1rem;
	font-weight: 700;
	color: var(--hg-auto-vs-ink);
}

.hg-auto-vs-description__feature-list {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.2rem 1rem;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0.9375rem; /* 15px */
}

.hg-auto-vs-description__feature-list li {
	position: relative;
	padding-left: 0.9rem;
	color: var(--hg-auto-vs-steel);
	line-height: 1.3;
}

.hg-auto-vs-description__feature-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.45em;
	width: 0.3rem;
	height: 0.3rem;
	border-radius: 50%;
	background: var(--hg-auto-vs-accent);
}

/* Features */
.hg-auto-vs-features__panel {
	padding: 0;
}

.hg-auto-vs-features__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.35rem 1.25rem;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0.9375rem; /* 15px */
}

.hg-auto-vs-features__item {
	position: relative;
	min-width: 0;
	padding-left: 0.95rem;
	color: var(--hg-auto-vs-steel);
	line-height: 1.35;
	overflow-wrap: break-word;
}

.hg-auto-vs-features__item::before {
	content: "";
	position: absolute;
	left: 0.1rem;
	top: 0.48em;
	width: 0.4rem; /* ~6.4px box → slim 8px chevron */
	height: 0.4rem;
	border-radius: 0;
	background: transparent;
	box-sizing: border-box;
	border: 0;
	border-top: 1.5px solid var(--hg-auto-vs-accent);
	border-right: 1.5px solid var(--hg-auto-vs-accent);
	transform: rotate(45deg);
	transform-origin: center;
}

/* Location */
.hg-auto-vs-location__panel {
	padding: 0;
}

.hg-auto-vs-location__venue {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	margin: 0;
	padding: var(--hg-auto-space-5, 1.5rem);
	box-sizing: border-box;
	border: 0;
	border-radius: 0 0 var(--hg-auto-vs-radius, 12px) var(--hg-auto-vs-radius, 12px);
	overflow: hidden;
	background: var(--hg-color-bg-subtle, #f7f8fa);
	box-shadow: none;
}

.hg-auto-vs-location__address {
	display: flex;
	align-items: flex-start;
	gap: 0.55rem;
	margin: 0 0 0.9rem;
	color: var(--hg-auto-vs-muted);
	font-size: 0.9375rem;
	line-height: 1.45;
}

.hg-auto-vs-location__venue .hg-auto-vs-location__address:last-child {
	margin-bottom: 0;
}

.hg-auto-vs-location__pin {
	display: inline-flex;
	flex-shrink: 0;
	margin-top: 0.1rem;
	color: var(--hg-auto-vs-accent);
}

.hg-auto-vs-location__text {
	color: inherit;
	text-decoration: none;
}

a.hg-auto-vs-location__text:hover,
a.hg-auto-vs-location__text:focus-visible {
	color: var(--hg-auto-vs-steel);
	text-decoration: underline;
	text-underline-offset: 2px;
	outline: none;
}

.hg-auto-vs-location__map {
	overflow: hidden;
	border-radius: calc(var(--hg-auto-vs-radius) - 4px);
	border: 1px solid var(--hg-auto-vs-border);
	background: var(--hg-auto-vs-bg);
	/* Match approximate specs panel body height (~5 icon rows). */
	height: 13.5rem;
}

.hg-auto-vs-location__iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

.hg-auto-vs-location__intro {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	row-gap: 1.35rem;
	column-gap: clamp(var(--hg-auto-space-6, 2rem), 6vw, calc(var(--hg-auto-space-8, 4rem) + var(--hg-auto-space-4, 1rem)));
	align-items: start;
	margin: 0 0 1.15rem;
	padding: 0;
	border-bottom: 0;
	min-width: 0;
}

.hg-auto-vs-location__intro--single {
	grid-template-columns: minmax(0, 1fr);
}

.hg-auto-vs-location__col {
	min-width: 0;
}

.hg-auto-vs-location__logo {
	margin: 0 0 1.1rem;
	max-width: 13.75rem; /* 220px */
}

.hg-auto-vs-location__logo:has(+ .hg-auto-vs-location__reps) {
	margin-bottom: 0.55rem;
}

.hg-auto-vs-location__logo-img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	object-fit: contain;
}

.hg-auto-vs-location__subheading {
	margin: 0 0 0.6rem;
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--hg-auto-vs-ink);
}

.hg-auto-vs-location__logo + .hg-auto-vs-location__reps .hg-auto-vs-location__subheading {
	--hg-auto-vs-rule-1: 64px;
	--hg-auto-vs-rule-2: 26px;
	--hg-auto-vs-rule-3: 12px;
	--hg-auto-vs-rule-gap: 4px;
	--hg-auto-vs-rule-h: 3px;
	--hg-auto-vs-rule-group: calc(
		var(--hg-auto-vs-rule-1) + var(--hg-auto-vs-rule-gap) + var(--hg-auto-vs-rule-2) + var(--hg-auto-vs-rule-gap) + var(--hg-auto-vs-rule-3)
	);
	position: relative;
}

.hg-auto-vs-location__logo + .hg-auto-vs-location__reps .hg-auto-vs-location__subheading::before {
	content: "";
	display: block;
	width: 100%;
	max-width: 100%;
	height: var(--hg-auto-vs-rule-h);
	margin: 0 0 0.55rem;
	pointer-events: none;
	background: linear-gradient(
			var(--hg-auto-vs-border, var(--hg-color-border, #d8d8d4)),
			var(--hg-auto-vs-border, var(--hg-color-border, #d8d8d4))
		)
		no-repeat calc(var(--hg-auto-vs-rule-group) + var(--hg-auto-vs-rule-gap)) 50% /
		calc(100% - var(--hg-auto-vs-rule-group) - var(--hg-auto-vs-rule-gap)) 1px;
}

.hg-auto-vs-location__logo + .hg-auto-vs-location__reps .hg-auto-vs-location__subheading::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: var(--hg-auto-vs-rule-group);
	height: var(--hg-auto-vs-rule-h);
	pointer-events: none;
	background-color: var(--hg-auto-vs-accent, var(--hg-color-primary, #d4100e));
	clip-path: path("M0 0h64l-2 3H0zM68 0h26l-2 3H68zM98 0h12l-2 3H98z");
}

.hg-auto-vs-location__reps-list {
	display: grid;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.hg-auto-vs-location__rep {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.55rem 0.7rem;
	min-width: 0;
	padding: 0.55rem 0;
	border-bottom: 1px solid var(--hg-auto-vs-border, var(--hg-color-border, #d8d8d4));
}

.hg-auto-vs-location__rep:first-child {
	padding-top: 0;
}

.hg-auto-vs-location__rep:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.hg-auto-vs-location__rep-avatar {
	flex: 0 0 2.5rem;
	width: 2.5rem;
	height: 2.5rem;
	overflow: hidden;
	border-radius: 999px;
	background: color-mix(in srgb, var(--hg-auto-vs-border, #d8d8d4) 55%, #fff);
	color: var(--hg-auto-vs-muted);
}

.hg-auto-vs-location__rep-avatar-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hg-auto-vs-location__rep-avatar-fallback {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.hg-auto-vs-location__rep-body {
	flex: 1 1 7.5rem;
	min-width: 0;
}

.hg-auto-vs-location__rep-name,
.hg-auto-vs-location__rep-role {
	margin: 0;
	line-height: 1.35;
}

.hg-auto-vs-location__rep-name {
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--hg-auto-vs-ink);
}

.hg-auto-vs-location__rep-role {
	margin-top: 0.1rem;
	font-size: 0.8125rem;
	color: var(--hg-auto-vs-muted);
}

.hg-auto-vs-location__rep-actions {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	margin-left: auto;
	flex: 0 0 auto;
}

.hg-auto-vs-location__rep-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.15rem;
	height: 2.15rem;
	border-radius: 999px;
	border: 1px solid var(--hg-auto-vs-border, #d8d8d4);
	background: #f4f4f2;
	color: var(--hg-auto-vs-accent, #d4100e);
	text-decoration: none;
}

.hg-auto-vs-location__rep-action:hover,
.hg-auto-vs-location__rep-action:focus-visible {
	background: color-mix(in srgb, var(--hg-auto-vs-accent, #d4100e) 10%, #fff);
	border-color: var(--hg-auto-vs-accent, #d4100e);
	outline: none;
}

.hg-auto-vs-location__rep-action:focus-visible {
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--hg-auto-vs-accent, #d4100e) 35%, #fff);
}

.hg-auto-vs-location__rep-action--whatsapp {
	color: var(--hg-color-whatsapp, #25d366);
}

.hg-auto-vs-location__rep-action--whatsapp:hover,
.hg-auto-vs-location__rep-action--whatsapp:focus-visible {
	background: var(--hg-color-whatsapp-soft, #e8f8ef);
	border-color: var(--hg-color-whatsapp-border, #1dae57);
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--hg-color-whatsapp, #25d366) 28%, #fff);
}

.hg-auto-vs-location__rep-action-icon {
	display: grid;
	place-items: center;
}

.hg-auto-vs-location__rep-action-svg {
	display: block;
}

.hg-auto-vs-location__hours-status {
	margin: 0 0 0.55rem;
	font-size: 0.8125rem;
	font-weight: 700;
}

.hg-auto-vs-location__hours-status--open {
	color: var(--hg-color-success, #067647);
}

.hg-auto-vs-location__hours-status--closed {
	color: var(--hg-auto-vs-muted);
}

.hg-auto-vs-location__hours-list {
	display: grid;
	gap: 0.35rem;
	margin: 0;
}

.hg-auto-vs-location__hours-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 0.75rem 1rem;
	align-items: baseline;
}

.hg-auto-vs-location__hours-row dt,
.hg-auto-vs-location__hours-row dd {
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.4;
}

.hg-auto-vs-location__hours-row dt {
	color: var(--hg-auto-vs-steel);
	font-weight: 500;
}

.hg-auto-vs-location__hours-row dd {
	color: var(--hg-auto-vs-ink);
	font-weight: 600;
	text-align: right;
	white-space: nowrap;
}

.hg-auto-vs-location__hours-row.is-today dt,
.hg-auto-vs-location__hours-row.is-today dd {
	color: var(--hg-auto-vs-ink);
}

.hg-auto-vs-location__hours-row.is-closed dd {
	font-weight: 500;
	color: var(--hg-auto-vs-muted);
}

@media (max-width: 899px) {
	.hg-auto-vs-location__intro {
		column-gap: var(--hg-auto-space-7, 3rem);
	}
}

@media (max-width: 639px) {
	.hg-auto-vs-location__intro {
		grid-template-columns: minmax(0, 1fr);
		column-gap: 0;
		row-gap: 1.35rem;
	}

	.hg-auto-vs-location__logo {
		max-width: 11.25rem;
	}

	.hg-auto-vs-location__venue {
		padding: 1.25rem;
	}

	.hg-auto-vs-location__rep-actions {
		flex-basis: auto;
		justify-content: flex-end;
	}
}

/* Dealer */
.hg-auto-vs-dealer__card {
	display: flex;
	flex-direction: column;
	gap: 1.15rem;
	padding: var(--hg-auto-vs-card-pad);
}

.hg-auto-vs-dealer__primary {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.85rem;
	min-width: 0;
}

.hg-auto-vs-dealer__primary--split {
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem 1.25rem;
}

.hg-auto-vs-dealer__primary--split > .hg-auto-vs-dealer__identity {
	flex: 1 1 auto;
	min-width: 0;
}

.hg-auto-vs-dealer__identity {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 1rem;
	min-width: 0;
	width: 100%;
}

.hg-auto-vs-dealer__primary--split > .hg-auto-vs-dealer__identity {
	width: auto;
}

.hg-auto-vs-dealer__meta {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	flex: 1 1 auto;
}

.hg-auto-vs-dealer__logo {
	flex: 0 0 auto;
	width: 6.75rem;
	height: 6.75rem;
	display: grid;
	place-items: center;
	border: 1px solid var(--hg-auto-vs-border);
	border-radius: var(--hg-auto-vs-radius-sm);
	background: var(--hg-auto-vs-bg);
	overflow: hidden;
}

.hg-auto-vs-dealer--private .hg-auto-vs-dealer__logo {
	width: 4.5rem;
	height: 4.5rem;
}

.hg-auto-vs-dealer__image {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.hg-auto-vs-dealer__name {
	margin: 0 0 0.15rem;
	font-size: 1.125rem;
	font-weight: 750;
	line-height: 1.25;
}

.hg-auto-vs-dealer__location {
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.35;
	color: var(--hg-auto-vs-muted);
}

.hg-auto-vs-dealer__reviews {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem 0.45rem;
	margin: 0.35rem 0 0;
	font-size: 0.875rem;
	color: var(--hg-auto-vs-steel);
}

.hg-auto-vs-stars {
	display: inline-flex;
	align-items: center;
	gap: 0.1rem;
	color: #f0b429;
}

.hg-auto-vs-stars__star {
	position: relative;
	display: inline-flex;
	width: 0.9rem;
	height: 0.9rem;
}

.hg-auto-vs-stars__base,
.hg-auto-vs-stars__fill {
	display: block;
	width: 100%;
	height: 100%;
}

.hg-auto-vs-stars__base {
	fill: #e4e7ec;
}

.hg-auto-vs-stars__star--full .hg-auto-vs-stars__base {
	fill: currentColor;
}

.hg-auto-vs-stars__star--half .hg-auto-vs-stars__fill {
	position: absolute;
	inset: 0;
	fill: currentColor;
	clip-path: inset(0 50% 0 0);
}

.hg-auto-vs-dealer__rating-text {
	font-weight: 650;
	color: var(--hg-auto-vs-ink);
	line-height: 1.2;
}

.hg-auto-vs-dealer__reviews-tip {
	position: relative;
	display: inline-flex;
	align-items: center;
}

.hg-auto-vs-dealer__reviews-info {
	display: inline-grid;
	place-items: center;
	width: 1.05rem;
	height: 1.05rem;
	margin: 0;
	padding: 0;
	border: 1px solid var(--hg-auto-vs-border);
	border-radius: 999px;
	background: var(--hg-auto-vs-surface);
	color: var(--hg-auto-vs-muted);
	font-size: 0.7rem;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	cursor: help;
}

.hg-auto-vs-dealer__reviews-info:hover,
.hg-auto-vs-dealer__reviews-info:focus-visible {
	color: var(--hg-auto-vs-ink);
	border-color: var(--hg-auto-vs-steel);
}

.hg-auto-vs-dealer__reviews-info:focus-visible {
	outline: 2px solid var(--hg-auto-vs-accent);
	outline-offset: 2px;
}

.hg-auto-vs-dealer__reviews-tooltip {
	position: absolute;
	left: 50%;
	bottom: calc(100% + 0.4rem);
	z-index: 5;
	width: max-content;
	max-width: 14rem;
	padding: 0.4rem 0.55rem;
	border-radius: 0.35rem;
	background: var(--hg-auto-vs-ink);
	color: #fff;
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1.35;
	text-align: left;
	opacity: 0;
	pointer-events: none;
	transform: translateX(-50%) translateY(0.15rem);
	transition: opacity 0.15s ease, transform 0.15s ease;
}

.hg-auto-vs-dealer__reviews-tip:focus-within .hg-auto-vs-dealer__reviews-tooltip,
.hg-auto-vs-dealer__reviews-info:hover + .hg-auto-vs-dealer__reviews-tooltip,
.hg-auto-vs-dealer__reviews-info:focus + .hg-auto-vs-dealer__reviews-tooltip,
.hg-auto-vs-dealer__reviews-info:focus-visible + .hg-auto-vs-dealer__reviews-tooltip {
	opacity: 1;
	transform: translateX(-50%) translateY(0);
}

.hg-auto-vs-dealer__reviews--empty {
	color: var(--hg-auto-vs-muted);
}

.hg-auto-vs-dealer__profile {
	margin: 0.4rem 0 0;
}

.hg-auto-vs-dealer__profile a {
	font-weight: 650;
	color: var(--hg-auto-vs-accent);
	font-size: 0.875rem;
	text-decoration: none;
}

.hg-auto-vs-dealer__profile a:hover,
.hg-auto-vs-dealer__profile a:focus-visible {
	text-decoration: underline;
	text-underline-offset: 0.12em;
}

.hg-auto-vs-dealer__secondary {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1.15rem;
	margin-top: 0.15rem;
	padding-top: 1rem;
	border-top: 1px solid var(--hg-auto-vs-border);
	min-width: 0;
}

.hg-auto-vs-dealer__secondary--split {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 1.25rem 1.75rem;
	align-items: start;
}

.hg-auto-vs-dealer__hours,
.hg-auto-vs-dealer__reps {
	min-width: 0;
}

.hg-auto-vs-dealer__hours-head {
	margin: 0 0 0.55rem;
}

.hg-auto-vs-dealer__hours-title,
.hg-auto-vs-dealer__reps-title {
	margin: 0 0 0.4rem;
	font-size: 0.9375rem;
	font-weight: 750;
	line-height: 1.3;
	color: var(--hg-auto-vs-ink, inherit);
	letter-spacing: 0;
	text-transform: none;
}

.hg-auto-vs-dealer__hours-status {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4rem 0.55rem;
	margin: 0;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.35;
	color: var(--hg-auto-vs-muted);
}

.hg-auto-vs-dealer__hours-status-text {
	color: var(--hg-auto-vs-muted);
	font-weight: 500;
}

.hg-auto-vs-dealer__hours-badge {
	display: inline-flex;
	align-items: center;
	padding: 0.12rem 0.5rem;
	border-radius: 999px;
	background: color-mix(in srgb, var(--hg-auto-color-success, #16a34a) 14%, #fff);
	color: var(--hg-auto-color-success, #15803d);
	font-size: 0.6875rem;
	font-weight: 750;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.hg-auto-vs-dealer__hours-list {
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.35rem;
	width: max-content;
	max-width: 100%;
}

.hg-auto-vs-dealer__hours-row {
	display: grid;
	grid-template-columns: max-content max-content;
	column-gap: 0.35rem;
	row-gap: 0;
	align-items: baseline;
	justify-content: start;
	margin: 0;
	padding: 0;
	font-size: 0.875rem;
	line-height: 1.35;
}

.hg-auto-vs-dealer__hours-row dt {
	margin: 0;
	font-weight: 500;
	color: var(--hg-auto-vs-muted);
}

.hg-auto-vs-dealer__hours-row dd {
	margin: 0;
	color: var(--hg-auto-vs-ink);
	text-align: left;
	font-weight: 650;
}

.hg-auto-vs-dealer__hours-row.is-closed dd {
	color: var(--hg-auto-vs-ink);
	font-weight: 700;
}

.hg-auto-vs-dealer__reps-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0;
}

.hg-auto-vs-dealer__rep {
	display: flex;
	align-items: center;
	gap: 0.7rem;
	min-width: 0;
	padding: 0.55rem 0;
	border-bottom: 1px solid var(--hg-auto-vs-border);
}

.hg-auto-vs-dealer__rep:first-child {
	padding-top: 0.1rem;
}

.hg-auto-vs-dealer__rep:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.hg-auto-vs-dealer__rep-avatar {
	flex: 0 0 auto;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 999px;
	overflow: hidden;
	display: grid;
	place-items: center;
	background: var(--hg-auto-vs-bg, #f3f4f6);
	color: var(--hg-auto-vs-muted);
	border: 1px solid var(--hg-auto-vs-border);
}

.hg-auto-vs-dealer__rep-avatar-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hg-auto-vs-dealer__rep-avatar-fallback {
	display: grid;
	place-items: center;
}

.hg-auto-vs-dealer__rep-body {
	flex: 1 1 auto;
	min-width: 0;
}

.hg-auto-vs-dealer__rep-name {
	margin: 0;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1.3;
}

.hg-auto-vs-dealer__rep-role {
	margin: 0.1rem 0 0;
	font-size: 0.75rem;
	line-height: 1.3;
	color: var(--hg-auto-vs-muted);
}

.hg-auto-vs-dealer__rep-actions {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	flex: 0 0 auto;
}

.hg-auto-vs-dealer__rep-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 999px;
	border: 1px solid var(--hg-auto-vs-border);
	color: var(--hg-auto-vs-ink, inherit);
	background: #fff;
	text-decoration: none;
}

.hg-auto-vs-dealer__rep-action:hover,
.hg-auto-vs-dealer__rep-action:focus-visible {
	border-color: currentColor;
}

.hg-auto-vs-dealer__rep-action--whatsapp {
	color: #128c7e;
	border-color: color-mix(in srgb, #128c7e 35%, var(--hg-auto-vs-border));
}

.hg-auto-vs-dealer__rep-action--whatsapp:hover,
.hg-auto-vs-dealer__rep-action--whatsapp:focus-visible {
	background: color-mix(in srgb, #128c7e 10%, #fff);
}

.hg-auto-vs-dealer__rep-action-icon {
	display: grid;
	place-items: center;
}

.hg-auto-vs-dealer__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.55rem;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

.hg-auto-vs-dealer__primary--split > .hg-auto-vs-dealer__actions {
	flex: 0 0 auto;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: stretch;
	width: auto;
	min-width: 10.5rem;
	max-width: 13.5rem;
	gap: 0.5rem;
}

.hg-auto-vs-dealer__actions > li {
	flex: 1 1 9.5rem;
	min-width: 0;
	max-width: 14rem;
}

.hg-auto-vs-dealer__primary--split > .hg-auto-vs-dealer__actions > li {
	flex: 0 0 auto;
	width: 100%;
	max-width: none;
}

.hg-auto-vs-dealer__actions:has(> :only-child) > li {
	max-width: 12rem;
}

.hg-auto-vs-dealer__primary--split > .hg-auto-vs-dealer__actions:has(> :only-child) > li {
	max-width: none;
}

.hg-auto-vs-dealer__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	min-height: 2.5rem;
	width: 100%;
	padding: 0.45rem 0.85rem;
	font-size: 0.875rem;
	font-weight: 650;
}
.hg-auto-vs-dealer__btn-icon {
	display: inline-flex;
	flex-shrink: 0;
	width: 1rem;
	height: 1rem;
}

.hg-auto-vs-dealer__btn-icon svg {
	display: block;
	width: 100%;
	height: 100%;
}

/* Dealer accordion only — outline WhatsApp (price-panel / sticky stay filled). */
.hg-auto-vs-dealer__actions .hg-auto-vs-dealer__btn--whatsapp {
	border-color: var(--hg-color-whatsapp);
	background: var(--hg-auto-color-surface-elevated);
	color: var(--hg-color-whatsapp);
}

.hg-auto-vs-dealer__actions .hg-auto-vs-dealer__btn--whatsapp:hover,
.hg-auto-vs-dealer__actions .hg-auto-vs-dealer__btn--whatsapp:focus-visible {
	border-color: var(--hg-color-whatsapp-border-strong);
	background: var(--hg-color-whatsapp-soft);
	color: var(--hg-color-whatsapp-hover);
}

.hg-auto-vs-dealer__actions .hg-auto-vs-dealer__btn--whatsapp .hg-auto-vs-dealer__btn-icon,
.hg-auto-vs-dealer__actions .hg-auto-vs-dealer__btn--whatsapp .hg-auto-vs-cta-icon--whatsapp {
	color: inherit;
}

.hg-auto-vs-dealer__enquiry {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid var(--hg-auto-vs-border);
	scroll-margin-top: var(--hg-auto-vs-sticky-offset);
	background: #fff;
}

#hg-auto-vs-dealer-enquiry {
	scroll-margin-top: var(--hg-auto-vs-sticky-offset);
}

.hg-auto-vs-dealer__enquiry-title {
	margin: 0 0 0.85rem;
	font-size: 1.05rem;
	font-weight: 750;
	line-height: 1.3;
}

.hg-auto-vs-dealer__enquiry .hg-auto-lead {
	margin: 0;
	padding: 0.9rem 1rem;
	max-width: none;
	width: 100%;
	border: 0;
	border-radius: var(--hg-auto-radius-sm, var(--hg-auto-radius));
	background: #e8edef;
	box-shadow: none;
	box-sizing: border-box;
}

.hg-auto-vs-dealer__enquiry .hg-auto-lead__form--compact {
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
}

.hg-auto-vs-dealer__enquiry .hg-auto-lead__form--compact .hg-auto-lead__field {
	position: relative;
	margin: 0;
	gap: 0;
	width: 100%;
}

.hg-auto-vs-dealer__enquiry .hg-auto-lead__form--compact .hg-auto-lead__row {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.55rem;
	width: 100%;
}

.hg-auto-vs-dealer__enquiry .hg-auto-lead__form--compact .hg-auto-lead__field--icon .hg-auto-lead__control-wrap {
	position: relative;
	display: block;
	width: 100%;
}

.hg-auto-vs-dealer__enquiry .hg-auto-lead__form--compact .hg-auto-lead__field--icon .hg-auto-lead__icon {
	position: absolute;
	top: 50%;
	left: 0.7rem;
	z-index: 1;
	display: inline-flex;
	color: var(--hg-auto-vs-muted);
	transform: translateY(-50%);
	pointer-events: none;
}

.hg-auto-vs-dealer__enquiry .hg-auto-lead__form--compact .hg-auto-lead__field--icon .hg-auto-lead__control {
	padding-left: 2.35rem;
}

.hg-auto-vs-dealer__enquiry .hg-auto-lead__form--compact .hg-auto-lead__control {
	width: 100%;
	max-width: none;
	min-height: 2.5rem;
	padding: 0.45rem 0.75rem;
	border-radius: 0.45rem;
	background: var(--hg-auto-vs-surface, #fff);
	border-color: var(--hg-auto-vs-border);
}

.hg-auto-vs-dealer__enquiry .hg-auto-lead__form--compact .hg-auto-lead__control--message {
	min-height: 5rem;
	padding: 0.65rem 0.75rem;
	resize: vertical;
}

.hg-auto-vs-dealer__enquiry .hg-auto-lead__form--compact .hg-auto-lead__counter {
	display: none;
}

.hg-auto-vs-dealer__enquiry .hg-auto-lead__form--compact .hg-auto-lead__footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.65rem 1rem;
	margin-top: 0.15rem;
}

.hg-auto-vs-dealer__enquiry .hg-auto-lead__form--compact .hg-auto-lead__legal {
	flex: 1 1 12rem;
	margin: 0;
	font-size: 0.75rem;
	line-height: 1.4;
	color: var(--hg-auto-vs-muted);
}

.hg-auto-vs-dealer__enquiry .hg-auto-lead__form--compact .hg-auto-lead__legal a {
	color: var(--hg-auto-vs-accent);
	text-decoration: underline;
}

.hg-auto-vs-dealer__enquiry .hg-auto-lead__form--compact .hg-auto-lead__actions {
	flex: 0 0 auto;
	margin: 0;
	width: auto;
}

.hg-auto-vs-dealer__enquiry .hg-auto-lead__form--compact .hg-auto-lead__submit {
	width: auto;
	min-width: 9.5rem;
	min-height: 2.5rem;
	padding: 0.5rem 1.15rem;
	border-radius: var(--hg-auto-vs-cta-radius, var(--hg-auto-radius-sm, var(--hg-auto-radius)));
	white-space: nowrap;
}

.hg-auto-vs-dealer__enquiry .hg-auto-lead__form--compact .hg-auto-lead__error {
	margin-top: 0.25rem;
	font-size: 0.75rem;
}

@media (max-width: 640px) {
	.hg-auto-vs-dealer__enquiry .hg-auto-lead__form--compact .hg-auto-lead__row {
		grid-template-columns: 1fr;
	}

	.hg-auto-vs-dealer__enquiry .hg-auto-lead__form--compact .hg-auto-lead__footer {
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		gap: 0.75rem;
	}

	.hg-auto-vs-dealer__enquiry .hg-auto-lead__form--compact .hg-auto-lead__legal {
		flex: 0 1 auto;
	}

	.hg-auto-vs-dealer__enquiry .hg-auto-lead__form--compact .hg-auto-lead__actions {
		flex: 0 0 auto;
		width: 100%;
		margin: 0;
	}

	.hg-auto-vs-dealer__enquiry .hg-auto-lead__form--compact .hg-auto-lead__submit {
		width: 100%;
	}
}

/* Listing report — subtle action under contact block */
.hg-auto-vs-dealer__report {
	margin-top: 1rem;
	padding-top: 0.85rem;
	border-top: 1px solid var(--hg-auto-vs-border, rgba(0, 0, 0, 0.08));
}

.hg-auto-vs-dealer__report-link {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	min-height: 2.5rem;
	padding: 0.25rem 0;
	font-size: 0.9375rem;
	line-height: 1.4;
	color: var(--hg-auto-vs-muted, #5c6570);
	text-decoration: none;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.hg-auto-vs-dealer__report-link:hover,
.hg-auto-vs-dealer__report-link:focus-visible {
	color: var(--hg-auto-vs-text, #1a1f26);
	text-decoration: underline;
	outline: none;
}

.hg-auto-vs-dealer__report-icon {
	display: inline-flex;
	flex-shrink: 0;
	opacity: 0.85;
}

.hg-auto-vs-dealer__report-icon svg {
	display: block;
	width: 1.125rem;
	height: 1.125rem;
}

.hg-auto-listing-report__intro {
	margin: 0 0 1rem;
	font-size: 0.9375rem;
	line-height: 1.45;
	color: var(--hg-auto-vs-muted, #5c6570);
}

.hg-auto-listing-report__field {
	margin: 0 0 0.85rem;
}

.hg-auto-listing-report__field label {
	display: block;
	margin-bottom: 0.35rem;
	font-size: 0.875rem;
	font-weight: 600;
}

.hg-auto-listing-report__req {
	color: var(--hg-auto-vs-accent, #c45c26);
	margin-left: 0.15rem;
}

.hg-auto-listing-report__field input,
.hg-auto-listing-report__field select,
.hg-auto-listing-report__field textarea {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 0.55rem 0.7rem;
	border: 1px solid var(--hg-auto-vs-border, rgba(0, 0, 0, 0.14));
	border-radius: 4px;
	font: inherit;
	background: #fff;
}

.hg-auto-listing-report__field textarea {
	min-height: 7rem;
	resize: vertical;
}

.hg-auto-listing-report__field [aria-invalid="true"] {
	border-color: #b42318;
}

.hg-auto-listing-report__hp {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.hg-auto-listing-report__actions {
	margin: 1.1rem 0 0;
}

.hg-auto-listing-report__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.75rem;
	padding: 0.55rem 1.15rem;
	border: 0;
	border-radius: 4px;
	background: var(--hg-primary);
	color: #fff;
	font: inherit;
	font-weight: 600;
	cursor: pointer;
}

.hg-auto-listing-report__submit:disabled {
	opacity: 0.65;
	cursor: wait;
}

.hg-auto-listing-report__errors {
	margin: 0 0 1rem;
	padding: 0.75rem 0.9rem;
	border: 1px solid #f5c2c0;
	border-radius: 4px;
	background: #fef3f2;
	color: #7a271a;
}

.hg-auto-listing-report__errors-title {
	margin: 0 0 0.35rem;
	font-weight: 600;
}

.hg-auto-listing-report__errors-list {
	margin: 0;
	padding-left: 1.1rem;
}

.hg-auto-listing-report__success {
	margin: 0;
	padding: 0.85rem 0;
}

.hg-auto-listing-report__success-message {
	margin: 0 0 0.5rem;
	font-size: 1.05rem;
	font-weight: 600;
}

.hg-auto-listing-report__success-secondary {
	margin: 0;
	color: var(--hg-auto-vs-muted, #5c6570);
	font-size: 0.9375rem;
	line-height: 1.45;
}

@media (max-width: 599px) {
	.hg-auto-vs-dealer__report-link {
		width: 100%;
	}

	.hg-auto-listing-report__submit {
		width: 100%;
	}
}

.hg-auto-vs-finance {
	--hg-fc-vdp-accent: var(--hg-color-secondary, #066dc8);
	--hg-fc-vdp-accent-hover: var(--hg-color-secondary-hover, #055aa6);
	min-width: 0;
	max-width: 100%;
	overflow: visible;
}

.hg-auto-vs-finance .hg-fc {
	margin: 0;
	padding: 0;
	max-width: 100%;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	--hg-fc-control-h: 2.35rem;
	--hg-fc-space-lg: 0;
	--hg-fc-shadow: none;
}

#hg-auto-vs-finance {
	scroll-margin-top: var(--hg-auto-vs-sticky-offset);
}

.hg-auto-vs-finance .hg-fc__header,
.hg-auto-vs-finance .hg-fc__panel-title,
.hg-auto-vs-finance .hg-fc__intro,
.hg-auto-vs-finance .hg-fc__vehicle,
.hg-auto-vs-finance .hg-fc__hint,
.hg-auto-vs-finance .hg-fc__actions {
	display: none;
}

.hg-auto-vs-finance .hg-fc__box {
	padding: 1rem 1.05rem 1.1rem;
	background: #fff;
	border: 1px solid var(--hg-auto-vs-border, #d8d8d4);
	border-radius: 6px;
}

.hg-auto-vs-finance .hg-fc__controls,
.hg-auto-vs-finance .hg-fc__controls-row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 0.75rem 0.85rem;
	width: 100%;
	max-width: 100%;
}

.hg-auto-vs-finance .hg-fc__field {
	flex: 1 1 7.25rem;
	min-width: 0;
}

.hg-auto-vs-finance .hg-fc__field--action {
	flex: 0 0 8.75rem;
	width: 8.75rem;
}

.hg-auto-vs-finance .hg-fc__label {
	display: block;
	margin: 0 0 0.32rem;
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 1.2;
	color: var(--hg-fc-vdp-accent);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.hg-auto-vs-finance .hg-fc__unit {
	font-weight: 400;
	color: var(--hg-fc-vdp-accent);
	opacity: 0.82;
}

.hg-auto-vs-finance .hg-fc__input,
.hg-auto-vs-finance .hg-fc__select {
	display: block;
	width: 100%;
	height: var(--hg-fc-control-h);
	min-height: var(--hg-fc-control-h);
	padding: 0 0.7rem;
	font-size: 0.9375rem;
	color: var(--hg-auto-vs-ink, #222);
	background: #eef2f5;
	border: 0;
	border-radius: 6px;
	box-shadow: none;
}

.hg-auto-vs-finance .hg-fc__select {
	min-width: 0;
	padding-right: 1.65rem;
	background-color: #eef2f5;
	text-align: left;
	font-weight: 400;
}

.hg-auto-vs-finance .hg-fc__input:hover,
.hg-auto-vs-finance .hg-fc__select:hover,
.hg-auto-vs-finance .hg-fc__input:focus-visible,
.hg-auto-vs-finance .hg-fc__select:focus-visible {
	border: 0;
	box-shadow: none;
	background: #e8eef3;
}

.hg-auto-vs-finance .hg-fc__input:focus-visible,
.hg-auto-vs-finance .hg-fc__select:focus-visible {
	outline: 2px solid color-mix(in srgb, var(--hg-fc-vdp-accent) 45%, #fff);
	outline-offset: 1px;
}

.hg-auto-vs-finance .hg-fc__input:disabled {
	opacity: 1;
	cursor: text;
	background: #eef2f5;
	color: var(--hg-auto-vs-ink, #222);
}

.hg-auto-vs-finance .hg-fc__calc {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: var(--hg-fc-control-h);
	height: var(--hg-fc-control-h);
	margin: 0;
	padding: 0 0.85rem;
	border: 0;
	border-radius: 6px;
	background: var(--hg-fc-vdp-accent);
	color: #fff;
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	cursor: pointer;
}

.hg-auto-vs-finance .hg-fc__calc:hover,
.hg-auto-vs-finance .hg-fc__calc:focus-visible {
	background: var(--hg-fc-vdp-accent-hover);
	color: #fff;
}

.hg-auto-vs-finance .hg-fc__calc:focus-visible {
	outline: 2px solid var(--hg-fc-vdp-accent);
	outline-offset: 2px;
}

.hg-auto-vs-finance .hg-fc__errors {
	margin: 0 0 0.7rem;
	padding: 0.5rem 0.7rem;
}

.hg-auto-vs-finance .hg-fc__field-error {
	margin: 0.25rem 0 0;
	font-size: 0.75rem;
	color: var(--hg-auto-color-danger, #b42318);
}

.hg-auto-vs-finance .hg-fc__results {
	position: relative;
	width: 100%;
	margin: 0.95rem 0 0;
	padding: 0.85rem 1rem 0.95rem;
	border: 0;
	border-radius: 4px;
	background: var(--hg-fc-vdp-accent);
	box-shadow: none;
	color: #fff;
}

.hg-auto-vs-finance .hg-fc__results::before {
	content: "";
	position: absolute;
	top: -8px;
	left: 2.75rem;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid var(--hg-fc-vdp-accent);
}

.hg-auto-vs-finance .hg-fc__results[hidden] {
	display: none !important;
}

.hg-auto-vs-finance .hg-fc__results-row {
	display: block;
	padding: 0.22rem 0;
	border: 0;
}

.hg-auto-vs-finance .hg-fc__results-row + .hg-fc__results-row {
	margin-top: 0.45rem;
}

.hg-auto-vs-finance .hg-fc__results-row dt {
	margin: 0 0 0.1rem;
	color: #fff;
	font-size: 0.8125rem;
	font-weight: 400;
	opacity: 0.95;
}

.hg-auto-vs-finance .hg-fc__results-row dd {
	margin: 0;
	text-align: left;
	color: #fff;
	font-size: 1.05rem;
	font-weight: 700;
	letter-spacing: 0.01em;
}

.hg-auto-vs-finance .hg-fc__disclaimer {
	margin: 0.4rem 0 0;
	padding-top: 0;
	max-width: 48rem;
	font-size: 0.75rem;
	line-height: 1.45;
	color: var(--hg-auto-vs-muted);
	border-top: 0;
}

@media (max-width: 899px) {
	.hg-auto-vs-finance .hg-fc__controls,
	.hg-auto-vs-finance .hg-fc__controls-row {
		flex-wrap: wrap;
	}

	.hg-auto-vs-finance .hg-fc__field {
		flex: 1 1 calc(33.333% - 0.6rem);
	}

	.hg-auto-vs-finance .hg-fc__field--action {
		flex: 1 1 calc(33.333% - 0.6rem);
		width: auto;
	}
}

@media (max-width: 639px) {
	.hg-auto-vs-finance .hg-fc__field {
		flex: 1 1 calc(50% - 0.45rem);
	}

	.hg-auto-vs-finance .hg-fc__field--action {
		flex: 1 1 100%;
		width: 100%;
	}

	.hg-auto-vs-finance .hg-fc__label {
		white-space: normal;
	}

	.hg-auto-vs-finance .hg-fc__results::before {
		left: 1.5rem;
	}
}

@media (max-width: 399px) {
	.hg-auto-vs-finance .hg-fc__field {
		flex: 1 1 100%;
	}
}

.hg-auto-vs__aside .hg-auto-vs-related {
	padding: var(--hg-auto-vs-card-pad);
	border-radius: var(--hg-auto-vs-radius);
	background: #fff;
	box-shadow: var(--hg-auto-vs-card-shadow);
}

.hg-auto-vs-related__list {
	display: grid;
	gap: 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.hg-auto-vs-related__link {
	display: grid;
	grid-template-columns: 5.5rem minmax(0, 1fr);
	gap: 0.75rem;
	align-items: center;
	text-decoration: none;
	color: inherit;
	min-width: 0;
}

.hg-auto-vs-related__link:hover .hg-auto-vs-related__title,
.hg-auto-vs-related__link:focus-visible .hg-auto-vs-related__title {
	color: var(--hg-auto-vs-accent);
}

.hg-auto-vs-related__link:focus-visible {
	outline: 2px solid var(--hg-auto-vs-accent);
	outline-offset: 2px;
	border-radius: 8px;
}

.hg-auto-vs-related__thumb {
	display: block;
	width: 5.5rem;
	height: 4.1rem;
	object-fit: cover;
	border-radius: 8px;
	background: var(--hg-auto-vs-bg);
}

.hg-auto-vs-related__thumb--empty {
	background: var(--hg-auto-vs-bg);
}

.hg-auto-vs-related__copy {
	display: grid;
	gap: 0.15rem;
	min-width: 0;
}

.hg-auto-vs-related__title {
	font-size: 0.9rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--hg-auto-vs-ink);
}

.hg-auto-vs-related__price {
	font-size: 0.9375rem;
	font-weight: 750;
	color: var(--hg-auto-vs-ink);
	font-variant-numeric: tabular-nums;
}

.hg-auto-vs-related__meta {
	font-size: 0.75rem;
	color: var(--hg-auto-vs-muted);
}

.hg-auto-vs-related {
	margin-top: var(--hg-auto-vs-section-gap);
	min-width: 0;
	max-width: 100%;
}

.hg-auto-vs-related--below {
	margin-top: var(--hg-auto-vs-section-gap);
}

@media (min-width: 900px) {
	.hg-auto-vs-related--below {
		display: none;
	}
}

@media (max-width: 899px) {
	.hg-auto-vs-related--aside {
		display: none;
	}

	.hg-auto-vs-related__link {
		grid-template-columns: 7rem minmax(0, 1fr);
	}

	.hg-auto-vs-related__thumb {
		width: 7rem;
		height: 5.25rem;
	}

	.hg-auto-vs-related__title {
		font-size: 1rem;
	}
}

/* Mobile: horizontal rail with a peek of the next card. */
@media (max-width: 899px) {
	.hg-seo-recently-viewed .hg-seo-recently-viewed__list,
	.hg-seo-recently-viewed__list.hg-auto-grid {
		display: flex;
		flex-wrap: nowrap;
		gap: 0.85rem;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		scroll-padding-inline: 0;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior-x: contain;
		padding-bottom: 0.35rem;
		scrollbar-width: thin;
		grid-template-columns: none;
		max-width: 100%;
		min-width: 0;
	}

	.hg-seo-recently-viewed .hg-seo-recently-viewed__list > *,
	.hg-seo-recently-viewed__list.hg-auto-grid > * {
		flex: 0 0 min(20rem, 82%);
		width: min(20rem, 82%);
		max-width: min(20rem, 82%);
		min-width: 0;
		scroll-snap-align: start;
		scroll-snap-stop: normal;
		box-sizing: border-box;
	}

	.hg-seo-recently-viewed .hg-seo-recently-viewed__list > *:only-child,
	.hg-seo-recently-viewed__list.hg-auto-grid > *:only-child {
		flex-basis: 100%;
		width: 100%;
		max-width: 100%;
	}

	.hg-seo-recently-viewed__list {
		list-style: none;
		margin: 0;
		padding-left: 0;
		padding-right: 0;
	}

	.hg-seo-recently-viewed__item {
		min-width: 0;
	}
}

/* Navigation */
.hg-auto-vs-nav {
	margin-top: var(--hg-auto-vs-section-gap);
	padding-top: var(--hg-auto-vs-space);
	border-top: 1px solid var(--hg-auto-vs-border);
}

.hg-auto-vs-nav__back {
	margin: 0;
}

/* Enquiry slide panel */
.hg-auto-vs-panel {
	position: fixed;
	inset: 0;
	z-index: 100050;
}

.hg-auto-vs-panel[hidden] {
	display: none;
}

.hg-auto-vs-panel__backdrop {
	position: absolute;
	inset: 0;
	background: color-mix(in srgb, var(--hg-auto-vs-ink) 45%, transparent);
}

.hg-auto-vs-panel__sheet {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	width: min(26.5rem, 100%);
	height: 100%;
	background: var(--hg-auto-vs-surface);
	box-shadow: var(--hg-auto-vs-shadow);
	transform: translateX(100%);
	transition: transform 0.28s ease;
	outline: none;
}

.hg-auto-vs-panel.is-open .hg-auto-vs-panel__sheet {
	transform: translateX(0);
}

@media (max-width: 899px) {
	.hg-auto-vs-panel--bottom .hg-auto-vs-panel__sheet {
		top: auto;
		right: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		max-width: none;
		height: auto;
		max-height: 90vh;
		border-radius: 16px 16px 0 0;
		transform: translateY(100%);
	}

	.hg-auto-vs-panel--bottom.is-open .hg-auto-vs-panel__sheet {
		transform: translateY(0);
	}

	.hg-auto-vs-panel--bottom .hg-auto-vs-panel__body {
		padding-bottom: max(1.25rem, env(safe-area-inset-bottom, 0px));
	}

	.hg-auto-vs-panel--bottom .hg-auto-vs-action-card__enquiry {
		max-width: none;
	}

	/* Contact card leaves the page flow; sticky bar + Message panel replace it. */
	.hg-auto-vs__layout > .hg-auto-vs__aside {
		display: none;
	}

	.hg-auto-vs-location {
		scroll-margin-bottom: calc(4.25rem + env(safe-area-inset-bottom, 0px));
	}
}

.hg-auto-vs-panel__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 1rem 1.1rem;
	border-bottom: 1px solid var(--hg-auto-vs-border);
}

.hg-auto-vs-panel__heading {
	min-width: 0;
	flex: 1 1 auto;
}

.hg-auto-vs-panel__title {
	margin: 0;
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1.3;
}

.hg-auto-vs-panel__listing-title {
	margin: 0.25rem 0 0;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.35;
	color: var(--hg-auto-vs-muted, #667085);
	overflow-wrap: anywhere;
}

.hg-auto-vs-panel__close {
	display: inline-grid;
	place-items: center;
	width: 2.25rem;
	height: 2.25rem;
	border: 1px solid var(--hg-auto-vs-border);
	border-radius: 999px;
	background: var(--hg-auto-vs-bg);
	color: var(--hg-auto-vs-ink);
	font-size: 1.35rem;
	line-height: 1;
	cursor: pointer;
}

.hg-auto-vs-panel__close:hover,
.hg-auto-vs-panel__close:focus-visible {
	border-color: var(--hg-auto-vs-accent);
	color: var(--hg-auto-vs-accent);
}

.hg-auto-vs-panel__body {
	flex: 1 1 auto;
	overflow: auto;
	padding: 1rem 1.1rem 1.5rem;
	-webkit-overflow-scrolling: touch;
}

.hg-auto-vs-panel__body .hg-auto-lead {
	margin: 0;
	padding: 0;
	border: 0;
	box-shadow: none;
	background: transparent;
}

.hg-auto-vs-panel__body .hg-auto-lead__title {
	display: none;
}

.hg-auto-vs-panel__intro {
	margin: 0 0 0.85rem;
	font-size: 0.9375rem;
	line-height: 1.45;
	color: var(--hg-auto-vs-steel);
}

.hg-auto-vs-panel__body .hg-td-booking {
	margin: 0;
	padding: 0;
	border: 0;
	box-shadow: none;
	background: transparent;
}

.hg-auto-vs-panel__body .hg-td-booking > h2 {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.hg-conv-test-drive {
	display: none;
}

body.hg-auto-vs-panel-open {
	overflow: hidden;
}

@media (max-width: 399px) {
	.hg-auto-vs-specs__grid {
		grid-template-columns: minmax(0, 1fr);
		column-gap: 0;
	}
}

@media (min-width: 640px) {
	.hg-auto-vs-specs__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		column-gap: 1.25rem;
	}

	.hg-auto-vs-specs__item {
		padding-inline: 0.15rem;
	}

	.hg-auto-vs-description__feature-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hg-auto-vs-features__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 900px) {
	.hg-auto-vs__layout {
		grid-template-columns: minmax(0, 1fr) minmax(20rem, 23.75rem);
		grid-template-rows: auto auto minmax(0, 1fr);
		grid-template-areas:
			"title aside"
			"price aside"
			"main aside";
		align-items: stretch;
		column-gap: var(--hg-auto-vs-section-gap);
		row-gap: var(--hg-auto-vs-section-gap);
	}

	.hg-auto-vs__layout > .hg-auto-vs-header {
		grid-area: title;
	}

	.hg-auto-vs__layout > .hg-auto-vs-header__pricing {
		grid-area: price;
		min-width: 0;
	}

	.hg-auto-vs__layout > .hg-auto-vs-header__ctas {
		grid-area: ctas;
		min-width: 0;
		margin-top: 0;
	}

	.hg-auto-vs__layout:has(> .hg-auto-vs-header__ctas):has(> .hg-auto-vs-header__pricing) {
		grid-template-columns: minmax(9rem, 10rem) minmax(0, 1fr) minmax(20rem, 23.75rem);
		grid-template-rows: auto auto minmax(0, 1fr);
		grid-template-areas:
			"title title aside"
			"price ctas aside"
			"main main aside";
	}

	.hg-auto-vs__layout:has(> .hg-auto-vs-header__ctas):has(> .hg-auto-vs-header__pricing) > .hg-auto-vs-header__ctas {
		align-self: end;
		margin-top: 0;
	}

	.hg-auto-vs__layout:not(:has(.hg-auto-vs-header__pricing)) {
		grid-template-rows: auto minmax(0, 1fr);
		grid-template-areas:
			"title aside"
			"main aside";
	}

	.hg-auto-vs__layout:has(> .hg-auto-vs-header__ctas):not(:has(> .hg-auto-vs-header__pricing)) {
		grid-template-rows: auto auto minmax(0, 1fr);
		grid-template-areas:
			"title aside"
			"ctas aside"
			"main aside";
	}

	.hg-auto-vs__main {
		grid-area: main;
		order: 1;
	}

	.hg-auto-vs__aside {
		grid-area: aside;
		order: 2;
		align-self: stretch;
	}

	.hg-auto-vs-action-card {
		position: sticky;
		top: var(--hg-auto-vs-sticky-offset);
		z-index: 2;
	}

	.hg-auto-vs-specs__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.hg-auto-vs-description__feature-list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.hg-auto-vs-features__list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.hg-auto-vs-features__list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.hg-auto-vs-header__contact {
		display: none; /* desktop: sticky card owns primary CTA */
	}
}

@media (max-width: 899px) {
	.hg-auto-vs-gallery__slide {
		flex-basis: 100%;
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		aspect-ratio: 16 / 10;
	}

	.hg-auto-vs-gallery__slide-img {
		object-fit: cover;
	}

	.hg-auto-vs-gallery__badge {
		left: 0.75rem;
		right: auto;
	}

	.hg-auto-vs-gallery__expand {
		left: auto;
		right: 0.75rem;
	}

	.hg-auto-vs__layout {
		gap: var(--hg-auto-vs-section-gap);
	}

	.hg-auto-vs-header__contact {
		width: 100%;
		justify-content: center;
		text-align: center;
	}

	/* Keep favourite / compare / share on the title row (do not wrap under the variant). */
	.hg-auto-vs-header__top {
		flex-wrap: nowrap;
		align-items: flex-start;
		gap: 0.5rem 0.75rem;
	}

	.hg-auto-vs-header__intro {
		flex: 1 1 0;
		min-width: 0;
	}

	.hg-auto-vs-header__buyer {
		flex: 0 0 auto;
		width: auto;
		max-width: none;
		justify-content: flex-end;
		flex-wrap: nowrap;
		align-self: flex-start;
		padding-top: 0.2rem;
	}

	.hg-auto-vs-header__buyer-item,
	.hg-auto-vs-header__buyer-item--share {
		flex: 0 0 auto;
		min-width: 0;
	}

	/* Stacked VDP: keep title / price / CTAs first, then details…Visit Us, enquiry last. */
	.hg-auto-vs__layout > .hg-auto-vs-header {
		order: 1;
	}

	.hg-auto-vs__layout > .hg-auto-vs-header__pricing {
		order: 2;
	}

	.hg-auto-vs__layout > .hg-auto-vs-header__ctas {
		order: 3;
	}

	.hg-auto-vs__main {
		order: 4;
	}

	.hg-auto-vs__main > :last-child {
		padding-bottom: 0;
	}

	.hg-auto-vs__aside {
		order: 5;
		position: static;
		margin-top: 1.15rem; /* with layout gap ≈ 28–40px after Visit Us */
	}

	.hg-auto-vs-action-card,
	.hg-auto-vs-action-card--conversion {
		position: static;
		top: auto;
		z-index: auto;
		width: 100%;
		max-width: 100%;
	}

	.hg-auto-vs-dealer__secondary--split {
		grid-template-columns: minmax(0, 1fr);
	}

	.hg-auto-vs-dealer__primary--split {
		flex-direction: column;
		align-items: stretch;
	}

	.hg-auto-vs-dealer__primary--split > .hg-auto-vs-dealer__identity {
		width: 100%;
	}

	.hg-auto-vs-dealer__primary--split > .hg-auto-vs-dealer__actions {
		flex-direction: row;
		flex-wrap: wrap;
		width: 100%;
		max-width: none;
		min-width: 0;
	}

	.hg-auto-vs-dealer__primary--split > .hg-auto-vs-dealer__actions > li {
		flex: 1 1 9.5rem;
		max-width: 14rem;
	}

	.hg-auto-vs-dealer__hours,
	.hg-auto-vs-dealer__reps {
		padding: 0;
		border: 0;
	}

	.hg-auto-vs-dealer__reps {
		padding-top: 0.15rem;
	}
}

@media (max-width: 640px) {
	.hg-auto-vs-history__list {
		grid-template-columns: 1fr;
	}

	.hg-auto-vs-features__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 0.875rem;
	}

	.hg-auto-vs-action-card__row {
		grid-template-columns: 1fr 1fr;
	}

	.hg-auto-vs-panel__sheet {
		width: 100%;
	}

	.hg-auto-vs-header__contact {
		order: 3;
	}
}

/* --- Phase 27 UX polish --- */
.hg-auto-vehicle-single {
	--hg-auto-vs-radius: var(--hg-auto-radius, 12px);
	--hg-auto-vs-shadow: var(--hg-auto-shadow);
}

.hg-auto-vs-section {
	border-radius: 0;
	box-shadow: none;
}

/* Phase 28 — SEO conversion helpers */
.hg-seo-save-prompt,
.hg-seo-recently-viewed {
	margin-block: 1.75rem;
	padding-block: 1.25rem;
	border-top: 1px solid var(--hg-auto-vs-border, rgba(0, 0, 0, 0.08));
}

.hg-seo-save-prompt__text,
.hg-seo-recently-viewed__title {
	margin: 0 0 0.75rem;
	font-size: 1rem;
	font-weight: 600;
}

.hg-seo-save-prompt .hg-auto-button,
.hg-seo-whatsapp-share {
	margin-inline-end: 0.5rem;
	margin-block-end: 0.5rem;
}

.hg-seo-recently-viewed__list {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.hg-seo-recently-viewed__item.hg-auto-card {
	height: 100%;
}