/* --- 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:300px;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:flex;align-items:center;gap:0;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:0;right:0;top:0;bottom:auto;width:auto;max-width:none;max-height:100vh;padding:64px 20px 14px;justify-content:flex-start;background:#f6f6f5;border-radius:0 0 18px 18px;transform:translateY(-102%);box-shadow:0 18px 34px rgba(31,35,32,0.18);overflow-y:auto}
#fejMenu li{border-bottom:1px solid #e4e4e2}
#fejMenu li:last-child{border-bottom:0}
#fejMenu a{justify-content:flex-start;text-align:right;color:#2c3338}
#fejMenu a:hover{padding-left:20px;padding-right:26px;color:#e36f2e}
#fejMenu a.aktiv{color:#e36f2e}
.fejMiniLogo{background:#e9e9e7}
#fejMenuKep{display:none}
#fejMenu.nyitva{transform:translateY(0)}
#fejMenu a{padding:13px 20px;font-size:12px;letter-spacing:0.4px}
}
@media(prefers-reduced-motion:reduce){
#hazGomb,.hambVonalak i,.hambFelirat,#fejMenu,#fejFatyol{transition:none}
}

.fejMini{display:none}
@media(max-width:700px){
#fejMenu a{gap:13px;padding:8px 20px;flex-direction:row-reverse}
.fejMini{display:block;flex:0 0 46px;width:46px;height:46px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,0.35)}
.fejMini img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.fejMiniLogo{background:#2c3338}
.fejMiniLogo img{object-fit:cover}
#fejMenu a.aktiv .fejMini{box-shadow:0 0 0 2px #e36f2e,0 3px 10px rgba(0,0,0,0.35)}
}
/* --- elonezeti kep a menu aljan (csak egeres eszkozon) --- */
#fejMenuKep{flex:0 0 auto;height:0;margin:0 26px;overflow:hidden;opacity:0;transition:opacity 0.35s ease,height 0.35s cubic-bezier(0.22,1,0.36,1),margin 0.35s ease}
#fejMenuKep.van{height:190px;margin:26px 26px 0;opacity:1}
#fejMenuKep.van.magas{height:242px}
#fejMenuKep .fejKepTeljes{display:block;width:100%;height:190px;object-fit:cover;object-position:center top;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,0.4);animation:fejKepBe 0.4s cubic-bezier(0.22,1,0.36,1)}
#fejMenuKep .fejLogoDoboz{display:flex;align-items:center;justify-content:center;height:190px}
#fejMenuKep .fejLogoDoboz img{width:200px;height:auto;animation:fejKepBe 0.4s cubic-bezier(0.22,1,0.36,1)}
#fejMenuKep .fejLista{display:flex;flex-direction:column;justify-content:center;gap:9px;height:190px}
#fejMenuKep .fejListaSor{display:flex;align-items:center;gap:11px;padding:6px 8px;border-radius:11px;background:rgba(255,255,255,0.07);animation:fejKepBe 0.4s cubic-bezier(0.22,1,0.36,1) backwards}
#fejMenuKep .fejListaSor:nth-child(2){animation-delay:0.07s}
#fejMenuKep .fejListaSor:nth-child(3){animation-delay:0.14s}
#fejMenuKep .fejListaKep{flex:0 0 74px;width:74px;height:44px;border-radius:7px;overflow:hidden;background:#fff}
#fejMenuKep .fejListaKep img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
#fejMenuKep .fejListaNev{flex:1 1 auto;min-width:0;font-size:12px;font-weight:600;line-height:1.3;color:rgba(255,255,255,0.88);text-transform:none;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#fejMenuKep .fejFelho{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px 7px;height:190px;padding:8px 6px;overflow:hidden;line-height:1.05;text-align:center;animation:fejKepBe 0.4s cubic-bezier(0.22,1,0.36,1)}
#fejMenuKep .fejFelho span{display:inline-block;text-transform:none;letter-spacing:-0.2px;white-space:nowrap;filter:brightness(1.35)}
#fejMenuKep .fejNaptar{display:flex;flex-direction:column;justify-content:center;gap:7px;height:242px;animation:fejKepBe 0.4s cubic-bezier(0.22,1,0.36,1)}
#fejMenuKep .fejNaptarCim{font-size:11px;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;color:rgba(255,255,255,0.5);margin-bottom:2px}
#fejMenuKep .fejNap{display:flex;flex-direction:column;gap:5px;padding:7px 10px;border-radius:10px;background:rgba(255,255,255,0.07)}
#fejMenuKep .fejNapNev{font-size:12px;font-weight:600;color:rgba(255,255,255,0.9);text-transform:none;letter-spacing:0}
#fejMenuKep .fejOrak{display:flex;flex-wrap:wrap;gap:5px}
#fejMenuKep .fejOrak i{display:inline-block;padding:3px 9px;border-radius:980px;background:#fff;color:#1d1d1f;font-style:normal;font-size:11px;font-weight:700}
#fejMenuKep .fejNaptarLab{font-size:11px;color:#e36f2e;font-weight:600;text-transform:none;letter-spacing:0;margin-top:2px}
@keyframes fejKepBe{from{opacity:0;transform:translateY(12px) scale(0.96)}to{opacity:1;transform:none}}
@media(hover:none){#fejMenuKep{display:none}}