/*
 * MAKIETA „KIERUNEK PLAKAT” — /propozycje-plakat/ (gałąź propozycje-plakat).
 *
 * Ładowana wyłącznie na stronie makiety (inc/propozycje-plakat.php), po
 * style.css. Kolory i kroje z motywu; z plakatu biorą się tylko akcenty:
 * czerwone serce, odręczne kreski i strzałki, zaokrąglone przyciski.
 * Wszystko z przedrostkiem ktos-pp-, żeby nie dotknąć reszty arkusza.
 */

.ktos-pp {
	--pp-czerwien: var(--ktos-czerwien-naglowek, #A3161B);
	--pp-czerwien-ciemna: #8C1B26;
	--pp-ink: #272727;
	--pp-krem: var(--wp--preset--color--cream, #F1F0E9);
	--pp-jasny: var(--ktos-pas-jasny, #F7F6F1);
	--pp-karta: var(--wp--preset--color--cream-light, #F8F7F2);
	--pp-braz: #7C573E;
	--pp-zielen: var(--wp--preset--color--green, #465A52);
	--pp-zielen-dol: var(--ktos-zielen-dol, #586029);
	--pp-szeryf: var(--wp--preset--font-family--serif-display, "Marcellus", serif);
	--pp-sans: var(--wp--preset--font-family--sans-body, "Open Sans", sans-serif);
	/* Odręczna kreska pod słowem — jedno pociągnięcie pędzlem, w czerwieni motywu. */
	--pp-kreska: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 20" preserveAspectRatio="none"><path d="M3 13.5C40 9.4 86 7.6 128 8.2c26 .4 47 1.6 68 3.8M14 16.2c38-2.6 92-4.2 150-2.4" fill="none" stroke="%23A3161B" stroke-width="5" stroke-linecap="round" vector-effect="non-scaling-stroke"/></svg>');
	display: block;
	color: var(--pp-ink);
	font-family: var(--pp-sans);
	background: var(--pp-jasny);
}

.ktos-pp *,
.ktos-pp *::before,
.ktos-pp *::after {
	box-sizing: border-box;
}

.ktos-pp-w {
	width: min(1200px, 100% - 48px);
	margin-inline: auto;
}

.ktos-pp p,
.ktos-pp h1,
.ktos-pp h2,
.ktos-pp h3,
.ktos-pp figure,
.ktos-pp ul,
.ktos-pp ol {
	margin: 0;
	max-width: none;
}

.ktos-pp a {
	color: inherit;
}

/* Słowo z odręczną czerwoną kreską pod spodem. */
.ktos-pp-podkresl {
	padding-bottom: 0.14em;
	background-image: var(--pp-kreska);
	background-repeat: no-repeat;
	background-position: 0 100%;
	background-size: 100% 0.42em;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

/* ---------------- WSTĘP MAKIETY ---------------- */

.ktos-pp-wstep {
	padding: clamp(40px, 5vw, 72px) 0 clamp(32px, 4vw, 56px);
	background: var(--pp-krem);
}

.ktos-pp-wstep-nad {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--pp-braz);
}

.ktos-pp-wstep-tytul {
	margin-top: 10px !important;
	font-family: var(--pp-szeryf);
	font-size: var(--ktos-t-m44, 44px);
	line-height: 1.15;
	font-weight: 400;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--pp-ink);
}

.ktos-pp-wstep-lead {
	margin-top: 16px !important;
	max-width: 68ch !important;
	font-size: var(--ktos-t-wstep, 20px);
	line-height: 1.5;
}

.ktos-pp-spis {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 24px !important;
	padding: 0;
	list-style: none;
}

.ktos-pp-spis a {
	display: inline-flex;
	gap: 8px;
	align-items: center;
	padding: 9px 16px;
	border: 1.5px solid var(--pp-ink);
	border-radius: 999px;
	font-size: 15px;
	text-decoration: none;
	background: #fff;
}

.ktos-pp-spis a:hover,
.ktos-pp-spis a:focus-visible {
	background: var(--pp-ink);
	color: #fff;
}

.ktos-pp-spis b {
	color: var(--pp-czerwien);
}

.ktos-pp-spis a:hover b,
.ktos-pp-spis a:focus-visible b {
	color: #fff;
}

/* Pasek z nazwą wariantu nad każdą propozycją — tylko w makiecie. */
.ktos-pp-etykieta {
	padding: 16px 0;
	background: var(--pp-ink);
	color: #F1F0E9;
	scroll-margin-top: var(--ktos-naglowek-wys, 100px);
}

.ktos-pp-etykieta > .ktos-pp-w {
	display: flex;
	gap: 16px;
	align-items: flex-start;
}

.ktos-pp-znacznik {
	flex: 0 0 auto;
	min-width: 48px;
	padding: 6px 12px;
	border-radius: 999px;
	background: var(--pp-czerwien);
	color: #fff;
	font-weight: 700;
	font-size: 17px;
	text-align: center;
}

.ktos-pp-etykieta-tytul {
	font-weight: 700;
	font-size: 17px;
}

.ktos-pp-etykieta-opis {
	margin-top: 2px !important;
	font-size: 14.5px;
	line-height: 1.5;
	opacity: 0.85;
}

.ktos-pp-sekcja {
	position: relative;
	padding: clamp(48px, 6vw, 96px) 0;
}

/* ---------------- WSPÓLNE: IKONY, FALA, PRZYCISKI ---------------- */

.ktos-pp-ikona {
	display: block;
	width: 100%;
	height: 100%;
	overflow: visible;
}

.ktos-pp-czerwien,
.ktos-pp-ikona--serce-pelne {
	color: var(--pp-czerwien);
}

.ktos-pp-fala {
	display: block;
	width: 100%;
	height: 30px;
	overflow: visible;
	color: var(--pp-ink);
}

.ktos-pp-fala path {
	fill: none;
	stroke: currentColor;
	stroke-width: 2.4;
	stroke-linecap: round;
}

.ktos-pp-przycisk {
	display: inline-flex;
	gap: 12px;
	align-items: center;
	justify-content: center;
	min-height: 54px;
	padding: 12px 28px;
	border: 2px solid var(--pp-ink);
	border-radius: 999px;
	font-family: var(--pp-sans);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.06em;
	line-height: 1.2;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 0.2s, color 0.2s;
}

.ktos-pp-przycisk .ktos-pp-ikona {
	flex: 0 0 auto;
	width: 22px;
	height: 22px;
}

.ktos-pp a.ktos-pp-przycisk--obrys {
	background: transparent;
	color: var(--pp-ink);
}

.ktos-pp a.ktos-pp-przycisk--obrys:hover,
.ktos-pp a.ktos-pp-przycisk--obrys:focus-visible {
	background: var(--pp-ink);
	color: #fff;
}

.ktos-pp a.ktos-pp-przycisk--pelny {
	background: var(--pp-ink);
	color: #fff;
}

.ktos-pp a.ktos-pp-przycisk--pelny:hover,
.ktos-pp a.ktos-pp-przycisk--pelny:focus-visible {
	background: #000;
}

.ktos-pp a.ktos-pp-przycisk--czerwony {
	border-color: var(--pp-czerwien);
	background: var(--pp-czerwien);
	color: #fff;
}

.ktos-pp-przycisk--maly {
	min-height: 44px;
	padding: 8px 20px;
	font-size: 14px;
}

.ktos-pp-wiecej {
	margin-top: clamp(28px, 3vw, 44px) !important;
	text-align: center;
}

.ktos-pp-wiecej--lewo {
	text-align: left;
}

/* Mały nadtytuł z krótką kreską pod spodem (jak „HISTORIE, KTÓRE MAJĄ ZNACZENIE”). */
.ktos-pp-nad-kreska {
	display: inline-block;
	padding-bottom: 8px;
	border-bottom: 2px solid var(--pp-ink);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

/* Napis „odręczny” — bez nowego kroju: Marcellus wersalikami, obrócony. */
.ktos-pp-odreczny {
	font-family: var(--pp-szeryf);
	font-size: 19px;
	line-height: 1.3;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--pp-ink);
}

/* ---------------- SEKCJA 1: CO ROBIMY ---------------- */

.ktos-pp-dzialamy {
	background: var(--pp-jasny);
}

.ktos-pp-dzialamy .ktos-pp-fala {
	margin-bottom: clamp(28px, 3vw, 44px);
}

.ktos-pp-kolumny {
	display: grid;
	grid-template-columns: repeat(var(--pp-kol, 3), minmax(0, 1fr));
	padding: 0;
	list-style: none;
}

.ktos-pp-dzialamy--4 .ktos-pp-kolumny {
	--pp-kol: 4;
}

.ktos-pp-kol {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	padding: 4px clamp(16px, 2.2vw, 36px);
	text-align: center;
}

/* Cienka pionowa kreska między kolumnami — lekko krzywa, jak na plakacie. */
.ktos-pp-kol + .ktos-pp-kol::before {
	content: "";
	position: absolute;
	top: 14%;
	bottom: 10%;
	left: 0;
	width: 1.6px;
	border-radius: 2px;
	background: var(--pp-ink);
	opacity: 0.45;
	transform: rotate(1deg);
}

.ktos-pp-ikona-pole {
	display: block;
	width: 64px;
	height: 64px;
	margin-bottom: 6px;
}

.ktos-pp-kol-tytul {
	font-family: var(--pp-sans);
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.06em;
	line-height: 1.25;
	text-transform: uppercase;
	color: var(--pp-ink);
}

.ktos-pp-kol-opis {
	max-width: 24ch !important;
	font-size: 16px;
	line-height: 1.5;
	color: var(--pp-ink);
}

/* 1B: zdanie o misji nad kolumnami */
.ktos-pp-misja {
	max-width: 820px;
	margin: 0 auto clamp(32px, 4vw, 52px);
	text-align: center;
}

.ktos-pp-misja-tytul {
	margin-top: 18px !important;
	font-family: var(--pp-szeryf);
	font-size: var(--ktos-t-m35, 35px);
	line-height: 1.2;
	font-weight: 400;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--pp-ink);
}

.ktos-pp-misja-tekst {
	margin-top: 14px !important;
	font-size: var(--ktos-t-lead, 22px);
	line-height: 1.5;
	color: var(--pp-zielen);
}

/* 1C: tekst obok kafli */
.ktos-pp-obok {
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
	gap: clamp(32px, 5vw, 80px);
	align-items: center;
}

.ktos-pp-obok-tekst {
	position: relative;
}

.ktos-pp-obok-tekst .ktos-pp-misja-tytul {
	text-align: left;
}

.ktos-pp-obok-strzalka {
	position: absolute;
	right: -64px;
	bottom: 8px;
	width: 74px;
	height: 74px;
	color: var(--pp-czerwien);
	transform: rotate(-12deg);
}

.ktos-pp-dzialamy--obok .ktos-pp-kolumny {
	--pp-kol: 2;
	row-gap: 0;
}

.ktos-pp-dzialamy--obok .ktos-pp-kol {
	padding: 26px clamp(14px, 2vw, 32px);
}

/* Kreski na krzyż w siatce 2 × 2: pionowa przy parzystych, pozioma od trzeciego. */
.ktos-pp-dzialamy--obok .ktos-pp-kol + .ktos-pp-kol::before {
	content: none;
}

.ktos-pp-dzialamy--obok .ktos-pp-kol:nth-child(even)::before {
	content: "";
	position: absolute;
	top: 14%;
	bottom: 10%;
	left: 0;
	width: 1.6px;
	border-radius: 2px;
	background: var(--pp-ink);
	opacity: 0.45;
	transform: rotate(1deg);
}

.ktos-pp-dzialamy--obok .ktos-pp-kol:nth-child(n+3)::after {
	content: "";
	position: absolute;
	top: 0;
	left: 10%;
	right: 10%;
	height: 1.6px;
	border-radius: 2px;
	background: var(--pp-ink);
	opacity: 0.45;
	transform: rotate(-0.6deg);
}

/* ---------------- SEKCJA 2: ZBIÓRKA ---------------- */

.ktos-pp-polaroid {
	position: relative;
	padding: 12px 12px 0;
	background: #fff;
	box-shadow: 0 12px 26px rgba(39, 39, 39, 0.16), 0 2px 5px rgba(39, 39, 39, 0.12);
	transform: rotate(-3deg);
}

.ktos-pp-polaroid img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 0;
}

.ktos-pp-polaroid figcaption {
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content: center;
	padding: 14px 6px 18px;
	font-family: var(--pp-szeryf);
	font-size: 16px;
	line-height: 1.25;
	letter-spacing: 0.07em;
	text-align: center;
	text-transform: uppercase;
	color: var(--pp-ink);
	transform: rotate(-1.5deg);
}

.ktos-pp-serduszko {
	flex: 0 0 auto;
	width: 22px !important;
	height: 22px !important;
	color: var(--pp-czerwien);
}

/* Taśma klejąca na górze polaroidu. */
.ktos-pp-polaroid--tasma::before {
	content: "";
	position: absolute;
	top: -16px;
	left: 50%;
	width: 118px;
	height: 34px;
	background: rgba(226, 214, 186, 0.82);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
	transform: translateX(-50%) rotate(-5deg);
}

.ktos-pp-zb-nad {
	font-size: 16px;
	font-weight: 600;
	color: var(--pp-zielen);
}

.ktos-pp-zb-tytul {
	position: relative;
	display: inline;
	margin-top: 6px !important;
	font-family: var(--pp-szeryf);
	font-size: var(--ktos-t-m35, 35px);
	line-height: 1.3;
	font-weight: 400;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--pp-ink);
}

.ktos-pp-zb-tytul--duzy {
	display: block;
	margin-top: 18px !important;
	font-size: var(--ktos-t-m44, 44px);
	line-height: 1.15;
}

/* Czerwone serce z kreskami „promieni” przy tytule. */
.ktos-pp-zb-serce {
	position: relative;
	display: inline-block;
	width: 1.05em;
	height: 1.05em;
	margin-left: 0.35em;
	vertical-align: -0.12em;
}

.ktos-pp-zb-serce .ktos-pp-ikona--serce-pelne {
	transform: rotate(10deg);
}

.ktos-pp-promienie {
	position: absolute;
	top: -0.55em;
	right: -0.6em;
	width: 0.85em !important;
	height: 0.85em !important;
	color: var(--pp-ink);
	transform: scaleX(-1) rotate(10deg);
}

.ktos-pp-zb-tekst {
	margin-top: 18px !important;
	font-size: 16px;
	line-height: 1.6;
}

.ktos-pp-zb-faktura {
	margin-top: 12px !important;
	font-size: 14.5px;
	line-height: 1.5;
	color: var(--pp-braz);
}

.ktos-pp-zb-faktura a {
	color: var(--pp-czerwien);
	font-weight: 600;
}

.ktos-pp-zb-drobny {
	margin-top: 14px !important;
	font-size: 13px;
	line-height: 1.5;
	text-align: center;
	color: var(--pp-ink);
	opacity: 0.85;
}

/* Pasek celu (shortcode ktos_cel_zbiorki). */
.ktos-cel {
	margin-top: 22px;
}

.ktos-cel-liczby {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 10px;
	align-items: baseline;
}

.ktos-cel-zebrano {
	font-family: var(--pp-szeryf);
	font-size: 30px;
	line-height: 1.1;
	letter-spacing: 0.02em;
	color: var(--pp-czerwien);
}

.ktos-cel-z {
	font-size: 16px;
	font-weight: 600;
	color: var(--pp-ink);
}

.ktos-cel-pasek {
	position: relative;
	height: 18px;
	margin-top: 10px;
	overflow: hidden;
	border: 2px solid var(--pp-ink);
	border-radius: 999px;
	background: #fff;
}

.ktos-cel-wypelnienie {
	display: block;
	height: 100%;
	border-radius: 999px;
	background: repeating-linear-gradient(-45deg, var(--pp-czerwien) 0 10px, #B41D23 10px 20px);
}

.ktos-cel-opis {
	margin-top: 8px !important;
	font-size: 15px;
	color: var(--pp-ink);
}

.ktos-cel-przyklad {
	display: inline-block;
	margin-top: 8px !important;
	padding: 3px 10px;
	border: 1px dashed var(--pp-braz);
	border-radius: 999px;
	font-size: 12.5px;
	font-style: italic;
	color: var(--pp-braz);
}

/* 2A: karta na zielonym paśmie */
.ktos-pp-zbiorka--a {
	overflow: hidden;
	background-color: var(--pp-zielen);
	background-image: linear-gradient(180deg, var(--pp-zielen) 0%, var(--pp-zielen-dol) 100%);
}

.ktos-pp-chmura {
	position: absolute;
	z-index: 0;
	height: auto;
	pointer-events: none;
}

.ktos-pp-chmura--1 {
	top: 3%;
	left: -4%;
	width: min(42%, 520px);
}

.ktos-pp-chmura--2 {
	right: 3%;
	bottom: 4%;
	width: min(14%, 170px);
}

.ktos-pp-zbiorka--a > .ktos-pp-w {
	position: relative;
	z-index: 1;
}

.ktos-pp-zba {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
	gap: clamp(28px, 4vw, 56px);
	padding: clamp(24px, 3.4vw, 48px);
	border-radius: 20px;
	background: var(--pp-krem);
}

.ktos-pp-zba-gora {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: clamp(20px, 2.6vw, 36px);
	align-items: center;
}

.ktos-pp-zba-gora .ktos-pp-polaroid {
	max-width: 260px;
}

.ktos-pp-zba-gora .ktos-pp-zb-tytul {
	display: inline;
}

.ktos-pp-zba-gora .ktos-pp-zb-naglowek .ktos-pp-zb-nad {
	margin-bottom: 8px !important;
}

.ktos-pp-zba-prawa {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.ktos-pp-odreczny--a {
	align-self: center;
	text-align: center;
	color: var(--pp-czerwien);
	transform: rotate(-2deg);
}

.ktos-pp-wplata {
	width: 100%;
}

.ktos-pp-wplata .ktos-wplaty-akceptacja {
	margin-top: 10px;
	font-size: 14px;
	text-align: center;
}

/* 2B: jasna, plakatowa */
.ktos-pp-zbiorka--b {
	background: var(--pp-krem);
}

.ktos-pp-zbb {
	display: grid;
	grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.15fr) minmax(0, 1fr);
	gap: clamp(28px, 3.6vw, 56px);
	align-items: start;
}

.ktos-pp-zbb-foto {
	position: relative;
	padding-top: 22px;
}

.ktos-pp-polaroid--duzy {
	transform: rotate(-4deg);
}

.ktos-pp-zbb-serce-obrys {
	position: absolute;
	left: -18px;
	bottom: 20px;
	width: 62px;
	height: 62px;
	color: var(--pp-ink);
	transform: rotate(-14deg);
}

.ktos-pp-zbb-srodek .ktos-pp-zb-tekst {
	font-size: 16.5px;
}

.ktos-pp-cel-duzy .ktos-cel-zebrano {
	font-size: 40px;
}

.ktos-pp-cel-duzy .ktos-cel-pasek {
	height: 24px;
}

.ktos-pp-zbb-wplata {
	position: relative;
	display: flex;
	flex-direction: column;
}

.ktos-pp-odreczny--b {
	max-width: 15em;
	margin-left: auto !important;
	text-align: right;
	transform: rotate(-3deg);
}

.ktos-pp-zbb-strzalka {
	display: block;
	width: 64px;
	height: 64px;
	margin: 4px 0 6px auto;
	color: var(--pp-czerwien);
	transform: scaleX(-1) rotate(24deg);
}

.ktos-pp-wplata--karta {
	padding: 14px;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 10px 24px rgba(39, 39, 39, 0.1);
}

/* ---------------- SEKCJA 3: POMAGAM ---------------- */

.ktos-pp-pomagam-demo {
	/* Miejsce na łąkę stopki, która wchodzi w ostatnią sekcję strony. */
	padding-bottom: calc(22.84vw + 48px);
	background: var(--pp-jasny);
}

.ktos-pp-probki {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(24px, 4vw, 64px);
	justify-content: center;
	align-items: flex-end;
}

.ktos-pp-probka {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	scroll-margin-top: calc(var(--ktos-naglowek-wys, 100px) + 80px);
}

.ktos-pp-probka figcaption {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--pp-braz);
}

.ktos-pp-pomagam {
	display: inline-flex;
	gap: 0.55em;
	align-items: center;
	padding: 16px 22px;
	font-family: var(--pp-sans);
	font-size: var(--ktos-t-cta, 17.6px);
	font-weight: 600;
	line-height: 1.5;
	color: #fff;
	background: var(--pp-czerwien);
}

.ktos-pp-pomagam .ktos-pp-ikona {
	width: 1.25em;
	height: 1.25em;
	color: #fff;
}

.ktos-pp-pomagam--czerwony,
.ktos-pp-pomagam--czarny {
	border-radius: 16px;
	padding: 15px 24px 15px 20px;
}

.ktos-pp-pomagam--czarny {
	background: var(--pp-ink);
}

.ktos-pp-przelacz {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 14px;
	align-items: center;
	justify-content: center;
	margin-top: 36px !important;
	font-size: 16px;
}

.ktos-pp-uwaga {
	max-width: 62ch !important;
	margin: 16px auto 0 !important;
	font-size: 15px;
	line-height: 1.5;
	text-align: center;
	opacity: 0.85;
}

/* ---------------- TABLET ---------------- */

@media (max-width: 1099px) {

	.ktos-pp-zbb {
		grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr);
	}

	.ktos-pp-zbb-wplata {
		grid-column: 1 / -1;
		width: min(100%, 560px);
		margin-inline: auto;
	}

	.ktos-pp-obok-strzalka {
		display: none;
	}
}

@media (max-width: 899px) {

	.ktos-pp-zba,
	.ktos-pp-obok {
		grid-template-columns: minmax(0, 1fr);
	}

	.ktos-pp-obok-tekst {
		text-align: center;
	}

	.ktos-pp-obok-tekst .ktos-pp-misja-tytul,
	.ktos-pp-wiecej--lewo {
		text-align: center;
	}
}

/* ---------------- TELEFON ---------------- */

@media (max-width: 767px) {

	.ktos-pp-w {
		width: calc(100% - 48px);
	}

	.ktos-pp-etykieta > .ktos-pp-w {
		gap: 12px;
	}

	/* 1A: lista — ikona z lewej, kreski poziome między pozycjami. */
	.ktos-pp-dzialamy--3 .ktos-pp-kolumny {
		grid-template-columns: minmax(0, 1fr);
	}

	.ktos-pp-dzialamy--3 .ktos-pp-kol {
		display: grid;
		grid-template-columns: 56px minmax(0, 1fr);
		grid-template-rows: auto auto;
		column-gap: 18px;
		row-gap: 2px;
		align-items: center;
		padding: 18px 4px;
		text-align: left;
	}

	.ktos-pp-dzialamy--3 .ktos-pp-ikona-pole {
		grid-row: 1 / 3;
		width: 56px;
		height: 56px;
		margin: 0;
	}

	.ktos-pp-dzialamy--3 .ktos-pp-kol-tytul {
		align-self: end;
	}

	.ktos-pp-dzialamy--3 .ktos-pp-kol-opis {
		align-self: start;
		max-width: none !important;
	}

	.ktos-pp-dzialamy--3 .ktos-pp-kol + .ktos-pp-kol::before {
		top: 0;
		bottom: auto;
		left: 6%;
		right: 6%;
		width: auto;
		height: 1.6px;
		transform: rotate(-0.5deg);
	}

	/* 1B i 1C: siatka 2 × 2, kreski na krzyż. */
	.ktos-pp-dzialamy--4 .ktos-pp-kolumny {
		--pp-kol: 2;
	}

	.ktos-pp-dzialamy--4 .ktos-pp-kol {
		padding: 22px 10px;
	}

	.ktos-pp-dzialamy--4 .ktos-pp-kol + .ktos-pp-kol::before {
		content: none;
	}

	.ktos-pp-dzialamy--4 .ktos-pp-kol:nth-child(even)::before {
		content: "";
		position: absolute;
		top: 14%;
		bottom: 10%;
		left: 0;
		width: 1.6px;
		border-radius: 2px;
		background: var(--pp-ink);
		opacity: 0.45;
		transform: rotate(1deg);
	}

	.ktos-pp-dzialamy--4 .ktos-pp-kol:nth-child(n+3)::after {
		content: "";
		position: absolute;
		top: 0;
		left: 10%;
		right: 10%;
		height: 1.6px;
		border-radius: 2px;
		background: var(--pp-ink);
		opacity: 0.45;
	}

	.ktos-pp-dzialamy--4 .ktos-pp-ikona-pole {
		width: 52px;
		height: 52px;
	}

	.ktos-pp-kol-tytul {
		font-size: 16px;
	}

	.ktos-pp-kol-opis {
		font-size: 15px;
	}

	.ktos-pp-fala {
		height: 22px;
	}

	.ktos-pp-przycisk {
		width: 100%;
	}

	.ktos-pp-przycisk--maly {
		width: auto;
	}

	/* 2A */
	.ktos-pp-zba {
		padding: 22px 18px 26px;
	}

	.ktos-pp-zba-gora {
		grid-template-columns: minmax(0, 1fr);
		justify-items: center;
		text-align: center;
	}

	.ktos-pp-zba-gora .ktos-pp-polaroid {
		width: min(78%, 260px);
	}

	.ktos-pp-chmura--1 {
		top: 1%;
		width: 70%;
	}

	.ktos-pp-chmura--2 {
		display: none;
	}

	/* 2B */
	.ktos-pp-zbb {
		grid-template-columns: minmax(0, 1fr);
	}

	.ktos-pp-zbb-foto {
		width: min(82%, 300px);
		margin-inline: auto;
	}

	.ktos-pp-zbb-serce-obrys {
		left: -26px;
		width: 50px;
		height: 50px;
	}

	.ktos-pp-cel-duzy .ktos-cel-zebrano {
		font-size: 34px;
	}

	.ktos-pp-odreczny--b {
		margin-right: auto !important;
		text-align: center;
	}

	.ktos-pp-zbb-strzalka {
		margin: 2px auto 4px;
		transform: rotate(80deg);
	}

	.ktos-pp-wplata--karta {
		padding: 8px;
	}

	.ktos-pp-probki {
		gap: 22px;
	}
}

/* =====================================================================
 * WYBRANE WARIANTY NA STRONIE GŁÓWNEJ (2026-10-21): 1B + 2A + 3A
 * ===================================================================== */

/* Sekcja wpięta w szablon strony głównej — tło niesie pasmo dookoła. */
.ktos-pp--osadzone {
	background: transparent;
}

.ktos-zbiorka .ktos-pp--osadzone {
	width: 100%;
	max-width: 1200px !important;
	margin-inline: auto !important;
}

/* ---- 1B: cała kolumna jest odnośnikiem ---- */

.ktos-pp-dzialamy--linki .ktos-pp-kol {
	padding: 0 clamp(6px, 0.8vw, 12px);
}

.ktos-pp a.ktos-pp-kol-link {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	height: 100%;
	padding: 22px clamp(12px, 1.6vw, 26px) 24px;
	border-radius: 20px;
	color: var(--pp-ink);
	text-decoration: none;
	transition: background-color 0.2s, transform 0.2s, box-shadow 0.2s;
}

.ktos-pp-kol-link .ktos-pp-ikona-pole {
	transition: transform 0.25s;
}

.ktos-pp-kol-wiecej {
	display: inline-flex;
	gap: 6px;
	align-items: center;
	margin-top: auto;
	padding-top: 6px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--pp-czerwien);
}

