/* a főoldal menüje és lábléce – pontos másolat, hatókörrel */
#sknav,#skfoot{--blue: #2A4A9C;--blue-deep: #1D3574;--blue-soft: #EBF0F8;--blue-line: #B9C6E2;--green: #4E9A32;--green-deep: #4E9A32;--green-soft: #EAF5E3;--teal: #4E9A32;--teal-soft: #EAF5E3;--amber: #F0B32B;--amber-soft: #FDF4E1;--coral: #D9552B;--coral-soft: #FAE7DE;--violet: #3B62C4;--violet-soft: #E5EAF6;--ink: #0B1633;--navy: #0B1633;--muted: #44506A;--line: #E2E6EF;--bg: #FFFFFF;--bg2: #F3F5F9;--r: 12px;--muted2: #7A8396;--line2: #CDD3E0;--hair: rgba(0,0,0,.08);--blue-h: #1D3574;--link: #2A4A9C;--sf: -apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Manrope","Helvetica Neue",Helvetica,Arial,sans-serif;--ease: cubic-bezier(.28,.11,.32,1);}
#sknav *,#skfoot *{box-sizing: border-box;}
#sknav button{font: inherit; color: inherit;}
#sknav a,#skfoot a{color: inherit; text-decoration: none;}
#sknav .wrap,#skfoot .wrap{max-width: 1040px; margin: 0px auto; padding: 0px 24px;}
nav#sknav .wrap{max-width: 1240px;}
nav#sknav{position: sticky; top: 0px; z-index: 20; background: rgba(255, 255, 255, 0.97); backdrop-filter: blur(12px); border-bottom: 1px solid var(--line); transition: box-shadow 0.2s;}
nav#sknav.scrolled{box-shadow: rgba(42, 74, 156, 0.35) 0px 6px 24px -18px;}
nav#sknav .wrap{display: flex; align-items: center; height: 68px; gap: 0px;}
#sknav .brand,#skfoot .brand{display: flex; align-items: center; gap: 10px; flex: 0 0 auto; line-height: 1; margin-right: 36px;}
#sknav .logo,#skfoot .logo{width: 32px; height: 32px; display: grid; place-items: center; flex: 0 0 auto;}
#sknav .logo svg,#skfoot .logo svg{width: 100%; height: 100%; display: block;}
#sknav .wm,#skfoot .wm{font-size: 22px; font-weight: 700; letter-spacing: -0.03em; color: var(--blue); line-height: 1; transform: translateY(1px);}
#sknav .wm em,#skfoot .wm em{font-style: normal; color: var(--green);}
#sknav .links{display: flex; align-items: center; gap: 4px; height: 100%;}
#sknav .links .dd > a{display: inline-flex; align-items: center; gap: 4px; height: 40px; padding: 0px 13px; border-radius: 9px; color: var(--ink); font-weight: 600; font-size: 15px; line-height: 1; position: relative; transition: color 0.15s, background 0.15s; white-space: nowrap;}
#sknav .links .dd > a:hover,#sknav .links .dd:hover > a,#sknav .links .dd:focus-within > a{color: var(--blue); background: var(--blue-soft);}
#sknav .dd{position: relative; display: flex; align-items: center;}
#sknav .chev{width: 15px; height: 15px; opacity: 0.6; transition: transform 0.2s; flex: 0 0 auto; margin-top: 1px;}
#sknav .dd:hover .chev,#sknav .dd:focus-within .chev{transform: rotate(180deg); opacity: 1;}
#sknav .menu{position: absolute; left: 0px; top: calc(100% + 4px); min-width: 236px; background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 14px; box-shadow: rgba(42, 74, 156, 0.28) 0px 24px 48px -20px, rgba(42, 74, 156, 0.06) 0px 2px 6px; padding: 8px; display: none; flex-direction: column; z-index: 30; animation: 0.16s ease-out 0s 1 normal none running menuIn;}
@keyframes menuIn { 
  0% { opacity: 0; transform: translateY(-4px); }
  100% { opacity: 1; transform: none; }
}
#sknav .menu::before{content: ""; position: absolute; left: 0px; right: 0px; top: -8px; height: 8px;}
#sknav .dd:hover .menu,#sknav .dd:focus-within .menu{display: flex;}
#sknav .menu a{padding: 9px 12px; border-radius: 9px; font-size: 14.5px; font-weight: 500; color: var(--ink); white-space: nowrap; transition: background 0.12s, color 0.12s; line-height: 1.3;}
#sknav .menu a:hover{background: var(--blue-soft); color: var(--blue);}
#sknav .menu.cols{display: none; flex-direction: row; gap: 8px; padding: 16px; min-width: 600px;}
#sknav .dd:hover .menu.cols,#sknav .dd:focus-within .menu.cols{display: flex;}
#sknav .menu.cols > div{display: flex; flex-direction: column; min-width: 170px;}
#sknav .menu.cols > div + div{border-left: 1px solid var(--line); padding-left: 8px;}
#sknav .menu h5{margin: 2px 12px 8px; font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted);}
#sknav .menu a.all{color: var(--blue); font-weight: 600; margin-top: 6px;}
#sknav .navr{display: flex; align-items: center; gap: 8px; margin-left: auto; flex: 0 0 auto;}
#sknav .user{display: inline-flex; align-items: center; gap: 7px; height: 40px; padding: 0px 13px; border-radius: 9px; color: var(--ink); font-weight: 600; font-size: 15px; line-height: 1; transition: background 0.15s, color 0.15s;}
#sknav .user svg{width: 17px; height: 17px; flex: 0 0 auto;}
#sknav .user:hover{background: var(--blue-soft); color: var(--blue);}
#sknav .cta{display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: var(--blue); color: rgb(255, 255, 255); font-weight: 700; border-radius: 10px; font-size: 15px; line-height: 1;}
#sknav .cta:hover{background: var(--blue-deep);}
#sknav .cta.sm{height: 40px; padding: 0px 18px; margin-left: 4px; box-shadow: rgba(42, 74, 156, 0.7) 0px 6px 16px -10px;}
#sknav .burger{display: none; width: 40px; height: 40px; border: 1px solid var(--line); background: rgb(255, 255, 255); border-radius: 10px; cursor: pointer; flex-direction: column; justify-content: center; align-items: center; gap: 5px; padding: 0px; margin-left: 4px;}
#sknav .burger span{display: block; width: 18px; height: 2px; background: var(--ink); border-radius: 2px; transition: transform 0.2s, opacity 0.2s;}
#sknav .burger[aria-expanded="true"] span:nth-child(1){transform: translateY(7px) rotate(45deg);}
#sknav .burger[aria-expanded="true"] span:nth-child(2){opacity: 0;}
#sknav .burger[aria-expanded="true"] span:nth-child(3){transform: translateY(-7px) rotate(-45deg);}
#sknav .mobnav{display: none; flex-direction: column; border-top: 1px solid var(--line); background: rgb(255, 255, 255); padding: 8px 20px 16px; max-height: calc(-68px + 100vh); overflow: auto;}
#sknav .mobnav.on{display: flex;}
#sknav .mobnav h5{margin: 14px 0px 4px; font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted);}
#sknav .mobnav a{padding: 10px 4px; font-weight: 600; font-size: 15.5px; color: var(--ink);}
#sknav .mobnav a.acc{color: var(--blue);}
@media (max-width: 1180px){#sknav .brand,#skfoot .brand{margin-right: 20px;}}
@media (max-width: 1180px){#sknav .links{gap: 0px;}}
@media (max-width: 1180px){#sknav .links .dd > a{padding: 0px 10px; font-size: 14.5px;}}
@media (max-width: 1180px){#sknav .menu.cols{min-width: 520px;}}
@media (max-width: 1180px){#sknav .menu.cols > div{min-width: 150px;}}
@media (max-width: 1180px){#sknav .user span{display: none;}}
@media (max-width: 1180px){#sknav .user{padding: 0px 10px;}}
@media (max-width: 900px){#sknav .links{display: none;}}
@media (max-width: 900px){#sknav .burger{display: flex;}}
@media (max-width: 900px){nav#sknav .wrap{gap: 12px;}}
@media (max-width: 640px){nav#sknav .wrap{height: 58px;}}
@media (max-width: 640px){#sknav .logo,#skfoot .logo{width: 28px; height: 28px;}}
@media (max-width: 640px){#sknav .wm,#skfoot .wm{font-size: 20px;}}
@media (max-width: 640px){#sknav .cta.sm{height: 36px; padding: 0px 12px; font-size: 14px; margin-left: 0px;}}
@media (max-width: 640px){#sknav .user{display: none;}}
@media (max-width: 640px){#sknav .burger{width: 36px; height: 36px;}}
@keyframes b { 
  0%, 80%, 100% { transform: scale(0.6); opacity: 0.4; }
  40% { transform: scale(1); opacity: 1; }
}
@keyframes pl { 
  0% { r: 3; opacity: 0.5; }
  100% { r: 12; opacity: 0; }
}
footer#skfoot{border-top: 1px solid var(--line); padding: 40px 0px; color: var(--muted); font-size: 14px;}
footer#skfoot .wrap{display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px; align-items: center;}
footer#skfoot a:hover{color: var(--ink);}
footer#skfoot{background: var(--bg2); border-top: 1px solid var(--line); padding: 56px 0px 28px;}
footer#skfoot .wrap{display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 32px; align-items: start;}
footer#skfoot .fbrand p{margin: 12px 0px 0px; max-width: 34ch; line-height: 1.5;}
footer#skfoot h4{margin: 0px 0px 12px; font-size: 14px; font-weight: 700; color: var(--blue);}
footer#skfoot .fcol{display: flex; flex-direction: column; gap: 9px;}
footer#skfoot .fcol a:hover{color: var(--blue);}
footer#skfoot .bottom{grid-column: 1 / -1; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; border-top: 1px solid var(--line); padding-top: 18px; font-size: 13px; margin-top: 8px;}
@media (max-width: 900px){footer#skfoot .wrap{grid-template-columns: 1fr 1fr;}}
@media (max-width: 640px){footer#skfoot .wrap{grid-template-columns: 1fr; gap: 22px;}}
@media (hover: hover){#sknav .cta{transition: background 0.15s, transform 0.15s, box-shadow 0.15s;}}
@media (hover: hover){#sknav .cta.sm:hover{box-shadow: rgba(42, 74, 156, 0.8) 0px 8px 20px -10px;}}
@media (hover: hover){#sknav .brand .logo,#skfoot .brand .logo{transition: transform 0.2s;}}
@media (hover: hover){#sknav .brand:hover .logo,#skfoot .brand:hover .logo{transform: rotate(-8deg) scale(1.05);}}
@keyframes bounce { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-3px); }
}
@media (hover: hover){footer#skfoot a{transition: color 0.15s;}}
@media (prefers-reduced-motion: reduce){#sknav *,#skfoot *{animation: auto ease 0s 1 normal none running none !important; transition: none !important;}}
#skfoot h4,#sknav h5{font-family: var(--sf);}
#sknav .wrap,#skfoot .wrap{max-width: 1024px;}
nav#sknav{background: rgba(255, 255, 255, 0.72); backdrop-filter: saturate(180%) blur(20px); border-bottom: 1px solid var(--hair); box-shadow: none;}
nav#sknav.scrolled{background: rgba(255, 255, 255, 0.8); box-shadow: none;}
nav#sknav .wrap{height: 52px; max-width: 1120px;}
#sknav .logo,#skfoot .logo{width: 28px; height: 28px;}
#sknav .wm,#skfoot .wm{font-size: 19px; font-weight: 600; letter-spacing: -0.02em; color: var(--ink);}
#sknav .wm em,#skfoot .wm em{font-style: normal; font-weight: 400; color: var(--muted2);}
#sknav .links .dd > a{height: 36px; padding: 0px 12px; border-radius: 0px; background: transparent; font-size: 13px; font-weight: 400; letter-spacing: -0.01em; color: rgba(0, 0, 0, 0.8);}
#sknav .links .dd > a:hover,#sknav .links .dd:hover > a,#sknav .links .dd:focus-within > a{color: rgb(0, 0, 0); background: transparent;}
#sknav .links .dd > a svg{opacity: 0.45;}
#sknav .menu{border: 0px; border-radius: 18px; background: rgba(255, 255, 255, 0.94); backdrop-filter: saturate(180%) blur(20px); box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.14) 0px 16px 48px; padding: 10px;}
#sknav .menu a{font-size: 14px; font-weight: 400; color: var(--ink); border-radius: 10px; padding: 8px 12px;}
#sknav .menu a:hover{background: var(--bg2); color: var(--ink);}
#sknav .menu a.all{color: var(--link);}
#sknav .menu h5{font-size: 12px; font-weight: 400; letter-spacing: 0px; text-transform: none; color: var(--muted2);}
#sknav .user{height: 36px; font-size: 13px; font-weight: 400; color: rgba(0, 0, 0, 0.8); background: transparent;}
#sknav .user:hover{background: transparent; color: rgb(0, 0, 0);}
#sknav .cta{border-radius: 980px; background: var(--blue); font-weight: 400; box-shadow: none;}
#sknav .cta:hover{background: var(--blue-h);}
#sknav .cta.sm{height: 30px; padding: 0px 14px; font-size: 13px; box-shadow: none;}
#sknav .cta.sm:hover{box-shadow: none;}
#sknav .brand:hover .logo,#skfoot .brand:hover .logo{transform: none;}
#sknav .burger{border: 0px; background: transparent;}
#sknav .mobnav{background: rgba(255, 255, 255, 0.96); backdrop-filter: blur(20px); border-top: 1px solid var(--hair); padding: 8px 24px 24px;}
#sknav .mobnav h5{margin: 18px 0px 4px; font-size: 12px; font-weight: 400; letter-spacing: 0px; text-transform: none; color: var(--muted2);}
#sknav .mobnav a{padding: 8px 0px; font-size: 19px; font-weight: 600; letter-spacing: 0.012em; color: var(--ink);}
footer#skfoot{background: var(--bg2); border-top: 0px; padding: 32px 0px 18px; font-size: 12px; line-height: 1.33337; letter-spacing: -0.01em; color: var(--muted);}
footer#skfoot .wrap{max-width: 1024px; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 28px;}
footer#skfoot .fbrand .wm{font-size: 17px !important;}
footer#skfoot .fbrand p{font-size: 12px; line-height: 1.5; color: var(--muted); max-width: 36ch;}
footer#skfoot h4{margin: 0px 0px 10px; font-size: 12px; font-weight: 600; letter-spacing: -0.01em; color: var(--ink);}
footer#skfoot .fcol{gap: 6px;}
footer#skfoot .fcol a{color: rgb(58, 66, 86);}
footer#skfoot a:hover,footer#skfoot .fcol a:hover{color: rgb(58, 66, 86); text-decoration: underline;}
footer#skfoot .bottom{margin-top: 8px; padding-top: 12px; border-top: 1px solid var(--line2); font-size: 12px; color: var(--muted2);}
@media (max-width: 640px){#sknav .wrap,#skfoot .wrap{padding-left: 16px; padding-right: 16px;}}
@media (max-width: 640px){nav#sknav .wrap{height: 48px;}}
@media (max-width: 640px){#sknav .wm,#skfoot .wm{font-size: 18px;}}
@media (max-width: 640px){#sknav .cta.sm{height: 30px; padding: 0px 12px; font-size: 13px;}}
@media (max-width: 640px){footer#skfoot .wrap{grid-template-columns: 1fr 1fr; gap: 18px;}}
@media (max-width: 640px){footer#skfoot .fbrand,footer#skfoot .bottom{grid-column: 1 / -1;}}
#sknav .cta{background: rgb(24, 58, 165);}
#sknav .cta:hover{background: rgb(18, 48, 143);}
footer#skfoot h4{color: rgb(24, 58, 165);}
@keyframes blobA { 
  0% { transform: translate(0px, 0px) scale(1); }
  50% { transform: translate(120px, -60px) scale(1.15); }
  100% { transform: translate(40px, 80px) scale(0.95); }
}
@keyframes blobB { 
  0% { transform: translate(0px, 0px) scale(1); }
  50% { transform: translate(-140px, 80px) scale(1.1); }
  100% { transform: translate(-40px, 20px) scale(1.2); }
}
@keyframes aiBorder { 
  0% { background-position: 0px 0px, 0% 50%; }
  100% { background-position: 0px 0px, 300% 50%; }
}
@keyframes aiGlow { 
  0%, 100% { opacity: 0.16; transform: scale(1); }
  50% { opacity: 0.3; transform: scale(1.02); }
}
@keyframes btnShine { 
  0%, 100% { background-position: 0% 0px; }
  50% { background-position: 100% 0px; }
}
@keyframes spark { 
  0%, 100% { transform: scale(1) rotate(0deg); }
  50% { transform: scale(1.12) rotate(12deg); }
}
@keyframes livePulse { 
  0% { transform: scale(0.4); opacity: 1; }
  100% { transform: scale(1.6); opacity: 0; }
}
@keyframes heroIn { 
  0% { opacity: 0; transform: translateY(18px); }
  100% { opacity: 1; transform: none; }
}
@keyframes aiBorder2 { 
  0% { background-position: 0% 50%; }
  100% { background-position: 300% 50%; }
}
@keyframes glowBreath { 
  0% { opacity: 0.4; transform: scale(0.98); }
  100% { opacity: 0.56; transform: scale(1.02); }
}
nav#sknav .wm{color: rgb(24, 58, 165);}
nav#sknav .wm em{color: rgb(36, 138, 71); font-weight: 500;}
@keyframes aispin { 
  100% { transform: rotate(360deg); }
}
@keyframes sxcUp { 
  0% { transform: translateY(24px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}
@keyframes fade { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes sxcIn { 
  0% { transform: translateY(6px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}
@keyframes sxcDot { 
  0%, 80%, 100% { transform: translateY(0px); opacity: 0.5; }
  40% { transform: translateY(-4px); opacity: 1; }
}
#sknav a.cta.sm[href$="/register"]{background: transparent !important; color: rgb(24, 58, 165) !important; box-shadow: rgba(42, 74, 156, 0.35) 0px 0px 0px 1.5px inset !important;}
#sknav a.cta.sm[href$="/register"]:hover{background: rgb(238, 242, 252) !important; box-shadow: rgb(24, 58, 165) 0px 0px 0px 1.5px inset !important;}
@keyframes eyeP { 
  0% { transform: scale(0.5); opacity: 1; }
  100% { transform: scale(1.6); opacity: 0; }
}
@keyframes hxP { 
  0% { transform: scale(0.5); opacity: 1; }
  100% { transform: scale(1.7); opacity: 0; }
}
@keyframes hxP { 
  0% { transform: scale(0.5); opacity: 1; }
  100% { transform: scale(1.7); opacity: 0; }
}
@keyframes aqmF { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes aqmU { 
  0% { opacity: 0; transform: translateY(14px) scale(0.98); }
  100% { opacity: 1; transform: none; }
}

nav#sknav{font-size:17px;line-height:1.47059;letter-spacing:-.022em;color:#0B1633;-webkit-font-smoothing:antialiased}
body{font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", Inter, "Helvetica Neue", Helvetica, Arial, sans-serif !important}

/* lábléc – mint a főoldalon */
#skfoot,footer#skfoot{background:#0B1633!important;color:rgba(255,255,255,.7)!important;border-top:0!important}
#skfoot h4{color:#F6CE7F!important}
#skfoot a{color:rgba(255,255,255,.8)!important}
#skfoot a:hover{color:#fff!important;text-decoration:underline}
#skfoot p{color:rgba(255,255,255,.7)!important}
#skfoot .wm,#skfoot .brand .wm{color:#fff!important}
#skfoot .wm em,#skfoot .brand .wm em{color:#8FD473!important}
#skfoot .bottom{border-top-color:rgba(255,255,255,.12)!important;color:rgba(255,255,255,.55)!important}
#skfoot .fspecs{border-top-color:rgba(255,255,255,.12)!important}

/* szakorvos.hu – fő navigáció v2 (2026.10): kattintásra nyíló menük, mobil fiók-menü harmonikával */
#sknav.nv{--nv-ink:#0B1633;--nv-mut:#5B6680;--nv-blue:#1D4992;--nv-blue-s:#EBF0F8;--nv-line:#E3E8F1;--nv-green:#4E9A32;
  position:sticky;top:0;z-index:900;background:rgba(255,255,255,.9);-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid var(--nv-line);box-shadow:none;font-family:inherit}
#sknav.nv.scrolled{background:rgba(255,255,255,.95);box-shadow:0 8px 24px -20px rgba(29,73,146,.45)}
#sknav.nv *{box-sizing:border-box}
#sknav .nv-bar{display:flex;align-items:center;gap:8px;height:62px}
#sknav.nv .brand{margin-right:18px;flex:none}
#sknav .nv-main{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0;height:100%}
#sknav .nv-it{position:relative;height:100%;display:flex;align-items:center}
#sknav .nv-top{display:inline-flex;align-items:center;gap:5px;height:38px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--nv-ink);font:inherit;font-size:14.5px;font-weight:600;letter-spacing:-.005em;cursor:pointer;white-space:nowrap;position:relative}
#sknav .nv-top:hover,#sknav .nv-it.open .nv-top{background:var(--nv-blue-s);color:var(--nv-blue)}
#sknav .nv-top:focus-visible,#sknav .nv-pan a:focus-visible,#sknav .nv-acc-h:focus-visible,#sknav .nv-burger:focus-visible,#sknav .nv-user:focus-visible,#sknav .nv-cta:focus-visible{outline:2px solid var(--nv-blue);outline-offset:2px}
#sknav .nv-it.cur .nv-top::after{content:"";position:absolute;left:12px;right:12px;bottom:-11px;height:3px;border-radius:3px 3px 0 0;background:var(--nv-blue)}
#sknav .nv-chev{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:.55;flex:none;transition:transform .18s!important}
#sknav .nv-it.open .nv-chev,#sknav .nv-acc.open .nv-chev{transform:rotate(180deg);opacity:1}
#sknav .nv-pan{position:absolute;top:calc(100% - 6px);left:0;min-width:230px;display:none;flex-direction:column;padding:8px;background:#fff;border:1px solid var(--nv-line);border-radius:16px;box-shadow:0 26px 50px -22px rgba(16,36,82,.38),0 2px 8px rgba(16,36,82,.06);z-index:2}
#sknav .nv-pan.nv-r{left:auto;right:0}
#sknav .nv-it.open .nv-pan{display:flex;animation:nvIn .14s ease-out!important}
@keyframes nvIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
#sknav .nv-pan.nv-wide{flex-direction:row;gap:6px;padding:14px;min-width:700px}
#sknav .nv-col{display:flex;flex-direction:column;flex:1 0 auto;min-width:200px}#sknav .nv-pan h5{white-space:nowrap}#sknav .nv-tag{flex:none}
#sknav .nv-col+.nv-col{border-left:1px solid var(--nv-line);padding-left:8px}
#sknav .nv-pan h5{margin:2px 12px 6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--nv-mut)}
#sknav .nv-pan a{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;color:var(--nv-ink);font-size:14.5px;font-weight:500;line-height:1.3;white-space:nowrap;text-decoration:none}
#sknav .nv-pan a:hover{background:var(--nv-blue-s);color:var(--nv-blue)}
#sknav .nv-pan a.nv-all{color:var(--nv-blue);font-weight:700;margin-top:2px}
#sknav .nv-pan a[aria-current="page"],#sknav .nv-acc-b a[aria-current="page"]{color:var(--nv-blue);font-weight:700}
#sknav .nv-tag{font-size:10.5px;font-weight:800;letter-spacing:.04em;color:#fff;background:linear-gradient(135deg,#5E9E43,#4A8230);border-radius:6px;padding:2px 6px;line-height:1.2}
#sknav .nv-side{display:flex;align-items:center;gap:6px;margin-left:auto;flex:none}
#sknav .nv-user{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 12px;border-radius:10px;color:var(--nv-ink);font-size:14.5px;font-weight:600;text-decoration:none;white-space:nowrap}
#sknav .nv-user:hover{background:var(--nv-blue-s);color:var(--nv-blue)}
#sknav .nv-user svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;flex:none}
#sknav .nv-cta{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:10px;background:var(--nv-blue);color:#fff;font-size:14.5px;font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:0 6px 16px -10px rgba(29,73,146,.8)}
#sknav .nv-cta:hover{background:#163A78;color:#fff}
#sknav .nv-burger{display:none;width:40px;height:40px;border:1px solid var(--nv-line);border-radius:11px;background:#fff;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0}
#sknav .nv-burger span{display:block;width:18px;height:2px;border-radius:2px;background:var(--nv-ink);transition:transform .2s,opacity .2s!important}
#sknav .nv-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
#sknav .nv-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
#sknav .nv-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
/* mobil fiók */
#sknav .nv-drawer{position:fixed;left:0;right:0;bottom:0;top:var(--nv-h,59px);background:rgba(11,22,51,.28);z-index:950}
#sknav .nv-drawer[hidden]{display:none}
#sknav .nv-dr-in{background:#fff;max-height:100%;overflow-y:auto;overscroll-behavior:contain;padding:12px 16px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--nv-line);box-shadow:0 24px 40px -20px rgba(11,22,51,.35);animation:nvDr .18s ease-out!important}
@keyframes nvDr{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
#sknav .nv-dr-search{display:flex;align-items:center;gap:10px;height:48px;padding:0 14px;margin:2px 0 8px;border:1.5px solid #D5DDEB;border-radius:14px;background:#F7F9FD;color:var(--nv-mut);font-size:15px;font-weight:600;text-decoration:none}
#sknav .nv-dr-search svg{width:19px;height:19px;fill:none;stroke:var(--nv-blue);stroke-width:2.2;stroke-linecap:round}
#sknav .nv-acc{border-bottom:1px solid var(--nv-line)}
#sknav .nv-acc-h{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;height:52px;padding:0 4px;border:0;background:none;color:var(--nv-ink);font:inherit;font-size:16px;font-weight:700;cursor:pointer;text-align:left}
#sknav .nv-acc.cur .nv-acc-h{color:var(--nv-blue)}
#sknav .nv-acc-h .nv-chev{width:18px;height:18px}
#sknav .nv-acc-b{display:none;flex-direction:column;padding:0 0 10px}
#sknav .nv-acc.open .nv-acc-b{display:flex}
#sknav .nv-acc-b a{display:flex;align-items:center;gap:8px;padding:11px 12px;border-radius:10px;color:#2B3650;font-size:15px;font-weight:500;text-decoration:none}
#sknav .nv-acc-b a:active,#sknav .nv-acc-b a:hover{background:var(--nv-blue-s);color:var(--nv-blue)}
#sknav .nv-dr-link{display:flex;align-items:center;height:52px;padding:0 4px;color:var(--nv-ink);font-size:16px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--nv-line)}
#sknav .nv-dr-foot{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
#sknav .nv-dr-btn{display:flex;align-items:center;justify-content:center;height:46px;border-radius:12px;font-size:15px;font-weight:700;text-decoration:none}
#sknav .nv-dr-btn.p{background:var(--nv-blue);color:#fff}
#sknav .nv-dr-btn.s{background:#fff;color:var(--nv-blue);border:1.5px solid #C9D6EE}
html.nv-lock,html.nv-lock body{overflow:hidden!important}
#sknav.nv.dr-open{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;z-index:2000!important}
@media (max-width:1120px){#sknav .nv-top{padding:0 9px;font-size:14px}#sknav .nv-user span{display:none}#sknav .nv-user{padding:0 10px}#sknav.nv .brand{margin-right:8px}}
@media (max-width:1023px){#sknav .nv-main,#sknav .nv-user{display:none}#sknav .nv-burger{display:flex}}
@media (max-width:640px){#sknav .nv-bar{height:58px;gap:6px}#sknav .nv-cta{height:36px;padding:0 12px;font-size:13.5px}#sknav .nv-burger{width:38px;height:38px}}
@media (max-width:360px){#sknav .nv-cta{display:none}}
@media (prefers-reduced-motion:reduce){#sknav .nv-it.open .nv-pan,#sknav .nv-dr-in{animation:none!important}}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.seo{margin:0;background:#F5F8FD;color:#2B3752;font-family:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;-webkit-font-smoothing:antialiased;line-height:1.5}
body.seo #content{overflow-x:clip;background:radial-gradient(420px 300px at 96% 0%,rgba(242,190,58,.10),transparent 70%),linear-gradient(180deg,#EAF0FA 0,#F5F8FD 360px) no-repeat,#F5F8FD}
.sw{max-width:1120px;margin:0 auto;padding:20px 20px 60px}
.crumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;color:#5A6580;margin-bottom:18px}
.crumbs a{color:#1D4992;font-weight:600;text-decoration:none}.crumbs a:hover{text-decoration:underline}
.sh{margin-bottom:24px}
.eb{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:#E6EDFA;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1D4992}
.sh h1{margin:10px 0 0;font-size:clamp(30px,4.2vw,42px);line-height:1.1;letter-spacing:-.025em;font-weight:800;color:#1D4992}
.lead{margin:12px 0 0;max-width:720px;font-size:17px;line-height:1.6;color:#5A6580}
.lead b{color:#0B1633;font-variant-numeric:tabular-nums}
.acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 20px;border-radius:12px;font-size:15px;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s}
.btn:hover{transform:translateY(-1px)}
.btn.pri{background:#1D4992;color:#fff;box-shadow:0 8px 18px -10px rgba(29,73,146,.9)}
.btn.pri:hover{background:#163A78}
.btn.ghost{background:#fff;color:#1D4992;border:1.5px solid #9DB0D9}
.btn.ghost:hover{background:#EEF3FB;border-color:#1D4992}
.btn.ai{background:#467A28;color:#fff;white-space:nowrap;box-shadow:0 8px 18px -10px rgba(70,122,40,.9)}
.btn.ai:hover{background:#386320}
.chips{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;margin:0 0 6px;scrollbar-width:thin}
.chips button{flex:none;height:36px;padding:0 14px;border:1px solid #DCE3F0;border-radius:999px;background:#fff;color:#2B3752;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer}
.chips button:hover{border-color:#1D4992;color:#1D4992}
.chips button.on{background:#1D4992;border-color:#1D4992;color:#fff}
.list{display:grid;gap:12px}
.dc{display:flex;align-items:flex-start;gap:16px;padding:18px;border-radius:18px;background:#fff;border:1px solid #DCE3F0;box-shadow:0 8px 20px -18px rgba(11,22,51,.35);transition:border-color .2s,box-shadow .2s}
.dc:hover{border-color:#B9C6DE;box-shadow:0 14px 28px -18px rgba(29,73,146,.5)}
.dc[hidden]{display:none}
.av{flex:none;width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:#E6EDFA;color:#1D4992;font-weight:800;font-size:18px;text-decoration:none}
.dc:nth-child(2n) .av{background:#EAF5E3;color:#467A28}
.dm{flex:1;min-width:0}
.dm h3{margin:0;font-size:17.5px;line-height:1.3;font-weight:800;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.dm h3 a{color:#0B1633;text-decoration:none}.dm h3 a:hover{color:#1D4992}
.pb{font-size:11px;font-weight:800;letter-spacing:.03em;color:#2E5A18;background:#EAF5E3;padding:3px 8px;border-radius:999px}
.ds{margin:2px 0 0;font-size:14.5px;color:#1D4992;font-weight:700}
.cl{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px}
.cl li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:14px;color:#5A6580}
.cl svg{width:14px;height:14px;flex:none;color:#467A28}
.cl a{color:#0B1633;text-decoration:none;font-weight:700}.cl a:hover{color:#1D4992;text-decoration:underline}
.di{color:#8A93A8}.rt{color:#B7791F;font-weight:700;font-size:13px}.rt small{color:#8A93A8;font-weight:500}
.cl .more{color:#8A93A8;font-size:13px;padding-left:20px}
.go{flex:none;align-self:center;display:inline-flex;align-items:center;height:42px;padding:0 16px;border-radius:12px;background:#1D4992;color:#fff;font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 8px 18px -12px rgba(29,73,146,.9)}
.go:hover{background:#163A78}
.aibox{margin:28px 0 8px;display:flex;align-items:center;gap:18px;padding:18px 20px;border-radius:18px;background:#F3FAEF;border:1px solid #C9E3B8}
.aibox>div{flex:1;min-width:0}
.aibox b{font-size:16.5px;color:#2E5A18}
.aibox p{margin:4px 0 0;font-size:14.5px;color:#4E6B3D}
.aibadge{flex:none;display:inline-flex;align-items:center;gap:6px;padding:6px 11px 6px 9px;border-radius:999px;font-size:12.5px;font-weight:800;color:#fff;background:#467A28}
.aibadge svg{width:14px;height:14px}
.about,.rel{margin-top:30px}
.about{background:#fff;border:1px solid #DCE3F0;border-radius:18px;padding:22px;box-shadow:0 8px 20px -18px rgba(11,22,51,.35)}
.about h2,.rel h2,.h2{margin:0 0 12px;font-size:22px;font-weight:800;letter-spacing:-.015em;color:#0B1633}
.h2{margin-top:34px}
.about p{margin:0;max-width:780px;font-size:16px;line-height:1.7;color:#2B3752}
.tags{display:flex;flex-wrap:wrap;gap:8px}
.tags a{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:999px;background:#fff;color:#2B3752;font-size:14px;font-weight:700;text-decoration:none;border:1px solid #DCE3F0}
.tags a:hover{color:#1D4992;border-color:#1D4992}
.tags small{color:#8A93A8;font-size:12px}
.all{margin:12px 0 0;font-size:14.5px}.all a{color:#1D4992;font-weight:800;text-decoration:none}
.cities{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.cities a{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:16px;background:#fff;text-decoration:none;border:1px solid #DCE3F0;border-left:4px solid #1D4992;transition:transform .15s,box-shadow .15s,border-color .15s}
.cities a:nth-child(2n){border-left-color:#6BAF45}
.cities a:hover{transform:translateY(-1px);box-shadow:0 12px 24px -18px rgba(29,73,146,.5)}
.cities b{font-size:15.5px;color:#0B1633;font-weight:800}
.cities small{font-size:13px;color:#8A93A8}
.cities a.thin b{color:#5A6580;font-weight:600}
.src{margin:34px 0 0;font-size:12.5px;color:#8A93A8}.src a{color:inherit}
@media (max-width:720px){
  .sw{padding:14px 16px 40px}
  .lead{font-size:16px}
  .dc{padding:14px;gap:12px}
  .av{width:44px;height:44px;border-radius:13px;font-size:15px}
  .go{display:none}
  .aibox{flex-wrap:wrap;padding:16px}
  .aibox .btn{width:100%}
  .cities{grid-template-columns:repeat(2,minmax(0,1fr))}
  .btn{height:44px;font-size:14.5px}
  .about{padding:18px 16px}
}

/* ==========================================================================
   KOMPAKT (2026.10.03) – kisebb elemek, nagyobb térköz (fejléc kivétel)
   ========================================================================== */
body.seo .chips{gap:9px;padding-bottom:12px;margin-bottom:10px}
body.seo .chips button{height:32px;padding:0 12px;font-size:13px}
body.seo .list{gap:16px}
body.seo .dc{padding:14px 16px;gap:14px;border-radius:16px}
body.seo .av{width:48px;height:48px;border-radius:14px;font-size:16px}
body.seo .dm h3{font-size:16.5px}
body.seo .ds{font-size:13.5px}
body.seo .cl{margin-top:6px}
body.seo .cl li{font-size:13.5px}
body.seo .go{height:36px;padding:0 13px;font-size:13.5px;border-radius:10px}
body.seo .aibox{margin:34px 0 10px;padding:15px 18px;gap:16px;border-radius:16px}
body.seo .aibox b{font-size:15.5px}
body.seo .aibox p{font-size:14px}
body.seo .about,body.seo .rel{margin-top:36px}
body.seo .about{padding:20px;border-radius:16px}
body.seo .about h2,body.seo .rel h2,body.seo .h2{font-size:20px;margin-bottom:14px}
body.seo .h2{margin-top:40px}
body.seo .about p{font-size:15.5px}
body.seo .tags{gap:9px}
body.seo .tags a{height:32px;padding:0 12px;font-size:13.5px}
body.seo .cities{gap:12px}
body.seo .cities a{padding:11px 14px;border-radius:14px}
body.seo .cities b{font-size:14.5px}
body.seo .cities small{font-size:12.5px}
body.seo .src{margin-top:38px}
@media (max-width:720px){
 body.seo .dc{padding:12px;gap:12px}
 body.seo .av{width:42px;height:42px;border-radius:12px;font-size:14px}
 body.seo .list{gap:12px}
 body.seo .about{padding:16px 14px}
}

/* KOMPAKT 2 (2026.10.03) – kisebb dobozok */
body.seo .dc{padding:12px 14px;border-radius:14px}
body.seo .av{width:44px;height:44px;border-radius:12px;font-size:15px}
body.seo .aibox{padding:13px 16px;border-radius:14px}
body.seo .about{padding:17px 18px;border-radius:14px}
body.seo .cities a{padding:10px 12px;border-radius:12px}
@media (max-width:720px){body.seo .dc{padding:11px 12px}body.seo .av{width:40px;height:40px}}

/* javítások (2026.10.03): pin-ikon ne maradjon árván, gombszöveg törése */
body.seo .cl li{display:block;position:relative;padding-left:20px;line-height:1.45}
body.seo .cl li svg{position:absolute;left:0;top:3px}
body.seo .cl li.more{padding-left:20px}
body.seo .acts .btn{white-space:normal;text-align:center;height:auto;min-height:40px;padding-top:9px;padding-bottom:9px;line-height:1.3}
@media (max-width:720px){body.seo .acts .btn{width:100%}}

/* KOMPAKT 3 (2026.10.03) */
body.seo .list{gap:20px}
body.seo .dm h3{font-size:15.5px}
body.seo .ds{font-size:13px}
body.seo .cl li{font-size:13px}
body.seo .go{height:34px;font-size:13px;padding:0 12px}
body.seo .av{width:42px;height:42px;font-size:14px}
body.seo .about,body.seo .rel{margin-top:44px}
body.seo .h2{margin-top:48px}
body.seo .about h2,body.seo .rel h2,body.seo .h2{font-size:18px}
body.seo .about p{font-size:15px}
body.seo .tags{gap:10px}
body.seo .tags a{height:30px;font-size:13px;padding:0 11px}
body.seo .cities{gap:14px}
body.seo .cities b{font-size:14px}
body.seo .chips button{height:30px;font-size:12.5px}
body.seo .aibox{margin:44px 0 12px}
body.seo .aibox b{font-size:15px}body.seo .aibox p{font-size:13.5px}
@media (max-width:720px){body.seo .list{gap:14px}body.seo .av{width:38px;height:38px;font-size:13px}}