.b-combineer{isolation:isolate}
.b-combineer .wrap{position:relative}
.b-combineer__plus{position:absolute;z-index:-1;right:-4%;top:12%;font:300 clamp(26rem,14rem + calc(34*var(--vw)),48rem)/.6 var(--font-titel);color:transparent;-webkit-text-stroke:3px var(--b-lijn);transform:rotate(12deg);pointer-events:none;user-select:none}
.b-combineer__kaarten{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,calc(2.4*var(--vw)),1.8rem)}
.b-combineer__kaarten a{display:flex;flex-direction:column;height:100%;border-radius:var(--b-r-kaart);overflow:hidden;background:var(--b-wit);color:var(--b-inkt);text-decoration:none;box-shadow:0 1px 2px rgba(10,10,10,.05),0 22px 44px -30px rgba(10,10,10,.45);transition:transform .45s var(--b-ease)}
.b-combineer__vak{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--b-roze)}
.b-combineer__vak img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--b-ease)}
.b-combineer__tekst{display:flex;flex-direction:column;gap:.45rem;flex:1;padding:1.15rem 1.25rem 1.3rem}
.b-combineer__tekst b{font:600 1.15rem/1.3 var(--font-kop)}
.b-combineer__tekst span{color:var(--b-zacht);font-size:.95rem;line-height:1.55}
.b-combineer__meer{display:inline-flex;align-items:center;gap:.5rem;margin-top:auto;padding-top:.5rem;color:var(--b-bordeaux);font:600 .92rem/1.2 var(--font-kop)}
.b-combineer__meer svg{width:.95rem;height:.95rem;transition:transform .35s var(--b-ease)}
.b-combineer__kaarten a:focus-visible{outline:3px solid var(--b-bordeaux);outline-offset:3px}
@media (hover:hover){
.b-combineer__kaarten a:hover{transform:translateY(-4px)}
.b-combineer__kaarten a:hover img{transform:scale(1.05)}
.b-combineer__kaarten a:hover .b-combineer__meer svg{transform:translateX(4px)}
}
.b-combineer__kaarten a:focus-visible .b-combineer__meer svg{transform:translateX(4px)}
@media (max-width:899px){
.b-combineer__kaarten{grid-template-columns:1fr;max-width:34rem}
.b-combineer__plus{top:auto;bottom:-6rem;right:-8rem;font-size:24rem}
}
@media (prefers-reduced-motion:reduce){
.b-combineer__kaarten a,.b-combineer__kaarten img,.b-combineer__meer svg{transform:none!important}
}
.b-combineer__vak{position:relative}
.b-combineer__vak::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--b-signaal);
transform:scaleX(.18);transform-origin:0 50%;transition:transform .5s var(--b-ease)}
.b-combineer__tekst{position:relative}
.b-combineer__tekst::before{content:"";position:absolute;right:1.1rem;top:-1.8rem;width:3.4rem;height:3.4rem;border-radius:50%;
background:var(--b-wit) url(/assets/img/icon/particulier.webp) center/64% no-repeat;
box-shadow:0 0 0 4px var(--b-wit),0 10px 22px -12px rgba(69,10,20,.45);transition:transform .45s var(--b-ease)}
.b-combineer__kaarten li:nth-child(2) .b-combineer__tekst::before{background-image:url(/assets/img/icon/zakelijk.webp)}
.b-combineer__kaarten li:nth-child(3) .b-combineer__tekst::before{background-image:url(/assets/img/icon/opslag.webp)}
.b-combineer__tekst b{padding-right:3.4rem}
@media (hover:hover){
.b-combineer__kaarten a:hover .b-combineer__vak::after{transform:scaleX(1)}
.b-combineer__kaarten a:hover .b-combineer__tekst::before{transform:rotate(-10deg) scale(1.06)}
}
.b-combineer__kaarten a:focus-visible .b-combineer__vak::after{transform:scaleX(1)}
@media (prefers-reduced-motion:reduce){
.b-combineer__vak::after,.b-combineer__tekst::before{transition:none}
}