/* K1 „Mappa” – munkamegoldasok.hu játékos koncepció. 1440-re rajzolva, 1024-ig arányosan kicsinyítve (zoom), alatta a 390-es elrendezés. */
:root{--E:cubic-bezier(.15,.85,.35,1);--X:cubic-bezier(.4,0,.9,.55);--S:cubic-bezier(.32,.72,0,1);--k:1;--z:1;--disp:-apple-system,BlinkMacSystemFont,"SF Pro Display",system-ui,sans-serif;--txt:-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,"Segoe UI",sans-serif}
html.slow{--k:4}
html.rm{--k:0}
@media (min-width:1024px) and (max-width:1151px){:root{--z:.711}}
@media (min-width:1152px) and (max-width:1279px){:root{--z:.8}}
@media (min-width:1280px) and (max-width:1439px){:root{--z:.889}}
*,*::before,*::after{box-sizing:border-box}
html{background:#F4F2F3}
body{margin:0;background:#F4F2F3;-webkit-font-smoothing:antialiased;font-family:var(--txt);color:#15201A;overflow-x:clip}
a{color:#006745}a:hover{color:#00432D}
button{font:inherit;color:inherit}
input::placeholder{color:#3B4640}
svg{display:block}
:focus-visible{outline:3px solid #00432D;outline-offset:3px}
html.fr :focus-visible{outline:none}
.ring{position:fixed;left:0;top:0;pointer-events:none;z-index:200;overflow:visible;display:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.k1d{width:1440px;margin:0 auto;zoom:var(--z);display:flex;flex-direction:column}
.h2,.k1d h2{margin:0;font-family:var(--disp);font-size:42px;line-height:1.1;font-weight:700;letter-spacing:-.02em;color:#00432D;text-wrap:balance}
.dm{display:none!important}

/* reveal (rétegek: 1) */
html.rv section:not(.rvd) :is(h1,h2,h3,p,[data-rv-item]){opacity:0}

/* fejléc */
.hd{height:88px;padding:0 64px;display:flex;align-items:center;gap:40px}
.logo{display:flex;align-items:center;gap:16px;flex:none;text-decoration:none}
.logo img{height:34px;width:auto}
.logo .sep{width:1px;height:30px;background:#C9CFCB}
.logo .br{font-size:18px;font-weight:700;color:#00432D}
.nav{display:flex;gap:30px;font-size:16px;font-weight:500;margin-left:auto}
.nav a{color:#15201A;text-decoration:none}.nav a:hover{color:#006745}
.sel{display:inline-flex;align-items:center;gap:10px;padding:10px 12px 10px 18px;border-radius:999px;background:#FFFFFF;font-size:16px;font-weight:600;color:#00432D;text-decoration:none}
.sel b{min-width:26px;height:26px;border-radius:999px;background:#E6F4EC;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}
.burger{display:none}
.mnav{display:none}

/* mappák (közös) */
.fs{position:relative}
.fl{position:absolute;left:0;right:0;z-index:1;transition:transform calc(560ms * var(--k)) var(--S)}
.fl.on{z-index:3}
.fl.lift{transform:translateY(-64px);transition:transform calc(320ms * var(--k)) var(--E)}
.tab{position:absolute;left:var(--x);width:var(--w);border:0;padding:0;background:none;overflow:hidden;cursor:pointer;transition:transform calc(180ms * var(--k)) var(--E)}
.fl:not(.on) .tab:hover{transform:translateY(-6px)}
.ti{display:flex;box-sizing:border-box;transition:background calc(260ms * var(--k)) ease}
.bd{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible}
.sqc{position:absolute;left:0;top:0;width:36px;height:36px}
.ov{position:absolute;left:0;right:0;z-index:10}
.tx{transition:opacity calc(520ms * var(--k)) var(--E),transform calc(520ms * var(--k)) var(--E)}
.tout .tx{opacity:0;transform:translateY(14px);transition-duration:calc(200ms * var(--k))}
.tout .cl.tx{transform:none}
html.rm .tx{transition:opacity 150ms linear}
.sw{position:absolute;overflow:hidden}
.sh{position:absolute;left:30px;right:30px;transform:rotate(2deg);transform-origin:50% 100%;transition:transform calc(760ms * var(--k)) var(--E)}
.sout .sh{transform:translateY(118%) rotate(0deg);transition:transform calc(380ms * var(--k)) var(--X)}
html:not(.rm) .fs:not(.sout) .sh:hover{transform:translateY(-10px) rotate(1deg)}
.shi{height:100%;background:#FFFFFF;display:flex;flex-direction:column}
.pill{position:absolute;right:0;bottom:0;height:80px;border-radius:999px;background:#FFFFFF;display:flex;align-items:center;justify-content:center;gap:10px;font-size:19px;font-weight:700;color:#00432D;text-decoration:none}
.pill svg,.cta .ar{transition:transform calc(380ms * var(--k)) var(--E)}
.pill:hover svg{transform:translate(2px,-2px)}
.strip{display:none}

/* hős */
.hero{margin:28px 64px 0;height:666px}
.hero .fl,.hero .ov{top:66px;height:600px}
.hero .tab{top:-66px;height:67px}
.hero .ti{height:100px;color:#FFFFFF;align-items:flex-start;gap:12px;padding:15px 24px 0;font:600 17px/1.2 var(--txt)}
.ti .tn{padding-top:7px;white-space:nowrap}
.hero .ov{pointer-events:none}
.ht{position:absolute;left:64px;top:72px;width:660px;display:flex;flex-direction:column;gap:30px;color:#FFFFFF}
.ht h1{margin:0;font-family:var(--disp);font-size:96px;line-height:.98;font-weight:700;letter-spacing:-.03em;text-wrap:balance}
.ht p{margin:0;font-size:22px;line-height:1.45;max-width:600px;text-wrap:pretty}
.srch{pointer-events:auto;display:flex;align-items:center;gap:8px;height:64px;padding:0 8px 0 24px;border-radius:999px;background:#FFFFFF;max-width:600px;margin:0}
.srch svg{flex:none}
.srch input{flex:1;min-width:0;border:0;outline:none;background:none;font:400 17px/1 var(--txt);color:#15201A;padding:0 8px;height:100%}
.srch button{flex:none;padding:15px 22px;border-radius:999px;background:#00432D;color:#FFFFFF;font-size:17px;font-weight:600;border:0;cursor:pointer;transition:background calc(220ms * var(--k)) ease}
.srch button:hover{background:#006745}
.srch:focus-within{box-shadow:0 0 0 3px #8FD4B0}
.shint{font-size:16px;line-height:1.45;color:#E6F4EC;margin-top:-16px;max-width:600px}
.hero .sw{right:90px;top:-118px;width:480px;height:618px}
.hero .sh{top:24px;height:520px}
.hero .shi{padding:34px 34px 30px;gap:22px;color:#15201A}
.hs{display:flex;flex-direction:column;gap:22px;height:100%}
.hs[hidden]{display:none}
.shh{display:flex;flex-direction:column;gap:6px}
.shh b{font-size:22px;font-weight:700;letter-spacing:-.01em}
.shh span,.shf{font-size:17px;color:#3B4640}
.bars{display:flex;flex-direction:column;gap:14px;margin-top:6px}
.bar{display:grid;grid-template-columns:118px minmax(0,1fr) 46px;align-items:center;gap:12px;font-size:17px}
.bar>span:nth-child(2){height:14px;border-radius:999px;background:#E6F4EC;overflow:hidden;display:block}
.bar i{display:block;height:100%;border-radius:999px;transform-origin:0 50%;transition:transform calc(700ms * var(--k)) var(--E) calc(420ms * var(--k))}
.sout .bar i{transform:scaleX(0);transition:transform calc(200ms * var(--k)) var(--E) 0ms}
.bar b{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
.shf{margin-top:auto}
.selfr{display:flex;flex-direction:column;gap:4px;padding-top:16px;border-top:1px solid #E3E8E5}
.selfr b{font-size:17px}.selfr span{font-size:17px;line-height:1.45;color:#3B4640}
.hero .pill{pointer-events:auto;width:316px}

/* kihívások */
.ch{margin:128px 64px 0;display:flex;flex-direction:column;gap:30px}
.ch h2{max-width:880px}
.chs{height:626px}
.chs .fl,.chs .ov{top:66px;height:560px}
.chs .tab{top:-66px;height:67px;width:118px}
.chs .ti{height:100px;justify-content:center;padding-top:15px}
.chs .bdd,.cats .bdd{position:absolute;inset:0}
.chs .ov{pointer-events:none;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;padding:0 56px}
.chx{padding-top:60px;display:flex;flex-direction:column;gap:24px;color:#00432D}
.cht{font-family:var(--disp);font-size:42px;line-height:1.08;font-weight:700;letter-spacing:-.025em;text-wrap:balance}
.chd{font-size:18px;line-height:1.6;text-wrap:pretty}
.cta{pointer-events:auto;align-self:flex-start;display:flex;align-items:center;gap:14px;background:#00432D;color:#FFFFFF;font-weight:600;font-size:18px;padding:18px 28px;text-decoration:none;transition:background calc(220ms * var(--k)) ease}
.cta:hover{background:#006745;color:#FFFFFF}
.cta .ar{display:inline-block}
.cta:hover .ar{transform:translateX(5px)}
.chc{position:relative}
.chc .sw{left:-30px;right:-30px;top:-96px;bottom:0}
.chc .sh{top:24px;bottom:56px;pointer-events:auto}
.chc .shi{padding:36px;justify-content:space-between;color:#00432D}
.chi{align-self:center;padding:30px 0}
.chi svg{width:170px;height:170px}
.chn{display:flex;align-items:baseline;gap:12px;border-top:1px solid #E3E8E5;padding-top:18px}
.cnt{font-size:48px;line-height:1;font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.chn span:last-child{font-size:18px;font-weight:600;color:#2F8F63}
.note{margin:0;font-size:18px;line-height:1.6;color:#3B4640;max-width:760px;text-wrap:pretty}

/* katalógus */
.cat{margin:128px 64px 0;display:flex;flex-direction:column;gap:30px}
.cath{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.cath p{margin:0;max-width:540px;font-size:18px;line-height:1.6;color:#3B4640;text-wrap:pretty}
.cats{height:582px}
.cats .fl,.cats .ov{top:66px;height:516px}
.cats .tab,.hib .tab{top:-66px;height:67px}
.cats .ti,.hib .ti{height:100px;justify-content:center;gap:8px;padding-top:22px;font:600 17px/1 var(--txt);white-space:nowrap}
.ti .tc{font-weight:500;opacity:.8;font-variant-numeric:tabular-nums}
.cats .ov{padding:40px 46px 0;display:flex;flex-direction:column;gap:24px;color:var(--ci,#00432D)}
.msq{display:none}
.cl{display:flex;justify-content:space-between;align-items:baseline;font-size:18px;font-weight:600;transition:opacity calc(520ms * var(--k)) var(--E)}
.cl a{color:inherit}
.cards{display:flex;gap:20px}
.cw{transition:transform calc(620ms * var(--k)) var(--S) calc(var(--i) * 55ms * var(--k))}
.sout .cw{transform:translateY(120%);transition:transform calc(300ms * var(--k)) var(--X) 0ms}

/* kártya (MMJKartya) */
.mk{position:relative;display:block;flex:none;text-decoration:none;color:#15201A;transition:transform calc(180ms * var(--k)) var(--E);font-family:var(--txt)}
.mk:hover{transform:translateY(-3px);color:#15201A}
.mk:active{transform:scale(.98)}
.mk>svg{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}
.mksh{fill:#FFFFFF;filter:drop-shadow(0 14px 20px rgba(0,40,25,.16));transition:filter 240ms}
.mk:hover .mksh{filter:drop-shadow(0 26px 30px rgba(0,40,25,.30))}
.mk:active .mksh{filter:drop-shadow(0 6px 10px rgba(0,40,25,.14))}
.mki{position:absolute;left:34px}
.mkb{position:absolute;width:142px;height:50px;border-radius:999px;background:#FFFFFF;display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:600;white-space:nowrap;box-shadow:0 0 0 1px rgba(0,0,0,.07)}
.mkb svg{transition:transform 220ms var(--E)}
.mk:hover .mkb svg{transform:translate(2px,-2px)}
.mkt{position:absolute;left:22px;right:22px;bottom:20px;display:flex;flex-direction:column;justify-content:space-between;gap:10px}
.mkc{font-weight:700;letter-spacing:-.02em;line-height:1.15;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mkf{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.mkf>div{display:flex;flex-direction:column;gap:6px}
.mkf>div:first-child{flex:1 0 auto}
.mkf>div:last-child{align-items:flex-end;flex:none;text-align:right}
.mkpb{font-family:var(--disp);line-height:.9;font-weight:700;letter-spacing:-.035em;color:#00432D;font-variant-numeric:tabular-nums;white-space:nowrap}
.mktv{font-family:var(--disp);line-height:1;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.mku{font-size:14px;font-weight:600;color:#3B4640}

/* első mérés díjmentes */
.free{position:relative;margin:128px 64px 0;height:520px}
.frt{position:absolute;left:64px;top:64px;width:540px;display:flex;flex-direction:column;gap:22px;color:#00432D}
.frt p{margin:0;font-size:18px;line-height:1.6;text-wrap:pretty}
.frt a{font-size:18px;font-weight:600;color:#00432D}
.frc{position:absolute;right:320px;top:-36px;transform:rotate(-2deg)}
.free .pill{width:380px}

/* hibaok */
.hib{margin:128px 64px 0;height:626px}
.hib .fl,.hib .ov{top:66px;height:560px}
.hib .ov{pointer-events:none}
.hbt{position:absolute;left:64px;top:64px;width:620px;display:flex;flex-direction:column;gap:22px;color:#FFFFFF}
.hbt h2{color:#FFFFFF}
.hbt p{margin:0;font-size:18px;line-height:1.6;text-wrap:pretty}
.hbt a{pointer-events:auto;align-self:flex-start;font-size:18px;font-weight:600;color:#FFFFFF}
.hib .sw{right:66px;top:-96px;width:500px;height:520px}
.hib .sh{top:24px;height:430px;pointer-events:auto}
.hib .shi{padding:34px;gap:18px;color:#00432D}
.hbh{display:flex;justify-content:space-between;align-items:flex-start}
.hbh span{font-size:18px;font-weight:600;color:#2F8F63}
.hbn{display:flex;align-items:baseline;gap:12px;margin-top:auto}
.hbn span:last-child{font-size:18px;font-weight:600}
.hbd{font-size:18px;line-height:1.55;color:#15201A;text-wrap:pretty}
.hib .pill{pointer-events:auto;width:384px}

/* Ki mit lát? */
.prv{margin:128px 64px 0;background:#EEF3F9;padding:64px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
.prt{display:flex;flex-direction:column;gap:20px;color:#285A8F}
.prt h2{color:#285A8F}
.prt p{margin:0;font-size:18px;line-height:1.6;text-wrap:pretty}
.prs{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px 0}
.prs>div{background:#FFFFFF;padding:32px;display:flex;flex-direction:column;gap:14px;color:#285A8F;min-height:260px}
.prs>div:first-child{transform:rotate(-1.5deg)}.prs>div:last-child{transform:rotate(2deg)}
.prs b{font-size:18px}.prs span{font-size:18px;line-height:1.55;color:#15201A}

/* szerzők */
.aut{margin:128px 64px 0;display:flex;flex-direction:column;gap:32px}
.ag{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.ag li{display:flex;flex-direction:column;gap:10px}
.ag .pt{aspect-ratio:4/5;background:#E3E8E5;display:flex;align-items:flex-end;padding:14px;font-size:18px;font-weight:700;color:#00432D}
.ag b{font-size:15px;line-height:1.3;display:block}.ag small{font-size:14px;color:#3B4640;line-height:1.35;display:block;margin-top:2px}
.ab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;margin-top:40px;padding-top:40px;border-top:1px solid #DCE1DE}
.ab>div{display:flex;flex-direction:column;gap:14px}
.ab b{font-size:18px;color:#00432D}
.ab p{margin:0;font-size:18px;line-height:1.7;color:#3B4640}
.ab>div:last-child p{line-height:1.6}
.ab i{font-size:22px;color:#00432D}

/* lábléc */
.ft{margin-top:128px;background:#00432D;color:#FFFFFF;padding:64px 64px 48px;display:flex;flex-direction:column;gap:48px}
.ft a{color:#FFFFFF;text-decoration:none}.ft a:hover{text-decoration:underline;color:#FFFFFF}
.fg{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:40px;font-size:16px;line-height:1.5}
.fg>div{display:flex;flex-direction:column;gap:10px}
.fg>div:first-child{font-size:18px;line-height:1.55;color:#E6F4EC;max-width:300px}
.fg b{color:#8FD4B0}
.fb{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding-top:32px;border-top:1px solid rgba(255,255,255,.18)}
.fb img{height:34px;width:auto}
.fl2{display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:14px;line-height:1.5;color:#E6F4EC;text-align:right;max-width:880px}
.fl2 .lk{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 20px;font-weight:600}
.fl2 mark{background:rgba(143,212,176,.22);border-radius:8px;padding:2px 8px;color:#E6F4EC}

/* lebegő vezérlő */
.ctl{position:fixed;right:16px;bottom:16px;z-index:100;display:flex;gap:4px;padding:4px;border-radius:999px;background:#00432D;box-shadow:0 0 0 1.5px #8FD4B0}
.ctl a,.ctl button{display:flex;align-items:center;height:40px;padding:0 16px;border-radius:999px;border:0;background:transparent;color:#FFFFFF;font:600 15px/1 var(--txt);text-decoration:none;cursor:pointer;white-space:nowrap}
.ctl a:hover,.ctl button:hover{background:#006745;color:#FFFFFF}
.ctl button[aria-pressed="true"]{background:#8FD4B0;color:#00432D}

/* ===== 390-es elrendezés (1024 alatt) ===== */
@media (max-width:1023px){
  .k1d{width:auto;zoom:1}
  .dm{display:revert!important}
  .dd{display:none!important}
  .h2,.k1d h2{font-size:30px}
  .hd{height:64px;padding:0 12px 0 16px;justify-content:space-between;gap:12px}
  .logo img{height:26px}
  .logo .sep,.logo .br,.nav{display:none}
  .hd .r{display:flex;align-items:center;gap:8px}
  .sel{padding:9px 14px;font-size:15px;gap:4px}
  .sel b{background:none;min-width:0;height:auto;font-size:15px}
  .burger{display:flex;width:44px;height:44px;border-radius:999px;background:#FFFFFF;border:0;align-items:center;justify-content:center;cursor:pointer}
  .mnav:not([hidden]){display:flex;flex-direction:column;margin:0 12px 8px;padding:8px;background:#FFFFFF;border-radius:20px}
  .mnav a{padding:12px 14px;font-size:17px;font-weight:600;color:#00432D;text-decoration:none}

  .hero{margin:8px 12px 0;height:616px}
  .hero .fl,.hero .ov{top:56px;height:560px}
  .hero .tab{top:-56px;height:57px;left:var(--mx);width:var(--mw)}
  .hero .ti{height:90px;gap:8px;padding:13px 16px 0;font-size:16px}
  .hero .ti svg{width:26px;height:26px}
  .ti .tn{padding-top:5px}
  .sqc{width:32px;height:32px}
  .ht{left:22px;right:22px;top:34px;width:auto;gap:20px}
  .ht h1{font-size:52px;line-height:1;letter-spacing:-.025em}
  .ht p{font-size:17px;line-height:1.5}
  .srch{height:56px;padding:0 18px;gap:10px}
  .srch input{font-size:16px;padding:0}
  .srch button{display:none}
  .shint{margin-top:-8px;font-size:15px}
  .hero .sw{display:none}
  .hero .pill{width:222px;height:62px;font-size:17px;gap:8px}

  .ch,.cat{margin:48px 12px 0;gap:18px}
  .ch h2,.cath h2{padding:0 10px}
  .strip{display:flex;gap:6px;height:57px;overflow-x:auto;overflow-y:hidden;margin-right:-12px;margin-bottom:-18px;scrollbar-width:none}
  .strip::-webkit-scrollbar{display:none}
  .strip button{flex:none;height:57px;border:0;padding:0;background:none;overflow:hidden;cursor:pointer}
  .strip .ti{height:90px;gap:6px;padding:17px 16px 0;font:600 16px/1 var(--txt);white-space:nowrap}
  .chs .strip,.ch .strip .ti{justify-content:center}
  .ch .strip button{width:72px}
  .ch .strip .ti{padding:14px 0 0}
  .ch .strip svg{width:28px;height:28px}
  .chs,.cats{height:auto}
  .chs .fl,.cats .fl{display:none}
  .msq{display:block;position:absolute;left:0;top:0;width:32px;height:32px;background:var(--cb)}
  .chs .ov,.cats .ov{position:relative;top:0;height:auto}
  .chs .ov{display:flex;flex-direction:column;gap:28px;padding:30px 22px 22px;background:#8FD4B0}
  .chx{padding-top:0;gap:18px}
  .cht{font-size:28px;line-height:1.1}
  .chd{font-size:16px;line-height:1.55}
  .cta{font-size:16px;padding:15px 22px;gap:10px}
  .chc .sw{position:relative;left:-22px;right:auto;top:0;width:calc(100% + 44px);height:330px;margin-bottom:-22px}
  .chc .sh{left:30px;right:30px;top:6px;bottom:30px}
  .chc .shi{padding:24px}
  .chi{padding:8px 0}
  .chi svg{width:120px;height:120px}
  .cnt{font-size:40px}
  .chn span:last-child{font-size:16px}
  .note{font-size:16px;padding:0 10px}

  .cath{flex-direction:column;align-items:stretch;gap:12px}
  .cath p{font-size:16px;padding:0 10px}
  .cats .ov{padding:12px 12px 24px;gap:12px;background:var(--cb);transition:background 0ms}
  .cl{padding:12px 10px 4px;font-size:16px;flex-wrap:wrap;gap:8px}
  .cards{flex-wrap:wrap;gap:12px;justify-content:center}

  .free{margin:48px 12px 0;height:auto;padding:30px 22px 100px}
  .frt{position:relative;left:0;top:0;width:auto;gap:16px}
  .frt p,.frt a{font-size:16px}
  .frc{position:relative;right:auto;top:0;margin:28px auto 0;width:max-content}
  .free .pill,.hib .pill{width:auto;padding:0 22px;height:62px;font-size:17px;gap:8px}

  .hib{margin:48px 12px 0;height:auto;padding-top:56px}
  .hib .fl{top:56px;bottom:0;height:auto}
  .hib .tab{top:-56px;height:57px;left:calc((100% + 6px) / 3 * var(--i));width:calc((100% - 12px) / 3)}
  .hib .ti{height:90px;padding:10px 6px 0;font-size:14px;line-height:1.15;white-space:normal;text-align:center;align-items:flex-start}
  .hib .ov{position:relative;top:0;height:auto;padding:30px 22px 100px}
  .hbt{position:relative;left:0;top:0;width:auto;gap:16px}
  .hbt p,.hbt a{font-size:16px}
  .hib .sw{position:relative;right:auto;top:0;left:-30px;width:calc(100% + 60px);height:380px;margin-top:24px}
  .hib .sh{top:16px;height:330px}
  .hib .shi{padding:24px;gap:14px}
  .hbd{font-size:16px}

  .prv{margin:48px 12px 0;padding:30px 22px;grid-template-columns:1fr;gap:12px}
  .prt p{font-size:16px}
  .prs{grid-template-columns:1fr;gap:16px;padding:12px 6px}
  .prs>div{min-height:0;padding:24px}
  .prs b,.prs span{font-size:16px}

  .aut{margin:64px 12px 0;padding:0 10px;gap:24px}
  .ag{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  .ab{grid-template-columns:1fr;gap:32px;margin-top:16px;padding-top:32px}
  .ab b,.ab p{font-size:16px}

  .ft{margin-top:64px;padding:40px 22px 96px;gap:32px}
  .fg{grid-template-columns:1fr 1fr;gap:28px 20px}
  .fg>div:first-child{grid-column:1/-1;font-size:16px}
  .fb{flex-direction:column;align-items:flex-start;gap:20px}
  .fl2{align-items:flex-start;text-align:left}
  .fl2 .lk{justify-content:flex-start}
  .ctl{right:12px;bottom:12px}
  .ctl a,.ctl button{padding:0 13px;font-size:14px}
}
@media (max-width:599px){
  .ag{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ag .pt{aspect-ratio:5/4}
  .fg{grid-template-columns:1fr}
}
.rb{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.hd .r{display:flex;align-items:center;gap:8px}
/* fülszínek: aktív / háttérben */
.chs .ti,.ch .strip .ti{background:#E6F4EC}
.chs .fl.on .ti,.ch .strip [aria-pressed="true"] .ti{background:#8FD4B0}
.cats .ti,.cat .strip .ti{background:#FFFFFF;color:#00432D}
.cats .fl.on .ti,.cat .strip [aria-pressed="true"] .ti{background:var(--c);color:var(--ink)}
.hib .ti{background:#E6F4EC;color:#00432D}
.hib .fl.on .ti{background:#00432D;color:#FFFFFF}
/* HU · EN nyelvváltó a lebegő vezérlőben */
.ctl .lng{display:flex;align-items:center;gap:2px;padding:0 2px 0 12px;color:rgba(255,255,255,.5);font:600 15px/1 var(--txt);white-space:nowrap}
.ctl .lng b{padding:0 6px;color:#FFFFFF;font-weight:600}
.ctl .lng a{height:32px;padding:0 8px;color:rgba(255,255,255,.78)}
@media (max-width:1023px){.ctl .lng{padding-left:8px;font-size:14px}.ctl .lng a{padding:0 7px}}
.ctl .lng a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}