/* GÉPPEL KÉSZÜLT a `_eszkozok/kulso-fejlec-css.py`-val, kézzel NE írd át.
   A külső fejléc szabályai (landing.css, arculat.css, uj-arculat.css, plakat.css, profil.css) a belső lapokra. */
/* ── landing.css ── */
.lp-fej{--lp-bg:        var(--m-fekete);   
  --lp-bg-2:      var(--m-sotet-sav);
  --lp-bg-3:      var(--m-sotet-doboz);
  --lp-kartya:    #10151f;
  --lp-kartya-2:  #161d2a;
  --lp-keret:     rgba(150,180,220,0.13);
  --lp-keret-2:   rgba(150,180,220,0.26);

  --lp-szoveg:    #f2f6fb;
  --lp-halvany:   #9db0c6;
  --lp-dim:       #6c7f96;

  --lime:         var(--m-lime);
  --lime-halk:    rgba(var(--m-lime-rgb),0.13);
  --lime-el:      rgba(var(--m-lime-rgb),0.42);
  --lime-sotet:   #06111d;
  --magenta:      var(--m-magenta);
  --magenta-halk: rgba(var(--m-magenta-rgb),0.13);
  --cyan:         #35e0ff;

  --lp-r:    4px;
  --lp-r-lg: 8px;
  --lp-r-xl: 14px;

  --lp-margo: clamp(18px, 5vw, 64px);
  
  --lp-max:   100%;
  --lp-fej:   64px;}
.lp-fej{position: sticky; top: 0; z-index: 50;
  background: var(--m-fekete-tiszta); /* 2026-10-07, a user: „a menü legyen teljesen fekete” */
  border-bottom: 1px solid var(--lp-keret);}
.lp-sav{height: var(--lp-fej); max-width: var(--lp-max); margin: 0 auto;
  padding: 0 var(--lp-margo); display: flex; align-items: center; gap: clamp(12px, 3vw, 32px);}
.lp-logo{font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: var(--t-5);
  letter-spacing: -0.03em; color: var(--lime); text-decoration: none; white-space: nowrap;
  text-shadow: 0 0 26px rgba(var(--m-lime-rgb),0.35);}
.lp-logo b{color: var(--magenta); font-weight: 800; text-shadow: 0 0 26px rgba(var(--m-magenta-rgb),0.4);}
.lp-logo-kicsi{font-size: var(--t-4);}
.lp-nav{display: flex; gap: clamp(10px, 2vw, 26px); margin-right: auto;}
.lp-nav a{color: var(--lp-halvany); text-decoration: none; font-size: var(--t-2); font-weight: 500;
  padding: 6px 2px; border-bottom: 2px solid transparent; transition: color .15s, border-color .15s;}
.lp-nav a:hover{color: var(--lp-szoveg); border-bottom-color: var(--lime);}
.lp-fej-jobb{display: flex; align-items: center; gap: 10px;}
/* 2026-10-24, a user: „ezt tedd fel a nyelvválasztó mellé, így ez a fekete sáv meg tud szűnni.” Belépve az Élő, az AI-keret és a Platform. */
.lp-fej-eszk{display: flex; align-items: center; gap: 8px; flex: 0 0 auto;}
.lp-zaszlok{display: inline-flex; align-items: center; gap: 2px; padding: 2px;
  border: 1px solid var(--lp-keret); border-radius: var(--lp-r-lg);}
.lp-zaszlok > a, .lp-zaszlok > span{display: inline-flex; align-items: center; justify-content: center;
  width: 40px; height: 34px; border-radius: var(--lp-r);}
