.whatsapp-channel{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:14px 24px;
    background:linear-gradient(135deg,#25D366,#128C7E);
    color:#fff;
    font-size:16px;
    font-weight:700;
    text-decoration:none;
    border-radius:50px;
    box-shadow:0 10px 25px rgba(37,211,102,.35);
    transition:.35s;
}

.whatsapp-channel:hover{
    transform:translateY(-4px);
    box-shadow:0 15px 35px rgba(37,211,102,.45);
}

.whatsapp-channel i{
    font-size:24px;
}

.header-whatsapp{
    flex:1;
    text-align:center;
}

.header-whatsapp a{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:8px 22px;
    background:linear-gradient(135deg,#25D366,#128C7E);
    color:#fff;
    font-size:14px;
    font-weight:700;
    text-decoration:none;
    border-radius:50px;
    position:relative;
    overflow:hidden;
    box-shadow:0 6px 20px rgba(37,211,102,.35);
    transition:.35s ease;
    animation:pulseWhatsApp 2s infinite;
}

.header-whatsapp a::before{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background:rgba(255,255,255,.25);
    transform:skewX(-25deg);
    transition:.7s;
}

.header-whatsapp a:hover::before{
    left:120%;
}

.header-whatsapp a:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 25px rgba(37,211,102,.45);
}

.header-whatsapp i{
    font-size:18px;
}

@keyframes pulseWhatsApp{
    0%{
        box-shadow:0 0 0 0 rgba(37,211,102,.6);
    }
    70%{
        box-shadow:0 0 0 12px rgba(37,211,102,0);
    }
    100%{
        box-shadow:0 0 0 0 rgba(37,211,102,0);
    }
}

/* Desktop */
.bd-header-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.bd-header-top-left,
.header-whatsapp,
.bd-header-top-right{
    flex:1;
}

.header-whatsapp{
    text-align:center;
}

.bd-header-top-right{
    text-align:right;
}

/* Mobile */
@media (max-width: 767px){

    .bd-header-top{
        flex-direction:column;
        align-items:center;
        row-gap:10px;
        padding:10px 0;
    }

    .bd-header-top-left,
    .header-whatsapp,
    .bd-header-top-right{
        width:100%;
        flex:unset;
        text-align:center;
    }

    .bd-header-top-left ul{
        display:flex;
        flex-direction:column;
        gap:8px;
        margin:0;
        padding:0;
    }

    /* WhatsApp Channel on its own line */
    .header-whatsapp{
        order:2;
    }

    /* Address on the next line */
    .bd-header-top-right{
        order:3;
    }
}