/* Мобильное меню v2 */
#menu-mob.modal-mobail-menu-item{
    position:fixed;
    inset:0;
    width:100%;
    height:100dvh;
    max-height:100dvh;
    padding:0;
    border-radius:0;
    background:#fff;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    z-index:3000;
    display:flex;
    flex-direction:column;
    box-shadow:none;
}
#menu-mob .box-close-outer{
    position:absolute;
    top:14px;
    right:14px;
    width:40px;
    height:40px;
    border-radius:12px;
    background:#f1f5f9;
    display:grid;
    place-items:center;
}
#menu-mob .btn-close-item:before,
#menu-mob .btn-close-item:after{background:#1c2733}
#menu-mob .modal-menu-item-form-h4{
    margin:0;
    padding:20px 20px 12px;
    font-size:1.1rem;
    font-weight:700;
    color:#1c2733;
    position:sticky;
    top:0;
    background:#fff;
    z-index:2;
}
#menu-mob .modal-menu-outer_phone{
    display:flex;
    flex-direction:column;
    gap:8px;
    padding:0 20px 16px;
    border-bottom:1px solid #eef2f7;
}
#menu-mob .modal-mobail-header-phone{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin:0;
    font-size:1rem;
    font-weight:600;
    color:#0f2b46;
    text-decoration:none;
}
#menu-mob .modal-mobail-header-phone:first-child{
    background:#eaf5ff;
    border-radius:12px;
    padding:10px 14px;
    color:#0b6db8;
}
#menu-mob #mob-nav-list{
    list-style:none;
    margin:0;
    padding:6px 0 90px;
    display:flex;
    flex-direction:column;
    gap:0;
}
#menu-mob .mob-item{
    border-bottom:1px solid #eef2f7;
    padding:0;
    margin:0;
}
#menu-mob .mob-item > div:first-child{
    display:flex;
    align-items:center;
    gap:8px;
    padding:0 12px 0 20px;
}
#menu-mob .mob-link{
    flex:1;
    padding:15px 0;
    font-size:1.02rem;
    font-weight:600;
    color:#1c2733;
    text-decoration:none;
    line-height:1.25;
}
#menu-mob .mob-caret{
    flex:0 0 34px;
    width:34px;
    height:34px;
    border:0;
    border-radius:10px;
    background:#f1f5f9;
    display:grid;
    place-items:center;
    cursor:pointer;
    margin:0;
}
#menu-mob .mob-caret::before{
    width:7px;
    height:7px;
    border-right:2px solid #64748b;
    border-bottom:2px solid #64748b;
    transform:rotate(45deg);
    transition:transform .2s ease;
}
#menu-mob .mob-item.open .mob-caret{background:#e3f1fd}
#menu-mob .mob-item.open .mob-caret::before{border-color:#0b6db8;transform:rotate(-135deg)}
#menu-mob .mob-sub{
    overflow:hidden;
    max-height:0;
    transition:max-height .25s ease;
    background:#f8fafc;
}
#menu-mob .mob-item.open .mob-sub{max-height:70vh;overflow-y:auto}
#menu-mob .mob-sub a{
    display:block;
    padding:11px 20px 11px 22px;
    font-size:.92rem;
    font-weight:500;
    color:#4a5b6d;
    text-decoration:none;
    border-top:1px solid #eef2f7;
    line-height:1.3;
}
#menu-mob .mob-sub a:active{background:#eaf5ff}
/* mob v2.1 */
#menu-mob{z-index:200000}
#menu-mob .box-close-outer{background:#f1f5f9;border:0;box-shadow:none}
#menu-mob .btn-close-item:before,
#menu-mob .btn-close-item:after{left:11px;right:11px;width:auto;height:2px;background:#1c2733}
#menu-mob .modal-mobail-header-phone{border:0;box-shadow:none;background:transparent;padding:0;color:#0f2b46}
#menu-mob .modal-mobail-header-phone:first-child{background:#eaf5ff;padding:10px 14px;border-radius:12px;color:#0b6db8}
/* zfix */
#menu-mob.modal-mobail-menu-item{z-index:200000}
#menu-mob .box-close-outer{background:#e9eff6}

/* close on top */
#menu-mob .box-close-outer{z-index:5}
#menu-mob .modal-menu-item-form-h4{padding-right:60px}
