header {
    position:relative;
    top: 0;
    background-color: #fff;
    z-index: 100;
    /* ; */
}
header .header-inner {
    transition: .15s transform ease
}
.aside-opened header .header-inner {
    top:0;
}
header .dynamic {
     height: var(--header-height-m);
}


header .header-inner .logo-wrap .ham-btn {
    width: 28px;
    height: 28px;
    gap: 5px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

header .header-inner .logo-wrap .ham-btn div {
    width: 100%;
    height: 2px;
    background-color: #101010;
}

header .menu-list {
    position: fixed;
    top: 0;
    transform: translateY(-100%);
    left: 0;
    width: 100%;
    height: calc(100dvh - var(--header-height-m));
    z-index: 100;
    overflow: auto;
    background-color: #fff;
    transform: translateY(-100%);
    transition: .3s transform ease;
}

body.aside-opened header .menu-list {
    top: var(--header-height-m);
    transform: translateY(0);
}

header .menu-list .depth1-item {
    position: relative;
    border-top: 2px solid #101010;
}

header .menu-list .depth1-item a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    font-weight: 600;
}

header .menu-list .depth1-item .depth1-anchor {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 2px;
}

header .menu-list .depth1-item.has-child .depth1-anchor:after {
    display: block;
    position: absolute;
    top: 8px;
    right: 2px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_1235_30646)'%3E%3Cpath d='M16.25 7.5L10 13.75L3.75 7.5' stroke='%23101010' stroke-width='2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1235_30646'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    content: '';
    transition: .3s transform ease;
    opacity: 0;
}

header .menu-list .depth1-item a[target="_blank"]:after {
    display: block;
    position: absolute;
    top: 8px;
    right: 2px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cmask id='mask0_1235_30658' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1235_30658)'%3E%3Cpath d='M5.25016 15.8333L4.0835 14.6667L12.0835 6.66667H4.91683V5H14.9168V15H13.2502V7.83333L5.25016 15.8333Z' fill='%23101010'/%3E%3C/g%3E%3C/svg%3E");
    content: '';
}

header .menu-list .depth1-item .depth2-anchor[target="_blank"]:after {
    top: 6px;
}

header .menu-list .depth1-item.opened .depth1-anchor {
    background-color: #FF4545;
}

header .menu-list .depth1-item.opened .depth1-anchor:after {
    transform: rotate(180deg);
}

header .menu-list .depth1-item.opened .depth1-anchor {
    background-color: #FF4545;
}
header .menu-list .depth2-item.opened .depth2-anchor{
    color:#FF4545;
}
header .menu-list .depth1-item.opened .depth2-list{
    display: block;
}

header .menu-list .depth2-list {
    display: none;
}

header .menu-list .depth1-item.opened .depth2-list {
    display: block;
}

header .menu-list .depth2-item {
    border-top: 1px solid #101010;
}

header .menu-list .depth2-item .depth2-anchor {
    padding: 7px 2px;
}

body .ham-btn div {
    transition: .3s all ease;
}

body.aside-opened .ham-btn .line-1 {
    transform: translateY(7px) rotate(45deg);
}

body.aside-opened .ham-btn .line-2 {
    opacity: 0;
}

body.aside-opened .ham-btn .line-3 {
    transform: translateY(-7px) rotate(-45deg);
}

header .depth1-item.header-search {
    order: 100;
}

header .depth1-item.header-search form {
    background-color: #EAEAEA;
}

header .search-inner input {
    width: 100%;
    padding: 8px 2px 8px 24px;
}

header .search-inner .search-icon {
    position: absolute;
    top: 50%;
    left: 2px;
    transform: translateY(-50%);
}
#mobile-lang-changer {
    padding: 20px 0 0 0;
}

/*  */
/* body.scroll-down header {
    transform: translateY(-100%);
}

body.scroll-top header {
    transform: none;
}

body.aside-opened.scroll-down header {
    transform: translateY(0);
} */