
	.bruktbil-kontaktseksjon,
	.bruktbil-kontaktseksjon * {
		font-family: "neue-haas-grotesk-text", "Inter", system-ui, -apple-system, sans-serif !important;
		font-weight: 400 !important;
	}

	/* Topp-rad: 12-col grid (tittel 4, intro 8) — matcher master seksjon--cols.
	   Tekst-padding kommer fra --ab8-pad-tekst (responsiv). */
	.bruktbil-kontaktseksjon__topp {
		display: grid;
		grid-template-columns: repeat(var(--ab8-grid-cols), 1fr);
		gap: var(--ab8-grid-gutter);
		align-items: start;
		padding-left: var(--ab8-pad-tekst);
		padding-right: var(--ab8-pad-tekst);
		padding-bottom: var(--ab8-s-6);
	}
	.bruktbil-kontaktseksjon__heading { grid-column: span 4; }
	.bruktbil-kontaktseksjon__intro   { grid-column: span 8; }
	.bruktbil-kontaktseksjon__heading {
		margin: 0;
		font-size: var(--ab8-fs-h2);
		line-height: 1.2;
		color: #1C1C1C;
	}
	.bruktbil-kontaktseksjon__intro {
		margin: 0;
		font-size: var(--ab8-fs-body);
		line-height: 1.2;
		color: rgba(0,0,0,.6);
	}

	/* Kart-wrap = position relative; kart fyller, overlay ligger oppå. */
	/* 26.08: overlegget var absolutt posisjonert og ble klippet av overflow:hidden
	   da knappen ble byttet mot et helt skjema — seksjonen vokste ikke med
	   innholdet. Nå er wrapperen flex og overlegget et vanlig flex-barn, så
	   høyden følger det høyeste av kart og overlegg. Kartet ligger fortsatt
	   absolutt bak og fyller hele flata. */
	/* To kolonner: skjema til venstre, kart til høyre (JA 26.08, Zeekr-oppsettet).
	   Var tidligere kart i full bredde med et smalt hvitt overlegg oppå — 380 px
	   er for trangt for et skjema, og det var arven etter at det bare lå en knapp
	   der. Kartet er nå en egen kolonne i stedet for absolutt bakgrunn. */
	.bruktbil-kontaktseksjon__kart-wrap {
		position: relative;
		min-height: 560px;
		overflow: visible;
		display: grid;
		grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
		align-items: stretch;
		padding: 0;
	}
	.bruktbil-kontaktseksjon__kart {
		position: relative;
		grid-column: 2;
		grid-row: 1;
		width: 100%;
		min-height: 560px;
		background: rgba(0,0,0,.04);
		z-index: 1;
		isolation: isolate;
	}
	/* Leaflet trenger et posisjonert forelder-element å fylle. */
	.bruktbil-kontaktseksjon__kart .leaflet-container {
		position: absolute;
		inset: 0;
	}
	.leaflet-container .leaflet-popup-content {
		font-family: "neue-haas-grotesk-text", sans-serif !important;
		font-size: var(--ab8-fs-liten);
	}

	/* Overlay-boks — hvit, venstrejustert (samme vertikallinje som topp-tittel
	   via --ab8-pad-tekst), vertikalt sentrert. */
	.bruktbil-kontaktseksjon__overlay {
		position: relative;
		grid-column: 1;
		grid-row: 1;
		z-index: 5;
		width: 100%;
		max-width: none;
		background: #FFFFFF;
		box-shadow: none;
		display: flex;
		align-items: center;
	}
	.bruktbil-kontaktseksjon__overlay-inner {
		width: 100%;
		max-width: 620px;
		margin-left: auto;
		padding-right: var(--ab8-s-7);
	}
	.bruktbil-kontaktseksjon__overlay-inner {
		padding: var(--ab8-s-7);
	}

	/* Detalj-rader (ikon-prefiks + verdi). */
	.bruktbil-kontaktseksjon__detaljer {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		gap: var(--ab8-s-4);
	}
	.bruktbil-kontaktseksjon__detalj {
		margin: 0;
		display: grid;
		grid-template-columns: 18px 1fr;
		gap: var(--ab8-s-3);
		align-items: start;
		font-size: var(--ab8-fs-liten);
		line-height: 1.2;
	}
	.bruktbil-kontaktseksjon__detalj-ikon {
		color: #1C1C1C;
		opacity: .55;
		padding-top: 2px;
	}
	.bruktbil-kontaktseksjon__detalj-ikon svg {
		display: block;
		width: 16px;
		height: 16px;
	}
	.bruktbil-kontaktseksjon__detalj-verdi,
	.bruktbil-kontaktseksjon__detalj-verdi:hover,
	.bruktbil-kontaktseksjon__detalj-verdi:focus,
	.bruktbil-kontaktseksjon__detalj-verdi:visited {
		color: #1C1C1C !important;
		text-decoration: underline !important;
		background: transparent !important;
		text-decoration-color: rgba(0,0,0,.25) !important;
		text-underline-offset: 3px;
	}
	a.bruktbil-kontaktseksjon__detalj-verdi:hover { text-decoration-color: #1C1C1C !important; }

	/* Per-dag åpningstider — Polestar-stil (dager venstre, klokke høyre). */
	.bruktbil-kontaktseksjon__hours-rad {
		display: flex;
		justify-content: space-between;
		gap: var(--ab8-s-4);
	}
	.bruktbil-kontaktseksjon__hours-dager { color: rgba(0,0,0,.7); }
	.bruktbil-kontaktseksjon__hours-klokke { color: #1C1C1C; }
	/* Midlertidig-overstyring-pill (JA 2026-06-01) — vises over hours-rader når aktiv */
	.bruktbil-kontaktseksjon__override-pill {
		display: inline-block;
		padding: 2px var(--ab8-s-2);
		margin-bottom: var(--ab8-s-2);
		background: var(--ab8-autokorall);
		color: #FFFFFF;
		font-size: var(--ab8-fs-mini);
		letter-spacing: .02em;
		line-height: 1.2;
	}
	.bruktbil-kontaktseksjon__override-periode { opacity: .85; }

	/* Divider mellom info og tjenester. */
	.bruktbil-kontaktseksjon__divider {
		height: 1px;
		background: rgba(0,0,0,.1);
		margin: var(--ab8-s-6) 0;
	}

	/* Tilgjengelig på dette stedet — label + sjekkmark-chips */
	.bruktbil-kontaktseksjon__tilgjengelig-label {
		margin: 0 0 .5rem;
		font-size: var(--ab8-fs-mini);
		line-height: 1.2;
		color: rgba(0,0,0,.55);
		letter-spacing: .02em;
	}
	.bruktbil-kontaktseksjon__chips {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		gap: var(--ab8-s-2);
	}
	.bruktbil-kontaktseksjon__chip {
		display: flex;
		align-items: center;
		gap: var(--ab8-s-2);
		font-size: var(--ab8-fs-liten);
		line-height: 1.2;
		color: #1C1C1C;
	}
	.bruktbil-kontaktseksjon__chip svg {
		flex: 0 0 auto;
		width: 14px;
		height: 14px;
		opacity: .65;
	}

	/* CTA-stack */
	.bruktbil-kontaktseksjon__cta { margin-top: var(--ab8-s-6); }

	/* ===== TABLET (≤1024px): topp stacker, overlay statisk under kart ===== */
	@media (max-width: 1024px) {
		.bruktbil-kontaktseksjon__topp {
			grid-template-columns: 1fr;
			gap: var(--ab8-s-4);
			padding-left: var(--ab8-pad-tekst);
			padding-right: var(--ab8-pad-tekst);
			padding-bottom: var(--ab8-s-5);
		}
		.bruktbil-kontaktseksjon__heading,
		.bruktbil-kontaktseksjon__intro { grid-column: 1 / -1; }
		.bruktbil-kontaktseksjon__heading { font-size: var(--ab8-fs-stor); }
		.bruktbil-kontaktseksjon__kart-wrap {
			min-height: 0;
			overflow: visible;
			display: block;
		}
		.bruktbil-kontaktseksjon__kart {
			position: relative;
			inset: auto;
			height: 360px;
			min-height: 0;
			grid-column: auto;
		}
		.bruktbil-kontaktseksjon__overlay {
			position: relative;
			top: auto;
			left: auto;
			transform: none;
			margin-left: 0;
			max-width: 100%;
			box-shadow: none;
			display: block;
			grid-column: auto;
		}
		.bruktbil-kontaktseksjon__overlay-inner {
			max-width: none;
			margin-left: 0;
			padding-right: var(--ab8-pad-tekst);
		}
		.bruktbil-kontaktseksjon__overlay-inner {
			padding: var(--ab8-s-7) var(--ab8-pad-tekst);
		}
	}
	/* ===== MOBIL (≤600px): tittel beholdes, intro skjules (JA 2026-06-01) ===== */
	@media (max-width: 600px) {
		.bruktbil-kontaktseksjon__topp {
			padding-left: var(--ab8-pad-tekst);
			padding-right: var(--ab8-pad-tekst);
			padding-bottom: var(--ab8-s-4);
		}
		.bruktbil-kontaktseksjon__heading { font-size: var(--ab8-fs-medium); }
		.bruktbil-kontaktseksjon__intro { display: none; }
		.bruktbil-kontaktseksjon__kart { height: 280px; }
		.bruktbil-kontaktseksjon__overlay-inner { padding: var(--ab8-s-6) var(--ab8-pad-tekst); }
	}
	