.floating-contact{
    position:fixed;
    left:20px;
    bottom:14px;
    z-index:99999;

    display:flex;
    flex-direction:column-reverse;
    align-items:flex-start;
}

.contact-options{
    display:flex;
    flex-direction:column-reverse;
    gap:12px;

    margin-bottom:12px;

    opacity:0;
    visibility:hidden;

    transform:translateY(15px);

    transition:all .3s ease;
}

.contact-options.open{
    opacity:1;
    visibility:visible;

    transform:translateY(0);
}

.contact-option,
.contact-master-btn{
    width:58px;
    height:58px;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    border:none;
    cursor:pointer;

    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);

    box-shadow:
        0 8px 25px rgba(0,0,0,.18),
        0 2px 8px rgba(0,0,0,.12);

    transition:all .25s ease;
}

.contact-option:hover,
.contact-master-btn:hover{
    transform:translateY(-3px) scale(1.06);
}

/* ДОДАТКОВО: тінь при наведенні для білих кнопок у кольорі головної */
.contact-option:hover{
    box-shadow:
        0 0 0 2px rgba(255,122,24,0.4),
        0 8px 25px rgba(0,0,0,.18),
        0 2px 8px rgba(0,0,0,.12);
}

/* ГОЛОВНА КНОПКА (ПОМАРАНЧЕВА + ПУЛЬСАЦІЯ) */
.contact-master-btn{
    background:linear-gradient(135deg, #ff7a18, #ff5500);
    animation:pulse-contact-btn 2s infinite;
}

@keyframes pulse-contact-btn{
    0%{
        box-shadow: 0 0 0 0 rgba(255,122,24,0.65), 0 8px 25px rgba(0,0,0,.18);
    }
    70%{
        box-shadow: 0 0 0 18px rgba(255,122,24,0), 0 8px 25px rgba(0,0,0,.18);
    }
    100%{
        box-shadow: 0 0 0 0 rgba(255,122,24,0), 0 8px 25px rgba(0,0,0,.18);
    }
}

/* ========== ВНУТРІШНІ КНОПКИ (БІЛИЙ ФОН) ========== */
.contact-phone{
    background:rgba(255,255,255,.85) !important;
    border:1px solid rgba(0,0,0,.08);
}

.contact-viber{
    background:rgba(255,255,255,.85) !important;
    border:1px solid rgba(0,0,0,.08);
}

.contact-telegram{
    background:rgba(255,255,255,.85) !important;
    border:1px solid rgba(0,0,0,.08);
}

/* ІКОНКИ ВНУТРІШНІХ КНОПОК */
.contact-option svg,
.contact-option img{
    width:34px;
    height:34px;
    display:block;
}

/* ПЕРЕВИЗНАЧЕННЯ КОЛЬОРУ ДЛЯ SVG ЗЕЛЕНОЇ ТРУБКИ */
.contact-phone svg circle{
    fill:#25D366;
}
.contact-phone svg path{
    fill:#fff;
}

.contact-master-btn svg{
    width:30px;
    height:30px;
    display:block;
}

.contact-master-btn.active{
    transform:rotate(45deg);
    animation:none;
}

@media(max-width:768px){

    .floating-contact{
        left:16px;
        bottom:10px;
    }

    .contact-option,
    .contact-master-btn{
        width:54px;
        height:54px;
    }

    .contact-option svg,
    .contact-option img,
    .contact-master-btn svg{
        width:28px;
        height:28px;
    }
}