header{
  width: 100%;

  .header{
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    height: 149px;
    background-color: white;
    padding: 0 var(--xxl);
    border-bottom:1px solid var(--second);

    .main-menu-hamburger, .main-menu-close{
      display: none;
    }

    .main-menu{

      flex-grow: 1;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;

      .main-menu-logo{
        display: block;
        cursor: pointer;
        width: 235px;
        height: 80px;
        background: url('~projects/app-root/src/assets/images/logo_tks.svg') 100% center;
        background-size: cover;
      }

      .main-menu-btns{
        display: flex;
        gap:32px;  
      }

    }
  }


  pages-menu{    
    &.level-0{
      flex-direction: row;
      gap:20px;
      >pages-menu-item{
        >.item>drop-down{
          display: none;
        }
        position: relative;
        >.sub-menu{
          display: none;
        }

        .level-1{
          >pages-menu{
            padding-left: 24px;
            position: absolute;
            width: 300px;
            background-color: var(--white);
            border: 1px solid var(--second);
            z-index: 10;}
        }

        &:hover{
          >.sub-menu{
            display: block;
          }
        }
      }
    }
  }  
}

div.left-content>pages-menu{
  padding-top: 24px;
  >pages-menu-item{
    >.item{
      display: none ;
    }
    >pages-menu{
      padding-left: 0;
    }
  }
}

.current{
  a{ color: var(--active)};
}
.parent{
   a{ color: var(--dark)};
}


//footer

@media screen and (max-width: 1048px){

header{
    .header{
      height: 64px;
      padding: 0 var(--l);

      .main-menu{
        .main-menu-logo{
          width: 118px;
          height: 40px;
        }

        .main-menu-hamburger{
          display: block;
        }

        .main-menu-btns{
          >:not(:nth-child(3)){
            display: none;
          }
        }
        
      }
      .grid-menu{
        display: none;
      }
    }
  }    



  div.left-content>pages-menu{
    
    padding-top: 24px;
    >pages-menu-item{
      margin-left: var(--m);
      >.item{
        display: block ;
      }
    }
  }
}



//left-content

 
.show-menu{
  display: none;
}

left-content{
  margin: var(--xxl) 0 0 -24px;
  pointer-events: all;
}

left-content .level-0>pages-menu-item{        
      
      &>.item{
          display: none;
      }
}

@media screen and (max-width: 1048px){
  left-content{
    display: none
  };
}