.header__icons{display:flex;align-items:center;gap:10px}
@media (max-width:1199px){
  .header__opener{display:inline-flex;position:relative;width:44px;height:44px;margin-left:0;padding:0;border:0;border-radius:100%;background:transparent;appearance:none;cursor:pointer}
  .header__opener span{position:absolute;left:11px;width:22px;height:2px;background:#fff;border-radius:3px;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .2s ease,top .35s cubic-bezier(.22,1,.36,1);margin:0}
  .header__opener .top{top:15px}
  .header__opener .center{top:21px}
  .header__opener .bottom{top:27px}
  .header__menu{position:fixed;top:90px;right:0;bottom:0;left:0;width:100%;height:calc(100dvh - 90px);min-height:calc(100svh - 90px);display:flex;align-items:flex-start;padding:28px 24px 40px;background:#014B36;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateX(100%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .3s ease,visibility 0s linear .45s}
  .header__menu ul{flex-direction:column;align-items:stretch;gap:0;width:100%;height:auto;max-height:none;overflow:visible;padding:0}
  .header__menu ul>li{width:100%;height:auto;margin:0;flex-direction:column;align-items:stretch;opacity:0;transform:translateY(14px);transition:opacity .4s ease,transform .4s cubic-bezier(.22,1,.36,1)}
  .header__menu ul>li a{display:block;width:100%;padding:14px 0;font-size:22px;font-weight:500;line-height:1.3;color:#fff;white-space:normal}
  .header__menu ul>li.menu-item-has-children .arrow{position:absolute;top:6px;right:0;width:44px;height:44px}
  .header__menu ul>li.menu-item-has-children .arrow:before{border-width:6px 5px 0 5px;transform:rotate(0deg)!important;border-color:#fff transparent transparent transparent!important;transition:transform .3s ease}
  .header__menu ul>li.menu-item-has-children.active .arrow:before{transform:rotate(180deg)!important;border-color:#fff transparent transparent transparent!important}
  .header__menu ul>li.menu-item-has-children.active .sub-menu{display:flex}
  .header__menu .sub-menu{position:relative;top:auto;left:auto;right:auto;bottom:auto;display:none;width:100%;height:auto;padding:0 0 8px 12px;box-shadow:none;background:transparent;opacity:1;pointer-events:auto}
  .header__menu .sub-menu li{margin:0;opacity:1;transform:none}
  .header__menu .sub-menu li a{padding:8px 0;font-size:16px;font-weight:400;color:rgba(255,255,255,.78)}
  .header__menu li:hover a,.header__menu li a:focus,.header__menu li a:active{color:#fff}
  .header__menu li a:before,.header__menu li:hover a:before{display:none}
  .admin-bar .header__menu{top:122px;height:calc(100dvh - 122px);min-height:calc(100svh - 122px)}
  body.menu-opened .header{background:#014B36;backdrop-filter:none;overflow:visible}
  body.menu-opened .header:before,body.menu-opened .header:after{opacity:0}
  body.menu-opened .header__menu{transform:translateX(0);opacity:1;visibility:visible;pointer-events:auto;right:0;left:0;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .3s ease,visibility 0s}
  body.menu-opened .header__menu ul>li{opacity:1;transform:none}
  body.menu-opened .header__menu ul>li:nth-child(1){transition-delay:.08s}
  body.menu-opened .header__menu ul>li:nth-child(2){transition-delay:.12s}
  body.menu-opened .header__menu ul>li:nth-child(3){transition-delay:.16s}
  body.menu-opened .header__menu ul>li:nth-child(4){transition-delay:.2s}
  body.menu-opened .header__menu ul>li:nth-child(5){transition-delay:.24s}
  body.menu-opened .header__menu ul>li:nth-child(6){transition-delay:.28s}
  body.menu-opened .header__menu ul>li:nth-child(7){transition-delay:.32s}
  body.menu-opened .header__menu ul>li:nth-child(8){transition-delay:.36s}
  body.menu-opened .header__opener .center{opacity:0}
  body.menu-opened .header__opener .top{top:21px;transform:rotate(45deg);margin:0;rotate:none}
  body.menu-opened .header__opener .bottom{top:21px;transform:rotate(-45deg);rotate:none}
}
@media (max-width:768px){
  .header{height:75px}
  .header__menu{top:75px;height:calc(100dvh - 75px);min-height:calc(100svh - 75px);padding:20px 20px 32px}
  .header__button{padding:12px 14px;font-size:13px}
  .admin-bar .header__menu{top:121px;height:calc(100dvh - 121px);min-height:calc(100svh - 121px)}
  body.menu-opened .header__opener .top{margin:0}
}
@media (prefers-reduced-motion:reduce){
  .header__menu,.header__menu ul>li,.header__opener span{transition:none}
}