.bk-iconlist { display: grid; gap: 1rem 1.5rem; color: var(--bk-iconlist-text, inherit); background: #fff; border-radius: 20px; padding: 20px }
.bk-iconlist--cols-1 { grid-template-columns: 1fr; }
.bk-iconlist--cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bk-iconlist--cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.bk-iconlist--cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.bk-iconlist__item { display: grid; grid-template-columns: 1.75rem 1fr; gap: 0.75rem; align-items: center; line-height: 1.5;    padding-bottom: 5px}
.bk-iconlist__item:not(:last-child) {border-bottom: 1px solid var(--color-line);}
.bk-iconlist__icon { color: var(--bk-iconlist-icon, var(--color-primary-500)); font-size: 1.1rem; line-height: 1.5; display: inline-flex; align-items: center; justify-content: center; }
.bk-iconlist__icon i, .bk-iconlist__icon .fa, .bk-iconlist__icon svg { font-size: inherit; color: inherit; }
.bk-iconlist__body { display: flex; flex-direction: column; gap: 0.15rem; min-width: 0; }
.bk-iconlist__text { color: inherit; }
.bk-iconlist__body:has(.bk-iconlist__sub) .bk-iconlist__text { font-weight: 700; color: var(--color-content-heading, inherit); font-size: 1.05rem; }
.bk-iconlist__sub { color: var(--color-content-faded); font-size: 0.95rem; line-height: 1.4; }

/* Cards-variant: elke rij krijgt eigen witte card, wrapper wordt transparant */
.bk-iconlist--cards { background: transparent; padding: 0; border-radius: 0; gap: 1rem 1.25rem; }
.bk-iconlist--cards .bk-iconlist__item { background: #fff; border-radius: 1rem; padding: 1.25rem 1.5rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); border-bottom: 0; padding-bottom: 1.25rem; transition: box-shadow 200ms ease, transform 200ms ease; }
.bk-iconlist--cards .bk-iconlist__item:not(:last-child) { border-bottom: 0; }
.bk-iconlist--cards .bk-iconlist__icon { font-size: 1.4rem; }

/* Tablet: 3- en 4-koloms krijgen 2-kolom tussenstap */
@media (max-width: 1024px) {
	.bk-iconlist--cols-3, .bk-iconlist--cols-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* Mobiel: alles naar 1 kolom */
@media (max-width: 640px) {
	.bk-iconlist--cols-2, .bk-iconlist--cols-3, .bk-iconlist--cols-4 { grid-template-columns: 1fr; }
	.bk-iconlist { padding: 1rem; }
	.bk-iconlist--cards .bk-iconlist__item { padding: 1rem 1.25rem; }
}