/* Kleine productfoto's vloeien zacht in (docs/features/snelle-productfotos.md).
   Alleen als foto-invloeien.js draait (.mf-fade-aan op <html>); zonder JS blijven
   ze zichtbaar. Opacity verschuift niets: maat komt uit de CSS en width/height. */
img.mf-fade {
    transition: opacity 0.3s ease, filter 0.3s ease;
}
.mf-fade-aan img.mf-fade:not(.is-geladen) {
    opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
    img.mf-fade { transition: none; }
}