/*
 * Wnioski24 Dotacje AI — strona sprzedażowa i formularz.
 *
 * KIERUNEK
 * ────────
 * Branża dotacyjna jest pełna stron, które wyglądają dobrze i obiecują
 * gwarantowane dofinansowanie. Ładnym wyglądem się od nich nie odróżnimy.
 * Odróżnia nas to, że produkt jest konkretny: kierunki liczone z odpowiedzi
 * klienta, terminy w kolejności, link do każdego ogłoszenia.
 *
 * Stąd cały arkusz jest cichy. Żadnych gradientów, cieni i animacji
 * przewijania — one mówią „strona", a nie „dokument, za który zapłaciłeś".
 *
 * CZEGO TU JUŻ NIE MA
 * ───────────────────
 * Odliczania dni do najbliższego naboru. Liczby brały się z własnej bazy,
 * odświeżały się przy każdym otwarciu strony, ale dane pod spodem stały
 * w miejscu — licznik liczący na starych danych wygląda wiarygodnie
 * i właśnie dlatego jest gorszy niż jego brak.
 *
 * PALETA
 * ──────
 * Zgrana z wtyczką „Generator pism" (assets/kreator.css), żeby oba
 * kreatory na wnioski24.pl wyglądały jak jedna rodzina: ciepłe piaskowe
 * tło, złoty akcent, granatowe nagłówki krojem Playfair Display.
 * Wszystkie wartości siedzą w bloku :root niżej — jedno miejsce do zmiany.
 * • Liczby nadal krojem systemowym monospace (--wda-cyfry): czytają się
 *   jak dane, nie jak ozdoba. Generator pism tego nie rozróżnia, my tak.
 *
 * @package Wnioski24_Dotacje_AI
 */
.wda,
.wda *,
.wda *::before,
.wda *::after {
	box-sizing: border-box;
}

/* ── Zmienne motywu — ODTWORZONE 2026-09-10 ─────────────────────
   W wysłanej wersji 6.1.2 ten fragment arkusza się nie zapisał:
   selektor resetu urywał się przecinkiem, a cały blok `:root`
   z kolorami, krojami i promieniem znikł. Skutek: każda reguła
   `var(--wda-*)` stawała się nieważna, więc formularz tracił
   ramki, tła, akcenty i szeryf — „wszystko białe blade".
   Dodatkowo `margin: 0 auto 34px` z reguły .wda-wstep spływał
   na `.wda *`, rozpychając wszystko w pionie.
   Paleta zgrana z wtyczką "Generator pism" (assets/kreator.css) —
   ciepły piaskowy + złoto + granat, nagłówki Playfair Display.
   Odpowiedniki tokenów --gp-*: sand → papier, sand-2 → kreda,
   field → wypełnienie pól, field-line → obwodka, accent → zloto,
   navy → atrament. */
:root {
	--wda-atrament:     #0d1f35;                                        /* gp-navy */
	--wda-tekst:        #4b4f58;                                        /* gp-text */
	--wda-przygaszony:  #555d66;                                        /* gp-muted */
	--wda-obwodka:      #dcd4c6;                                        /* gp-field-line */
	--wda-papier:       #faf7f2;                                        /* gp-sand */
	--wda-kreda:        #f2ede4;                                        /* gp-sand-2 */
	--wda-pole:         #f5f1ea;                                        /* gp-field */
	--wda-zloto:        #a87a20;                                        /* gp-accent */
	--wda-zloto-ciemne: #8a6417;                                        /* gp-accent-dark */
	--wda-zielen:       #1a7f4b;
	--wda-alarm:        #b3261e;                                        /* gp-error */
	--wda-promien:      8px;                                            /* gp-radius */
	--wda-promien-lg:   16px;                                           /* gp-radius-lg */
	--wda-szer:         760px;
	--wda-szeryf:       'Playfair Display', Georgia, 'Times New Roman', serif;
	--wda-cyfry:        ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
}

