/* ==========================================================================
   Block: Services
   Сетка: 3 колонки (gap 20 / 12 / 12) · 375 — 2 колонки (gap 8),
   кнопка «Каталог услуг» на всю ширину под заголовком.
   ========================================================================== */

.services__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

@media (max-width: 1919.98px) {
	.services__grid {
		gap: 12px;
	}
}

@media (max-width: 1023.98px) {
	.services .section-head {
		gap: 20px;
		margin-bottom: 8px;
	}

	.services__btn {
		width: 100%;
	}

	.services__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
	}
}