/*
 * Custom stylesheet - Comfort-Air Climatizadores
 * Conforme especificação Landingi e ajustes de layout
 */

/* Prevenção global de scroll horizontal */
html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
    position: relative !important;
}

/* Neutralize lazyload / prevent bg rules */
.adaptive-delivery-prevent-bg,
.lazyload,
.lazyloading {
    opacity: 1 !important;
}

/* Base button styling & alignment (Landingi spec sec 5) */
.widget-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
}

.widget-button .widget-text {
    position: static !important;
    transform: none !important;
    -webkit-transform: none !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    line-height: normal !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

.btn-whatsapp-icon {
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
    fill: currentColor !important;
    color: inherit !important;
}

/* Mobile-only phone buttons safeguard */
@media only screen and (min-width: 764px) {
    a[href^="tel:"],
    .widget-button[href^="tel:"] {
        display: none !important;
    }
}

/* ==========================================================================
   DESKTOP STYLES (min-width: 764px)
   ========================================================================== */

/* 1. Remover botão laranja atrás do H1 no Desktop */
@media only screen and (min-width: 764px) {
    #A49avmTUQfrtPOQtEKIp8UfJbS6UoEpR {
        display: none !important;
    }
}

/* 2. Header Topbar - Alinhamento perfeito de Localização e Botão Consultor Online */
@media only screen and (min-width: 764px) {
    #Hynl3qhwTL4x78iUckyK3oLduf0ewPkM {
        left: 775px !important;
        top: 81px !important;
        width: 18px !important;
        height: 18px !important;
    }
    #bkzIU5CveTXOLAgV3JRaAxzkKfCXOoa4 {
        left: 800px !important;
        top: 80px !important;
        width: auto !important;
        max-width: 190px !important;
        text-align: left !important;
        text-align-last: left !important;
        white-space: nowrap !important;
        line-height: 20px !important;
    }
    #B8NWlN9lxi1bZLBdOLBV9gpkf8OSSFmw {
        width: 195px !important;
        min-width: 195px !important;
        height: 43px !important;
        top: 68.5px !important;
        left: 1005px !important;
        padding: 0 14px !important;
        white-space: nowrap !important;
    }
    #X5xWA6mkb1Bbwo81s3COclno0GfTZm4A {
        top: 64px !important;
        left: 1195px !important;
        z-index: 15005 !important;
    }
}

/* 3. Espaçamento da seção de 10% de economia */
#uzThCQBqVTPvRAaAXWTBpdB9nv6ys8BH {
    margin-bottom: 50px !important;
}

/* 4. Refazer botões da seção Alguns modelos disponíveis */
#iCcV7l3DkyT4lXLzw46enmfXf6sVDKVQ .widget-button,
#ZTdJCxzMQuGxQgtkAzrK6dWbA4reg51u .widget-button,
#kFtmJXWJpVC59iGtInpLapfkKaPBxVuT .widget-button,
#iUN6HcXkyvIH3WOBEAf0GR7QsqvkCPXr .widget-button {
    background-color: #25D366 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;
    font-family: 'Poppins', 'Open Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    box-shadow: 0 2px 8px rgba(37, 211, 102, 0.25) !important;
    transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease !important;
    cursor: pointer !important;
}

#iCcV7l3DkyT4lXLzw46enmfXf6sVDKVQ .widget-button:hover,
#ZTdJCxzMQuGxQgtkAzrK6dWbA4reg51u .widget-button:hover,
#kFtmJXWJpVC59iGtInpLapfkKaPBxVuT .widget-button:hover,
#iUN6HcXkyvIH3WOBEAf0GR7QsqvkCPXr .widget-button:hover {
    background-color: #20ba5a !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4) !important;
}

