@keyframes burger-top-open{0%{transform:translateY(-9px)rotate(0)}45%{transform:translateY(0)rotate(0)}to{transform:translateY(0)rotate(45deg)}}@keyframes burger-bottom-open{0%{transform:translateY(9px)rotate(0)}45%{transform:translateY(0)rotate(0)}to{transform:translateY(0)rotate(-45deg)}}@keyframes burger-top-close{0%{transform:translateY(0)rotate(45deg)}55%{transform:translateY(0)rotate(0)}to{transform:translateY(-9px)rotate(0)}}@keyframes burger-bottom-close{0%{transform:translateY(0)rotate(-45deg)}55%{transform:translateY(0)rotate(0)}to{transform:translateY(9px)rotate(0)}}@keyframes burger-middle-open{0%,40%{background:var(--cl-light)}45%,to{background:0 0}}@keyframes burger-middle-close{0%,55%{background:0 0}60%,to{background:var(--cl-light)}}.burger{box-sizing:border-box;background:var(--cl-black-main);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;width:36px;height:36px;padding:5px;transition:opacity .3s;display:flex}.burger:hover{opacity:.8}.burger__line{background:var(--cl-light);transform-origin:50%;border-radius:2px;width:100%;height:1px;animation:.5s cubic-bezier(.33,1,.68,1) forwards burger-middle-close;display:block;position:relative}.burger__line:before,.burger__line:after{content:"";background:var(--cl-light);transform-origin:50%;border-radius:1px;width:100%;height:1px;position:absolute;top:0;left:0}.burger__line:before{animation:.5s cubic-bezier(.33,1,.68,1) forwards burger-top-close;transform:translateY(-9px)}.burger__line:after{animation:.5s cubic-bezier(.33,1,.68,1) forwards burger-bottom-close;transform:translateY(9px)}.burger.open .burger__line{animation:.5s cubic-bezier(.33,1,.68,1) forwards burger-middle-open}.burger.open .burger__line:before{animation:.5s cubic-bezier(.33,1,.68,1) forwards burger-top-open}.burger.open .burger__line:after{animation:.5s cubic-bezier(.33,1,.68,1) forwards burger-bottom-open}
.header-mobile{width:100%;position:relative}.header-mobile__wrapper{justify-content:space-between;align-items:center;gap:var(--indent-xs);padding:9px 0;display:flex}.header-mobile__logo{width:100px;height:auto}.header-mobile__phone{margin-bottom:16px}.header-mobile__dropdown{box-sizing:border-box;width:100%;height:calc(100dvh - 100%);z-index:var(--header-z-index);background:var(--cl-black-main);padding:24px 24px 100px;position:absolute;top:100%;left:0;overflow-y:auto}.header-mobile__nav{margin-bottom:70px}
