/**
 * Sekcja: certyfikaty.
 * Figma 14557:2012 — pas 1440×406 na białym tle. Kolumna lewa od x=78, szerokość 235:
 * nagłówek 235×58 od y=122, pod nim strzałki karuzeli (y=237). Rząd kart od x=396,
 * y=100, karty 291×206 z odstępem 24 — rząd wychodzi za kontener do krawędzi kadru.
 */

.home-certs {
	background-color: var(--color-white);
	padding-block: 100px;
}

.home-certs__inner {
	display: grid;
	grid-template-columns: 235px minmax(0, 1fr);
	gap: 83px;
	align-items: start;
}

.home-certs__head {
	margin-top: 22px;
}

.home-certs__heading {
	margin: 0 0 57px;
}

/* Rząd wychodzi poza kontener na szerokość guttera, żeby przy 1440 px sięgał krawędzi
   kadru — tak jak w makiecie, gdzie czwarta karta jest przycięta brzegiem ekranu. */
.home-certs__row {
	margin-right: calc(-1 * var(--container-gutter));
}

.home-certs__row .logo-row {
	gap: 0;
}

.home-certs__row .logo-row__list {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	gap: var(--space-md);
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	scrollbar-width: none;
	overscroll-behavior-x: contain;
}

.home-certs__row .logo-row__list::-webkit-scrollbar {
	display: none;
}

.home-certs__row .logo-row__item {
	flex: 0 0 291px;
	height: 206px;
	padding: 24px;
	border: 1px solid var(--color-hairline);
	border-radius: var(--radius-sm);
	background-color: var(--color-white);
	scroll-snap-align: start;
}

.home-certs__row .logo-row__img {
	max-height: 158px;
}

/* Certy 3–5 to skany dokumentów (PNG) — w makiecie wypełniają kartę 291×206
   bez paddingu (14511:15154 / 15191 / 15214). Wordmarki SVG zostają wyśrodkowane. */
.home-certs__row .logo-row__item:has(.logo-row__img[src$=".png"]) {
	padding: 0;
	overflow: hidden;
}

.home-certs__row .logo-row__item:has(.logo-row__img[src$=".png"]) .logo-row__img {
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	object-fit: cover;
}

@media (max-width: 991px) {
	.home-certs__inner {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--space-lg);
	}

	.home-certs__row {
		margin-right: 0;
	}
}