@media only screen and (min-width: 764px) {
    #iCcV7l3DkyT4lXLzw46enmfXf6sVDKVQ .widget-button,
    #ZTdJCxzMQuGxQgtkAzrK6dWbA4reg51u .widget-button,
    #kFtmJXWJpVC59iGtInpLapfkKaPBxVuT .widget-button,
    #iUN6HcXkyvIH3WOBEAf0GR7QsqvkCPXr .widget-button {
        width: 140px !important;
        height: 38px !important;
        top: 350px !important;
    }
    #sUPNJZgQWhEpEx6lJXdkgFODLBQpmJWh,
    #C36FTnbGxbrVx5tckprTWzZermVTHDxu,
    #QwF47tDNEU4El4U4Chz8wT8TX6PJpD9T,
    #dMvxrQTwg3c4mFILd0GkGyhet2iNf4Q8 {
        left: 86px !important;
    }
    #Ai41s4bHmqz73TCyiVQ2sD8gmorHdSkF,
    #kw3wFusMVumVVwgbuw8c8DCPuy7kT6Sk,
    #mwsw0T3w4AvVISxyVsbnaLXRHTFk6DVF,
    #CpCstlT9w2TPmIlrH4AErqUmKrVVmCC0 {
        left: 381px !important;
    }
    #gQ6vvBCZda0SaRGyDuL0EzoMCUXK90Os,
    #oA4okTQnwa2B92V5DeRs6x2VBxNFWM89,
    #LpHwBaAC41SQBIsdzOlckHyuKx69TTXI,
    #swbNB8f4zdR0omrv3vcnJBElADEEw4ci {
        left: 686px !important;
    }
    #e7Tp7ldqieIxdmQ2MT7baGeTTHASmFU2,
    #aZD24pnhvJ4T7HUIOgnZTPaufNR4ZGSQ,
    #Ei5VzIXOzTotkdmdX6bKoaZruzXd9cCy,
    #ElKT6XGVvVMZoifIGsXzEhlb01oGpCTz {
        left: 986px !important;
    }
}

/* 5. Seção Diferenciais no Desktop */
@media only screen and (min-width: 764px) {
    #KoRZGgJ2FWNTvFOgK0El5c7DyZsOGuRH,
    #I9NWSTUENgNhNAJp0ExThx5UGViBuzL9,
    #WId1HUDhp1a1TuTgVmFdpV7caF1B7iWp {
        width: 140px !important;
        height: 40px !important;
        white-space: nowrap !important;
        top: 335px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        border-radius: 4px !important;
    }
    #KoRZGgJ2FWNTvFOgK0El5c7DyZsOGuRH {
        left: 115px !important;
    }
    #I9NWSTUENgNhNAJp0ExThx5UGViBuzL9 {
        left: 530px !important;
    }
    #WId1HUDhp1a1TuTgVmFdpV7caF1B7iWp {
        left: 945px !important;
    }
}

/* Outros botões Desktop */
@media only screen and (min-width: 764px) {
    #BPoKJmtsstmISKHifMdzZixOld2pkxCM {
        width: auto !important;
        min-width: 230px !important;
        padding: 0 20px !important;
        left: 920px !important;
        white-space: nowrap !important;
    }
    #Gq25gqZt0HkcoCeFbQJpiEhvF5iKZUf8 {
        width: auto !important;
        min-width: 210px !important;
        padding: 0 20px !important;
        white-space: nowrap !important;
    }
}

/* 6. Seção Evento Nota 10 no Desktop (Foto preenche 100% da metade esquerda, sem bordas/sombras) */
@media only screen and (min-width: 764px) {
    #C1wX9DQv3nGrhH2Zr8OKpoZEMTbIyh8J {
        position: relative !important;
        overflow: hidden !important;
        width: 100% !important;
    }
    #C1wX9DQv3nGrhH2Zr8OKpoZEMTbIyh8J > .row {
        position: static !important;
    }
    #C1wX9DQv3nGrhH2Zr8OKpoZEMTbIyh8J > .row .container {
        height: 520px !important;
        position: relative !important;
    }
    #uWGUyyE3kTT1ERvnfXZhDEpAz4Hh3enH {
        position: absolute !important;
        top: 0 !important;
        bottom: 0 !important;
        left: calc((100% - 100vw) / 2) !important;
        width: 50vw !important;
        height: 100% !important;
        border-radius: 0 !important;
        border: none !important;
        box-shadow: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background-size: cover !important;
        background-position: center !important;
        display: block !important;
        z-index: 1 !important;
    }
    #yz0PnRKKVS6AplxTQDBhE3cRoWq5mb2t {
        position: absolute !important;
        left: 650px !important;
        top: 65px !important;
        width: 520px !important;
        font-size: 50px !important;
        height: auto !important;
        z-index: 2 !important;
    }
    #FotWA2hLUrghuBXcMoLWbbqEuHAVyttc {
        position: absolute !important;
        left: 650px !important;
        top: 150px !important;
        width: 520px !important;
        font-size: 20px !important;
        line-height: 1.5 !important;
        height: auto !important;
        z-index: 2 !important;
    }
    #mLq6oqolghkHotMSEBOhsElXf9vGEkox {
        position: absolute !important;
        left: 650px !important;
        top: 350px !important;
        width: 240px !important;
        height: 46px !important;
        white-space: nowrap !important;
        z-index: 2 !important;
    }
}

