.header-logo{position:fixed;left:20px;top:18px;height:30px;width:auto;z-index:10000;pointer-events:auto;}
.header-logo img{height:100%;width:auto;display:block;}

.burger-menu{position:fixed;top:18px;right:20px;z-index:10000;width:30px;height:30px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-around;}
.burger-line{width:100%;height:3px;background:#ffffff;transition:all .3s ease;}
.canvas-page .burger-line{background:#ffffff;}
.burger-menu:hover .burger-line{opacity:.8}
.burger-menu.active .burger-line:nth-child(1){transform:rotate(45deg) translate(6px,6px);} 
.burger-menu.active .burger-line:nth-child(2){opacity:0;} 
.burger-menu.active .burger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px);} 

.mobile-menu{position:fixed;top:0;right:0;width:280px;max-width:80vw;height:100vh;background:rgba(0,0,0,.92);z-index:9999;transition:transform .3s ease;transform:translateX(100%);padding:76px 20px 20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;box-shadow:-8px 0 16px rgba(0,0,0,.3);}
.mobile-menu.active{transform:translateX(0);}
.mobile-menu a{color:#fff;text-decoration:none;font-family:"Nunito Sans",sans-serif;font-size:16px;}
.mobile-menu a:hover{color:#ddd;}

/* Temporarily hide burger menu and panel */
.burger-menu, .mobile-menu { display: none !important; }

/* Скрываем логотип на мобильных устройствах */
@media (max-width: 1024px) {
  .header-logo {
    display: none !important;
  }
}