.site-header{position:relative;gap:24px}
.site-nav{display:flex;align-items:center;justify-content:center;gap:22px}
.site-nav a{color:var(--muted);font-size:12px;font-weight:700;padding:12px 0;white-space:nowrap;transition:color .2s}
.site-nav a:hover,.site-nav a:focus-visible{color:var(--purple)}
.site-nav[hidden],.menu-toggle[hidden]{display:none}
.menu-toggle{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:6px;background:var(--panel);font-size:12px;font-weight:700}
.menu-icon{width:18px;display:grid;gap:4px}
.menu-icon i{display:block;width:18px;height:1px;background:var(--purple);transition:transform .2s,opacity .2s}
.menu-toggle[aria-expanded="true"] .menu-icon i:first-child{transform:translateY(5px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] .menu-icon i:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] .menu-icon i:last-child{transform:translateY(-5px) rotate(-45deg)}
#modszer,#temakorok,#bemutatkozas,#gyakori-kerdesek,#kapcsolat{scroll-margin-top:24px}
.footer-about{max-width:380px}
.footer-contact{display:flex;flex-direction:column;gap:8px;font-style:normal;flex-shrink:0}
.footer-contact .eyebrow{margin-bottom:4px}
.site-footer .footer-contact a{display:flex;align-items:baseline;gap:18px;font-size:13px;min-height:32px}
.contact-label{font-size:11px;color:var(--muted);min-width:44px}
.site-footer .footer-legal{margin-top:0;flex-shrink:0}
@media(min-width:1024px){.site-header .brand{flex-shrink:0}.site-header .header-cta{white-space:nowrap}}
@media(min-width:621px) and (max-width:1023px){.site-header{padding:20px 0;flex-wrap:wrap}.menu-toggle{margin-left:auto}.site-nav{order:4;flex-basis:100%;justify-content:flex-start;border-top:1px solid var(--line);padding-top:12px}.site-footer{flex-wrap:wrap;gap:28px}.footer-about{flex:1}.footer-legal{flex-basis:100%}}
@media(max-width:620px){.site-header{padding:18px 0;flex-wrap:wrap;gap:14px}.menu-toggle{margin-left:auto}.site-header .header-cta{order:3;max-width:none;flex-basis:100%;justify-content:flex-end;font-size:11px}.site-nav{order:4;flex-basis:100%;display:grid;grid-template-columns:1fr 1fr;gap:2px 18px;padding-top:12px;border-top:1px solid var(--line)}.site-nav a{padding:10px 0;font-size:12px}.site-footer{gap:25px}.footer-contact{gap:4px}.site-footer .footer-contact a{min-height:44px}.site-footer .footer-legal{padding-top:20px;border-top:1px solid var(--line)}}