/* 7. Seção Quem Somos no Desktop (Foto preenche 100% da metade direita, sem bordas/sombras) */
@media only screen and (min-width: 764px) {
    #nlxqeLfA45hLFJ7lx9uLy1oe5rlLRV8s {
        position: relative !important;
        overflow: hidden !important;
        width: 100% !important;
    }
    #nlxqeLfA45hLFJ7lx9uLy1oe5rlLRV8s > .row {
        position: static !important;
    }
    #nlxqeLfA45hLFJ7lx9uLy1oe5rlLRV8s > .row .container {
        height: 520px !important;
        position: relative !important;
    }
    #h7AKa46qL7EpBzXRFt139hiXxTqIJe93 {
        position: absolute !important;
        left: 30px !important;
        top: 60px !important;
        width: 540px !important;
        font-size: 45px !important;
        height: auto !important;
        z-index: 2 !important;
    }
    #qu3QREPhVmUW54whfPVMfWto2ABDmMpf {
        position: absolute !important;
        left: 30px !important;
        top: 135px !important;
        width: 540px !important;
        font-size: 17.5px !important;
        line-height: 1.6 !important;
        height: auto !important;
        z-index: 2 !important;
    }
    #xvLp62LExlkquFpGOHGGtGn957p7T3s4 {
        position: absolute !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 50% !important;
        width: 50vw !important;
        height: 100% !important;
        border-radius: 0 !important;
        border: none !important;
        box-shadow: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background-size: cover !important;
        background-position: center !important;
        display: block !important;
        z-index: 1 !important;
    }
}

/* ==========================================================================
   MOBILE STYLES (max-width: 763px)
   ========================================================================== */
