/* Dienstkaarten op de homepage: 3D-model als achtergrond rechts, deels buiten de kaart.
   Aan/uit met de optie actifaid_kaart_3d (zie inc/kaart-3d.php); uit = de oude icoontegels. */
.home .quick-grid .qcard.ico-walk,
.home .quick-grid .qcard.ico-shield,
.home .quick-grid .qcard.ico-calendar { overflow: hidden; isolation: isolate; padding-right: calc(var(--px) + 40px); }
.home .quick-grid .qcard.ico-walk::before,
.home .quick-grid .qcard.ico-shield::before,
.home .quick-grid .qcard.ico-calendar::before {
	content: ""; position: absolute; z-index: -1; top: 50%; right: -72px; width: 210px; height: 210px; margin: 0; border-radius: 0;
	background: var(--q3d) center / contain no-repeat; opacity: .24; filter: blur(5px);
	transform: translateY(-50%) rotate(-8deg); transition: transform .5s cubic-bezier(.2,.8,.2,1), opacity .3s, filter .4s;
}
.home .quick-grid .qcard.ico-walk::after,
.home .quick-grid .qcard.ico-shield::after,
.home .quick-grid .qcard.ico-calendar::after { display: none; }
.home .quick-grid .qcard.ico-walk:hover::before,
.home .quick-grid .qcard.ico-shield:hover::before,
.home .quick-grid .qcard.ico-calendar:hover::before { opacity: .36; filter: blur(2.5px); transform: translateY(-54%) rotate(0deg) scale(1.05); }
.home .qcard.ico-walk { --q3d: url(../img/3d/walk.webp); }
.home .qcard.ico-shield { --q3d: url(../img/3d/shield.webp); }
.home .qcard.ico-calendar { --q3d: url(../img/3d/calendar.webp); }
@media (prefers-reduced-motion: reduce) { .home .quick-grid .qcard::before { transition: none; } }