.jdf-scroll-top{
 position:fixed;
 right:max(18px,env(safe-area-inset-right));
 bottom:max(18px,env(safe-area-inset-bottom));
 display:flex;
 width:50px;
 height:50px;
 align-items:center;
 justify-content:center;
 padding:0;
 border:1px solid rgba(255,255,255,.5);
 border-radius:50%;
 background:#bc002d;
 box-shadow:0 8px 24px rgba(0,0,0,.22);
 color:#fff;
 font-family:Arial,sans-serif;
 font-size:25px;
 font-weight:400;
 line-height:1;
 opacity:0;
 pointer-events:none;
 transform:translateY(12px);
 transition:opacity .2s ease,transform .2s ease,background-color .2s ease;
 z-index:999;
 cursor:pointer;
}
.jdf-scroll-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}
.jdf-scroll-top:hover{background:#940023;transform:translateY(-2px)}
.jdf-scroll-top:focus-visible{outline:3px solid rgba(188,0,45,.3);outline-offset:3px}
@media(max-width:560px){
 .jdf-scroll-top{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:44px;height:44px;font-size:22px}
}
@media(prefers-reduced-motion:reduce){.jdf-scroll-top{transition:none}}