/* Tło całej strony — tylko tam, gdzie stoi formularz (`:has(.wda)`).
   Ciepły piaskowy (--wda-kreda / gp-sand-2) zamiast bieli, jak pod
   kreatorem Generatora pism. Stare przeglądarki bez `:has()` zostają
   na białym — nic się nie psuje. */
body:has( .wda ) {
	background-color: var(--wda-kreda);
}

/* ══════════════════════════════════════════════════════════════
   WSTĘP
   ══════════════════════════════════════════════════════════════ */

.wda-wstep {
	max-width: 760px;
	margin: 0 auto 34px;
}

.wda-wstep__tytul {
	margin: 0 0 16px;
	font-family: var(--wda-szeryf);
	font-size: clamp( 1.9rem, 5.2vw, 3rem );
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -.015em;
	color: var(--wda-atrament);
}

.wda-wstep__lead {
	margin: 0;
	font-size: clamp( 1rem, 2.2vw, 1.125rem );
	line-height: 1.65;
	color: var(--wda-przygaszony);
}

/* ══════════════════════════════════════════════════════════════
   FORMULARZ
   ══════════════════════════════════════════════════════════════ */

.wda {
	max-width: 880px;
	margin: 0 auto;
}

/* Karta formularza jak `.gp-ekran` w Generatorze pism: piaskowe tło na
   ciepłej stronie (--wda-kreda), duży promień, bez cienia. */
.wda__form {
	padding: 44px 22px;
	background: var(--wda-papier);
	border: 1px solid var(--wda-obwodka);
	border-radius: var(--wda-promien-lg);
}

@media (min-width: 720px) {
	.wda__form { padding: 44px; }
}

/* ── Pasek kroków ──────────────────────────────────────────── */
.wda__pasek {
	display: flex;
	gap: 6px;
	margin-bottom: 32px;
	padding-bottom: 22px;
	border-bottom: 1px solid var(--wda-obwodka);
}

.wda__etap {
	display: flex;
	flex: 1;
	align-items: center;
	gap: 8px;
	min-width: 0;
	font-size: .8125rem;
	color: #9aa4b1;
}

.wda__etap__nr {
	display: grid;
	flex: 0 0 auto;
	place-items: center;
	width: 26px;
	height: 26px;
	border: 1px solid var(--wda-obwodka);
	border-radius: 50%;
	font-family: var(--wda-cyfry);
	font-size: .75rem;
	font-weight: 600;
	background: var(--wda-papier);
}

.wda__etap__nazwa {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Na wąskim ekranie nazwy nie mieszczą się czytelnie — zostają numery. */
@media (max-width: 599px) {
	.wda__etap__nazwa { display: none; }
	.wda__etap { flex: 0 0 auto; }
	.wda__pasek { gap: 10px; }
}

.wda__etap--teraz { color: var(--wda-atrament); font-weight: 600; }

.wda__etap--teraz .wda__etap__nr {
	background: var(--wda-atrament);
	border-color: var(--wda-atrament);
	color: #fff;
}

.wda__etap--zrobiony { color: var(--wda-zloto-ciemne); }

.wda__etap--zrobiony .wda__etap__nr {
	background: var(--wda-zloto);
	border-color: var(--wda-zloto);
	color: #fff;
}

/* ── Krok ──────────────────────────────────────────────────── */
.wda__krok { display: none; }
.wda__krok--widoczny { display: block; }

.wda__licznik {
	margin: 0 0 6px;
	font-family: var(--wda-cyfry);
	font-size: .6875rem;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--wda-zloto-ciemne);
}

.wda__tytul {
	margin: 0 0 28px;
	font-family: var(--wda-szeryf);
	font-size: clamp( 1.45rem, 3.6vw, 2rem );
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -.01em;
	color: var(--wda-atrament);
}

/* ── Pole ──────────────────────────────────────────────────── */
.wda__pole { margin-bottom: 30px; }

.wda__etykieta {
	display: block;
	margin-bottom: 10px;
	font-size: 1rem;
	font-weight: 600;
	color: var(--wda-tekst);
}

.wda__opis {
	margin: -4px 0 12px;
	font-size: .875rem;
	line-height: 1.55;
	color: var(--wda-przygaszony);
}

