/* Strona "Utrata wartosci handlowej pojazdu" (/utrata-wartosci-handlowej-pojazdu/)
   - Sekcja 1: Hero. Piata i ostatnia landing page finalnego zakresu
   klastra "Problemy i szkody". Namespace .oai-vehicle-market-value-loss-*,
   oddzielna przestrzen klas od .oai-technical-wear-*, .oai-flood-damage-*,
   .oai-vehicle-damage-* (/szkoda-komunikacyjna/) i pozostalych podstron
   problemowych, bez wycieku stylow.

   Breadcrumb (trzypoziomowy: strona glowna, Problemy i szkody, biezaca)
   oraz uklad tresc/modul wzorowane 1:1 na sprawdzonym, rzeczywistym wzorcu
   .oai-technical-wear-hero (page-technical-wear.css): ten sam prog 768px
   dla wiekszej typografii, ten sam prog 1024px dla przejscia na dwie
   strefy, ta sama technika separatora "/" w breadcrumb (gap na flex-wrap
   zamiast statycznego margin-left, zeby separator nie odrywal sie od
   elementu przy zawijaniu na narrow mobile). Podzial kolumn desktop
   celowo 57%/43% (a nie 56%/44% jak w Gradobiciu, 54%/46% jak w Zerwanym
   dachu, 55%/45% jak w Powodzi, ani 58%/42% jak w Zuzyciu technicznym) -
   wlasna kompozycja tej strony w granicach tej samej rodziny design
   systemu.

   Modul wizualny to prawdziwe zdjecie
   (utrata-wartosci-handlowej-pojazdu-hero.webp, rzeczywiste wymiary
   1600x1280, proporcja 5/4 - ta sama uzywana przez wiekszosc stron
   klastra, inna niz 3/2 uzyte w Zuzyciu technicznym), naprawiony
   samochod przed warsztatem blacharsko-lakierniczym, bez widocznych
   uszkodzen, spokojna sytuacja bez ludzi.

   WAZNE: <img> ma atrybuty HTML width="1600" height="1280" (poprawne
   Core Web Vitals - rezerwacja miejsca przed zaladowaniem). Dlatego
   .oai-vehicle-market-value-loss-hero__image MUSI jawnie ustawiac
   "height: auto" obok "aspect-ratio: 5 / 4" - bez tego height="1280"
   dziala jako definitywna, nieskalowana wartosc prezentacyjna,
   aspect-ratio jest wtedy ignorowane, a obraz renderuje sie jako pionowy
   baner niezaleznie od faktycznej szerokosci kolumny (ten sam,
   wielokrotnie juz naprawiany blad z Hero pozostalych stron klastra).
   Kontener utrzymuje te sama proporcje 5/4 co zrodlowy plik na kazdej
   szerokosci, wiec object-fit: cover praktycznie nic nie wycina. */

.oai-site .oai-vehicle-market-value-loss-hero {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	padding: 48px 20px;
	background-color: var(--oai-color-white);
}

.oai-site .oai-vehicle-market-value-loss-hero__inner {
	width: 100%;
	max-width: var(--oai-container-width);
	min-width: 0;
	box-sizing: border-box;
	margin: 0 auto;
}

/* Breadcrumb. Odstep miedzy elementami przeniesiony na "gap" kontenera
   flex zamiast statycznego margin:0 8px 0 8px na separatorze "::before" -
   staly margin-left dzialal rowniez wtedy, gdy dany <li> (element flex)
   zawijal sie na poczatek nowego wiersza na narrow mobile, tworzac
   pustaka przed "/" i sprawiajac wrazenie oderwanego znaku. "gap" na
   flex-wrap: wrap nie dodaje wiodacego odstepu przed pierwszym elementem
   zawinietego wiersza, wiec separator zaczyna sie od razu przy lewej
   krawedzi razem z nastepujacym po nim elementem. */

.oai-site .oai-vehicle-market-value-loss-hero__breadcrumb {
	width: 100%;
	margin: 0 0 32px;
}

.oai-site .oai-vehicle-market-value-loss-hero__breadcrumb-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.oai-site .oai-vehicle-market-value-loss-hero__breadcrumb-item {
	display: flex;
	align-items: center;
	font-size: 14px;
	line-height: 1.4;
}

.oai-site .oai-vehicle-market-value-loss-hero__breadcrumb-item + .oai-vehicle-market-value-loss-hero__breadcrumb-item > .oai-vehicle-market-value-loss-hero__breadcrumb-link::before,
.oai-site .oai-vehicle-market-value-loss-hero__breadcrumb-item + .oai-vehicle-market-value-loss-hero__breadcrumb-item > .oai-vehicle-market-value-loss-hero__breadcrumb-static::before,
.oai-site .oai-vehicle-market-value-loss-hero__breadcrumb-item + .oai-vehicle-market-value-loss-hero__breadcrumb-item > .oai-vehicle-market-value-loss-hero__breadcrumb-current::before {
	content: "/\00A0";
	margin: 0;
	font-size: 14px;
	color: var(--oai-color-navy-muted);
}

.oai-site .oai-vehicle-market-value-loss-hero__breadcrumb-link {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	color: var(--oai-color-navy-muted);
	text-decoration: none;
	transition: color var(--oai-transition-fast), text-decoration-color var(--oai-transition-fast);
}

.oai-site .oai-vehicle-market-value-loss-hero__breadcrumb-link:hover {
	color: var(--oai-color-navy);
	text-decoration: underline;
	text-decoration-color: var(--oai-color-cyan);
}

html[data-oai-input="keyboard"] .oai-site .oai-vehicle-market-value-loss-hero__breadcrumb-link:focus-visible {
	outline: 2px solid var(--oai-color-cyan);
	outline-offset: 2px;
	border-radius: 4px;
}

.oai-site .oai-vehicle-market-value-loss-hero__breadcrumb-current {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	color: var(--oai-color-navy-muted);
}

/* Uklad: tresc + modul wizualny */

.oai-site .oai-vehicle-market-value-loss-hero__layout {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.oai-site .oai-vehicle-market-value-loss-hero__content {
	min-width: 0;
	max-width: 100%;
}

.oai-site .oai-vehicle-market-value-loss-hero__eyebrow {
	margin: 0 0 16px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--oai-color-cyan);
}

