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

	/* Badge — trigger-knapp */
	.bruktbil-sert-badge,
	.bruktbil-sert-badge:hover,
	.bruktbil-sert-badge:focus,
	.bruktbil-sert-badge:active {
		background: var(--sert-bg, #1C1C1C) !important;
		background-color: var(--sert-bg, #1C1C1C) !important;
		color: var(--sert-fg, #FFFFFF) !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		outline: none !important;
	}
	.bruktbil-sert-badge {
		display: inline-flex;
		align-items: center;
		gap: .6em;
		padding: .65em 1em;
		cursor: pointer;
		font-size: var(--ab8-fs-body);
		line-height: 1.2;
		transition: opacity .15s ease;
	}
	.bruktbil-sert-badge:hover { opacity: .9; }
	/* Logo-variant: SVG erstatter tekst+ikon, fast høyde */
	.bruktbil-sert-badge--logo { padding: .55em .9em; }
	.bruktbil-sert-badge__logo { display: inline-flex; align-items: center; line-height: 0; }
	.bruktbil-sert-badge__logo svg { height: 22px; width: auto; display: block; }

	/* Modal — Polestar-stil slide-in fra høyre på desktop, fullscreen på mobil.
	   --ab8-modal-top justeres for site-header høyde. */
	.bruktbil-sert-modal {
		position: fixed;
		inset: 0;
		z-index: 9999;
		background: rgba(28,28,28,.45);
		display: block;
		opacity: 0;
		transition: opacity .35s cubic-bezier(.83,0,.17,1);
		pointer-events: none;
	}
	.bruktbil-sert-modal:not([hidden]) { opacity: 1; pointer-events: auto; }
	.bruktbil-sert-modal[hidden] { display: none !important; }

	.bruktbil-sert-modal__close,
	.bruktbil-sert-modal__close:hover,
	.bruktbil-sert-modal__close:focus,
	.bruktbil-sert-modal__close:active {
		background: rgba(28,28,28,.55) !important;
		border: 0 !important;
		border-radius: 50% !important;
		box-shadow: 0 2px 6px rgba(0,0,0,.18) !important;
		outline: none !important;
		color: #FFFFFF !important;
		padding: 0 !important;
		cursor: pointer;
	}
	.bruktbil-sert-modal__close:hover { background: rgba(28,28,28,.78) !important; }
	.bruktbil-sert-modal__close {
		position: fixed;
		top: var(--ab8-s-4);
		right: var(--ab8-s-4);
		width: 44px;
		height: 44px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		z-index: 100000;
	}

	/* Slide-panel — desktop: 50vw fra høyre (Polestar-bredde, JA 2026-06-01).
	   Klamret til min 480, max 760 for å unngå ekstrem-bredder. */
	.bruktbil-sert-modal__card {
		position: fixed;
		top: var(--ab8-modal-top, 80px);
		right: 0;
		bottom: 0;
		width: 50vw;
		min-width: 480px;
		max-width: 760px;
		background: #FFFFFF;
		color: #1C1C1C;
		transform: translateX(100%);
		transition: transform .5s cubic-bezier(.83,0,.17,1);
		overflow-y: auto;
	}
	.bruktbil-sert-modal:not([hidden]) .bruktbil-sert-modal__card {
		transform: translateX(0);
	}
	/* På tablet: 70vw så det blir lesbart, men ikke fullscreen */
	@media (max-width: 1024px) {
		.bruktbil-sert-modal__card {
			width: 70vw;
			min-width: 0;
			max-width: 100vw;
		}
	}
	/* På mobil: fullscreen-takeover (ingen plass til side-panel) */
	@media (max-width: 600px) {
		.bruktbil-sert-modal__card {
			top: 0;
			width: 100vw;
		}
	}
	.bruktbil-sert-modal__head {
		padding: var(--ab8-s-8) 2rem 1.75rem;
		background: var(--sert-bg, #1C1C1C);
		color: var(--sert-fg, #FFFFFF);
	}
	.bruktbil-sert-modal__merke { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; opacity: .8; }
	.bruktbil-sert-modal__navn  { margin: var(--ab8-s-1) 0 .35rem; font-size: var(--ab8-fs-h2); line-height: 1.2; color: var(--sert-fg, #FFFFFF); }

	/* ==== Sertifiserings-bar — boks med Auto-lys bakgrunn ====
	   Visuelt distinkt fra resten av hero-specs; markerer sertifisering
	   som eget signal-element. */
	.bruktbil-sert-bar {
		font-family: 'neue-haas-grotesk-text', sans-serif;
		font-weight: 400;
		color: #1C1C1C;
		padding: var(--ab8-s-5) 24px;
		background: #F5F5F3; /* Auto */
		border-radius: 0; /* JA 2026-05-26: square hjørner */
		margin-top: var(--ab8-s-4);
		position: relative; /* "Les mer +" forankres bottom-right */
	}
	.bruktbil-sert-bar__navn {
		margin: 0;
		font-size: var(--ab8-fs-h2);
		line-height: 1.2;
		color: #1C1C1C;
	}
	.bruktbil-sert-bar__lesmer,
	.bruktbil-sert-bar__lesmer:hover,
	.bruktbil-sert-bar__lesmer:focus,
	.bruktbil-sert-bar__lesmer:active {
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
		outline: none;
		padding: 0;
		margin: 0;
		font-family: 'neue-haas-grotesk-text', sans-serif;
		font-weight: 400;
		font-size: var(--ab8-fs-liten);
		color: #1C1C1C;
		cursor: pointer;
		display: inline-flex;
		align-items: center;
		gap: .4em;
		/* Forankret bottom-right slik at den lander på linje med
		   siste highlight-rad (samme bunn-baseline). */
		position: absolute;
		right: var(--ab8-s-6);
		bottom: var(--ab8-s-5);
	}
	.bruktbil-sert-bar__plus {
		color: #0096D6; /* Autoblå — accent (Autokorall er kampanje-signal) */
		font-size: var(--ab8-fs-medium);
		line-height: 1;
	}
	.bruktbil-sert-bar__highlights {
		list-style: none;
		padding: 0;
		margin: var(--ab8-s-3) 0 0;
		display: flex;
		flex-direction: column;
		gap: 2px;
	}
	.bruktbil-sert-bar__highlights li {
		font-size: var(--ab8-fs-liten);
		color: #1C1C1C;
		line-height: 1.2;
	}
	.bruktbil-sert-modal__logo  { line-height: 0; margin-bottom: var(--ab8-s-3); }
	.bruktbil-sert-modal__logo svg,
	.bruktbil-sert-modal__logo img { height: 56px; width: auto; max-width: 100%; display: block; }
	.bruktbil-sert-modal__under { font-size: var(--ab8-fs-body); opacity: .85; }

	.bruktbil-sert-modal__body { padding: var(--ab8-s-7) var(--ab8-s-7); font-size: var(--ab8-fs-body); line-height: var(--ab8-lh-normal); }

	/* Hero-placeholder — F5F5F3-box med aspect-ratio + diagonal-stripes-vink
	   til at det kommer bilde. JA leverer ekte hero-foto per merke senere. */
	.bruktbil-sert-modal__hero-placeholder {
		position: relative;
		width: 100%;
		aspect-ratio: 16 / 9;
		background: var(--ab8-bg-tone);
		background-image: repeating-linear-gradient(
			45deg,
			transparent 0,
			transparent 18px,
			rgba(0,0,0,.025) 18px,
			rgba(0,0,0,.025) 19px
		);
		margin-bottom: var(--ab8-s-7);
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.bruktbil-sert-modal__placeholder-label {
		font-size: var(--ab8-fs-liten);
		color: var(--ab8-kull-svak);
		letter-spacing: .04em;
		text-transform: uppercase;
	}
	.bruktbil-sert__intro { margin: 0 0 1.5rem; color: rgba(0,0,0,.75); }

	/* Hyundai-style: nummerert liste over 9 løfter */
	.bruktbil-sert__lofter { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--ab8-s-4); }
	.bruktbil-sert__lofter li { display: flex; gap: var(--ab8-s-4); align-items: flex-start; padding-bottom: var(--ab8-s-4); border-bottom: 1px solid rgba(0,0,0,.06); }
	.bruktbil-sert__lofter li:last-child { border-bottom: 0; padding-bottom: 0; }
	.bruktbil-sert__loftenr { flex: 0 0 32px; height: 32px; width: 32px; border-radius: 50%; background: rgba(0,0,0,.06); color: #1C1C1C; display: inline-flex; align-items: center; justify-content: center; font-size: var(--ab8-fs-body); }
	.bruktbil-sert__loftetittel { font-size: 14px; color: #1C1C1C; margin-bottom: 3px; }
	.bruktbil-sert__loftebeskr  { font-size: var(--ab8-fs-body); color: rgba(0,0,0,.65); line-height: 1.2; }

	.bruktbil-sert__bonus { margin-top: var(--ab8-s-6); padding: var(--ab8-s-4) 1.25rem; background: rgba(0,150,214,.07); }
	.bruktbil-sert__bonus-tittel { font-size: var(--ab8-fs-body); color: #1C1C1C; margin-bottom: var(--ab8-s-2); }
	.bruktbil-sert__bonus-liste { margin: 0; padding-left: var(--ab8-s-5); font-size: var(--ab8-fs-body); color: rgba(0,0,0,.7); line-height: 1.2; }

	/* Ford-style: fakta-tabell */
	.bruktbil-sert__fakta { margin: 0; display: flex; flex-direction: column; gap: 0; }
	.bruktbil-sert__fakta-rad { display: grid; grid-template-columns: 200px 1fr; gap: var(--ab8-s-4); padding: var(--ab8-s-4) 0; border-bottom: 1px solid rgba(0,0,0,.06); }
	.bruktbil-sert__fakta-rad:last-child { border-bottom: 0; }
	.bruktbil-sert__fakta-rad dt { margin: 0; font-size: var(--ab8-fs-liten); color: rgba(0,0,0,.55); }
	.bruktbil-sert__fakta-rad dd { margin: 0; font-size: var(--ab8-fs-body); color: #1C1C1C; }
	@media (max-width: 540px) {
		.bruktbil-sert__fakta-rad { grid-template-columns: 1fr; gap: .15rem; padding: var(--ab8-s-3) 0; }
	}

	.bruktbil-sert-modal__foot { padding: var(--ab8-s-5) 2rem 2rem; border-top: 1px solid rgba(0,0,0,.06); }
	.bruktbil-sert-modal__lenke,
	.bruktbil-sert-modal__lenke:hover,
	.bruktbil-sert-modal__lenke:focus,
	.bruktbil-sert-modal__lenke:visited {
		color: rgba(0,0,0,.7) !important;
		text-decoration: none !important;
		font-size: var(--ab8-fs-body);
	}
	.bruktbil-sert-modal__lenke:hover { color: #1C1C1C !important; text-decoration: underline !important; }

	body.bruktbil-sert-open { overflow: hidden; }