/* Right Sidebar Float */
.sidebar-float { position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 998; opacity: 0; visibility: hidden; transition: all .4s; }
.sidebar-float.visible { opacity: 1; visibility: visible; }
.sidebar-float ul { list-style: none; padding: 0; margin: 0; }
.sidebar-float li { margin-bottom: 2px; position: relative; }
.sidebar-float .side-btn {
    display: flex; align-items: center; justify-content: center;
    width: 48px; height: 48px; background: var(--site-color);
    cursor: pointer; transition: all .3s;
}
.sidebar-float .side-btn img { width: 24px; height: 24px; filter: brightness(0) invert(1); }
.sidebar-float .side-btn i { color: #fff; font-size: 20px; }
.sidebar-float .side-content {
    position: absolute; right: 52px; top: 50%; transform: translateY(-50%);
    background: #fff; padding: 10px 15px; border-radius: 4px; white-space: nowrap;
    box-shadow: 0 2px 10px rgba(0,0,0,.15); opacity: 0; visibility: hidden;
    transition: all .3s; font-size: 14px;
}
.sidebar-float li:hover .side-content { opacity: 1; visibility: visible; }
.sidebar-float .side-content img { max-width: 150px; display: block; }
.sidebar-float .side-content a { color: var(--text-primary); }

@media (max-width: 991px) {
    .sidebar-float { display: none; }
}