/* ===== FLOATING CONTACTS ===== */
.floating-contacts {
    position: fixed;
    right: 25px;
    bottom: 65px;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 9999;
}

.float-btn,
.float-item {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 27px;
    color: #fff;
    border: none;
    cursor: pointer;
    text-decoration: none;
    box-shadow: 0 10px 25px rgba(0,0,0,.18);
    transition: all .35s cubic-bezier(.22,1,.36,1);
}

.float-btn.messages {
    background: linear-gradient(135deg,#7b00dfbc,#7b00df92);
    color: #ffffff;
    position: relative;
    z-index: 3;
}

.float-btn.messages::before {
    content: "";
    position: absolute;
    inset: -6px;
    border-radius: 50%;
    background: rgba(255, 7, 230, 0.35);
    animation: pulse 2s infinite;
    z-index: -1;
}

@keyframes pulse {
    0% { transform: scale(.8); opacity:.7; }
    70% { transform: scale(1.4); opacity:0; }
    100% { opacity:0; }
}

.float-btn.messages i {
    transition: transform .4s ease, opacity .3s;
}

.float-item {
    position: absolute;
    bottom: 0;
    opacity: 0;
    transform: translateY(0) scale(.5);
    pointer-events: none;
}

.phone { background:#25D366; }
.email {  background: #ea4335; }
.floating-contacts.open .float-item {
    opacity: 1;
    pointer-events: auto;
}

.floating-contacts.open .phone {
    transform: translateY(-75px) scale(1);
    transition-delay: .05s;
}

.floating-contacts.open .email {
    transform: translateY(-150px) scale(1);
    transition-delay: .12s;
}


.float-item:hover,
.float-btn:hover {
    transform: scale(1.12);
    box-shadow: 0 15px 35px rgba(0,0,0,.25);
}

.floating-contacts.open .messages i {
    transform: rotate(180deg) scale(1.1);
}

@media (max-width:600px){
    .floating-contacts {
        right:15px;
        bottom:20px;
    }
    .float-btn,
    .float-item {
        width:50px;
        height:50px;
        font-size:20px;
    }
    .floating-contacts.open .phone {
        transform: translateY(-70px);
    }
    .floating-contacts.open .email {
    transform: translateY(-130px);
}
}