/* Productpagina: verfijnde animatie voor Bewaar als favoriet; header ongemoeid */
.pdp-fav-btn[data-fav-id],button[data-fav-id]:has(.sm-fav-lbl){position:relative!important;overflow:hidden!important;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background-color .24s ease!important}
.pdp-fav-btn[data-fav-id]:hover,button[data-fav-id]:has(.sm-fav-lbl):hover{transform:translateY(-2px)!important;box-shadow:0 7px 18px rgba(30,80,39,.10)!important}
.pdp-fav-btn[data-fav-id]:active,button[data-fav-id]:has(.sm-fav-lbl):active{transform:translateY(0) scale(.99)!important}
button[data-fav-id]:has(.sm-fav-lbl) svg{transform-origin:center!important;transition:transform .28s cubic-bezier(.2,.75,.3,1)!important}
button[data-fav-id]:has(.sm-fav-lbl):hover svg{transform:scale(1.12) rotate(-7deg)!important}
button[data-fav-id].sm-fav-just-saved:has(.sm-fav-lbl){animation:sm-product-button-confirm .65s ease both!important}
button[data-fav-id].sm-fav-just-saved:has(.sm-fav-lbl) svg{animation:sm-product-heart-confirm .65s cubic-bezier(.18,.8,.3,1) both!important}
button[data-fav-id].sm-fav-just-saved:has(.sm-fav-lbl) .sm-fav-lbl{animation:sm-product-label-confirm .55s ease both!important}
@keyframes sm-product-button-confirm{0%,100%{box-shadow:0 0 0 0 rgba(44,112,54,0)}45%{box-shadow:0 0 0 6px rgba(44,112,54,.13)}}
@keyframes sm-product-heart-confirm{0%{transform:scale(.8) rotate(-12deg)}35%{transform:scale(1.32) rotate(8deg)}65%{transform:scale(.94) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}
@keyframes sm-product-label-confirm{0%,100%{transform:translateY(0)}40%{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){button[data-fav-id]:has(.sm-fav-lbl),button[data-fav-id]:has(.sm-fav-lbl) svg,button[data-fav-id]:has(.sm-fav-lbl) .sm-fav-lbl{animation:none!important;transition:none!important}}