.ktos-pp-kol-wiecej .ktos-pp-ikona {
	width: 18px;
	height: 18px;
	transition: transform 0.2s;
}

.ktos-pp a.ktos-pp-kol-link:hover,
.ktos-pp a.ktos-pp-kol-link:focus-visible {
	background: #fff;
	box-shadow: 0 10px 24px rgba(39, 39, 39, 0.1);
	transform: translateY(-4px);
}

.ktos-pp a.ktos-pp-kol-link:focus-visible {
	outline: 3px solid var(--pp-czerwien);
	outline-offset: 2px;
}

.ktos-pp-kol-link:hover .ktos-pp-ikona-pole,
.ktos-pp-kol-link:focus-visible .ktos-pp-ikona-pole {
	transform: rotate(-6deg) scale(1.06);
}

.ktos-pp-kol-link:hover .ktos-pp-kol-tytul,
.ktos-pp-kol-link:focus-visible .ktos-pp-kol-tytul {
	background-image: var(--pp-kreska);
	background-repeat: no-repeat;
	background-position: 0 100%;
	background-size: 100% 0.4em;
}

.ktos-pp-kol-link:hover .ktos-pp-kol-wiecej .ktos-pp-ikona,
.ktos-pp-kol-link:focus-visible .ktos-pp-kol-wiecej .ktos-pp-ikona {
	transform: translateX(4px);
}

