/* Mobil menü: a fejlécben „Menü” gomb, teljes képernyős lista (gépen rejtve, ott a fejléc linkjei látszanak) */
.mm-btn{display:none}
@media(max-width:750px){
  header nav>a:not(.pill){display:none!important}
  .mm-btn{display:inline-flex;align-items:center;gap:9px;height:38px;padding:0 14px 0 13px;border:1px solid #ffffff50;border-radius:30px;background:#10181566;color:#eff3ed;font-size:12px;letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
  .mm-btn i{display:flex;flex-direction:column;justify-content:center;gap:4px;width:15px}
  .mm-btn i::before,.mm-btn i::after{content:'';display:block;height:1.5px;border-radius:2px;background:currentColor}
  .mm-btn i::after{width:10px}
  nav .pill{padding:0 13px;height:38px;white-space:nowrap}
}
.mm{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;padding:25px 6vw calc(28px + env(safe-area-inset-bottom));background:#101815;color:#eff3ed;
  opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s;overflow-y:auto}
.mm.open{opacity:1;visibility:visible;transition:opacity .3s}
.mm-top{display:flex;justify-content:space-between;align-items:center}
.mm-x{width:44px;height:44px;border-radius:50%;border:1px solid #ffffff40;background:none;color:#eff3ed;display:grid;place-items:center}
.mm-x svg{width:18px;height:18px}
.mm-list{list-style:none;margin:auto 0;padding:40px 0 30px;display:flex;flex-direction:column;gap:4px}
.mm-list a{display:flex;align-items:baseline;gap:16px;padding:8px 0;font-size:clamp(36px,11vw,52px);letter-spacing:-.06em;line-height:1.05;color:#eff3ed;
  opacity:0;transform:translateY(16px);transition:opacity .45s,transform .55s cubic-bezier(.2,.8,.2,1),color .2s}
.mm-list a small{font-size:11px;letter-spacing:1.5px;color:#8fa497;min-width:22px}
.mm-list a.is-here{color:#c9eeaa}
.mm-list a:active{color:#c9eeaa}
.mm.open .mm-list a{opacity:1;transform:none}
.mm-foot{display:flex;flex-direction:column;gap:10px;padding-top:22px;border-top:1px solid #ffffff20;font-size:15px;opacity:0;transition:opacity .5s .25s}
.mm.open .mm-foot{opacity:1}
.mm-foot a{color:#d4efbc}
.mm-foot span{font-size:11px;letter-spacing:1.5px;color:#8fa497}
.mm-soc{display:flex;gap:18px}
html.mm-lock{overflow:hidden}
@media(min-width:751px){.mm{display:none}}
@media(prefers-reduced-motion:reduce){.mm,.mm-list a,.mm-foot{transition:none}}

/* lábléc: Elérhetőség / Szabályzat linkek egy csoportban */
.foot-links{display:flex;gap:26px}
footer .foot-links a:hover{color:#c9eeaa}
@media(max-width:750px){.foot-links{gap:18px}}
/* keskenyebb gépi kijelzőn ne törjön a fejléc: kisebb térköz, és 900 px alatt az Elérhetőség/Szabályzat a láblécben marad */
@media(min-width:751px) and (max-width:1180px){header nav{gap:24px}header nav>a,header nav>.pill{white-space:nowrap}}
@media(min-width:751px) and (max-width:920px){header nav .nav-ct{display:none}}