/* Simpele animaties: alleen de header-iconen, zonder kleuren of extra effecten. */
.sm-icons .sm-icon[aria-label="Favorieten"],.sm-icons .sm-icon[aria-label="Winkelwagen"]{transition:none!important;overflow:visible!important}
.sm-icons .sm-icon[aria-label="Favorieten"]::before,.sm-icons .sm-icon[aria-label="Favorieten"]::after,.sm-icons .sm-icon[aria-label="Winkelwagen"]::before,.sm-icons .sm-icon[aria-label="Winkelwagen"]::after{content:none!important;display:none!important;animation:none!important}
.sm-icons .sm-icon[aria-label="Favorieten"]>svg path{fill:none!important;stroke:currentColor!important;transition:none!important}
.sm-icons .sm-icon[aria-label="Favorieten"]:is(:hover,:focus-visible)>svg path{fill:none!important;stroke:currentColor!important}
.sm-icons .sm-icon[aria-label="Favorieten"]:is(:hover,:focus-visible),.sm-icons .sm-icon[aria-label="Winkelwagen"]:is(:hover,:focus-visible){transform:none!important}
.sm-icons .sm-icon[aria-label="Favorieten"]:is(:hover,:focus-visible)>svg{animation:sm-simple-heart .4s ease-out both!important}
.sm-icons .sm-icon[aria-label="Winkelwagen"]:is(:hover,:focus-visible)>svg{animation:sm-simple-cart .45s ease-out both!important}
@keyframes sm-simple-heart{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
@keyframes sm-simple-cart{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
@media(prefers-reduced-motion:reduce){.sm-icons .sm-icon[aria-label="Favorieten"]:is(:hover,:focus-visible)>svg,.sm-icons .sm-icon[aria-label="Winkelwagen"]:is(:hover,:focus-visible)>svg{animation:none!important}}