.ktos-pp-dzialamy--linki .ktos-pp-kol-tytul {
	padding-bottom: 4px;
}

@media (prefers-reduced-motion: reduce) {

	.ktos-pp a.ktos-pp-kol-link,
	.ktos-pp-kol-link .ktos-pp-ikona-pole,
	.ktos-pp-kol-wiecej .ktos-pp-ikona {
		transition: none;
		transform: none !important;
	}
}

/* ---- 2A: polaroid ze zmieniającymi się zdjęciami (CSS, bez skryptu) ---- */

.ktos-pp-pokaz {
	display: grid;
	padding-bottom: 0;
}

.ktos-pp-pokaz-slajd {
	grid-area: 1 / 1;
	opacity: 0;
	animation: ktos-pp-pokaz 20s infinite;
}

.ktos-pp-pokaz-slajd:first-child {
	opacity: 1;
}

.ktos-pp-pokaz-slajd:nth-child(2) { animation-delay: -16s; }
.ktos-pp-pokaz-slajd:nth-child(3) { animation-delay: -12s; }
.ktos-pp-pokaz-slajd:nth-child(4) { animation-delay: -8s; }
.ktos-pp-pokaz-slajd:nth-child(5) { animation-delay: -4s; }

@keyframes ktos-pp-pokaz {
	0%, 20% { opacity: 1; }
	24%, 96% { opacity: 0; }
	100% { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {

	.ktos-pp-pokaz-slajd {
		animation: none;
	}
}

.ktos-pp-pokaz-podpis {
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content: center;
	padding: 14px 6px 18px;
	font-family: var(--pp-szeryf);
	font-size: 17px;
	line-height: 1.25;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--pp-ink);
	transform: rotate(-1.5deg);
}

.ktos-pp-zba--ogolna .ktos-pp-zb-tytul {
	line-height: 1.35;
}

/* ---- 2A: „Co daje Twoja wpłata” ---- */

.ktos-pp-daje {
	margin-top: 26px;
}

.ktos-pp-daje-tytul {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 12px;
	align-items: center;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.ktos-pp-przyklad {
	padding: 3px 10px;
	border: 1px dashed var(--pp-braz);
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	font-style: italic;
	letter-spacing: 0.02em;
	text-transform: none;
	color: var(--pp-braz);
}

.ktos-pp-daje-lista {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-top: 12px !important;
	padding: 0;
	list-style: none;
}

.ktos-pp-daje-lista li {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 14px 14px 16px;
	border: 2px solid var(--pp-ink);
	border-radius: 18px;
	background: #fff;
}

.ktos-pp-daje-kwota {
	font-family: var(--pp-szeryf);
	font-size: 28px;
	line-height: 1.1;
	color: var(--pp-czerwien);
}

.ktos-pp-daje-opis {
	font-size: 14.5px;
	line-height: 1.4;
}

/* ---- 2A: BLIK i przelew pod spodem, na całą szerokość karty ---- */

.ktos-pp-inaczej {
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr);
	gap: 18px clamp(24px, 3vw, 48px);
	padding-top: 26px;
	border-top: 2px dashed rgba(39, 39, 39, 0.35);
}

.ktos-pp-inaczej-tytul {
	grid-column: 1 / -1;
	font-family: var(--pp-szeryf);
	font-size: var(--ktos-t-m25, 25px);
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.ktos-pp-inaczej-blik {
	display: flex;
	gap: 16px;
	align-items: center;
}

.ktos-pp-inaczej-blik img {
	width: 110px;
	height: auto;
	border-radius: 0;
	box-shadow: none;
}

.ktos-pp-inaczej-etykieta {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--pp-braz);
}

.ktos-pp-inaczej-numer {
	font-size: 26px;
	font-weight: 700;
	letter-spacing: 0.06em;
	color: var(--pp-ink);
}

.ktos-pp .ktos-pp-inaczej-konto {
	margin-top: 4px;
	font-size: 21px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: 0.03em;
	color: var(--pp-ink);
}

.ktos-pp-inaczej-tytulem {
	margin-top: 8px !important;
	font-size: 15px;
}

.ktos-pp .ktos-kopiuj {
	margin-top: 10px;
	padding: 9px 18px;
	border: 2px solid var(--pp-czerwien);
	border-radius: 999px;
	font-size: 13px;
	font-weight: 700;
	color: var(--pp-czerwien);
}

.ktos-pp .ktos-kopiuj:hover,
.ktos-pp .ktos-kopiuj:focus-visible {
	background: var(--pp-czerwien);
	color: #fff;
}

@media (max-width: 767px) {

	.ktos-pp-dzialamy--linki .ktos-pp-kol {
		padding: 0 4px;
	}

	.ktos-pp a.ktos-pp-kol-link {
		padding: 18px 6px 20px;
	}

	.ktos-pp-kol-wiecej {
		font-size: 12.5px;
	}

	.ktos-pp-daje-lista {
		grid-template-columns: minmax(0, 1fr);
	}

	.ktos-pp-daje-lista li {
		flex-direction: row;
		align-items: baseline;
		gap: 12px;
	}

	.ktos-pp-daje-kwota {
		flex: 0 0 4.2em;
		font-size: 24px;
	}

	.ktos-pp-inaczej {
		grid-template-columns: minmax(0, 1fr);
	}

	.ktos-pp-inaczej-numer {
		font-size: 22px;
	}

	.ktos-pp .ktos-pp-inaczej-konto {
		font-size: 18px;
	}
}

/* Numer konta krojem treści — w krojach szeryfowych cyfry „skaczą”. */
.ktos-pp .ktos-pp-inaczej-konto {
	font-family: var(--pp-sans);
	font-variant-numeric: lining-nums tabular-nums;
	word-spacing: 0.15em;
}

/* „Więcej” w kolumnie: strzałka zostaje przy ostatnim słowie przy zawinięciu. */
.ktos-pp-kol-wiecej {
	display: inline;
	text-align: center;
}

.ktos-pp-kol-link .ktos-pp-kol-wiecej {
	margin-top: auto;
}

.ktos-pp-kol-wiecej .ktos-pp-ikona {
	display: inline-block;
	margin-left: 5px;
	vertical-align: -3px;
}

/* =====================================================================
 * PROPOZYCJE v2 (2026-10-21): 4 „O nas” rozszerzone, 5 Aktualności,
 * 6 „Chcesz pomóc w inny sposób?”
 * ===================================================================== */

.ktos-pp-przyklad {
	display: inline-block;
}

.ktos-pp-onas2 {
	background: var(--pp-jasny);
}

/* ---- 4A: pasek liczb ---- */

.ktos-pp-liczby-przyklad {
	margin-bottom: 10px !important;
	text-align: center;
}

.ktos-pp-liczby-lista {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	padding: 22px 10px;
	border: 2px solid var(--pp-ink);
	border-radius: 24px;
	background: #fff;
	list-style: none;
}

.ktos-pp-liczby-lista li,
.ktos-pp-naklejki li {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	padding: 4px 10px;
	text-align: center;
}

.ktos-pp-liczby-lista li + li::before {
	content: "";
	position: absolute;
	top: 12%;
	bottom: 12%;
	left: 0;
	width: 1.6px;
	border-radius: 2px;
	background: var(--pp-ink);
	opacity: 0.4;
	transform: rotate(2deg);
}

.ktos-pp-liczba {
	font-family: var(--pp-szeryf);
	font-size: clamp(36px, 3.6vw, 54px);
	line-height: 1;
	color: var(--pp-czerwien);
}

.ktos-pp-liczba-opis {
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.3;
	text-transform: uppercase;
}

.ktos-pp-azyl {
	display: grid;
	grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
	gap: clamp(32px, 5vw, 80px);
	align-items: center;
	margin-top: clamp(48px, 5vw, 72px);
}

.ktos-pp-azyl-foto {
	max-width: 440px;
	justify-self: center;
}

.ktos-pp-azyl-foto img {
	aspect-ratio: 4 / 3;
}

.ktos-pp-azyl-lead {
	margin-top: 16px !important;
	font-family: var(--pp-szeryf);
	font-size: var(--ktos-t-m25, 25px);
	line-height: 1.35;
	letter-spacing: 0.02em;
	color: var(--pp-ink);
}

.ktos-pp-renata {
	display: flex;
	gap: 16px;
	align-items: center;
	margin-top: 22px;
}

.ktos-pp-renata-foto {
	flex: 0 0 auto;
	width: 84px;
	height: 84px;
	border: 3px solid #fff;
	border-radius: 50%;
	object-fit: cover;
	box-shadow: 0 0 0 2px var(--pp-ink);
}

.ktos-pp-renata p {
	font-size: 16px;
	line-height: 1.55;
}

.ktos-pp-renata a,
.ktos-pp-prezeska a:not(.ktos-pp-przycisk) {
	color: var(--pp-czerwien);
	font-weight: 600;
}

/* ---- 4B: panorama z naklejkami ---- */

.ktos-pp-panorama {
	position: relative;
	margin-bottom: 96px;
}

.ktos-pp-panorama > img {
	display: block;
	width: 100%;
	height: clamp(260px, 30vw, 440px);
	border-radius: 20px;
	object-fit: cover;
	object-position: 50% 60%;
}

.ktos-pp-panorama-podpis {
	position: absolute;
	top: 18px;
	left: 22px;
	padding: 6px 14px;
	border-radius: 999px;
	background: rgba(39, 39, 39, 0.72);
	font-family: var(--pp-szeryf);
	font-size: 15px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #fff;
}

.ktos-pp-naklejki {
	position: absolute;
	right: 4%;
	bottom: -82px;
	left: 4%;
	display: flex;
	justify-content: space-between;
	padding: 0;
	list-style: none;
}

.ktos-pp-naklejki li {
	justify-content: center;
	width: clamp(140px, 13vw, 176px);
	aspect-ratio: 1;
	border: 2px solid var(--pp-ink);
	border-radius: 50%;
	background: var(--pp-krem);
	box-shadow: 0 8px 18px rgba(39, 39, 39, 0.16);
}

.ktos-pp-naklejki li:nth-child(odd) {
	transform: rotate(-5deg);
}

.ktos-pp-naklejki li:nth-child(even) {
	transform: rotate(4deg) translateY(-14px);
}

.ktos-pp-naklejki .ktos-pp-liczba-opis {
	font-size: 13px;
}

.ktos-pp-liczby-przyklad--srodek {
	margin-bottom: 40px !important;
}

.ktos-pp-prezeska {
	display: grid;
	grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
	gap: clamp(32px, 5vw, 80px);
	align-items: center;
}

.ktos-pp-prezeska-foto {
	max-width: 420px;
	justify-self: center;
	transform: rotate(3deg);
}

.ktos-pp-prezeska-foto img {
	aspect-ratio: 3 / 2;
	object-position: 30% 40%;
}

.ktos-pp-prezeska-zdanie {
	margin-top: 12px !important;
	font-size: 17px;
	line-height: 1.6;
}

.ktos-pp-podpis-odreczny {
	display: flex;
	gap: 8px;
	align-items: center;
	margin-top: 14px !important;
	color: var(--pp-czerwien);
	transform: rotate(-2deg);
	transform-origin: left;
}

/* ---- 5: Aktualności ---- */

.ktos-pp-aktualnosci {
	background: var(--pp-krem);
}

.ktos-pp-akt-naglowek {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	align-items: center;
	justify-content: space-between;
	margin-bottom: clamp(24px, 3vw, 40px);
}

.ktos-pp-akt-naglowek--srodek {
	flex-direction: column;
	justify-content: center;
}

.ktos-pp-akt-sekcja {
	font-family: var(--pp-szeryf);
	font-size: var(--ktos-t-m44, 44px);
	font-weight: 400;
	letter-spacing: 0.03em;
	line-height: 1.15;
	text-transform: uppercase;
	color: var(--pp-ink);
}

.ktos-pp-akt {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
	grid-template-rows: 1fr 1fr;
	gap: 24px;
}

.ktos-pp-akt-wpis--duzy {
	grid-row: 1 / 3;
}

.ktos-pp a.ktos-pp-akt-link {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	border: 2px solid var(--pp-ink);
	border-radius: 20px;
	background: #fff;
	color: var(--pp-ink);
	text-decoration: none;
	transition: transform 0.2s, box-shadow 0.2s;
}

.ktos-pp a.ktos-pp-akt-link:hover,
.ktos-pp a.ktos-pp-akt-link:focus-visible {
	box-shadow: 0 12px 26px rgba(39, 39, 39, 0.14);
	transform: translateY(-4px);
}

.ktos-pp a.ktos-pp-akt-link:focus-visible {
	outline: 3px solid var(--pp-czerwien);
	outline-offset: 3px;
}

.ktos-pp-akt-foto {
	display: block;
	overflow: hidden;
	background: var(--pp-krem);
}

.ktos-pp-akt-foto img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 0;
	box-shadow: none;
	object-fit: cover;
	transition: transform 0.4s;
}

