/* LÉTÜNKÉRT.ORG — stíluslap
   Színek a logóból: zöld #1a7d65 (sötétebb #14624f), piros #c4153a, világoskék #7fd3e0 */
:root{
  --zold:#1a7d65; --zold-sotet:#14624f; --zold-halvany:#e3f4ee;
  --piros:#c4153a; --piros-halvany:#fdecef;
  --tinta:#1b2b2a; --halk:#55635f; --hatter:#faf8f4; --vonal:#ece8df;
  --kek:#7fd3e0; --sarga-hatter:#fff7e0; --sarga-keret:#e8c14a;
  /* a tapadó fejléc magassága (a js/lk.js méri és frissíti); ennyivel lejjebb állnak meg a #horgonyok és a görgetések */
  --fej-magas:132px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--fej-magas) + 12px)}
@media (max-width:600px){:root{--fej-magas:112px}}
body{margin:0;background:var(--hatter);color:var(--tinta);font-family:'Figtree',system-ui,sans-serif;font-size:17px;line-height:1.55}
a{color:inherit;text-decoration:none}
img{max-width:100%}
h1,h2,h3{font-family:'Fraunces',serif;font-weight:600;line-height:1.15}
.ugras{position:absolute;left:-9999px;top:0;background:#fff;padding:12px 18px;z-index:100}
.ugras:focus{left:12px;top:12px}
:focus-visible{outline:3px solid var(--zold);outline-offset:2px}

.tarolo{max-width:1180px;margin:0 auto;padding:0 24px}
.szuk{max-width:760px;margin:0 auto;padding:0 24px}
.kozepes{max-width:980px;margin:0 auto;padding:0 24px}

/* ---- Fejléc és menü ---- */
.oldalfej{background:#fff;border-bottom:1px solid var(--vonal)}
.oldalfej-sor{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding-top:12px;padding-bottom:12px}
.logo{display:flex;align-items:center;gap:12px}
.logo span{font-family:'Fraunces',serif;font-weight:600;font-size:24px;letter-spacing:.02em}
.menu-kapcsolo{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.hamburger{display:none;margin-left:auto;width:48px;height:48px;border-radius:12px;align-items:center;justify-content:center;cursor:pointer;background:var(--zold-halvany);color:var(--zold-sotet)}
.menu-kapcsolo:focus-visible + .hamburger{outline:3px solid var(--zold);outline-offset:2px}
.menudoboz{display:flex;align-items:center;gap:12px 24px;flex:1 1 auto;flex-wrap:wrap}
.fomenu{display:flex;flex-wrap:wrap;gap:4px;flex-grow:1;justify-content:center}
.fomenu a{padding:10px 14px;border-radius:999px;font-weight:600;font-size:15px;color:#33433f}
.fomenu a:hover,.fomenu a.aktiv{background:var(--zold-halvany);color:var(--zold-sotet)}
.fej-gombok{display:flex;gap:10px}
.felh-menu{position:relative}
.felh-menu summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;background:var(--zold-halvany);color:var(--zold-sotet);font-weight:700}
.felh-menu summary::-webkit-details-marker{display:none}
.lenyilo{position:absolute;right:0;top:52px;min-width:240px;background:#fff;border-radius:16px;box-shadow:0 12px 36px rgba(27,43,42,.18);padding:8px;z-index:40;display:flex;flex-direction:column}
.lenyilo a,.lenyilo-gomb{padding:12px 14px;border-radius:10px;font-weight:600;font-size:16px;color:#26342f;background:none;border:0;text-align:left;font-family:inherit;cursor:pointer;width:100%}
.lenyilo a:hover,.lenyilo-gomb:hover{background:var(--zold-halvany);color:var(--zold-sotet)}
.lenyilo hr{border:0;border-top:1px solid var(--vonal);margin:6px 8px;width:calc(100% - 16px)}
.lenyilo form{margin:0}
@media (max-width:900px){
  .hamburger{display:inline-flex}
  .menudoboz{display:none;width:100%;flex-direction:column;align-items:stretch;padding:8px 0 12px}
  .menu-kapcsolo:checked ~ .menudoboz{display:flex}
  .fomenu{flex-direction:column;align-items:stretch;justify-content:flex-start;flex-grow:0}
  .fomenu a{padding:14px 16px;font-size:17px}
  .fej-gombok{flex-wrap:wrap}
  .fej-gombok .gomb{flex:1 1 140px}
  .lenyilo{position:static;box-shadow:none;border:1px solid var(--vonal);margin-top:8px}
}

/* ---- Gombok ---- */
.gomb{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:999px;font-weight:700;font-size:16px;font-family:inherit;cursor:pointer;border:2px solid transparent;text-align:center}
.gomb-fo{background:var(--zold);color:#fff;border-color:var(--zold)}
.gomb-fo:hover{background:var(--zold-sotet);border-color:var(--zold-sotet)}
.gomb-keret{border-color:var(--zold);color:var(--zold-sotet);background:transparent}
.gomb-keret:hover{background:var(--zold-halvany)}
.gomb-piros{background:#fff;border-color:var(--piros);color:var(--piros)}
.gomb-piros:hover{background:var(--piros-halvany)}
.gomb-kicsi{min-height:44px}
.gomb-szeles{width:100%}
.gomb[disabled]{opacity:.45;cursor:not-allowed}

/* ---- Morzsamenü ---- */
.morzsa-sor{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:32px 0 20px}
.morzsa{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;color:var(--halk)}
.morzsa a{color:var(--zold-sotet);font-weight:600}
.morzsa a:hover{text-decoration:underline}
.morzsa-most{font-weight:600;color:var(--tinta)}

/* ---- Üzenetek ---- */
.uzenet{border-radius:16px;padding:16px 22px;margin:0 0 24px;font-weight:700}
.uzenet-ok{background:var(--zold-halvany);border:2px solid var(--zold);color:var(--zold-sotet)}
.uzenet-hiba{background:var(--piros-halvany);border:2px solid var(--piros);color:#8f0f2a}
.uzenet-info{background:var(--sarga-hatter);border:2px solid var(--sarga-keret);color:var(--tinta)}
.megerosit{background:var(--sarga-hatter);border:2px solid var(--sarga-keret);border-radius:16px;padding:18px 22px;margin:0 0 24px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.megerosit strong{flex:1 1 260px;font-size:17px}

/* ---- Kártyák, panelek ---- */
.kartya{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 1px 2px rgba(27,43,42,.06),0 8px 24px rgba(27,43,42,.06);transition:transform .2s,box-shadow .2s}
a.kartya:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(27,43,42,.08),0 16px 32px rgba(27,43,42,.10)}
.panel{background:#fff;border-radius:20px;box-shadow:0 1px 2px rgba(27,43,42,.06),0 8px 24px rgba(27,43,42,.06);padding:32px}
.cim-nagy{margin:0 0 24px;font-size:44px}
.felirat-kicsi{margin:0 0 8px;font-size:13px;font-weight:700;color:var(--zold-sotet);text-transform:uppercase;letter-spacing:.08em}
.tobb{font-weight:700;color:var(--zold-sotet)}
.tobb:hover{text-decoration:underline}
.halk{color:var(--halk)}

/* ---- Űrlap ---- */
label.mezo-cim{display:block;font-weight:700;font-size:15px;margin-bottom:6px}
.mezo{width:100%;min-height:48px;padding:0 16px;border-radius:12px;border:2px solid #d9d4c7;background:#fff;font-family:inherit;font-size:16px;color:var(--tinta)}
.mezo:focus{outline:none;border-color:var(--zold)}
textarea.mezo{padding:12px 16px;min-height:160px;max-height:60vh;resize:vertical;overflow-y:auto;line-height:1.5}
select.mezo{appearance:auto}
/* ↵ tovább gomb a kitöltés alatt álló mezőben (js/urlap.js) */
.enter-burok{position:relative;display:block}
.enter-burok>.mezo{padding-right:54px}
.enter-burok.enter-select>.mezo{padding-right:74px}
.enter-gomb{display:none;position:absolute;right:6px;top:50%;transform:translateY(-50%);width:42px;height:36px;border:0;border-radius:10px;background:var(--zold);color:#fff;align-items:center;justify-content:center;cursor:pointer;padding:0}
.enter-select .enter-gomb{right:32px}
.enter-textarea .enter-gomb{top:auto;bottom:8px;transform:none}
.enter-burok:focus-within .enter-gomb{display:flex}
.enter-gomb:hover,.enter-gomb:focus-visible{background:var(--zold-sotet)}
.lista-szuro{margin:0 0 10px;max-width:420px}
/* saját, lépcsős lenyíló választó (js/urlap.js): mindig a mező alatt nyílik */
.kv-doboz{position:relative;display:block}
.kv-doboz>.mezo{padding-right:44px}
.kv-gomb{position:absolute;right:6px;top:6px;width:36px;height:36px;border:0;background:none;font-size:18px;color:#6a6458;cursor:pointer}
.kv-panel{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:60;max-height:max(340px,calc(100vh - var(--fej-magas) - 90px));max-height:max(340px,calc(100dvh - var(--fej-magas) - 90px));overflow:auto;background:#fff;border:2px solid var(--zold);border-radius:12px;padding:6px;box-shadow:0 12px 32px rgba(0,0,0,.16)}
.kv-sor{display:flex;align-items:center;gap:6px;padding:9px 10px;border-radius:8px;cursor:pointer;font-size:16px;line-height:1.3}
.kv-sor:hover,.kv-sor.aktiv{background:var(--zold-halvany)}
.kv-sor.kivalasztva{font-weight:700;color:var(--zold-sotet)}
.kv-sor.kv-csop{font-weight:700}
.kv-nyil{flex:0 0 18px;width:18px;text-align:center;color:#6a6458}
.kv-ures{padding:10px;color:#6a6458}
/* védett csoport engedély nélkül: látszik, de nem választható; mellette kérés az engedélyért */
.kv-sor.kv-zarolt{cursor:default}
.kv-sor.kv-zarolt.kv-csop{cursor:pointer}
.kv-sor.kv-zarolt>span{opacity:.55}
.kv-sor.kv-zarolt:hover{background:none}
.kv-engedely{margin-left:auto;font-size:14px;font-weight:600;color:var(--zold-sotet);white-space:nowrap;text-decoration:underline}
/* lépcsős többes szűrő (js/urlap.js faSzuro) */
.tv-lista .lista-szuro{margin-bottom:6px;position:sticky;top:-10px;z-index:1}
.tv-lista{grid-template-columns:minmax(0,1fr);overflow-x:hidden}
.tv-lista .jelolo>span:last-child{min-width:0;overflow-wrap:anywhere}
/* a tapadó fejléc alatt álljon meg (a fejléc magasságát a html scroll-padding-top adja, ez csak a kis rés) */
.tobb-valaszto,.kv-doboz{scroll-margin-top:8px}
.tv-lista .fa-fej{display:flex;align-items:center;padding:8px 4px;font-weight:700;cursor:pointer}
.tv-lista .fa-szulo>span:last-child{font-weight:700}
.fa-nyil{display:inline-flex;justify-content:center;flex:0 0 22px;width:22px;color:#6a6458;cursor:pointer}
.fa-nyil::before{content:attr(data-jel)}
.mentve-panel{margin-bottom:20px;border:2px solid var(--zold)}
.gomb-sor{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.tovabbi-arak>summary{cursor:pointer}
.sajat-gombok{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
/* leírástár: felugró ablak és lista */
.leirastar-ablak{width:min(760px,calc(100vw - 24px));max-height:calc(100vh - 40px);border:0;border-radius:18px;padding:18px;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.leirastar-ablak::backdrop{background:rgba(20,30,28,.45)}
.leirastar-fej{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.leirastar-talalat{padding:12px 0;border-top:1px solid var(--vonal)}
.leirastar-talalat .leirastar-szoveg{margin:8px 0;max-height:220px;overflow:auto;white-space:pre-line;font-size:15px;color:#3b4744;background:#faf8f3;border-radius:10px;padding:10px 12px;user-select:text;-webkit-user-select:text}
.leirastar-gombok{display:flex;flex-wrap:wrap;gap:8px}
.leiras-doboz{position:relative}
.leiras-doboz>textarea.mezo{padding-bottom:52px}
.leiras-segedlet{position:absolute;right:10px;bottom:10px;background:#fff}
.leirastar-kijelolt{position:sticky;bottom:-18px;margin:10px -18px -18px;padding:12px 18px;background:#fff;border-top:2px solid var(--zold);text-align:center;box-shadow:0 -8px 20px rgba(0,0,0,.08)}
.leirastar-tetel{margin-bottom:12px}
.leirastar-tetel summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline}
.leirastar-szoveg{margin-top:10px;white-space:normal;line-height:1.6}
/* egy koppintásos gyakori értékek egy mező alatt (pl. kiszerelés) */
.gyors-valasztok{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.cimke-gomb{min-height:36px;padding:0 12px;border-radius:18px;border:2px solid #d9d4c7;background:#fff;font:inherit;font-size:15px;color:var(--tinta);cursor:pointer}
.cimke-gomb:hover,.cimke-gomb:focus-visible{border-color:var(--zold);background:var(--zold-halvany)}
/* képfeltöltés: fénykép most + előnézet */
.kep-sor{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}
.kep-elonezet{display:block;max-width:240px;max-height:240px;border-radius:12px;margin-top:10px;object-fit:cover}
/* többes választó (lenyíló jelölőnégyzetek a szűrőkben) */
.tobb-valaszto{position:relative}
.tobb-valaszto>summary.mezo{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;list-style:none;user-select:none}
.tobb-valaszto>summary::-webkit-details-marker{display:none}
.tobb-valaszto>summary::after{content:"▾";font-size:14px;color:#6a6458}
.tobb-valaszto[open]>summary::after{content:"▴"}
.tv-osszegzes{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tv-lista{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 4px);min-width:220px;max-height:max(320px,calc(100vh - var(--fej-magas) - 80px));max-height:max(320px,calc(100dvh - var(--fej-magas) - 80px));overflow:auto;background:#fff;border:2px solid #d9d4c7;border-radius:12px;padding:10px 12px;display:grid;gap:8px;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.tv-lista .jelolo{align-items:center}
.tv-lista .tv-torol{justify-self:start;margin-top:4px}
.mezo:disabled{background:#f3f0e8;color:#6a6458;border-color:#e5e0d3}
.mezo::placeholder{color:#a39d8f}
.tipp{font-size:14px;color:var(--halk);margin:6px 0 0;line-height:1.45}
.racs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px 20px}
.racs .teljes{grid-column:1/-1}
.info{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--zold-halvany);color:var(--zold-sotet);font-weight:700;font-size:14px;font-family:'Fraunces',serif;font-style:italic;cursor:help;border:0;margin-left:6px;vertical-align:middle;padding:0}
.info-doboz{background:#fff;border:2px solid var(--zold);border-radius:12px;padding:12px 16px;margin-top:8px;font-size:15px;line-height:1.5;font-weight:500}
.jelolo{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.5;cursor:pointer}
.jelolo input{width:22px;height:22px;margin-top:2px;accent-color:var(--zold);flex-shrink:0}
.kapcsolo{position:relative;width:54px;height:32px;flex-shrink:0}
.kapcsolo input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}
.kapcsolo span{position:absolute;inset:0;border-radius:999px;background:#bdb7a8;transition:background .15s;pointer-events:none}
.kapcsolo span::after{content:"";position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:#fff;transition:left .15s}
.kapcsolo input:checked + span{background:var(--zold)}
.kapcsolo input:checked + span::after{left:26px}
.kapcsolo input:focus-visible + span{outline:3px solid var(--zold);outline-offset:2px}

/* ---- Táblázat ---- */
.tabla-doboz{overflow-x:auto}
.tabla{width:100%;border-collapse:collapse;font-size:15px}
.tabla th{text-align:left;padding:12px 14px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--halk);border-bottom:2px solid var(--vonal)}
.tabla td{padding:14px;border-bottom:1px solid #f0ece3;vertical-align:middle}
.tabla tr:hover td{background:#fbfaf7}
.cimke{display:inline-block;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:700}
.cimke-aktiv{background:var(--zold-halvany);color:var(--zold-sotet)}
.cimke-passziv{background:#f1ede4;color:#6a6458}
.ikon-gomb{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:0;background:var(--zold-halvany);color:var(--zold-sotet);cursor:pointer;font-family:inherit}
.ikon-gomb:hover{background:#cdeadf}
.ikon-piros{background:var(--piros-halvany);color:var(--piros)}
.ikon-piros:hover{background:#f9d5dc}
@media (max-width:700px){.rejt-kicsi{display:none}}

/* ---- Lebegő műveleti sáv és felfelé gomb ---- */
.muvelet-sav{position:sticky;bottom:0;z-index:20;background:rgba(255,255,255,.96);border-top:1px solid var(--vonal);box-shadow:0 -6px 20px rgba(27,43,42,.08);padding:12px 24px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.fel-gomb{position:fixed;right:20px;bottom:92px;z-index:25;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.25);border:2px solid var(--zold);color:var(--zold-sotet);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;transition:background .15s,color .15s}
.fel-gomb:hover,.fel-gomb:focus-visible{background:var(--zold);color:#fff}

/* ---- Kezdőlap ---- */
.hero{background:linear-gradient(180deg,#e9f6f1 0%,var(--hatter) 100%)}
.hero-sor{display:flex;flex-wrap:wrap;align-items:center;gap:40px;padding-top:72px;padding-bottom:72px}
.hero-szoveg{flex:1 1 440px;min-width:0}
.hero h1{margin:0 0 20px;font-size:60px;line-height:1.08}
.hero p.bevezeto{margin:0 0 32px;font-size:20px;line-height:1.55;color:#4a5a56;max-width:520px}
.hero-gombok{display:flex;flex-wrap:wrap;gap:12px}
.hero-kartyak{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:16px}
.hero-kartya{display:flex;align-items:center;gap:20px;padding:24px 30px}
.hero-kartya h2{margin:0;font-size:28px}
.hero-kartya .nyil{font-size:26px;font-weight:700;color:var(--zold-sotet)}
.kozosseg-kep{width:100%;height:240px;object-fit:cover;border-radius:24px;display:block}
.jelszo-sav{background:var(--zold);color:#fff;text-align:center}
.jelszo-sav p{margin:0;padding:44px 0;font-family:'Fraunces',serif;font-weight:500;font-size:44px;letter-spacing:.02em;line-height:1.2}
.szakasz{padding:72px 0 80px}
.szakasz-fej{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:28px}
.szakasz-fej h2{margin:0;font-size:36px}
.kartya-racs{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.cikk-kartya{display:flex;flex-direction:column}
.cikk-kartya img{width:100%;height:220px;object-fit:cover;display:block}
.cikk-kartya .kep-hely{height:220px;background:linear-gradient(135deg,var(--zold),var(--kek))}
.cikk-torzs{padding:20px 22px 24px;display:flex;flex-direction:column;flex-grow:1}
.cikk-torzs h3{margin:0 0 10px;font-size:22px;line-height:1.25}
.cikk-torzs p{margin:0 0 16px;color:#4a5a56;font-size:16px;line-height:1.55;flex-grow:1}

/* ---- Blog ---- */
.blog-kereso{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}
.kereso{flex:1 1 260px;min-width:0;min-height:48px;padding:0 18px;border-radius:999px;border:2px solid #d9d4c7;background:#fff;font-family:inherit;font-size:16px;color:var(--tinta)}
.kereso:focus{outline:none;border-color:var(--zold)}
.kategoriak{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.kat-gomb{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;border:2px solid var(--zold);font-weight:600;font-size:15px;background:#fff;color:var(--zold-sotet)}
.kat-gomb:hover{background:var(--zold-halvany)}
.kat-gomb.aktiv{background:var(--zold);color:#fff}
.kiemelt{display:flex;flex-wrap:wrap;margin-bottom:28px}
.kiemelt img,.kiemelt .kep-hely{flex:1 1 340px;min-width:0;max-height:420px;object-fit:cover;display:block;min-height:260px}
.kiemelt .kep-hely{background:linear-gradient(135deg,var(--zold),var(--kek))}
.kiemelt-torzs{flex:1 1 380px;min-width:0;padding:36px 36px 40px;display:flex;flex-direction:column;justify-content:center}
.kiemelt-torzs h2{margin:0 0 14px;font-size:34px;line-height:1.2}
.kiemelt-torzs p{margin:0 0 20px;font-size:17px;line-height:1.6;color:#4a5a56}
.lapozo{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:36px}
.lapozo a,.lapozo span{min-width:46px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:700;padding:0 14px}
.lapozo a{background:#fff;box-shadow:inset 0 0 0 2px var(--zold);color:var(--zold-sotet)}
.lapozo a:hover{background:var(--zold-halvany)}
.lapozo .most{background:var(--zold);color:#fff}

/* ---- Cikk / oldal ---- */
.cikk-cim{margin:0 0 20px;font-size:46px;line-height:1.12}
.cikk-kep{width:100%;max-height:420px;object-fit:cover;border-radius:24px;display:block;margin-bottom:36px}
.szoveg{font-size:19px;line-height:1.75;color:#26342f}
.szoveg p{margin:0 0 20px}
.szoveg img{max-width:100%;height:auto;border-radius:12px}
.szoveg h2{font-size:30px;margin:36px 0 14px}
.szoveg h3{font-size:24px;margin:28px 0 12px}
.szoveg table{border-collapse:collapse;max-width:100%}
.szoveg td,.szoveg th{border:1px solid #d9d4c7;padding:8px 12px}
.szoveg iframe{max-width:100%}
.cimke-sor{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}
.cikk-lab{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--vonal)}
.elozo-kovetkezo{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:760px;margin:0 auto;padding:0 24px 72px}
.elozo-kovetkezo a{display:block;padding:22px 24px}
.elozo-kovetkezo .felirat{margin:0 0 6px;font-size:13px;font-weight:700;color:var(--halk);text-transform:uppercase;letter-spacing:.08em}
.elozo-kovetkezo .cikk-cime{margin:0;font-family:'Fraunces',serif;font-weight:600;font-size:20px}

/* ---- Belépés / regisztráció ---- */
.belepes-oldal{background:linear-gradient(180deg,#e9f6f1 0%,var(--hatter) 60%);min-height:70vh}
.belepes-doboz{max-width:540px;margin:0 auto;padding:0 24px 72px}

/* ---- Szerkesztő ---- */
.fulek{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.ful{display:inline-flex;align-items:center;min-height:48px;padding:0 24px;border-radius:999px;font-weight:700;font-size:17px;box-shadow:inset 0 0 0 2px var(--zold);color:var(--zold-sotet);background:#fff}
.ful:hover{background:var(--zold-halvany)}
.ful.aktiv{background:var(--zold);color:#fff}
.szerk-szakasz{margin-bottom:24px}
.szerk-szakasz h2{margin:0 0 16px;font-size:24px}
.jodit-doboz{padding:0;overflow:hidden}
.jodit-doboz .fej{padding:22px 24px 12px}
.jodit-doboz h2{margin:0;font-size:24px}
.jodit-container:not(.jodit_inline){border:0 !important;border-top:1px solid var(--vonal) !important;border-radius:0 !important}
.keresodoboz{max-width:420px;margin-bottom:18px}

@media (max-width:700px){
  .hero h1{font-size:40px}
  .jelszo-sav p{font-size:30px}
  .cikk-cim{font-size:32px}
  .cim-nagy{font-size:34px}
  .panel{padding:22px}
}
.rejtett{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.oldal-tartalom{overflow-wrap:anywhere}
.oldal-tartalom img{max-width:100%;height:auto}
.oldal-tartalom iframe{max-width:100%}
.tabla td.rejt-kicsi{white-space:nowrap}
.jog-sor{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #f0ece3}
.jog-nev{flex-grow:1;font-weight:600;font-size:17px}
.kategoriak.fuggoleges{flex-direction:column;align-items:flex-start}
@media (max-width:700px){
  .muvelet-sav{padding:10px 16px;gap:8px}
  .muvelet-sav .gomb{min-height:44px;padding:0 18px}
  body:has(.muvelet-sav) .fel-gomb{bottom:128px}
}

/* ---- Bolt: kosár, kínálat, rendelések ---- */
.kosar-gomb{position:relative;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:999px;background:var(--zold-halvany);color:var(--zold-sotet)}
.kosar-gomb:hover{background:#d3ecdf}
.kosar-db{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--piros);color:#fff;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.ar-sor{margin:6px 0 0}
.ar-nagy{font-size:24px;margin:18px 0 8px}
/* Egységár (kilós / literes / darabár) a boltok mintájára: kisebb, halvány, zárójelben; csak a „ · ”-nál törik */
.egysegar{display:block;font-size:13px;font-weight:400;line-height:1.35;color:var(--halk);margin-top:2px;overflow-wrap:break-word;max-width:100%}
.egysegar-sorban{display:inline;margin:0}
.egysegar-tarto{display:block;margin-top:4px;line-height:1.3}
.egysegar-tarto .egysegar{display:inline;font-size:15px}
.kt-egysegar{font-size:13px;color:var(--halk);min-width:9em}
.termek-racs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.termek-kep{width:100%;border-radius:20px;display:block;max-height:480px;object-fit:cover;box-shadow:0 1px 2px rgba(27,43,42,.06),0 8px 24px rgba(27,43,42,.06)}
.termek-kep.kep-hely{height:320px;background:linear-gradient(135deg,var(--zold),var(--kek))}
.adatlista{display:grid;grid-template-columns:max-content 1fr;gap:8px 18px;margin:0}
.adatlista dt{font-weight:700;color:var(--halk)}
.adatlista dd{margin:0}
.csillag{color:#e0a100;letter-spacing:.06em;white-space:nowrap}
.csillag-valaszto{display:inline-flex;flex-direction:row-reverse;gap:2px}
.csillag-valaszto input{position:absolute;opacity:0;pointer-events:none}
.csillag-valaszto label{font-size:38px;line-height:1;cursor:pointer;color:#d9d4c7;padding:0 2px}
.csillag-valaszto input:checked ~ label,.csillag-valaszto label:hover,.csillag-valaszto label:hover ~ label{color:#e0a100}
.csillag-valaszto input:focus-visible + label{outline:3px solid var(--zold);border-radius:6px}
.ertekeles-sor{padding:14px 0;border-top:1px solid var(--vonal)}
.kosarba-sor{display:flex;flex-wrap:wrap;gap:14px;align-items:end;margin-top:12px}
.kosarba-sor > div{width:130px}
.jobbra{text-align:right}
.hiba-szoveg{color:var(--piros);font-weight:600;font-size:14px}
.mennyiseg-mezo{width:90px;min-height:42px}
.kiemelt-sor td{background:var(--zold-halvany)}
.tetel-sor td{padding-top:0;border-bottom:1px solid #f0ece3}
.tetel-sor summary{cursor:pointer;color:var(--zold-sotet);font-weight:600}
.tetel-lista{margin:8px 0 4px;padding-left:20px}
.rendeles-doboz{border:2px solid var(--vonal);border-radius:16px;padding:16px 18px;margin-bottom:18px}
.rendeles-fej{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;margin-bottom:8px}
.rendeles-jobb{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.rendeles-gombok{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.terkep-doboz{width:100%;height:420px;border-radius:14px;overflow:hidden;background:#e9efe9}
.terkep-valaszto{height:340px}
.csoportos-tabla td .gomb{white-space:nowrap}
@media (max-width:760px){
  .termek-racs{grid-template-columns:1fr}
  .adatlista{grid-template-columns:1fr;gap:2px 0}
  .adatlista dd{margin-bottom:10px}
  .rendeles-jobb{align-items:flex-start}
  .terkep-doboz{height:340px}
}
.jelolo-racs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 16px}
.dij-sor{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--vonal)}
.dij-sor:last-of-type{border-bottom:0}

/* ---- Szerkesztett tartalom: a képek és táblázatok ne lógjanak ki telefonon ---- */
.oldal-tartalom img{max-width:100%!important;height:auto!important}
.oldal-tartalom iframe,.oldal-tartalom video{max-width:100%}

/* ---- Videó: lejátszó gomb, a YouTube csak kattintásra töltődik be ---- */
.video-doboz{position:relative;width:100%;max-width:880px;aspect-ratio:16/9;margin:16px auto;border-radius:16px;overflow:hidden;background:#1b2b2a}
.video-doboz iframe{position:absolute;inset:0;width:100%!important;height:100%!important;border:0}
.video-gomb{position:absolute;inset:0;width:100%;height:100%;border:0;cursor:pointer;background:linear-gradient(135deg,#14624f,#1b2b2a);color:#fff;font-family:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;text-align:center}
.video-gomb:hover .video-ikon,.video-gomb:focus-visible .video-ikon{background:#c4153a}
.video-ikon{width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:30px;padding-left:6px;transition:background .15s}
.video-szoveg{font-size:20px;font-weight:700}
.video-tipp{font-size:14px;opacity:.85;max-width:420px}

/* ---- Új kezdőlap: képváltó, kiemelt kártyák, Info kártyák ---- */
.elonezet-csik{background:var(--sarga-hatter);border-bottom:2px solid var(--sarga-keret);text-align:center;padding:10px 16px;font-weight:700;font-size:15px}
.kepvalto{position:relative;max-width:1180px;margin:24px auto 0;padding:0 24px}
.kepvalto-sin{position:relative;aspect-ratio:1200/555;border-radius:24px;overflow:hidden;background:#1b2b2a;box-shadow:0 12px 32px rgba(27,43,42,.18)}
.kepvalto-dia{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .8s ease}
.kepvalto-dia.aktiv{opacity:1}
.kepvalto-dia img{width:100%;height:100%;object-fit:cover;display:block}
.kepvalto-vezerlo{position:absolute;right:48px;bottom:24px;display:flex;gap:8px}
.kepvalto-gomb{width:46px;height:46px;border:0;border-radius:12px;background:rgba(26,125,101,.88);color:#fff;font-size:24px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit}
.kepvalto-gomb.kepvalto-szunet{font-size:14px;letter-spacing:-2px}
.kepvalto-gomb:hover,.kepvalto-gomb:focus-visible{background:var(--zold-sotet)}
.kepvalto-pontok{display:flex;justify-content:center;gap:8px;margin-top:14px}
.kepvalto-pont{width:10px;height:10px;border-radius:50%;border:0;padding:0;background:#c9d6d1;cursor:pointer}
.kepvalto-pont.aktiv{background:var(--zold);width:28px;border-radius:999px}
.kezdo-kiemelt{padding:40px 0 24px}
.kezdo-ket-kartya{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.kezdo-kartya{display:flex;flex-direction:column}
.kezdo-kartya img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.kezdo-kartya .oldal-tartalom .video-doboz{margin:0;border-radius:0;max-width:none}
.kezdo-kartya-cim{margin:0;padding:16px 20px;font-weight:700;text-align:center}
a.kezdo-kartya:hover,a.info-kartya:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(27,43,42,.08),0 16px 36px rgba(27,43,42,.14)}
.info-szakasz{padding-top:48px;scroll-margin-top:16px}
.info-cim{margin:0 0 28px;font-size:44px;text-align:center}
.info-racs{display:flex;flex-wrap:wrap;justify-content:center;gap:22px}
.info-kartya{flex:0 1 206px;display:flex;flex-direction:column;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 1px 2px rgba(27,43,42,.06),0 8px 24px rgba(27,43,42,.08);transition:transform .2s,box-shadow .2s}
.info-kep{display:block;aspect-ratio:1/1;background:var(--zold-halvany);overflow:hidden}
.info-kep img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.info-kartya:hover .info-kep img{transform:scale(1.05)}
.info-felirat{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:18px 20px;font-family:'Fraunces',serif;font-weight:600;font-size:20px;line-height:1.25;min-width:0}
.info-nyil{color:var(--zold);font-family:'Figtree',sans-serif;transition:transform .2s}
.info-kartya:hover .info-nyil{transform:translateX(4px)}
@media (max-width:700px){
  .kepvalto{padding:0 12px;margin-top:12px}
  .kepvalto-sin{border-radius:16px}
  .kepvalto-vezerlo{position:static;justify-content:center;margin-top:12px}
  .kepvalto-gomb{width:40px;height:40px;font-size:20px}
  .info-cim{font-size:34px}
  .info-racs{gap:14px}
  .info-kartya{flex-basis:calc(50% - 7px)}
  .info-felirat{font-size:17px;padding:12px 14px}
}
.info-csak-kezelo{opacity:.55;border:2px dashed var(--zold)}
.info-csak-kezelo:hover{opacity:1}

/* ---- Kezelői kényelem: lebegő szerkesztés gomb, gyors „+ Új” menü ---- */
.szerk-lebego{position:fixed;left:24px;bottom:24px;z-index:25;display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:0 20px;border-radius:999px;background:var(--zold);color:#fff;font-weight:700;box-shadow:0 6px 18px rgba(27,43,42,.25)}
.szerk-lebego:hover,.szerk-lebego:focus-visible{background:var(--zold-sotet)}
.gyors-uj{display:flex;flex-direction:column}
.gyors-uj a{color:var(--zold-sotet)!important}
.friss-kartya .tipp{margin:0 0 10px}
@media (max-width:700px){.szerk-lebego{left:12px;bottom:16px;min-height:44px;padding:0 16px}}

/* ---- Események ---- */
.esemeny-fej{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:24px}
.esemeny-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}
.esemeny-kartya{display:flex;flex-direction:column}
.esemeny-kartya img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.esemeny-torzs{padding:20px 24px 24px}
.esemeny-datum{margin:0 0 6px;font-weight:700;color:var(--zold-sotet);font-size:15px}
.esemeny-kartya h2{margin:0 0 8px;font-size:26px}
.esemeny-hely{margin:0 0 10px;color:var(--halk);font-weight:600}
.esemeny-leiras{line-height:1.6}
.esemeny-kezelo{display:flex;gap:10px;align-items:center;margin:16px 0 0}
.esemeny-alcim{margin:48px 0 20px;font-size:28px;color:var(--halk)}
.esemeny-elmult{opacity:.75}
@media (prefers-reduced-motion:reduce){.kepvalto-dia,.info-kep img,.info-kartya,.kezdo-kartya{transition:none}}

/* ---- Lábléc ---- */
.oldallab{border-top:1px solid var(--vonal);background:#fff;margin-top:40px}
.oldallab-sor{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;justify-content:space-between;padding-top:20px;padding-bottom:20px;font-size:15px;color:var(--halk)}
.oldallab-sor a{font-weight:600;color:var(--zold-sotet)}
.oldallab-sor a:hover{text-decoration:underline}
.oldallab-linkek{display:flex;flex-wrap:wrap;gap:6px 22px;align-items:baseline}
/* „Nem vagyok robot” doboz */
.robot-doboz{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px;margin:18px 0 6px;padding:14px 18px;border:1.5px solid var(--vonal);border-radius:12px;background:#fbfaf6;max-width:420px}
.robot-cimke{display:inline-flex;align-items:center;gap:12px;font-weight:600;cursor:pointer;font-size:17px}
.robot-cimke input{width:26px;height:26px;accent-color:var(--zold);cursor:pointer;margin:0}
.robot-megjegyzes{font-size:12.5px;color:var(--halk)}
.robot-doboz.robot-kesz{border-color:var(--zold);background:var(--zold-halvany)}
.email-vedett{word-break:break-all}
.oldallab-sor a.kis-link{font-size:13px;font-weight:400;color:var(--halk)}
.testver-oldalak{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;padding-top:14px;padding-bottom:22px;border-top:1px solid var(--vonal);font-size:15px;color:var(--halk)}
.testver-oldalak a{font-weight:600;color:var(--zold-sotet)}
.testver-oldalak a:hover{text-decoration:underline}
.testver-oldalak strong{color:var(--tinta)}
.testver-cim{font-weight:700}

/* ---- Lebegő hibabejelentő és megosztás gomb (a „fel” gomb fölött) ---- */
.hiba-gomb,.megosztas-gomb{position:fixed;right:24px;z-index:25;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s,color .15s}
/* átlátszó háttér: ami mögöttük van, látszik; rámutatáskor teliek */
.hiba-gomb{bottom:156px;background:rgba(255,244,224,.25);border:1.5px solid #e08a00;color:#b35f00}
.hiba-gomb:hover,.hiba-gomb:focus-visible{background:#ffe2b0;color:#8a4800}
.megosztas-gomb{bottom:212px;background:rgba(255,255,255,.25);border:1.5px solid #b9b3a4;color:var(--halk)}
.megosztas-gomb:hover,.megosztas-gomb:focus-visible{background:var(--zold-halvany);color:var(--zold-sotet)}
.megosztas-ablak{border:0;border-radius:20px;padding:28px;max-width:min(92vw,520px);box-shadow:0 12px 36px rgba(27,43,42,.25);text-align:center;color:var(--tinta)}
.megosztas-ablak::backdrop{background:rgba(27,43,42,.45)}
.megosztas-ablak h2{margin:0 0 4px;font-size:28px}
.megosztas-ikonsor{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:20px 0}
.megosztas-ikonsor a,.megosztas-ikonsor button{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:84px;padding:12px 10px;background:var(--hatter);border:1px solid var(--vonal);border-radius:12px;color:var(--tinta);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}
.megosztas-ikonsor a:hover,.megosztas-ikonsor button:hover{background:var(--zold-halvany);border-color:var(--zold)}

/* ---- Hibabejelentés ---- */
.csali-mezo{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
span.mezo-cim{display:block;font-weight:700;font-size:15px;margin-bottom:6px}
.valaszto-sor{display:flex;flex-wrap:wrap;gap:8px 28px}
.sorban{display:inline}
.hiba-lista-doboz summary{cursor:pointer}
.hiba-kartya{margin-top:10px;border-left:6px solid #9aa39f;padding-top:12px;padding-bottom:12px}
.hiba-lista-gombok{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:20px 0 4px}
.hiba-fejsor{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hiba-fejsor form{margin:0}
.hiba-nyit{flex:1 1 260px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:44px;padding:4px 0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}
.hiba-nyit:hover .hiba-rovid,.hiba-nyit:focus-visible .hiba-rovid{text-decoration:underline}
.hiba-nyil{font-size:18px;width:18px;color:var(--zold-sotet)}
.hiba-rovid{flex:1 1 200px;min-width:0}
/* lenyíló kártyák általánosan (a hibabejelentések mintájára; JS: js/lk.js [data-lenyilo-kartya]) */
.lenyilo-kartya{margin-top:10px;border-left:6px solid #9aa39f;padding-top:12px;padding-bottom:12px}
.rendeles-doboz.lenyilo-kartya{margin:0 0 10px;padding:8px 16px}
.lenyilo-kartya .rendeles-fej{margin-top:4px}
.lenyilo-kartya.lenyilo-surgos{border-left-color:#e08a00}
.lenyilo-kartya.lenyilo-kesz{border-left-color:var(--zold)}
.lenyilo-lista-gombok{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:16px 0 4px}
.lenyilo-fejsor{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.lenyilo-fejsor form{margin:0}
.lenyilo-nyit{flex:1 1 260px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:44px;padding:4px 0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}
.lenyilo-nyit:hover .lenyilo-rovid,.lenyilo-nyit:focus-visible .lenyilo-rovid{text-decoration:underline}
.lenyilo-nyil{font-size:18px;width:18px;color:var(--zold-sotet)}
.lenyilo-rovid{flex:1 1 200px;min-width:0}
.lenyilo-reszlet{margin-top:12px}
.lenyilo-zar-sor{margin:12px 0 0}
/* összecsukható szakaszok: <details class="panel csuk-szakasz" data-csukhato><summary><h2>Cím</h2></summary>… */
details.csuk-szakasz>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:44px}
details.csuk-szakasz>summary::-webkit-details-marker{display:none}
details.csuk-szakasz>summary::before{content:"▸";flex:none;width:20px;font-size:20px;line-height:1;color:var(--zold-sotet)}
details.csuk-szakasz[open]>summary::before{content:"▾"}
details.csuk-szakasz>summary>h2,details.csuk-szakasz>summary>h3{margin:0 !important;flex:1 1 0;min-width:0;overflow-wrap:anywhere}
details.csuk-szakasz>summary:hover>h2,details.csuk-szakasz>summary:hover>h3,details.csuk-szakasz>summary:focus-visible>h2,details.csuk-szakasz>summary:focus-visible>h3{text-decoration:underline}
details.csuk-szakasz[open]>summary{margin-bottom:14px}
details.csuk-szakasz>summary .csuk-osszegzes{flex-basis:100%;margin-left:30px;font-size:15px;font-weight:400;color:#5b6461}
details.csuk-szakasz[open]>summary .csuk-osszegzes{display:none}
details.csuk-szakasz.csuk-belso{margin-top:20px;border-top:1px solid var(--vonal);padding-top:8px}
details.csuk-szakasz.csuk-belso:first-child{margin-top:0;border-top:0;padding-top:0}
@media print{details.csuk-szakasz>summary::before,.lenyilo-nyil,.lenyilo-zar-sor,.lenyilo-lista-gombok{display:none}}
.hiba-magas{border-left-color:var(--piros)}
.hiba-kozepes{border-left-color:#e08a00}
.hiba-magas .hiba-suly{color:var(--piros)}
.hiba-kozepes .hiba-suly{color:#b35f00}
.hiba-tag{border-top:1px dashed var(--vonal);padding-top:12px;margin-top:12px}
.hiba-ellenorzes{background:#f2f5f4;border-radius:10px;padding:10px 14px;font-size:15px}
.hiba-gombok{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.hiba-csoport-gombok{border-top:1px solid var(--vonal);padding-top:12px}
.hiba-allapot-fuggoben{background:#fff4e0;color:#8a4800}
.hiba-allapot-folyamatban{background:#e6effa;color:#1a4f94}
.hiba-allapot-kezelve{background:var(--zold-halvany);color:var(--zold-sotet)}
.hiba-allapot-elutasitva{background:#f1ede4;color:#6a6458}
.hiba-allapot-visszaeles{background:var(--piros-halvany);color:#8f0f2a}

/* ---- Oldalcím-sáv a fejléc alatt (oldal neve + hiba- és megosztás gomb), görgetéskor fent marad (2026-10-12) ---- */
.oldalcim-sav{position:relative;z-index:30;background:rgba(250,248,244,.96);border-bottom:1px solid var(--vonal);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.oldalcim-sor{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px}
.oldalcim{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--zold-sotet);background:#fff;border:1px solid var(--vonal);border-radius:999px;padding:7px 16px}
.oldalcim-gombok{display:flex;gap:10px;flex-shrink:0}
.oldalcim-gombok .hiba-gomb,.oldalcim-gombok .megosztas-gomb{position:static;width:34px;height:34px}
.oldalcim-gombok svg{width:17px;height:17px}
/* a lap tetejére ugró gomb lent, a sarokban */
.fel-gomb{bottom:20px;width:46px;height:46px;font-size:21px}
body:has(.muvelet-sav) .fel-gomb{bottom:92px}
.oldalcim-gombok .hiba-gomb{background:#fff4e0}
.oldalcim-gombok .megosztas-gomb{background:#fff}
/* a morzsamenü és a vissza gomb a lap alján is */
.morzsa-also{margin-top:8px;margin-bottom:28px}
.morzsa-also .morzsa-sor{margin:0;padding-top:16px;border-top:1px solid var(--vonal)}
.morzsa-also-gombok{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.morzsa-koztes{color:var(--tinta)}

/* ---- A régi oldalakról átvett tartalom egységesítése (betűméret, dupla keret, dupla gombok) ---- */
body article.oldal-tartalom{font-size:18px;line-height:1.65}
body article.oldal-tartalom main{padding:0;background:none;min-height:0}
body article.oldal-tartalom main section{padding:0}
body article.oldal-tartalom .vissza-link,body article.oldal-tartalom .top-button{display:none}
body article.oldal-tartalom .video-wrapper{width:100%;max-width:900px;margin:24px auto}
body article.oldal-tartalom .video-doboz{width:100%}
/* a régi fehér „kártya” (szoveg-blokk, content-block, info-card) ne legyen keret a keretben: lapos szöveg, a belső kártyák maradnak */
body article.oldal-tartalom{background:none}
body article.oldal-tartalom .szoveg-blokk,body article.oldal-tartalom .content-block,body article.oldal-tartalom .info-card{background:none;box-shadow:none;border:0;border-radius:0;padding:0;margin:0 auto 28px;max-width:none;font-size:inherit}
/* a régi iframe-es videókeret felső kitöltése üres helyet hagyott a videó fölött */
body article.oldal-tartalom .video-wrapper{padding:0!important;height:auto!important}
body article.oldal-tartalom select.video-fejezetek{display:block;width:100%;max-width:900px!important;min-height:48px;margin:10px auto 0!important;padding:0 14px;border-radius:12px;border:2px solid var(--zold);background:#fff;font-family:inherit;font-size:16px;font-weight:600;color:var(--zold-sotet);cursor:pointer}
@media (max-width:600px){
  .tarolo,.szuk,.kozepes{padding:0 14px}
  .oldalcim-sor{min-height:50px}
  .oldalcim{font-size:12px;padding:6px 12px}
  .oldalcim-gombok{gap:8px}
  .oldalcim-gombok .hiba-gomb,.oldalcim-gombok .megosztas-gomb{width:30px;height:30px}
  .oldalcim-gombok svg{width:15px;height:15px}
  .fel-gomb{right:12px;bottom:12px;width:40px;height:40px;font-size:19px}
  body:has(.muvelet-sav) .fel-gomb{bottom:84px}
  body article.oldal-tartalom{font-size:17px}
  body article.oldal-tartalom .video-wrapper{margin:16px auto}
}
/* végigvezetés: „Mi történik ezután?”, „Mit szeretnél csinálni?”, teendők, hiányzó adatok, lépésenkénti űrlap, egyszeri tippek */
.uzenet .ezutan{display:block;margin-top:8px;font-weight:500;color:var(--tinta)}
.valaszto-racs{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.valaszto-kartya{display:flex;flex-direction:column;gap:6px;background:#fff;border:2px solid var(--vonal);border-radius:20px;padding:22px;color:var(--tinta);text-decoration:none;box-shadow:0 1px 2px rgba(27,43,42,.06);transition:border-color .2s,transform .2s}
a.valaszto-kartya:hover,a.valaszto-kartya:focus-visible{border-color:var(--zold);transform:translateY(-2px)}
.valaszto-kartya strong{font-size:20px;color:var(--zold-sotet)}
.valaszto-kartya span{color:var(--halk);font-size:15px;line-height:1.5}
.valaszto-kartya .tobb{margin-top:auto;padding-top:6px}
.valaszto-kartya.halvany{background:var(--hatter)}
.teendo-lista{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.teendo-lista li{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between;border-radius:14px;padding:12px 16px;border-left:6px solid var(--kek);background:#f3fafb}
.teendo-lista li.piros{border-left-color:var(--piros);background:var(--piros-halvany)}
.teendo-lista li.sarga{border-left-color:var(--sarga-keret);background:var(--sarga-hatter)}
.teendo-lista li.zold{border-left-color:var(--zold);background:var(--zold-halvany)}
.hianyzik{display:inline-block;margin-top:4px;font-size:13px;color:#7a5a00;background:var(--sarga-hatter);border-radius:8px;padding:2px 8px}
.hiany-lista{margin:0;padding-left:20px}
.lepes-sav{margin:0 0 18px}
.lepes-sav .lepes-felirat{font-weight:700;color:var(--zold-sotet);font-size:18px;margin:0 0 8px}
.lepes-csik{height:8px;border-radius:8px;background:var(--vonal);overflow:hidden}
.lepes-csik span{display:block;height:100%;background:var(--zold);transition:width .3s}
.lepes-rejtett{display:none!important}
.lepes-gombok{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;margin-top:18px}
.lepes-hiba{color:#8f0f2a;font-weight:700;margin:12px 0 0}
.osszegzes-tabla{width:100%;border-collapse:collapse}
.osszegzes-tabla th,.osszegzes-tabla td{text-align:left;vertical-align:top;padding:8px 6px;border-bottom:1px solid var(--vonal)}
.osszegzes-tabla th{width:40%;color:var(--halk);font-weight:600}
.tipp-egyszer{position:relative;border-radius:16px;padding:14px 48px 14px 18px;margin:0 0 20px;background:#f3fafb;border:2px solid var(--kek)}
.tipp-egyszer .tipp-bezar{position:absolute;right:8px;top:8px;width:36px;height:36px;border:0;border-radius:50%;background:transparent;font-size:20px;cursor:pointer;color:var(--tinta)}
.tipp-egyszer .tipp-bezar:hover{background:#e0f2f5}
/* kereső és szűrők */
.kereso-gomb{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px 0 11px;border-radius:999px;border:1.5px solid var(--zold);background:var(--zold-halvany);color:var(--zold-sotet);font:inherit;font-weight:700;font-size:15px;cursor:pointer}
.kereso-gomb:hover,.kereso-gomb:focus-visible{background:var(--zold);color:#fff}
.kereso-terulet{position:relative;order:2}
.kereso-terulet .kereso-gomb{height:44px;padding:0 16px 0 13px;font-size:16px}
.kereso-panel{position:absolute;right:0;top:54px;width:min(460px,calc(100vw - 24px));max-height:calc(100vh - 90px);overflow:auto;background:#fff;border-radius:18px;box-shadow:0 16px 48px rgba(27,43,42,.25);padding:16px;z-index:60}
.kereso-mod{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:10px;font-weight:600}
.kereso-mod label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.kereso-mod input{width:18px;height:18px;accent-color:var(--zold)}
.kereso-allapot-sor{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:34px;margin-top:8px;font-size:15px;color:var(--halk)}
.kereso-nyilak{display:flex;gap:6px}
.kereso-nyilak button{width:38px;height:34px;border-radius:10px;border:1.5px solid var(--zold);background:var(--zold-halvany);color:var(--zold-sotet);font-size:14px;cursor:pointer}
.kereso-eredmenyek{display:grid;gap:6px}
.kereso-cim{margin:8px 0 2px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--halk);font-weight:700}
.kereso-talalat{display:block;width:100%;text-align:left;border:1.5px solid var(--vonal);background:#fff;border-radius:12px;padding:10px 14px;font:inherit;font-size:16px;color:var(--tinta);cursor:pointer;text-decoration:none}
.kereso-talalat:hover,.kereso-talalat:focus-visible,.kereso-talalat.kijelolt{border-color:var(--zold);background:var(--zold-halvany)}
.kereso-talalat strong{display:block;color:var(--zold-sotet)}
.kereso-hol{display:block;font-size:13px;color:var(--halk)}
.kereso-reszlet{display:block;font-size:14px;color:#3d4b47;margin-top:4px}
.kereso-sugo{margin:10px 0 0;font-size:13px;color:var(--halk)}
mark.kereso-jel{background:#fff3b0;color:inherit;border-radius:3px;padding:0 1px}
mark.kereso-jel-aktiv{background:#f2c94c;box-shadow:0 0 0 2px #e0a800}
/* a rejtett elem (hidden) akkor is rejtett, ha a stílusa mást mondana */
[hidden]{display:none!important}
.cimke-sarga{background:var(--sarga-hatter);color:#6b5000;box-shadow:inset 0 0 0 1px var(--sarga-keret)}
.kedvenc-olcsobb{margin:4px 0 0;color:#0d6b3a;font-weight:700;font-size:14px}
/* Ebéd és étel, Konyhám */
.konyha-panel{margin-bottom:20px}
.etel-fajta{margin:18px 0 6px;font-size:15px;text-transform:uppercase;letter-spacing:.06em;color:var(--halk)}
.etel-sor{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #f0ece3}
.etel-kep{width:72px;height:72px;object-fit:cover;border-radius:12px}
.etel-sor:not(:has(.etel-kep)){grid-template-columns:1fr auto}
.etel-adat .kedvenc-gomb{min-height:30px;min-width:30px;padding:0 6px;margin-left:6px;vertical-align:middle}
.etel-adat .kedvenc-gomb .sziv{font-size:16px}
.etel-jel{display:inline-block;margin-left:4px;padding:1px 6px;border-radius:6px;background:var(--zold-halvany);color:var(--zold-sotet);font-size:12px;font-weight:800;text-decoration:none;cursor:help}
.etel-adagok{display:grid;gap:6px;justify-items:end}
.etel-adag{display:flex;align-items:center;gap:8px;font-size:15px}
.etel-adag .mezo{width:78px;min-height:40px}
.etel-rendel{margin-top:16px;padding-top:14px;border-top:2px solid var(--vonal)}
.etel-osszeg{font-size:20px;margin:14px 0 10px}
.etel-napok{display:grid;gap:8px;margin-bottom:16px}
.etel-nap{border:1.5px solid var(--vonal);border-radius:14px;padding:10px 14px}
.etel-nap summary{cursor:pointer}
.etel-nap-sor{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px dashed #ece8df}
@media (max-width:600px){.etel-sor,.etel-sor:not(:has(.etel-kep)){grid-template-columns:1fr}.etel-adagok{justify-items:start}.etel-kep{width:100%;height:140px}}
@media print{.fej-tapado{position:static!important}.oldalfej,.oldalcim-sav,.oldallab,.no-print,.fel-gomb,.hasonlit-sav,.morzsa-sor,.morzsa-also,.tipp-egyszer{display:none!important}body{background:#fff}.panel{box-shadow:none;border:1px solid #ccc}}
/* szívecske (kedvencek) */
.kedvenc-gomb{display:inline-flex;align-items:center;gap:6px;min-height:36px;min-width:36px;justify-content:center;padding:0 10px;border-radius:999px;border:1.5px solid #d9566e;background:rgba(255,255,255,.95);color:#c4153a;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.kedvenc-gomb .sziv{font-size:20px;line-height:1}
.kedvenc-gomb:hover{background:#fdecef}
.kedvenc-gomb.bent{background:#c4153a;color:#fff;border-color:#c4153a}
.rejtett-szoveg{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.kedvenc-fej{color:#c4153a}
.kedvenc-ablak{position:absolute;z-index:70;background:#fff;border-radius:16px;box-shadow:0 14px 40px rgba(27,43,42,.25);padding:14px;border:2px solid #f2c0c9}
.kedvenc-ablak-cim{margin:0 0 6px;font-weight:800;color:#c4153a}
.kedvenc-listak{display:grid;gap:4px;max-height:200px;overflow:auto}
.kedvenc-uj{display:flex;gap:8px;margin-top:8px}
.kedvenc-uj .mezo{flex:1;min-width:0}
/* összehasonlítás és a kártyák gombjai */
.kartya-tarto{position:relative;display:flex;flex-direction:column}
.kartya-tarto > .kartya{flex:1}
.kartya-gombok:not(td){position:absolute;top:10px;right:10px;z-index:3;display:flex;gap:6px}
.hasonlit-gomb{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:999px;border:1.5px solid var(--zold);background:rgba(255,255,255,.95);color:var(--zold-sotet);font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.hasonlit-gomb:hover{background:var(--zold-halvany)}
.hasonlit-gomb.bent{background:var(--zold);color:#fff}
.hasonlit-gomb.bent::after{content:" ✓"}
.reszlet-gombok{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.hasonlit-sav{position:fixed;left:12px;bottom:12px;z-index:50;display:flex;flex-wrap:wrap;align-items:center;gap:10px;max-width:calc(100vw - 90px);background:#fff;border:2px solid var(--zold);border-radius:16px;padding:10px 14px;box-shadow:0 10px 30px rgba(27,43,42,.2)}
.hasonlit-sav .halvany{opacity:.45;pointer-events:none}
body:has(.hasonlit-sav:not([hidden])) .szerk-lebego{bottom:96px}
.hasonlit-tabla th,.hasonlit-tabla td{min-width:170px;vertical-align:top}
.hasonlit-tabla thead th{text-transform:none;letter-spacing:0;font-size:16px;color:var(--tinta)}
.hasonlit-tabla thead a{font-weight:700;color:var(--zold-sotet)}
.hasonlit-tabla tbody th{white-space:nowrap;color:var(--halk);font-weight:700;text-transform:none;letter-spacing:0;font-size:14px}
.hasonlit-kep{display:block;width:100%;max-width:200px;aspect-ratio:4/3;object-fit:cover;border-radius:12px;margin-bottom:8px}
.hasonlit-elter td,.hasonlit-elter th,.hasonlit-elter-minta{background:var(--sarga-hatter)}
/* kész mondatok és átvételi doboz */
.gyors-uzenet{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.gyors-uzenet button{min-height:38px;padding:0 14px;border-radius:999px;border:1.5px solid var(--zold);background:var(--zold-halvany);color:var(--zold-sotet);font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.gyors-uzenet button:hover{background:var(--zold);color:#fff}
.atvetel-lista{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:10px}
.atvetel-lista li{border:1.5px solid var(--vonal);border-radius:14px;padding:12px 14px;line-height:1.5}
.atvetel-lista li.sajat{border-color:var(--zold);background:var(--zold-halvany)}
.atvetel-jo{color:var(--zold-sotet);font-size:17px}
/* olvasást segítő gombsor */
.olvaso-terulet{position:relative;display:inline-flex}
.olvaso-gomb{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--zold);background:#fff;color:var(--zold-sotet);font:inherit;font-weight:800;font-size:14px;cursor:pointer;padding:0}
.olvaso-gomb:hover,.olvaso-gomb[aria-expanded="true"]{background:var(--zold-halvany)}
.olvaso-panel{position:absolute;right:0;top:44px;width:min(320px,calc(100vw - 24px));background:#fff;border-radius:16px;box-shadow:0 12px 36px rgba(27,43,42,.22);padding:14px;z-index:55;display:grid;gap:10px;text-align:left}
.olvaso-cim{margin:0;font-weight:800;color:var(--zold-sotet)}
.olvaso-sor{display:flex;gap:8px;flex-wrap:wrap}
.olvaso-sor button{min-height:40px;min-width:48px;padding:0 12px;border-radius:10px;border:1.5px solid var(--zold);background:#fff;color:var(--zold-sotet);font:inherit;font-weight:700;cursor:pointer}
.olvaso-sor button.aktiv{background:var(--zold);color:#fff}
.olvaso-kapcsolo{display:flex;gap:8px;align-items:flex-start;font-size:15px;font-weight:600;cursor:pointer}
.olvaso-kapcsolo input{width:20px;height:20px;margin-top:1px;accent-color:var(--zold)}
.olvaso-sugo{margin:0;font-size:13px;color:var(--halk)}
@media (max-width:600px){.olvaso-gomb{width:30px;height:30px;font-size:12px}.olvaso-panel{position:fixed;left:12px;right:12px;top:auto;width:auto}}
html.betu-1 body{zoom:1.12}
html.betu-2 body{zoom:1.25}
html.olvaso-konnyu body,html.olvaso-konnyu body :is(h1,h2,h3,h4,p,li,td,th,a,span,label,button,input,select,textarea,summary,strong,em){font-family:Verdana,Tahoma,Arial,sans-serif!important;letter-spacing:.03em;word-spacing:.12em}
html.olvaso-konnyu body :is(p,li,td,.tipp,.info-doboz){line-height:1.8!important}
html.olvaso-kontraszt{--halk:#1f2a27;--tinta:#000;--vonal:#8a8676;--zold:#0d5c49;--zold-sotet:#073d30}
html.olvaso-kontraszt body{color:#000}
html.olvaso-kontraszt main a:not(.gomb):not(.kereso-talalat){text-decoration:underline}
/* lenyíló főmenü-csoportok (INFO, KÍNÁLAT) */
.fomenu-csoport{position:relative}
.fomenu-csoport summary{list-style:none;cursor:pointer;padding:10px 14px;border-radius:999px;font-weight:600;font-size:15px;color:#33433f}
.fomenu-csoport summary::-webkit-details-marker{display:none}
.fomenu-csoport summary:hover,.fomenu-csoport.aktiv summary,.fomenu-csoport[open] summary{background:var(--zold-halvany);color:var(--zold-sotet)}
.fomenu-lenyilo{position:absolute;left:0;top:46px;min-width:250px;background:#fff;border-radius:16px;box-shadow:0 12px 36px rgba(27,43,42,.18);padding:8px;z-index:45;display:flex;flex-direction:column}
.fomenu .fomenu-lenyilo a{border-radius:10px;padding:11px 14px;font-size:16px}
@media (max-width:900px){
  .kereso-terulet{order:0;margin-left:auto}
  .hamburger{margin-left:0}
  .kereso-panel{position:fixed;left:12px;right:12px;top:calc(var(--fej-magas) + 6px);width:auto;max-height:60vh;padding:12px}
  .kereso-sugo{display:none}
  .fomenu-csoport summary{padding:14px 16px;font-size:17px;border-radius:12px}
  .fomenu-lenyilo{position:static;box-shadow:none;border:1px solid var(--vonal);margin:4px 0 8px 12px}
}
.kereso-kiemel{animation:kereso-villan 4s ease-out;border-radius:10px}
@keyframes kereso-villan{0%,40%{background:#fff3b0;box-shadow:0 0 0 4px #f2c94c}100%{background:transparent;box-shadow:0 0 0 0 transparent}}
.szuro-rejtett{display:none!important}
.szuro-sav .racs{margin:0}
.tabla-szuro{margin:0 0 12px}
.tabla-szuro-sor{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.tabla-szuro-sor .mezo{flex:1 1 220px;max-width:360px}
.tabla-szuro-sor select.mezo{flex:0 1 220px}
@media (max-width:600px){.kereso-gomb{height:30px;padding:0 10px 0 8px;font-size:13px}}

/* Felolvasó gombok (js/felolvasas.js): 200 karakter fölötti szövegek tetején, bekezdésre kattintva, kijelölésre */
.lk-felolvas-gomb { display:inline-flex; align-items:center; gap:4px; margin:0 0 8px; padding:5px 12px; font:inherit; font-size:.9em; font-weight:600; cursor:pointer; background:#fff; color:var(--zold-sotet); border:1.5px solid var(--zold); border-radius:999px; }
.lk-felolvas-gomb:hover, .lk-felolvas-gomb[aria-pressed="true"] { background:var(--zold-halvany); }
.lk-felolvas-sor { display:flex; gap:8px; flex-wrap:wrap; margin:0 0 8px; }
.lk-felolvas-sor .lk-felolvas-gomb, .lk-felolvas-jobbra .lk-felolvas-gomb { margin:0; white-space:nowrap; }
.lk-felolvas-jobbra { float:right; display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; margin:0 0 8px 12px; max-width:100%; }
.lk-felolvas-blokk::after { content:""; display:table; clear:both; }
.lk-felolvas-buborek { position:absolute; z-index:9000; display:flex; gap:6px; padding:4px; background:#fff; border:1.5px solid var(--zold); border-radius:12px; box-shadow:0 4px 14px rgba(0,0,0,.18); }
.lk-felolvas-buborek .lk-felolvas-gomb { margin:0; white-space:nowrap; }
.lk-felolvas-most { background:#fff3b0; color:var(--tinta); border-radius:4px; box-shadow:0 0 0 3px #fff3b0; }
@media print { .lk-felolvas-jobbra, .lk-felolvas-sor, .lk-felolvas-buborek { display:none !important; } }
.olvaso-oszlop { display:flex; flex-direction:column; gap:6px; }
.olvaso-oszlop .lk-felolvas-gomb { margin:0; width:100%; justify-content:flex-start; }
.olvaso-uzenet { margin:8px 0 0; padding:6px 8px; background:var(--sarga-hatter); border:1px solid var(--sarga-keret); border-radius:8px; font-size:14px; }
/* Kisebb, áttetsző segédgombok (mint a Tanakodón): Aa, hibabejelentő, megosztás, "lap tetejére" */
.olvaso-gomb, .oldalcim-gombok .hiba-gomb, .oldalcim-gombok .megosztas-gomb { width:32px; height:32px; background:transparent; }
.olvaso-gomb { font-size:13px; }
.oldalcim-gombok svg { width:16px; height:16px; }
.fel-gomb { width:40px; height:40px; font-size:18px; }
.oldalcim-gombok .hiba-gomb:hover, .oldalcim-gombok .hiba-gomb:focus-visible { background:#ffe2b0; }
.oldalcim-gombok .megosztas-gomb:hover, .oldalcim-gombok .megosztas-gomb:focus-visible { background:var(--zold-halvany); }
@media (max-width: 650px) {
  .olvaso-gomb, .oldalcim-gombok .hiba-gomb, .oldalcim-gombok .megosztas-gomb { width:30px; height:30px; }
  .olvaso-gomb { font-size:12px; }
  .oldalcim-gombok svg { width:15px; height:15px; }
  .fel-gomb { width:34px; height:34px; font-size:16px; }
}
/* Felolvasó (js/felolvasas.js): indítás az „Aa” panelből, felolvasás közben kis lebegő vezérlő jobb fent, a fejléc alatt */
.olvaso-felolvas { display:flex; align-items:center; justify-content:center; gap:6px; width:100%; min-height:44px; margin:2px 0 6px; padding:0 14px; border-radius:999px; border:2px solid var(--zold); background:var(--zold); color:#fff; font:inherit; font-size:16px; font-weight:800; cursor:pointer; }
.olvaso-felolvas:hover, .olvaso-felolvas:focus-visible { background:var(--zold-sotet); border-color:var(--zold-sotet); }
.olvaso-felolvas[hidden], .felolvaso-sav[hidden], .felolvaso-sav button[hidden] { display:none; }
.felolvaso-sav { position:fixed; top:calc(var(--fej-magas, 120px) + 6px); right:max(12px, calc((100vw - 1180px) / 2 + 24px)); z-index:60; display:flex; align-items:center; gap:6px; padding:4px 4px 4px 10px; background:rgba(255,255,255,.45); border:1.5px solid var(--zold); border-radius:999px; box-shadow:0 4px 12px rgba(27,43,42,.12); }
.felolvaso-sav-cim { font-size:16px; line-height:1; cursor:help; }
.felolvaso-sav-gomb { min-height:34px; padding:0 12px; border-radius:999px; border:1.5px solid var(--zold); background:rgba(255,255,255,.7); color:var(--zold-sotet); font:inherit; font-size:14px; font-weight:700; cursor:pointer; white-space:nowrap; }
.felolvaso-sav-gomb:hover, .felolvaso-sav-gomb:focus-visible, .felolvaso-sav-gomb[aria-pressed="true"] { background:var(--zold-halvany); }
.felolvaso-sav-x { width:34px; height:34px; padding:0; border-radius:50%; border:1.5px solid var(--zold); background:rgba(255,255,255,.7); color:var(--zold-sotet); font:inherit; font-size:16px; font-weight:800; line-height:1; cursor:pointer; }
.felolvaso-sav-x:hover, .felolvaso-sav-x:focus-visible { background:var(--zold-halvany); }
@media (max-width:650px) { .felolvaso-sav { right:8px; } }
@media print { .felolvaso-sav { display:none !important; } }
/* Kártyás táblázat telefonon (pl. Tagok): a sorok nem lógnak ki, nem kell oldalra görgetni */
@media (max-width: 650px) {
  .tabla-kartyas { min-width:0 !important; }
  .tabla-kartyas thead { display:none; }
  .tabla-kartyas, .tabla-kartyas tbody { display:block; width:100%; }
  .tabla-kartyas tr { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; padding:12px 0; border-bottom:1px solid var(--vonal); }
  .tabla-kartyas td { display:block; border:0 !important; padding:0 !important; }
  .tabla-kartyas td.kartya-fo { flex:1 1 100%; order:-1; }
  .tabla-kartyas td.kartya-vege { margin-left:auto; }
}
/* Konyha: átvételi módok napjai, idői (Konyhám → Beállítások; Ebéd és étel) */
.etel-atvetel-lista { margin:4px 0 12px; padding-left:20px; }
.etel-atvetel-lista li { margin:2px 0; }
.atvetel-mod { border:1px solid var(--vonal); border-radius:14px; padding:10px 14px 12px; margin:0; }
.atvetel-mod legend { padding:0 6px; }
.nap-jelolok { display:flex; flex-wrap:wrap; gap:6px; margin:4px 0 8px; }
.nap-jelolo { position:relative; }
.nap-jelolo input { position:absolute; opacity:0; width:1px; height:1px; }
.nap-jelolo span { display:inline-flex; align-items:center; justify-content:center; min-width:44px; height:36px; padding:0 8px; border:1.5px solid var(--zold); border-radius:10px; color:var(--zold-sotet); font-weight:700; cursor:pointer; background:#fff; }
.nap-jelolo input:checked + span { background:var(--zold); color:#fff; }
.nap-jelolo input:focus-visible + span { outline:3px solid var(--kek); outline-offset:2px; }
.ido-sor { display:flex; flex-wrap:wrap; gap:8px 16px; align-items:center; }
.ido-sor label { display:flex; align-items:center; gap:8px; font-weight:600; }
.ido-sor .mezo { width:auto; min-width:120px; }

/* Konyhám: jól látható be-/kikapcsoló; kattintásra megjelenő cím és telefon */
.konyha-kapcsolo { margin-bottom:16px; display:flex; flex-wrap:wrap; gap:10px 16px; align-items:center; justify-content:space-between; border-left:6px solid var(--zold); }
.konyha-kapcsolo.kapcsolo-ki { border-left-color:var(--piros); background:var(--piros-halvany); }
.konyha-kapcsolo.kapcsolo-be { background:var(--zold-halvany); }
.rejtett-adat { margin:6px 0 0; }
.rejtett-adat summary { cursor:pointer; color:var(--zold-sotet); font-weight:600; }
.rejtett-adat > div { margin:4px 0 0 4px; }
.allergen-doboz { border:1px solid var(--vonal); border-radius:14px; padding:10px 14px; }
.allergen-doboz summary { cursor:pointer; }
.ar-par { display:flex; flex-wrap:wrap; gap:8px 12px; align-items:center; }
.ar-par label { display:flex; align-items:center; gap:8px; font-weight:600; }
.ar-par .mezo { width:140px; }
.kiiras-sor { display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.kiiras-sor input[type=date] { width:auto; }
.kiiras-sor input[type=number] { width:80px; }

/* Ételképek: kiemelt sáv, szűrő, képrács, nagy nézet (etelkepek.php) */
.etelkep-kiemelt { position:relative; border-radius:22px; overflow:hidden; margin:18px 0 22px; background:#1f2b26; aspect-ratio:16/9; max-height:560px; box-shadow:0 10px 30px rgba(0,0,0,.15); }
.kiemelt-sav, .kiemelt-dia { position:absolute; inset:0; }
.kiemelt-dia { opacity:0; transition:opacity .9s ease; display:block; color:#fff; }
.kiemelt-dia.aktiv { opacity:1; z-index:1; }
.kiemelt-dia img { width:100%; height:100%; object-fit:cover; display:block; }
.kiemelt-felirat { position:absolute; left:0; right:0; bottom:0; padding:48px 20px 34px; background:linear-gradient(transparent, rgba(0,0,0,.72)); font-size:1.15rem; text-shadow:0 1px 3px rgba(0,0,0,.6); }
.kiemelt-nyil, .kepnezo-nyil { position:absolute; top:50%; transform:translateY(-50%); z-index:2; width:46px; height:46px; border-radius:50%; border:0; background:rgba(255,255,255,.88); color:#1f2b26; font-size:30px; line-height:1; cursor:pointer; box-shadow:0 2px 8px rgba(0,0,0,.25); }
.kiemelt-nyil.bal, .kepnezo-nyil.bal { left:12px; }
.kiemelt-nyil.jobb, .kepnezo-nyil.jobb { right:12px; }
.kiemelt-pottyok { position:absolute; bottom:10px; left:0; right:0; z-index:2; display:flex; justify-content:center; gap:6px; }
.kiemelt-pottyok button { width:10px; height:10px; border-radius:50%; border:0; padding:0; background:rgba(255,255,255,.5); cursor:pointer; }
.kiemelt-pottyok button.aktiv { background:#fff; transform:scale(1.25); }
.etelkep-szuro { margin-bottom:18px; }
.etelkep-fajtak { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.szuro-gomb { border:1.5px solid var(--zold); background:#fff; color:var(--zold-sotet); border-radius:999px; padding:6px 14px; font-weight:700; cursor:pointer; }
.szuro-gomb span { font-weight:400; opacity:.75; margin-left:4px; }
.szuro-gomb.aktiv { background:var(--zold); color:#fff; }
.etelkep-racs { display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:16px; }
.etelkep-kartya { display:flex; flex-direction:column; border-radius:16px; overflow:hidden; background:#fff; box-shadow:0 2px 10px rgba(0,0,0,.08); text-decoration:none; color:inherit; transition:transform .2s, box-shadow .2s; }
.etelkep-kartya:hover, .etelkep-kartya:focus-visible { transform:translateY(-3px); box-shadow:0 8px 22px rgba(0,0,0,.16); }
.etelkep-kartya img { width:100%; aspect-ratio:4/3; height:auto; object-fit:cover; display:block; }
.etelkep-kartya > span { padding:10px 12px 12px; font-weight:600; line-height:1.3; }
.etelkep-kartya[hidden] { display:none; }
.etelkep-lap .etelkep-nagy { margin:0; }
.etelkep-nagy img { width:100%; height:auto; border-radius:18px; display:block; }
.etelkep-nagy figcaption { margin-top:10px; font-size:1.05rem; }
.etelkep-cimkek { display:flex; flex-wrap:wrap; gap:6px; }
.cimke-halvany { background:var(--zold-halvany); color:var(--zold-sotet); text-decoration:none; }
.etelkep-lapozo { display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; margin:16px 0; }
.kepnezo { position:fixed; inset:0; z-index:1000; background:rgba(12,18,15,.94); display:flex; align-items:center; justify-content:center; padding:16px; }
.kepnezo[hidden] { display:none; }
.kepnezo figure { margin:0; max-width:min(1280px, 100%); max-height:100%; display:flex; flex-direction:column; align-items:center; }
.kepnezo img { max-width:100%; max-height:calc(100vh - 150px); width:auto; height:auto; border-radius:12px; display:block; }
.kepnezo figcaption { color:#fff; text-align:center; margin-top:10px; max-width:820px; }
.kepnezo-cim { display:block; font-size:1.15rem; }
.kepnezo-leiras { display:block; opacity:.85; margin-top:4px; }
.kepnezo-alja { display:block; margin-top:6px; opacity:.8; font-size:.95rem; }
.kepnezo-alja a { color:#bfe8da; }
.kepnezo-bezar { position:absolute; top:12px; right:12px; z-index:2; width:44px; height:44px; border-radius:50%; border:0; background:rgba(255,255,255,.9); font-size:20px; cursor:pointer; }
body.kepnezo-nyitva { overflow:hidden; }
.etel-kep-illusztracio { position:relative; display:inline-block; }
.etel-kep-illusztracio::after { content:'illusztráció'; position:absolute; left:6px; bottom:6px; background:rgba(0,0,0,.6); color:#fff; font-size:11px; padding:1px 6px; border-radius:6px; }
@media (max-width:640px) { .etelkep-racs { grid-template-columns:repeat(2, 1fr); gap:10px; } .etelkep-kartya > span { font-size:.9rem; padding:8px; } .kiemelt-nyil { width:38px; height:38px; font-size:24px; } .kepnezo-nyil { top:auto; bottom:18px; transform:none; } }
@media (prefers-reduced-motion: reduce) { .kiemelt-dia, .etelkep-kartya { transition:none; } }.kep-valaszto { border:1px solid var(--vonal); border-radius:14px; padding:10px 14px 12px; margin:0; }
.kep-valaszto-racs, .kep-ajanlatok { display:flex; flex-wrap:wrap; gap:10px; }
.kep-opcio { display:flex; flex-direction:column; align-items:center; gap:4px; width:120px; cursor:pointer; text-align:center; font-size:.85rem; }
.kep-opcio img { width:120px; height:90px; object-fit:cover; border-radius:10px; border:3px solid transparent; }
.kep-opcio input { position:absolute; opacity:0; width:1px; height:1px; }
.kep-opcio input:checked ~ img, .kep-opcio input:checked ~ picture img { border-color:var(--zold); }
.kep-opcio input:checked ~ .kep-opcio-szoveg { background:var(--zold); color:#fff; }
.kep-opcio input:focus-visible ~ img, .kep-opcio input:focus-visible ~ .kep-opcio-szoveg { outline:3px solid var(--kek); }
.kep-opcio-szoveg { display:flex; align-items:center; justify-content:center; width:120px; height:90px; border:1.5px dashed var(--zold); border-radius:10px; font-weight:700; color:var(--zold-sotet); padding:6px; }
.kep-opcio-nev { line-height:1.2; }
.etlap-mini { width:56px; height:42px; object-fit:cover; border-radius:8px; float:left; margin:0 10px 4px 0; }
.etlap-mini-doboz { position:relative; float:left; }
.kiemelt-dia picture, .etelkep-kartya picture, .etelkep-nagy picture { display:block; height:100%; }
.kep-opcio { position:relative; }

/* Vetítő-vezérlő (Ételképek: kiemelt sáv és nagy nézet) */
.vetito-sav { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; margin:-10px 0 22px; }
.vetito-sav button { min-width:44px; height:44px; border-radius:999px; border:1.5px solid var(--zold); background:#fff; color:var(--zold-sotet); font-size:18px; cursor:pointer; padding:0 12px; }
.vetito-sav button:hover, .vetito-sav button:focus-visible { background:var(--zold-halvany); }
.vetito-sav .vetito-fo { background:var(--zold); color:#fff; min-width:56px; font-size:20px; }
.vetito-tempo-doboz { display:inline-flex; align-items:center; gap:6px; }
.vetito-tempo { min-width:52px; text-align:center; font-weight:700; color:var(--zold-sotet); }
.vetito-sav .vetito-mozi { font-size:15px; font-weight:700; }
.vetito-folyamat { position:absolute; left:0; right:0; bottom:0; height:4px; background:rgba(255,255,255,.25); z-index:3; }
.vetito-folyamat span { display:block; height:100%; width:0; background:#fff; }
.kepnezo-lent { position:absolute; left:0; right:0; bottom:0; padding:0 12px 12px; z-index:3; }
.kepnezo-lent .vetito-folyamat { position:relative; margin-bottom:10px; border-radius:2px; }
.kepnezo-lent .vetito-folyamat span { background:#bfe8da; }
.kepnezo-lent .vetito-sav { margin:0; }
.kepnezo-lent .vetito-sav button { background:rgba(255,255,255,.92); border-color:transparent; }
.kepnezo-lent .vetito-sav .vetito-fo { background:var(--zold); color:#fff; }
.kepnezo-lent .vetito-tempo { color:#fff; }
.kepnezo img { max-height:calc(100vh - 210px); }
.kepnezo:fullscreen { background:#000; }
.kepnezo:fullscreen img { max-height:calc(100vh - 190px); }
@media (max-width:640px) { .kepnezo-nyil { top:40%; bottom:auto; transform:none; } .vetito-sav button { min-width:40px; height:40px; } .vetito-sav .vetito-mozi { font-size:13px; } }
/* Ételképek – javítás: a kiemelt kép a gombokkal együtt elférjen a képernyőn, arányosan; a cím a kép alatt */
.etelkep-kiemelt { aspect-ratio:auto; height:clamp(260px, calc(100vh - 440px), 620px); max-height:none; margin-bottom:0; background:#14201b; }
.kiemelt-dia img { object-fit:contain; }
.kiemelt-felirat { display:none; }
.kiemelt-cim { text-align:center; font-size:1.25rem; font-weight:700; line-height:1.35; color:var(--szoveg, #1f2b26); margin:12px auto 10px; max-width:900px; min-height:1.35em; }
.etelkep-kiemelt + .kiemelt-cim + .vetito-sav { margin-top:0; }
.kepnezo { flex-direction:column; gap:10px; padding:56px 12px 14px; }
.kepnezo figure { flex:0 1 auto; min-height:0; }
.kepnezo img { max-height:calc(100vh - 250px); }
.kepnezo figcaption { margin-top:8px; }
.kepnezo-cim { font-size:1.2rem; }
.kepnezo-lent { position:static; width:100%; max-width:900px; padding:0; }
.kepnezo:fullscreen img { max-height:calc(100vh - 240px); }
@media (max-width:640px) { .etelkep-kiemelt { height:clamp(200px, 56vw, 360px); } .kiemelt-cim { font-size:1.05rem; } .kepnezo img { max-height:calc(100vh - 300px); } }
.etelkep-kiemelt { margin-top:10px; }
.kiemelt-cim { margin:8px auto 6px; }

/* Fejléc: csengő és saját menü a hamburgeren kívül (telefonon is), jelvényekkel; telefonon a kereső csak nagyító */
.fej-ikonok{display:flex;align-items:center;gap:8px;order:3}
.fej-ikon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:var(--zold-halvany);color:var(--zold-sotet)}
.fej-ikon:hover{background:#d3ecdf}
.felh-menu summary{position:relative}
.felh-menu .felh-ikon{flex:0 0 auto}
.jelveny{position:absolute;top:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;font-size:12px;font-weight:800;line-height:20px;text-align:center;color:#fff;box-shadow:0 0 0 2px #fff}
.jelveny-jobb{right:-6px}
.jelveny-bal{left:-6px}
.jelveny-piros{background:#c4153a}
.jelveny-sarga{background:#d99a00}
.fej-ikonok .lenyilo{max-height:75vh;overflow:auto}
@media (max-width:900px){
  .fej-ikonok{order:0}
  .fej-ikonok .lenyilo{position:absolute;right:0;top:52px;box-shadow:0 12px 36px rgba(27,43,42,.18);border:0;margin-top:0;min-width:260px;max-width:calc(100vw - 24px)}
}
@media (max-width:600px){
  .kereso-terulet .kereso-gomb span{display:none}
  .kereso-terulet .kereso-gomb{width:44px;height:44px;padding:0;justify-content:center}
  .felh-menu .felh-nev{display:none}
  .felh-menu summary{width:44px;height:44px;min-height:44px;padding:0;justify-content:center}
  .oldalfej-sor{gap:8px 10px;padding-top:10px;padding-bottom:10px}
  .logo span{font-size:20px}
  .logo img{width:42px;height:42px}
}
/* keskeny telefonon a hamburger ne csússzon a második sorba */
@media (max-width:440px){
  .oldalfej .tarolo{padding-left:12px;padding-right:12px}
  .oldalfej-sor{gap:8px 6px}
  .logo{gap:8px}
  .logo span{font-size:18px}
  .logo img{width:38px;height:38px}
  .fej-ikonok{gap:6px}
  .fej-ikon,.kereso-terulet .kereso-gomb,.felh-menu summary{width:40px;height:40px;min-height:40px}
  .hamburger{width:42px;height:42px}
}
@media (max-width:370px){.logo span{display:none}}
/* Értesítéseim */
.ertesites-lista{list-style:none;margin:0;padding:0}
.ertesites-lista li{display:flex;gap:10px;padding:12px 4px;border-bottom:1px solid var(--vonal)}
.ertesites-lista li.uj{background:#fffbea}
.ertesites-lista li:last-child{border-bottom:0}
/* Átadás és átvétel (pénztárgép-szerű, nagy gombok) */
.atadas-urlap{display:flex;flex-direction:column;gap:12px;max-width:520px}
.atadas-kod{font-size:44px;font-weight:800;letter-spacing:.35em;text-align:center;height:80px}
.atadas-nagy-gomb{min-height:60px;font-size:20px;width:100%}
.qr-olvaso video{width:100%;max-width:480px;border-radius:14px;background:#000}
.atadas-kesz{text-align:center;padding:24px 12px}
.atadas-pipa{width:120px;height:120px;margin:0 auto 12px;border-radius:50%;background:#1a7d65;color:#fff;font-size:72px;line-height:120px;font-weight:800}
.atadas-tetelek{font-size:19px;line-height:1.6}
.atadas-letet{font-size:20px;background:#fff6d6;border-radius:12px;padding:10px 14px}
.atvetel-kartya{background:#fff;border-radius:20px;box-shadow:0 4px 18px rgba(0,0,0,.08);padding:18px;margin:0 0 18px;text-align:center;position:relative}
.atvetel-hol{text-align:left;margin-top:0}
.atvetel-felirat{font-weight:700;margin:6px 0}
.atvetel-qr{width:min(260px,70vw);margin:0 auto;background:#fff}
.atvetel-qr svg{width:100%;height:auto;display:block}
.atvetel-kod{font-size:56px;font-weight:800;letter-spacing:.3em;margin:6px 0 10px;color:#14201b}
.atvetel-letet{font-size:18px;background:#fff6d6;border-radius:12px;padding:8px 12px}
.atvetel-zold{position:absolute;inset:0;border-radius:20px;background:rgba(232,248,240,.97);display:flex;flex-direction:column;align-items:center;justify-content:center}
.atvetel-zold[hidden]{display:none}
.atvetel-atadva{background:#e8f8f0}
.atvetel-uton{text-align:left}
/* fejléc keskeny telefonon: a boríték (Üzeneteim) miatt kisebb ikonok, hogy a hamburger ne csússzon új sorba */
@media (max-width:440px){.fej-ikonok{gap:4px}.fej-ikon,.kereso-terulet .kereso-gomb,.felh-menu summary{width:36px;height:36px;min-height:36px}}
@media (max-width:385px){.logo span{display:none}}

/* ---- Tapadó fejléc (hibabejelentés #17, 2026-10-14): a logó-sor és az oldalcím-sáv együtt fent marad ---- */
.fej-tapado{position:sticky;top:0;z-index:65}
.fej-tapado .oldalfej{box-shadow:0 1px 0 rgba(27,43,42,.04)}
html.fej-kicsi .fej-tapado{box-shadow:0 6px 18px rgba(27,43,42,.10)}
/* görgetéskor kisebb fejléc (kisebb logó, kevesebb hely). Átmenet NINCS: a js/lk.js azonnal méri a különbséget,
   és ugyanannyi alsó margót ad, így a lap hossza nem változik (ettől villogott a fejléc görgetéskor). */
.fej-tapado{overflow-anchor:none}
html.fej-kicsi .oldalfej-sor{padding-top:6px;padding-bottom:6px}
html.fej-kicsi .logo img{width:40px;height:40px}
html.fej-kicsi .oldalcim-sor{min-height:44px}
@media (max-width:600px){
  html.fej-kicsi .oldalfej-sor{padding-top:5px;padding-bottom:5px}
  html.fej-kicsi .logo img{width:32px;height:32px}
  html.fej-kicsi .oldalcim-sor{min-height:40px}
}
/* telefonon a nyitott hamburgermenü a fejlécen belül görgethető (a fejléc tapad, a menü ne lógjon ki a képernyőből) */
@media (max-width:900px){
  .menu-kapcsolo:checked ~ .menudoboz{max-height:calc(100vh - var(--fej-magas) - 8px);max-height:calc(100dvh - var(--fej-magas) - 8px);overflow-y:auto;overscroll-behavior:contain}
  .fej-ikonok .lenyilo{max-height:calc(100vh - var(--fej-magas) - 16px);max-height:calc(100dvh - var(--fej-magas) - 16px)}
}

/* ---- Kreditérme (kredit_erme(), kredit_erme_ikon() a kinezet.php-ban) — bárhol használható ---- */
.kredit-erme{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:1.15em;height:1.15em;margin-right:.3em;vertical-align:-.2em;border-radius:50%;cursor:help;filter:drop-shadow(0 1px 1px rgba(27,43,42,.25))}
.kredit-erme svg,.kredit-erme img{display:block;width:100%;height:100%;object-fit:contain}
.felh-kredit .kredit-ablak-nyito{display:inline-flex;cursor:pointer;border-radius:50%}
.kredit-ablak-nyito .kredit-erme{cursor:pointer;transition:transform .15s}
.kredit-ablak-nyito:hover .kredit-erme,.kredit-ablak-nyito:focus-visible .kredit-erme{transform:scale(1.25)}
.kredit-ablak{max-width:min(92vw,420px)}
.kredit-ablak-erme{display:block;margin:0 auto 10px;width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(27,43,42,.3))}
.kredit-ablak-arfolyam{margin:6px 0 4px;font-size:18px}
.kredit-ablak-sugo{margin:4px 0 0;color:var(--tinta)}
.kredit-ablak .info-doboz{text-align:left}
.kredit-minusz{color:var(--piros)}
.felh-kredit .kredit-minusz{color:#b3123a}
.kredit-ablak-kib{margin:14px 0 0;padding:12px;border:2px dashed var(--vonal);border-radius:14px}
.kredit-ablak-kib p{margin:0 0 6px}
.kredit-ablak-gombok{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:18px 0 14px}
.kredit-osszeg{display:inline-flex;align-items:center;white-space:nowrap;font-weight:600}
.kredit-osszeg strong{font-weight:800}
.kredit-arfolyam{display:inline-block;padding:1px 8px;border-radius:999px;background:var(--sarga-hatter);border:1px solid var(--sarga-keret);color:#6b5000;font-size:12px;font-weight:700;white-space:nowrap;vertical-align:middle}
/* a saját menüben: egyenleg + árfolyam az első sorban */
.lenyilo a.felh-kredit-sor{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;color:var(--zold-sotet)}
.felh-kredit{display:inline-flex;align-items:center;margin-left:4px;padding:0 8px;border-radius:999px;background:#fff;font-size:14px;font-weight:800;color:var(--zold-sotet)}
@media (max-width:1100px){.felh-kredit{display:none}}
.leirastar-kereso { display:flex; flex-wrap:wrap; gap:8px; align-items:stretch; }
.leirastar-kereso .mezo { flex:1 1 240px; min-width:0; }
.leirastar-kereso .gomb { flex:0 0 auto; white-space:nowrap; }
.leirastar-hol { display:flex; flex-wrap:wrap; gap:2px 16px; margin:6px 0 0; }
/* központi katalógus (2026-10-14): forrásválasztó, forráscímke, a teljes leírás kinyitva */
.leirastar-forras { align-items:center; }
.leirastar-forras [hidden] { display:none; }
.lt-forras-cimke { display:inline-block; font-size:13px; color:var(--zold-sotet); background:var(--zold-halvany); border-radius:8px; padding:1px 8px; white-space:nowrap; }
.lt-forras-cimke:empty { display:none; }
.leirastar-talalat .leirastar-szoveg.leirastar-szoveg-teljes { max-height:none; overflow:visible; }
/* lebego Becsukom gomb (js/lk.js): nyitott hosszu resznel jobb fent, mindig lathato */
.csuko-lebego{position:fixed;right:max(12px, calc((100vw - 1180px) / 2 + 24px));z-index:61;min-height:44px;padding:0 18px;border-radius:999px;border:2px solid #fff;background:var(--zold-sotet);color:#fff;font:inherit;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 6px 18px rgba(27,43,42,.35)}
.csuko-lebego:hover,.csuko-lebego:focus-visible{background:var(--zold)}
.csuko-lebego[hidden]{display:none}
@media (max-width:650px){.csuko-lebego{right:8px;font-size:15px;padding:0 14px}}
@media print{.csuko-lebego{display:none !important}}
/* Ellatok: reszletek felfedese (Nem vagyok robot utan, egyenkent) */
.felfedo{margin-top:12px;padding:10px 12px;border:1.5px dashed var(--vonal);border-radius:12px}
.felfedo-robot{margin:0 0 8px}
.felfedo-gombok{display:flex;flex-wrap:wrap;gap:8px}
.felfedo-gombok .gomb[disabled]{opacity:.45;cursor:not-allowed}
.felfedo-ertek{flex-basis:100%;padding:6px 0}
@media (max-width:650px){.felfedo-gombok .tipp{display:none}}

/* ---- Gyógyító táplálékok (gyogyitotaplalekok/, includes/gyogyito.php): az LK kinézete, csak egy finom levélzöld kiemeléssel ---- */
:root{--gy:#557a2b;--gy-sotet:#3d5a1d;--gy-halvany:#eef4e4;--gy-vonal:#d5e3c1}
body.gyogyito .oldalcim{color:var(--gy-sotet);border-color:var(--gy-vonal)}
.gy-sav{position:relative;z-index:20;background:var(--gy-halvany);border-bottom:1px solid var(--gy-vonal)}
.gy-sav-fej{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding-top:12px;padding-bottom:8px}
.gy-marka{display:inline-flex;align-items:center;gap:10px;font-family:'Fraunces',serif;font-weight:600;font-size:20px;color:var(--gy-sotet)}
.gy-marka img{width:34px;height:34px;border-radius:50%;flex:none}
.gy-marka:hover span{text-decoration:underline}
details.gy-minden>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 2px var(--gy);color:var(--gy-sotet);font-weight:700;font-size:15px}
details.gy-minden>summary::-webkit-details-marker{display:none}
details.gy-minden[open]>summary{background:var(--gy);color:#fff}
.gy-minden-panel{position:absolute;left:0;right:0;top:100%;z-index:35;background:#fff;border-bottom:1px solid var(--gy-vonal);box-shadow:0 16px 32px rgba(27,43,42,.16);padding:18px max(24px,calc((100% - 1132px)/2));display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px 28px;max-height:calc(100vh - var(--fej-magas) - 80px);overflow-y:auto}
.gy-minden-cim{margin:0 0 6px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gy-sotet)}
.gy-minden-csoport a{display:block;padding:9px 12px;border-radius:10px;font-weight:600;color:#26342f}
.gy-minden-csoport a:hover,.gy-minden-csoport a.aktiv{background:var(--gy-halvany);color:var(--gy-sotet)}
.gy-nyelv{margin-left:auto;display:inline-flex;border-radius:999px;box-shadow:inset 0 0 0 2px var(--gy);overflow:hidden;background:#fff}
.gy-nyelv a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;font-weight:700;font-size:15px;color:var(--gy-sotet)}
.gy-nyelv a[aria-current]{background:var(--gy);color:#fff}
.gy-nyelv a:not([aria-current]):hover{background:var(--gy-halvany)}
.gy-fulek{position:relative;display:flex;gap:8px;overflow-x:auto;padding:4px 2px 14px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.gy-ful{flex:none;display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--gy-vonal);font-weight:600;font-size:15px;color:var(--gy-sotet);white-space:nowrap}
.gy-ful:hover{box-shadow:inset 0 0 0 2px var(--gy)}
.gy-ful.aktiv{background:var(--gy);color:#fff;box-shadow:none}
.gy-tartalom{max-width:920px;margin:0 auto}
.gy-tartalom h2,.gy-tartalom h3,.gy-tartalom h4{color:var(--tinta)}
.gy-tartalom h2{font-size:30px;margin:28px 0 10px}
.gy-tartalom h3{font-size:23px;margin:20px 0 10px}
.gy-tartalom h4{font-size:19px;margin:14px 0 8px;font-family:'Figtree',system-ui,sans-serif}
.gy-fejlec{display:flex;align-items:center;justify-content:center;gap:18px;margin:8px 0 22px;text-align:center}
.gy-fejlec h1{margin:0;font-size:40px;color:var(--gy-sotet);overflow-wrap:anywhere}
.gy-tartalom .gy-embl img{width:72px;height:72px;border-radius:50%;display:block;box-shadow:0 4px 14px rgba(27,43,42,.14)}
.gy-tartalom .kepvalto{padding:0;margin:8px auto 26px;max-width:880px}
.gy-tartalom .kepvalto-sin{aspect-ratio:16/10}
.gy-tartalom .kepvalto-dia img{object-fit:contain;background:#1b2b2a;border-radius:0}
.gy-tartalom .kepvalto-dia figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 18px 14px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;font-weight:700;font-size:19px;text-align:center}
.gy-tartalom .kepvalto-vezerlo{position:static;justify-content:center;margin-top:12px}
.gy-szakasz{margin:0 0 26px}
.gy-doboz{background:#fff;border-radius:18px;box-shadow:0 1px 2px rgba(27,43,42,.06),0 8px 24px rgba(27,43,42,.06);padding:22px 24px;margin:18px 0}
.gy-doboz::after{content:"";display:block;clear:both}
.gy-kiemelt{font-weight:700;color:var(--gy-sotet)}
details.gy-tovabb{margin:12px 0 18px}
details.gy-tovabb>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;background:var(--gy-halvany);box-shadow:inset 0 0 0 1.5px var(--gy-vonal);color:var(--gy-sotet);font-weight:700;font-size:16px}
details.gy-tovabb>summary::-webkit-details-marker{display:none}
details.gy-tovabb>summary::before{content:"▸";font-size:18px;line-height:1}
details.gy-tovabb[open]>summary::before{content:"▾"}
details.gy-tovabb>summary:hover{box-shadow:inset 0 0 0 2px var(--gy)}
details.gy-tovabb[open]>summary{margin-bottom:12px}
.gy-tovabb-belso{padding-left:16px;border-left:3px solid var(--gy-vonal)}
.gy-tovabb-belso::after{content:"";display:block;clear:both}
a.gy-becsuk{display:inline-flex;align-items:center;gap:6px;min-height:40px;margin:6px 0;font-weight:700;color:var(--gy-sotet)}
a.gy-becsuk::before{content:"▴"}
a.gy-becsuk:hover{text-decoration:underline}
a.gy-vissza{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;margin:8px 0;border-radius:999px;box-shadow:inset 0 0 0 2px var(--gy);color:var(--gy-sotet);font-weight:700;font-size:15px}
a.gy-vissza:hover{background:var(--gy-halvany)}
.gy-oldalmenu,.gy-reszek{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}
.gy-oldalmenu a,.gy-reszek a{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--gy-vonal);font-weight:600;color:var(--gy-sotet)}
.gy-oldalmenu a:hover,.gy-reszek a:hover{box-shadow:inset 0 0 0 2px var(--gy)}
.gy-kartyak{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin:20px 0}
.gy-kartya{display:flex;flex-direction:column;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 1px 2px rgba(27,43,42,.06),0 8px 24px rgba(27,43,42,.08);transition:transform .2s,box-shadow .2s}
a.gy-kartya:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(27,43,42,.08),0 16px 32px rgba(27,43,42,.12)}
.gy-tartalom .gy-kartya img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:0;display:block}
.gy-kartya strong{padding:12px 16px 2px;font-size:18px;color:var(--gy-sotet)}
.gy-kartya span{padding:0 16px 14px;font-size:15px;color:var(--halk)}
.gy-tartalom img{border-radius:12px}
.gy-tartalom img.gy-cseppkep{float:left;width:120px;margin:4px 18px 8px 0;border-radius:0}
.gy-tartalom img.gy-napikep{display:block;max-width:360px;width:100%;margin:8px auto}
.gy-kepracs{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin:20px 0}
.gy-kepkartya{margin:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgba(27,43,42,.06),0 8px 24px rgba(27,43,42,.06)}
.gy-tartalom .gy-kepkartya img{width:100%!important;aspect-ratio:4/3;height:auto;object-fit:cover;border-radius:0;display:block}
.gy-kepkartya figcaption{padding:10px 14px;font-size:15px;color:var(--halk)}
.gy-tetel{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;align-items:start;background:#fff;border-radius:18px;padding:18px;margin:18px 0;box-shadow:0 1px 2px rgba(27,43,42,.06),0 8px 24px rgba(27,43,42,.06)}
.gy-tartalom .gy-tetel img{width:100%}
.gy-tetel-szoveg p:first-child{margin-top:0}
.gy-nagyithato{cursor:zoom-in}
.gy-hamarosan{margin:28px 0;padding:18px 22px;border-radius:16px;border:2px dashed var(--gy);background:var(--gy-halvany);color:var(--gy-sotet);font-weight:700;text-align:center}
form.gy-levelurlap{max-width:560px;margin:20px 0;display:flex;flex-direction:column;gap:6px}
form.gy-levelurlap .gomb{align-self:flex-start;margin-top:8px}
.gy-levelcim{margin:14px 0 0}
.gy-nyelvvalaszto{display:flex;flex-direction:column;align-items:center;gap:20px;margin:40px auto 10px;padding:28px 20px;max-width:920px;background:var(--gy-halvany);border-radius:22px;text-align:center}
.gy-nyv-jester{width:100%;max-width:520px;border-radius:16px}
.gy-nyv-kartyak{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
.gy-nyv-kartya{display:flex;flex-direction:column;align-items:center;gap:10px;width:230px;padding:18px;background:#fff;border-radius:18px;box-shadow:0 8px 24px rgba(27,43,42,.08);font-family:'Fraunces',serif;font-weight:600;font-size:19px;color:var(--gy-sotet);transition:transform .2s}
.gy-nyv-kartya:hover{transform:translateY(-4px)}
.gy-nyv-kartya img{width:120px;height:auto}
.gy-nyv-portre{width:160px;height:auto}
.gy-lapozo{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;max-width:920px;margin:36px auto 0;padding-top:20px;border-top:1px solid var(--vonal)}
.gy-lapozo .gomb{flex-direction:column;align-items:flex-start;min-height:60px;padding:8px 22px;border-radius:18px;border-color:var(--gy);color:var(--gy-sotet);text-align:left}
.gy-lapozo .gomb span{font-size:13px;font-weight:600;color:var(--halk)}
.gy-lapozo .gy-lapozo-kov{align-items:flex-end;text-align:right;margin-left:auto}
.gy-lapozo .gomb:hover{background:var(--gy-halvany)}
@media (max-width:700px){
  .gy-marka{font-size:17px}
  .gy-nyelv a{padding:0 11px;font-size:14px}
  details.gy-minden>summary{padding:0 12px;font-size:14px}
  .gy-sav-fej .info{display:none}
  .gy-sav-fej{gap:8px}
  .gy-fejlec{gap:10px}
  .gy-fejlec h1{font-size:28px}
  .gy-tartalom .gy-embl img{width:46px;height:46px}
  .gy-tartalom h2{font-size:25px}
  .gy-tartalom h3{font-size:20px}
  .gy-tartalom .kepvalto-dia figcaption{font-size:15px;padding:24px 12px 10px}
  .gy-doboz{padding:16px}
  .gy-tartalom img.gy-cseppkep{width:84px;margin-right:12px}
  .gy-tetel{grid-template-columns:1fr}
  .gy-kartyak{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .gy-kartya strong{font-size:16px;padding:10px 12px 2px}
  .gy-kartya span{font-size:14px;padding:0 12px 12px}
  .gy-kepracs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .gy-lapozo .gomb{flex:1 1 100%}
  .gy-tovabb-belso{padding-left:10px}
}
@media (prefers-reduced-motion:reduce){.gy-kartya,.gy-nyv-kartya{transition:none}}
@media print{.gy-sav,.gy-lapozo{display:none!important}details.gy-tovabb>.gy-tovabb-belso{display:block}}
/* ---- Új Alkotmány (ujalkotmany/, includes/ujalkotmany.php): az LK kinézete, csak egy finom mélybordó kiemeléssel és vékony nemzeti színcsíkkal ---- */
:root{--ua:#8a2b3a;--ua-sotet:#5e1a26;--ua-halvany:#f8eff1;--ua-vonal:#ecd5da;--ua-arany:#b89a55}
body.ujalkotmany .oldalcim{color:var(--ua-sotet);border-color:var(--ua-vonal)}
.ua-sav{position:relative;z-index:20;background:var(--ua-halvany);border-bottom:1px solid var(--ua-vonal)}
.ua-sav::before{content:"";display:block;height:4px;background:linear-gradient(90deg,#c8313e 0 33.4%,#fff 33.4% 66.6%,#3f7a4f 66.6%)}
.ua-sav-fej{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding-top:12px;padding-bottom:8px}
.ua-marka{display:inline-flex;align-items:center;gap:10px;font-family:'Fraunces',serif;font-weight:600;font-size:20px;color:var(--ua-sotet)}
.ua-marka img{width:34px;height:34px;border-radius:50%;flex:none}
.ua-marka:hover span{text-decoration:underline}
details.ua-minden>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 2px var(--ua);color:var(--ua-sotet);font-weight:700;font-size:15px}
details.ua-minden>summary::-webkit-details-marker{display:none}
details.ua-minden[open]>summary{background:var(--ua);color:#fff}
.ua-minden-panel{position:absolute;left:0;right:0;top:100%;z-index:35;background:#fff;border-bottom:1px solid var(--ua-vonal);box-shadow:0 16px 32px rgba(27,43,42,.16);padding:18px max(24px,calc((100% - 1132px)/2));display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px 28px;max-height:calc(100vh - var(--fej-magas) - 80px);overflow-y:auto}
.ua-minden-cim{margin:0 0 6px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ua-sotet)}
.ua-minden-csoport a{display:block;padding:9px 12px;border-radius:10px;font-weight:600;color:#26342f}
.ua-minden-csoport a:hover,.ua-minden-csoport a.aktiv{background:var(--ua-halvany);color:var(--ua-sotet)}
.ua-fulek{position:relative;display:flex;gap:8px;overflow-x:auto;padding:4px 2px 14px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.ua-ful{flex:none;display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--ua-vonal);font-weight:600;font-size:15px;color:var(--ua-sotet);white-space:nowrap}
.ua-ful:hover{box-shadow:inset 0 0 0 2px var(--ua)}
.ua-ful.aktiv{background:var(--ua);color:#fff;box-shadow:none}
.ua-tartalom{max-width:1040px;margin:0 auto}
.ua-tartalom h1{font-size:44px;margin:6px 0 14px;color:var(--tinta)}
.ua-tartalom h1 span{display:block;color:var(--ua)}
.ua-tartalom h2{font-size:30px;margin:6px 0 12px;color:var(--tinta)}
.ua-tartalom h3{font-size:22px;margin:10px 0 8px;color:var(--tinta)}
.ua-tartalom p{margin:0 0 12px}
.ua-tartalom img{border-radius:16px}
.ua-tartalom blockquote{margin:12px 0 18px;padding:4px 0 4px 20px;border-left:4px solid var(--ua-arany);font-family:'Fraunces',serif;font-size:21px;font-style:italic;line-height:1.5}
.ua-tartalom blockquote p{margin:0 0 8px}
.ua-ugro{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 22px}
.ua-ugro a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--ua-vonal);font-weight:600;font-size:15px;color:var(--ua-sotet)}
.ua-ugro a:hover{box-shadow:inset 0 0 0 2px var(--ua)}
.ua-felcim{margin:0 0 8px;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ua)}
.ua-bevezeto{font-size:19px;line-height:1.6;color:var(--halk)}
.ua-gombsor{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 4px}
.ua-gombsor .gomb span,.ua-tartalom .gomb span{margin-left:6px}
a.ua-vissza{display:inline-flex;align-items:center;min-height:40px;margin:0 0 10px;font-weight:700;color:var(--ua-sotet)}
a.ua-vissza:hover{text-decoration:underline}
.ua-hos{position:relative;margin:0 0 28px;padding:28px;border-radius:24px;background:#fff;box-shadow:0 1px 2px rgba(27,43,42,.06),0 8px 24px rgba(27,43,42,.06);overflow:hidden}
.ua-hos-racs{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px;align-items:center}
.ua-hos-kep img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.ua-hos-sotet{min-height:420px;display:flex;flex-direction:column;justify-content:center;background:#2a1418;color:#fff}
.ua-hos-sotet .ua-hos-hatter{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;border-radius:0;opacity:.5}
.ua-hos-sotet>*{position:relative}
.ua-hos-sotet .ua-hos-hatter{position:absolute}
.ua-hos-sotet h1,.ua-hos-sotet h1 span,.ua-hos-sotet p,.ua-hos-sotet .ua-felcim{color:#fff}
.ua-hos-sotet h1 span{color:#f3d9a0}
.ua-hos-sotet .gomb-keret{border-color:#fff;color:#fff}
.ua-hos-sotet .gomb-keret:hover{background:rgba(255,255,255,.15)}
.ua-kepkartya{position:relative;display:block;border-radius:18px;overflow:hidden}
.ua-kepkartya img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;border-radius:0}
.ua-kepkartya-felirat{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:2px;padding:30px 18px 14px;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff}
.ua-kepkartya-felirat strong{font-family:'Fraunces',serif;font-size:22px}
.ua-szakasz{margin:0 0 30px}
.ua-fej{max-width:760px;margin:0 0 16px}
.ua-doboz{background:#fff;border-radius:22px;box-shadow:0 1px 2px rgba(27,43,42,.06),0 8px 24px rgba(27,43,42,.06);padding:26px 28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px}
.ua-doboz>*{flex:1 1 320px;min-width:0}
.ua-doboz>.gomb,.ua-doboz>a.gomb{flex:0 0 auto}
.ua-doboz-kiemelt{background:linear-gradient(135deg,var(--ua-sotet),var(--ua));color:#fff}
.ua-doboz-kiemelt h2,.ua-doboz-kiemelt h3,.ua-doboz-kiemelt p,.ua-doboz-kiemelt blockquote{color:#fff}
.ua-doboz-kiemelt .ua-felcim{color:#f3d9a0}
.ua-doboz-kiemelt .ua-szam{background:rgba(255,255,255,.16);color:#fff}
.ua-doboz-kiemelt .gomb-fo{background:#fff;border-color:#fff;color:var(--ua-sotet)}
.ua-doboz-kiemelt .gomb-fo:hover{background:var(--ua-halvany);border-color:var(--ua-halvany)}
.ua-doboz-kiemelt .gomb-keret{border-color:#fff;color:#fff}
.ua-doboz-kiemelt .ua-kartya-kep img{aspect-ratio:4/3;object-fit:cover;width:100%}
.ua-ket-oszlop{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:12px 32px;align-items:start;width:100%}
.ua-oldalcim h2{font-size:26px}
.ua-kartyak{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;margin:12px 0}
.ua-kartya{display:flex;flex-direction:column;gap:6px;background:#fff;border-radius:20px;padding:20px;box-shadow:0 1px 2px rgba(27,43,42,.06),0 8px 24px rgba(27,43,42,.07);color:var(--tinta);transition:transform .2s,box-shadow .2s}
a.ua-kartya:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(27,43,42,.08),0 16px 32px rgba(27,43,42,.12)}
.ua-kartya h3{margin:4px 0 2px}
.ua-kartya p{margin:0;color:var(--halk)}
.ua-kartya-kep{margin:-20px -20px 8px;overflow:hidden;border-radius:20px 20px 0 0}
.ua-tartalom .ua-kartya-kep img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;border-radius:0}
.ua-kartya-szeles{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px;align-items:center}
.ua-kartya-szeles .ua-kartya-kep{margin:-20px 0 -20px -20px;border-radius:20px 0 0 20px;height:calc(100% + 40px)}
.ua-kartya-szeles .ua-kartya-kep img{height:100%;aspect-ratio:auto}
.ua-szam{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;border-radius:999px;background:var(--ua-halvany);color:var(--ua-sotet);font-weight:800;font-size:15px;flex:none;align-self:flex-start}
.ua-tovabb-jel{margin-top:auto;padding-top:8px;font-weight:700;color:var(--ua-sotet)}
.ua-lista{display:flex;flex-direction:column;gap:12px;margin:12px 0}
.ua-tetel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 16px;align-items:start;background:#fff;border-radius:18px;padding:18px 20px;box-shadow:0 1px 2px rgba(27,43,42,.06),0 8px 24px rgba(27,43,42,.05)}
.ua-tetel>span:first-child,.ua-tetel>.ua-szam{grid-row:1/span 9;display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;border-radius:999px;background:var(--ua-halvany);color:var(--ua-sotet);font-weight:800}
.ua-tetel>*:not(:first-child){grid-column:2}
.ua-tetel h3{margin:6px 0 6px}
.ua-tetel p:last-child{margin-bottom:0}
.ua-megjegyzes{margin:18px 0;padding:14px 18px;border-radius:14px;border:2px dashed var(--ua-vonal);background:var(--ua-halvany)}
.ua-kiemelt{font-family:'Fraunces',serif;font-size:24px;font-weight:600;color:var(--ua-sotet)}
.ua-borito{display:flex;flex-direction:column;justify-content:space-between;gap:14px;max-width:360px;margin:0 auto;aspect-ratio:3/4;padding:30px 26px;border-radius:12px 22px 22px 12px;background:linear-gradient(150deg,var(--ua-sotet),var(--ua));color:#fff;text-align:center;box-shadow:inset 10px 0 0 rgba(0,0,0,.18),0 16px 34px rgba(94,26,38,.28)}
a.ua-borito:hover{transform:translateY(-3px)}
.ua-borito-cim,.ua-borito strong{display:block;font-family:'Fraunces',serif;font-size:30px;font-weight:600;line-height:1.15;letter-spacing:.04em}
.ua-borito-kicsi{display:block;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f3d9a0}
.ua-borito-vonal{width:64px;height:2px;margin:12px auto;background:var(--ua-arany)}
.ua-borito-ev{font-weight:800;letter-spacing:.2em}
.ua-borito-nagy{max-width:520px;aspect-ratio:auto;margin:6px auto 26px;padding:34px 28px}
.ua-borito-nagy h1,.ua-borito-nagy h1 span{color:#fff;margin:8px 0}
.ua-borito-nagy h1 span{color:#f3d9a0}
.ua-borito-al{margin:0;font-size:19px}
.ua-disz{margin:18px 0;text-align:center;color:var(--ua-arany);font-size:20px;letter-spacing:.3em}
.ua-video{margin:16px 0}
.ua-szakasz:has(>.ua-fejezetek){display:flex;flex-direction:column}
.ua-szakasz:has(>.ua-fejezetek)>.ua-video{order:1}
.ua-szakasz:has(>.ua-fejezetek)>.ua-fejezetek{order:2}
.ua-video video,.ua-sajat-video{display:block;width:100%;max-width:880px;margin:0 auto;border-radius:16px;background:#1b2b2a}
.ua-fejezetek{background:#fff;border-radius:18px;padding:16px;box-shadow:0 1px 2px rgba(27,43,42,.06),0 8px 24px rgba(27,43,42,.05);margin:12px 0}
.ua-fejezetek-cim{font-weight:800;color:var(--ua-sotet);margin:0 0 8px}
.ua-fejezet-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:6px;max-height:420px;overflow-y:auto}
.ua-fejezet{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:6px 10px;border:1.5px solid var(--ua-vonal);border-radius:12px;background:#fff;color:var(--tinta);font:inherit;font-size:15px;text-align:left;cursor:pointer}
.ua-fejezet:hover,.ua-fejezet:focus-visible{border-color:var(--ua);background:var(--ua-halvany)}
.ua-fejezet.aktiv{border-color:var(--ua);background:var(--ua);color:#fff}
.ua-fejezet-ido{flex:none;min-width:58px;padding:2px 6px;border-radius:8px;background:var(--ua-halvany);color:var(--ua-sotet);font-weight:800;font-variant-numeric:tabular-nums;text-align:center}
.ua-fejezet.aktiv .ua-fejezet-ido{background:rgba(255,255,255,.2);color:#fff}
.ua-szavazo{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}
.ua-szavazo-gomb{min-height:46px;padding:0 18px;border-radius:999px;border:2px solid var(--ua);background:#fff;color:var(--ua-sotet);font:inherit;font-weight:700;cursor:pointer}
.ua-szavazo-gomb:hover{background:var(--ua-halvany)}
.ua-szavazo-gomb.valasztott{background:var(--ua);color:#fff}
.ua-szavazo-eredmeny{min-height:24px;margin:4px 0 12px;font-weight:700;color:var(--ua-sotet)}
.ua-labjegy{margin:30px 0 0;text-align:center;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--halk)}
.ua-pdf-doboz{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin:18px 0;padding:20px 24px;border-left:6px solid var(--ua)}
.ua-pdf-cim{margin:0;font-weight:800;font-size:18px;color:var(--ua-sotet);display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ua-pdf-ikon{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;border-radius:6px;background:var(--ua);color:#fff;font-size:12px;letter-spacing:.06em}
.ua-pdf-doboz .ua-gombsor{margin:0}
.ua-mind-sav{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:22px 0 12px}
details.ua-pont{margin:0 0 10px;background:#fff;border-radius:16px;box-shadow:0 1px 2px rgba(27,43,42,.06),0 6px 18px rgba(27,43,42,.05);scroll-margin-top:calc(var(--fej-magas, 120px) + 12px)}
details.ua-pont>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 18px;border-radius:16px}
details.ua-pont>summary::-webkit-details-marker{display:none}
details.ua-pont>summary::before{content:"▸";flex:none;width:20px;font-size:20px;line-height:1;color:var(--ua)}
details.ua-pont[open]>summary::before{content:"▾"}
details.ua-pont>summary:hover{background:var(--ua-halvany)}
details.ua-pont[open]>summary{border-bottom:1px solid var(--ua-vonal);border-radius:16px 16px 0 0}
.ua-pont-cim{margin:0!important;font-size:19px!important;line-height:1.35}
.ua-pont-belso{padding:16px 22px 10px 50px}
.ua-szavaz-sor{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0 6px}
.ua-pont-szoveg{padding:12px 16px;border-left:4px solid var(--ua);background:var(--ua-halvany);border-radius:0 12px 12px 0;font-weight:600}
.ua-magyarazat-cim{margin:18px 0 8px;font-size:13px;font-weight:800;letter-spacing:.14em;color:var(--ua)}
.ua-vissza-tj{margin:8px 0 4px;font-size:15px}
.ua-vissza-tj a{font-weight:700;color:var(--ua-sotet)}
.ua-tartalomjegyzek{margin:24px 0;padding:22px 24px;background:#fff;border-radius:20px;box-shadow:0 1px 2px rgba(27,43,42,.06),0 8px 24px rgba(27,43,42,.06);scroll-margin-top:calc(var(--fej-magas, 120px) + 12px)}
.ua-tartalomjegyzek ol{list-style:none;margin:0;padding:0;columns:2 320px;column-gap:28px}
.ua-tartalomjegyzek li{break-inside:avoid;margin:0 0 4px}
.ua-tartalomjegyzek a{display:block;padding:7px 10px;border-radius:10px;color:var(--tinta)}
.ua-tartalomjegyzek a:hover{background:var(--ua-halvany)}
.ua-tj-szam{display:inline-block;min-width:76px;font-weight:800;color:var(--ua)}
.ua-elv{padding:10px 14px;margin:0 0 8px;background:#fff;border-radius:12px;border-left:4px solid var(--ua-vonal)}
.ua-zaro-cim{margin:6px 0 0;text-align:center;font-family:'Fraunces',serif;font-size:26px;font-weight:600;color:var(--ua-sotet)}
.ua-alairas{text-align:center;font-style:italic;color:var(--halk)}
.ua-nagyithato{cursor:zoom-in}
.ua-lapozo{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;max-width:1040px;margin:36px auto 0;padding-top:20px;border-top:1px solid var(--vonal)}
.ua-lapozo .gomb{flex-direction:column;align-items:flex-start;min-height:60px;padding:8px 22px;border-radius:18px;border-color:var(--ua);color:var(--ua-sotet);text-align:left}
.ua-lapozo .gomb span{font-size:13px;font-weight:600;color:var(--halk)}
.ua-lapozo .ua-lapozo-kov{align-items:flex-end;text-align:right;margin-left:auto}
.ua-lapozo .gomb:hover{background:var(--ua-halvany)}
@media (max-width:760px){
  .ua-marka{font-size:17px}
  details.ua-minden>summary{padding:0 12px;font-size:14px}
  .ua-sav-fej .info{display:none}
  .ua-tartalom h1{font-size:32px}
  .ua-tartalom h2{font-size:25px}
  .ua-tartalom h3{font-size:20px}
  .ua-hos{padding:20px 18px;border-radius:20px}
  .ua-hos-racs,.ua-ket-oszlop,.ua-kartya-szeles{grid-template-columns:1fr}
  .ua-hos-sotet{min-height:360px}
  .ua-kartya-szeles .ua-kartya-kep{margin:-20px -20px 8px;border-radius:20px 20px 0 0;height:auto}
  .ua-kartya-szeles .ua-kartya-kep img{aspect-ratio:3/2}
  .ua-doboz{padding:20px 18px}
  .ua-doboz>.gomb,.ua-doboz>a.gomb{flex:1 1 100%}
  .ua-tartalom blockquote{font-size:18px}
  .ua-fejezet-lista{grid-template-columns:1fr}
  .ua-pont-belso{padding:14px 16px 8px}
  details.ua-pont>summary{padding:10px 12px}
  .ua-pont-cim{font-size:17px!important}
  .ua-lapozo .gomb{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){.ua-kartya,a.ua-borito{transition:none}}
@media print{.ua-sav,.ua-lapozo,.ua-mind-sav,.ua-ugro{display:none!important}details.ua-pont>.ua-pont-belso{display:block}.ua-hos-sotet{background:#fff;color:#000}}
/* Atjaro a kozosseg oldalai kozott (kinezet.php atjaro_sav): konyv-kepek a lap legtetejen, az elso mindig az, ahol vagyunk */
.atjaro-sav{background:linear-gradient(#f4f1ea,#ece7dc);border-bottom:1px solid var(--vonal)}
/* 2026-10-14: görgetősáv nélkül, telefonon is mindhárom könyv kifér: a könyvek arányosan zsugorodnak (a kép szélessége a hely szerint, a magassága ehhez igazodik) */
.atjaro-sor{display:flex;align-items:center;justify-content:center;gap:clamp(6px,2.5vw,18px);max-width:1180px;margin:0 auto;padding:6px 12px;overflow:hidden}
.atjaro-konyv{position:relative;flex:0 1 auto;min-width:0;display:block;border-radius:8px;padding:2px 3px;transition:transform .15s}
.atjaro-konyv img{display:block;width:auto;height:auto;max-width:100%;max-height:54px;filter:drop-shadow(0 2px 3px rgba(27,43,42,.25))}
.atjaro-konyv:hover,.atjaro-konyv:focus-visible{transform:translateY(-2px)}
.atjaro-most{background:#fff;box-shadow:0 0 0 2px var(--zold)}
.atjaro-most img{max-height:46px}
.atjaro-itt{position:absolute;right:-4px;top:-6px;padding:0 6px;border-radius:999px;background:var(--zold);color:#fff;font-size:11px;font-weight:800;line-height:16px}
@media (max-width:650px){.atjaro-sor{padding:4px 8px}.atjaro-konyv img{max-height:44px}.atjaro-most img{max-height:38px}}
@media print{.atjaro-sav{display:none}}
/* ==== Megjelenés rendbetétele (2026-10-14): térközök, telefonos elrendezés, gombok, GYIK ==== */
/* kisebb gomb: valóban kisebb (de legalább 44 px magas, kényelmesen koppintható) */
.gomb-kicsi{padding:0 16px;font-size:15px}
/* „✎ Oldal szerkesztése” (kezelőknek): szerény, jobbra igazított sor, nem óriási gomb */
.szerk-sor{display:flex;justify-content:flex-end;margin:-6px 0 14px}
.szerk-sor .gomb{min-height:44px;padding:0 14px;font-size:14px;border-width:1.5px}
/* lebegő „✎ Szerkesztés” gomb: asztalon felirattal, telefonon kis kerek gomb a bal alsó sarokban */
.szerk-lebego-jel{font-size:1.05em;line-height:1}
@media (max-width:700px){
  .szerk-lebego{left:auto;right:12px;bottom:58px;width:44px;height:44px;min-height:44px;padding:0;justify-content:center;font-size:18px;background:rgba(255,255,255,.88);color:var(--zold-sotet);border:2px solid var(--zold);box-shadow:0 3px 10px rgba(27,43,42,.18)}
  .szerk-lebego:hover,.szerk-lebego:focus-visible{background:var(--zold);color:#fff}
  body:has(.muvelet-sav) .szerk-lebego{bottom:184px}
  .szerk-lebego-szoveg{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .szerk-lebego:has(.szerk-lebego-jel) .szerk-lebego-szoveg{position:absolute}
  .szerk-lebego:not(:has(.szerk-lebego-jel)){width:auto;padding:0 14px;font-size:14px}
  .szerk-lebego:not(:has(.szerk-lebego-jel)) .szerk-lebego-szoveg{position:static;width:auto;height:auto;clip:auto}
}
/* morzsamenü: telefonon kisebb felső térköz */
@media (max-width:600px){
  .morzsa-sor{margin:18px 0 14px;gap:10px}
  .morzsa{font-size:14px}
  .morzsa-sor>.gomb,.morzsa-also-gombok>.gomb{min-height:44px;padding:0 14px;font-size:14px}
  .panel{padding:18px 16px;border-radius:16px}
  .cim-nagy{font-size:30px;margin-bottom:18px}
  .fulek{gap:6px}
  .ful{padding:0 16px;font-size:16px;min-height:44px}
  .uzenet,.megerosit{padding:14px 16px;border-radius:14px}
  .szakasz{padding:44px 0 52px}
  .szakasz-fej h2{font-size:28px}
  .hero-sor{padding-top:40px;padding-bottom:44px;gap:28px}
  .gomb{padding:0 18px}
  .gomb-sor .gomb,.rendeles-gombok .gomb{flex:1 1 auto}
}
/* táblázatok: soha ne lógjanak ki a lapból */
.panel .tabla-doboz,.tabla-doboz{max-width:100%;-webkit-overflow-scrolling:touch}
.szoveg table,.oldal-tartalom table{display:block;max-width:100%;overflow-x:auto}

/* ---- Gyógyító táplálékok és Új Alkotmány saját sávja (2026-10-14, Győző: „olyan, mintha két fejléc lenne”):
   egyetlen vékony sor – balra a görgethető fülsor, a sor végén a „Minden oldal” lenyíló és a nyelvváltó.
   A nagy logó + cím nem ismétlődik (az oldalcím-sáv már kiírja), a fülsor görgetősávja rejtett, a szélén halványulás jelzi, hogy van még. ---- */
.gy-sav>.tarolo,.ua-sav>.tarolo{display:flex;align-items:center;gap:10px}
.gy-sav-fej,.ua-sav-fej{order:2;flex:none;flex-wrap:nowrap;gap:8px;padding:6px 0}
.gy-marka,.ua-marka{display:none}
.gy-sav-fej .info,.ua-sav-fej .info{margin-left:0}
.gy-nyelv{margin-left:0}
.gy-fulek,.ua-fulek{order:1;flex:1 1 auto;min-width:0;gap:6px;padding:6px 2px;scrollbar-width:none;scroll-padding-inline:24px}
.gy-fulek::-webkit-scrollbar,.ua-fulek::-webkit-scrollbar{display:none}
.gy-fulek.van-jobbra,.ua-fulek.van-jobbra{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent)}
.gy-fulek.van-balra,.ua-fulek.van-balra{-webkit-mask-image:linear-gradient(90deg,transparent,#000 36px);mask-image:linear-gradient(90deg,transparent,#000 36px)}
.gy-fulek.van-balra.van-jobbra,.ua-fulek.van-balra.van-jobbra{-webkit-mask-image:linear-gradient(90deg,transparent,#000 36px,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,transparent,#000 36px,#000 calc(100% - 36px),transparent)}
.gy-ful,.ua-ful{min-height:44px;padding:0 15px;font-size:15px}
details.gy-minden>summary,details.ua-minden>summary{min-height:44px;white-space:nowrap}
.gy-nyelv a{min-height:44px}
/* az Új Alkotmány oldal eleji ugrómenüje a tartalom része: halk „Ugrás:” linksor, nem újabb menü */
.ua-ugro{gap:2px 4px;align-items:center;margin:0 0 18px;font-size:15px}
.ua-ugro::before{content:"Ugrás:";margin-right:4px;font-weight:700;color:var(--halk)}
.ua-ugro a{min-height:44px;padding:0 8px;border-radius:8px;background:none;box-shadow:none;font-weight:700;color:var(--ua-sotet);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ua-vonal)}
.ua-ugro a:hover{box-shadow:none;background:var(--ua-halvany);text-decoration-color:var(--ua)}
@media (max-width:700px){
  .gy-sav>.tarolo,.ua-sav>.tarolo{gap:6px;padding-right:10px}
  .gy-sav-fej,.ua-sav-fej{gap:6px}
  .gy-sav-fej .info,.ua-sav-fej .info{display:none}
  /* telefonon a „☰ Minden oldal” csak ☰ jel (a felirat a felolvasónak megmarad), a nyelvváltó HU / EN */
  details.gy-minden>summary,details.ua-minden>summary{width:44px;padding:0;justify-content:center;font-size:0}
  details.gy-minden>summary::before,details.ua-minden>summary::before{content:"☰";font-size:19px}
  .gy-nyelv a{padding:0 10px;font-size:0}
  .gy-nyelv a::before{content:attr(hreflang);font-size:14px;text-transform:uppercase}
  .gy-ful,.ua-ful{padding:0 13px;font-size:14px}
  .ua-sav::before{height:3px}
  .gy-minden-panel,.ua-minden-panel{padding:12px 14px;max-height:calc(100vh - var(--fej-also, var(--fej-magas)) - 80px);max-height:calc(100dvh - var(--fej-also, var(--fej-magas)) - 80px)}
}
/* ---- GYIK (a „gyik” oldal details.gyik-block kérdései): témakör-kártyák, nagy kérdések, kereső, Mind kinyitom ---- */
.oldal-tartalom #h3-gyik{display:flex;flex-direction:column;gap:10px;margin-top:8px}
.oldal-tartalom main:has(#h3-gyik){font-size:inherit!important;line-height:1.6!important;box-shadow:none!important;border-radius:0!important}
.oldal-tartalom main:has(#h3-gyik)>aside{justify-content:center}
.oldal-tartalom main:has(#h3-gyik)>aside>p{display:none}
.oldal-tartalom main:has(#h3-gyik)>aside h1{margin:0;font-size:40px;color:var(--zold-sotet)}
.oldal-tartalom #h3-gyik>h3{margin:26px 0 4px!important;padding:14px 18px!important;border-radius:16px;background:var(--zold-halvany);border-left:6px solid var(--zold);font-size:23px;line-height:1.3;color:var(--zold-sotet);scroll-margin-top:calc(var(--fej-magas) + 12px)}
.oldal-tartalom #h3-gyik>h3:first-of-type{margin-top:8px!important}
.oldal-tartalom details.gyik-block{background:#fff;border:1.5px solid var(--vonal);border-radius:16px;box-shadow:0 1px 2px rgba(27,43,42,.05);transition:border-color .15s,box-shadow .15s}
.oldal-tartalom details.gyik-block:hover{border-color:#cfe5dc}
.oldal-tartalom details.gyik-block[open]{border-color:var(--zold);box-shadow:0 6px 20px rgba(27,43,42,.08)}
.oldal-tartalom details.gyik-block>summary{list-style:none;display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 18px;cursor:pointer;font-weight:700;font-size:18px;line-height:1.4;color:var(--tinta);border-radius:16px}
.oldal-tartalom details.gyik-block>summary::-webkit-details-marker{display:none}
.oldal-tartalom details.gyik-block>summary::before{content:"+";flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--zold-halvany);color:var(--zold-sotet);font-size:22px;font-weight:800;line-height:1}
.oldal-tartalom details.gyik-block[open]>summary::before{content:"−";background:var(--zold);color:#fff}
.oldal-tartalom details.gyik-block>summary:hover{background:#f7fbf9}
.oldal-tartalom details.gyik-block[open]>summary{border-radius:16px 16px 0 0;border-bottom:1px solid var(--vonal);color:var(--zold-sotet)}
.oldal-tartalom details.gyik-block>:not(summary){margin-left:60px;margin-right:22px}
.oldal-tartalom details.gyik-block>p,.oldal-tartalom details.gyik-block>ul,.oldal-tartalom details.gyik-block>ol{line-height:1.65;font-size:17px}
.oldal-tartalom details.gyik-block>summary+*{margin-top:16px}
.oldal-tartalom details.gyik-block .details-close-wrapper{margin:4px 0 0!important;padding:4px 0 12px!important;text-align:right!important}
.oldal-tartalom details.gyik-block .details-close-button{all:unset;display:inline-flex!important;align-items:center;gap:6px;min-height:44px;padding:0 16px!important;border-radius:999px;cursor:pointer;font-size:15px!important;font-weight:700;color:var(--zold-sotet);box-shadow:inset 0 0 0 1.5px var(--zold)}
.oldal-tartalom details.gyik-block .details-close-button:hover{background:var(--zold-halvany)}
.oldal-tartalom details.gyik-block .details-close-button:focus-visible{outline:3px solid var(--zold);outline-offset:2px}
.oldal-tartalom details.gyik-block .details-close-button::after{content:" Becsukom"}
.gyik-eszkoz{position:sticky;top:calc(var(--fej-magas) + 6px);z-index:15;display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 18px;padding:12px;border-radius:18px;background:rgba(255,255,255,.97);border:1.5px solid var(--vonal);box-shadow:0 6px 20px rgba(27,43,42,.08)}
.gyik-eszkoz .gyik-kereso{flex:1 1 260px;min-width:0;min-height:48px;font-size:17px}
.gyik-eszkoz .gyik-gombok{display:flex;gap:8px;flex-wrap:wrap}
.gyik-eszkoz .gyik-allapot{flex-basis:100%;margin:0;font-size:15px;color:var(--halk)}
.gyik-eszkoz .gyik-allapot:empty{display:none}
.gyik-temak{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px}
.gyik-temak a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--vonal);font-weight:600;font-size:15px;color:var(--zold-sotet)}
.gyik-temak a:hover{box-shadow:inset 0 0 0 2px var(--zold)}
.oldal-tartalom div#top{display:none}
.gyik-nincs{margin:12px 0;padding:16px 18px;border-radius:14px;background:var(--sarga-hatter);border:1.5px solid var(--sarga-keret);font-weight:600}
@media (max-width:600px){
  .oldal-tartalom main:has(#h3-gyik)>aside h1{font-size:32px}
  .oldal-tartalom #h3-gyik>h3{font-size:19px;padding:12px 14px!important}
  .oldal-tartalom details.gyik-block>summary{font-size:17px;padding:10px 12px;gap:10px}
  .oldal-tartalom details.gyik-block>summary::before{width:28px;height:28px;font-size:20px}
  .oldal-tartalom details.gyik-block>:not(summary){margin-left:14px;margin-right:14px}
  .oldal-tartalom details.gyik-block>p{font-size:16.5px}
  .gyik-eszkoz{position:static;padding:10px;gap:8px}
  .gyik-eszkoz .gyik-gombok{flex:1 1 100%}
  .gyik-eszkoz .gyik-gombok .gomb{flex:1 1 0}
  .gyik-temak{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
  .gyik-temak a{flex:none}
}
@media print{.gyik-eszkoz,.gyik-temak{display:none!important}.oldal-tartalom details.gyik-block{break-inside:avoid}}

/* ---- Fejléc asztalon (2026-10-14): mindig egy sorban marad; a kereső és a saját menü szükség szerint ikonra szűkül ---- */
@media (min-width:901px){
  .oldalfej-sor{flex-wrap:nowrap;gap:12px 16px}
  .logo{flex:none}
  .menudoboz{min-width:0;flex-wrap:nowrap;gap:10px;justify-content:flex-end}
  .fomenu{min-width:0;flex-wrap:nowrap;gap:2px}
  .fomenu>a,.fomenu-csoport>summary{white-space:nowrap}
  .fej-gombok{flex:none}
  .fej-gombok .gomb{white-space:nowrap}
  .kereso-terulet,.fej-ikonok{flex:none}
  .felh-nev{display:inline-flex;align-items:center;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media (min-width:901px) and (max-width:1399px){
  .kereso-terulet .kereso-gomb{width:44px;padding:0;justify-content:center}
  .kereso-terulet .kereso-gomb span{display:none}
  .felh-kredit{display:none}
}
@media (min-width:901px) and (max-width:1150px){
  .fomenu>a,.fomenu-csoport>summary{padding:10px 10px}
  .felh-menu .felh-nev{display:none}
  .felh-menu summary{width:44px;padding:0;justify-content:center}
}
@media (min-width:901px) and (max-width:1020px){
  .logo span{display:none}
}
/* a kereső panel mindig teljesen látsszon: asztalon a gomb alatt, jobbra igazítva, a képernyőn belül */
@media (min-width:901px){
  .kereso-panel{right:0;max-width:calc(100vw - 24px);max-height:calc(100vh - var(--fej-magas) - 24px);max-height:calc(100dvh - var(--fej-magas) - 24px)}
}
@media (max-width:900px){
  .kereso-panel{z-index:80;top:calc(var(--fej-also, var(--fej-magas)) + 6px);max-height:calc(100vh - var(--fej-also, var(--fej-magas)) - 20px);max-height:calc(100dvh - var(--fej-also, var(--fej-magas)) - 20px)}
}
.felolvaso-sav{top:calc(var(--fej-also, var(--fej-magas, 120px)) + 6px)
}
/* belépve a fejlécben több ikon van: a kereső ott mindig csak nagyító (a „Keresés” felirat a súgóban és a felolvasónak megmarad) */
@media (min-width:901px){
  .oldalfej-sor:has(.fej-ikonok) .kereso-terulet .kereso-gomb{width:44px;padding:0;justify-content:center}
  .oldalfej-sor:has(.fej-ikonok) .kereso-terulet .kereso-gomb span{display:none}
}
/* táblázat oldalra görgetése: árnyék jelzi, hogy oldalt van még (a fehér takarás görgetéskor elmozdul) */
.panel .tabla-doboz{background:linear-gradient(90deg,#fff 30%,rgba(255,255,255,0)) left/40px 100% no-repeat local,linear-gradient(270deg,#fff 30%,rgba(255,255,255,0)) right/40px 100% no-repeat local,radial-gradient(farthest-side at 0 50%,rgba(27,43,42,.18),transparent) left/14px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,rgba(27,43,42,.18),transparent) right/14px 100% no-repeat scroll}
@media (max-width:600px){
  .tabla th{padding:10px 8px;font-size:12px}
  .tabla td{padding:10px 8px;font-size:15px}
  /* a lap alján tapadó műveleti sáv: a gombok egymás mellett, ne foglaljon fél képernyőt */
  .muvelet-sav .gomb{flex:1 1 auto;min-height:44px;padding:0 12px;font-size:15px}
  .termek-kep.kep-hely{height:180px}
}
/* bevezető szöveg és az alatta lévő panel ne érjen össze */
.tarolo>p.tipp+.panel,.tarolo>p.tipp+details.panel,.tarolo>p.halk+.panel,.tarolo>p.halk+details.panel,.tarolo>p+.panel,.tarolo>p+details.panel{margin-top:18px}
.tarolo>.panel+.panel,.tarolo>details.panel+details.panel,.tarolo>.panel+details.panel,.tarolo>details.panel+.panel{margin-top:18px}
.gyik-temak{margin-top:14px}
/* kevés találatnál (pl. 1 ajánlat) a kártya ne nyúljon a teljes szélességre */
.kartya-racs{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
/* 2026-10-16: keskeny képernyőn (320 px alatt) a kártya ne lógjon ki a panelből: legfeljebb a rács szélessége */
.kartya-racs{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}
.racs{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}
/* hosszú szöveges oldalak: kényelmesebb sorhossz (nem fut ki a teljes szélességre) */
.tarolo>article.oldal-tartalom:not(.gy-tartalom):not(.ua-tartalom){max-width:980px;margin-left:auto;margin-right:auto}
@media (max-width:600px){body:has(.muvelet-sav) .fel-gomb{bottom:136px}}
.gy-minden-panel,.ua-minden-panel{max-height:calc(100vh - var(--fej-also, var(--fej-magas)) - 80px)}
/* kezdőlap: „Oldalaink” kártyák (Gyógyító táplálékok, Új Alkotmány) */
.testver-szakasz{padding-top:8px}
.testver-racs{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:980px;margin:0 auto}
.testver-kartya{display:flex;flex-direction:column}
.testver-kartya:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(27,43,42,.08),0 16px 36px rgba(27,43,42,.14)}
.testver-kep{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--zold-halvany)}
.testver-kep img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.testver-kartya:hover .testver-kep img{transform:scale(1.04)}
.testver-torzs{display:flex;flex-direction:column;gap:10px;flex:1;padding:18px 22px 22px}
.testver-torzs h3{margin:0;font-size:24px;line-height:1.25}
.testver-torzs h3 a{color:inherit;text-decoration:none}
.testver-torzs h3 a:hover{color:var(--zold-sotet)}
.testver-torzs p{margin:0}
.testver-linkek{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto!important;padding-top:4px}
@media (max-width:600px){.testver-racs{grid-template-columns:1fr;gap:16px}.testver-torzs{padding:14px 16px 18px}.testver-torzs h3{font-size:20px}}
@media (prefers-reduced-motion:reduce){.testver-kartya,.testver-kep img{transition:none}.testver-kartya:hover,.testver-kartya:hover .testver-kep img{transform:none}}

/* ---- Kártyás táblázat telefonon (2026-10-14): a js/lk.js minden legalább 4 oszlopos .tabla-ra
   ráteszi a .tabla-kartyanezet osztályt és a cellákra a data-cimke feliratot. 700 px alatt soronként
   egy kártya: balra a fejléc felirata, jobbra az érték; az űrlapmező teljes szélességű, a gombok a kártya alján.
   Kizárás: .tabla-marad. Csak képernyőn – nyomtatáskor táblázat marad. ---- */
fieldset{min-width:0}
@media screen and (max-width:700px){
  .tabla-doboz.kartyas-doboz{overflow:visible;background:none!important;border:0!important;border-radius:0!important;max-width:100%}
  table.tabla.tabla-kartyanezet{display:block;width:100%;min-width:0!important;max-width:100%;font-size:15px;border:0}
  table.tabla.tabla-kartyanezet>tbody,table.tabla.tabla-kartyanezet>tfoot{display:block;width:100%}
  table.tabla.tabla-kartyanezet>thead{display:none}
  /* kattintható fejléc (rendezés, „mind kijelölése”): kis gombsor a kártyák fölött */
  table.tabla.tabla-kartyanezet>thead.kartya-fej-van{display:block;margin:0 0 10px}
  table.tabla.tabla-kartyanezet>thead.kartya-fej-van>tr{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
  table.tabla.tabla-kartyanezet>thead.kartya-rendez>tr::before{content:"Rendezés:";font-size:14px;font-weight:700;color:var(--halk)}
  table.tabla.tabla-kartyanezet>thead>tr>th{display:none}
  table.tabla.tabla-kartyanezet>thead>tr>th.kartya-fej-marad{display:inline-flex;align-items:center;gap:4px;width:auto!important;min-width:0!important;max-width:100%;min-height:44px;padding:0 12px!important;border:1.5px solid var(--vonal)!important;border-radius:999px;background:#fff;position:static!important;box-shadow:none!important;text-transform:none;letter-spacing:0;font-size:14px;white-space:normal!important}
  table.tabla.tabla-kartyanezet>thead>tr>th.kartya-fej-marad a{display:inline-flex;align-items:center;min-height:42px}
  table.tabla.tabla-kartyanezet>thead>tr>th.kartya-fej-jelolo{order:-1;padding:0 12px 0 0!important}
  table.tabla.tabla-kartyanezet>thead>tr>th.kartya-fej-jelolo label{width:auto;min-height:42px;padding-left:10px}
  table.tabla.tabla-kartyanezet>thead>tr>th.kartya-fej-jelolo::after{content:attr(data-cimke);font-weight:700;color:var(--tinta)}
  /* egy sor = egy kártya */
  table.tabla.tabla-kartyanezet>tbody>tr{display:flex;flex-direction:column;width:100%;margin:0 0 12px;padding:4px 14px 10px;border:1px solid var(--vonal);border-radius:14px;background:#fff;box-shadow:0 2px 8px rgba(27,43,42,.05)}
  table.tabla.tabla-kartyanezet>tbody>tr[hidden]{display:none}
  table.tabla.tabla-kartyanezet>tbody>tr:hover>td{background:transparent}
  table.tabla.tabla-kartyanezet>tbody>tr.kiemelt-sor,table.tabla.tabla-kartyanezet>tbody>tr.kt-kijelolt{background:var(--zold-halvany);border-color:var(--zold)}
  table.tabla.tabla-kartyanezet>tbody>tr.kt-passziv,table.tabla.tabla-kartyanezet>tbody>tr.kt-torolt{background:#faf8f4}
  table.tabla.tabla-kartyanezet>tbody>tr>:is(td,th){display:flow-root;width:auto!important;min-width:0!important;max-width:none!important;padding:8px 0!important;border:0!important;border-bottom:1px solid #f0ece3!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere;position:static!important;left:auto!important;box-shadow:none!important;background:transparent;font-size:15px;vertical-align:top}
  table.tabla.tabla-kartyanezet>tbody>tr>:is(td,th):last-child{border-bottom:0!important}
  table.tabla.tabla-kartyanezet>tbody>tr>:is(td,th):empty,table.tabla.tabla-kartyanezet>tbody>tr>:is(td,th)[hidden]{display:none}
  /* a fejléc felirata a cella előtt (balra, halkan) */
  table.tabla.tabla-kartyanezet>tbody>tr>:is(td,th)[data-cimke]:not([data-cimke=""]){padding-left:8.5rem!important}
  table.tabla.tabla-kartyanezet>tbody>tr>:is(td,th)[data-cimke]:not([data-cimke=""])::before{content:attr(data-cimke);float:left;width:8rem;margin-left:-8.5rem;padding-top:1px;font-size:13px;line-height:1.35;font-weight:700;color:var(--halk);overflow-wrap:break-word}
  /* űrlapmező a cellában: a felirat fölötte, a mező teljes szélességű */
  table.tabla.tabla-kartyanezet>tbody>tr>td.kartya-mezo{padding-left:0!important}
  table.tabla.tabla-kartyanezet>tbody>tr>td.kartya-mezo::before{float:none!important;display:block;width:auto!important;margin:0 0 6px!important}
  table.tabla.tabla-kartyanezet>tbody>tr>td.kartya-mezo :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),select,textarea){width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box}
  table.tabla.tabla-kartyanezet>tbody>tr>td.kartya-mezo :is(form,.mezo-sor,.ido-sor){max-width:100%}
  table.tabla.tabla-kartyanezet>tbody>tr>td.kartya-mezo :is(.gomb,button:not(.info)){max-width:100%;white-space:normal}
  /* a csak gombokat tartalmazó cella: a kártya alján, kényelmesen nyomható gombokkal */
  table.tabla.tabla-kartyanezet>tbody>tr>td.kartya-gombok{order:99;display:flex!important;flex-wrap:wrap;gap:8px;align-items:stretch;padding:12px 0 4px!important;margin-top:2px;border-top:1px solid var(--vonal)!important;border-bottom:0!important}
  table.tabla.tabla-kartyanezet>tbody>tr>td.kartya-gombok::before{display:none}
  table.tabla.tabla-kartyanezet>tbody>tr>td.kartya-gombok :is(form,div,span:not(.cimke)){display:contents!important}
  table.tabla.tabla-kartyanezet>tbody>tr>td.kartya-gombok :is(.gomb,.kt-gomb,.ikon-gomb,button:not(.info),input[type=submit],input[type=button]){flex:1 1 auto;min-width:44px;min-height:44px;margin:0!important;justify-content:center;white-space:normal!important;text-align:center}
  table.tabla.tabla-kartyanezet>tbody>tr>td.kartya-gombok .ikon-gomb{flex:0 0 44px;width:44px;height:44px}
  /* egyetlen cellás sor (pl. csoportnév): köztes cím a kártyák között */
  table.tabla.tabla-kartyanezet>tbody>tr.kartya-cimsor{padding:6px 2px;margin:16px 0 8px;border:0;border-radius:0;background:none;box-shadow:none}
  table.tabla.tabla-kartyanezet>tbody>tr.kartya-cimsor>:is(td,th){padding:0!important;font-size:16px;font-weight:800;color:var(--tinta);background:none!important}
  /* folytató sor (pl. a rendelés tételei): az előző kártya alsó része */
  table.tabla.tabla-kartyanezet>tbody>tr:has(+tr.kartya-folytatas){margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-style:dashed}
  table.tabla.tabla-kartyanezet>tbody>tr.kartya-folytatas{border-top:0;border-top-left-radius:0;border-top-right-radius:0;padding-top:0}
  /* a cellák tartalma se lógjon ki */
  table.tabla.tabla-kartyanezet :is(img,video){max-width:100%;height:auto}
  table.tabla.tabla-kartyanezet .kt-ar-doboz{max-width:100%;justify-content:flex-start}
  table.tabla.tabla-kartyanezet .kt-ar-cim,table.tabla.tabla-kartyanezet .kt-ar-hiba{text-align:left}
  table.tabla.tabla-kartyanezet .kt-sor-jel{justify-content:flex-start;width:auto}
}

/* lapon belüli megerősítő ablak (js/lk.js, form[data-megerosit]) */
.megerosit-ablak{border:0;border-radius:18px;padding:24px 22px 18px;max-width:min(440px,calc(100vw - 32px));box-shadow:0 18px 50px rgba(0,0,0,.28);background:var(--feher,#fff);color:inherit}
.megerosit-ablak::backdrop{background:rgba(20,30,25,.45)}
.megerosit-ablak p{margin:0 0 18px;font-size:1.05rem;line-height:1.5}
.megerosit-gombok{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.megerosit-gombok .gomb{min-height:44px;min-width:96px}
/* a lenyíló saját menü tetején: ki van belépve */
.felh-belepve{margin:0;padding:8px 14px 6px;font-size:.92rem;line-height:1.35;overflow-wrap:anywhere}
/* tagszám: mindig látszik a kis alak alatt, és nagyban a lenyíló menü tetején (2026-10-15, Győző kérése) */
.felh-tagszam-kicsi{position:absolute;left:50%;bottom:-9px;transform:translateX(-50%);padding:0 6px;border-radius:999px;background:#c62828;color:#fff;font-size:11px;font-weight:800;line-height:16px;letter-spacing:.3px;white-space:nowrap;box-shadow:0 0 0 2px #fff;pointer-events:none;z-index:2}
.lenyilo a.felh-tagszam-doboz{display:flex;flex-direction:column;align-items:center;gap:2px;box-sizing:border-box;width:auto;max-width:calc(100% - 24px);margin:4px 12px 8px;padding:10px 12px;border:2px solid #c62828;border-radius:14px;background:#fff5f5;text-align:center;text-decoration:none;color:#7f1d1d}
.lenyilo a.felh-tagszam-doboz:hover,.lenyilo a.felh-tagszam-doboz:focus-visible{background:#ffe9e9}
.felh-tagszam-cim{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.felh-tagszam-nagy{font-size:2.1rem;font-weight:900;line-height:1.1;color:#c62828;letter-spacing:1px}
.felh-tagszam-megj{font-size:.78rem;font-weight:700;line-height:1.3}

/* ==== 2026-10-15: felolvasó ikonok, hamburger ✕, szövegdobozok, könyvsor-feliratok ==== */
/* Felolvasó mód (js/felolvasas.js, #16): a címsorok végén kis hangszóró ikon, a megosztó gomb stílusában */
.lk-felolvas-ikon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:30px;height:30px;margin:0 0 0 .45em;padding:0;vertical-align:middle;border-radius:50%;border:1.5px solid #b9b3a4;background:rgba(255,255,255,.6);color:var(--halk);font:inherit;font-size:16px;line-height:1;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.lk-felolvas-ikon svg{display:block;width:16px;height:16px;pointer-events:none}
.lk-felolvas-ikon:hover,.lk-felolvas-ikon:focus-visible{background:var(--zold-halvany);color:var(--zold-sotet);border-color:var(--zold)}
.lk-felolvas-ikon-aktiv{background:var(--zold-halvany);color:var(--zold-sotet);border-color:var(--zold);box-shadow:0 0 0 3px rgba(26,125,101,.18)}
.lk-felolvas-ikon-uj{animation:lkIkonJelez 1.2s ease-in-out 2}
@keyframes lkIkonJelez{0%,100%{box-shadow:0 0 0 0 rgba(26,125,101,0)}50%{box-shadow:0 0 0 6px rgba(26,125,101,.28)}}
.oldalcim-sor .lk-felolvas-ikon-lap{width:32px;height:32px;margin:0 auto 0 6px}
summary .lk-felolvas-ikon{margin-left:.6em}
@media (max-width:600px){.lk-felolvas-ikon{width:28px;height:28px}.oldalcim-sor .lk-felolvas-ikon-lap{width:30px;height:30px}}
@media (prefers-reduced-motion:reduce){.lk-felolvas-ikon-uj{animation:none;border-color:var(--zold)}}
@media print{.lk-felolvas-ikon{display:none!important}}

/* Telefonon a nyitott menü: a hamburger helyén jól látható ✕ (bezárás) */
@media (max-width:900px){
  .menu-kapcsolo:checked + .hamburger{background:var(--zold);color:#fff}
  .menu-kapcsolo:checked + .hamburger svg{display:none}
  .menu-kapcsolo:checked + .hamburger::before{content:"✕";font-size:24px;font-weight:800;line-height:1}
}

/* Szövegdobozok: legalább kb. 6 sor, függőlegesen húzható, hosszabb szövegnél oldalt görgethető (#16) */
textarea{resize:vertical;overflow-y:auto}
textarea.mezo{min-height:max(160px,10.5em);max-height:none}
textarea.mezo:not([style*="height"]){max-height:60vh}

/* Könyvsor: minden könyv alatt rövid felirat (telefonon a kis képen nem olvasható a cím) */
.atjaro-konyv{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:44px;padding:3px 4px;text-decoration:none;color:inherit}
.atjaro-konyv img{max-height:44px}
.atjaro-felirat{display:block;max-width:100%;font-size:12px;font-weight:700;line-height:1.2;color:#33433f;text-align:center;white-space:normal}
.atjaro-konyv:hover .atjaro-felirat,.atjaro-konyv:focus-visible .atjaro-felirat{color:var(--zold-sotet);text-decoration:underline}
@media (max-width:650px){
  .atjaro-sor{gap:6px;padding:4px 6px;align-items:stretch}
  .atjaro-konyv{flex:1 1 0;max-width:160px}
  .atjaro-konyv img{max-height:36px}
}

/* Átnézés 2026-10-15: telefonon nagyobb érintési felület a kis linkeknek (morzsa, lábléc, testvéroldalak) és a képváltó pöttyeinek */
@media (max-width:760px){
  .morzsa a,.oldallab-linkek a,.testver-oldalak a,.af-lab-linkek>a{display:inline-block;padding:7px 0}
  .oldallab-linkek{gap:2px 22px}
  .kepvalto-pont{position:relative}
  .kepvalto-pont::after{content:"";position:absolute;inset:-14px -4px}
}
/* ---- 🪪 Tagellenőrzés (2026-10-15): gomb az oldalcím-sávban, lenyíló panel; /tagellenorzes/ oldal; tagkártya az Adataimban ---- */
.tagell-terulet{position:relative;display:inline-flex}
/* a sáv három része: oldalnév (bal) · Tagellenőrzés (közép) · gombok (jobb); a két szél egyforma széles, így a gomb középen van */
.oldalcim-sor.oldalcim-kozep{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);justify-content:normal}
.oldalcim-kozep>.oldalcim{justify-self:start;max-width:100%}
.oldalcim-kozep>.oldalcim-gombok{justify-self:end}
.tagell-gomb{height:34px;border-radius:999px;border:1.5px solid var(--zold);background:#fff;color:var(--zold-sotet);font:inherit;font-weight:700;font-size:14px;line-height:1;cursor:pointer;padding:0 14px 0 11px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.tagell-felirat-rovid{display:none}
.tagell-gomb:hover,.tagell-gomb:focus-visible,.tagell-gomb[aria-expanded="true"]{background:var(--zold-halvany)}
.tagell-panel{left:50%;right:auto;transform:translateX(-50%)}
.tagell-jel{display:inline-block;vertical-align:-.2em;flex-shrink:0}
.tagell-panel{position:fixed;top:calc(var(--fej-magas,120px) + 4px);width:min(400px,calc(100vw - 32px));max-height:calc(100vh - var(--fej-magas,120px) - 16px);overflow:auto;overscroll-behavior:contain;background:#fff;border-radius:16px;box-shadow:0 12px 36px rgba(27,43,42,.22);padding:14px 16px 12px;z-index:56;text-align:left;font-size:15px}
.tagell-panel-fej{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}
.tagell-cim{margin:0;font-weight:800;color:var(--zold-sotet);font-size:17px}
.tagell-x{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--vonal);background:#fff;font-size:17px;cursor:pointer;flex-shrink:0}
.tagell-x:hover,.tagell-x:focus-visible{background:var(--zold-halvany)}
.tagell-bevezeto{margin:0 0 8px;color:var(--halk);font-size:14px}
.tagell-sugo{border:1.5px solid var(--vonal);border-radius:12px;padding:6px 10px;margin:0 0 10px;font-size:14px;background:#fbfaf6}
.tagell-sugo summary{cursor:pointer;font-weight:700;color:var(--zold-sotet)}
.tagell-sugo p,.tagell-sugo ol{margin:6px 0}
.tagell-sugo ol{padding-left:20px}
.tagell-fulek{display:flex;gap:6px;margin:0 0 10px;flex-wrap:wrap}
.tagell-fulek[hidden]{display:none}
.tagell-ful{flex:1 1 auto;min-height:38px;padding:0 10px;border-radius:10px;border:1.5px solid var(--zold);background:#fff;color:var(--zold-sotet);font:inherit;font-weight:700;font-size:14px;cursor:pointer}
.tagell-ful[aria-selected="true"]{background:var(--zold);color:#fff}
.tagell-resz{margin:0 0 6px}
.tagell-resz[hidden]{display:none}
.tagell-resz-cim{margin:4px 0 6px;font-size:15px;color:var(--zold-sotet)}
.tagell-fulek:not([hidden]) ~ .tagell-resz .tagell-resz-cim{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tagell-urlap{display:grid;gap:6px}
.tagell-lead{margin:0 0 8px;font-size:14px;line-height:1.45}
.tagell-sugo ul{margin:4px 0;padding-left:20px}
.tagell-ki{display:inline-block;margin-left:4px;padding:1px 8px;border-radius:999px;font-size:12px;font-weight:700;font-style:normal;vertical-align:1px;white-space:nowrap}
.tagell-ki-te{background:#e7f1ea;color:var(--zold-sotet);border:1px solid var(--zold)}
.tagell-ki-tag{background:#fdf1dc;color:#7a4a00;border:1px solid #e0a43a}
.tagell-urlap .mezo-cim{margin-top:4px}
.tagell-urlap .gomb{margin-top:6px;justify-self:start}
.tagell-kod-mezo{font-size:22px;letter-spacing:.15em;font-weight:700}
.tagell-lepesek{margin:4px 0 8px;padding-left:20px}
.tagell-lepesek li{margin:3px 0}
.tagell-eredmeny:empty{display:none}
.tagell-er{display:flex;gap:10px;align-items:flex-start;border-radius:12px;padding:10px 12px;margin-top:8px;border:2px solid;line-height:1.4}
.tagell-er>div{display:grid;gap:3px}
.tagell-er-jel{font-size:24px;line-height:1}
.tagell-er-ok{background:var(--zold-halvany);border-color:var(--zold);color:#0f4a3b}
.tagell-er-figy{background:var(--sarga-hatter);border-color:var(--sarga-keret);color:var(--tinta)}
.tagell-er-nem{background:var(--piros-halvany);border-color:var(--piros);color:#8f0f2a}
.tagell-er-nev,.tagell-er-tipp{font-size:14px}
.tagell-also{margin:6px 0 0;text-align:right;font-size:14px}
.tagell-lap{max-width:620px}
.tagell-lap .tagell-eredmeny-nagy .tagell-er{font-size:19px;padding:16px}
.tagell-lap .tagell-eredmeny-nagy .tagell-er-jel{font-size:34px}
/* tagkártya (Adataim → Tagkártya) */
.tagkartya{max-width:440px;margin:0 auto;text-align:center;border:2px solid var(--zold);background:linear-gradient(180deg,var(--zold-halvany),#fff 45%)}
.tagkartya-fej{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800;color:var(--zold-sotet);letter-spacing:.04em;text-transform:uppercase;font-size:14px;margin-bottom:6px}
.tagkartya-nev{font-size:24px;font-weight:800;margin:4px 0 0}
.tagkartya-szam{margin:2px 0 8px;font-size:17px}
.tagkartya-kod{font-size:48px;font-weight:800;letter-spacing:.12em;margin:4px 0 0;color:#14201b;font-variant-numeric:tabular-nums}
.tagkartya-ido{margin:0 0 10px;color:var(--halk);font-size:14px}
.tagkartya-qr{width:min(240px,70vw);margin:0 auto;background:#fff;padding:6px;border-radius:12px;line-height:0}
.tagkartya-qr svg{width:100%;height:auto;display:block}
.tagkartya-allapot{margin:12px 0 4px;font-weight:800;font-size:17px}
.tagkartya-allapot.ok{color:var(--zold-sotet)}
.tagkartya-allapot.figy{color:#8a5a00}
.tagkartya-naplo{list-style:none;padding:0;margin:6px 0 0;font-size:14px;text-align:left}
.tagkartya-naplo li{border-top:1px solid var(--vonal);padding:5px 0}
@media (max-width:600px){
  .tagell-gomb{height:30px;font-size:13px;padding:0 10px 0 8px;gap:5px}
  .tagell-panel{transform:none}
  .tagell-panel{position:fixed;left:0;right:0;top:calc(var(--fej-magas,112px) + 2px);width:auto;max-height:calc(100vh - var(--fej-magas,112px) - 8px);border-radius:0 0 16px 16px;padding:12px 16px}
  .tagkartya-kod{font-size:40px}
}
@media (max-width:480px){.tagell-felirat-hosszu{display:none}.tagell-felirat-rovid{display:inline}.oldalcim-kozep{gap:6px}}
/* telefonon a tagellenőrzés gomb ugyanolyan kerek ikon, mint mellette a 🐞 és a megosztás (átlátszó háttérrel) – 2026-10-15 */
@media (max-width:480px){
  .tagell-gomb{width:30px;height:30px;padding:0;gap:0;justify-content:center;border-radius:50%;background:transparent;border:1.5px solid var(--zold)}
  .tagell-gomb .tagell-felirat-hosszu,.tagell-gomb .tagell-felirat-rovid{display:none}
  .tagell-gomb .tagell-jel{width:16px;height:16px}
}

/* ==== 2026-10-16: hibabejelentés #29 – felolvasó, diszlexiabarát betű, kínálat ==== */
/* Felolvasó ikonok: kisebbek, és a cím utolsó szavával egy sorban (js/felolvasas.js: .lk-felolvas-zar) */
.lk-felolvas-zar{white-space:nowrap}
.lk-felolvas-ikon{width:26px;height:26px;margin:-.3em 0 -.3em .35em;vertical-align:middle}
.lk-felolvas-ikon svg{width:14px;height:14px}
@media (max-width:600px){.lk-felolvas-ikon{width:24px;height:24px}}
/* a lap neve és a „lap elejétől” ikon egy dobozban: a sáv nem lesz kétsoros */
.oldalcim-bal{display:flex;align-items:center;gap:6px;min-width:0}
.oldalcim-bal>.oldalcim{flex:0 1 auto}
.oldalcim-kozep>.oldalcim-bal{justify-self:start;max-width:100%}
.oldalcim-sor .oldalcim-bal .lk-felolvas-ikon-lap{width:30px;height:30px;margin:0;flex:0 0 auto}
@media (max-width:600px){.oldalcim-sor .oldalcim-bal .lk-felolvas-ikon-lap{width:28px;height:28px}}
/* táblázatban és a kártyákon sosem jelenik meg (a régi, már kitett ikonok is rejtve) */
:is(table,.kartya,.kartya-tarto,.szuro-sav,.tv-lista) .lk-felolvas-ikon{display:none!important}
/* lebegő vezérlő: „✕ Felolvasó kikapcsolása” */
.felolvaso-sav-ki{font-size:13px;padding:0 10px}
@media (max-width:400px){.felolvaso-sav{gap:4px;padding-left:8px}.felolvaso-sav-gomb{padding:0 8px;font-size:12.5px}}
/* ==== 2026-10-16: Betűválasztó (Aa panel → „Betűtípus”; fonts/betuk.css, js/lk.js, html.betutipus-…) ====
   A választott betű az egész oldalra hat (címek, gombok, űrlapmezők is), az „i” súgógomb, a kód és a minták kivételével.
   Az emodzsik és ikonok maradnak: ezekben a betűkben nincsenek, így a böngésző a saját emodzsibetűjét használja.
   Erősebb, mint a „Könnyebb olvasás” (az a betűt nem, csak a sorközt adja hozzá). */
html.betutipus-od{--lk-betutipus:'OpenDyslexic',Verdana,Tahoma,Arial,sans-serif}
html.betutipus-lexend{--lk-betutipus:'Lexend',Verdana,Tahoma,Arial,sans-serif}
html.betutipus-atkinson{--lk-betutipus:'Atkinson Hyperlegible Next',Verdana,Tahoma,Arial,sans-serif}
html.betutipus-andika{--lk-betutipus:'Andika',Verdana,Tahoma,Arial,sans-serif}
:is(html.betutipus-od,html.betutipus-lexend,html.betutipus-atkinson,html.betutipus-andika) body,:is(html.betutipus-od,html.betutipus-lexend,html.betutipus-atkinson,html.betutipus-andika) body *:not(.info):not(.betu-minta):not(code):not(pre):not(kbd):not(samp){font-family:var(--lk-betutipus)!important}
/* a betűhöz illő köz: az OpenDyslexic eleve tágas (szóköze majdnem egy teljes betűnyi), ott nincs extra betűköz, a szóköz szűkebb */
html.betutipus-od body,html.betutipus-od body :is(h1,h2,h3,h4,h5,h6,p,li,dd,dt,td,th,a,span,label,button,input,select,textarea,summary,strong,em,b,i,small,blockquote,figcaption,legend,div){letter-spacing:normal;word-spacing:-.2em}
html.betutipus-od body :is(p,li,dd,td,.tipp,.info-doboz,blockquote){line-height:1.75!important}
html.betutipus-od body :is(button,input,select,textarea){line-height:1.3}
html.betutipus-od body :is(h1,h2,h3,h4,h5,h6){line-height:1.4} /* a magas ékezetek ne érjenek a fölötte lévő sorba */
html.betutipus-lexend body,html.betutipus-lexend body :is(h1,h2,h3,h4,h5,h6,p,li,dd,dt,td,th,a,span,label,button,input,select,textarea,summary,strong,em,b,i,small,blockquote,figcaption,legend,div){letter-spacing:.01em;word-spacing:.04em}
html.betutipus-atkinson body,html.betutipus-atkinson body :is(h1,h2,h3,h4,h5,h6,p,li,dd,dt,td,th,a,span,label,button,input,select,textarea,summary,strong,em,b,i,small,blockquote,figcaption,legend,div){letter-spacing:.02em;word-spacing:.06em}
html.betutipus-andika body,html.betutipus-andika body :is(h1,h2,h3,h4,h5,h6,p,li,dd,dt,td,th,a,span,label,button,input,select,textarea,summary,strong,em,b,i,small,blockquote,figcaption,legend,div){letter-spacing:.01em;word-spacing:.04em}
:is(html.betutipus-lexend,html.betutipus-atkinson,html.betutipus-andika) body :is(p,li,dd,td,.tipp,.info-doboz,blockquote){line-height:1.7!important}
/* a választó: minden lehetőség a saját betűjével, egy kattintás, billentyűzettel (nyilak) is */
.olvaso-betutipus{border:0;margin:0;padding:0;min-width:0;display:grid;gap:6px}
.olvaso-betutipus legend{padding:0;margin:0 0 6px}
.betu-opcio{display:flex;gap:10px;align-items:center;min-height:42px;padding:4px 10px;border:1.5px solid var(--vonal);border-radius:10px;background:#fff;cursor:pointer;font-size:16px;line-height:1.25}
.betu-opcio:hover{border-color:var(--zold)}
.betu-opcio:has(input:checked){border-color:var(--zold);background:var(--zold-halvany)}
.betu-opcio:focus-within{outline:2px solid var(--zold);outline-offset:2px}
.betu-opcio input{width:20px;height:20px;margin:0;flex:0 0 auto;accent-color:var(--zold)}
.betu-minta{letter-spacing:normal!important;word-spacing:normal!important;font-weight:500}
.betu-minta-alap{font-family:'Figtree',system-ui,sans-serif!important}
.betu-minta-od{font-family:'OpenDyslexic',Verdana,sans-serif!important;font-size:.9em;word-spacing:-.2em!important}
.betu-minta-lexend{font-family:'Lexend',Verdana,sans-serif!important}
.betu-minta-atkinson{font-family:'Atkinson Hyperlegible Next',Verdana,sans-serif!important}
.betu-minta-andika{font-family:'Andika',Verdana,sans-serif!important}
@media (max-width:600px){.olvaso-panel{max-height:calc(100vh - 90px);overflow-y:auto}}
.olvaso-kapcsolo input{flex:0 0 auto} /* nagyobb betűvel a kétsoros felirat se nyomja össze a pipát */
/* Kínálat: más körzetben kapható ajánlat visszafogott jelzése a kártyán */
.korzet-jel{margin:4px 0 0;font-size:13.5px;color:var(--halk)}
.korzet-ajanlo{margin:0 0 12px;padding:12px 14px;border:1.5px dashed var(--vonal);border-radius:12px;background:#fbfaf6}
.korzet-ajanlo p{margin:0 0 8px}
.korzet-ajanlo .gomb{margin:0 8px 0 0}
/* Jelzés a könyvsoron (2026-10-16, includes/konyvsor_jelzes.php): a könyv sarkában, mint a csengőn – piros = teendő, sárga = olvasatlan.
   A sáv overflow:hidden, ezért a jelvény a könyv dobozán belül marad (a sarokba simul, nem lóg ki, nem takarja a feliratot). */
.ksj-jelveny{position:absolute;top:-3px;right:-3px;z-index:1;min-width:20px;height:20px;padding:0 5px;border-radius:999px;font-size:12px;font-weight:800;line-height:20px;text-align:center;color:#fff;box-shadow:0 0 0 2px #fff;pointer-events:none}
.ksj-piros{background:#c4153a}
.ksj-sarga{background:#d99a00}
@media (max-width:650px){.ksj-jelveny{top:-2px;right:-2px;min-width:18px;height:18px;padding:0 4px;font-size:11px;line-height:18px}}
@media (forced-colors:active){.ksj-jelveny{border:1px solid CanvasText}}

/* Telefonos értesítés (2026-10-16): a saját menü gombja és az Adataim / Értesítéseim doboza (js/push.js) */
.lenyilo-gomb.push-menu-gomb{color:var(--zold-sotet)}
.push-panel .push-allapot{margin:0 0 10px;font-weight:600}
.push-panel .push-gombok{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 10px}
.push-panel .push-uzenet{margin:0 0 10px;padding:10px 12px;border-radius:10px;background:var(--zold-halvany);color:var(--zold-sotet)}
.push-panel .push-lepesek{margin:6px 0 0;padding-left:22px}
.push-panel .push-lepesek li{margin:4px 0}
.push-panel .push-sugo{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;margin-top:12px}
.push-panel .push-sugo>div{border:1px solid #e3e0d6;border-radius:12px;padding:12px 14px;background:#fff}
.push-panel .push-sugo h3{margin:0 0 6px;font-size:17px}
.push-panel .push-eszkozok{list-style:none;margin:8px 0 0;padding:0}
.push-panel .push-eszkozok li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid #eee}
.ertesites-push{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 14px}
/* telepített alkalmazás (teljes képernyő): vissza gomb a logó előtt – a böngészőben rejtve (2026-10-16) */
.app-vissza{display:none}
@media (display-mode: standalone),(display-mode: fullscreen){.app-vissza{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-right:6px;border-radius:50%;border:1.5px solid var(--zold);background:#fff;color:var(--zold-sotet);font-size:22px;font-weight:700;cursor:pointer;flex-shrink:0}}

/* Alkalmazásváltó (2026-10-16, a könyvsor helyett): pöttyös gomb a fejlécben, rányomva a négy könyv 2×2-es rácsban */
.appvalto{position:relative;display:inline-flex;align-items:center;flex-shrink:0}
.oldalfej-sor>.appvalto{order:2;flex:none}
@media (max-width:900px){.oldalfej-sor>.appvalto{order:0}}
.appvalto-gomb{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--zold-sotet,#1f5b3f);cursor:pointer}
.appvalto-gomb:hover,.appvalto-gomb:focus-visible,.appvalto-nyitva .appvalto-gomb{background:rgba(31,91,63,.10)}
.appvalto-gomb:focus-visible{outline:3px solid var(--zold,#2e8b57);outline-offset:2px}
.appvalto-gomb .ksj-jelveny{top:0;right:0}
.appvalto-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:1200;width:min(360px,calc(100vw - 24px));padding:12px;border-radius:16px;background:#fff;box-shadow:0 10px 32px rgba(27,43,42,.22),0 0 0 1px rgba(27,43,42,.08)}
.appvalto-panel[hidden]{display:none}
.appvalto-cim{margin:0 0 10px;font-size:15px;font-weight:800;color:#33433f;text-align:center}
.appvalto .atjaro-sav{background:none;border:0}
.appvalto .atjaro-sor{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:none;margin:0;padding:0;overflow:visible}
.appvalto .atjaro-konyv{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:96px;max-width:none;padding:10px 6px;border-radius:12px;background:#f6f3ea;text-decoration:none;color:inherit;transform:none}
.appvalto .atjaro-konyv:hover,.appvalto .atjaro-konyv:focus-visible{background:#ece7dc;transform:none}
.appvalto .atjaro-konyv img{max-height:52px;max-width:100%;width:auto;height:auto}
.appvalto .atjaro-felirat{font-size:13px}
.appvalto .atjaro-most{background:#fff;box-shadow:0 0 0 2px var(--zold,#2e8b57)}
.appvalto .atjaro-most img{max-height:52px}
.appvalto .atjaro-itt{top:6px;right:6px}
.appvalto .atjaro-konyv .ksj-jelveny{top:4px;right:4px}
.appvalto-lebego{position:fixed;top:8px;right:8px;z-index:1300;background:#fff;border-radius:50%;box-shadow:0 2px 10px rgba(27,43,42,.2)}
@media (max-width:650px){.appvalto-gomb{width:40px;height:40px}.appvalto-panel{position:fixed;left:12px;right:12px;top:64px;width:auto}}
@media print{.appvalto{display:none}}
@media (forced-colors:active){.appvalto-panel{border:1px solid CanvasText}}