.lp-zaszlok > a{opacity: .5; transition: opacity .15s ease, background .15s ease;}
.lp-zaszlok > a:hover, .lp-zaszlok > a:focus-visible{opacity: 1; background: rgba(var(--m-feher-rgb),0.06);}
.lp-zaszlok > a:focus-visible{outline: 2px solid var(--cyan); outline-offset: 1px;}
.lp-zaszlok > span[aria-current]{background: var(--lime-halk); box-shadow: inset 0 0 0 1px var(--lime-el);}
.lp-zaszlok .zaszlo{width: 24px; height: 16px; border-radius: 2px; display: block;}
.lp-mob-zaszlok{align-self: flex-start; margin: 2px 4px 8px;}
.lp-mob-lap .lp-mob-zaszlok > a{padding: 0; min-height: 44px; min-width: 48px;}
.lp-mob-lap .lp-mob-zaszlok > span{min-height: 44px; min-width: 48px;}
@media (max-width: 860px){
.lp-fej-zaszlok{display: none;}
}
.lp-link{color: var(--lp-halvany); text-decoration: none; font-size: var(--t-2); font-weight: 500; padding: 6px 4px;}
.lp-link:hover{color: var(--lp-szoveg);}
@media (max-width: 860px){
.lp-nav, .lp-link{display: none;}
.lp-sav{justify-content: space-between;}
.lp-logo{margin-right: auto;}
}
.lp-btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  font-family: 'IBM Plex Sans', sans-serif; font-size: var(--t-2); font-weight: 600;
  text-decoration: none; white-space: nowrap; cursor: pointer;
  padding: 11px 20px; border-radius: var(--lp-r-lg);
  transition: transform .14s ease, box-shadow .18s ease, background .15s ease, border-color .15s ease;}
.lp-btn{background: var(--lime); color: var(--lime-sotet); border: 1px solid var(--lime);
  box-shadow: 0 0 0 rgba(var(--m-lime-rgb),0), 0 8px 26px -12px rgba(var(--m-lime-rgb),0.7);}
.lp-btn:hover{background: var(--m-lime-vilagos); transform: translateY(-2px);
  box-shadow: 0 0 34px -6px rgba(var(--m-lime-rgb),0.55), 0 10px 30px -12px rgba(var(--m-lime-rgb),0.8);}
.lp-btn-nagy{font-size: var(--t-3); padding: 15px 28px;}
@media (prefers-reduced-motion: reduce){
.lp-btn:hover{transform: none;}
}
.lp-hero .lp-alcim + :is(.lp-btn, .lp-btn2, .vl-kesz, .lt-gombok, form){margin-top: 26px;}
.lp-auth-doboz .lp-btn{width: 100%; margin-top: 6px;}
.lp-link-urlap{margin-bottom: 20px;}
.lp-mob{display: none; position: relative;}
.lp-mob > summary{list-style: none; cursor: pointer; width: 44px; height: 44px;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px;
  border: 1px solid var(--lp-keret-2); border-radius: var(--lp-r);}
.lp-mob > summary::-webkit-details-marker{display: none;}
.lp-mob > summary span{display: block; width: 17px; height: 2px; background: var(--lp-szoveg);
  transition: transform .18s ease, opacity .18s ease;}
.lp-mob[open] > summary span:nth-child(1){transform: translateY(7px) rotate(45deg);}
.lp-mob[open] > summary span:nth-child(2){opacity: 0;}
.lp-mob[open] > summary span:nth-child(3){transform: translateY(-7px) rotate(-45deg);}
@media (prefers-reduced-motion: reduce){
.lp-mob > summary span{transition: none;}
}
.lp-mob-lap{position: absolute; right: 0; top: calc(100% + 10px); z-index: 60;
  min-width: 232px; display: flex; flex-direction: column;
  background: var(--m-fekete-tiszta); border: 1px solid var(--lp-keret-2);
  border-radius: var(--lp-r-lg); padding: 8px;
  box-shadow: 0 26px 60px -26px rgba(var(--m-fekete-tiszta-rgb),0.95);}
.lp-mob-lap a{color: var(--lp-halvany); text-decoration: none; font-size: var(--t-2); font-weight: 500;
  padding: 11px 13px; border-radius: var(--lp-r);}
