/*
 * Seif – alleen op pagina's met de Seif-paginastijl: uitlijning en kaartrijen
 * Regel: alles overzichtelijk en uitgelijnd. Kaartengroepen vullen altijd volle rijen.
 */

/* 1. Afbeelding in een pagina: zelfde kolom als de tekst, max. 820 px, links uitgelijnd */
.seif-lp figure.wp-block-image.seif-illu{max-width:1100px!important;margin:28px auto 0!important}
.seif-lp .wp-block-image.seif-illu img{display:block;width:100%;max-width:820px;height:auto;border-radius:18px;border:1px solid rgba(210,213,225,.12);box-shadow:0 20px 45px rgba(0,0,0,.35)}
.seif-lp .wp-block-image.seif-illu figcaption{max-width:820px;margin:10px 0 0;color:#D2D5E1;opacity:.8;font-size:15px;text-align:left}

/* 2. Kaartengroepen vullen volle rijen
 * Desktop: 12 kolommen, standaard 3 per rij. Rest wordt verdeeld:
 * 2 over → 2 brede kaarten; 1 over → laatste 4 kaarten 2 per rij; 4 stappen → 4 op één rij. */
@media (min-width:901px){
	.seif-lp .seif-checks,.seif-lp .seif-steps{grid-template-columns:repeat(12,minmax(0,1fr))!important}
	.seif-lp :is(.seif-checks,.seif-steps)>li{grid-column:span 4!important}
	.seif-lp :is(.seif-checks,.seif-steps)>li:only-child{grid-column:span 12!important}
	.seif-lp :is(.seif-checks,.seif-steps)>li:nth-child(3n+2):last-child,
	.seif-lp :is(.seif-checks,.seif-steps)>li:nth-child(3n+1):nth-last-child(2){grid-column:span 6!important}
	.seif-lp :is(.seif-checks,.seif-steps)>li:nth-child(3n+1):nth-last-child(4),
	.seif-lp :is(.seif-checks,.seif-steps)>li:nth-child(3n+1):nth-last-child(4)~li{grid-column:span 6!important}
	.seif-lp .seif-steps>li:first-child:nth-last-child(4),
	.seif-lp .seif-steps>li:first-child:nth-last-child(4)~li{grid-column:span 3!important}
}
/* Tablet: 2 per rij; een losse laatste kaart wordt volle breedte (ook prijskaarten). */
@media (min-width:601px) and (max-width:900px){
	.seif-lp .seif-checks,.seif-lp .seif-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}
	.seif-lp :is(.seif-checks,.seif-steps)>li{grid-column:auto!important}
	.seif-lp :is(.seif-checks,.seif-steps)>li:nth-child(odd):last-child{grid-column:1 / -1!important}
}
@media (min-width:601px) and (max-width:1024px){
	.seif-lp :is(.seif-plans,.seif-prices)>:nth-child(odd):last-child{grid-column:1 / -1!important}
}

/* 3. Vaste ruimte tussen een kaartengroep en de tekst eronder */
.seif-lp :is(.seif-steps,.seif-checks,.seif-grid2,.seif-grid3,.seif-grid4,.seif-prices,.seif-plans,.seif-duo,.seif-rates,.seif-surch,.seif-chips,.seif-quote)+p{margin-top:24px!important}