/* v3.0.9 — könnyített Beagle reakciómotor.
 * A nagy PNG-k helyett 256 px WebP-k; alapállapotban nincs végtelen animáció.
 * Desktopon csak hover/focus alatt mozog, érintéskor pedig egyetlen rövid pop animáció fut. */
.mak-native-reaction,.mak-quick-reaction{min-height:66px!important}
.mak-native-reaction .mak-beagle-reaction,
.mak-quick-reaction .mak-beagle-reaction{
  width:54px!important;height:54px!important;border-radius:16px!important;
  background:color-mix(in srgb,var(--mak-reaction-color,var(--mak-accent)) 9%,transparent)!important;
  overflow:visible!important;isolation:isolate;
}
.mak-native-reaction .mak-beagle-reaction img,
.mak-quick-reaction .mak-beagle-reaction img{
  width:52px!important;height:52px!important;max-width:none!important;object-fit:contain!important;
  border-radius:0!important;transform-origin:50% 60%;
  filter:drop-shadow(0 4px 7px rgba(0,0,0,.2));
  transition:transform .18s ease,filter .18s ease;
}
@media (hover:hover) and (pointer:fine){
 .mak-native-reaction:hover .mak-beagle-reaction img,.mak-native-reaction:focus-visible .mak-beagle-reaction img,
 .mak-quick-reaction:hover .mak-beagle-reaction img,.mak-quick-reaction:focus-visible .mak-beagle-reaction img{will-change:transform;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--mak-reaction-color,var(--mak-accent)) 58%,transparent)) drop-shadow(0 6px 9px rgba(0,0,0,.22))}
 .mak-native-reaction.is-tetszik:hover .mak-beagle-reaction img,.mak-quick-reaction.is-tetszik:hover .mak-beagle-reaction img{animation:makBeagleLike 1.05s ease-in-out infinite}
 .mak-native-reaction.is-imadom:hover .mak-beagle-reaction img,.mak-quick-reaction.is-imadom:hover .mak-beagle-reaction img{animation:makBeagleLove .9s cubic-bezier(.2,.8,.25,1) infinite}
 .mak-native-reaction.is-vicces:hover .mak-beagle-reaction img,.mak-quick-reaction.is-vicces:hover .mak-beagle-reaction img{animation:makBeagleLaugh .9s ease-in-out infinite}
 .mak-native-reaction.is-erdekes:hover .mak-beagle-reaction img,.mak-quick-reaction.is-erdekes:hover .mak-beagle-reaction img{animation:makBeagleCurious 1.1s ease-in-out infinite}
 .mak-native-reaction.is-szomoru:hover .mak-beagle-reaction img,.mak-quick-reaction.is-szomoru:hover .mak-beagle-reaction img{animation:makBeagleSad 1.15s ease-in-out infinite}
 .mak-native-reaction.is-duhito:hover .mak-beagle-reaction img,.mak-quick-reaction.is-duhito:hover .mak-beagle-reaction img{animation:makBeagleAngry .72s ease-in-out infinite}
}
@keyframes makBeagleLike{0%,100%{transform:translateY(0) rotate(0) scale(1)}35%{transform:translateY(-2px) rotate(-2deg) scale(1.04)}55%{transform:translateY(-1px) rotate(2deg) scale(1.02)}}
@keyframes makBeagleLove{0%,70%,100%{transform:scale(1)}10%{transform:scale(1.10)}20%{transform:scale(.98)}30%{transform:scale(1.07)}42%{transform:scale(1)}}
@keyframes makBeagleLaugh{0%,68%,100%{transform:translateX(0) rotate(0)}8%{transform:translateX(-2px) rotate(-3deg)}16%{transform:translateX(2px) rotate(3deg)}24%{transform:translateX(-2px) rotate(-2deg)}32%{transform:translateX(2px) rotate(2deg)}40%{transform:translateX(0) rotate(0)}}
@keyframes makBeagleCurious{0%,100%{transform:rotate(-1deg) translateY(0)}42%{transform:rotate(6deg) translateY(-2px)}68%{transform:rotate(4deg) translateY(-1px)}}
@keyframes makBeagleSad{0%,100%{transform:translateY(0) scale(1)}45%{transform:translateY(3px) scale(.98)}70%{transform:translateY(2px) scale(.99)}}
@keyframes makBeagleAngry{0%,55%,100%{transform:translateX(0) rotate(0)}60%{transform:translateX(-2px) rotate(-2deg)}66%{transform:translateX(2px) rotate(2deg)}72%{transform:translateX(-2px) rotate(-1.5deg)}78%{transform:translateX(2px) rotate(1.5deg)}84%{transform:translateX(0) rotate(0)}}
.mak-native-reaction.is-pulse .mak-beagle-reaction img,.mak-quick-reaction.is-pulse .mak-beagle-reaction img{will-change:transform;animation:makBeagleClickPop .48s cubic-bezier(.15,.9,.25,1.3)!important}
@keyframes makBeagleClickPop{0%{transform:scale(1)}35%{transform:translateY(-4px) scale(1.18) rotate(-3deg)}65%{transform:scale(.97) rotate(1deg)}100%{transform:scale(1) rotate(0)}}
@media(max-width:590px){
 .mak-native-reaction,.mak-quick-reaction{min-height:64px!important;padding:8px 10px!important}
 .mak-native-reaction .mak-beagle-reaction,.mak-quick-reaction .mak-beagle-reaction{width:50px!important;height:50px!important}
 .mak-native-reaction .mak-beagle-reaction img,.mak-quick-reaction .mak-beagle-reaction img{width:48px!important;height:48px!important;filter:drop-shadow(0 3px 5px rgba(0,0,0,.16))}
}
@media(max-width:420px){
 .mak-native-reaction .mak-beagle-reaction,.mak-quick-reaction .mak-beagle-reaction{width:48px!important;height:48px!important}
 .mak-native-reaction .mak-beagle-reaction img,.mak-quick-reaction .mak-beagle-reaction img{width:46px!important;height:46px!important}
 .mak-native-reaction .mak-quick-label{font-size:.72rem!important}
}
/* v3.0.18 — Lite módban a desktop hover megmarad; mobilon nincs hover-loop, csak az egyszeri kattintási pop.
 * Eco módban is engedjük az egyszeri is-pulse animációt, mert rövid és érdemi folyamatos terhelést nem okoz. */
html[data-mak-fx="off"] .mak-native-reaction .mak-beagle-reaction img,html[data-mak-fx="off"] .mak-quick-reaction .mak-beagle-reaction img,
html.mak-eco-mode .mak-native-reaction:not(.is-pulse) .mak-beagle-reaction img,html.mak-eco-mode .mak-quick-reaction:not(.is-pulse) .mak-beagle-reaction img{animation:none!important;will-change:auto!important}
@media(prefers-reduced-motion:reduce){.mak-native-reaction .mak-beagle-reaction img,.mak-quick-reaction .mak-beagle-reaction img{animation:none!important;will-change:auto!important}}