.menu-catalog__wrapper{
  background:#F2F2F2;
  z-index:5;
  padding-left:0;
  width:fit-content;
  overflow:visible;
  position:absolute; 
  list-style:none;
  display: none;
}
.menu-catalog__wrapper.open{
 display: block;
}

.menu-catalog{
   display:none;
   position: absolute;
   overflow: scroll;
}
.menu-catalog.open{
   display: block;
}
.menu-catalog__item{
  position:relative;
  min-height:30px;
  padding:5px;
}

.menu-catalog__item:hover > .menu-catalog__extend{
  display:inline-block;
}

.menu-catalog__extend{
  display:none;
  position:absolute;  
  top:0;
  left:100%;
  list-style:none;
  background:#F2F2F2;
  width:300px;
  height:fit-content;
  padding-left:0;
  margin-top:0;
  overflow:visible;
}

.menu-catalog__extend > li{
  min-height:30px;
}

.menu-catalog__name{
  font-weight:500;
  font-size:16px;
  color:#333;
  cursor:pointer;
}

.menu-catalog__item:hover{
  background:#fff;
}


.menu-catalog__item:has(ul) > a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  box-sizing:border-box;
}
.menu-catalog__item:has(ul) > a:after{
  content:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik05IDZMMTUgMTJMOSAxOCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=');
  display:block;
  height:24px;
  width:24px;
}

@media (min-width: 1280px) {
      .menu-catalog{
         height: calc(100dvh - 182px);
         width: 100%;
      }
   }
@media (max-width: 959px){
   .menu-catalog{
      width: 100%;
      height: calc(100dvh - 145px);
   }
  .menu-catalog__wrapper{
    position:absolute;
    height:calc(100dvh - 144px);
    width:100%;
    background:#F2F2F2;
    z-index:5;
    padding-left:0;
    overflow-y:auto;
  }

  .menu-catalog__item{
    min-height:50px;
    padding:0; 
  }

  
  .menu-catalog__item:hover > .menu-catalog__extend{
    display:none;
  }

  .menu-catalog__extend{
    display:none;
    list-style:none;
    margin-top:0;
    padding-left:15px;
    padding-bottom:25px;
    position:static;  
    width:100%;       
    
  }

  .menu-catalog__item.active > .menu-catalog__extend{
    display:block;    
  }

  .menu-catalog__name{
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-weight:500;
    font-size:16px;
    line-height:24px;
    color:#333;
    height:50px; 
  }

  .menu-catalog__name.active{
    background:#fff;
    border-right:5px solid #00396F;
  }

  .menu-catalog__wrapper > li:last-child{
    margin-bottom:40px;
  }

  .menu-catalog__item:not(:last-child){
    border-bottom:1px solid #ccc;
  }

  .menu-catalog__item:has(ul) > a{
    padding-right:0 !important;
  }

  .menu-catalog__item:has(ul) > a:after{
    content:'+';
    display:block;
  }

  .menu-catalog__item.active:has(ul) > a:after{
    content:'-';
  }

  header.fixed .menu-catalog__wrapper{
    height:calc(100dvh - 80px);
  }
}

 .header-menu-catalog{
  display:none
}