.offer-popup{
    position:fixed;
    right:24px;
    bottom:190px;
    width:min(360px,92vw);
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:22px;
    padding:22px;
    box-shadow:0 24px 60px rgba(15,23,42,.22);
    z-index:60;
    transform:translateY(30px);
    opacity:0;
    pointer-events:none;
    transition:.3s;
}

.offer-popup.show{
    transform:translateY(0);
    opacity:1;
    pointer-events:auto;
}

.offer-popup h3{
    margin:0 0 8px;
}

.offer-popup p{
    color:#64748b;
    line-height:1.5;
}

.offer-popup > button{
    position:absolute;
    right:12px;
    top:10px;
    background:#f1f5f9;
    color:#0f172a;
    width:32px;
    height:32px;
    border-radius:50%;
    padding:0;
}

.popup-actions{
    display:flex;
    gap:10px;
}

.popup-actions a,
.popup-actions button{
    flex:1;
    text-align:center;
    background:#f97316;
    color:#fff;
    border:0;
    border-radius:12px;
    padding:12px;
    font-weight:900;
}

.popup-actions button{
    background:#0f172a;
}

.floating-calc{
    position:fixed;
    right:22px;
    bottom:84px;
    background:#0f172a;
    color:#fff;
    border:0;
    border-radius:999px;
    padding:14px 18px;
    font-weight:900;
    z-index:35;
    box-shadow:0 14px 30px rgba(0,0,0,.2);
}

.whatsapp{
    right:22px !important;
    bottom:24px !important;
    z-index:34 !important;
}

.calc-panel{
    position:fixed;
    right:24px;
    top:100px;
    width:min(390px,92vw);
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:24px;
    padding:24px;
    z-index:80;
    box-shadow:0 30px 80px rgba(15,23,42,.25);
    transform:translateX(120%);
    transition:.3s;
}

.calc-panel.show{
    transform:translateX(0);
}

.calc-panel h3{
    margin-top:0;
}

.calc-panel label{
    display:grid;
    gap:7px;
    font-weight:800;
    margin:12px 0;
}

.calc-panel input,
.calc-panel select{
    padding:13px;
    border:1px solid #cbd5e1;
    border-radius:12px;
}

.calc-result{
    background:#fff7ed;
    color:#9a3412;
    padding:14px;
    border-radius:12px;
    font-weight:900;
    margin:14px 0;
}

.calc-close{
    position:absolute;
    right:14px;
    top:14px;
    background:#f1f5f9;
    color:#0f172a;
    border:0;
    width:34px;
    height:34px;
    border-radius:50%;
    padding:0;
}

@media(max-width:800px){

    .floating-calc{
        display:none;
    }

    .offer-popup{
        left:4%;
        right:4%;
        bottom:70px;
        width:auto;
        z-index:70;
    }

    .whatsapp{
        display:none !important;
    }

    .calc-panel{
        left:4%;
        right:4%;
        top:70px;
        width:auto;
    }
}