/* --- kozos fejlec-navigacio: hazikó + hamburger --- */
#fejSav{position:fixed;left:0;top:0;bottom:0;width:96px;z-index:1197;background:#22282c;box-shadow:2px 0 14px rgba(0,0,0,0.25)}
#fejNav{position:fixed;top:18px;left:0;width:96px;z-index:1201;display:flex;align-items:center;justify-content:center;pointer-events:none}
#fejNav>*{pointer-events:auto}
#hazGomb{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#fff;text-decoration:none;filter:drop-shadow(0 0 1px rgba(0,0,0,0.9)) drop-shadow(0 0 2px rgba(0,0,0,0.55)) drop-shadow(0 2px 6px rgba(0,0,0,0.35));transition:color 0.2s ease,transform 0.2s ease,filter 0.2s ease}
#hazGomb svg{width:24px;height:24px;fill:currentColor;display:block}
#hazGomb:hover{color:#e36f2e;transform:translateY(-2px);filter:drop-shadow(0 0 1px rgba(0,0,0,0.55)) drop-shadow(0 3px 9px rgba(0,0,0,0.4))}
#hazGomb.aktivOldal{display:none}

#hambGomb{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:1200;display:flex;flex-direction:column;align-items:center;gap:9px;width:96px;padding:22px 0;background:none;border:0;cursor:pointer}
.hambFelirat{font-family:inherit;font-size:11px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:#fff;filter:drop-shadow(0 0 1px rgba(0,0,0,0.9)) drop-shadow(0 1px 4px rgba(0,0,0,0.5));transition:color 0.25s ease}
.hambVonalak{display:flex;flex-direction:column;gap:5px;align-items:center}
.hambVonalak i{display:block;width:26px;height:2px;border-radius:2px;background:#fff;filter:drop-shadow(0 0 1px rgba(0,0,0,0.9));transition:transform 0.3s cubic-bezier(0.22,1,0.36,1),opacity 0.2s ease,background 0.25s ease}
#hambGomb:hover .hambFelirat{color:#e36f2e}
#hambGomb:hover .hambVonalak i{background:#e36f2e}
#hambGomb.nyitva .hambVonalak i:nth-child(1){transform:translateY(7px) rotate(45deg)}
#hambGomb.nyitva .hambVonalak i:nth-child(2){opacity:0}
#hambGomb.nyitva .hambVonalak i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
#fejFatyol{position:fixed;inset:0;z-index:1198;background:rgba(20,26,30,0.5);opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}
#fejFatyol.nyitva{opacity:1;visibility:visible}
#fejMenu{position:fixed;top:0;left:96px;bottom:0;z-index:1199;width:280px;max-width:calc(100vw - 96px);padding:0;display:flex;flex-direction:column;justify-content:center;background:#2c3338;box-shadow:12px 0 40px rgba(0,0,0,0.3);transform:translateX(-110%);visibility:hidden;transition:transform 0.34s cubic-bezier(0.22,1,0.36,1),visibility 0.34s ease;overflow-y:auto}
#fejMenu.nyitva{transform:translateX(0);visibility:visible}
#fejMenu ul{list-style:none;margin:0;padding:0}
#fejMenu li{margin:0}
#fejMenu a{display:block;padding:9px 34px;font-size:15px;font-weight:600;letter-spacing:0.6px;text-transform:uppercase;color:rgba(255,255,255,0.8);text-decoration:none;transition:color 0.2s ease,padding-left 0.2s ease}
#fejMenu a:hover{color:#e36f2e;padding-left:40px}
#fejMenu a.aktiv{color:#e36f2e}
@media(max-width:700px){
#fejSav{display:none}
#fejNav{top:12px;left:12px;width:auto}
#hazGomb{width:34px;height:34px}
#hazGomb svg{width:21px;height:21px}
#hambGomb{left:auto;right:12px;top:12px;transform:none;flex-direction:row;align-items:center;justify-content:center;gap:0;width:42px;height:42px;padding:0;border-radius:11px;background:rgba(34,40,44,0.9);backdrop-filter:blur(6px);box-shadow:0 3px 12px rgba(0,0,0,0.28)}
.hambFelirat{display:none}
.hambVonalak{gap:4px}
.hambVonalak i{width:20px;filter:none}
#hambGomb.nyitva .hambVonalak i:nth-child(1){transform:translateY(6px) rotate(45deg)}
#hambGomb.nyitva .hambVonalak i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
#fejMenu{left:auto;right:0;width:270px;max-width:80vw;padding:70px 0 24px;transform:translateX(110%);box-shadow:-12px 0 40px rgba(0,0,0,0.35)}
#fejMenu.nyitva{transform:translateX(0)}
#fejMenu a{padding:12px 24px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){
#hazGomb,.hambVonalak i,.hambFelirat,#fejMenu,#fejFatyol{transition:none}
}