/* Interaction-only details; individual transforms preserve existing IX motion.
   Menu, map, dropdown and staff/department icons stay untouched. */
@media (prefers-reduced-motion:no-preference){
 a[href^="tel:"]:not(nav.nav *) .w-embed>svg,
 a:not(nav.nav *) .button-outline-right-icon .icon-regular-4>svg,
 a[href="/recensioner"]:not(nav.nav *) .star-align .star>svg{
  transform-box:fill-box;transform-origin:center;
  transition:translate .24s cubic-bezier(.2,.7,.2,1),scale .24s ease;
 }
 a[href^="tel:"]:not(nav.nav *):focus-visible .w-embed>svg{animation:clinic-phone .48s ease-in-out 1}
 a:not(nav.nav *):focus-visible .button-outline-right-icon .icon-regular-4>svg{translate:2px -2px}
 a[href="/recensioner"]:not(nav.nav *):focus-visible .star-align .star>svg{scale:1.08}
 a[href^="tel:"]:not(nav.nav *):active .w-embed>svg{scale:.94}
 a:not(nav.nav *):active .button-outline-right-icon .icon-regular-4>svg{translate:2px -2px}
 a[href="/recensioner"]:not(nav.nav *):active .star-align .star>svg{scale:1.08}
 @media (hover:hover) and (pointer:fine){
  a[href^="tel:"]:not(nav.nav *):hover .w-embed>svg{animation:clinic-phone .48s ease-in-out 1}
  a:not(nav.nav *):hover .button-outline-right-icon .icon-regular-4>svg{translate:2px -2px}
  a[href="/recensioner"]:not(nav.nav *):hover .star-align .star>svg{scale:1.08}
 }
 @keyframes clinic-phone{
  0%,100%{rotate:0deg}
  25%{rotate:-7deg}
  55%{rotate:5deg}
  80%{rotate:-2deg}
 }
}