/**
 * Sekcja: siatka usług.
 * Figma 14557:2989 — sekcja 1440×1456, kontener 1288×1300 z marginesem 78/78.
 * Siatka 3 kolumny po 360 z odstępem 104 w poziomie i 101 w pionie; pierwsze pole
 * zajmuje nagłówek „Nasze usługi" (48/57,6, zieleń), wyrównany do y=171 pola.
 */

.uslugi-grid {
	background-color: var(--color-surface);
	padding-block: 78px;
	--card-service-link-color: var(--color-black);
}

.uslugi-grid__list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	column-gap: 104px;
	row-gap: 101px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.uslugi-grid__intro {
	display: flex;
	align-items: flex-start;
	padding-top: 171px;
}

.uslugi-grid__heading {
	margin: 0;
}

.uslugi-grid__item {
	display: flex;
}

.uslugi-grid__item > * {
	flex: 1 1 auto;
}

.uslugi-grid__item--accent {
	--card-service-link-color: var(--color-primary);
}

.uslugi-grid .card-service--photo .card-service__excerpt {
	color: var(--color-body);
}

@media (max-width: 1199px) {
	.uslugi-grid__list {
		column-gap: var(--space-xl);
		row-gap: var(--space-xl);
	}

	.uslugi-grid__intro {
		padding-top: 0;
	}
}

@media (max-width: 767px) {
	.uslugi-grid__list {
		grid-template-columns: minmax(0, 1fr);
		row-gap: var(--space-lg);
	}
}