.wda__input {
	width: 100%;
	min-height: 54px;
	padding: 14px 16px;
	background: var(--wda-pole);
	border: 1px solid var(--wda-obwodka);
	border-radius: 8px;
	font: inherit;
	font-size: 1rem;
	color: inherit;
	transition: border-color .15s ease, background .15s ease;
}

.wda__input:hover { border-color: #c9bfac; }

.wda__input:focus-visible {
	outline: 2px solid var(--wda-zloto);
	outline-offset: 2px;
	background: var(--wda-papier);
	border-color: var(--wda-zloto);
}

.wda__area { min-height: 128px; resize: vertical; line-height: 1.6; }

/* Stan błędu obejmuje TAKŻE textarea i select — .wda__input jest wspólną
   klasą dla wszystkich trzech właśnie po to. */
.wda__pole--blad .wda__input,
.wda__pole--blad .wda__zgoda {
	border-color: var(--wda-alarm);
	background: #fff7f6;
}

.wda__blad {
	margin: 8px 0 0;
	font-size: .8125rem;
	font-weight: 600;
	color: var(--wda-alarm);
}

/* ── Kafelki wyboru ────────────────────────────────────────── */
.wda__kafelki {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
}

@media (min-width: 620px) {
	.wda__kafelki { grid-template-columns: 1fr 1fr; }
	.wda__kafelek--zadna { grid-column: 1 / -1; }
}

.wda__kafelek {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 58px;
	padding: 14px 16px;
	background: var(--wda-pole);
	border: 1.5px solid var(--wda-obwodka);
	border-radius: 8px;
	font-size: .9375rem;
	line-height: 1.4;
	cursor: pointer;
	transition: border-color .15s ease, background .15s ease;
}

.wda__kafelek:hover { border-color: #c9bfac; background: var(--wda-papier); }

.wda__kafelek input {
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	margin: 0;
	accent-color: var(--wda-zloto);
}

.wda__kafelek:has( input:checked ) {
	background: #fff;
	border-color: var(--wda-zloto);
	box-shadow: 0 0 0 3px rgba( 168, 122, 32, .16 );
}

.wda__kafelek:has( input:focus-visible ) {
	outline: 2px solid var(--wda-zloto);
	outline-offset: 2px;
}

.wda__kafelek--zadna {
	background: transparent;
	border-style: dashed;
	color: var(--wda-przygaszony);
}

/* ── Cena i zgody ──────────────────────────────────────────── */
.wda__cena {
	margin: 0 0 28px;
	padding: 16px 18px;
	background: var(--wda-kreda);
	border-left: 3px solid var(--wda-zloto);
	border-radius: 0 8px 8px 0;
	font-size: 1rem;
	line-height: 1.55;
}

.wda__cena strong {
	font-family: var(--wda-cyfry);
	font-variant-numeric: tabular-nums;
	font-size: 1.0625rem;
	letter-spacing: -.02em;
}

.wda__zgoda {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	padding: 14px 16px;
	background: var(--wda-pole);
	border: 1px solid var(--wda-obwodka);
	border-radius: 8px;
	font-size: .875rem;
	line-height: 1.55;
	cursor: pointer;
}

.wda__zgoda:hover { border-color: #c9bfac; }

.wda__zgoda input {
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	margin: 1px 0 0;
	accent-color: var(--wda-zloto);
}

/* ── Nawigacja ─────────────────────────────────────────────── */
.wda__nawigacja {
	display: flex;
	gap: 12px;
	align-items: center;
	margin-top: 34px;
	padding-top: 26px;
	border-top: 1px solid var(--wda-obwodka);
}

.wda__dalej,
.wda__wstecz {
	min-height: 56px;
	padding: 0 28px;
	border: 0;
	border-radius: 8px;
	font: inherit;
	font-size: 1rem;
	font-weight: 700;
	cursor: pointer;
	transition: background .15s ease, transform .1s ease;
}

.wda__dalej {
	flex: 1;
	/* Złoty CTA jak `.gp-btn--zloty` w Generatorze pism. */
	background: linear-gradient( 180deg, #d9ae50, #b98c28 );
	color: #1b1200;
	box-shadow: 0 6px 18px rgba( 168, 122, 32, .28 );
}

.wda__dalej:hover { background: linear-gradient( 180deg, #e2ba60, #c4972e ); }
.wda__dalej:active { transform: translateY( 1px ); }
.wda__dalej[disabled] { opacity: .55; cursor: progress; transform: none; }

.wda__dalej:focus-visible,
.wda__wstecz:focus-visible {
	outline: 2px solid var(--wda-zloto);
	outline-offset: 2px;
}

.wda__wstecz {
	background: transparent;
	border: 1px solid var(--wda-obwodka);
	color: var(--wda-przygaszony);
}

.wda__wstecz:hover { border-color: #c9bfac; color: var(--wda-tekst); }

/* ══════════════════════════════════════════════════════════════
   SEKCJE POD FORMULARZEM
   ══════════════════════════════════════════════════════════════ */

.wda-sekcja {
	max-width: var(--wda-szer);
	margin: 56px auto 0;
}

.wda-sekcja__tytul {
	margin: 0 0 24px;
	font-family: var(--wda-szeryf);
	font-size: clamp( 1.35rem, 3.2vw, 1.8rem );
	font-weight: 700;
	line-height: 1.2;
	color: var(--wda-atrament);
}/* ══════════════════════════════════════════════════════════════
   EKRAN WYNIKU
   ══════════════════════════════════════════════════════════════ */

.wda__wynik { margin-top: 8px; }

.wda-wynik {
	padding: 30px 24px 28px;
	background: var(--wda-papier);
	border: 1px solid var(--wda-obwodka);
	border-radius: var(--wda-promien);
}

@media (min-width: 720px) {
	.wda-wynik { padding: 40px 44px 36px; }
}

.wda-wynik__tytul {
	margin: 0 0 18px;
	font-family: var(--wda-szeryf);
	font-size: clamp( 1.5rem, 3.6vw, 2.1rem );
	font-weight: 700;
	line-height: 1.2;
	color: var(--wda-atrament);
}

.wda-wynik__uwaga {
	margin: 0 0 22px;
	font-size: .9375rem;
	line-height: 1.6;
	color: var(--wda-przygaszony);
}

.wda-wynik__lista {
	margin: 0 0 30px;
	padding: 0;
	list-style: none;
	counter-reset: wda-poz;
}

.wda-wynik__pozycja {
	position: relative;
	padding: 18px 0 18px 44px;
	border-top: 1px solid var(--wda-obwodka);
	counter-increment: wda-poz;
}

.wda-wynik__pozycja:last-child { border-bottom: 1px solid var(--wda-obwodka); }

/* Numeracja niesie informację: to jest kolejność trafności, a nie ozdoba. */
.wda-wynik__pozycja::before {
	position: absolute;
	top: 20px;
	left: 0;
	font-family: var(--wda-cyfry);
	font-size: .875rem;
	font-weight: 600;
	color: var(--wda-zloto);
	content: counter( wda-poz, decimal-leading-zero );
}

.wda-wynik__pozycja h3,
.wda-wynik__pozycja h4 {
	margin: 0 0 4px;
	font-size: 1.0625rem;
	font-weight: 700;
	line-height: 1.35;
	color: var(--wda-atrament);
}

.wda-wynik__pozycja p {
	margin: 0;
	font-size: .9375rem;
	line-height: 1.6;
	color: var(--wda-przygaszony);
}

/* ── Zakres analizy zamiast listy nazw ─────────────────────── */
.wda-wynik__etykieta {
	margin: 0 0 12px;
	font-family: var(--wda-cyfry);
	font-size: .75rem;
	font-weight: 600;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--wda-zielen);
}

.wda-wynik__wstep {
	max-width: 58ch;
	margin: 0 0 22px;
	font-size: 1rem;
	line-height: 1.65;
	color: var(--wda-tekst);
}

/* Odbicie odpowiedzi klienta. Ma wyglądać jak notatka z rozmowy,
   nie jak kolejna sekcja — stąd cienka kreska i mniejszy stopień. */
.wda-wynik__profil {
	margin: 0 0 30px;
	padding: 14px 0 14px 18px;
	border-left: 2px solid var(--wda-zloto);
	list-style: none;
}

.wda-wynik__profil li {
	margin-bottom: 4px;
	font-size: .875rem;
	line-height: 1.55;
	color: var(--wda-przygaszony);
}

.wda-wynik__profil li:first-letter { text-transform: uppercase; }

.wda-wynik__podtytul {
	margin: 0 0 4px;
	font-size: 1rem;
	font-weight: 700;
	color: var(--wda-atrament);
}

.wda-wynik__pod-przyciskiem {
	margin: 10px 0 0;
	font-size: .8125rem;
	text-align: center;
	color: var(--wda-przygaszony);
}.wda-wynik__spostrzezenia {
	margin: 0 0 24px;
	padding: 22px 24px;
	background: var(--wda-kreda);
	border-radius: 8px;
}

.wda-wynik__spostrzezenia h3 {
	margin: 0 0 12px;
	font-size: 1rem;
	font-weight: 700;
	color: var(--wda-atrament);
}

.wda-wynik__spostrzezenia ul { margin: 0; padding-left: 1.15em; }
.wda-wynik__spostrzezenia li { margin-bottom: 8px; line-height: 1.6; font-size: .9375rem; }.wda-wynik__zastrzezenie {
	margin: 0 0 26px;
	padding: 18px 20px;
	border: 1px solid var(--wda-obwodka);
	border-radius: 8px;
	font-size: .9375rem;
	line-height: 1.6;
	color: var(--wda-tekst);
}

.wda-wynik__kup { margin: 0 0 12px; }

.wda-wynik__przycisk {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 60px;
	padding: 0 28px;
	background: var(--wda-zloto);
	border-radius: 8px;
	color: #fff;
	font-size: 1.0625rem;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
}

.wda-wynik__przycisk:hover,
.wda-wynik__przycisk:focus { background: var(--wda-zloto-ciemne); color: #fff; }

.wda-wynik__przycisk:focus-visible { outline: 2px solid var(--wda-atrament); outline-offset: 2px; }

.wda-wynik__token {
	margin: 0;
	font-size: .75rem;
	color: #8d97a4;
}

.wda-wynik__token code { font-family: var(--wda-cyfry); font-size: .75rem; }

/* ══════════════════════════════════════════════════════════════
   RAPORT
   ══════════════════════════════════════════════════════════════ */

.wda-raport { max-width: 780px; margin: 0 auto; }

.wda-raport__tresc { font-size: 1.0625rem; line-height: 1.7; }

.wda-raport__tresc h2 {
	margin: 40px 0 12px;
	font-family: var(--wda-szeryf);
	font-weight: 700;
	line-height: 1.25;
	color: var(--wda-atrament);
}

.wda-raport__tresc h3 { margin: 30px 0 10px; font-size: 1.1rem; }
.wda-raport__tresc ul { padding-left: 1.2em; }
.wda-raport__tresc li { margin-bottom: 6px; }

.wda-raport__zrodla {
	margin-top: 40px;
	padding-top: 20px;
	border-top: 1px solid var(--wda-obwodka);
}

.wda-raport__zrodla h2 { margin: 0 0 6px; font-size: 1.1rem; }
.wda-raport__uwaga { margin: 0 0 12px; font-size: .875rem; color: var(--wda-przygaszony); }
.wda-raport__zrodla ul { margin: 0; padding-left: 1.15em; font-size: .875rem; }
.wda-raport__zrodla li { margin-bottom: 6px; }

/* ── Odesłanie pod raportem ────────────────────────────────── */
.wda-cta {
	margin-top: 40px;
	padding: 28px 30px;
	background: var(--wda-kreda);
	border-radius: var(--wda-promien);
	text-align: center;
}

.wda-cta__tytul {
	margin: 0 0 10px;
	font-family: var(--wda-szeryf);
	font-size: clamp( 1.2rem, 3vw, 1.5rem );
	font-weight: 700;
	line-height: 1.25;
	color: var(--wda-atrament);
}

.wda-cta__tekst {
	margin: 0 0 20px;
	font-size: .9375rem;
	line-height: 1.6;
	color: var(--wda-przygaszony);
}

.wda-cta__przycisk {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 54px;
	padding: 0 30px;
	background: var(--wda-zloto);
	border-radius: 8px;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
}

.wda-cta__przycisk:hover,
.wda-cta__przycisk:focus { background: var(--wda-zloto-ciemne); color: #fff; }
.wda-cta__przycisk:focus-visible { outline: 2px solid var(--wda-atrament); outline-offset: 2px; }

/* Stopka — na samym dole, drobnym drukiem. Klient już kupił; to odnośnik
   do warunków, nie informacja zakupowa. Mimo małego stopnia pisma kontrast
   zostaje czytelny. */
.wda-raport__stopka {
	margin-top: 48px;
	padding-top: 16px;
	border-top: 1px solid var(--wda-obwodka);
	font-size: .75rem;
	line-height: 1.55;
	color: #6b737d;
}

/* ── Ekran po zapłacie ─────────────────────────────────────────
   Wysokość jest tu funkcją, nie ozdobą: `min-height` trzyma stopkę
   witryny poniżej ekranu, żeby nie wchodziła pod treść na krótkich
   stronach. Klient właśnie zapłacił i nie ma jeszcze nic w ręku —
   ta ramka ma być całym ekranem, a nie paskiem u góry. */
.wda-czeka {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 58vh;
	max-width: 640px;
	margin: 0 auto;
	padding: 48px 26px 40px;
	background: var(--wda-kreda);
	border-radius: var(--wda-promien);
	text-align: center;
	line-height: 1.65;
}

@media (min-width: 720px) {
	.wda-czeka { padding: 64px 56px 52px; }
}

.wda-czeka__etykieta {
	margin: 0 0 14px;
	font-family: var(--wda-cyfry);
	font-size: .75rem;
	font-weight: 600;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--wda-zielen);
}

.wda-czeka--awaria .wda-czeka__etykieta { color: var(--wda-zloto-ciemne); }

.wda-czeka__tytul {
	margin: 0 0 16px;
	font-family: var(--wda-szeryf);
	font-size: clamp( 1.5rem, 3.6vw, 2.05rem );
	font-weight: 700;
	line-height: 1.2;
	color: var(--wda-atrament);
}

.wda-czeka__tresc {
	max-width: 46ch;
	margin: 0 0 30px;
	font-size: 1rem;
	color: var(--wda-tekst);
}

.wda-czeka__kroki {
	margin: 0 0 32px;
	padding: 0;
	text-align: left;
	list-style: none;
}

.wda-czeka__krok {
	position: relative;
	padding: 7px 0 7px 30px;
	font-size: .9375rem;
	color: var(--wda-przygaszony);
}

/* Kropka zamiast ikony — bez nowych plików i bez znaków, które na części
   systemów wypadają jako pusty prostokąt. */
.wda-czeka__krok::before {
	position: absolute;
	top: 14px;
	left: 6px;
	width: 8px;
	height: 8px;
	background: var(--wda-obwodka);
	border-radius: 50%;
	content: "";
}

.wda-czeka__krok--gotowy { color: var(--wda-tekst); }
.wda-czeka__krok--gotowy::before { background: var(--wda-zielen); }

.wda-czeka__krok--trwa { font-weight: 600; color: var(--wda-atrament); }
.wda-czeka__krok--trwa::before { background: var(--wda-zloto); }

.wda-czeka__numer {
	margin: 0 0 10px;
	font-size: .8125rem;
	color: var(--wda-przygaszony);
}

.wda-czeka__numer code {
	font-family: var(--wda-cyfry);
	font-size: .8125rem;
}

.wda-czeka__kontakt {
	max-width: 46ch;
	margin: 0;
	font-size: .8125rem;
	line-height: 1.6;
	color: var(--wda-przygaszony);
}

.wda-czeka__kontakt a { color: var(--wda-zloto-ciemne); }

/* ══════════════════════════════════════════════════════════════
   DOSTĘPNOŚĆ
   ══════════════════════════════════════════════════════════════ */

/* ── Po zakupie ────────────────────────────────────────────── */
.wda-po-zakupie {
	max-width: 680px;
	margin: 0 0 32px;
	padding: 28px 30px;
	background: var(--wda-kreda, #f2ede4);
	border-left: 3px solid var(--wda-zloto, #a87a20);
	border-radius: 0 10px 10px 0;
}

.wda-po-zakupie__tytul {
	margin: 0 0 10px;
	font-family: var(--wda-szeryf, Prata, Georgia, serif);
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--wda-atrament, #0e1826);
}

.wda-po-zakupie__tekst {
	margin: 0 0 20px;
	font-size: .9375rem;
	line-height: 1.6;
	color: var(--wda-przygaszony, #5a6472);
}

.wda-po-zakupie__przycisk {
	display: inline-flex;
	align-items: center;
	min-height: 54px;
	padding: 0 30px;
	background: var(--wda-atrament, #0e1826);
	border-radius: 8px;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
}

.wda-po-zakupie__przycisk:hover,
.wda-po-zakupie__przycisk:focus { background: var(--wda-atrament); color: #fff; }

.wda-po-zakupie__numer {
	margin: 14px 0 0;
	font-size: .75rem;
	color: #8d97a4;
}

.wda-po-zakupie__numer code {
	font-family: var(--wda-cyfry, monospace);
	font-size: .75rem;
}

/* ══════════════════════════════════════════════════════════════
   STRONA SPRZEDAŻOWA
   ══════════════════════════════════════════════════════════════ */

.wda-wstep__nadtytul {
	margin: 0 0 12px;
	font-family: var(--wda-cyfry);
	font-size: .75rem;
	font-weight: 600;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--wda-zloto-ciemne);
}

/* Lista korzyści bez ptaszków. Ptaszek przy każdym punkcie czyta się jak
   deklaracja marketingowa; cienka kreska z boku mówi „to są fakty o produkcie"
   i nie konkuruje z treścią. */
.wda-wstep__punkty {
	margin: 26px 0 0;
	padding: 0;
	list-style: none;
}

.wda-wstep__punkty li {
	padding: 14px 0 14px 18px;
	border-left: 2px solid var(--wda-obwodka);
	font-size: .9375rem;
	line-height: 1.6;
	color: var(--wda-przygaszony);
}

.wda-wstep__punkty li + li { margin-top: 2px; }

.wda-wstep__punkty strong {
	display: block;
	margin-bottom: 3px;
	font-weight: 700;
	color: var(--wda-atrament);
}

.wda-kroki {
	display: grid;
	grid-template-columns: 1fr;
	gap: 22px;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: wda-krok;
}

@media (min-width: 760px) {
	.wda-kroki { grid-template-columns: repeat( 3, 1fr ); }
}

.wda-krok {
	padding-top: 16px;
	border-top: 2px solid var(--wda-zloto);
	counter-increment: wda-krok;
}

.wda-krok h3 {
	margin: 0 0 6px;
	font-size: 1rem;
	font-weight: 700;
	color: var(--wda-atrament);
}

/* Numer przed tytułem, krojem cyfr — kolejność jest tu informacją. */
.wda-krok h3::before {
	margin-right: 8px;
	font-family: var(--wda-cyfry);
	font-size: .8125rem;
	color: var(--wda-zloto);
	content: counter( wda-krok, decimal-leading-zero );
}

.wda-krok p {
	margin: 0;
	font-size: .9375rem;
	line-height: 1.6;
	color: var(--wda-przygaszony);
}

.wda-sekcja--zrodla .wda-sekcja__tresc {
	padding: 26px 28px;
	background: var(--wda-kreda);
	border-radius: var(--wda-promien);
}

.wda-sekcja--zrodla ul { margin: 12px 0; padding-left: 1.15em; }
.wda-sekcja--zrodla li { margin-bottom: 5px; line-height: 1.6; }
.wda-sekcja--zrodla p { margin: 0; line-height: 1.65; }