/* Blok: Stappen — processtappen met icoon in een grid. Kop + intro gecentreerd. */
.block-steps { background: var(--amazing-bg); padding-block: 72px; } /* Figma-meerderheid: band #242424 (grijs) — kantoren/productie/bouw/food */
.block-steps__inner { text-align: center; }
.block-steps__title { font-size: clamp(28px, 2.2vw, 40px); margin-bottom: 12px; }
.block-steps__intro { font-size: 16px; line-height: 1.5; max-width: 940px; margin: 0 auto 44px; opacity: .9; }
.block-steps__grid {
	list-style: none; margin: 0; padding: 0; text-align: left;
	display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; /* Figma: 22px tussen kaarten */
}
/* Ontwerp: rechthoekige kaarten (GEEN afronding), geen rand. */
.block-steps__item {
	background: var(--amazing-footer); padding: 35px 34px; /* Figma: kaart #161616 (zwart), 35px padding */
}
/* Pagina's die in Figma het omgekeerde schema tonen: band zwart / kaarten grijs. */
body.page-kinderopvang .block-steps,
body.page-zorginstellingen .block-steps { background: var(--amazing-footer); }
body.page-kinderopvang .block-steps__item,
body.page-zorginstellingen .block-steps__item { background: var(--amazing-bg); }
/* Processicoon in accentgoud (recolorbaar CSS-mask). */
.block-steps__icon {
	display: block; width: 48px; height: 48px; margin-bottom: 21px;
	background-color: var(--amazing-accent);
	-webkit-mask: var(--step-icon) center / contain no-repeat;
	        mask: var(--step-icon) center / contain no-repeat;
}
.block-steps__item-title { font-family: var(--amazing-font-body); font-weight: 700; font-size: 16px; text-transform: uppercase; letter-spacing: .01em; line-height: 1.3; margin-bottom: 13px; }
.block-steps__item-text { font-size: 16px; line-height: 1.3125; margin: 0; } /* Figma: Poppins 16px / 21px line-height / wit */

@media (max-width: 900px) { .block-steps__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .block-steps__grid { grid-template-columns: 1fr; } }