.menu-toggle{display:none;border:1px solid #ffffff35;background:#ffffff0c;color:#fff;width:42px;height:42px;border-radius:10px;place-items:center;cursor:pointer;transition:background .2s,border-color .2s}
.menu-toggle:hover{background:#ffffff1c;border-color:#8bf4f7}
.menu-toggle span,.menu-toggle:before,.menu-toggle:after{content:"";display:block;width:18px;height:1.5px;background:currentColor;transition:transform .2s,opacity .2s}
.menu-toggle span{margin:4px 0}
nav.menu-open .menu-toggle:before{transform:translateY(5.5px) rotate(45deg)}
nav.menu-open .menu-toggle span{opacity:0}
nav.menu-open .menu-toggle:after{transform:translateY(-5.5px) rotate(-45deg)}
@media(max-width:760px){
  .menu-toggle{display:grid;flex:0 0 auto}
  nav .links,nav .product-nav.menu-panel{display:none;height:auto!important;position:absolute;z-index:30;top:calc(100% + 10px);right:0;left:auto;width:min(310px,calc(100vw - 42px));padding:10px;border:1px solid #ffffff26;border-radius:14px;background:#12111ddd;box-shadow:0 24px 60px #0009;backdrop-filter:blur(18px)}
  nav.menu-open .links,nav.menu-open .product-nav.menu-panel{display:flex;flex-direction:column;align-items:stretch;gap:2px}
  nav.menu-open .links a:not(.btn),nav.menu-open .product-nav.menu-panel a:not(.product-nav-btn){display:flex!important;padding:12px 13px;border-radius:9px;color:#f3f2fa}
  nav.menu-open .links .btn,nav.menu-open .product-nav.menu-panel .product-nav-btn{display:flex!important;margin:7px 3px 3px;justify-content:center}
  nav.menu-open .links a:hover,nav.menu-open .product-nav.menu-panel a:hover{background:#ffffff12}
}