.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.open{
 display: block;
}

.menu-catalog{
   position: absolute;
   overflow-y: scroll;
   overflow-x: hidden;
   width: 100%;
   display: none;
}
.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__name{
  font-weight:500;
  font-size:16px;
  color:#333;
  cursor:pointer;
  margin-left: 3px;
  width: 100%;
}
.menu-catalog__container{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

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


.menu-catalog__item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  box-sizing:border-box;
   flex-wrap: wrap;
}
.menu-catalog__toggle{
  content:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik05IDZMMTUgMTJMOSAxOCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=');
  display:block;
  height:35px;
  width:35px;
  margin-left: 10px;
}
.menu-catalog__item.active .menu-catalog__toggle {
  transform: rotate(90deg);
}

@media (min-width: 1280px) {
      .menu-catalog{
         height: calc(100dvh - 182px);
      }
   }
@media (max-width: 959px){
   .menu-catalog{
      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:55px;
    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;
    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);
  }
}

@media (min-width: 1280px){
    .menu-catalog__item--mobile {
        display: none;
    }
}