#devis-modal-button{

    position:fixed;

    top:50%;
    right:-220px;

    transform:translateY(-50%);

    background:#b22222;

    color:white;

    padding:16px 22px;

    font-size:18px;

    font-weight:bold;

    border-radius:8px 0 0 8px;

    cursor:pointer;

    z-index:99999;

    transition:0.5s;

    box-shadow:0 4px 12px rgba(0,0,0,.25);

    /* visibility: hidden; */

}

#devis-modal-button.visible{

    right:0;

}

#devis-modal-button:hover{

    background:#8b0000;

}

/* 2e partie */

#devis-modal{

display:none;

position:fixed;

top:0;

left:0;

width:100%;

height:100%;

background:rgba(0,0,0,.6);

z-index:999999;

}

.devis-modal-content {
    background: #fff;
    width: 450px;
    max-width: 90%;
    max-height: 90vh;
    margin: 5vh auto;
    padding: 30px;
    border-radius: 12px;
    position: relative;
    overflow-y: auto;
    box-sizing: border-box;
}

@media screen and (max-width: 600px) {

    .devis-modal-content {
        width: calc(100% - 30px);
        max-width: none;
        max-height: calc(100vh - 30px);
        margin: 15px auto;
        padding: 25px 20px;
    }

}

#devis-close{

position:absolute;

right:15px;

top:10px;

font-size:30px;

cursor:pointer;

}

/* ajout pour form */

#devis-form{

display:flex;

flex-direction:column;

gap:12px;

margin-top:20px;

}

#devis-form input,
#devis-form select{


border:1px solid #ddd;

border-radius:6px;

    width:100%;

    height:48px;

    padding:12px;

    font-size:16px;

    box-sizing:border-box;
}

#devis-form button{

background:#b22222;

color:white;

padding:14px;

border:none;

border-radius:6px;

cursor:pointer;

font-size:17px;

font-weight:bold;

}

#devis-form button:hover{

background:#8b0000;

}

/* bouton après remerciement */
.devis-success-actions{
    margin-top:30px;
    display:flex;
    flex-direction:column;
    gap:15px;
    align-items:center;
}

/* Bouton principal */
.devis-call-btn{
    display:block;
    width:100%;
    max-width:280px;
    padding:14px 20px;
    background:#b22222;
    color:#fff;
    text-decoration:none;
    text-align:center;
    font-size:18px;
    font-weight:600;
    border-radius:8px;
    transition:.3s;
    box-shadow:0 4px 10px rgba(0,0,0,.15);
}

.devis-call-btn:hover{
    background:#8f1a1a;
    transform:translateY(-2px);
}

/* Bouton secondaire */
.devis-close-btn{
    width:180px;
    padding:12px;
    background:#5f6777;
    color:#fff;
    border:none;
    border-radius:8px;
    font-size:16px;
    cursor:pointer;
    transition:.3s;
}

.devis-close-btn:hover{
    background:#444b59;
}