.ktos-pp-akt-link:hover .ktos-pp-akt-foto img {
	transform: scale(1.04);
}

.ktos-pp-akt-wpis--duzy .ktos-pp-akt-foto {
	aspect-ratio: 16 / 9;
}

.ktos-pp-akt-tresc {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 8px;
	padding: 18px 22px 20px;
}

.ktos-pp-akt-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 12px;
	align-items: center;
	font-size: 13.5px;
	color: var(--pp-braz);
}

.ktos-pp-akt-kat {
	padding: 3px 10px;
	border-radius: 999px;
	background: var(--pp-czerwien);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #fff;
}

.ktos-pp-akt-tytul {
	display: -webkit-box;
	overflow: hidden;
	font-family: var(--pp-sans);
	font-size: 19px;
	font-weight: 700;
	line-height: 1.3;
	text-transform: none;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.ktos-pp-akt-wpis--duzy .ktos-pp-akt-tytul {
	font-size: clamp(22px, 1.9vw, 27px);
	-webkit-line-clamp: 3;
}

.ktos-pp-akt-zajawka {
	display: -webkit-box;
	overflow: hidden;
	font-size: 15px;
	line-height: 1.55;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.ktos-pp-akt-czytaj {
	display: inline-flex;
	gap: 6px;
	align-items: center;
	margin-top: auto;
	padding-top: 4px;
	font-size: 13.5px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--pp-czerwien);
}

.ktos-pp-akt-czytaj .ktos-pp-ikona {
	width: 18px;
	height: 18px;
}

/* 5A: małe wpisy — miniatura z lewej */
.ktos-pp-akt--a .ktos-pp-akt-wpis:not(.ktos-pp-akt-wpis--duzy) .ktos-pp-akt-link {
	flex-direction: row;
}

.ktos-pp-akt--a .ktos-pp-akt-wpis:not(.ktos-pp-akt-wpis--duzy) .ktos-pp-akt-foto {
	flex: 0 0 38%;
}

/* 5B: okładka z tytułem na zdjęciu, małe jako karty ze zdjęciem u góry */
.ktos-pp-akt--b .ktos-pp-akt-wpis--duzy .ktos-pp-akt-link {
	position: relative;
	border: 0;
}

.ktos-pp-akt--b .ktos-pp-akt-wpis--duzy .ktos-pp-akt-foto {
	position: absolute;
	inset: 0;
	aspect-ratio: auto;
}

.ktos-pp-akt--b .ktos-pp-akt-wpis--duzy .ktos-pp-akt-tresc {
	position: relative;
	justify-content: flex-end;
	min-height: 460px;
	padding: 28px;
	background: linear-gradient(180deg, rgba(39, 39, 39, 0) 30%, rgba(39, 39, 39, 0.88) 78%);
	color: #fff;
}

.ktos-pp-akt--b .ktos-pp-akt-wpis--duzy .ktos-pp-akt-meta,
.ktos-pp-akt--b .ktos-pp-akt-wpis--duzy .ktos-pp-akt-czytaj {
	color: #fff;
}

.ktos-pp-akt--b .ktos-pp-akt-wpis--duzy .ktos-pp-akt-czytaj {
	margin-top: 4px;
}

.ktos-pp-akt--b .ktos-pp-akt-wpis:not(.ktos-pp-akt-wpis--duzy) .ktos-pp-akt-foto {
	aspect-ratio: 16 / 7;
}

.ktos-pp-akt--b .ktos-pp-akt-wpis:not(.ktos-pp-akt-wpis--duzy) .ktos-pp-akt-zajawka {
	-webkit-line-clamp: 2;
}

/* ---- 6: Chcesz pomóc w inny sposób? ---- */

.ktos-pp-pomoc {
	overflow: hidden;
	background-color: var(--pp-zielen);
	background-image: linear-gradient(180deg, var(--pp-zielen) 0%, var(--pp-zielen-dol) 100%);
	color: #F1F0E9;
}

.ktos-pp-pomoc > .ktos-pp-w {
	position: relative;
	z-index: 1;
}

.ktos-pp-pomoc-tytul {
	font-family: var(--pp-szeryf);
	font-size: var(--ktos-t-m35, 35px);
	font-weight: 400;
	letter-spacing: 0.03em;
	line-height: 1.2;
	text-transform: uppercase;
	color: #F1F0E9;
}

.ktos-pp-pomoc-lead {
	margin-top: 10px !important;
	font-size: var(--ktos-t-lead, 22px);
	line-height: 1.5;
	color: #F1F0E9;
}

.ktos-pp-pomoc-uklad {
	display: grid;
	grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr);
	gap: clamp(32px, 4vw, 64px);
	align-items: center;
}