.oai-site .oai-vehicle-market-value-loss-hero__title {
	margin: 0 0 20px;
	max-width: 100%;
	font-size: 1.625rem;
	font-weight: 700;
	line-height: 1.22;
	color: var(--oai-color-navy);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-hero__lead {
	margin: 0;
	max-width: 560px;
	font-size: 1rem;
	line-height: 1.6;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-hero__actions {
	margin: 32px 0 0;
	width: 100%;
}

.oai-site .oai-vehicle-market-value-loss-hero__cta {
	width: 100%;
	justify-content: center;
	min-height: 48px;
}

.oai-site .oai-vehicle-market-value-loss-hero__microcopy {
	margin: 12px 0 0;
	max-width: 100%;
	font-size: 0.8125rem;
	line-height: 1.5;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

/* Modul wizualny: prawdziwe zdjecie, spokojny radius, cienka ramka tym
   samym tokenem co pozostale hero klastra, bez ciezkiego cienia, bez
   ramki udajacej karte, bez nakladek tekstowych, bez badge, bez gradientu. */

.oai-site .oai-vehicle-market-value-loss-hero__visual {
	min-width: 0;
	max-width: 100%;
}

.oai-site .oai-vehicle-market-value-loss-hero__figure {
	margin: 0;
	width: 100%;
	max-width: 100%;
}

.oai-site .oai-vehicle-market-value-loss-hero__image {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	aspect-ratio: 5 / 4;
	object-fit: cover;
	object-position: center;
	border-radius: var(--oai-radius-m);
	border: 1px solid var(--oai-color-border);
}

/* Tablet od 768px: wieksza typografia, modul wciaz pod trescia (ten sam
   prog kontrolny co pozostale strony klastra) */

@media (min-width: 768px) {
	.oai-site .oai-vehicle-market-value-loss-hero {
		padding: 72px 40px;
	}

	.oai-site .oai-vehicle-market-value-loss-hero__title {
		font-size: 1.875rem;
	}

	.oai-site .oai-vehicle-market-value-loss-hero__lead {
		font-size: 1.0625rem;
	}

	.oai-site .oai-vehicle-market-value-loss-hero__cta {
		width: auto;
		min-width: 260px;
	}

	.oai-site .oai-vehicle-market-value-loss-hero__actions {
		width: auto;
	}
}

/* Desktop od 1024px: dwie strefy hero, tresc i modul obok siebie, wlasny
   podzial 57%/43% (patrz komentarz na poczatku pliku) */

@media (min-width: 1024px) {
	.oai-site .oai-vehicle-market-value-loss-hero__layout {
		flex-direction: row;
		align-items: center;
		gap: 56px;
	}

	.oai-site .oai-vehicle-market-value-loss-hero__content {
		flex: 0 1 57%;
	}

	.oai-site .oai-vehicle-market-value-loss-hero__visual {
		flex: 1 1 43%;
		max-width: 540px;
	}

	.oai-site .oai-vehicle-market-value-loss-hero__title {
		font-size: 2.125rem;
	}
}

@media (max-width: 360px) {
	.oai-site .oai-vehicle-market-value-loss-hero {
		padding: 40px 16px;
	}
}

/* Sekcja 2: "Czym jest utrata wartosci handlowej pojazdu?". Jeden
   wspolny modul porownawczy, nie trzy karty i nie infografika. .__compare
   ma trzy dzieci w plaskim flexie: wartosc przed / .__compare-boundary /
   wartosc po - dokladnie ten sam mechanizm co sprawdzony wzorzec
   "dwa stany, jedna granica zdarzenia" (por. Sekcja 6 /zuzycie-
   techniczne/), ale bez oddzielnych elementow linii: granica jest
   realizowana wylacznie borderem samego kontenera .__compare-boundary
   (border-top/border-bottom w kolumnie na mobile, border-left/
   border-right w wierszu na desktopie), bez dekoracyjnych spanow, bez
   strzalek, bez znaku minus, bez procentow i bez numeracji. Kazda strefa
   wartosci zawiera wylacznie krotki label (bez H3, bez opisu) - modul ma
   dzialac przez sam layout, typografie i relacje przestrzenna miedzy
   trzema strefami.

   Od 900px (wlasny prog tej strony, nieznaczaco inny niz sasiednie
   trzyczesciowe uklady na innych stronach klastra - srodkowa strefa
   musi pomiescic dwa stackowane labele "ZDARZENIE" i "PRAWIDLOWA
   NAPRAWA", wiec potrzebuje wiecej przestrzeni niz waski, jednowyrazowy
   separator): .__compare przechodzi z kolumny w wiersz, proporcje
   39%/22%/39% (przyblizone, nie sztywna matematyka - mieszcza sie w
   przedziale 38-40% / 20-24% / 38-40% z briefu).

   .__closing to spokojne domkniecie sekcji: cienka linia oddzielajaca
   nad tekstem, kontrolowany max-width, nieco mocniejsza (granatowa, nie
   przygaszona) typografia - bez tla-boxu, bez ikony, bez alertu, celowo
   inny jezyk wizualny niz podbarwiony blok "CO Z TEGO WYNIKA?" znany z
   /zuzycie-techniczne/. */

.oai-site .oai-vehicle-market-value-loss-definition {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	padding: 56px 20px;
	background-color: var(--oai-color-white);
}

.oai-site .oai-vehicle-market-value-loss-definition__inner {
	width: 100%;
	max-width: var(--oai-container-width);
	min-width: 0;
	box-sizing: border-box;
	margin: 0 auto;
}

.oai-site .oai-vehicle-market-value-loss-definition__intro {
	min-width: 0;
	max-width: 680px;
	margin: 0 0 40px;
}

.oai-site .oai-vehicle-market-value-loss-definition__eyebrow {
	margin: 0 0 16px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--oai-color-cyan);
}

.oai-site .oai-vehicle-market-value-loss-definition__heading {
	margin: 0 0 16px;
	max-width: 100%;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--oai-color-navy);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-definition__lead {
	margin: 0 0 16px;
	max-width: 100%;
	font-size: 0.9375rem;
	line-height: 1.65;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-definition__body {
	margin: 0;
	max-width: 100%;
	font-size: 0.9375rem;
	line-height: 1.65;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-definition__compare {
	display: flex;
	flex-direction: column;
	min-width: 0;
	margin: 0 0 40px;
}

.oai-site .oai-vehicle-market-value-loss-definition__compare-value {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	box-sizing: border-box;
	padding: 24px 16px;
	text-align: center;
}

.oai-site .oai-vehicle-market-value-loss-definition__compare-label {
	margin: 0;
	max-width: 100%;
	font-size: 1.0625rem;
	font-weight: 700;
	line-height: 1.35;
	color: var(--oai-color-navy);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-definition__compare-boundary {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 0;
	box-sizing: border-box;
	padding: 16px;
	text-align: center;
	border-top: 1px solid var(--oai-color-border);
	border-bottom: 1px solid var(--oai-color-border);
}

.oai-site .oai-vehicle-market-value-loss-definition__compare-boundary-label {
	margin: 0;
	max-width: 100%;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--oai-color-cyan);
	overflow-wrap: normal;
	word-break: normal;
}

.oai-site .oai-vehicle-market-value-loss-definition__closing {
	max-width: 680px;
	min-width: 0;
	box-sizing: border-box;
	padding: 24px 0 0;
	border-top: 1px solid var(--oai-color-border);
}

.oai-site .oai-vehicle-market-value-loss-definition__closing-text {
	margin: 0;
	max-width: 100%;
	font-size: 1.0625rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--oai-color-navy);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

@media (min-width: 768px) {
	.oai-site .oai-vehicle-market-value-loss-definition {
		padding: 72px 40px;
	}

	.oai-site .oai-vehicle-market-value-loss-definition__heading {
		font-size: 1.75rem;
	}

	.oai-site .oai-vehicle-market-value-loss-definition__lead,
	.oai-site .oai-vehicle-market-value-loss-definition__body {
		font-size: 1rem;
	}

	.oai-site .oai-vehicle-market-value-loss-definition__closing-text {
		font-size: 1.125rem;
	}
}

@media (min-width: 900px) {
	.oai-site .oai-vehicle-market-value-loss-definition__compare {
		flex-direction: row;
		align-items: stretch;
	}

	.oai-site .oai-vehicle-market-value-loss-definition__compare-value--before {
		flex: 0 0 39%;
	}

	.oai-site .oai-vehicle-market-value-loss-definition__compare-value--after {
		flex: 0 0 39%;
	}

	.oai-site .oai-vehicle-market-value-loss-definition__compare-boundary {
		flex: 0 0 22%;
		padding: 16px 8px;
		border-top: none;
		border-bottom: none;
		border-left: 1px solid var(--oai-color-border);
		border-right: 1px solid var(--oai-color-border);
	}
}

@media (max-width: 360px) {
	.oai-site .oai-vehicle-market-value-loss-definition {
		padding: 40px 16px;
	}

	.oai-site .oai-vehicle-market-value-loss-definition__compare-value {
		padding: 20px 12px;
	}
}

/* Sekcja 3: "Sprawnosc techniczna i wartosc rynkowa to nie to samo". Jeden
   wspolny "profil rynku" - NIE proces, NIE timeline, NIE trzy karty. Trzy
   warstwy (HISTORIA POJAZDU / ZAKRES USZKODZEN / STAN PO NAPRAWIE) siedza
   w jednym plaskim flexie .__profile jako .__layer, kazda zawierajaca
   wylacznie label + H3 + jeden akapit, bez wlasnego tla, bez wlasnego
   border-radius, bez cienia. Granica miedzy warstwami to wylacznie border
   samego kontenera warstwy (border-top w kolumnie na mobile, border-left
   w wierszu na desktopie) - dokladnie ta sama technika "flip przez
   flex-direction" co granica Sekcji 2 tej strony, tutaj zastosowana do
   trzech, nie dwoch, elementow. Brak markerow, brak numeracji 01/02/03,
   brak strzalek - swiadomie inny jezyk niz modul porownawczy Sekcji 2.

   Od 860px (wlasny prog tej sekcji, inny niz 900px uzyte w granicy
   Sekcji 2 - trzy waskie kolumny z pojedynczym krotkim akapitem kazda
   potrzebuja mniej miejsca niz dwuwartosciowy modul z dwuliniowa strefa
   graniczna): .__profile przechodzi z kolumny w wiersz, asymetryczne
   proporcje warstw 29%/34%/37% (przyblizone, w przedziale z briefu
   28-30% / 34-35% / 35-38%), dopasowane do rzeczywistej dlugosci
   polskiego copy kazdej warstwy. */

.oai-site .oai-vehicle-market-value-loss-after-repair {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	padding: 56px 20px;
	background-color: var(--oai-color-white);
}

.oai-site .oai-vehicle-market-value-loss-after-repair__inner {
	width: 100%;
	max-width: var(--oai-container-width);
	min-width: 0;
	box-sizing: border-box;
	margin: 0 auto;
}

.oai-site .oai-vehicle-market-value-loss-after-repair__intro {
	min-width: 0;
	max-width: 680px;
	margin: 0 0 40px;
}

.oai-site .oai-vehicle-market-value-loss-after-repair__eyebrow {
	margin: 0 0 16px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--oai-color-cyan);
}

.oai-site .oai-vehicle-market-value-loss-after-repair__heading {
	margin: 0 0 16px;
	max-width: 100%;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--oai-color-navy);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-after-repair__lead {
	margin: 0;
	max-width: 100%;
	font-size: 0.9375rem;
	line-height: 1.65;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-after-repair__profile {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.oai-site .oai-vehicle-market-value-loss-after-repair__layer {
	min-width: 0;
	box-sizing: border-box;
	padding: 24px 0;
	border-top: 1px solid var(--oai-color-border);
}

.oai-site .oai-vehicle-market-value-loss-after-repair__layer:first-child {
	padding-top: 0;
	border-top: none;
}

.oai-site .oai-vehicle-market-value-loss-after-repair__layer-label {
	margin: 0 0 10px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--oai-color-cyan);
}

.oai-site .oai-vehicle-market-value-loss-after-repair__layer-heading {
	margin: 0 0 8px;
	max-width: 100%;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--oai-color-navy);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-after-repair__layer-text {
	margin: 0;
	max-width: 100%;
	font-size: 0.9375rem;
	line-height: 1.6;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

@media (min-width: 768px) {
	.oai-site .oai-vehicle-market-value-loss-after-repair {
		padding: 72px 40px;
	}

	.oai-site .oai-vehicle-market-value-loss-after-repair__heading {
		font-size: 1.75rem;
	}

	.oai-site .oai-vehicle-market-value-loss-after-repair__lead {
		font-size: 1rem;
	}
}

@media (min-width: 860px) {
	.oai-site .oai-vehicle-market-value-loss-after-repair__profile {
		flex-direction: row;
		align-items: stretch;
	}

	.oai-site .oai-vehicle-market-value-loss-after-repair__layer {
		padding: 0 28px;
		border-top: none;
		border-left: 1px solid var(--oai-color-border);
	}

	.oai-site .oai-vehicle-market-value-loss-after-repair__layer:first-child {
		padding-left: 0;
		border-left: none;
	}

	.oai-site .oai-vehicle-market-value-loss-after-repair__layer:last-child {
		padding-right: 0;
	}

	.oai-site .oai-vehicle-market-value-loss-after-repair__layer--history {
		flex: 0 0 29%;
	}

	.oai-site .oai-vehicle-market-value-loss-after-repair__layer--scope {
		flex: 0 0 34%;
	}

	.oai-site .oai-vehicle-market-value-loss-after-repair__layer--repair-state {
		flex: 0 0 37%;
	}
}

@media (max-width: 360px) {
	.oai-site .oai-vehicle-market-value-loss-after-repair {
		padding: 40px 16px;
	}
}

/* Sekcja 4: "Czy utrata wartosci handlowej moze byc osobnym elementem
   odszkodowania?". Mocny wizualny reset po jasnych Sekcjach 2 i 3 -
   pierwsza pelnoszerokosciowa granatowa sekcja tej strony. Swiadomie
   INNY jezyk niz trzykolumnowy "profil rynku" Sekcji 3: tutaj .__layout
   ma tylko DWIE strefy (.__intro / .__chain), a trzy zrodla prawa (KC,
   SN, KNF) tworza jeden PIONOWY .__chain po prawej stronie - nie trzy
   rownorzedne kolumny. .__chain ma wspolny, subtelny lewy border (cienka
   linia w tonie cyjanowym o niskiej kryjacej) dzialajacy jako wspolna
   "grzbietowa" os lancucha podstawy; poszczegolne .__pillar rozdziela
   wylacznie border-top, bez
   markerow, bez dat jako punktow timeline, bez numeracji 01/02/03, bez
   strzalek - .__chain jest zawsze pionowy, niezaleznie od szerokosci
   viewportu, w odroznieniu od modulow Sekcji 2 i 3, ktore zmieniaja
   orientacje przez flex-direction.

   Od 960px (wlasny prog tej sekcji, szerszy niz 900px Sekcji 2 i 860px
   Sekcji 3 - dwustrefowy uklad z szerokim tekstowym lancuchem po prawej
   potrzebuje wiecej miejsca niz waskie strefy porownawcze): .__layout
   przechodzi z kolumny w wiersz, .__intro ~33%, .__chain ~67% (przyblizone,
   nie sztywna matematyka).

   .__note (nota AC) to spokojne domkniecie pod calym layoutem: cienki
   separator, jeden akapit, przygaszony kolor, mniejsza hierarchia niz H3 -
   bez alertu, bez ikony, bez osobnej karty. */

.oai-site .oai-vehicle-market-value-loss-oc-basis {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	padding: 56px 20px;
	background-color: var(--oai-color-navy);
}

.oai-site .oai-vehicle-market-value-loss-oc-basis__inner {
	width: 100%;
	max-width: var(--oai-container-width);
	min-width: 0;
	box-sizing: border-box;
	margin: 0 auto;
}

.oai-site .oai-vehicle-market-value-loss-oc-basis__layout {
	display: flex;
	flex-direction: column;
	min-width: 0;
	margin: 0 0 40px;
}

.oai-site .oai-vehicle-market-value-loss-oc-basis__intro {
	min-width: 0;
	max-width: 100%;
	margin: 0 0 40px;
}

.oai-site .oai-vehicle-market-value-loss-oc-basis__eyebrow {
	margin: 0 0 16px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--oai-color-cyan);
}

.oai-site .oai-vehicle-market-value-loss-oc-basis__heading {
	margin: 0 0 16px;
	max-width: 100%;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--oai-color-white);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-oc-basis__lead {
	margin: 0;
	max-width: 100%;
	font-size: 0.9375rem;
	line-height: 1.65;
	color: rgba(255, 255, 255, 0.85);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-oc-basis__chain {
	display: flex;
	flex-direction: column;
	min-width: 0;
	box-sizing: border-box;
	padding-left: 20px;
	border-left: 1px solid rgba(33, 225, 253, 0.25);
}

.oai-site .oai-vehicle-market-value-loss-oc-basis__pillar {
	min-width: 0;
	box-sizing: border-box;
	padding: 20px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.oai-site .oai-vehicle-market-value-loss-oc-basis__pillar:first-child {
	padding-top: 0;
	border-top: none;
}

.oai-site .oai-vehicle-market-value-loss-oc-basis__pillar:last-child {
	padding-bottom: 0;
}

.oai-site .oai-vehicle-market-value-loss-oc-basis__pillar-label {
	margin: 0 0 10px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--oai-color-cyan);
}

.oai-site .oai-vehicle-market-value-loss-oc-basis__pillar-heading {
	margin: 0 0 8px;
	max-width: 100%;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--oai-color-white);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-oc-basis__pillar-text {
	margin: 0;
	max-width: 100%;
	font-size: 0.9375rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.8);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-oc-basis__note {
	min-width: 0;
	box-sizing: border-box;
	padding: 24px 0 0;
	border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.oai-site .oai-vehicle-market-value-loss-oc-basis__note-text {
	margin: 0;
	max-width: 100%;
	font-size: 0.8125rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.6);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

@media (min-width: 768px) {
	.oai-site .oai-vehicle-market-value-loss-oc-basis {
		padding: 72px 40px;
	}

	.oai-site .oai-vehicle-market-value-loss-oc-basis__heading {
		font-size: 1.75rem;
	}

	.oai-site .oai-vehicle-market-value-loss-oc-basis__lead {
		font-size: 1rem;
	}
}

@media (min-width: 960px) {
	.oai-site .oai-vehicle-market-value-loss-oc-basis__layout {
		flex-direction: row;
		gap: 56px;
	}

	.oai-site .oai-vehicle-market-value-loss-oc-basis__intro {
		flex: 0 0 33%;
		margin: 0;
	}

	.oai-site .oai-vehicle-market-value-loss-oc-basis__chain {
		flex: 1 1 67%;
	}
}

@media (max-width: 360px) {
	.oai-site .oai-vehicle-market-value-loss-oc-basis {
		padding: 40px 16px;
	}

	.oai-site .oai-vehicle-market-value-loss-oc-basis__chain {
		padding-left: 16px;
	}
}

/* Sekcja 5: "Od czego zalezy, czy ubytek wartosci rzeczywiscie
   wystapil?". Powrot do jasnego tla po granatowej Sekcji 4 - jeden
   wspolny "arkusz profilu pojazdu", nie piec kart, nie checklista, nie
   proces. Swiadomie inny jezyk niz poprzednie sekcje tej strony:
   Sekcja 2 to "przed/zdarzenie/po", Sekcja 3 to trzy poziome kolumny
   "profilu rynku", Sekcja 4 to granatowy dwustrefowy uklad z pionowym
   lancuchem - tutaj .__sheet to piec .__record w jednym plaskim
   flexie, kazdy z wlasnym trzystrefowym wnetrzem LABEL | H3 | OPIS.
   Mechanizm wewnetrznego rozkladu rekordu (stala szerokosc labela,
   potem podzial tresci na H3 + opis) jest tym samym, sprawdzonym
   trzypoziomowym modelem odpowiedzi co .oai-technical-wear-review
   (page-technical-wear.css, Sekcja 8 /zuzycie-techniczne/), ale
   zaimplementowany od nowa we wlasnym namespace, z wlasnymi progami.

   WAZNE - korekta po kontroli wizualnej: pierwsza wersja miala
   dodatkowa, zewnetrzna lewa strefe ".__identifier" ("PROFIL POJAZDU")
   obok ".__sheet", zajmujaca ok. 26% szerokosci kontenera. Uzytkownik
   odrzucil ten element (nie wnosil informacji, tworzyl duza pusta
   przestrzen, przesuwal piec rekordow zbyt mocno w prawo) - zostal
   calkowicie usuniety wraz z opakowujacym go ".__module" i pionowa
   linia. ".__sheet" jest teraz bezposrednim dzieckiem ".__inner" i
   zajmuje pelna szerokosc content containera.

   Progi (kazdy wlasny): 768px - rekord przechodzi z pelnego pionu do
   dwoch stref (staly label 150px | H3+opis w kolumnie). 980px (wlasny
   prog tej sekcji, inny niz 960px Sekcji 4 na tej samej stronie) -
   label przechodzi z px na wzgledne ~21%, a wnetrze rekordu
   (.__record-content) przechodzi w wiersz: H3 ~37% pozostalej
   szerokosci (co przy labelu 21% daje ok. 29% calosci), opis auto
   (ok. 50% calosci) - przyblizona geometria LABEL 21% | H3 29% |
   OPIS 50%, zgodnie z briefem (nie sztywna matematyka).

   .__closing to spokojne domkniecie: font-weight 400 (druga korekta -
   pierwsza wersja z font-weight 500 nadal wygladala zbyt mocno, prawie
   jak dodatkowy naglowek), font-size 1rem na desktopie (zwykly tekst
   sekcji, nie wyroznik), cienka linia oddzielajaca, bez tla-boxu, bez
   ikony - wyroznienie wynika wylacznie z pozycji, separatora i
   spacingu, nie z ciezaru czcionki. */

.oai-site .oai-vehicle-market-value-loss-individual-assessment {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	padding: 56px 20px;
	background-color: var(--oai-color-white);
}

.oai-site .oai-vehicle-market-value-loss-individual-assessment__inner {
	width: 100%;
	max-width: var(--oai-container-width);
	min-width: 0;
	box-sizing: border-box;
	margin: 0 auto;
}

.oai-site .oai-vehicle-market-value-loss-individual-assessment__intro {
	min-width: 0;
	max-width: 680px;
	margin: 0 0 40px;
}

.oai-site .oai-vehicle-market-value-loss-individual-assessment__eyebrow {
	margin: 0 0 16px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--oai-color-cyan);
}

.oai-site .oai-vehicle-market-value-loss-individual-assessment__heading {
	margin: 0 0 16px;
	max-width: 100%;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--oai-color-navy);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-individual-assessment__lead {
	margin: 0;
	max-width: 100%;
	font-size: 0.9375rem;
	line-height: 1.65;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-individual-assessment__sheet {
	min-width: 0;
	margin: 0 0 32px;
	border-top: 1px solid var(--oai-color-border);
}

.oai-site .oai-vehicle-market-value-loss-individual-assessment__record {
	display: flex;
	flex-direction: column;
	min-width: 0;
	box-sizing: border-box;
	padding: 20px 0;
	border-bottom: 1px solid var(--oai-color-border);
}

.oai-site .oai-vehicle-market-value-loss-individual-assessment__record-label {
	margin: 0 0 8px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--oai-color-cyan);
	overflow-wrap: normal;
	word-break: normal;
}

.oai-site .oai-vehicle-market-value-loss-individual-assessment__record-content {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.oai-site .oai-vehicle-market-value-loss-individual-assessment__record-heading {
	margin: 0 0 8px;
	max-width: 100%;
	font-size: 1.0625rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--oai-color-navy);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-individual-assessment__record-text {
	margin: 0;
	max-width: 100%;
	font-size: 0.9375rem;
	line-height: 1.6;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-individual-assessment__closing {
	max-width: 680px;
	min-width: 0;
	box-sizing: border-box;
	padding: 24px 0 0;
	border-top: 1px solid var(--oai-color-border);
}

.oai-site .oai-vehicle-market-value-loss-individual-assessment__closing-text {
	margin: 0;
	max-width: 100%;
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.6;
	color: var(--oai-color-navy);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

@media (min-width: 768px) {
	.oai-site .oai-vehicle-market-value-loss-individual-assessment {
		padding: 72px 40px;
	}

	.oai-site .oai-vehicle-market-value-loss-individual-assessment__heading {
		font-size: 1.75rem;
	}

	.oai-site .oai-vehicle-market-value-loss-individual-assessment__lead {
		font-size: 1rem;
	}

	.oai-site .oai-vehicle-market-value-loss-individual-assessment__closing-text {
		font-size: 1rem;
	}

	.oai-site .oai-vehicle-market-value-loss-individual-assessment__record {
		flex-direction: row;
		align-items: flex-start;
		gap: 20px;
		padding: 24px 0;
	}

	.oai-site .oai-vehicle-market-value-loss-individual-assessment__record-label {
		flex: 0 0 150px;
		width: 150px;
		min-width: 0;
		margin: 0;
		padding-top: 2px;
	}

	.oai-site .oai-vehicle-market-value-loss-individual-assessment__record-content {
		flex: 1 1 auto;
	}
}

@media (min-width: 980px) {
	.oai-site .oai-vehicle-market-value-loss-individual-assessment__record-label {
		flex: 0 0 21%;
		width: auto;
	}

	.oai-site .oai-vehicle-market-value-loss-individual-assessment__record-content {
		flex-direction: row;
		align-items: flex-start;
		gap: 24px;
	}

	.oai-site .oai-vehicle-market-value-loss-individual-assessment__record-heading {
		flex: 0 0 37%;
		min-width: 0;
		margin-bottom: 0;
	}

	.oai-site .oai-vehicle-market-value-loss-individual-assessment__record-text {
		flex: 1 1 auto;
		min-width: 0;
	}
}

@media (max-width: 360px) {
	.oai-site .oai-vehicle-market-value-loss-individual-assessment {
		padding: 40px 16px;
	}
}

/* Sekcja 6: "Koszt naprawy i utrata wartosci opisuja dwa rozne skutki
   szkody". Jeden wspolny "arkusz rozliczenia szkody" - NIE piec
   rekordow LABEL|H3|OPIS jak Sekcja 5, NIE granatowy uklad 32/68 jak
   Sekcja 4, NIE trzy rownorzedne kolumny jak Sekcja 3, NIE
   przed/zdarzenie/po jak Sekcja 2. .__sheet to pojedyncza powierzchnia
   z subtelnym wspolnym obramowaniem (border + duzy border-radius,
   bez tla-boxu na warstwe, bez cienia), zawierajaca dokladnie dwie
   .__layer oddzielone jednym separatorem (border-top drugiej warstwy).
   Wewnatrz kazdej warstwy DOM pozostaje label -> H3 -> opis (.__layer-left
   grupuje label+H3, .__layer-text to opis) - na desktopie .__layer
   przechodzi w wiersz, .__layer-left po lewej, .__layer-text po prawej.
   Proporcje obu warstw sa swiadomie rozne (38% / 34%), aby calosc nie
   wygladala jak dwa identyczne rekordy Sekcji 5.

   Od 840px (wlasny prog tej sekcji, jeszcze nie uzyty na tej stronie -
   Sekcje 2-5 uzywaly juz 900/860/960/980): .__layer przechodzi w
   wiersz.

   .__disclaimer (rozgraniczenie szkody calkowitej) siedzi POD
   .__sheet, oddzielony cienkim gornym separatorem, z wyraznie nizsza
   hierarchia niz dwie glowne warstwy (mniejszy font-size, przygaszony
   kolor) - jeden spokojny akapit z pojedynczym linkiem kontekstowym do
   /szkoda-calkowita/, bez alertu, bez ikony, bez karty. */

.oai-site .oai-vehicle-market-value-loss-repair-vs-value {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	padding: 56px 20px;
	background-color: var(--oai-color-white);
}

.oai-site .oai-vehicle-market-value-loss-repair-vs-value__inner {
	width: 100%;
	max-width: var(--oai-container-width);
	min-width: 0;
	box-sizing: border-box;
	margin: 0 auto;
}

.oai-site .oai-vehicle-market-value-loss-repair-vs-value__intro {
	min-width: 0;
	max-width: 680px;
	margin: 0 0 40px;
}

.oai-site .oai-vehicle-market-value-loss-repair-vs-value__eyebrow {
	margin: 0 0 16px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--oai-color-cyan);
}

.oai-site .oai-vehicle-market-value-loss-repair-vs-value__heading {
	margin: 0 0 16px;
	max-width: 100%;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--oai-color-navy);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-repair-vs-value__lead {
	margin: 0;
	max-width: 100%;
	font-size: 0.9375rem;
	line-height: 1.65;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-repair-vs-value__sheet {
	min-width: 0;
	box-sizing: border-box;
	margin: 0 0 24px;
	border: 1px solid var(--oai-color-border);
	border-radius: var(--oai-radius-l);
}

.oai-site .oai-vehicle-market-value-loss-repair-vs-value__layer {
	display: flex;
	flex-direction: column;
	min-width: 0;
	box-sizing: border-box;
	padding: 24px;
}

.oai-site .oai-vehicle-market-value-loss-repair-vs-value__layer--value {
	border-top: 1px solid var(--oai-color-border);
}

.oai-site .oai-vehicle-market-value-loss-repair-vs-value__layer-left {
	min-width: 0;
	margin: 0 0 12px;
}

.oai-site .oai-vehicle-market-value-loss-repair-vs-value__layer-label {
	margin: 0 0 8px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--oai-color-cyan);
	overflow-wrap: normal;
	word-break: normal;
}

.oai-site .oai-vehicle-market-value-loss-repair-vs-value__layer-heading {
	margin: 0;
	max-width: 100%;
	font-size: 1.0625rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--oai-color-navy);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-repair-vs-value__layer-text {
	margin: 0;
	max-width: 100%;
	font-size: 0.9375rem;
	line-height: 1.6;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-repair-vs-value__disclaimer {
	max-width: 680px;
	min-width: 0;
	box-sizing: border-box;
	padding: 20px 0 0;
	border-top: 1px solid var(--oai-color-border);
}

.oai-site .oai-vehicle-market-value-loss-repair-vs-value__disclaimer-text {
	margin: 0;
	max-width: 100%;
	font-size: 0.8125rem;
	line-height: 1.6;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
}

.oai-site .oai-vehicle-market-value-loss-repair-vs-value__disclaimer-link-wrap {
	display: block;
}

.oai-site .oai-vehicle-market-value-loss-repair-vs-value__disclaimer-link {
	display: inline;
	max-width: 100%;
	font-size: 0.8125rem;
	line-height: 1.6;
	font-family: inherit;
	color: var(--oai-color-navy);
	font-weight: 600;
	text-decoration: underline;
	text-decoration-color: var(--oai-color-cyan);
	text-decoration-thickness: 2px;
	text-underline-offset: 2px;
	transition: color var(--oai-transition-fast);
}

.oai-site .oai-vehicle-market-value-loss-repair-vs-value__disclaimer-link:hover {
	color: var(--oai-color-cyan);
}

html[data-oai-input="keyboard"] .oai-site .oai-vehicle-market-value-loss-repair-vs-value__disclaimer-link:focus-visible {
	outline: 2px solid var(--oai-color-cyan);
	outline-offset: 2px;
	border-radius: 2px;
}

@media (min-width: 768px) {
	.oai-site .oai-vehicle-market-value-loss-repair-vs-value {
		padding: 72px 40px;
	}

	.oai-site .oai-vehicle-market-value-loss-repair-vs-value__heading {
		font-size: 1.75rem;
	}

	.oai-site .oai-vehicle-market-value-loss-repair-vs-value__lead {
		font-size: 1rem;
	}

	.oai-site .oai-vehicle-market-value-loss-repair-vs-value__layer {
		padding: 32px;
	}

	.oai-site .oai-vehicle-market-value-loss-repair-vs-value__disclaimer-link-wrap {
		display: inline;
	}
}

@media (min-width: 840px) {
	.oai-site .oai-vehicle-market-value-loss-repair-vs-value__layer {
		flex-direction: row;
		align-items: flex-start;
		gap: 32px;
	}

	.oai-site .oai-vehicle-market-value-loss-repair-vs-value__layer-left {
		min-width: 0;
		margin: 0;
	}

	.oai-site .oai-vehicle-market-value-loss-repair-vs-value__layer-text {
		flex: 1 1 auto;
		min-width: 0;
	}

	.oai-site .oai-vehicle-market-value-loss-repair-vs-value__layer--repair .oai-vehicle-market-value-loss-repair-vs-value__layer-left {
		flex: 0 0 38%;
	}

	.oai-site .oai-vehicle-market-value-loss-repair-vs-value__layer--value .oai-vehicle-market-value-loss-repair-vs-value__layer-left {
		flex: 0 0 34%;
	}
}

@media (max-width: 360px) {
	.oai-site .oai-vehicle-market-value-loss-repair-vs-value {
		padding: 40px 16px;
	}

	.oai-site .oai-vehicle-market-value-loss-repair-vs-value__layer {
		padding: 20px 16px;
	}
}

/* Sekcja 7: "Co sprawdzic, gdy ubezpieczyciel nie uwzglednil utraty
   wartosci?". Model "czytanie decyzji od marginesu do wniosku" - NIE
   piec rekordow LABEL|H3|OPIS w szerokim arkuszu jak Sekcja 5, NIE
   wspolna obramowana powierzchnia z border-radius jak Sekcja 6.
   Zamiast tego kazdy z czterech .__record ma tylko DWIE strefy:
   .__record-margin (label) i .__record-content (H3 + opis razem, jeden
   wspolny blok). Marginesem jest pojedyncza, ciagla cienka cyjanowa
   pionowa linia (border-left) na calym .__list - NIE osobna, pusta
   kolumna identyfikacyjna jak odrzucony "PROFIL POJAZDU" z pierwotnej
   wersji Sekcji 5. Kazdy .__record ma padding-left odsuwajacy label od
   linii - to jest jedyny "detal marginesu", bez kropek, kolek, numerow
   ani efektu timeline. Rekordy oddziela wylacznie subtelny border-top
   (kolejny rekord), bez zadnej ramki wokol calego modulu.

   Od 920px (wlasny prog tej sekcji - Sekcje 2-6 uzywaly juz
   900/860/960/980/840): .__record przechodzi w wiersz, margines/label
   ok. 26%, tresc ok. 74%. Ponizej tego progu (mobile + tablet portrait)
   rekord jest naturalnie pionowy w kolejnosci DOM: label -> H3 -> opis,
   bez CSS `order`.

   .__disclaimer (rozgraniczenie intencji do /odmowa-wyplaty-odszkodowania/)
   siedzi POD .__list, oddzielony cienkim gornym separatorem, z nizsza
   hierarchia niz rekordy - jeden spokojny akapit z pojedynczym linkiem
   kontekstowym. Link jest zwyklym elementem inline (bez wrappera
   .__disclaimer-link-wrap ze wzorca Sekcji 6) - ryzyko sieroty "jak" na
   poczatku anchora zostalo rozwiazane na poziomie U+00A0
   ("jak sprawdzic"), wiec anchor nie wymaga wymuszania
   display:block na mobile i nie powstaje pochodny problem osieroconej
   koncowej kropki, ktory ten wzorzec rozwiazuje. */

.oai-site .oai-vehicle-market-value-loss-decision-review {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	padding: 56px 20px;
	background-color: var(--oai-color-white);
}

.oai-site .oai-vehicle-market-value-loss-decision-review__inner {
	width: 100%;
	max-width: var(--oai-container-width);
	min-width: 0;
	box-sizing: border-box;
	margin: 0 auto;
}

.oai-site .oai-vehicle-market-value-loss-decision-review__intro {
	min-width: 0;
	max-width: 680px;
	margin: 0 0 40px;
}

.oai-site .oai-vehicle-market-value-loss-decision-review__eyebrow {
	margin: 0 0 16px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--oai-color-cyan);
}

.oai-site .oai-vehicle-market-value-loss-decision-review__heading {
	margin: 0 0 16px;
	max-width: 100%;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--oai-color-navy);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-decision-review__lead {
	margin: 0;
	max-width: 100%;
	font-size: 0.9375rem;
	line-height: 1.65;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-decision-review__list {
	min-width: 0;
	box-sizing: border-box;
	margin: 0 0 24px;
	border-left: 2px solid var(--oai-color-cyan);
}

.oai-site .oai-vehicle-market-value-loss-decision-review__record {
	display: flex;
	flex-direction: column;
	min-width: 0;
	box-sizing: border-box;
	padding: 24px 0 24px 20px;
}

.oai-site .oai-vehicle-market-value-loss-decision-review__record + .oai-vehicle-market-value-loss-decision-review__record {
	border-top: 1px solid var(--oai-color-border);
}

.oai-site .oai-vehicle-market-value-loss-decision-review__record-margin {
	min-width: 0;
	margin: 0 0 10px;
}

.oai-site .oai-vehicle-market-value-loss-decision-review__record-label {
	margin: 0;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--oai-color-cyan);
	overflow-wrap: normal;
	word-break: normal;
}

.oai-site .oai-vehicle-market-value-loss-decision-review__record-content {
	min-width: 0;
}

.oai-site .oai-vehicle-market-value-loss-decision-review__record-heading {
	margin: 0 0 8px;
	max-width: 100%;
	font-size: 1.0625rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--oai-color-navy);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-decision-review__record-text {
	margin: 0;
	max-width: 100%;
	font-size: 0.9375rem;
	line-height: 1.6;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-decision-review__disclaimer {
	max-width: 680px;
	min-width: 0;
	box-sizing: border-box;
	padding: 20px 0 0;
	border-top: 1px solid var(--oai-color-border);
}

.oai-site .oai-vehicle-market-value-loss-decision-review__disclaimer-text {
	margin: 0;
	max-width: 100%;
	font-size: 0.8125rem;
	line-height: 1.6;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
}

.oai-site .oai-vehicle-market-value-loss-decision-review__disclaimer-link {
	display: inline;
	max-width: 100%;
	font-size: 0.8125rem;
	line-height: 1.6;
	font-family: inherit;
	color: var(--oai-color-navy);
	font-weight: 600;
	text-decoration: underline;
	text-decoration-color: var(--oai-color-cyan);
	text-decoration-thickness: 2px;
	text-underline-offset: 2px;
	transition: color var(--oai-transition-fast);
}

.oai-site .oai-vehicle-market-value-loss-decision-review__disclaimer-link:hover {
	color: var(--oai-color-cyan);
}

html[data-oai-input="keyboard"] .oai-site .oai-vehicle-market-value-loss-decision-review__disclaimer-link:focus-visible {
	outline: 2px solid var(--oai-color-cyan);
	outline-offset: 2px;
	border-radius: 2px;
}

@media (min-width: 768px) {
	.oai-site .oai-vehicle-market-value-loss-decision-review {
		padding: 72px 40px;
	}

	.oai-site .oai-vehicle-market-value-loss-decision-review__heading {
		font-size: 1.75rem;
	}

	.oai-site .oai-vehicle-market-value-loss-decision-review__lead {
		font-size: 1rem;
	}
}

@media (min-width: 920px) {
	.oai-site .oai-vehicle-market-value-loss-decision-review__record {
		flex-direction: row;
		align-items: flex-start;
		gap: 28px;
		padding: 28px 0 28px 28px;
	}

	.oai-site .oai-vehicle-market-value-loss-decision-review__record-margin {
		flex: 0 0 26%;
		width: auto;
		margin: 0;
	}

	.oai-site .oai-vehicle-market-value-loss-decision-review__record-content {
		flex: 1 1 auto;
	}
}

@media (max-width: 360px) {
	.oai-site .oai-vehicle-market-value-loss-decision-review {
		padding: 40px 16px;
	}

	.oai-site .oai-vehicle-market-value-loss-decision-review__record {
		padding: 20px 0 20px 16px;
	}
}

/* Sekcja 8: "Co przygotowac do sprawdzenia utraty wartosci pojazdu?".
   Model "akta pojazdu" - metafora WYLACZNIE wizualna, bez publicznego
   labela. NIE cztery karty (brak czterech tel/border-radius/shadow) i
   NIE powtorka Sekcji 6 (jeden wspolny bordered sheet z dwiema
   warstwami jedna pod druga) ani Sekcji 7 (pionowy margines decyzji,
   rekordy LABEL|H3+OPIS). Zamiast tego: .__surface to JEDNA wspolna
   delikatna powierzchnia (tlo = var(--oai-color-border), bez
   dodatkowego twardego obramowania, bez shadow) zawierajaca .__pages -
   dwie "strony" (.__page--left, .__page--right) obok siebie na
   desktopie, oddzielone jedna subtelna pionowa linia (border-left na
   prawej stronie). Kazda strona ma dwie .__layer jedna pod druga,
   oddzielone subtelnym border-top. DOM pozostaje w naturalnej
   kolejnosci 1,2,3,4 (lewa strona = warstwy 1-2, prawa strona =
   warstwy 3-4), wiec ten sam markup dziala bez zmian jako naturalny
   pionowy stack na mobile - bez CSS `order`.

   Listy materialow to prawdziwe <ul><li> - bez ikon, checkboxow ani
   numeracji. Subtelny marker to maly neutralny znak CSS (interpunkt
   "." w ::before), NIE em/en dash. Lista pozostaje czytelna bez CSS
   (natywny <ul> ma wlasny fallback list-style).

   .__closing ("Brak jednego dokumentu...") siedzi POD .__pages, ale
   nadal W OBREBIE .__surface, oddzielone gornym separatorem, na pelnej
   szerokosci (nie przypisane zadnej stronie). font-weight: 400 -
   hierarchia wynika z pozycji i separatora, nie z pogrubienia.

   .__disclaimer (link do /kosztorys-ubezpieczyciela/) siedzi POZA
   .__surface, jako osobne, nizsze w hierarchii rozgraniczenie - ten
   sam wzorzec co disclaimer Sekcji 6 i 7 (bez wrappera span, bo ryzyko
   sieroty "jak" rozwiazano na poziomie U+00A0 w samym anchorze, wiec
   anchor nie wymaga display:block i nie powstaje pochodny problem
   kropki).

   Od 880px (wlasny prog tej sekcji - Sekcje 2-7 uzywaly juz
   900/860/960/980/840/920): .__pages przechodzi w wiersz, dwie strony
   po 50%, .__page--right dostaje border-left jako pionowa linia
   miedzy "stronami". Ponizej tego progu (tablet portrait + mobile)
   obie strony i wszystkie cztery warstwy uklada sie naturalnie pionowo
   jedna pod druga. */

.oai-site .oai-vehicle-market-value-loss-documents {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	padding: 56px 20px;
	background-color: var(--oai-color-white);
}

.oai-site .oai-vehicle-market-value-loss-documents__inner {
	width: 100%;
	max-width: var(--oai-container-width);
	min-width: 0;
	box-sizing: border-box;
	margin: 0 auto;
}

.oai-site .oai-vehicle-market-value-loss-documents__intro {
	min-width: 0;
	max-width: 680px;
	margin: 0 0 40px;
}

.oai-site .oai-vehicle-market-value-loss-documents__eyebrow {
	margin: 0 0 16px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--oai-color-cyan);
}

.oai-site .oai-vehicle-market-value-loss-documents__heading {
	margin: 0 0 16px;
	max-width: 100%;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--oai-color-navy);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-documents__lead {
	margin: 0;
	max-width: 100%;
	font-size: 0.9375rem;
	line-height: 1.65;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-documents__surface {
	min-width: 0;
	box-sizing: border-box;
	margin: 0 0 24px;
	padding: 24px 20px;
	background-color: var(--oai-color-border);
	border-radius: var(--oai-radius-l);
}

.oai-site .oai-vehicle-market-value-loss-documents__pages {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.oai-site .oai-vehicle-market-value-loss-documents__page {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.oai-site .oai-vehicle-market-value-loss-documents__page + .oai-vehicle-market-value-loss-documents__page {
	margin-top: 4px;
}

.oai-site .oai-vehicle-market-value-loss-documents__layer {
	min-width: 0;
	padding: 20px 0;
}

.oai-site .oai-vehicle-market-value-loss-documents__layer:first-child {
	padding-top: 4px;
}

.oai-site .oai-vehicle-market-value-loss-documents__layer + .oai-vehicle-market-value-loss-documents__layer {
	border-top: 1px solid var(--oai-color-border);
}

.oai-site .oai-vehicle-market-value-loss-documents__layer-label {
	margin: 0 0 8px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--oai-color-cyan);
	overflow-wrap: normal;
	word-break: normal;
}

.oai-site .oai-vehicle-market-value-loss-documents__layer-heading {
	margin: 0 0 12px;
	max-width: 100%;
	font-size: 1.0625rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--oai-color-navy);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-documents__layer-intro {
	margin: -4px 0 10px;
	max-width: 100%;
	font-size: 0.8125rem;
	line-height: 1.5;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
}

.oai-site .oai-vehicle-market-value-loss-documents__layer-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.oai-site .oai-vehicle-market-value-loss-documents__layer-list-item {
	position: relative;
	margin: 0 0 8px;
	padding-left: 16px;
	max-width: 100%;
	font-size: 0.9375rem;
	line-height: 1.55;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
}

.oai-site .oai-vehicle-market-value-loss-documents__layer-list-item:last-child {
	margin-bottom: 0;
}

.oai-site .oai-vehicle-market-value-loss-documents__layer-list-item::before {
	content: "\00B7";
	position: absolute;
	left: 0;
	top: 0;
	font-weight: 700;
	color: var(--oai-color-cyan);
}

.oai-site .oai-vehicle-market-value-loss-documents__closing {
	min-width: 0;
	box-sizing: border-box;
	margin-top: 4px;
	padding-top: 20px;
	border-top: 1px solid var(--oai-color-border);
}

.oai-site .oai-vehicle-market-value-loss-documents__closing-text {
	margin: 0;
	max-width: 100%;
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.65;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
}

.oai-site .oai-vehicle-market-value-loss-documents__disclaimer {
	max-width: 680px;
	min-width: 0;
	box-sizing: border-box;
	padding: 20px 0 0;
	border-top: 1px solid var(--oai-color-border);
}

.oai-site .oai-vehicle-market-value-loss-documents__disclaimer-text {
	margin: 0;
	max-width: 100%;
	font-size: 0.8125rem;
	line-height: 1.6;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
}

.oai-site .oai-vehicle-market-value-loss-documents__disclaimer-link {
	display: inline;
	max-width: 100%;
	font-size: 0.8125rem;
	line-height: 1.6;
	font-family: inherit;
	color: var(--oai-color-navy);
	font-weight: 600;
	text-decoration: underline;
	text-decoration-color: var(--oai-color-cyan);
	text-decoration-thickness: 2px;
	text-underline-offset: 2px;
	transition: color var(--oai-transition-fast);
}

.oai-site .oai-vehicle-market-value-loss-documents__disclaimer-link:hover {
	color: var(--oai-color-cyan);
}

html[data-oai-input="keyboard"] .oai-site .oai-vehicle-market-value-loss-documents__disclaimer-link:focus-visible {
	outline: 2px solid var(--oai-color-cyan);
	outline-offset: 2px;
	border-radius: 2px;
}

@media (min-width: 768px) {
	.oai-site .oai-vehicle-market-value-loss-documents {
		padding: 72px 40px;
	}

	.oai-site .oai-vehicle-market-value-loss-documents__heading {
		font-size: 1.75rem;
	}

	.oai-site .oai-vehicle-market-value-loss-documents__lead {
		font-size: 1rem;
	}

	.oai-site .oai-vehicle-market-value-loss-documents__surface {
		padding: 32px;
	}

	.oai-site .oai-vehicle-market-value-loss-documents__closing-text {
		font-size: 1rem;
	}
}

@media (min-width: 880px) {
	.oai-site .oai-vehicle-market-value-loss-documents__pages {
		flex-direction: row;
		align-items: stretch;
	}

	.oai-site .oai-vehicle-market-value-loss-documents__page {
		flex: 1 1 50%;
		min-width: 0;
	}

	.oai-site .oai-vehicle-market-value-loss-documents__page + .oai-vehicle-market-value-loss-documents__page {
		margin-top: 0;
	}

	.oai-site .oai-vehicle-market-value-loss-documents__page--left {
		padding-right: 32px;
	}

	.oai-site .oai-vehicle-market-value-loss-documents__page--right {
		padding-left: 32px;
		border-left: 1px solid var(--oai-color-border);
	}
}

@media (max-width: 360px) {
	.oai-site .oai-vehicle-market-value-loss-documents {
		padding: 40px 16px;
	}

	.oai-site .oai-vehicle-market-value-loss-documents__surface {
		padding: 20px 16px;
	}
}

/* Sekcja 9: "Nie wiesz, czy utrata wartosci zostala prawidlowo
   oceniona?". Pierwsze wyrazne przejscie do dzialania po czesci
   edukacyjnej - NIE kolejny wieloelementowy arkusz jak Sekcje 5-8
   (brak rekordow LABEL|H3|OPIS, brak dwuwarstwowego bordered sheet,
   brak marginesu decyzji, brak "akt pojazdu"). Uzytkownik ma od razu
   zobaczyc dwie ODREBNE sytuacje, nie proces krok-po-kroku: .__primary
   (Analiza Decyzji, produkt 2365) to dominujaca, jasno wydzielona
   sciezka glowna - delikatne tlo/tint marki (to samo
   var(--oai-color-border) co "akta" Sekcji 8, ale tutaj nosnik
   pojedynczego modulu, nie dwoch stron), kontrolowany radius,
   pojedynczy granatowy CTA (.oai-cta.oai-cta--primary, reuzyty z Hero)
   i microcopy pod nim. .__secondary (Gotowe Odwolanie, produkt 2366)
   to swiadomie NISZA hierarchia - zaden background, zaden radius, zaden
   shadow, zaden button - tylko spokojny tekst z inline linkiem. Granica
   miedzy .__primary a .__secondary to WYLACZNIE krawedz wypelnionego
   modulu primary (przerwa/gap), bez dodatkowej linii separatora - inny
   srodek wizualny niz pionowa linia "akt" Sekcji 8, zeby uniknac
   powtorzenia tego samego zabiegu.

   Od 1000px (wlasny prog tej sekcji, najszerszy na tej stronie -
   Sekcje 2-8 uzywaly juz 900/860/960/980/840/920/880): .__layout
   przechodzi w wiersz, primary ok. 72%, secondary ok. 28% - asymetria
   wymaga realnie szerokiego viewportu, aby waska kolumna secondary
   (krotki label + jedno zdanie z linkiem) nadal czytala sie swobodnie;
   ponizej tego progu (tablet landscape/portrait + mobile) oba moduly
   ukladaja sie naturalnie jeden pod drugim w kolejnosci DOM (primary,
   potem secondary), bez CSS `order`. CTA na mobile ma pelna szerokosc,
   od 768px wraca do width:auto z min-width - dokladnie ten sam wzorzec
   co CTA Hero tej strony. */

.oai-site .oai-vehicle-market-value-loss-next-step {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	padding: 56px 20px;
	background-color: var(--oai-color-white);
}

.oai-site .oai-vehicle-market-value-loss-next-step__inner {
	width: 100%;
	max-width: var(--oai-container-width);
	min-width: 0;
	box-sizing: border-box;
	margin: 0 auto;
}

.oai-site .oai-vehicle-market-value-loss-next-step__intro {
	min-width: 0;
	max-width: 680px;
	margin: 0 0 32px;
}

.oai-site .oai-vehicle-market-value-loss-next-step__eyebrow {
	margin: 0 0 16px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--oai-color-cyan);
}

.oai-site .oai-vehicle-market-value-loss-next-step__heading {
	margin: 0 0 16px;
	max-width: 100%;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--oai-color-navy);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-next-step__lead {
	margin: 0;
	max-width: 100%;
	font-size: 0.9375rem;
	line-height: 1.65;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-next-step__layout {
	display: flex;
	flex-direction: column;
	min-width: 0;
	gap: 32px;
}

.oai-site .oai-vehicle-market-value-loss-next-step__primary {
	min-width: 0;
	box-sizing: border-box;
	padding: 28px 20px;
	background-color: var(--oai-color-border);
	border-radius: var(--oai-radius-l);
}

.oai-site .oai-vehicle-market-value-loss-next-step__primary-label {
	margin: 0 0 12px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--oai-color-cyan);
	overflow-wrap: normal;
	word-break: normal;
}

.oai-site .oai-vehicle-market-value-loss-next-step__primary-heading {
	margin: 0 0 12px;
	max-width: 100%;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--oai-color-navy);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-next-step__primary-text {
	margin: 0 0 20px;
	max-width: 100%;
	font-size: 0.9375rem;
	line-height: 1.6;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-next-step__primary-cta {
	width: 100%;
	justify-content: center;
	min-height: 48px;
}

.oai-site .oai-vehicle-market-value-loss-next-step__primary-microcopy {
	margin: 12px 0 0;
	max-width: 100%;
	font-size: 0.8125rem;
	line-height: 1.5;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
}

.oai-site .oai-vehicle-market-value-loss-next-step__secondary {
	min-width: 0;
	box-sizing: border-box;
}

.oai-site .oai-vehicle-market-value-loss-next-step__secondary-label {
	margin: 0 0 10px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--oai-color-cyan);
	overflow-wrap: normal;
	word-break: normal;
}

.oai-site .oai-vehicle-market-value-loss-next-step__secondary-text {
	margin: 0;
	max-width: 100%;
	font-size: 0.9375rem;
	line-height: 1.6;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
}

.oai-site .oai-vehicle-market-value-loss-next-step__secondary-link {
	display: inline;
	max-width: 100%;
	font-size: 0.9375rem;
	line-height: 1.6;
	font-family: inherit;
	color: var(--oai-color-navy);
	font-weight: 600;
	text-decoration: underline;
	text-decoration-color: var(--oai-color-cyan);
	text-decoration-thickness: 2px;
	text-underline-offset: 2px;
	transition: color var(--oai-transition-fast);
}

.oai-site .oai-vehicle-market-value-loss-next-step__secondary-link:hover {
	color: var(--oai-color-cyan);
}

html[data-oai-input="keyboard"] .oai-site .oai-vehicle-market-value-loss-next-step__secondary-link:focus-visible {
	outline: 2px solid var(--oai-color-cyan);
	outline-offset: 2px;
	border-radius: 2px;
}

@media (min-width: 768px) {
	.oai-site .oai-vehicle-market-value-loss-next-step {
		padding: 72px 40px;
	}

	.oai-site .oai-vehicle-market-value-loss-next-step__heading {
		font-size: 1.75rem;
	}

	.oai-site .oai-vehicle-market-value-loss-next-step__lead {
		font-size: 1rem;
	}

	.oai-site .oai-vehicle-market-value-loss-next-step__primary {
		padding: 36px 40px;
	}

	.oai-site .oai-vehicle-market-value-loss-next-step__primary-heading {
		font-size: 1.3125rem;
	}

	.oai-site .oai-vehicle-market-value-loss-next-step__primary-text {
		font-size: 1rem;
	}

	.oai-site .oai-vehicle-market-value-loss-next-step__primary-cta {
		width: auto;
		min-width: 260px;
	}

	.oai-site .oai-vehicle-market-value-loss-next-step__secondary-text {
		font-size: 1rem;
	}

	.oai-site .oai-vehicle-market-value-loss-next-step__secondary-link {
		font-size: 1rem;
	}
}

@media (min-width: 1000px) {
	.oai-site .oai-vehicle-market-value-loss-next-step__layout {
		flex-direction: row;
		align-items: flex-start;
		gap: 40px;
	}

	.oai-site .oai-vehicle-market-value-loss-next-step__primary {
		flex: 0 0 72%;
		min-width: 0;
	}

	.oai-site .oai-vehicle-market-value-loss-next-step__secondary {
		flex: 1 1 auto;
		min-width: 0;
		padding-top: 4px;
	}
}

@media (max-width: 360px) {
	.oai-site .oai-vehicle-market-value-loss-next-step {
		padding: 40px 16px;
	}

	.oai-site .oai-vehicle-market-value-loss-next-step__primary {
		padding: 24px 16px;
	}
}

/* Sekcja 10: FAQ. Odwzorowanie 1:1 zaakceptowanego, wielokrotnie
   reuzywanego mechanizmu FAQ V2 (canonical reference odczytany z
   .oai-technical-wear-faq, page-technical-wear.css, /zuzycie-techniczne/).
   Zmieniono WYLACZNIE namespace na .oai-vehicle-market-value-loss-faq -
   zrodlowy komponent pozostal nietkniety. Wszystkie wlasciwosci
   (typografia, odstepy, breakpointy 600/480/360px, mechanizm
   plus/minus, stan [open], focus-visible) sa identyczne ze zrodlem,
   celowo BEZ adaptacji do rem-based systemu i wlasnych breakpointow
   (768/920/880/1000 itd.) pozostalych sekcji tej strony - spojnosc
   z innymi FAQ V2 witryny ma tu pierwszenstwo nad lokalna konwencja
   strony, zgodnie z wyraznym wymogiem zadania.

   Natywne details/summary, plus/minus wylacznie CSS (dwa pseudo-elementy
   na summary tworzace pozioma i pionowa kreske = "+"; pionowa kreska
   znika przy [open], zostawiajac wylacznie pozioma = "-"), brak name
   (kilka odpowiedzi moze byc otwartych jednoczesnie), brak
   JavaScriptu, brak CTA, brak linkow - sekcja konczy sie lista pytan. */

.oai-site .oai-vehicle-market-value-loss-faq {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	padding: 64px 32px;
	background: var(--oai-color-white);
}

.oai-site .oai-vehicle-market-value-loss-faq__inner {
	width: 100%;
	max-width: var(--oai-container-width);
	min-width: 0;
	box-sizing: border-box;
	margin: 0 auto;
}

.oai-site .oai-vehicle-market-value-loss-faq__intro {
	min-width: 0;
	max-width: 100%;
}

.oai-site .oai-vehicle-market-value-loss-faq__eyebrow {
	margin: 0 0 16px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--oai-color-cyan);
}

.oai-site .oai-vehicle-market-value-loss-faq__title {
	margin: 0 0 20px;
	max-width: 100%;
	font-size: 1.875rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--oai-color-navy);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-faq__lead {
	margin: 0;
	max-width: 640px;
	font-size: 1.0625rem;
	line-height: 1.6;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-faq__list {
	margin: 32px 0 0;
	max-width: 960px;
	min-width: 0;
	border-top: 1px solid var(--oai-color-border);
}

.oai-site .oai-vehicle-market-value-loss-faq__item {
	border-bottom: 1px solid var(--oai-color-border);
	transition: background-color var(--oai-transition-fast), border-color var(--oai-transition-fast);
}

.oai-site .oai-vehicle-market-value-loss-faq__item[open] {
	background: rgba(33, 225, 253, 0.05);
	border-bottom-color: var(--oai-color-cyan);
}

.oai-site .oai-vehicle-market-value-loss-faq__question {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 64px;
	max-width: 100%;
	padding: 18px 40px 18px 0;
	color: var(--oai-color-navy);
	font-weight: 700;
	font-size: 17px;
	line-height: 1.4;
	cursor: pointer;
	list-style: none;
	overflow-wrap: normal;
	word-break: normal;
}

.oai-site .oai-vehicle-market-value-loss-faq__question::-webkit-details-marker {
	display: none;
}

.oai-site .oai-vehicle-market-value-loss-faq__question:focus-visible {
	outline: none;
}

html[data-oai-input="keyboard"] .oai-site .oai-vehicle-market-value-loss-faq__question:focus-visible {
	outline: 2px solid var(--oai-color-cyan);
	outline-offset: -2px;
}

.oai-site .oai-vehicle-market-value-loss-faq__question::before,
.oai-site .oai-vehicle-market-value-loss-faq__question::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 2px;
	background: var(--oai-color-cyan);
}

.oai-site .oai-vehicle-market-value-loss-faq__question::before {
	width: 14px;
	height: 2px;
	margin-top: -1px;
}

.oai-site .oai-vehicle-market-value-loss-faq__question::after {
	right: 8px;
	width: 2px;
	height: 14px;
	margin-top: -7px;
}

.oai-site .oai-vehicle-market-value-loss-faq__item[open] .oai-vehicle-market-value-loss-faq__question::after {
	opacity: 0;
}

.oai-site .oai-vehicle-market-value-loss-faq__answer {
	margin: 0;
	max-width: 640px;
	padding: 0 40px 24px 0;
	color: var(--oai-color-navy-muted);
	font-size: 15px;
	line-height: 1.65;
	overflow-wrap: normal;
	word-break: normal;
}

@media (max-width: 600px) {
	.oai-site .oai-vehicle-market-value-loss-faq {
		padding: 48px 24px;
	}

	.oai-site .oai-vehicle-market-value-loss-faq__question {
		min-height: 52px;
		padding: 14px 32px 14px 0;
	}

	.oai-site .oai-vehicle-market-value-loss-faq__answer {
		padding-right: 0;
	}
}

@media (max-width: 480px) {
	.oai-site .oai-vehicle-market-value-loss-faq {
		padding: 40px 18px;
	}

	.oai-site .oai-vehicle-market-value-loss-faq__title {
		font-size: 1.75rem;
		line-height: 1.12;
	}
}

@media (max-width: 360px) {
	.oai-site .oai-vehicle-market-value-loss-faq {
		padding: 36px 16px;
	}
}

/* Sekcja 11: koncowe CTA do Gotowego Odwolania 2366. Ostatnia sekcja
   strony. Odwzorowanie 1:1 zaakceptowanego finalnego CTA V2 (canonical
   reference odczytany z .oai-technical-wear-final-cta,
   page-technical-wear.css, /zuzycie-techniczne/ - ktore samo jest juz
   zaakceptowanym, wielokrotnie reuzywanym wzorcem: .oai-flood-damage-
   final-cta i siostrzane strony). Zmieniono WYLACZNIE namespace na
   .oai-vehicle-market-value-loss-final-cta - zrodlowy komponent
   pozostal nietkniety. Pelnoszerokosciowy granatowy pas w tym samym
   tokenie i tej samej progresji paddingu co inne pelnoszerokosciowe
   granatowe moduly tej strony (Sekcja 4: 56/20 -> 72/40 @768px ->
   40/16 @360px). .__content ma max-width: 780px, margin: 0 auto i
   text-align: center - identyczna wartosc jak w canonical. CTA reuzywa
   systemowej klasy .oai-cta (inline-flex) z lokalnym modyfikatorem
   --inverse (bialy przycisk / granatowy tekst na granatowym tle) -
   centrowanie przycisku wynika z text-align: center na rodzicu, bez
   dodatkowego wrappera. Sekcja 9 (uklad "glowna decyzja + boczna
   sciezka", dwa produkty) swiadomie nie jest tu powtarzana - to
   jednoznaczny, pojedynczy finalny CTA wylacznie do produktu 2366. */

.oai-site .oai-vehicle-market-value-loss-final-cta {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	padding: 56px 20px;
	background-color: var(--oai-color-navy);
}

.oai-site .oai-vehicle-market-value-loss-final-cta__inner {
	width: 100%;
	max-width: var(--oai-container-width);
	min-width: 0;
	box-sizing: border-box;
	margin: 0 auto;
}

.oai-site .oai-vehicle-market-value-loss-final-cta__content {
	min-width: 0;
	max-width: 780px;
	margin: 0 auto;
	text-align: center;
}

.oai-site .oai-vehicle-market-value-loss-final-cta__eyebrow {
	margin: 0 0 16px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--oai-color-cyan);
}

.oai-site .oai-vehicle-market-value-loss-final-cta__title {
	margin: 0 0 16px;
	max-width: 100%;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--oai-color-white);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-final-cta__lead {
	margin: 0 0 28px;
	max-width: 100%;
	font-size: 0.9375rem;
	line-height: 1.65;
	color: rgba(255, 255, 255, 0.85);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-vehicle-market-value-loss-final-cta__cta--inverse {
	min-height: 48px;
	background: var(--oai-color-white);
	color: var(--oai-color-navy);
}

.oai-site .oai-vehicle-market-value-loss-final-cta__cta--inverse:hover,
html[data-oai-input="keyboard"] .oai-site .oai-vehicle-market-value-loss-final-cta__cta--inverse:focus-visible {
	box-shadow: 0 0 0 2px var(--oai-color-cyan);
}

.oai-site .oai-vehicle-market-value-loss-final-cta__note {
	margin: 16px 0 0;
	max-width: 100%;
	font-size: 0.8125rem;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.6);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

@media (max-width: 480px) {
	.oai-site .oai-vehicle-market-value-loss-final-cta__cta--inverse {
		width: 100%;
	}
}

@media (min-width: 768px) {
	.oai-site .oai-vehicle-market-value-loss-final-cta {
		padding: 72px 40px;
	}

	.oai-site .oai-vehicle-market-value-loss-final-cta__title {
		font-size: 1.75rem;
	}

	.oai-site .oai-vehicle-market-value-loss-final-cta__lead {
		font-size: 1rem;
	}
}

@media (max-width: 360px) {
	.oai-site .oai-vehicle-market-value-loss-final-cta {
		padding: 40px 16px;
	}
}