/* ============================================================
   Agru-Frank — Sekcja "Część grupy AGRU" (home) — Phase 3 (HOME-09)
   Trust band na grafitowym tle (jak footer dark). Tekst + 3 punkty.
   Przed CTA: rytm aktualności(szary) → AGRU(grafit) → CTA(niebieski).
   Tokeny z base.css. ⚠ Typografia TYMCZASOWA — retype po Księdze znaku.
   ============================================================ */

.partners {
	background: var(--graphite);
	color: var(--white);
}

.partners__inner {
	max-width: var(--container-text);
	margin-inline: auto;
	text-align: center;
}

/* --- Nagłówek sekcji: .section-head w utilities.css --- */

/* --- 3 punkty: stack mobile, rząd desktop --- */
.partners__points {
	display: grid;
	row-gap: var(--space-24);
	column-gap: var(--space-32);
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
}
@media (min-width: 768px) {
	.partners__points {
		grid-template-columns: repeat(3, 1fr);
	}

	.partners__point {
		justify-content: center;
	}
}

.partners__point {
	position: relative;
	display: flex;
	align-items: center;
	gap: var(--space-8);
	padding-top: var(--space-16);
	font-size: var(--text-body);
	font-weight: 600;
	line-height: 1.4;
	color: color-mix(in srgb, var(--white) 92%, transparent);
	border-top: 2px solid var(--blue-light);   /* akcent górny — feature marker */
}

.partners__point .u-card-icon {
	flex-shrink: 0;   /* bez tego flex-row scisical ikone razem z tekstem — rozny rozmiar zaleznie od dlugosci tekstu/szerokosci kolumny */
	margin-bottom: 0;   /* nadpisuje utilities.css — ikona w 1 wierszu z tekstem, nie nad nim */
	color: var(--blue-light);   /* nadpisuje --blue z utilities.css — kontrast na grafitowym tle */
}