/* Featured projects (prototype: Home "Projecten", Dienst "Projecten") */
.eba-pkk__kop { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 16px; margin-bottom: 32px; }
.eba-pkk__titels { display: grid; gap: 6px; }
.eba-pkk__raster { display: grid; grid-template-columns: repeat(auto-fill, minmax(max(min(100%, 17.5rem), calc((100% - 48px) / 3)), 1fr)); gap: 24px; }
.eba-pkk--eenvoudig .eba-pkk__kop { margin-bottom: 40px; }
.eba-pkk--eenvoudig .eba-pkk__titels { gap: 10px; }
.eba-pkk--eenvoudig .eba-pkk__raster { grid-template-columns: repeat(auto-fit, minmax(min(100%, 18.75rem), 1fr)); }

/* Homepage cards on phones and tablets: one row that scrolls sideways (snap), the next card peeks in */
@media (max-width: 63.99em) {
	.eba-pkk--kaarten .eba-pkk__raster {
		grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: min(80%, 20rem);
		overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: none;
		margin: 0 calc(-1 * var(--eba-goot)); padding: 4px var(--eba-goot) 10px; scroll-padding: 0 var(--eba-goot);
	}
	.eba-pkk--kaarten .eba-pkk__raster::-webkit-scrollbar { display: none; }
	.eba-pkk--kaarten .eba-pkk__raster > * { scroll-snap-align: start; position: relative; }
}