/* ESBANA landing-motor: az ESBANA-arculat (kek #1a4f8c, narancs #f57c20, Playfair Display + Lato), sajat gepen tarolt betukkel. */
/* betuk: font/betuk.css (scripts/betuk.py) */
:root{--kek:#1a4f8c;--kek-sotet:#0d3570;--narancs:#f57c20;--narancs-sotet:#d9650c;--szoveg:#3a2e20;--halvany:#8a7050;
  --hatter:#fbf8f3;--papir:#fff;--vonal:#eadfce;--kek-hatter:#f0f4fa;--szel:1120px;--kerek:14px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--hatter);color:var(--szoveg);font:17px/1.7 Lato,"Segoe UI",Arial,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--kek)}
h1,h2,h3{font-family:"Playfair Display",Georgia,"Times New Roman",serif;color:var(--kek);line-height:1.2;margin:0 0 .5em}
h1{font-size:clamp(30px,5vw,50px)}h2{font-size:clamp(24px,3.2vw,34px)}h3{font-size:22px}
.kicsi{font-size:13px;color:var(--halvany)}
.felcim{display:inline-block;font-size:12px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--narancs);margin-bottom:8px}
.felcim a{color:inherit;text-decoration:none}

/* fejlec + menu */
.fej{background:var(--papir);border-bottom:1px solid var(--vonal);position:sticky;top:0;z-index:20}
.fej-belso{max-width:var(--szel);margin:0 auto;padding:8px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo img{width:66px;height:auto}
.logo b{display:block;font-family:"Playfair Display",Georgia,serif;font-size:22px;letter-spacing:4px;color:var(--narancs)}
.logo small{display:block;max-width:150px;font-size:11px;line-height:1.35;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--kek)}
.lab-logo{width:110px;height:auto;margin-bottom:12px}
.menu ul{list-style:none;margin:0;padding:0;display:flex;gap:6px;align-items:center}
.menu a,.menu summary{display:block;padding:8px 12px;border-radius:8px;text-decoration:none;color:var(--szoveg);font-size:15px;font-weight:700;cursor:pointer}
.menu a:hover,.menu summary:hover,.menu a[aria-current]{color:var(--kek);background:var(--kek-hatter)}
.aktualis summary{color:#fff;background:var(--narancs);list-style:none}
.aktualis summary::-webkit-details-marker{display:none}
.aktualis summary::after{content:" ▾";font-size:12px}
.aktualis summary:hover{background:var(--narancs-sotet);color:#fff}
.aktualis{position:relative}
.aktualis ul{position:absolute;right:0;top:calc(100% + 6px);display:block;min-width:240px;background:var(--papir);border:1px solid var(--vonal);border-radius:10px;padding:6px;box-shadow:0 10px 30px rgba(58,46,32,.12)}
.menu-mobil{display:none}
@media (max-width:1240px){
  .menu-asztali{display:none}
  .menu-mobil{display:block}
  .menu-mobil summary{list-style:none;display:flex;flex-direction:column;gap:5px;padding:10px;cursor:pointer}
  .menu-mobil summary::-webkit-details-marker{display:none}
  .menu-mobil summary span{display:block;width:26px;height:3px;background:var(--kek);border-radius:2px}
  .menu-mobil[open] .menu{position:absolute;left:0;right:0;top:100%;background:var(--papir);border-bottom:1px solid var(--vonal);padding:10px 20px 18px}
  .menu-mobil .menu ul{flex-direction:column;align-items:stretch}
  .menu-mobil .aktualis ul{position:static;box-shadow:none;border:0;padding:0 0 0 12px}
}

/* hero */
.hero{position:relative;background:var(--kek);color:#fff;overflow:hidden}
.hero picture img{width:100%;height:clamp(300px,52vw,560px);object-fit:cover;opacity:.9}
.hero-nagy picture img{height:clamp(380px,62vw,640px)}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,53,112,.78) 0%,rgba(13,53,112,.35) 55%,rgba(13,53,112,0) 100%);pointer-events:none}
.hero-szoveg-doboz{position:absolute;inset:0;z-index:1;max-width:var(--szel);margin:0 auto;padding:40px 20px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.hero-szoveg-doboz>*{max-width:620px}
.hero h1{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.25)}
.hero .bevezeto{font-size:clamp(17px,2vw,20px);margin:0 0 22px}
.hero .felcim{color:#ffc58f}
.hero-szoveg{background:var(--kek)}
.hero-szoveg::after{display:none}
.hero-szoveg .hero-szoveg-doboz{position:static;padding:64px 20px 56px}
@media (max-width:700px){
  .hero::after{background:linear-gradient(180deg,rgba(13,53,112,.25) 0%,rgba(13,53,112,.85) 70%)}
  .hero-szoveg-doboz{justify-content:flex-end}
}

/* gombok */
.gomb{display:inline-block;background:var(--narancs);color:#fff;text-decoration:none;border:0;border-radius:50px;padding:14px 32px;font:700 15px Lato,Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:background .15s}
.gomb:hover,.gomb:focus-visible{background:var(--narancs-sotet)}
.gomb-kicsi{padding:10px 20px;font-size:13px}
.gombok{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center}
.tovabb-link{font-weight:700;color:var(--narancs-sotet);text-decoration:none}
.hero .tovabb-link{color:#fff}
.tovabb-link:hover{text-decoration:underline}
a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid var(--narancs);outline-offset:2px}

/* proza */
.proza{max-width:760px;margin:0 auto;padding:48px 20px 16px}
.proza h2{margin-top:1.4em}
.proza p,.proza li{margin:0 0 1em}
.proza ul{padding-left:1.2em}
.proza img{border-radius:var(--kerek);margin:1.5em 0}
.proza blockquote{margin:1.5em 0;padding:18px 22px;background:var(--kek-hatter);border-left:4px solid var(--kek);border-radius:0 var(--kerek) var(--kerek) 0;font-style:italic}
.proza .kiemelt{background:var(--papir);border:1px solid var(--vonal);border-radius:var(--kerek);padding:18px 22px}

/* szezon-ablak (fooldal) */
.szezon-ablak{max-width:var(--szel);margin:-60px auto 0;position:relative;z-index:2;background:var(--papir);border-radius:var(--kerek);box-shadow:0 18px 50px rgba(13,53,112,.14);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);overflow:hidden}
.szezon-ablak img{width:100%;height:100%;min-height:260px;object-fit:cover}
.szezon-ablak>div{padding:34px 36px}
.szezon-ablak p{margin:0 0 .6em}
.szezon-ablak .gombok{margin-top:18px}
@media (max-width:800px){.szezon-ablak{grid-template-columns:1fr;margin:-40px 14px 0}.szezon-ablak img{min-height:200px;max-height:260px}}

/* blokkok (fooldal) */
.blokk{max-width:var(--szel);margin:56px auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.blokk img{border-radius:var(--kerek);width:100%;aspect-ratio:4/3;object-fit:cover}
.blokk-fordit img{order:2}
@media (max-width:800px){.blokk{grid-template-columns:1fr;gap:20px;margin:40px auto}.blokk-fordit img{order:0}}

.jellemzok{max-width:var(--szel);margin:40px auto;padding:28px 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.jellemzok img{margin:0 auto 10px;width:64px}
.jellemzok span{font-weight:700;color:var(--kek);font-size:15px}
@media (max-width:700px){.jellemzok{grid-template-columns:repeat(2,1fr)}}

/* termekek */
.termekek{max-width:var(--szel);margin:24px auto 56px;padding:0 20px;text-align:center}
.termek-racs{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:22px;margin-top:18px}
.termek{background:var(--papir);border:1px solid var(--vonal);border-radius:var(--kerek);padding:18px 16px 22px;text-decoration:none;color:var(--szoveg);display:flex;flex-direction:column;align-items:center;gap:12px;transition:transform .15s,box-shadow .15s}
.termek:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(58,46,32,.1)}
.termek img{width:100%;max-width:220px;aspect-ratio:1;object-fit:contain}
.termek-nev{font-weight:700;line-height:1.35;flex:1}

.galeria{max-width:var(--szel);margin:0 auto 40px;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.galeria img{border-radius:10px;width:100%;aspect-ratio:4/3;object-fit:cover}
.tovabb{max-width:760px;margin:0 auto 56px;padding:0 20px;display:flex;flex-wrap:wrap;gap:12px 28px}
.zaro-gomb{text-align:center;margin:0 auto 64px}
.lejart-jel{max-width:760px;margin:24px auto 0;padding:14px 20px;background:var(--kek-hatter);border-radius:10px;text-align:center}

/* blog */
.cikk{max-width:760px;margin:0 auto;padding:48px 20px 0}
.cikk .proza{padding:0 0 16px}
.cikk-kep{border-radius:var(--kerek);margin:18px 0 28px;width:100%}
.blog-lista{max-width:var(--szel);margin:40px auto 64px;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.blog-kartya{background:var(--papir);border:1px solid var(--vonal);border-radius:var(--kerek);overflow:hidden;text-decoration:none;color:var(--szoveg);display:flex;flex-direction:column;gap:6px;padding-bottom:20px}
.blog-kartya img{aspect-ratio:16/9;object-fit:cover;width:100%;margin-bottom:10px}
.blog-kartya>span,.blog-kartya>b{padding:0 20px}
.blog-kartya b{font-family:"Playfair Display",Georgia,serif;font-size:21px;color:var(--kek);line-height:1.3}

/* ajanlat */
.ajanlat{max-width:900px;margin:40px auto;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px}
.ajanlat-kartya{background:var(--papir);border:1px solid var(--vonal);border-radius:var(--kerek);padding:24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.ajanlat-kartya img{max-width:240px;aspect-ratio:1;object-fit:contain}
.ajanlat-kartya b{font-size:18px;line-height:1.35;flex:1}
.ajanlat-zaro{text-align:center;margin:0 auto 64px;padding:0 20px}

/* lablec */
.lab{background:var(--kek);color:#dbe7f5;margin-top:40px}
.lab a{color:#fff}
.lab-belso{max-width:var(--szel);margin:0 auto;padding:44px 20px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;font-size:15px}
.lab-marka{font-family:"Playfair Display",Georgia,serif;font-size:24px;letter-spacing:4px;color:var(--narancs)}
.lab .kicsi{color:#a9c2e0}
.kozosseg{display:flex;gap:16px;flex-wrap:wrap}
.lab-bolt{font-weight:700}
@media (max-width:760px){.lab-belso{grid-template-columns:1fr}}

/* nyelv-sav: csak felajanlas, soha nem iranyit at (EU 2018/302) */
.nyelv-sav{background:var(--kek-sotet);color:#fff;font-size:14px;padding:8px 20px;display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap}
.nyelv-sav[hidden]{display:none}
.nyelv-sav a{color:#ffc58f;font-weight:700}
.nyelv-sav button{background:none;border:0;color:#fff;font-size:20px;cursor:pointer;line-height:1}

/* elonezet (csak ECON-belepessel latszik) */
.elo-sav{background:#fff7e0;border-bottom:3px solid #e0b000;font:14px/1.5 Lato,Arial,sans-serif;padding:10px 20px}
.elo-sav.elo-el{background:#e8f6ea;border-color:#2e8b3e}.elo-sav.elo-hiba{background:#fdecea;border-color:#c62828}
.elo-sor{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;max-width:var(--szel);margin:0 auto}
.elo-sor form{margin:0}.elo-sor button{background:#2e8b3e;color:#fff;border:0;border-radius:8px;padding:8px 16px;font-weight:700;cursor:pointer}
.elo-sor button.masodlagos{background:#6b5b45}
.elo-vissza{font-weight:700;text-decoration:none}
.elo-lista{max-width:var(--szel);margin:8px auto;padding-left:20px;font-size:13px}
.elo-lista li.hiba{color:#b71c1c}.elo-lista li.figyelem{color:#7a5a00}
.elo-lista q{color:var(--szoveg);font-style:italic}
.cimke{display:inline-block;padding:2px 10px;border-radius:20px;background:#eee;font-size:12px;font-weight:700}
.cimke.el{background:#2e8b3e;color:#fff}.cimke.pisz{background:#e0b000;color:#3a2e20}.cimke.hiba{background:#c62828;color:#fff}
.elo-lap{background:#f4f1ec}
.elo-fej{background:var(--kek);color:#fff;padding:14px 20px;font-size:16px}
.elo-fo{max-width:1000px;margin:0 auto;padding:20px}
.elo-domain{background:#fff;border-radius:12px;padding:20px;margin:18px 0;border:1px solid var(--vonal)}
.elo-domain h2{font-size:22px}.elo-domain h2 small{font:13px Lato,Arial,sans-serif;color:var(--halvany)}
.elo-tabla-doboz{overflow-x:auto}
.elo-tabla{width:100%;border-collapse:collapse;font-size:14px}
.elo-tabla th,.elo-tabla td{text-align:left;padding:8px 10px;border-bottom:1px solid #eee;vertical-align:top}
.elo-tabla small{color:var(--halvany)}

/* suti-sav: a meres csak hozzajarulas utan indul; a ket gomb egyenrangu (NAIH / EDPB) */
.suti-sav{position:fixed;left:16px;right:16px;bottom:16px;z-index:50;max-width:720px;margin:0 auto;background:var(--papir);border:1px solid var(--vonal);border-radius:var(--kerek);box-shadow:0 18px 50px rgba(13,53,112,.22);padding:18px 22px;font-size:15px;line-height:1.55}
.suti-sav[hidden]{display:none}
.suti-sav p{margin:0 0 12px}
.suti-gombok{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin:0!important}
.suti-gombok button{flex:1 1 180px;border-radius:50px;padding:11px 18px;font:700 14px Lato,Arial,sans-serif;cursor:pointer;border:2px solid var(--kek);background:var(--papir);color:var(--kek)}
.suti-gombok button[data-suti="igen"]{background:var(--kek);color:#fff}
.lab-suti{background:none;border:0;padding:0;color:#fff;font:inherit;text-decoration:underline;cursor:pointer}

/* valaszto (fooldal): „Mihez keresel homoktovist?” */
.valaszto{max-width:var(--szel);margin:56px auto 8px;padding:0 20px;text-align:center}
.valaszto-bev{margin:0 auto 18px;max-width:620px}
.valaszto-opciok{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 0 18px}
.valaszto-opciok a{padding:10px 20px;border-radius:50px;border:2px solid var(--kek);color:var(--kek);text-decoration:none;font-weight:700;font-size:15px;transition:background .15s,color .15s}
.valaszto-opciok a:hover{background:var(--kek-hatter)}
.valaszto-opciok a[aria-current]{background:var(--kek);color:#fff}
.valaszto-szoveg{max-width:640px;margin:0 auto 6px}
.valaszto.tolt{opacity:.55;transition:opacity .15s}

/* Aktualis oldal: kiemelt ajanlat + tovabbiak */
.aktualis-link a{color:#fff!important;background:var(--narancs)!important}
.aktualis-link a:hover,.aktualis-link a[aria-current]{background:var(--narancs-sotet)!important}
.aktualis-racs{max-width:var(--szel);margin:40px auto 56px;padding:0 20px;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.ajanlat-k{background:var(--papir);border:1px solid var(--vonal);border-radius:var(--kerek);overflow:hidden;display:flex;flex-direction:column}
.ajanlat-k img{width:100%;aspect-ratio:16/10;object-fit:cover}
.ajanlat-k img.kep-termek,.szezon-ablak img.kep-termek{object-fit:contain;background:#fff;padding:14px}
.ajanlat-k>div{padding:22px 24px 26px;display:flex;flex-direction:column;gap:8px;flex:1}
.ajanlat-k h2,.ajanlat-k h3{margin:0}
.ajanlat-k p{margin:0}
.ajanlat-k .gombok{margin-top:auto;padding-top:10px}
.ajanlat-kiemelt{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
.ajanlat-kiemelt img{aspect-ratio:auto;height:100%;min-height:320px}
.ajanlat-kiemelt>div{padding:36px 38px;justify-content:center}
@media (max-width:800px){.aktualis-racs{grid-template-columns:1fr}.ajanlat-kiemelt{grid-template-columns:1fr}.ajanlat-kiemelt img{min-height:220px}}
.aktualis-ures{max-width:640px;margin:48px auto;padding:0 20px;text-align:center}
.elo-mind{background:#2e8b3e;color:#fff;border:0;border-radius:8px;padding:9px 16px;font-weight:700;cursor:pointer}

/* GYIK (AEO): rovid, kozvetlen valaszok, a kerdes a cim */
.gyik{max-width:760px;margin:24px auto 56px;padding:0 20px}
.gyik-elem{background:var(--papir);border:1px solid var(--vonal);border-radius:var(--kerek);padding:16px 22px;margin:0 0 12px}
.gyik-elem h3{font-size:19px;margin:0 0 6px}
.gyik-elem p{margin:0}

/* fejlec: e-mail a logo mellett (domainenkent kapcsolhato: fejlec_email) */
.fej-email{display:inline-flex;align-items:center;gap:6px;margin-right:auto;margin-left:6px;padding:6px 12px;border-radius:50px;
  color:var(--kek);font-weight:700;font-size:14px;text-decoration:none;border:1px solid var(--vonal);white-space:nowrap}
.fej-email:hover{background:var(--kek-hatter)}
@media (max-width:900px){.fej-email{font-size:12.5px;padding:5px 9px;margin-left:0}.fej-email svg{display:none}}
@media (max-width:420px){.logo small{display:none}}

/* fejlec: hivas-link (Welio hanghivas-oldal), a fej-email mellett */
.fej-hivas{display:inline-flex;align-items:center;gap:6px;margin-left:6px;padding:6px 12px;border-radius:50px;background:var(--narancs);
  color:#fff;font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap}
.fej-hivas:hover{background:var(--narancs-sotet)}
.fej-email+.fej-hivas{margin-left:-2px}
.fej-email:has(+.fej-hivas){margin-right:0}
.fej-hivas{margin-right:auto}
@media (max-width:900px){.fej-hivas{font-size:12.5px;padding:5px 9px}.fej-hivas svg{display:none}}
@media (max-width:480px){.fej-email:has(+.fej-hivas){display:none}}

/* fejlec: hosszu menucimek (kulcsszavas cimek, 2026-09-15): egy sorban maradnak, szelesebb fejlec */
.fej-belso{max-width:1320px}
.menu a,.menu summary{white-space:nowrap;padding:8px 10px;font-size:14.5px}
.menu ul{gap:2px}
.logo small{white-space:nowrap}
.logo{flex-shrink:0}
.fej-email,.fej-hivas{flex-shrink:0}
@media (max-width:1560px){.fej-belso:has(.fej-hivas) .logo small{display:none}}

/* recept-kartya (blog) */
.bevezeto-cikk{font-size:19px;line-height:1.6;margin:0 0 22px}
.recept{background:var(--papir);border:1px solid var(--vonal);border-radius:var(--kerek);padding:22px 26px;margin:0 0 28px}
.recept-adatok{display:flex;gap:22px;flex-wrap:wrap;margin:0 0 12px;color:var(--halvany);font-size:15px}
.recept-racs{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px}
.recept h2{font-size:22px;margin:0 0 8px}
.recept ul,.recept ol{margin:0;padding-left:1.2em}
.recept li{margin:0 0 6px}
@media (max-width:700px){.recept-racs{grid-template-columns:1fr;gap:10px}}

/* mobil menu: jobbrol becsuszo panel, az oldal felett lebeg (Attila, 2026-09-15) */
@media (max-width:1240px){
  .menu-mobil[open] summary::before{content:"";position:fixed;inset:0;background:rgba(13,30,55,.45);z-index:1000;animation:menu-hatter .2s ease-out}
  .menu-mobil[open] .menu{position:fixed;top:0;right:0;bottom:0;left:auto;width:min(86vw,360px);background:var(--papir);border:0;
    box-shadow:-14px 0 40px rgba(13,30,55,.25);padding:86px 22px 28px;overflow-y:auto;z-index:1001;animation:menu-be .25s ease-out}
  .menu-mobil summary span{position:relative;z-index:1002;transition:transform .2s,opacity .2s}
  .menu-mobil[open] summary span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .menu-mobil[open] summary span:nth-child(2){opacity:0}
  .menu-mobil[open] summary span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .menu-mobil .menu a,.menu-mobil .menu summary{font-size:17px;padding:13px 12px}
  .menu-mobil .menu li{border-bottom:1px solid var(--vonal)}
  .menu-mobil .menu li:last-child{border-bottom:0}
  .menu-mobil .aktualis-link a{display:inline-block;margin:0 0 8px}
}
@keyframes menu-be{from{transform:translateX(100%)}to{transform:none}}
@keyframes menu-hatter{from{opacity:0}to{opacity:1}}
body:has(.menu-mobil[open]){overflow:hidden}

/* logo melletti felirat: nagyobb (Attila, 2026-09-15) */
.logo small{font-size:17px;line-height:1.2;letter-spacing:1.5px;font-weight:700;max-width:none}
@media (max-width:1560px){.fej-belso:has(.fej-hivas) .logo small{display:block}}
@media (max-width:900px){.logo small{font-size:14px;letter-spacing:1px}}
@media (max-width:480px){.logo img{width:52px}.logo{gap:8px}.logo small{display:block!important;font-size:12.5px;letter-spacing:.5px;white-space:normal;max-width:84px}
  .fej-belso{gap:8px;padding:8px 14px}.fej-email{font-size:12px;padding:5px 8px}}

/* hivas-gomb: zold, telefonkagylo-ikonnal minden meretben (Attila, 2026-09-15) */
.fej-hivas{background:#2e8b3e}
.fej-hivas:hover{background:#236b30}
.fej-hivas svg{flex-shrink:0}
@media (max-width:900px){.fej-hivas svg{display:inline-block;width:14px;height:14px}.fej-hivas{gap:5px}}