/* Кнопка снизу */

.discuss-btn{
    position:fixed;
    right:30px;
    bottom:30px;
    z-index:9999;
    background:#9f1d1d;
    color:white;
    border:none;
    padding:15px 25px;
    font-size:16px;
    cursor:pointer;
    border-radius:4px;
}
/* затемнение */

.modal-overlay{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    display:none;
    justify-content:center;
    align-items:center;
    z-index:10000;
}
.modal-overlay-in{
	width:100%; height:100vh;
}

/* окно */

.modal-box{
    background:white;
    width:500px;
    padding:40px;
    position:relative;
	border-radius:15px;
}

/* крестик */

.modal-close{
    position:absolute;
    right:15px;
    top:10px;
    cursor:pointer;
    font-size:20px;
}

/* форма */

.modal-box h2{
    margin-bottom:30px;
}

.modal-box input,
.modal-box select{
    width:100%;
    border:none;
    border-bottom:1px solid #999;
    padding:10px 0;
    margin-bottom:25px;
    font-size:16px;
}

.modal-box input:focus-visible,
.modal-box select:focus-visible{
    outline: none;
}


.agree{
    font-size:13px;
    margin-bottom:25px;
}

.submit-btn{
    width: calc(100% - 32px);
    padding:15px;
    background:#9f1d1d;
    color:white;
    border:none;
    cursor:pointer;
}

/* планшеты */

@media (max-width:768px){

.modal-box{
    width:90%;
    padding:30px 25px;
}

.discuss-btn{
    right:20px;
    bottom:20px;
}

}


/* телефоны */

@media (max-width:480px){

.discuss-btn{
    left:50%;
    right:auto;
    transform:translateX(-50%);
    bottom:15px;
    width:90%;
    padding:16px;
    font-size:16px;
}

.modal-overlay{
    align-items:flex-end;
}

.modal-overlay-in{
	max-width:100%; height:100vh;
}

.modal-box{
    width: calc(100% - 60px);
    border-radius:15px;
    padding:25px 20px 30px;
}

.modal-box h2{
    font-size:20px;
}

.modal-box input,
.modal-box select{
    font-size:16px;
    padding:12px 0;
}

.submit-btn{
    padding:16px;
    font-size:16px;
	width: calc(100% - 32px);
}

.agree{
    font-size:12px;
}

.modal-close{
    top:12px;
    right:15px;
}

}

.error{
    color:red;
    font-size:12px;
    margin-bottom:10px;
}

.success{
    color: #0a853d;
    font-size: 12px;
    margin-bottom: 10px;
    text-align: center;
	margin-top: 10px;
}

.btn-disabled{
    opacity:0.5;
    cursor:not-allowed;
    pointer-events:none;
}