/**
 * Плавающие действия: мессенджер + «наверх» (position: fixed).
 */

.ruru-float {
    position: fixed; right: 20px; bottom: 20px;
    display: flex; flex-direction: column; gap: 12px;
    z-index: 100;
    pointer-events: none;
}
.ruru-float--side-left { right: auto; left: 20px; }
.ruru-float__btn {
    pointer-events: auto;
    width: 54px; height: 54px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    color: #fff; text-decoration: none; border: 0; cursor: pointer;
    font-size: 20px; font-family: inherit;
    box-shadow: 0 6px 20px rgba(116,104,91,.24);
    transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}
.ruru-float__btn:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(116,104,91,.32); color: #fff; }
.ruru-float__msg i, .ruru-float__msg svg { font-size: 22px; width: 22px; height: 22px; }
.ruru-float__top { background: #74685b; }
.ruru-float__top[hidden] { display: none; }
.ruru-float__top span { font-size: 24px; line-height: 1; font-weight: 400; }

@media (max-width: 640px) {
    .ruru-float { right: 14px; bottom: 14px; gap: 10px; }
    .ruru-float__btn { width: 48px; height: 48px; }
}