.bruktbil-trygg-kjop,
	.bruktbil-trygg-kjop * {
		font-family: "neue-haas-grotesk-text", "Inter", system-ui, -apple-system, sans-serif !important;
		font-weight: 400 !important;
	}
	.bruktbil-trygg-kjop { display: block; font-size: 14px; line-height: 1.2; color: #1C1C1C; }
	.bruktbil-trygg-kjop__header { margin-bottom: var(--ab8-s-4); }
	.bruktbil-trygg-kjop__heading { margin: 0; font-size: 26.25px; line-height: 1.07; font-weight: 400; color: #1C1C1C; }
	/* Grid: F5F5F3-tile-mønster (JA 2026-06-04). Matcher 'Hvorfor velge'-pattern.
	   Auto-fit beholdt for å håndtere 2/3 kort (med eller uten tilstandsrapport). */
	.bruktbil-trygg-kjop__grid {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
		gap: var(--ab8-s-4);
	}

	/* Tile — F5F5F3-fill, ingen border, Web 2.0 boks-padding (48/20/10). */
	.bruktbil-trygg-kjop__kort,
	.bruktbil-trygg-kjop__kort:hover,
	.bruktbil-trygg-kjop__kort:focus,
	.bruktbil-trygg-kjop__kort:visited {
		background: var(--ab8-bg-tone) !important;
		text-decoration: none !important;
		color: #1C1C1C !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		outline: none !important;
	}
	.bruktbil-trygg-kjop__kort {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: var(--ab8-s-5);
		padding: var(--ab8-s-5);
		min-height: 200px;
		transition: background .15s ease;
	}
	.bruktbil-trygg-kjop__kort:hover {
		background: #EFEFED !important;
	}

	@media (max-width: 1024px) {
		.bruktbil-trygg-kjop__kort { padding: var(--ab8-s-4); min-height: 200px; }
	}
	@media (max-width: 600px) {
		.bruktbil-trygg-kjop__grid { grid-template-columns: 1fr; gap: var(--ab8-s-3); }
		.bruktbil-trygg-kjop__kort { padding: var(--ab8-s-3); min-height: 0; }
	}

	.bruktbil-trygg-kjop__ikon {
		flex: 0 0 auto;
		width: 32px;
		height: 32px;
		color: #1C1C1C;
	}
	.bruktbil-trygg-kjop__tekst {
		display: flex;
		flex-direction: column;
		gap: 0;
		min-width: 0;
		max-width: 100%;
	}
	.bruktbil-trygg-kjop__tittel { font-size: 14px; line-height: 1.2; color: #1C1C1C; margin: 0; }
	.bruktbil-trygg-kjop__beskrivelse { font-size: 14px; line-height: 1.2; color: rgba(0,0,0,.6); margin: 0; }
	.bruktbil-trygg-kjop__pil {
		flex: 0 0 auto;
		width: 18px;
		height: 18px;
		color: #1C1C1C;
		opacity: .5;
		margin-top: auto;
		align-self: flex-end;
		transition: opacity .15s ease, transform .15s ease;
	}
	.bruktbil-trygg-kjop__kort:hover .bruktbil-trygg-kjop__pil { opacity: 1; transform: translateX(2px); }

	/* Button-variant av kortet (Tilstandsrapport-modal-trigger) — samme look som <a> */
	button.bruktbil-trygg-kjop__kort {
		font: inherit;
		text-align: left;
		width: 100%;
		cursor: pointer;
	}

	/* ===== Tilstandsrapport-modal — iOS-Safari-aktig sheet med X-knapp øverst ===== */
	.bruktbil-rapport-modal,
	.bruktbil-rapport-modal * {
		font-family: "neue-haas-grotesk-text", "Inter", system-ui, -apple-system, sans-serif !important;
		font-weight: 400 !important;
		box-sizing: border-box;
	}
	.bruktbil-rapport-modal {
		position: fixed;
		inset: 0;
		z-index: 9999;
		background: rgba(28,28,28,.65);
		display: flex;
		flex-direction: column;
		opacity: 0;
		transition: opacity .25s ease;
		pointer-events: none;
	}
	.bruktbil-rapport-modal:not([hidden]) { opacity: 1; pointer-events: auto; }
	.bruktbil-rapport-modal[hidden] { display: none !important; }
	body.bruktbil-rapport-open { overflow: hidden; }

	.bruktbil-rapport-modal__topbar {
		flex: 0 0 auto;
		display: flex;
		align-items: center;
		gap: var(--ab8-s-4);
		padding: var(--ab8-s-3) var(--ab8-s-5);
		background: rgba(28,28,28,.92);
		color: #FFFFFF;
		min-height: 56px;
	}
	.bruktbil-rapport-modal__close,
	.bruktbil-rapport-modal__close:hover,
	.bruktbil-rapport-modal__close:focus,
	.bruktbil-rapport-modal__close:active {
		flex: 0 0 auto;
		background: rgba(255,255,255,.14) !important;
		border: 0 !important;
		border-radius: 50% !important;
		box-shadow: none !important;
		outline: none !important;
		color: #FFFFFF !important;
		width: 36px;
		height: 36px;
		padding: 0 !important;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}
	.bruktbil-rapport-modal__close:hover { background: rgba(255,255,255,.28) !important; }
	.bruktbil-rapport-modal__tittel {
		flex: 1 1 auto;
		font-size: var(--ab8-fs-body);
		color: #FFFFFF;
		text-align: center;
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.bruktbil-rapport-modal__ny-fane,
	.bruktbil-rapport-modal__ny-fane:hover,
	.bruktbil-rapport-modal__ny-fane:focus,
	.bruktbil-rapport-modal__ny-fane:visited {
		flex: 0 0 auto;
		color: #FFFFFF !important;
		text-decoration: none !important;
		display: inline-flex;
		align-items: center;
		gap: 6px;
		font-size: var(--ab8-fs-liten);
		opacity: .85;
		transition: opacity .15s ease;
	}
	.bruktbil-rapport-modal__ny-fane:hover { opacity: 1; }
	@media (max-width: 600px) {
		/* Mobil: skjul «Åpne i ny fane»-tekst, behold ikon for å spare plass */
		.bruktbil-rapport-modal__ny-fane span { display: none; }
		.bruktbil-rapport-modal__topbar { padding: var(--ab8-s-2) var(--ab8-s-4); }
	}

	.bruktbil-rapport-modal__frame {
		flex: 1 1 auto;
		width: 100%;
		border: 0;
		background: #FFFFFF;
		min-height: 0; /* slik at iframe ikke sprenger flex-containeren */
	}