.ktos-pp-pomoc-foto {
	transform: rotate(-3deg);
}

.ktos-pp-pomoc-foto img {
	aspect-ratio: 4 / 5;
	object-position: 30% 30%;
}

.ktos-pp-kafle {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	margin-top: 24px !important;
	padding: 0;
	list-style: none;
}

.ktos-pp-kafle > li {
	display: flex;
}

.ktos-pp a.ktos-pp-kafel,
.ktos-pp-kafel {
	position: relative;
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	padding: 18px 18px 20px;
	border: 2px solid transparent;
	border-radius: 20px;
	background: var(--pp-krem);
	color: var(--pp-ink);
	text-decoration: none;
	transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
}

.ktos-pp a.ktos-pp-kafel:hover,
.ktos-pp a.ktos-pp-kafel:focus-visible {
	border-color: var(--pp-ink);
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18);
	transform: translateY(-4px);
}

.ktos-pp a.ktos-pp-kafel:focus-visible {
	outline: 3px solid #fff;
	outline-offset: 2px;
}

.ktos-pp-kafel-ikona {
	display: block;
	width: 46px;
	height: 46px;
	margin-bottom: 4px;
	transition: transform 0.25s;
}

.ktos-pp-kafel:hover .ktos-pp-kafel-ikona {
	transform: rotate(-6deg) scale(1.06);
}

