button.nvm-kd-menu-toggle,
button.nvm-kd-menu-toggle:hover,
button.nvm-kd-menu-toggle:focus,
button.nvm-kd-menu-toggle:active{background:none;background-color:transparent;border:0;box-shadow:none;color:inherit;border-radius:0}

button.nvm-kd-menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;width:48px;height:48px;padding:0 11px;cursor:pointer;-webkit-appearance:none;appearance:none}
button.nvm-kd-menu-toggle .kd-mt__bar{display:block;height:2px;width:100%;background:#fff;transition:transform .3s ease,width .3s ease,opacity .3s ease;transform-origin:center}
/* Mind a harom sav azonos hosszu es szinu: a designtervben a harmadik rovidebb es
   narancs volt, de Kristof kerte az egyszinu, egyenletes ikont (2026-08-18). */

button.nvm-kd-menu-toggle[aria-expanded="true"] .kd-mt__bar:nth-child(1){transform:translateY(8px) rotate(45deg)}
button.nvm-kd-menu-toggle[aria-expanded="true"] .kd-mt__bar:nth-child(2){opacity:0}
button.nvm-kd-menu-toggle[aria-expanded="true"] .kd-mt__bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

button.nvm-kd-menu-toggle:focus-visible{outline:2px solid #F27E10;outline-offset:4px}

.kd-panel-closed{opacity:0 !important;visibility:hidden !important;transform:translateY(-10px)}
.kd-panel-open{opacity:1;visibility:visible;transform:none}
.kd-panel-closed,.kd-panel-open{transition:opacity .32s ease,transform .32s ease,visibility .32s ease}

body.kd-menu-open{overflow:hidden}

@media (max-width:980px){
  button.nvm-kd-menu-toggle{display:flex}
}

@media (prefers-reduced-motion: reduce){
  button.nvm-kd-menu-toggle .kd-mt__bar,
  .kd-panel-closed,.kd-panel-open{transition:none}
}