/* دکمه شناور بازگشت به بالا */

.naft-back-top{
    position:fixed;
    bottom:max(20px, env(safe-area-inset-bottom, 0px));
    left:max(16px, env(safe-area-inset-left, 0px));
    z-index:9990;
    width:48px;
    height:48px;
    padding:0;
    border:0;
    border-radius:50%;
    background:var(--primary, #a50000);
    color:#fff;
    font-size:22px;
    font-weight:700;
    line-height:1;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 6px 24px rgba(0,0,0,.28);
    opacity:0;
    visibility:hidden;
    transform:translateY(16px) scale(.92);
    transition:opacity .28s ease, visibility .28s ease, transform .28s ease, background .2s ease, color .2s ease;
}

.naft-back-top.is-visible{
    opacity:1;
    visibility:visible;
    transform:translateY(0) scale(1);
}

.naft-back-top:hover,
.naft-back-top:focus-visible{
    background:var(--accent, #ffd700);
    color:#1a0a0a;
    outline:none;
}

.naft-back-top-icon{
    display:block;
    transform:translateY(-1px);
}

@media (max-width: 576px){
    .naft-back-top{
        width:44px;
        height:44px;
        font-size:20px;
        bottom:16px;
        left:12px;
    }
}