.ktos-pp-kafel-tytul {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.25;
	text-transform: uppercase;
}

.ktos-pp-kafel-opis {
	font-size: 14.5px;
	line-height: 1.45;
}

.ktos-pp-kafel-social {
	display: flex;
	gap: 10px;
	margin-top: 4px;
}

.ktos-pp-kafel-social a {
	display: inline-flex;
	width: 44px;
	height: 44px;
	padding: 8px;
	border-radius: 50%;
	background: var(--pp-ink);
	color: #fff;
	transition: background-color 0.2s;
}

.ktos-pp-kafel-social a:hover,
.ktos-pp-kafel-social a:focus-visible {
	background: var(--pp-czerwien);
}

.ktos-pp-brak-strony {
	position: absolute;
	top: 12px;
	right: 12px;
	padding: 2px 8px;
	border: 1px dashed var(--pp-braz);
	border-radius: 999px;
	font-size: 11px;
	font-style: italic;
	color: var(--pp-braz);
}

.ktos-pp-pomoc .ktos-pp-wiecej {
	margin-top: 28px !important;
}

/* 6B: zdjęcie jako tło */
.ktos-pp-pomoc--b {
	position: relative;
	text-align: center;
}

.ktos-pp-pomoc-tlo {
	position: absolute;
	inset: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 30%;
	opacity: 0.32;
	mix-blend-mode: luminosity;
}