@media only screen and (max-width: 763px) {
    /* Prevenir overflow horizontal em contêineres móveis */
    .widget-section {
        overflow-x: hidden !important;
    }
    .widget-section > .row {
        overflow-x: hidden !important;
    }
    .widget-section > .row .container {
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    /* 1. Remover da hero o botão CONSULTOR ONLINE e bolinha vermelha no Mobile */
    #B8NWlN9lxi1bZLBdOLBV9gpkf8OSSFmw,
    #X5xWA6mkb1Bbwo81s3COclno0GfTZm4A {
        display: none !important;
    }

    /* 2. Remover o círculo turquesa (#K8nr3eytMksibBt3KOe7OBip8R7KFk1a) no box de COMPRAR */
    #K8nr3eytMksibBt3KOe7OBip8R7KFk1a {
        display: none !important;
    }

    /* 3. Hero CTA no Mobile */
    #A49avmTUQfrtPOQtEKIp8UfJbS6UoEpR {
        width: 220px !important;
        height: 44px !important;
        font-size: 14px !important;
        top: 260px !important;
        left: 50px !important;
        padding: 0 14px !important;
        border-radius: 6px !important;
        white-space: nowrap !important;
    }

    /* 4. Botões COMPRAR e ALUGAR no Mobile */
    #mMpd48ubeUeXPp756vI5LwN44F7Q5VIz,
    #IvCwZiNSCwTtrOeMSE3aGy5ud1W9pTR6 {
        width: 140px !important;
        height: 42px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        padding: 0 12px !important;
        white-space: nowrap !important;
        border-radius: 6px !important;
        box-shadow: 0 3px 8px rgba(0,0,0,0.2) !important;
    }
    #mMpd48ubeUeXPp756vI5LwN44F7Q5VIz {
        top: 243px !important;
        left: 15px !important;
    }
    #IvCwZiNSCwTtrOeMSE3aGy5ud1W9pTR6 {
        top: 580px !important;
        left: 15px !important;
    }
    #NEaUcQqT9562MTMVtpqNHgUsISfsIdwI {
        top: 254px !important;
        left: 165px !important;
        font-size: 11px !important;
        white-space: nowrap !important;
    }
    #c4UpqnUXlt2g7U8h8zNctnGxG3UNHfac {
        top: 591px !important;
        left: 165px !important;
        font-size: 11px !important;
        white-space: nowrap !important;
    }

    /* 5. Seção Alguns modelos disponíveis no Mobile (16 botões) */
    #iCcV7l3DkyT4lXLzw46enmfXf6sVDKVQ .widget-button,
    #ZTdJCxzMQuGxQgtkAzrK6dWbA4reg51u .widget-button,
    #kFtmJXWJpVC59iGtInpLapfkKaPBxVuT .widget-button,
    #iUN6HcXkyvIH3WOBEAf0GR7QsqvkCPXr .widget-button {
        width: 130px !important;
        height: 34px !important;
        font-size: 12px !important;
        padding: 0 8px !important;
        border-radius: 5px !important;
        white-space: nowrap !important;
        gap: 5px !important;
    }
    #iCcV7l3DkyT4lXLzw46enmfXf6sVDKVQ .widget-button .btn-whatsapp-icon,
    #ZTdJCxzMQuGxQgtkAzrK6dWbA4reg51u .widget-button .btn-whatsapp-icon,
    #kFtmJXWJpVC59iGtInpLapfkKaPBxVuT .widget-button .btn-whatsapp-icon,
    #iUN6HcXkyvIH3WOBEAf0GR7QsqvkCPXr .widget-button .btn-whatsapp-icon {
        width: 15px !important;
        height: 15px !important;
        min-width: 15px !important;
    }
    #sUPNJZgQWhEpEx6lJXdkgFODLBQpmJWh,
    #C36FTnbGxbrVx5tckprTWzZermVTHDxu,
    #QwF47tDNEU4El4U4Chz8wT8TX6PJpD9T,
    #dMvxrQTwg3c4mFILd0GkGyhet2iNf4Q8 {
        top: 236px !important;
        left: 6px !important;
    }
    #Ai41s4bHmqz73TCyiVQ2sD8gmorHdSkF,
    #kw3wFusMVumVVwgbuw8c8DCPuy7kT6Sk,
    #mwsw0T3w4AvVISxyVsbnaLXRHTFk6DVF,
    #CpCstlT9w2TPmIlrH4AErqUmKrVVmCC0 {
        top: 236px !important;
        left: 166px !important;
    }
    #gQ6vvBCZda0SaRGyDuL0EzoMCUXK90Os,
    #oA4okTQnwa2B92V5DeRs6x2VBxNFWM89,
    #LpHwBaAC41SQBIsdzOlckHyuKx69TTXI,
    #swbNB8f4zdR0omrv3vcnJBElADEEw4ci {
        top: 550px !important;
        left: 6px !important;
    }
    #e7Tp7ldqieIxdmQ2MT7baGeTTHASmFU2,
    #aZD24pnhvJ4T7HUIOgnZTPaufNR4ZGSQ,
    #Ei5VzIXOzTotkdmdX6bKoaZruzXd9cCy,
    #ElKT6XGVvVMZoifIGsXzEhlb01oGpCTz {
        top: 550px !important;
        left: 166px !important;
    }

    /* 6. Seção Diferenciais no Mobile */
    #KoRZGgJ2FWNTvFOgK0El5c7DyZsOGuRH,
    #I9NWSTUENgNhNAJp0ExThx5UGViBuzL9,
    #WId1HUDhp1a1TuTgVmFdpV7caF1B7iWp {
        width: 110px !important;
        height: 36px !important;
        font-size: 12px !important;
        padding: 0 6px !important;
        white-space: nowrap !important;
        border-radius: 4px !important;
        left: 195px !important;
    }
    #KoRZGgJ2FWNTvFOgK0El5c7DyZsOGuRH {
        top: 191px !important;
    }
    #I9NWSTUENgNhNAJp0ExThx5UGViBuzL9 {
        top: 423px !important;
    }
    #WId1HUDhp1a1TuTgVmFdpV7caF1B7iWp {
        top: 655px !important;
    }

    /* 7. CTA Intermediário no Mobile */
    #BPoKJmtsstmISKHifMdzZixOld2pkxCM {
        width: 240px !important;
        height: 44px !important;
        font-size: 13px !important;
        left: calc(50% - 120px) !important;
        top: 147px !important;
        padding: 0 12px !important;
        border-radius: 6px !important;
        white-space: nowrap !important;
    }

    /* Seção Contato / Rodapé no Mobile (Fiel ao print de referência) */
    #iH3HS7yv9OBqeUdoMREkTEUshiQoJUeP > .row .container {
        height: 480px !important;
        position: relative !important;
    }
    #wPgResQRQvq7DiqoIl9Z35Rla9SK3Nvu {
        top: 35px !important;
        left: 0 !important;
        width: 100% !important;
        text-align: center !important;
        font-size: 16px !important;
        font-family: 'Poppins', sans-serif !important;
        font-weight: 500 !important;
        color: #ffffff !important;
    }
    /* Botão 1: Falar via WhatsApp */
    #Gq25gqZt0HkcoCeFbQJpiEhvF5iKZUf8 {
        width: 260px !important;
        height: 54px !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        left: calc(50% - 130px) !important;
        top: 75px !important;
        padding: 0 16px !important;
        border-radius: 4px !important;
        white-space: nowrap !important;
        background-color: #ff5b00 !important;
        color: #ffffff !important;
        border: none !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
        z-index: 15006 !important;
    }
    #Gq25gqZt0HkcoCeFbQJpiEhvF5iKZUf8 .btn-whatsapp-icon {
        display: none !important;
    }
    /* Botão 2: Ligar agora */
    #PPEySdb2zxXcLD83se6OHqoHXCVbOa24 {
        width: 260px !important;
        height: 54px !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        left: calc(50% - 130px) !important;
        top: 145px !important;
        padding: 0 16px !important;
        border-radius: 4px !important;
        white-space: nowrap !important;
        background-color: transparent !important;
        color: #ffffff !important;
        border: 2px solid #ffffff !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 15007 !important;
    }
    /* Telefones */
    #rQuZqfU4tXlZrFvv9JdsHM46IctTMk4T {
        top: 225px !important;
        left: 0 !important;
        width: 100% !important;
        text-align: center !important;
        font-size: 18px !important;
        font-weight: 600 !important;
        color: #ffffff !important;
        line-height: 1.3 !important;
    }
    /* Endereço */
    #rXAGpETVX3htTAglEdhEyCNO3dSx8GbG {
        top: 295px !important;
        left: 20px !important;
        width: calc(100% - 40px) !important;
        text-align: center !important;
        font-size: 12.5px !important;
        color: #ffffff !important;
        line-height: 1.4 !important;
        font-weight: 300 !important;
    }

    /* Rodapé Logo Comfort-Air centralizada */
    #X1mreU6EvOEUn1dIvfNlyqZTeHAS1Mep > .row .container {
        height: 190px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        position: relative !important;
    }
    #bQ6qybUKy3qBA0BzdlrDUDniClo0qQPw {
        position: static !important;
        margin: 35px auto 45px auto !important;
        display: block !important;
    }

    /* 8. Seção Evento Nota 10 no Mobile - Foto 100% no topo encostando nas bordas sem cantos arredondados */
    #C1wX9DQv3nGrhH2Zr8OKpoZEMTbIyh8J {
        overflow: hidden !important;
    }
    #C1wX9DQv3nGrhH2Zr8OKpoZEMTbIyh8J > .row .container {
        height: 480px !important;
        position: relative !important;
    }
    #uWGUyyE3kTT1ERvnfXZhDEpAz4Hh3enH {
        position: absolute !important;
        top: 0 !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 100vw !important;
        height: 200px !important;
        border-radius: 0 !important;
        border: none !important;
        box-shadow: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background-size: cover !important;
        background-position: center !important;
        display: block !important;
    }
    #yz0PnRKKVS6AplxTQDBhE3cRoWq5mb2t {
        top: 220px !important;
        left: 16px !important;
        width: calc(100% - 32px) !important;
        height: auto !important;
        font-size: 28px !important;
        text-align: center !important;
    }
    #FotWA2hLUrghuBXcMoLWbbqEuHAVyttc {
        top: 268px !important;
        left: 16px !important;
        width: calc(100% - 32px) !important;
        height: auto !important;
        font-size: 14px !important;
        line-height: 1.38 !important;
        text-align: center !important;
    }
    #mLq6oqolghkHotMSEBOhsElXf9vGEkox {
        top: 395px !important;
        left: calc(50% - 120px) !important;
        width: 240px !important;
        height: 44px !important;
        font-size: 13px !important;
        padding: 0 12px !important;
        border-radius: 6px !important;
        white-space: nowrap !important;
    }

    /* 9. Seção Quem Somos no Mobile - Foto 100% na base encostando nas bordas sem cantos arredondados */
    #nlxqeLfA45hLFJ7lx9uLy1oe5rlLRV8s {
        overflow: hidden !important;
    }
    #nlxqeLfA45hLFJ7lx9uLy1oe5rlLRV8s > .row .container {
        height: 600px !important;
        position: relative !important;
    }
    #h7AKa46qL7EpBzXRFt139hiXxTqIJe93 {
        top: 35px !important;
        left: 16px !important;
        width: calc(100% - 32px) !important;
        height: auto !important;
        font-size: 32px !important;
        text-align: center !important;
    }
    #qu3QREPhVmUW54whfPVMfWto2ABDmMpf {
        top: 85px !important;
        left: 16px !important;
        width: calc(100% - 32px) !important;
        height: auto !important;
        font-size: 13.5px !important;
        line-height: 1.5 !important;
        text-align: center !important;
    }
    #xvLp62LExlkquFpGOHGGtGn957p7T3s4 {
        position: absolute !important;
        top: auto !important;
        bottom: 0px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 100vw !important;
        height: 230px !important;
        border-radius: 0 !important;
        border: none !important;
        box-shadow: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background-size: cover !important;
        background-position: center !important;
        display: block !important;
    }
}

