/* Brand: Neue Haas Text Roman (400) kun. */
	.bruktbil-kontakt-btn,
	.bruktbil-kontakt-btn *,
	.bruktbil-kontakt-modal,
	.bruktbil-kontakt-modal * {
		font-family: "neue-haas-grotesk-text", "Inter", system-ui, -apple-system, sans-serif !important;
		font-weight: 400 !important;
	}

	/* CTA-knapp — CTA-spec v2.1 (locket 2026-05-29 m/ JA):
	   Solid primær pill, Autoblå fill + hvit tekst, 15px/10x22 padding,
	   pill 999px, ingen pil. Identisk på pikselnivå overalt. */
	.bruktbil-kontakt-btn,
	.bruktbil-kontakt-btn:hover,
	.bruktbil-kontakt-btn:focus,
	.bruktbil-kontakt-btn:active {
		background: #0096D6 !important;
		background-color: #0096D6 !important;
		background-image: none !important;
		color: #FFFFFF !important;
		border: 0 !important;
		box-shadow: none !important;
		outline: none !important;
	}
	.bruktbil-kontakt-btn {
		display: inline-block;
		padding: 10px 22px;
		border-radius: 999px;
		cursor: pointer;
		font-size: 14px;
		line-height: 1.2;
		letter-spacing: 0;
		transition: filter .15s ease;
	}
	.bruktbil-kontakt-btn:hover,
	.bruktbil-kontakt-btn:focus {
		filter: brightness(.92);
	}

	/* Tertiær-variant (markedsbot 2026-05-29 m/ JA) — tekst + pil, ingen pill.
	   Brukes der knappen er subordinat (under section-header, inline). */
	.bruktbil-kontakt-link,
	.bruktbil-kontakt-link:visited,
	.bruktbil-kontakt-link:focus,
	.bruktbil-kontakt-link:active {
		display: inline-block;
		color: #0096D6 !important;
		text-decoration: none !important;
		font-family: 'neue-haas-grotesk-text', 'Inter', system-ui, sans-serif !important;
		font-weight: 400 !important;
		font-size: 14px;
		line-height: 1.2;
	}
	@media (hover: hover) {
		.bruktbil-kontakt-link:hover {
			text-decoration: underline !important;
			text-underline-offset: 3px;
		}
	}

	/* Modal — Polestar-stil slide-in fra høyre på desktop, fullscreen på mobil.
	   --ab8-modal-top justeres for site-header høyde. */
	/* Modalen bor alltid i DOM (ingen display: none) — det er det som lar
	   transitionene faktisk få lov til å kjøre. visibility/pointer-events
	   håndterer den interaktive tilgangen, opacity + transform håndterer det
	   visuelle. JA 2026-05-27: ønsket mye mykere åpning og lukking. */
	.bruktbil-kontakt-modal {
		position: fixed;
		inset: 0;
		z-index: 9999;
		background: rgba(28,28,28,.45);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition:
			opacity .55s cubic-bezier(.83,0,.17,1),
			visibility 0s linear .55s;
	}
	.bruktbil-kontakt-modal[data-open="true"] {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transition:
			opacity .55s cubic-bezier(.83,0,.17,1),
			visibility 0s linear 0s;
	}

	/* Slide-panel */
	.bruktbil-kontakt-modal__panel {
		position: fixed;
		top: var(--ab8-modal-top, 80px);
		right: 0;
		bottom: 0;
		width: 480px;
		max-width: 95vw;
		background: #FFFFFF;
		transform: translateX(100%);
		transition: transform .65s cubic-bezier(.83,0,.17,1);
		overflow-y: auto;
		display: flex;
		flex-direction: column;
		will-change: transform;
	}
	.bruktbil-kontakt-modal[data-open="true"] .bruktbil-kontakt-modal__panel {
		transform: translateX(0);
	}
	@media (max-width: 768px) {
		.bruktbil-kontakt-modal__panel {
			top: 0;
			width: 100vw;
			max-width: 100vw;
		}
	}

	/* Modal-innhold */
	.bruktbil-kontakt-modal__close,
	.bruktbil-kontakt-modal__close:hover,
	.bruktbil-kontakt-modal__close:focus,
	.bruktbil-kontakt-modal__close:active {
		background: transparent !important;
		background-color: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
		outline: none !important;
		color: inherit !important;
		padding: 0 !important;
		cursor: pointer;
	}
	.bruktbil-kontakt-modal__close {
		border-radius: 0; /* tema arver 3px — skjema skal ha skarpe hjørner */
		position: absolute;
		top: .75rem;
		right: .75rem;
		width: 44px;
		height: 44px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		color: #1C1C1C;
		background: transparent !important;
		box-shadow: none !important;
		z-index: 10001;
	}

	.bruktbil-kontakt-modal > .bruktbil-kontakt-form,
	.bruktbil-kontakt-modal__head {
		background: #FFFFFF;
		max-width: 480px;
		width: 100%;
	}
	/* Wrap head+form i ett ark */
	.bruktbil-kontakt-modal__head { padding: 2rem 2rem 1rem 2rem; border-radius: 0; position: relative; }
	.bruktbil-kontakt-inline {
		background: #FFFFFF;
		border: 1px solid rgba(28,28,28,.10);
		padding: 32px;
	}
	/* To størrelser, jf. Neue Haas-regelen: baseline 14px + én stor.
	   Hierarkiet bæres av farge og posisjon, ikke av flere grader. */
	.bruktbil-kontakt-inline__title {
		font-size: var(--ab8-fs-sdl, 25px);
		font-weight: 400;
		line-height: 1.15;
		letter-spacing: -.01em;
		color: #1C1C1C;
		margin: 0 0 4px;
	}
	.bruktbil-kontakt-inline__sub {
		font-size: 14px;
		color: #6B6B6B;
		margin: 0 0 24px;
	}
	.bruktbil-kontakt-inline > .bruktbil-kontakt-form { padding: 0; }
	@media (max-width: 767px) {
		.bruktbil-kontakt-inline { padding: 20px; }
	}
	.bruktbil-kontakt-form        { padding: 0 2rem 2rem 2rem; border-radius: 0; display: flex; flex-direction: column; gap: 1rem; position: relative; }

	/* Title */
	.bruktbil-kontakt-modal__title { margin: 0 2.5rem 0 0; font-size: 26.25px; line-height: 1.07; color: #1C1C1C; }
	.bruktbil-kontakt-modal__sub   { margin-top: .35em; font-size: 14px; color: rgba(0,0,0,.55); }

	/* Felter */
	/* Label-teksten og den obligatoriske stjerna må ligge i SAMME flex-barn.
	   Ligger de som to søsken i en flex-kolonne, blir stjerna sin egen rad —
	   det var synlig i den smale inline-kolonna 26.08. Gjelder modalen også. */
	.bruktbil-kontakt-label__tekst { display: block; }
	.bruktbil-kontakt-label {
		display: flex;
		flex-direction: column;
		gap: .35em;
		font-size: 14px;
		color: rgba(0,0,0,.7);
	}
	.bruktbil-kontakt-label input,
	.bruktbil-kontakt-label textarea {
		font-size: 14px;
		color: #1C1C1C;
		background: #FFFFFF;
		border: 1px solid rgba(0,0,0,.18);
		border-radius: 0;
		padding: .65em .75em;
		outline: none;
		transition: border-color .15s ease;
		font-family: inherit !important;
		font-weight: 400 !important;
	}
	.bruktbil-kontakt-label input:focus,
	.bruktbil-kontakt-label textarea:focus { border-color: #1C1C1C; }

	/* Finans-checkbox — vises kun når kunden har justert finans-slidere */
	.bruktbil-kontakt-finans {
		display: flex;
		gap: .6em;
		align-items: flex-start;
		font-size: 14px;
		color: #1C1C1C;
		padding: .75em .85em;
		background: #F5F5F3;
		line-height: 1.2;
	}
	.bruktbil-kontakt-finans[hidden] { display: none !important; }
	.bruktbil-kontakt-finans input[type="checkbox"] {
		margin: 0;
		flex: 0 0 auto;
		accent-color: #1C1C1C;
		width: 16px;
		height: 16px;
		margin-top: .15em;
	}
	.bruktbil-kontakt-finans strong { font-weight: 400; color: #1C1C1C; }

	/* Honeypot — skjult for mennesker */
	.bruktbil-kontakt-hp {
		position: absolute;
		left: -9999px;
		top: -9999px;
		width: 1px;
		height: 1px;
		overflow: hidden;
	}

	/* Submit */
	.bruktbil-kontakt-submit,
	.bruktbil-kontakt-submit:hover,
	.bruktbil-kontakt-submit:focus,
	.bruktbil-kontakt-submit:active {
		background: #1C1C1C !important;
		background-color: #1C1C1C !important;
		color: #FFFFFF !important;
		border: 0 !important;
		box-shadow: none !important;
		outline: none !important;
	}
	.bruktbil-kontakt-submit {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: .5em;
		padding: .75em 1.6em;
		border-radius: 999px;
		cursor: pointer;
		font-size: 14px;
		line-height: 1.2;
		margin-top: .5rem;
	}
	.bruktbil-kontakt-submit:hover { opacity: .9; }
	.bruktbil-kontakt-submit[disabled] { opacity: .6; cursor: wait; }

	/* Status */
	.bruktbil-kontakt-status {
		padding: .75em 1em;
		border-radius: 0;
		font-size: 14px;
		line-height: 1.2;
	}
	.bruktbil-kontakt-status[data-state="ok"]    { background: #E5F4EF; color: #004F46; }
	.bruktbil-kontakt-status[data-state="error"] { background: #FBE7E4; color: #8C2A1E; }

	/* Scroll-lock */
	body.bruktbil-kontakt-open { overflow: hidden; }

	@media (max-width: 480px) {
		.bruktbil-kontakt-modal { padding: 0; align-items: stretch; }
		.bruktbil-kontakt-modal > .bruktbil-kontakt-form,
		.bruktbil-kontakt-modal__head { max-width: none; border-radius: 0; }
		.bruktbil-kontakt-modal__head { padding-top: 3.5rem; }
	}