.ktos-pp-pomoc--b::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(70, 90, 82, 0.35), rgba(88, 96, 41, 0.75));
}

.ktos-pp-pomoc-naglowek {
	position: relative;
	max-width: 760px;
	margin: 0 auto;
}

.ktos-pp-pomoc-strzalka {
	position: absolute;
	right: -10px;
	bottom: -54px;
	width: 70px;
	height: 70px;
	color: #F1F0E9;
	transform: rotate(60deg);
}

.ktos-pp-kafle--rzad {
	grid-template-columns: repeat(6, minmax(0, 1fr));
	margin-top: 56px !important;
}

.ktos-pp-kafle--rzad .ktos-pp-kafel {
	align-items: center;
	justify-content: center;
	padding: 22px 10px 20px;
	text-align: center;
}

.ktos-pp-kafle--rzad .ktos-pp-kafel-ikona {
	width: 52px;
	height: 52px;
}

.ktos-pp-kafle--rzad .ktos-pp-kafel-tytul {
	font-size: 14.5px;
}

.ktos-pp-kafle--rzad .ktos-pp-brak-strony {
	position: static;
	margin-top: 2px;
}

/* Na stronie głównej sekcja z propozycji zastępuje zieloną „Chcesz pomóc…”
   z części wspólnej — chowamy tamtą tylko tutaj (arkusz ładuje się tylko na
   stronie głównej i makiecie). */
body.home .ktos-pomoc-inaczej {
	display: none;
}