.lp-mob-lap a:hover, .lp-mob-lap a[aria-current]{background: var(--lime-halk); color: var(--lime);}
@media (max-width: 860px){
.lp-mob{display: block;}
.lp-nav, .lp-link{display: none;}
}
@media (max-width: 460px){
.lp-fej-jobb .lp-btn{padding: 10px 13px; font-size: var(--t-2);}
}
.ar-kartya .lp-btn{width: 100%;}
@media (pointer: coarse){
.lp-btn{min-height: 44px;}
.lp-mob-lap a{min-height: 44px; display: flex; align-items: center;}
}
.vl-doboz .lp-btn{width: 100%;}
@media (max-width: 420px){
.lp-sav{gap: 8px;}
.lp-fej-jobb{gap: 6px;}
.lp-logo{font-size: 24px;}
.lp-fej .lp-btn{padding: 11px 13px;}
}
@media (max-width: 345px){
.lp-sav{gap: 6px;}
.lp-fej-jobb{gap: 4px;}
.lp-logo{font-size: 19px;}
.lp-fej .lp-btn{padding: 11px 8px;}
}
.vs-doboz .lp-btn{width: 100%;}
.vs-rejtett{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;}
.vs-csomag .lp-btn{width: 100%; white-space: normal; text-align: center;}
.ar-doboz .lp-btn{width: 100%;}
.lp-btn.lt-magenta{background: var(--magenta); border-color: var(--magenta); color: var(--lime-sotet);
  box-shadow: 0 8px 26px -12px rgba(var(--m-magenta-rgb),0.7);}
.lp-btn.lt-magenta:hover{background: var(--m-magenta-vilagos);
  box-shadow: 0 0 34px -6px rgba(var(--m-magenta-rgb),0.55), 0 10px 30px -12px rgba(var(--m-magenta-rgb),0.8);}
.lp-btn.lt-magenta:focus-visible{outline: 2px solid var(--cyan); outline-offset: 2px;}
@media (max-width: 520px){
.lt-gombok .lp-btn{width: 100%; white-space: normal;}
}
/* ── arculat.css ── */
.lp-fej{--t-0: 11.5px;   
  --t-1: 13px;     
  --t-2: 15px;     
  --t-3: 16.5px;   
  --t-4: 19px;     
  --t-5: 24px;     
  --t-6: 32px;}
.lp-fej{--lp-r:    10px;
  --lp-r-lg: 14px;
  --lp-r-xl: 18px;
  
  --r:       4px;
  --r-lg:    8px;
  --r-xl:    10px;

  
  --lp-dim: #aebfd2;

  
  --magenta-ink: var(--m-fekete);}
.lp-fej{--fs-body: 16px;          
  --fs-lapcim: clamp(26px, 1.2rem + 0.9vw, 34px);   
  --fs-h2: clamp(19px, 1rem + 0.3vw, 22px);         
  --fs-h3: 17.5px;}
.lp-fej{--font-fo:  'Plus Jakarta Sans', 'Bricolage Grotesque', system-ui, sans-serif;
  --font-szo: 'Inter', 'IBM Plex Sans', system-ui, sans-serif;}