/* ==========================================================================
   ANIMAÇÕES E COMPONENTES FLUTUANTES
   ========================================================================== */

/* Pulsozap animation */
.pulsozap { 
    animation: pulsozap 2s infinite; 
}
@keyframes pulsozap {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
    70% { transform: scale(1.05); box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }
    100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

/* Floating WhatsApp button & speech bubble */
.whatsapp-float-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    z-index: 999999 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.whatsapp-float-bubble {
    background-color: #ff5b00;
    color: #ffffff !important;
    padding: 8px 16px;
    border-radius: 20px;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(255, 91, 0, 0.35);
    position: relative;
    white-space: nowrap;
    cursor: pointer;
    transition: transform 0.2s ease, background-color 0.2s ease;
    display: inline-flex;
    align-items: center;
}
.whatsapp-float-bubble:hover {
    background-color: #e05000;
    transform: scale(1.03);
    color: #ffffff !important;
}
.whatsapp-float-bubble::after {
    content: '';
    position: absolute;
    right: -7px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #ff5b00;
    transition: border-left-color 0.2s ease;
}
.whatsapp-float-bubble:hover::after {
    border-left-color: #e05000;
}

.whatsapp-float-btn {
    width: 60px;
    height: 60px;
    background-color: #25D366;
    color: #FFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    text-decoration: none;
    flex-shrink: 0;
    transition: transform 0.2s ease;
}
.whatsapp-float-btn img {
    width: 34px;
    height: 34px;
    filter: brightness(0) invert(1);
}

@media only screen and (max-width: 763px) {
    .whatsapp-float-container {
        bottom: 16px;
        right: 16px;
        gap: 8px;
    }
    .whatsapp-float-bubble {
        font-size: 11px;
        padding: 6px 12px;
    }
    .whatsapp-float-btn {
        width: 52px;
        height: 52px;
    }
    .whatsapp-float-btn img {
        width: 28px;
        height: 28px;
    }
}

/* Stamina Tag (Landingi spec sec 16) */
.stamina-footer-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background-color: transparent;
    padding: 0;
    margin: 0;
    z-index: 10;
    pointer-events: none;
}
.stamina-badge-link {
    pointer-events: auto;
    width: fit-content;
    max-width: 90%;
    background-color: #252525;
    border-radius: 14px 14px 0 0;
    border: none;
    padding: 10px 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.85);
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.03em;
    box-shadow: none;
    transition: background-color 0.3s ease, color 0.3s ease;
    cursor: pointer;
}
.stamina-badge-logo {
    height: 11px;
    width: auto;
    display: block;
    transform: translateY(-2px);
    transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1);
}
.stamina-badge-link:hover {
    background-color: #2e2e2e;
    color: #ffffff;
}
.stamina-badge-link:hover .stamina-badge-logo {
    transform: translateY(-2px) scale(1.05);
}