@media (max-width: 1099px) {

	.ktos-pp-kafle--rzad {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.ktos-pp-naklejki li {
		width: 128px;
	}
}

@media (max-width: 899px) {

	.ktos-pp-azyl,
	.ktos-pp-prezeska,
	.ktos-pp-pomoc-uklad,
	.ktos-pp-akt {
		grid-template-columns: minmax(0, 1fr);
	}

	.ktos-pp-akt {
		grid-template-rows: none;
	}

	.ktos-pp-akt-wpis--duzy {
		grid-row: auto;
	}

	.ktos-pp-pomoc-bok {
		width: min(70%, 320px);
		margin-inline: auto;
	}

	.ktos-pp-pomoc-foto img {
		aspect-ratio: 4 / 3;
	}

	.ktos-pp-pomoc-glowna {
		text-align: center;
	}

	.ktos-pp-pomoc-glowna .ktos-pp-wiecej--lewo {
		text-align: center;
	}
}

@media (max-width: 767px) {

	.ktos-pp-liczby-lista {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		row-gap: 18px;
	}

	.ktos-pp-liczby-lista li + li::before {
		content: none;
	}

	.ktos-pp-liczby-lista li:nth-child(even)::before {
		content: "";
	}

	.ktos-pp-liczba-opis {
		font-size: 13px;
	}

	.ktos-pp-panorama {
		margin-bottom: 24px;
	}

	.ktos-pp-naklejki {
		position: static;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 14px;
		justify-items: center;
		margin-top: -40px;
	}

	.ktos-pp-naklejki li {
		width: 140px;
	}

	.ktos-pp-naklejki li:nth-child(even) {
		transform: rotate(4deg);
	}

	.ktos-pp-renata {
		align-items: flex-start;
		text-align: left;
	}

	.ktos-pp-renata-foto {
		width: 64px;
		height: 64px;
	}

	.ktos-pp-akt--a .ktos-pp-akt-wpis:not(.ktos-pp-akt-wpis--duzy) .ktos-pp-akt-link {
		flex-direction: column;
	}

	.ktos-pp-akt--a .ktos-pp-akt-wpis:not(.ktos-pp-akt-wpis--duzy) .ktos-pp-akt-foto {
		flex: none;
		aspect-ratio: 16 / 9;
	}

	.ktos-pp-akt--b .ktos-pp-akt-wpis--duzy .ktos-pp-akt-tresc {
		min-height: 380px;
		padding: 20px;
	}

	.ktos-pp-akt-sekcja {
		font-size: 30px;
	}

	.ktos-pp-kafle,
	.ktos-pp-kafle--rzad {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
		text-align: left;
	}

	.ktos-pp a.ktos-pp-kafel,
	.ktos-pp-kafel {
		padding: 14px 12px 16px;
	}

	.ktos-pp-kafel-tytul {
		font-size: 14px;
	}

	.ktos-pp-kafel-opis {
		font-size: 13.5px;
	}

	.ktos-pp-brak-strony {
		position: static;
	}

	.ktos-pp-pomoc-strzalka {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {

	.ktos-pp a.ktos-pp-akt-link,
	.ktos-pp-akt-foto img,
	.ktos-pp a.ktos-pp-kafel,
	.ktos-pp-kafel-ikona {
		transition: none;
		transform: none !important;
	}
}

/* 4A wpięte pod kolumny 1B: oddech między przyciskiem a paskiem liczb. */
.ktos-pp-dzialamy--linki .ktos-pp-liczby {
	margin-top: clamp(48px, 5vw, 72px);
}

/* =====================================================================
 * v3 (2026-10-21): poprawki po akceptacji fundacji
 * ===================================================================== */

/* Sekcje wpięte w szablon jako bezpośrednie dzieci .wp-site-blocks dostawały
   od rdzenia 24 px odstępu bloków — jasny pasek tła między pasmami (zmierzone:
   hero → „O nas” i 1,5% → pomoc, po 24 px przy 1920 i 375). Pasma mają się stykać. */
.wp-site-blocks > .ktos-pp--osadzone {
	margin-block-start: 0;
}

/* Pasek liczb z trzema pozycjami — trzy kolumny także na telefonie. */
.ktos-pp-liczby--3 .ktos-pp-liczby-lista {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 767px) {

	.ktos-pp-liczby--3 .ktos-pp-liczby-lista {
		padding: 18px 4px;
	}

	.ktos-pp-liczby--3 .ktos-pp-liczby-lista li {
		padding: 2px 6px;
	}

	.ktos-pp-liczby--3 .ktos-pp-liczby-lista li + li::before {
		content: "";
	}

	.ktos-pp-liczby--3 .ktos-pp-liczba-opis {
		font-size: 11.5px;
	}
}

/* Cytat w hero o 17% mniejszy — wszystkie trzy wartości reguły z style.css
   (clamp(1.25rem, 2.45vw, 2.375rem)) razy 0,83, więc dotyczy też telefonu. */
body.home .ktos-cytat {
	font-size: clamp(1.0375rem, 2.0335vw, 1.97125rem);
}

/* ---------------------------------------------------------------------
 * v3, poprawka szerokości (2026-10-21): „O nas” ma wypełniać tę samą
 * szerokość treści co zbiórka (1200 px). Pasy kolumn, liczb i azylu już ją
 * miały (zmierzone 1200 przy 1280–1920); wąsko wyglądały zdanie o misji
 * (820 px) i polaroid azylu (440 px). Aktualności stały w kolumnie 1099 px
 * z szablonu — też do 1200, żeby trzy pasma miały jedną krawędź.
 * Telefon bez zmian (wszystko i tak idzie tam na całą szerokość).
 * ------------------------------------------------------------------- */
@media (min-width: 768px) {

	.ktos-pp-dzialamy--linki .ktos-pp-misja {
		max-width: 1200px;
	}

	.ktos-pp-dzialamy--linki .ktos-pp-misja-tekst {
		max-width: 960px !important;
		margin-inline: auto !important;
	}

	.ktos-pp-azyl {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}

	.ktos-pp-azyl-foto {
		max-width: 540px;
	}

	.ktos-aktualnosci > .ktos-pp-aktualnosci-osadzone {
		width: min(1200px, 100%);
		max-width: 1200px !important;
	}
}

/* ---------------------------------------------------------------------
 * Wyśrodkowanie (2026-10-21, prośba fundacji): „Co daje Twoja wpłata”
 * i blok „Wolisz inaczej?” — BLIK i przelew jako dwie równe, wyśrodkowane
 * kolumny wyrównane do góry, z kreską między nimi.
 * ------------------------------------------------------------------- */
.ktos-pp-daje-tytul {
	justify-content: center;
	text-align: center;
}

.ktos-pp-daje-lista li {
	align-items: center;
	text-align: center;
}

.ktos-pp-inaczej {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	align-items: start;
}

.ktos-pp-inaczej-tytul {
	text-align: center;
}

.ktos-pp-inaczej-blik,
.ktos-pp-inaczej-przelew {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	text-align: center;
}

.ktos-pp-inaczej-blik img {
	order: -1;
	height: 46px;
	width: auto;
	margin-bottom: 6px;
}

.ktos-pp-inaczej-blik > div {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
}

.ktos-pp .ktos-pp-inaczej-konto,
.ktos-pp-inaczej-tytulem {
	margin-top: 0 !important;
}

.ktos-pp-inaczej-przelew .ktos-kopiuj {
	margin-top: 4px;
}

.ktos-pp-inaczej-przelew .ktos-kopiuj-status {
	margin-left: 0;
}

@media (min-width: 768px) {

	.ktos-pp-inaczej-przelew {
		padding-left: clamp(24px, 3vw, 48px);
		border-left: 2px dashed rgba(39, 39, 39, 0.25);
	}

	/* Etykiety obu kolumn na jednej wysokości: BLIK ma logo nad etykietą,
	   więc przelew dostaje tyle samo miejsca nad swoją. */
	.ktos-pp-inaczej-przelew {
		padding-top: 52px;
	}
}

@media (max-width: 767px) {

	.ktos-pp-daje-lista li {
		flex-direction: column;
		align-items: center;
		gap: 2px;
		text-align: center;
	}

	.ktos-pp-daje-kwota {
		flex: none;
	}

	.ktos-pp-inaczej {
		grid-template-columns: minmax(0, 1fr);
	}

	.ktos-pp-inaczej-przelew {
		padding-top: 22px;
		border-top: 2px dashed rgba(39, 39, 39, 0.25);
	}
}

/* ---------------------------------------------------------------------
 * Poprawki 2026-10-21 wieczór (prośba fundacji):
 * 1. „Wolisz inaczej?” — kolumny wyśrodkowane w pionie zamiast wyrównania
 *    do góry z wyściółką; przelew (wyższy blok) nie zwisa już pod BLIK-iem.
 * 2. „Wpłać online” — odręczne kreski po obu stronach, skierowane w dół,
 *    na formularz (ten sam styl co „promienie” przy sercu).
 * ------------------------------------------------------------------- */
.ktos-pp-inaczej {
	align-items: center;
}

.ktos-pp-inaczej-tytul {
	align-self: start;
}

@media (min-width: 768px) {

	.ktos-pp-inaczej-przelew {
		padding-top: 0;
	}
}

.ktos-pp-odreczny--a {
	position: relative;
	padding: 0 46px;
}

.ktos-pp-odreczny--a::before,
.ktos-pp-odreczny--a::after {
	content: "";
	position: absolute;
	top: 8px;
	width: 36px;
	height: 36px;
	background: var(--pp-czerwien);
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path d="M6 3l10 12M1.5 16l11.5 7M19 1.5l4 10.5" fill="none" stroke="black" stroke-width="3" stroke-linecap="round"/></svg>') no-repeat center / contain;
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path d="M6 3l10 12M1.5 16l11.5 7M19 1.5l4 10.5" fill="none" stroke="black" stroke-width="3" stroke-linecap="round"/></svg>') no-repeat center / contain;
}

.ktos-pp-odreczny--a::before {
	left: 0;
}

.ktos-pp-odreczny--a::after {
	right: 0;
	transform: scaleX(-1);
}