@font-face{font-family:"Plus Jakarta Sans";src:url(../fonts/jakarta.woff) format("woff");font-weight:200 800;font-display:swap}
:root{
  --papir:#f5f7f8;
  --lap:#ffffff;
  --tinta:#121316;
  --halvany:#5c6870;
  --vonal:#dfe5e8;
  --hideg:#087f94;
  --hideg-sotet:#066a7b;
  --hideg-hatter:#e1f5f8;
  --hideg-elenk:#0ab2c8;
  --meleg:#ffa424;
  --meleg-szoveg:#c96b00;
  --meleg-hatter:#fff1dc;
  --mely:#131619;
  --hiba:#b42318;
  --hiba-hatter:#fdeceb;
  --siker:#1d7a46;
  --siker-hatter:#e3f4ea;
  --mely-szoveg:#b9c2c7;
  --betu:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --arnyek:0 1px 2px #1213160f,0 8px 24px -12px #1213162e;
  --kerek:14px;
  --szel:1200px;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:120px}
body{margin:0;background:var(--papir);color:var(--tinta);font:400 16px/1.6 var(--betu);overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--lap)}
h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.02em;line-height:1.15;text-wrap:balance}
p{margin:0}
a{color:var(--hideg)}
img,svg{max-width:100%}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--hideg);outline-offset:2px;border-radius:6px}
[hidden]{display:none!important}
.ikon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.keret{max-width:var(--szel);margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.ugras{position:absolute;left:12px;top:-60px;z-index:100;padding:10px 14px;border-radius:10px;background:var(--tinta);color:#fff;font-weight:700;text-decoration:none}
.ugras:focus{top:12px}

.felso{background:var(--mely);color:var(--mely-szoveg);font-size:13.5px}
.felso .keret{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;min-height:38px;padding-block:6px}
.felso a{display:inline-flex;align-items:center;gap:7px;color:#fff;text-decoration:none;font-weight:600}
.felso a:hover{text-decoration:underline}
.felso .ikon{width:16px;height:16px;color:var(--hideg-elenk)}
.felso .jobb{display:inline-flex;align-items:center;gap:7px;color:#fff;font-weight:600}
.felso .jobb{margin-left:auto}

.fejlec{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:var(--lap)}
.fejlec::after,.lablec::before{content:"";display:block;height:4px;background:linear-gradient(var(--meleg) 50%,var(--hideg-elenk) 50%)}
.fejlec::after{position:absolute;left:0;right:0;bottom:-4px}
.fejlec.arnyekos{box-shadow:0 10px 24px -18px #12131666}
.fejlec .keret{display:flex;align-items:center;gap:18px;height:100px}
.marka{display:inline-flex;align-items:center;gap:10px;margin-right:auto;color:var(--tinta);text-decoration:none;border-radius:10px}
.marka .logo{display:block;height:80px;width:auto}
.fomenu{display:flex;align-items:center;gap:2px}
.fomenu a{position:relative;padding:10px 13px;border-radius:10px;color:var(--tinta);text-decoration:none;font-weight:650;font-size:15px;white-space:nowrap;transition:background .15s,color .15s}
.fomenu a:hover{background:var(--hideg-hatter);color:var(--hideg-sotet)}
.fomenu a[aria-current="page"]{color:var(--hideg)}
.fomenu a[aria-current="page"]::after{content:"";position:absolute;left:13px;right:13px;bottom:2px;height:2px;border-radius:2px;background:var(--hideg)}
.kosargomb{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 16px 0 12px;border-radius:12px;background:var(--hideg-hatter);color:var(--hideg-sotet);text-decoration:none;font-weight:750;font-variant-numeric:tabular-nums;transition:background .15s}
.kosargomb:hover{background:#cdeef3}
.kosargomb .tart{position:relative;display:grid;place-items:center}
.kosargomb .ikon{width:22px;height:22px}
.kosargomb .db{position:absolute;top:-8px;right:-9px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--meleg);color:var(--tinta);font-size:11px;font-weight:800;line-height:18px;text-align:center}
.menugomb{display:none;place-items:center;width:46px;height:46px;border:0;border-radius:12px;background:transparent;cursor:pointer}
.menugomb:hover{background:var(--papir)}
.menugomb .ikon{width:24px;height:24px}

.lap{display:none}
.lap.aktiv{display:block}
.fooldal-hos{background:linear-gradient(180deg,var(--lap) 0%,var(--papir) 100%);border-bottom:1px solid var(--vonal)}
.hos{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:48px;padding-block:64px 72px}
.felirat{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:var(--halvany)}
.felirat .pontok{display:inline-flex;gap:3px;flex:none}
.felirat i{width:8px;height:8px;border-radius:50%;background:var(--hideg)}
.felirat i+i{background:var(--meleg)}
.hos h1{margin-top:16px;font-size:clamp(32px,5vw,56px);letter-spacing:-.03em}
.hos h1 .szo-meleg{color:var(--meleg-szoveg)}
.hos h1 .szo-hideg{color:var(--hideg)}
.hos p.lead{margin-top:18px;max-width:34em;font-size:clamp(16px,1.6vw,18.5px);color:var(--halvany)}
.gombsor{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.gomb{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 22px;border:0;border-radius:12px;cursor:pointer;font-weight:750;font-size:15.5px;text-decoration:none;transition:background .15s,box-shadow .15s,transform .15s}
.gomb .ikon{width:19px;height:19px}
.gomb.elso{background:var(--hideg);color:#fff;box-shadow:0 8px 18px -10px var(--hideg)}
.gomb.elso:hover{background:var(--hideg-sotet)}
.gomb.masod{background:var(--lap);color:var(--tinta);box-shadow:inset 0 0 0 1.5px var(--vonal)}
.gomb.masod:hover{box-shadow:inset 0 0 0 1.5px var(--hideg);color:var(--hideg-sotet)}
.gomb:active{transform:translateY(1px)}

.szolgaltatas{justify-self:end;display:grid;gap:18px;width:100%;max-width:420px;padding:28px;border-radius:24px;background:var(--lap);box-shadow:var(--arnyek),inset 0 0 0 1px var(--vonal)}
.szolgaltatas h2{font-size:22px}
.szolg-lista{display:grid;gap:4px;margin:0;padding:0;list-style:none}
.szolg-lista li{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--vonal);font-weight:700;font-size:16px;line-height:1.35}
.szolg-lista li:last-child{border-bottom:0}
.szolg-lista .jel{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:var(--hideg-hatter);color:var(--hideg)}
.szolg-lista .jel.meleg{background:var(--meleg-hatter);color:var(--meleg-szoveg)}
.szolg-lista .jel .ikon{width:22px;height:22px}
.szolgaltatas .gomb{width:100%}
.szolg-tel{margin-top:-4px;text-align:center;color:var(--halvany);font-size:15px}
.szolg-tel a{font-weight:750;text-decoration:none;white-space:nowrap}
.szolg-tel a:hover{text-decoration:underline}

.szekcio{padding-block:64px}
.szekcio-fej{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px 24px;margin-bottom:28px}
.szekcio-fej h2{font-size:clamp(26px,3.4vw,36px)}
.szekcio-fej p{max-width:36em;color:var(--halvany)}
.kategoriak{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.kat{display:grid;align-content:start;gap:12px;padding:26px 24px 22px;border-radius:var(--kerek);background:var(--lap);box-shadow:inset 0 0 0 1px var(--vonal);color:var(--tinta);text-decoration:none;transition:box-shadow .2s,transform .2s}
.kat:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1.5px var(--hideg),var(--arnyek)}
.kat .jel{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--hideg-hatter);color:var(--hideg)}
.kat .jel.meleg{background:var(--meleg-hatter);color:var(--meleg-szoveg)}
.kat .jel .ikon{width:26px;height:26px}
.kat h3{font-size:20px}
.kat p{color:var(--halvany);font-size:15px}
.kat .tovabb{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-weight:750;font-size:14.5px;color:var(--hideg)}
.kat .tovabb .ikon{width:17px;height:17px;transition:transform .2s}
.kat:hover .tovabb .ikon{transform:translateX(3px)}

.oldalfej{background:var(--lap);border-bottom:1px solid var(--vonal)}
.oldalfej .keret{padding-block:34px 36px}
.morzsa{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;list-style:none;font-size:13.5px;color:var(--halvany)}
.morzsa li+li::before{content:"/";margin-right:6px;color:var(--vonal)}
.morzsa a{color:var(--halvany);text-decoration:none}
.morzsa a:hover{color:var(--hideg);text-decoration:underline}
.oldalfej h1{font-size:clamp(30px,4.4vw,44px)}
.oldalfej p{margin-top:10px;max-width:42em;color:var(--halvany);font-size:17px}
.ures{display:grid;justify-items:center;gap:12px;max-width:560px;margin:0 auto;padding:48px 28px;border-radius:var(--kerek);background:var(--lap);box-shadow:inset 0 0 0 1px var(--vonal);text-align:center}
.ures .jel{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--hideg-hatter);color:var(--hideg)}
.ures .jel .ikon{width:30px;height:30px}
.ures h2{font-size:22px}
.ures p{color:var(--halvany)}
.ures .gombsor{margin-top:10px;justify-content:center}
.kapcsolat-racs{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;align-items:start}
.elerhetoseg{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.urlap-kartya{padding:30px;border-radius:var(--kerek);background:var(--lap);box-shadow:inset 0 0 0 1px var(--vonal),var(--arnyek)}
.urlap{display:grid;gap:18px}
.urlap-fej h2{font-size:24px}
.urlap-fej p{margin-top:6px;color:var(--halvany)}
.mezosor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.mezo{display:grid;gap:7px;min-width:0;align-content:start}
.mezo>label{font-weight:700;font-size:14.5px}
.mezo .opc{font-weight:500;color:var(--halvany)}
.mezo input:not([type=checkbox]),.mezo select,.mezo textarea{width:100%;min-height:52px;padding:0 15px;border:1.5px solid var(--vonal);border-radius:11px;background:var(--lap);color:var(--tinta);font:500 16px/1.4 var(--betu);transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}
.mezo textarea{min-height:140px;padding:13px 15px;resize:vertical}
.mezo select{padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23121316' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:20px;cursor:pointer}
.mezo input::placeholder,.mezo textarea::placeholder{color:#8a959c}
.mezo input:not([type=checkbox]):hover,.mezo select:hover,.mezo textarea:hover{border-color:#c3ccd1}
.mezo input:not([type=checkbox]):focus,.mezo select:focus,.mezo textarea:focus{outline:0;border-color:var(--hideg);box-shadow:0 0 0 4px var(--hideg-hatter)}
.mezo [aria-invalid="true"]{border-color:var(--hiba)!important}
.mezo [aria-invalid="true"]:focus{box-shadow:0 0 0 4px var(--hiba-hatter)!important}
.mezo-hiba{color:var(--hiba);font-size:13.5px;font-weight:600}
.mezo-hiba:empty{display:none}
.jelolo{display:flex;align-items:flex-start;gap:11px;font-size:15px;line-height:1.5;cursor:pointer}
.jelolo input{flex:none;width:22px;height:22px;margin:0;accent-color:var(--hideg);cursor:pointer}
.jelolo a{font-weight:700}
.rejtett-mezo{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.urlap-hiba{padding:12px 15px;border-radius:11px;background:var(--hiba-hatter);color:var(--hiba);font-weight:600;font-size:14.5px}
.urlap-hiba a{color:inherit}
.kuldes{width:100%;min-height:56px;font-size:16px;letter-spacing:.08em}
.kuldes:disabled{opacity:.7;cursor:wait}
.urlap-siker{display:grid;justify-items:center;gap:12px;padding:30px 10px;text-align:center}
.urlap-siker:focus{outline:0}
.urlap-siker .pipa{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:var(--siker-hatter);color:var(--siker)}
.urlap-siker .pipa .ikon{width:34px;height:34px;stroke-width:2.4}
.urlap-siker h2{font-size:23px}
.urlap-siker p{color:var(--halvany);max-width:30em}
.urlap-siker .gomb{margin-top:8px}
.elem{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:16px;row-gap:2px;align-items:center;padding:18px 20px;border-radius:var(--kerek);background:var(--lap);box-shadow:inset 0 0 0 1px var(--vonal);min-width:0}
.elem .jel{grid-row:1 / span 2;display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--hideg-hatter);color:var(--hideg)}
.elem small{align-self:end}
.elem b{align-self:start}
.elem small{font-size:12.5px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:var(--halvany)}
.elem b{font-size:17px;overflow-wrap:anywhere}
.elem b.nincs{font-weight:600;color:var(--halvany)}

.lablec{margin-top:24px;background:var(--mely);color:var(--mely-szoveg);font-size:15px}

.lablec .keret{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-block:48px 40px}
.lablec h3{margin-bottom:14px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.lablec ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.lablec li{min-width:0;overflow-wrap:anywhere}
.lablec a,.lablec button.link{color:var(--mely-szoveg);text-decoration:none;background:none;border:0;padding:0;cursor:pointer;text-align:left}
.lablec a:hover,.lablec button.link:hover{color:#fff;text-decoration:underline}
.lablec .also{border-top:1px solid #ffffff1f}
.lablec .also .keret{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;padding-block:18px calc(18px + env(safe-area-inset-bottom,0px));font-size:13.5px}

.hatter{position:fixed;inset:0;z-index:70;background:#1213168c;opacity:0;transition:opacity .2s}
.hatter.lat{opacity:1}
.mobilmenu{position:fixed;top:0;right:0;bottom:0;z-index:80;display:flex;flex-direction:column;width:min(86vw,360px);padding:calc(14px + env(safe-area-inset-top,0px)) max(18px,env(safe-area-inset-right,0px)) calc(20px + env(safe-area-inset-bottom,0px)) 18px;background:var(--lap);box-shadow:-20px 0 40px -20px #0d1b2a66;transform:translateX(105%);transition:transform .25s ease;overflow-y:auto}
.mobilmenu.nyitva{transform:none}
.mobilmenu .fej{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.mobilmenu .fej .marka .logo{height:56px}
.mobilmenu nav{display:grid;gap:2px}
.mobilmenu nav a{display:flex;align-items:center;justify-content:space-between;padding:14px 12px;border-radius:12px;color:var(--tinta);text-decoration:none;font-weight:700;font-size:17px}
.mobilmenu nav a:hover{background:var(--papir)}
.mobilmenu nav a[aria-current="page"]{background:var(--hideg-hatter);color:var(--hideg-sotet)}
.mobilmenu nav a .ikon{color:var(--halvany)}
.mobilmenu .kapcs{display:grid;gap:10px;margin-top:auto;padding-top:20px;border-top:1px solid var(--vonal);font-size:15px}
.mobilmenu .kapcs a{display:flex;align-items:center;gap:10px;color:var(--tinta);text-decoration:none;font-weight:650}

.suti{position:fixed;inset:0;z-index:90;display:grid;align-items:end;justify-items:center;padding:16px max(16px,env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:#12131699;overflow-y:auto}
.suti-ablak{width:100%;max-width:560px;max-height:100%;overflow-y:auto;padding:26px 26px 22px;border-radius:20px;background:var(--lap);box-shadow:0 30px 70px -20px #0d1b2a99;animation:fel .3s ease}
@keyframes fel{from{transform:translateY(24px);opacity:0}}
.suti-ablak .marka{margin:0 0 16px}
.suti-ablak .marka .logo{height:64px}
.suti-ablak h2{font-size:19px;margin-bottom:8px}
.suti-ablak p{color:#35475a;font-size:15px;line-height:1.6}
.suti-gombok{display:grid;gap:10px;margin-top:22px}
.suti-gombok .gomb{width:100%;min-height:52px;font-size:15px;letter-spacing:.02em}
.suti-gombok .gomb.masod{background:var(--papir)}
.suti-link{display:block;width:max-content;max-width:100%;margin:16px auto 0;font-size:14.5px;font-weight:600}
.valasztok{display:grid;gap:10px;margin-top:18px}
.valaszto{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;align-items:center;padding:14px 16px;border-radius:12px;background:var(--papir);box-shadow:inset 0 0 0 1px var(--vonal)}
.valaszto b{font-size:15px}
.valaszto span{grid-column:1;font-size:13.5px;color:var(--halvany);line-height:1.45}
.valaszto .kapcsolo{grid-row:1 / span 2;grid-column:2}
.kapcsolo{position:relative;display:inline-block;width:50px;height:30px}
.kapcsolo input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.kapcsolo i{position:absolute;inset:0;border-radius:15px;background:#c3cfda;transition:background .2s;pointer-events:none}
.kapcsolo i::after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s}
.kapcsolo input:checked+i{background:var(--hideg)}
.kapcsolo input:checked+i::after{transform:translateX(20px)}
.kapcsolo input:disabled+i{background:#8bb8dc}
.kapcsolo input:disabled{cursor:not-allowed}
.kapcsolo input:focus-visible+i{outline:3px solid var(--hideg);outline-offset:2px}
.uzenet{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:95;width:max-content;max-width:calc(100vw - 32px);padding:12px 18px;border-radius:12px;background:var(--tinta);color:#fff;font-weight:650;font-size:14.5px;box-shadow:0 18px 40px -16px #0009;transform:translate(-50%,10px);opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}
.uzenet.lat{opacity:1;transform:translate(-50%,0)}

@media (min-width:640px){.suti{align-items:center}.suti-gombok{grid-template-columns:1fr 1fr}.suti-gombok .gomb:first-child{grid-column:1 / -1}}
@media (max-width:1060px){.fomenu{display:none}.menugomb{display:grid}}
@media (max-width:900px){.hos{grid-template-columns:minmax(0,1fr);gap:36px;padding-block:44px 52px}.szolgaltatas{justify-self:stretch;max-width:none}.kategoriak{grid-template-columns:minmax(0,1fr)}.kapcsolat-racs{grid-template-columns:minmax(0,1fr)}.elerhetoseg{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.lablec .keret{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.fejlec .keret{height:78px;gap:8px}.fejlec .marka .logo{height:62px}.kosargomb{padding:0 12px}.kosargomb .osszeg{display:none}.szekcio{padding-block:44px}.lablec .keret{grid-template-columns:1fr;gap:28px}.felso .elotag,.felso .jobb{display:none}.felso .keret{flex-wrap:nowrap;gap:16px}.ures{padding:36px 20px}.mezosor{grid-template-columns:minmax(0,1fr)}.urlap-kartya{padding:22px 18px}.szolgaltatas{padding:22px 20px}}
@media (max-width:400px){#felsoEmail{display:none!important}}
@media (max-width:360px){.fejlec .marka .logo{height:56px}.kosargomb{height:42px;padding:0 10px}.menugomb{width:42px;height:42px}.felirat{letter-spacing:.08em}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}