/* Subtle, accessible header icon animations */
.sm-icons .sm-icon{position:relative;transform:translateZ(0);transition:transform .24s ease,color .24s ease!important}
.sm-icons .sm-icon>svg{display:block;transform-origin:50% 55%;transition:filter .24s ease!important;will-change:transform}
.sm-icons .sm-icon .sm-icon-label{transition:color .22s ease,opacity .22s ease!important}
.sm-icons .sm-icon:hover,.sm-icons .sm-icon:focus-visible{transform:translateY(-3px)!important}
.sm-icons .sm-icon[aria-label="Account"]:hover>svg,
.sm-icons .sm-icon[aria-label="Account"]:focus-visible>svg{animation:sm-account-welcome .65s ease both!important}
.sm-icons .sm-icon[aria-label="Favorieten"]:hover>svg,
.sm-icons .sm-icon[aria-label="Favorieten"]:focus-visible>svg{animation:sm-fav-heartbeat .8s ease both!important}
.sm-icons .sm-icon[aria-label="Winkelwagen"]:hover>svg,
.sm-icons .sm-icon[aria-label="Winkelwagen"]:focus-visible>svg{animation:sm-cart-roll .7s cubic-bezier(.25,.7,.25,1) both!important}
.sm-icons .sm-icon[aria-label="Account"]:active>svg{transform:scale(.92)!important}
.sm-icons .sm-icon[aria-label="Favorieten"]:active>svg{transform:scale(1.12)!important}
.sm-icons .sm-icon[aria-label="Winkelwagen"]:active>svg{transform:translateX(4px)!important}
.sm-icons .sm-icon:focus-visible{outline:2px solid #cba54b!important;outline-offset:5px!important;border-radius:8px}
@keyframes sm-account-welcome{0%,100%{transform:rotate(0) scale(1)}28%{transform:rotate(-10deg) scale(1.09)}60%{transform:rotate(8deg) scale(1.05)}}
@keyframes sm-fav-heartbeat{0%,100%{transform:scale(1)}24%{transform:scale(1.2)}44%{transform:scale(1.04)}66%{transform:scale(1.14)}}
@keyframes sm-cart-roll{0%,100%{transform:translateX(0) rotate(0)}35%{transform:translateX(6px) rotate(-7deg)}70%{transform:translateX(-2px) rotate(3deg)}}
@media(prefers-reduced-motion:reduce){.sm-icons .sm-icon,.sm-icons .sm-icon>svg{transition:none!important;animation:none!important}.sm-icons .sm-icon:hover,.sm-icons .sm-icon:focus-visible{transform:none!important}}