/* ============================================================
 *  Call Now Button — стили
 * ============================================================ */

/* ---- Плавающая кнопка звонка (мобильная версия) ---- */
.my_foot_tel {
    display: none; /* скрыто на десктопе по умолчанию */
}
@media screen and (max-width: 650px) {
	.my_foot_tel {
	display: block;
	bottom: 0;
    z-index: 9999;
    width: 80%;
    position: fixed;
    left: 10%;
	}

    .my_foot_tel_d1 {
		text-align: center;
		color: #ffffff;
		font-size: 14px;
		padding: 8px 0 0 0;
		background: #5b5b5b;
		max-width: 40%;
		margin: auto;
		padding: 0px;
		border-radius: 10px 10px 0 0px;
    }

    .my_foot_tel_d2 {
        text-align: center;
    }

    .my_foot_tel_d2 a {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        background: #eb911c;
        color: #ffffff;
        padding: 10px 25px;
        text-align: center;
        text-decoration: none;
        font-weight: bold;
        border-radius: 40px 40px 0 0;
    }

    .cnb-phone-icon {
        width: 18px;
        height: 18px;
        flex-shrink: 0;
    }
}

/* ---- [mybtn] попап ---- */
#mybtn-wrap #cnb-a {
display: none;
position: fixed;
top: 0;
right: 0;
width: 300px;
height: 100%;
background: #ffffff;
z-index: 9999;
overflow-y: auto;
box-shadow: -2px 0 8px rgba(0, 0, 0, 0.2);
}

#mybtn-wrap #cnb-a #btn_close {
cursor: pointer;
padding: 10px;
font-weight: bold;
text-align: right;
border-bottom: 1px solid #ddd;
}

#mybtn-wrap #cnb-windows {
padding: 15px;
}

#mybtn-wrap #cnb-b {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
z-index: 9998;
}