/*
 * Плавающая кнопка MAX в углу экрана. Разметка — inc/max.php.
 * Стоит слева, на месте прежнего плавающего ролика: справа внизу тема
 * держит кнопку «наверх» (.back-to-top, right: 30px), и две круглые
 * кнопки в одном углу налезали бы друг на друга.
 */

.max-fab{
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 998;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 6px 18px 6px 6px;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 8px 28px rgba(0, 0, 0, .18);
    text-decoration: none;
    /* Кнопка стоит на месте: при наведении меняется только тень.
       Сдвиг вверх заказчику не нужен. */
    transition: box-shadow .2s;
}
.max-fab:hover,
.max-fab:focus{
    box-shadow: 0 12px 34px rgba(0, 0, 0, .24);
}

.max-fab_ico{
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.max-fab_label{
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--title-color, #2B2620);
    white-space: nowrap;
}

/* На узких экранах остаётся один значок: подпись съедала бы пол-строки
   над контентом. */
@media (max-width: 575px){
    .max-fab{
        left: 14px;
        bottom: 14px;
        padding: 5px;
    }
    .max-fab_label{ display: none; }
    .max-fab_ico{ width: 46px; height: 46px; }
}

@media (prefers-reduced-motion: reduce){
    .max-fab{ transition: none; }
}