.lp-btn, .lp-link{font-family: 'Inter', 'IBM Plex Sans', system-ui, sans-serif;}
.lp-fej{--text-muted: var(--m-szurke-sotet);   
  --text-dim:   #46536a;}
.lp-logo, .lp-logo b{font-family: 'Anton', 'Plus Jakarta Sans', system-ui, sans-serif;
  font-weight: 400;}
.lp-logo{letter-spacing: 0.005em;}
.lp-logo{display: inline-flex; align-items: center;}
.lp-logo::before{content: ''; flex-shrink: 0;
  width: 1.05em; height: 1.05em; margin-right: 0.3em;
  background: url('/assets/logo-jel.svg') center / contain no-repeat;}
/* ── uj-arculat.css ── */
.lp-fej{--lp-r-lg: 4px;
  --lp-r-xl: 4px;
  --u-cim: 'Bricolage Grotesque', 'Plus Jakarta Sans', system-ui, sans-serif;
  --u-mono: 'JetBrains Mono', ui-monospace, monospace;}
.lp-btn{min-height: 48px; padding: 0 22px; border-radius: 4px; font-weight: 700;}
.lp-btn{box-shadow: none;}
.lp-btn:hover{box-shadow: none;}
.lp-btn-nagy{min-height: 52px; padding: 0 26px; font-size: 1rem;}
.lp-btn:focus-visible{outline: 2px solid var(--lime); outline-offset: 3px;}
/* ── plakat.css ── */
.lp-btn{border-radius: 12px;}
.lp-fej{--lp-bg: var(--m-fekete); --lp-bg-2: var(--m-sotet-sav); --lp-kartya: var(--m-sotet-doboz); --lp-kartya-2: var(--m-szurke-felulet);
  --lp-keret: #1f242d; --lp-keret-2: var(--m-sotet-vonal); --lp-szoveg: var(--m-feher-tort); --lp-halvany: var(--m-szurke-csendes); --lp-dim: var(--m-szurke-halk);}
.lp-zaro .lp-btn{background: var(--m-fekete); color: var(--m-lime);}
.lp-zaro .lp-link, .lp-zaro .lp-link:hover{color: var(--m-fekete); text-decoration-color: var(--m-fekete);}
.lp-zaro .lp-link:hover{text-decoration: underline;}
.lp-zaro .lp-btn:focus-visible{outline-color: var(--m-fekete);}
.lp-fej{--u-cim: 'Inter', system-ui, sans-serif;}
.lp-nav a:hover{border-bottom-color: var(--m-magenta);}
.lp-btn, .lp-zaro .lp-btn{background: var(--m-fekete); color: var(--m-feher); border: 1px solid var(--m-lime); box-shadow: none;}
.lp-btn:hover, .lp-zaro .lp-btn:hover{background: var(--m-szurke-felulet); color: var(--m-feher);}
.lp-btn.lt-magenta{background: var(--m-magenta); color: var(--m-feher); border-color: var(--m-magenta); font-size: 1.1875rem;}
.lp-btn.lt-magenta:hover{background: var(--m-fekete); color: var(--m-feher); border-color: var(--m-fekete);}
.vs-csomag .lp-btn{background: var(--m-magenta); color: var(--m-feher); border: 1px solid var(--m-magenta); font-size: 1.1875rem;}
.vs-csomag .lp-btn:hover{background: var(--m-fekete); color: var(--m-feher); border-color: var(--m-magenta);}
form[action="/api/fizetes.php"] .lp-btn{background: var(--m-magenta); color: var(--m-feher); border: 1px solid var(--m-magenta); font-size: 1.1875rem;}
form[action="/api/fizetes.php"] .lp-btn:hover{background: var(--m-fekete); color: var(--m-feher); border-color: var(--m-magenta);}
.lp-fej .lp-btn.lp-fej-vasar{background: var(--m-magenta); color: var(--m-feher); border: 1px solid var(--m-magenta); font-size: 1.1875rem;}
.lp-fej .lp-btn.lp-fej-vasar:hover{background: var(--m-fekete); color: var(--m-feher); border-color: var(--m-magenta);}
@media (min-width: 1024px) and (max-width: 1199px){
.lp-fej .lp-btn.lp-fej-vasar{padding-inline: 12px;}
}
.lp-nav a, .lp-fej .lp-link, .lp-mob-lap a{font-size: 1.1875rem; white-space: nowrap;}
@media (max-width: 1151px){
.lp-mob{display: block;}
.lp-nav, .lp-fej .lp-link, .lp-fej-zaszlok{display: none;}
.lp-sav{justify-content: space-between;}
.lp-logo{margin-right: auto;}
}
@media (max-width: 359px){
.lp-sav{gap: 8px;}
.lp-fej-jobb{gap: 6px;}
.lp-fej .lp-btn{padding: 0 12px; font-size: .86rem;}
}
.lp-fej .lp-logo{min-height: 44px;}
@media (min-width: 1152px){
.lp-nav a, .lp-fej .lp-link{display: inline-flex; align-items: center; min-height: 44px;}
.lp-fej-zaszlok > a, .lp-fej-zaszlok > span{height: 44px;}
.lp-nav a, .lp-fej .lp-link, .lp-fej-zaszlok > a, .lp-fej-zaszlok > span{min-width: 44px; justify-content: center;}
}
@media (max-width: 1199px){
.lp-fej--zart .lp-mob{display: block;}
.lp-fej--zart .lp-nav, .lp-fej--zart .lp-link, .lp-fej--zart .lp-fej-zaszlok{display: none;}
.lp-fej--zart .lp-sav{justify-content: space-between;}
.lp-fej--zart .lp-logo{margin-right: auto;}
}
@media (max-width: 479px){
.lp-fej--zart .lp-fej-jobb .lp-btn{white-space: normal; line-height: 1.1; text-align: center; max-width: 8.5rem; min-height: 44px; height: auto; padding: 4px 10px;}
}
/* ── profil.css ── */
.lp-profil{display: inline-flex; align-items: center; gap: 10px; min-height: 44px; max-width: 15rem;
  padding: 4px 14px 4px 4px; border: 1px solid var(--m-lime); border-radius: 12px;
  background: var(--m-fekete); color: var(--m-feher); text-decoration: none;}
.lp-profil:hover{background: var(--m-szurke-felulet); color: var(--m-feher);}
.lp-profil:focus-visible{outline: 2px solid var(--m-lime); outline-offset: 3px;}
.lp-szorny{display: block; flex: none; width: 36px; height: 36px;}
.lp-profil-szoveg{display: flex; flex-direction: column; min-width: 0; line-height: 1.15;}
.lp-profil-szoveg small{display: flex; align-items: center; gap: 5px; font-size: .75rem; font-weight: 600; color: var(--m-lime);}
.lp-profil-szoveg small::before{content: ""; flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--m-lime);}
.lp-profil-szoveg b{max-width: 9rem; overflow: hidden; font-size: .95rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap;}
@media (max-width: 479px){
.lp-profil{gap: 8px; padding-right: 10px;}
.lp-szorny{width: 32px; height: 32px;}
.lp-profil-szoveg b{max-width: 5.5rem;}
}
@media (max-width: 359px){
.lp-profil-szoveg b{max-width: 4.25rem;}
}
.ko-tovabb .lp-btn{width: 100%; white-space: normal; text-align: center;}
.ko-tovabb .lp-btn.lt-magenta:hover{background: var(--m-lime); color: var(--m-fekete); border-color: var(--m-lime);}
@media (max-width: 1279px){
.lp-fej--belepve .lp-mob{display: block;}
.lp-fej--belepve .lp-nav, .lp-fej--belepve .lp-link, .lp-fej--belepve .lp-fej-zaszlok{display: none;}
.lp-fej--belepve .lp-sav{justify-content: space-between;}
.lp-fej--belepve .lp-logo{margin-right: auto;}
}
.lp-fej{ font-family: 'Inter', system-ui, sans-serif; font-size: clamp(15px, 0.95rem + 0.15vw, 17px); line-height: 1.7; color: var(--lp-szoveg); -webkit-font-smoothing: antialiased; }
body:has(> .lp-fej) > .lp-fej{ z-index: 130; }
body:has(> .lp-fej) .site-bar{ top: 65px; }
body:has(> .lp-fej) .oldalsav, body:has(> .lp-fej) .jobbsav{ top: 65px; }
body:has(> .lp-fej) .oldalsav .sav-brand{ display: none; }
body:has(> .lp-fej) .wh-fej{ justify-content: flex-end; }
html[data-sav="zart"] body:has(> .lp-fej) .wh-fej{ justify-content: center; }
/* 2026-10-07, a user: „a logó és az áttekintés között van egy üres sáv … a ki-be csukó gombot meg kellene oldani,
   hogy látszódjon, mi ez.” A logó a felső sávba költözött, a fejben csak a 32 px-es szürke nyíl maradt 71 px magasan.
   A fej most nulla magas, a gomb a sáv jobb szélének vonalán ül, az első menüsor magasságában.
   A gomb kerek és magenta, fehér nyíllal: ez a user saját kérése (09:40), a lime négyzetet elutasította.
   A sáv `overflow: clip`, ezért a gomb `fixed`: így a vonalon túl is látszik. A `hej.css` (stable) érintetlen. */
@media (min-width: 1280px){
body:has(> .lp-fej) .wh-fej{ min-height: 0; padding: 0; border-bottom: 0; }
body:has(> .lp-fej) .wh-csuk{
  position: fixed; top: 85px; left: var(--sav-w); z-index: 125; transform: translateX(-50%);
  width: 1.75rem; height: 1.75rem; border: 0; border-radius: 50%;
  background: var(--m-magenta); color: var(--m-feher);
}
body:has(> .lp-fej) .wh-csuk::after{ inset: -8px; }
body:has(> .lp-fej) .wh-csuk:hover{ background: var(--m-magenta); color: var(--m-feher); filter: brightness(1.1); }
}
/* 2026-10-07, a user: „a jobb oldali profil menü szépen kicsúszik. Ilyenre kérem a bal shellt is.”
   A bal sáv csukása és nyitása ugyanazzal a mozgással megy, mint a profilpanel (`hej.css`: 280 ms, cubic-bezier(.4,0,.2,1)).
   A lap törzse, a jogi sor és a csukó gomb vele együtt csúszik, így semmi nem ugrik. A `hej.css` (stable) érintetlen. */
@media (min-width: 1280px) and (prefers-reduced-motion: no-preference){
.oldalsav{ transition: width 280ms cubic-bezier(.4, 0, .2, 1); }
.app-torzs{ transition: padding-left 280ms cubic-bezier(.4, 0, .2, 1); }
body:has(.app-torzs) .app-jogi{ transition: padding-left 280ms cubic-bezier(.4, 0, .2, 1); }
body:has(> .lp-fej) .wh-csuk{ transition: left 280ms cubic-bezier(.4, 0, .2, 1), filter .15s ease; }
}
/* 2026-10-07, a user: „tudják-e használni a felületet? Nem sok-e az információ, nem túl kusza-e?”
   Telefonon eddig három sáv állt egymás alatt (külső fejléc, Műhely-sáv, ikonsor), két menügombbal.
   1023 px alatt egy menügomb marad: a külső fejléc ☰-je nyitja a Műhely menüjét (szkript: `wlai_sav_js()`),
   a nyilvános linkek a menü aljára kerülnek (`.sav-kulso`). A Műhely-sáv csak akkor látszik, ha van benne gomb.
   620 px alatt a téma- és a profilgomb a külső fejléc sorába ül, a „Belépve” lapka helyett a profilgomb áll.
   A Hollywood Box lapjain nincs külső fejléc, ezért ez ott nem hat. A `hej.css` (stable) érintetlen. */
.sav-kulso{display: none;}
@media (max-width: 1023px){
body:has(> .lp-fej) .menu-btn{display: none;}
/* 2026-10-24: az „Élő” gomb (superadmin) is tartsa láthatóan a sávot, mióta a Hollywood Box, a Napi hírek és a Meta gomb a bal menüben él. */
body:has(> .lp-fej) .site-bar:not(:has(.bar-uj, .bar-kereso, .bar-keret, .wl-elo)){display: none;}
body:has(> .lp-fej) .oldalsav{position: fixed; top: 65px; left: 0; right: 0; z-index: 129;
  box-shadow: 0 26px 60px -26px rgba(var(--m-fekete-tiszta-rgb),.95);}
body:has(> .lp-fej) .oldalsav.nyitva{max-height: calc(100dvh - 65px);}
body:has(> .lp-fej) .sav-kulso{display: flex; flex-direction: column; gap: 2px;
  margin: 4px 12px 16px; padding-top: 12px; border-top: 1px solid rgba(var(--m-feher-rgb),.1);}
.sav-kulso > a{display: flex; align-items: center; min-height: 44px; padding: 8px 11px;
  border-radius: 4px; color: var(--m-pala); font-size: .9375rem; font-weight: 500; text-decoration: none;}
.sav-kulso > a:hover, .sav-kulso > a[aria-current]{background: rgba(var(--m-feher-rgb),.06); color: var(--m-feher);}
.sav-kulso .lp-zaszlok{align-self: flex-start; margin: 0 0 6px;}
.sav-kulso .lp-zaszlok > a, .sav-kulso .lp-zaszlok > span{min-width: 48px; min-height: 44px;}
.lp-mob.sav-nyitva > summary span:nth-child(1){transform: translateY(7px) rotate(45deg);}
.lp-mob.sav-nyitva > summary span:nth-child(2){opacity: 0;}
.lp-mob.sav-nyitva > summary span:nth-child(3){transform: translateY(-7px) rotate(-45deg);}
}
@media (max-width: 760px){
body:has(> .lp-fej) .site-bar:not(:has(.bar-uj, .bar-kereso, .wl-elo)){display: none;}
}
@media (max-width: 620px){
body:has(> .lp-fej) .lp-fej .lp-profil{display: none;}
body:has(> .lp-fej) .jobbsav{position: fixed; top: 0; right: calc(clamp(18px, 5vw, 64px) + 50px); left: auto;
  z-index: 131; height: 64px; padding: 0; gap: 4px; align-items: center;
  border: 0; background: transparent;}
}
@media (max-width: 400px){
body:has(> .lp-fej) .jobbsav .rb-elo{display: none;}
}
/* 2026-10-24: a fejléc gombjai (Élő, AI-keret, Platform) a fekete Műhely-sáv helyett. 1280–1599 px között a teljes menü mellett
   csak rövid alakjuk fér el. 620 px alatt a téma- és profilgomb mellé ülnek (azok is ide vannak tűzve, lásd fent);
   560 px alatt a Platform a ☰ menüből nyílik, mert a fejlécben már nincs helye. */
.sav-pont--platform{display: none !important;}
@media (min-width: 1280px) and (max-width: 1599px){
.lp-fej-eszk .wl-elo-cimke, .lp-fej-eszk .wl-elo-szo, .lp-fej-eszk .bar-keret--korlatlan span{display: none;}
.lp-fej-eszk .wl-elo{padding: 0 9px;}
.lp-fej:has(.lp-fej-eszk) .lp-nav{gap: 16px;}
}
@media (max-width: 620px){
body:has(> .lp-fej) .lp-fej-eszk{position: fixed; top: 0; height: 64px; z-index: 131; gap: 6px;
  right: calc(clamp(18px, 5vw, 64px) + 50px + 122px + 8px);}
.lp-fej-eszk .wl-elo{padding: 0 7px;}
}
@media (max-width: 559px){
.lp-fej-eszk .tb-aipay{display: none;}
body:has(> .lp-fej) .sav-pont--platform{display: flex !important;}
}
@media (max-width: 400px){
body:has(> .lp-fej) .lp-fej-eszk{right: calc(clamp(18px, 5vw, 64px) + 50px + 78px + 6px);}
}
/* 2026-11-10, a user: „ezek be tudnak kerülni a jobb shellbe?” Az Élő, az AI-keret és a Platform a fejlécből a jobb sávba
   költözött (`wlai_jobbsav()`), a frissítés-jel alá, ikon-alakban: a felirat a buborékban (title) marad.
   Telefonon (620 px alatt) a jobb sáv a fejléc sorában áll, ott egymás mellé kerülnek; 560 px alatt a Platform a ☰ menüből nyílik. */
.rb-fej-gombok{display: flex; flex-direction: column; align-items: center; gap: 6px; margin: 2px 0 0; padding: 8px 0 0;
  border-top: 1px solid var(--hej-vonal);}
:root:root:root:root body .jobbsav .rb-fej-gombok :is(.wl-elo, .bar-keret, .tb-aipay){
  position: relative; box-sizing: border-box; display: flex !important; flex-direction: column; align-items: center; justify-content: center;
  width: var(--gomb-mag) !important; height: var(--gomb-mag) !important; min-height: 0 !important;
  padding: 0 !important; gap: 3px !important; border-radius: var(--gomb-sarok) !important;}
:root:root:root:root body .jobbsav .rb-fej-gombok :is(.wl-elo-cimke, .wl-elo-szo, .tb-aipay-pont, .tb-aipay-szo, .bar-keret span){display: none !important;}
:root:root:root:root body .jobbsav .rb-fej-gombok .wl-elo b{font-size: .78rem; line-height: 1;}
:root:root:root:root body .jobbsav .rb-fej-gombok .wl-elo-pont{width: .45rem; height: .45rem;}
:root:root:root:root body .jobbsav .rb-fej-gombok .bar-keret .i{width: 16px; height: 16px; align-self: center;}
:root:root:root:root body .jobbsav .rb-fej-gombok .bar-keret b{font-size: .7rem; line-height: 1;}
:root:root:root:root body .jobbsav .rb-fej-gombok .bar-keret--korlatlan{opacity: 1;}
:root:root:root:root body .jobbsav .rb-fej-gombok .tb-aipay > .i{display: block; width: 18px; height: 18px;}
@media (max-width: 620px){
.rb-fej-gombok{flex-direction: row; margin: 0; padding: 0; border-top: 0;}
:root:root:root:root body .jobbsav .rb-fej-gombok :is(.wl-elo, .bar-keret, .tb-aipay){width: var(--gomb-mag) !important; height: var(--gomb-mag) !important;}
:root:root:root:root body .jobbsav .rb-fej-gombok .wl-elo-pont{display: none;}
}
@media (max-width: 559px){
:root:root:root:root body .jobbsav .rb-fej-gombok .tb-aipay{display: none !important;}
}
@media (max-width: 400px){
:root:root:root:root body .jobbsav .rb-fej-gombok .bar-keret{display: none !important;}
}