/* Header CTA reference: 3px right / 2px up, 180ms ease. Only the arrow moves. */
.ed-arrow-control .ed-button-arrow{pointer-events:none;transform:translate(0,0)!important;transition:none!important}
.ed-button-arrow-inline{display:inline-block}
/* Keep the existing header's small-screen arrow visibility. */
@media(max-width:650px){.header-quote .cta-arrow.ed-button-arrow{display:none}}
@media(prefers-reduced-motion:no-preference){
 .ed-arrow-control .ed-button-arrow{transition:transform .18s ease!important}
 .ed-arrow-control:not(:disabled):not([aria-disabled="true"]):focus-visible .ed-button-arrow{transform:translate(var(--ed-arrow-x),var(--ed-arrow-y))!important}
 .produse>a:focus-visible span::after,.sp-slide a:focus-visible::after{transform:translate(3px,-2px);transition:transform .18s ease}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .ed-arrow-control:not(:disabled):not([aria-disabled="true"]):hover .ed-button-arrow{transform:translate(var(--ed-arrow-x),var(--ed-arrow-y))!important}
 .produse>a span::after,.sp-slide a::after{transition:transform .18s ease}
 .produse>a:hover span::after,.sp-slide a:hover::after{transform:translate(3px,-2px)}
 /* Earlier CTA rules target every span; do not animate a whole label around our arrow. */
 .button.ed-arrow-control:hover>span:not(.ed-button-arrow),.text-link.ed-arrow-control:hover>span:not(.ed-button-arrow){transform:none}
}
@media(prefers-reduced-motion:reduce){
 .ed-arrow-control .ed-button-arrow,.produse>a span::after,.sp-slide a::after{transition:none!important;transform:none!important}
}