/* =========================================================
   nuxon.hu — stíluslap (V1, 2026. október)

   Felépítés:
     1. Tokenek (NUXON-színek, betűk, térközök) — globális állítás itt
     2. Alapok
     3. Közös elemek (keret, gombok, szakaszok, kártyák)
     4. Fejléc, mega menü, mobilmenü
     5. Főoldali nyitókép (4 képes váltó)
     6. Aloldali fejléc és morzsamenü
     7. Blokkok (megoldásválasztó, referenciák, technológiák stb.)
     8. Űrlapok
     9. Kereső, Tudástár, jogi oldalak, 404
    10. NUXON közös lábléc
    11. Süti-banner
    12. Reszponzív
    13. Csökkentett mozgás

   SZABÁLY: módosításkor az eredeti szabályt írd át, ne fűzz a fájl
   végére felülírást. Új márkaszínt ne vezess be; a NUXON-tokenekből
   dolgozz. Ha ezt a fájlt módosítod, MINDEN HTML-ben emeld a ?v= számot.
   ========================================================= */

/* =========================================================
   1. TOKENEK
   ========================================================= */
:root{
  /* NUXON márkaszínek — a közös NUXON-oldalakkal azonosak */
  --nuxon-primary:  #183090;
  --nuxon-primary-dark: #101F5E;
  --nuxon-accent:   #18A8D8;
  --nuxon-antracit: #18212B;
  --nuxon-deep:     #101C4A;

  --felulet:        #FFFFFF;
  --felulet-alt:    #F3F6F7;
  --felulet-halk:   #E9EEF1;

  --szoveg:         #15232A;
  --szoveg-halk:    #54666E;
  --szoveg-inverz:  #F3F6F7;
  --szoveg-inverz-halk: #AEBBD6;
  --vonal:          #D5DEE1;
  --vonal-eros:     #B7C4C9;
  --vonal-sotet:    rgba(174,187,214,.28);

  /* a türkiz csak légáram-jelre, fókuszra és díszítő vonalra — szövegre nem */
  --jel:            var(--nuxon-accent);
  --jel-halvany:    rgba(24,168,216,.12);

  --siker:          #1B7A4B;
  --figyel:         #8A5A0E;
  --hiba:           #A3231F;

  --font-sans:  "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-serif: "IBM Plex Serif", Georgia, "Times New Roman", serif;

  --fs-xs:   0.8125rem;
  --fs-sm:   0.9rem;
  --fs-base: 1.0625rem;
  --fs-lg:   1.2rem;
  --fs-xl:   clamp(1.25rem, 1.8vw, 1.45rem);
  --fs-2xl:  clamp(1.65rem, 3vw, 2.35rem);
  --fs-hero: clamp(2.05rem, 4vw, 3.3rem);

  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px;
  --sp-6:32px; --sp-7:48px; --sp-8:64px; --sp-9:96px;

  --r-kicsi: 3px;
  --r-kozep: 6px;
  --r-nagy:  12px;

  --arnyek: 0 4px 16px rgba(21,35,42,.08), 0 1px 3px rgba(21,35,42,.06);
  --arnyek-eros: 0 14px 40px rgba(16,28,74,.14), 0 2px 6px rgba(16,28,74,.08);

  --keret:   1320px;
  --olvaso:  68ch;
  --fejlec-m: 76px;

  --mozgas: 240ms cubic-bezier(.2,.6,.3,1);
}

@font-face{font-family:"IBM Plex Sans";src:url("../fonts/plex-sans-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:optional;}
@font-face{font-family:"IBM Plex Sans";src:url("../fonts/plex-sans-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:optional;}
@font-face{font-family:"IBM Plex Sans";src:url("../fonts/plex-sans-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:optional;}
@font-face{font-family:"IBM Plex Serif";src:url("../fonts/plex-serif-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:optional;}
@font-face{font-family:"IBM Plex Serif";src:url("../fonts/plex-serif-400i.woff2") format("woff2");font-weight:400;font-style:italic;font-display:optional;}
@font-face{font-family:"IBM Plex Serif";src:url("../fonts/plex-serif-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:optional;}

/* =========================================================
   2. ALAPOK
   ========================================================= */
*,*::before,*::after{ box-sizing:border-box; }
[hidden]{ display:none !important; }

html{ scroll-behavior:smooth; scroll-padding-top:calc(var(--fejlec-m) + 16px); -webkit-text-size-adjust:100%; }
body{
  margin:0; background:var(--felulet); color:var(--szoveg);
  font-family:var(--font-sans); font-size:var(--fs-base); line-height:1.65;
  overflow-x:hidden;
}
img,svg{ max-width:100%; }
img{ height:auto; display:block; }
h1,h2,h3,h4{
  font-family:var(--font-sans); font-weight:600; line-height:1.18;
  letter-spacing:-.012em; margin:0 0 var(--sp-4); color:inherit;
}
h1{ font-size:var(--fs-hero); letter-spacing:-.022em; }
h2{ font-size:var(--fs-2xl); }
h3{ font-size:var(--fs-xl); }
p{ margin:0 0 var(--sp-4); }
a{ color:var(--nuxon-primary); text-underline-offset:.18em; }
a:hover{ text-decoration-thickness:2px; }
:focus-visible{ outline:3px solid var(--jel); outline-offset:3px; border-radius:2px; }
ul,ol{ padding-left:1.25em; }

.sr{
  position:absolute !important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}
.ugro{
  position:absolute; left:var(--sp-4); top:-60px; z-index:100;
  background:var(--nuxon-primary); color:#fff; padding:var(--sp-2) var(--sp-4);
  border-radius:var(--r-kicsi);
}
.ugro:focus{ top:var(--sp-3); }
.nowrap{ white-space:nowrap; }
.ikonkeszlet{ position:absolute; width:0; height:0; overflow:hidden; }
.ikon{ width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; flex:none; }

/* =========================================================
   3. KÖZÖS ELEMEK
   ========================================================= */
.keret{ max-width:var(--keret); margin:0 auto; padding:0 clamp(16px,4vw,40px); }

.szakasz{ padding:clamp(56px,7.5vw,104px) 0; }
.szakasz--alt{ background:var(--felulet-alt); }
.szakasz--sotet{ background:var(--nuxon-deep); color:var(--szoveg-inverz); }
.szakasz--sotet a:not(.btn){ color:#fff; }
.szakasz--szuk{ padding:clamp(40px,5vw,64px) 0; }
.szakasz__fej{ margin-bottom:clamp(28px,4vw,48px); max-width:var(--olvaso); }
.szakasz__fej h2{ margin-bottom:var(--sp-3); }
.szakasz__fej p:last-child{ margin-bottom:0; }
.olvaso{ max-width:var(--olvaso); }
.bevezeto{ font-family:var(--font-serif); font-size:var(--fs-lg); line-height:1.6; color:var(--szoveg-halk); }
.szakasz--sotet .bevezeto{ color:var(--szoveg-inverz-halk); }

/* kis felső címke a szakaszcím fölött: „01 — Megoldásválasztó” */
.kicker{
  display:flex; align-items:center; gap:var(--sp-3); margin:0 0 var(--sp-3);
  font-size:var(--fs-xs); font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--nuxon-primary);
}
.kicker::before{ content:""; width:28px; height:2px; background:var(--jel); }
.szakasz--sotet .kicker{ color:#CFE6F2; }

.gombsor{ display:flex; flex-wrap:wrap; gap:var(--sp-3); margin:var(--sp-6) 0 0; }

/* gombok */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:var(--sp-2);
  min-height:48px; padding:11px 22px; border-radius:var(--r-kozep);
  font-family:var(--font-sans); font-size:1rem; font-weight:600; line-height:1.25;
  text-decoration:none; text-align:center; cursor:pointer;
  border:2px solid transparent; transition:background-color var(--mozgas), border-color var(--mozgas), color var(--mozgas);
}
.btn--elsodleges{ background:var(--nuxon-primary); color:#fff; }
.btn--elsodleges:hover{ background:var(--nuxon-primary-dark); color:#fff; }
.btn--masodlagos{ background:transparent; color:var(--nuxon-primary); border-color:var(--nuxon-primary); }
.btn--masodlagos:hover{ background:var(--jel-halvany); }
.btn--inverz{ background:#fff; color:var(--nuxon-primary); }
.btn--inverz:hover{ background:#E4ECFA; color:var(--nuxon-primary-dark); }
.btn--sotet-masodlagos{ background:transparent; color:#fff; border-color:rgba(255,255,255,.55); }
.btn--sotet-masodlagos:hover{ border-color:#fff; background:rgba(255,255,255,.08); color:#fff; }
.btn--nagy{ min-height:54px; padding:13px 26px; font-size:1.0625rem; }
.btn:disabled{ opacity:.55; cursor:not-allowed; }
.btn .ikon{ width:20px; height:20px; }

/* szöveges tovább-link nyíllal */
.tovabb{ display:inline; font-weight:600; color:var(--nuxon-primary); text-decoration:none; }
.tovabb::after{ content:"→"; display:inline-block; margin-left:6px; transition:transform var(--mozgas); }
.tovabb--kulso::after{ content:"↗"; }
a:hover > .tovabb::after,.tovabb:hover::after{ transform:translateX(3px); }

/* domain-jelölő: melyik NUXON-oldalra visz a link */
.domain{
  display:inline-flex; align-items:center; gap:6px; font-size:var(--fs-xs); font-weight:600;
  color:var(--nuxon-primary); background:var(--jel-halvany); border-radius:100px; padding:3px 10px;
}
.domain::before{ content:""; width:6px; height:6px; border-radius:50%; background:var(--jel); }

/* kártyarács */
.racs{ display:grid; gap:clamp(16px,2vw,24px); grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; margin:0; padding:0; }
.racs--2{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.racs--4{ grid-template-columns:repeat(4,minmax(0,1fr)); }

.kartya{
  position:relative; display:flex; flex-direction:column; gap:var(--sp-3); height:100%;
  background:var(--felulet); border:1px solid var(--vonal); border-radius:var(--r-nagy);
  padding:clamp(20px,2.4vw,28px); color:var(--szoveg); text-decoration:none;
  transition:border-color var(--mozgas), box-shadow var(--mozgas), transform var(--mozgas);
}
.szakasz--alt .kartya{ background:var(--felulet); }
a.kartya:hover,.kartya:has(.kartya__link:hover){ border-color:var(--nuxon-primary); box-shadow:var(--arnyek-eros); }
a.kartya:focus-visible{ outline-offset:4px; }
.kartya::before{
  content:""; position:absolute; left:-1px; right:-1px; top:-1px; height:3px; border-radius:var(--r-nagy) var(--r-nagy) 0 0;
  background:var(--jel); transform:scaleX(0); transform-origin:left; transition:transform var(--mozgas);
}
a.kartya:hover::before,.kartya:has(.kartya__link:hover)::before{ transform:scaleX(1); }
.kartya__ikon{
  width:52px; height:52px; border-radius:var(--r-kozep); display:grid; place-items:center;
  background:var(--jel-halvany); color:var(--nuxon-primary);
}
.kartya h2,.kartya h3{ font-size:var(--fs-lg); margin:0; line-height:1.3; letter-spacing:-.008em; }
.kartya p{ margin:0; color:var(--szoveg-halk); font-size:var(--fs-sm); line-height:1.6; }
.kartya__lab{ margin-top:auto; padding-top:var(--sp-2); display:flex; flex-wrap:wrap; gap:var(--sp-2) var(--sp-4); align-items:center; }
.kartya__link{ font-weight:600; color:var(--nuxon-primary); text-decoration:none; }
.kartya__link::after{ content:""; position:absolute; inset:0; }  /* teljes kártya kattintható */
.kartya__link .tovabb{ pointer-events:none; }

/* kiemelt mondat */
.kiemeles{
  font-weight:500; font-size:var(--fs-xl); line-height:1.4;
  max-width:46ch; margin:clamp(32px,4vw,56px) 0 0; padding-left:var(--sp-5);
  border-left:4px solid var(--jel);
}
.megjegyzes{
  font-size:var(--fs-sm); color:var(--szoveg-halk); border-left:3px solid var(--vonal-eros);
  padding:var(--sp-2) 0 var(--sp-2) var(--sp-4); max-width:var(--olvaso);
}
.szakasz--sotet .megjegyzes{ color:var(--szoveg-inverz-halk); border-left-color:var(--vonal-sotet); }

/* ---------- képhelyőrzők ----------
   A helyükre a végleges fotó kerül (lásd KEPEK.md). Élesben helyőrző
   nem maradhat. Minden helyőrzőn rajta van: mi kell oda, honnan és
   kitől szerezhető be, milyen méretben és milyen fájlnéven. */
.kep{ margin:0; position:relative; }
.kep img{ width:100%; height:100%; object-fit:cover; border-radius:var(--r-kozep); }
.kep--32 img,.kep--32 .helyorzo{ aspect-ratio:3/2; }
.kep--169 img,.kep--169 .helyorzo{ aspect-ratio:16/9; }
.kep figcaption{ font-size:var(--fs-xs); color:var(--szoveg-halk); margin-top:6px; }
.helyorzo{
  display:flex; flex-direction:column; justify-content:center; gap:4px; height:100%; width:100%;
  padding:clamp(12px,1.8vw,18px); border:2px dashed var(--vonal-eros); border-radius:var(--r-kozep);
  background:repeating-linear-gradient(135deg, #EEF2F4 0 14px, #E6ECEF 14px 28px);
  font-size:.8125rem; line-height:1.4; color:var(--szoveg); overflow:auto;
}
.helyorzo__id{ align-self:flex-start; font-weight:600; font-size:.75rem; color:#fff; background:var(--nuxon-primary); border-radius:var(--r-kicsi); padding:2px 8px; }
.helyorzo__mi{ font-weight:600; font-size:.875rem; }
.helyorzo dl{ margin:2px 0 0; display:grid; grid-template-columns:auto minmax(0,1fr); gap:1px 8px; }
.helyorzo dt{ font-weight:600; color:var(--szoveg-halk); }
.helyorzo dd{ margin:0; overflow-wrap:anywhere; }
.helyorzo--sotet{ background:repeating-linear-gradient(135deg, #1A2A63 0 14px, #16245A 14px 28px); border-color:rgba(174,187,214,.5); color:#fff; }
.helyorzo--sotet dt{ color:var(--szoveg-inverz-halk); }
.helyorzo--sotet .helyorzo__id{ background:var(--nuxon-accent); color:var(--nuxon-deep); }

/* =========================================================
   4. FEJLÉC, MEGA MENÜ, MOBILMENÜ
   ========================================================= */
.fejlec{
  position:sticky; top:0; z-index:60; background:rgba(255,255,255,.98);
  border-bottom:1px solid var(--vonal);
}
.fejlec.is-kompakt{ box-shadow:0 2px 12px rgba(21,35,42,.07); }
.fejlec__sor{ display:flex; align-items:center; gap:var(--sp-5); min-height:var(--fejlec-m); }
.marka{ flex:none; display:block; line-height:0; }
.marka img{ width:96px; }

.fonav{ flex:1; display:flex; align-items:center; gap:var(--sp-4); min-width:0; }
.fonav__lista{ list-style:none; margin:0 auto 0 var(--sp-2); padding:0; display:flex; align-items:center; gap:clamp(2px,.5vw,8px); }
.fonav__elem{ position:static; display:flex; align-items:center; }
.fonav__link{
  display:inline-flex; align-items:center; min-height:44px; padding:0 5px;
  font-size:.92rem; font-weight:500; color:var(--szoveg); text-decoration:none;
  border-bottom:2px solid transparent; white-space:nowrap;
}
.fonav__link:hover,.fonav__link[aria-current="page"]{ border-bottom-color:var(--jel); }
.fonav__link[aria-current="page"]{ color:var(--nuxon-primary); }
.fonav__nyit{
  width:32px; height:44px; border:0; background:none; cursor:pointer; color:var(--szoveg);
  display:grid; place-items:center; border-radius:var(--r-kicsi); margin-left:-4px;
}
.fonav__nyit svg{ width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2; transition:transform var(--mozgas); }
.fonav__nyit[aria-expanded="true"] svg{ transform:rotate(180deg); }
.fonav__jobb{ display:flex; align-items:center; gap:var(--sp-2); flex:none; }
.fonav__ikon{
  display:inline-flex; align-items:center; gap:6px; min-height:44px; min-width:44px; justify-content:center;
  color:var(--szoveg); text-decoration:none; font-size:.94rem; font-weight:500; padding:0 6px; border-radius:var(--r-kozep);
}
.fonav__ikon:hover{ color:var(--nuxon-primary); background:var(--felulet-alt); }
.fonav__ikon .ikon{ width:22px; height:22px; }
.fonav__cta{ min-height:44px; padding:9px 16px; font-size:.92rem; white-space:nowrap; margin-left:var(--sp-2); }
.fonav__szoveg--asztali{ display:none; }   /* asztali nézetben a Keresés csak ikon */

/* lenyíló panelek (Megoldások = mega menü, Technológiák = kis lista) */
.lenyilo{
  position:absolute; left:0; right:0; top:100%; background:var(--felulet);
  border-top:1px solid var(--vonal); border-bottom:1px solid var(--vonal); box-shadow:0 18px 40px rgba(16,28,74,.12);
  padding:var(--sp-6) 0 var(--sp-7);
}
.mega{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(20px,3vw,40px); }
.mega__cim{
  font-size:var(--fs-xs); font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--szoveg-halk);
  margin:0 0 var(--sp-3); padding-bottom:var(--sp-2); border-bottom:1px solid var(--vonal);
}
.mega ul{ list-style:none; margin:0; padding:0; display:grid; gap:2px; }
.mega a{
  display:block; padding:10px 12px; border-radius:var(--r-kozep); text-decoration:none; color:var(--szoveg);
}
.mega a:hover,.mega a:focus-visible{ background:var(--felulet-alt); }
.mega a strong{ display:block; font-weight:600; font-size:.97rem; color:var(--nuxon-primary); }
.mega a span{ display:block; font-size:var(--fs-xs); color:var(--szoveg-halk); line-height:1.45; margin-top:2px; }
.mega a .domain{ display:inline-flex; margin-top:6px; }
.mega .mega__lab a{ color:var(--nuxon-primary); }
.mega__lab{ grid-column:1 / -1; display:flex; flex-wrap:wrap; gap:var(--sp-4); align-items:center; padding-top:var(--sp-4); border-top:1px solid var(--vonal); }
ul.mega{ list-style:none; margin:0; padding:0; }
.lenyilo--kicsi .mega{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.lenyilo--kicsi .mega__lab{ margin-top:var(--sp-4); }

.menu-gomb{
  display:none; margin-left:auto; width:48px; height:48px; border:0; background:transparent;
  cursor:pointer; position:relative; border-radius:var(--r-kozep); flex:none;
}
.menu-gomb__vonal,.menu-gomb__vonal::before,.menu-gomb__vonal::after{
  position:absolute; left:12px; width:24px; height:2px; background:var(--szoveg); content:"";
  transition:transform var(--mozgas), opacity var(--mozgas);
}
.menu-gomb__vonal{ top:23px; }
.menu-gomb__vonal::before{ top:-8px; left:0; }
.menu-gomb__vonal::after{ top:8px; left:0; }
.menu-gomb[aria-expanded="true"] .menu-gomb__vonal{ background:transparent; }
.menu-gomb[aria-expanded="true"] .menu-gomb__vonal::before{ transform:translateY(8px) rotate(45deg); }
.menu-gomb[aria-expanded="true"] .menu-gomb__vonal::after{ transform:translateY(-8px) rotate(-45deg); }
.mobil-kereso{ display:none; }

/* =========================================================
   5. FŐOLDALI NYITÓKÉP — állandó H1 + 4 váltakozó fotó
   ========================================================= */
.fohero{ position:relative; overflow:hidden; background:var(--nuxon-deep); color:#fff; isolation:isolate;
  min-height:clamp(520px, calc(100vh - var(--fejlec-m) - 40px), 760px); display:flex; }
/* háttérképek: teljes szélesség, áttűnéssel váltanak */
.fohero__hatter{ position:absolute; inset:0; z-index:-2; }
.valto__dia{ position:absolute; inset:0; margin:0; opacity:0; transition:opacity 1200ms ease; }
.valto__dia.is-aktiv{ opacity:1; }
.valto__dia img{ width:100%; height:100%; object-fit:cover; display:block; }
.valto.is-fut .valto__dia.is-aktiv img{ animation:hero-zoom 9s ease-out both; }
@keyframes hero-zoom{ from{ transform:scale(1.06); } to{ transform:scale(1); } }
/* olvashatóság: sötét átmenet balról és alulról */
.fohero__fatyol{ position:absolute; inset:0; z-index:-1;
  background:linear-gradient(90deg, rgba(10,18,48,.86) 0%, rgba(10,18,48,.66) 38%, rgba(10,18,48,.18) 72%, rgba(10,18,48,.05) 100%),
             linear-gradient(0deg, rgba(10,18,48,.55) 0%, rgba(10,18,48,0) 32%); }
.fohero__belso{ position:relative; width:100%; display:flex; flex-direction:column; justify-content:space-between; gap:var(--sp-6);
  padding-top:clamp(48px,7vw,104px); padding-bottom:clamp(20px,3vw,32px); }
.fohero__szoveg{ max-width:640px; }
.fohero__szoveg h1{ max-width:22ch; font-size:clamp(2.1rem,3.6vw,3.2rem); color:#fff; margin-bottom:var(--sp-5); text-shadow:0 2px 18px rgba(0,0,0,.25); }
.fohero__szoveg .bevezeto{ max-width:54ch; color:rgba(255,255,255,.9); }
.fohero__szoveg .gombsor{ margin-top:var(--sp-6); }
.fohero .btn--masodlagos{ background:rgba(255,255,255,.08); color:#fff; border-color:rgba(255,255,255,.7); }
.fohero .btn--masodlagos:hover{ background:#fff; color:var(--nuxon-deep); border-color:#fff; }
/* vezérlő: alul, a kép fölött */
.valto__vezerlo{ display:flex; align-items:flex-end; gap:var(--sp-4); max-width:760px; }
.valto__pontok{ flex:1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--sp-3); list-style:none; margin:0; padding:0; }
.valto__pont{
  width:100%; min-height:44px; border:0; background:none; cursor:pointer; text-align:left; padding:12px 0 0;
  font:inherit; font-size:var(--fs-xs); font-weight:500; color:rgba(255,255,255,.72); position:relative; line-height:1.3;
}
.valto__pont::before{ content:""; position:absolute; left:0; right:0; top:0; height:3px; background:rgba(255,255,255,.3); border-radius:2px; }
.valto__pont::after{ content:""; position:absolute; left:0; top:0; height:3px; width:0; background:#fff; border-radius:2px; }
.valto__pont:hover{ color:#fff; }
.valto__pont[aria-current="true"]{ color:#fff; font-weight:600; }
.valto__pont[aria-current="true"]::after{ width:100%; }
.valto.is-fut .valto__pont[aria-current="true"]::after{ animation:valto-halad var(--valto-ido,6500ms) linear forwards; }
.valto__pont:focus-visible{ outline:3px solid var(--jel); outline-offset:4px; }
@keyframes valto-halad{ from{ width:0; } to{ width:100%; } }
.valto__gombok{ display:flex; gap:6px; flex:none; }
.valto__gomb{
  width:44px; height:44px; border:1px solid rgba(255,255,255,.55); background:rgba(10,18,48,.25); border-radius:50%;
  display:grid; place-items:center; cursor:pointer; color:#fff; backdrop-filter:blur(4px);
}
.valto__gomb:hover{ background:#fff; color:var(--nuxon-deep); border-color:#fff; }
.valto__gomb svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.valto__gomb .ikon-lejatszas{ display:none; }
.valto.is-allitva .valto__gomb .ikon-szunet{ display:none; }
.valto.is-allitva .valto__gomb .ikon-lejatszas{ display:block; }
.valto:not(.is-js) .valto__vezerlo{ visibility:hidden; }   /* JS nélkül csak az első kép látszik */
@media (prefers-reduced-motion: reduce){ .valto__dia{ transition:none; } .valto.is-fut .valto__dia.is-aktiv img{ animation:none; } }

/* =========================================================
   6. ALOLDALI FEJLÉC ÉS MORZSAMENÜ
   ========================================================= */
.oldalfej{ position:relative; background:var(--felulet-alt); border-bottom:1px solid var(--vonal); overflow:hidden; }
.oldalfej__belso{ position:relative; z-index:1; padding-top:clamp(24px,3.5vw,44px); padding-bottom:clamp(40px,5vw,64px); }
.oldalfej h1{ font-size:clamp(1.9rem,3.6vw,2.9rem); max-width:24ch; color:var(--nuxon-deep); margin-bottom:var(--sp-4); }
.oldalfej .bevezeto{ max-width:58ch; color:var(--szoveg); margin-bottom:0; }
.oldalfej .bevezeto + .bevezeto{ margin-top:var(--sp-3); }
.oldalfej .gombsor{ margin-top:var(--sp-5); }
.oldalfej__aramlas{ position:absolute; right:-40px; top:0; width:min(42%,620px); height:100%; pointer-events:none; opacity:.5; }
.oldalfej__aramlas path{ fill:none; stroke:var(--jel); stroke-width:1.2; }

.morzsa{ margin-bottom:var(--sp-5); }
.morzsa ol{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:4px 0; font-size:var(--fs-xs); color:var(--szoveg-halk); }
.morzsa li{ display:flex; align-items:center; }
.morzsa li + li::before{ content:"›"; margin:0 10px; color:var(--vonal-eros); }
.morzsa a{ color:var(--szoveg-halk); display:inline-flex; align-items:center; min-height:32px; }
.morzsa a:hover{ color:var(--nuxon-primary); }
.morzsa [aria-current]{ color:var(--szoveg); font-weight:500; }

/* =========================================================
   7. BLOKKOK
   ========================================================= */

/* ---------- belépési módok (fülek) + megoldásválasztó ---------- */
.fulek{ display:flex; flex-wrap:wrap; gap:var(--sp-2); margin:0 0 var(--sp-6); padding:0; border-bottom:1px solid var(--vonal); }
.ful{
  min-height:48px; padding:10px 18px; border:0; background:none; cursor:pointer; font:inherit; font-weight:600;
  color:var(--szoveg-halk); border-bottom:3px solid transparent; margin-bottom:-1px;
}
.ful[aria-selected="true"]{ color:var(--nuxon-primary); border-bottom-color:var(--nuxon-primary); }
.ful:hover{ color:var(--nuxon-primary); }
.fulek:not(.is-js){ display:none; }          /* JS nélkül minden panel látszik, alcímmel */
.fulpanel__cim{ font-size:var(--fs-lg); margin:var(--sp-6) 0 var(--sp-4); }
.fulek.is-js ~ .fulpanel .fulpanel__cim{ position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
.fulpanel:focus-visible{ outline-offset:8px; }

.valaszto-kartya{ cursor:pointer; }
.valaszto-kartya[aria-pressed="true"],.valaszto-kartya.is-valasztott{ border-color:var(--nuxon-primary); box-shadow:0 0 0 2px var(--nuxon-primary) inset; }

.utvonal{
  margin-top:var(--sp-5); border-radius:var(--r-nagy); background:var(--nuxon-deep); color:#fff;
  padding:clamp(22px,3vw,36px); display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:var(--sp-5) var(--sp-7); align-items:center;
}
.utvonal:focus{ outline:none; }
.utvonal__cimke{ font-size:var(--fs-xs); font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:#CFE6F2; margin:0 0 var(--sp-2); }
.utvonal h3{ font-size:var(--fs-xl); margin:0 0 var(--sp-3); }
.utvonal p{ color:var(--szoveg-inverz-halk); margin:0; }
.utvonal .domain{ background:rgba(255,255,255,.1); color:#fff; margin-bottom:var(--sp-3); }
.utvonal__gombok{ display:flex; flex-direction:column; gap:var(--sp-3); align-items:stretch; }
.utvonal__kerdes{ grid-column:1 / -1; }
.utvonal__kerdes h3{ margin:0; }
.utvonal__valasztok{ grid-column:1 / -1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--sp-3); }
.utvonal__valaszto{
  min-height:56px; padding:12px 16px; border-radius:var(--r-kozep); cursor:pointer; text-align:left;
  font:inherit; font-weight:600; color:#fff; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.35);
}
.utvonal__valaszto:hover,.utvonal__valaszto[aria-pressed="true"]{ background:rgba(255,255,255,.14); border-color:#fff; }
.utvonal__valaszto small{ display:block; font-weight:400; font-size:var(--fs-xs); color:var(--szoveg-inverz-halk); margin-top:2px; }
.utvonal__figy{ grid-column:1 / -1; margin:0; padding:var(--sp-3) var(--sp-4); border-left:3px solid #E8B04B; background:rgba(232,176,75,.12); color:#fff !important; }

/* szagkezelés: statikus hármas választó (JS nélkül is működik) */
.szagut{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(16px,2vw,24px); list-style:none; margin:0; padding:0; }
.szagut .kartya--figy{ border-style:dashed; background:var(--felulet-alt); }

/* linklista (iparág / technológia fül) */
.linklista{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 var(--sp-6); }
.linklista li{ border-bottom:1px solid var(--vonal); }
.linklista a{ display:flex; align-items:center; gap:var(--sp-4); padding:var(--sp-4) 0; text-decoration:none; color:var(--szoveg); min-height:64px; }
.linklista a:hover strong{ color:var(--nuxon-primary); text-decoration:underline; }
.linklista .ikon{ color:var(--nuxon-primary); }
.linklista strong{ display:block; font-weight:600; }
.linklista span span{ display:block; font-size:var(--fs-xs); color:var(--szoveg-halk); }

/* ---------- Miért NUXON: szöveg + ábra ---------- */
.ket-oszlop{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(32px,5vw,80px); align-items:center; }
.ket-oszlop--fent{ align-items:start; }
.tenyezo-abra{ margin:0; }
.tenyezo-abra svg{ width:100%; height:auto; display:block; }
.tenyezo-abra .t-vonal{ fill:none; stroke:var(--vonal-eros); stroke-width:1.5; stroke-dasharray:4 5; }
.tenyezo-abra .t-aram{ fill:none; stroke:var(--jel); stroke-width:2; stroke-dasharray:6 10; }
.tenyezo-abra .t-csomo{ fill:var(--felulet); stroke:var(--nuxon-primary); stroke-width:1.5; }
.tenyezo-abra .t-kozep{ fill:var(--nuxon-deep); }
.tenyezo-abra text{ font-family:var(--font-sans); font-size:15px; font-weight:500; fill:var(--szoveg); }
.tenyezo-abra .t-kozep-szoveg{ fill:#fff; font-weight:600; font-size:17px; }
.tenyezo-abra .t-cel{ fill:var(--nuxon-primary); }
.tenyezo-abra .t-cel-szoveg{ fill:#fff; font-weight:600; font-size:16px; }
.anim.is-lathato .t-aram{ animation:aram 2.6s linear infinite; }
@keyframes aram{ to{ stroke-dashoffset:-32; } }

/* ---------- referenciakártyák ---------- */
.ref{ display:flex; flex-direction:column; background:var(--felulet); border:1px solid var(--vonal); border-radius:var(--r-nagy); overflow:hidden; height:100%; position:relative; }
.ref .kep img,.ref .kep .helyorzo{ border-radius:0; aspect-ratio:3/2; }
.ref .helyorzo{ border:0; border-bottom:2px dashed var(--vonal-eros); }
.ref__torzs{ padding:clamp(18px,2.2vw,26px); display:flex; flex-direction:column; gap:var(--sp-3); flex:1; }
.ref__cimkek{ display:flex; flex-wrap:wrap; gap:6px; list-style:none; margin:0; padding:0; }
.ref__cimkek li{ font-size:var(--fs-xs); font-weight:600; color:var(--szoveg-halk); background:var(--felulet-alt); border:1px solid var(--vonal); border-radius:100px; padding:2px 10px; }
.ref h2,.ref h3{ font-size:var(--fs-lg); margin:0; }
.ref p{ margin:0; color:var(--szoveg-halk); font-size:var(--fs-sm); }
.ref__lab{ margin-top:auto; padding-top:var(--sp-2); }
.ref:has(.kartya__link:hover){ border-color:var(--nuxon-primary); box-shadow:var(--arnyek-eros); }
.ref-szuro{ display:flex; flex-wrap:wrap; gap:var(--sp-2); margin:0 0 var(--sp-5); }
.ref-szuro button,.cikk-szuro button{
  min-height:44px; padding:8px 16px; border-radius:100px; border:1px solid var(--vonal-eros); background:var(--felulet);
  font:inherit; font-size:var(--fs-sm); font-weight:500; color:var(--szoveg); cursor:pointer;
}
.ref-szuro button[aria-pressed="true"],.cikk-szuro button[aria-pressed="true"]{ background:var(--nuxon-primary); border-color:var(--nuxon-primary); color:#fff; }
.ref-szuro:not(.is-js){ visibility:hidden; }   /* JS nélkül nincs szűrő, de a helye megmarad */

/* ---------- technológiakártyák ---------- */
.tech .kartya__ikon{ background:var(--nuxon-deep); color:#fff; }
.tech__korlat{ font-size:var(--fs-xs) !important; color:var(--figyel) !important; font-weight:600; display:flex; gap:6px; align-items:flex-start; }
.tech__korlat::before{ content:"!"; flex:none; width:18px; height:18px; border-radius:50%; background:rgba(138,90,14,.14); display:grid; place-items:center; font-size:.75rem; }

/* ---------- Air Efficiency Check sáv ---------- */
.aec{ display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:clamp(28px,5vw,80px); align-items:center; }
.aec__perc{ display:flex; align-items:baseline; gap:var(--sp-3); font-weight:600; line-height:1; margin:0 0 var(--sp-4); }
.aec__perc b{ font-size:clamp(3.5rem,8vw,6rem); letter-spacing:-.04em; color:#fff; }
.aec__perc span{ font-size:var(--fs-lg); color:#CFE6F2; }
.kimenetek{ list-style:none; margin:0; padding:0; display:grid; gap:var(--sp-3); }
.kimenetek li{
  display:grid; grid-template-columns:44px minmax(0,1fr); gap:var(--sp-4); align-items:center;
  padding:var(--sp-4); border:1px solid var(--vonal-sotet); border-radius:var(--r-kozep); background:rgba(255,255,255,.04);
}
.kimenetek b{ width:44px; height:44px; border-radius:50%; display:grid; place-items:center; background:rgba(255,255,255,.1); color:#fff; font-size:1.1rem; }
.kimenetek span{ color:var(--szoveg-inverz); font-size:var(--fs-sm); line-height:1.5; }
.szakasz:not(.szakasz--sotet) .kimenetek li{ border-color:var(--vonal); background:var(--felulet); }
.szakasz:not(.szakasz--sotet) .kimenetek b{ background:var(--nuxon-deep); }
.szakasz:not(.szakasz--sotet) .kimenetek span{ color:var(--szoveg); }

/* ---------- szolgáltatási út (lépések) ---------- */
.lepesek{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(16px,2vw,28px); counter-reset:lepes; position:relative; }
.lepesek::before{ content:""; position:absolute; left:22px; right:22px; top:22px; height:2px; background:linear-gradient(90deg, var(--jel), var(--nuxon-primary)); opacity:.35; }
.lepesek li{ counter-increment:lepes; position:relative; padding-top:64px; }
.lepesek li::before{
  content:counter(lepes, decimal-leading-zero); position:absolute; left:0; top:0; width:46px; height:46px; border-radius:50%;
  display:grid; place-items:center; background:var(--felulet); border:2px solid var(--nuxon-primary); color:var(--nuxon-primary);
  font-weight:600; font-size:.95rem;
}
.lepesek h3{ font-size:var(--fs-lg); margin:0 0 var(--sp-2); }
.lepesek p{ font-size:var(--fs-sm); color:var(--szoveg-halk); margin:0 0 var(--sp-3); }

/* ---------- tudástár-ízelítő ---------- */
.kerdes-kartya h3{ font-family:var(--font-serif); font-weight:400; font-size:var(--fs-xl); line-height:1.35; }

/* ---------- záró CTA ---------- */
.zaro-cta{ text-align:left; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:clamp(24px,4vw,64px); align-items:end; }
.zaro-cta h2{ max-width:20ch; }
.zaro-cta__gombok{ display:flex; flex-direction:column; gap:var(--sp-3); }
.zaro-cta__gombok .btn{ justify-content:space-between; }
.zaro-cta__gombok .btn::after{ content:"→"; }

/* ---------- kapcsolati adatok ---------- */
.elerhetoseg{ list-style:none; margin:0; padding:0; display:grid; gap:var(--sp-4); }
.elerhetoseg li{ display:grid; grid-template-columns:40px minmax(0,1fr); gap:var(--sp-3); align-items:start; }
.elerhetoseg .ikon{ width:40px; height:40px; padding:9px; border-radius:50%; background:var(--jel-halvany); color:var(--nuxon-primary); }
.elerhetoseg strong{ display:block; font-size:var(--fs-sm); color:var(--szoveg-halk); font-weight:600; }
.elerhetoseg a{ font-weight:600; }
.adatlap{ display:grid; grid-template-columns:auto minmax(0,1fr); gap:6px var(--sp-5); margin:0; font-size:var(--fs-sm); }
.adatlap dt{ color:var(--szoveg-halk); font-weight:600; }
.adatlap dd{ margin:0; }
.domainlista{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--sp-3) var(--sp-6); }
.domainlista li{ padding:var(--sp-3) 0; border-bottom:1px solid var(--vonal); }
.domainlista a{ font-weight:600; }
.domainlista span{ display:block; font-size:var(--fs-sm); color:var(--szoveg-halk); }

/* =========================================================
   8. ŰRLAPOK (a közös NUXON-feldolgozóhoz; lásd lead.js)
   ========================================================= */
.urlap-blokk{ display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr); gap:clamp(28px,4vw,64px); align-items:start; }
.urlap-blokk__szoveg{ position:sticky; top:calc(var(--fejlec-m) + 24px); }
.lead-doboz{
  background:var(--felulet); border:1px solid var(--vonal); border-top:4px solid var(--nuxon-primary); border-radius:var(--r-nagy);
  box-shadow:var(--arnyek); padding:clamp(20px,3.2vw,40px);
}
.lead-doboz:focus{ outline:none; }
.lead-doboz > h2,.lead-doboz > h3{ font-size:var(--fs-xl); margin-bottom:var(--sp-2); }
.lead__bev{ font-size:var(--fs-sm); color:var(--szoveg-halk); margin-bottom:var(--sp-5); }
.lead abbr{ text-decoration:none; color:var(--hiba); }
.lead__opc{ font-weight:400; font-size:var(--fs-sm); color:var(--szoveg-halk); }
.lead__sugo{ font-size:var(--fs-sm); color:var(--szoveg-halk); line-height:1.5; max-width:62ch; margin-bottom:var(--sp-3); }
.lead__kontextus{
  font-size:var(--fs-sm); line-height:1.5; padding:var(--sp-3) var(--sp-4); margin:0 0 var(--sp-5);
  background:var(--jel-halvany); border-left:3px solid var(--jel); border-radius:0 var(--r-kicsi) var(--r-kicsi) 0;
}
.lead__csoport{ border:0; padding:0; margin:0 0 var(--sp-6); min-width:0; }
.lead__csoport legend{ font-weight:600; font-size:var(--fs-base); padding:0; margin-bottom:var(--sp-3); }
.lead__racs{ display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-4) var(--sp-5); }

.lmezo{ margin:0 0 var(--sp-3); display:grid; gap:6px; }
.lmezo label{ font-weight:600; font-size:var(--fs-sm); }
.lmezo input[type="text"],.lmezo input[type="email"],.lmezo input[type="tel"],.lmezo textarea,.lmezo select{
  font:inherit; font-size:1rem; color:var(--szoveg); background:var(--felulet); width:100%;
  border:2px solid var(--vonal-eros); border-radius:var(--r-kozep); min-height:50px; padding:10px 12px;
}
.lmezo select{ appearance:none; background-image:linear-gradient(45deg, transparent 50%, var(--szoveg) 50%), linear-gradient(135deg, var(--szoveg) 50%, transparent 50%); background-position:calc(100% - 20px) 50%, calc(100% - 14px) 50%; background-size:6px 6px; background-repeat:no-repeat; padding-right:40px; }
.lmezo textarea{ min-height:120px; resize:vertical; line-height:1.5; }
.lmezo input:focus,.lmezo textarea:focus,.lmezo select:focus{ outline:0; border-color:var(--nuxon-primary); box-shadow:0 0 0 3px var(--jel-halvany); }
.lmezo.is-hibas input,.lmezo.is-hibas textarea,.lmezo.is-hibas select{ border-color:var(--hiba); }
.lmezo__hiba{ font-size:var(--fs-sm); font-weight:500; color:var(--hiba); }
.lmezo__hiba:empty{ display:none; }
.lmezo--jelolo{ margin:var(--sp-5) 0; }
.lmezo__egyseges{ display:flex; align-items:stretch; }
.lmezo__egyseges input{ border-top-right-radius:0 !important; border-bottom-right-radius:0 !important; }
.lmezo__egyseges span{ display:flex; align-items:center; padding:0 12px; border:2px solid var(--vonal-eros); border-left:0; border-radius:0 var(--r-kozep) var(--r-kozep) 0; background:var(--felulet-alt); font-size:var(--fs-sm); color:var(--szoveg-halk); }
.lmezo input::placeholder,.lmezo textarea::placeholder{ color:#6E7E86; }

.lead__valasztok{ display:flex; flex-wrap:wrap; gap:var(--sp-2); }
.lead__valasztok--oszlop{ flex-direction:column; align-items:stretch; }
.valaszto{
  display:inline-flex; align-items:center; gap:var(--sp-2); min-height:44px; padding:8px 14px;
  border:2px solid var(--vonal); border-radius:var(--r-kozep); cursor:pointer; font-size:var(--fs-sm); font-weight:500;
  background:var(--felulet); transition:border-color var(--mozgas), background-color var(--mozgas);
}
.valaszto input{ width:18px; height:18px; margin:0; flex:none; accent-color:var(--nuxon-primary); }
.valaszto:hover{ border-color:var(--vonal-eros); }
.valaszto:has(input:checked){ border-color:var(--nuxon-primary); background:var(--jel-halvany); }
.valaszto:focus-within{ outline:3px solid var(--jel); outline-offset:2px; }
.valaszto--jogi{ border:0; padding:0; font-weight:400; align-items:flex-start; background:none; }
.valaszto--jogi:has(input:checked){ background:none; }
.valaszto--jogi input{ margin-top:3px; }
.lmezo.is-hibas .valaszto--jogi,.lead__csoport.is-hibas legend{ color:var(--hiba); }

.feltolto{ display:flex; flex-wrap:wrap; gap:var(--sp-3); }
.feltolto__gomb{ position:relative; }
.feltolto__input{ position:absolute; width:1px; height:1px; opacity:0; overflow:hidden; }
.feltolto__gomb label{
  display:inline-flex; align-items:center; gap:var(--sp-2); min-height:48px; padding:10px 18px; cursor:pointer;
  border:2px dashed var(--nuxon-primary); border-radius:var(--r-kozep); color:var(--nuxon-primary); font-weight:600; font-size:var(--fs-sm);
  background:var(--felulet);
}
.feltolto__gomb label:hover{ background:var(--jel-halvany); }
.feltolto__input:focus-visible + label{ outline:3px solid var(--jel); outline-offset:3px; }
.feltolto__gomb svg{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.feltolto__lista{ list-style:none; margin:var(--sp-3) 0 0; padding:0; display:grid; gap:var(--sp-2); }
.feltolto__lista li{
  display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:var(--sp-4); align-items:center;
  padding:var(--sp-2) var(--sp-3); background:var(--felulet-alt); border-radius:var(--r-kicsi); font-size:var(--fs-sm);
}
.feltolto__nev{ font-weight:500; overflow-wrap:anywhere; }
.feltolto__info{ grid-column:1; color:var(--szoveg-halk); font-size:var(--fs-xs); }
.feltolto__torol{
  grid-column:2; grid-row:1 / span 2; min-height:44px; padding:0 var(--sp-3); border:0; background:none; cursor:pointer;
  font:inherit; font-size:var(--fs-sm); color:var(--hiba); text-decoration:underline; text-underline-offset:.18em;
}
.lead__kuld{ margin:0; }
.lead__hiba{ margin:var(--sp-4) 0 0; padding:var(--sp-3) var(--sp-4); background:rgba(163,35,31,.07); border-left:3px solid var(--hiba); color:var(--hiba); font-weight:500; font-size:var(--fs-sm); }
.csapda{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.lead-siker{ display:flex; gap:var(--sp-4); align-items:flex-start; }
.lead-siker:focus{ outline:none; }
.lead-siker__ikon{ flex:none; width:48px; height:48px; fill:none; stroke:var(--siker); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.lead-siker h3{ font-size:var(--fs-xl); margin-bottom:var(--sp-2); }
.lead-siker p{ margin:0; color:var(--szoveg-halk); }

/* ---------- átvett régi oldalak: esettanulmány, szakmai cikk, MESP (V3) ---------- */
.oldalfej--cikk h1{ max-width:32ch; font-size:clamp(1.7rem,3.2vw,2.5rem); }
.cikk-meta{ display:flex; flex-wrap:wrap; gap:6px 18px; align-items:center; margin:0; font-size:var(--fs-sm); color:var(--szoveg-halk); }
.cikk-cimke{ font-size:var(--fs-xs); font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--nuxon-primary); background:var(--jel-halvany); border-radius:100px; padding:3px 10px; }
.szakasz--cikk{ padding-top:clamp(32px,4vw,56px); }
.cikk-racs{ display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:clamp(32px,5vw,72px); align-items:start; }
.cikk-torzs{ max-width:760px; min-width:0; font-family:var(--font-serif); font-size:1.0625rem; line-height:1.75; overflow-wrap:anywhere; }
.cikk-torzs h2,.cikk-torzs h3,.cikk-torzs h4{ font-family:var(--font-sans); margin:var(--sp-7) 0 var(--sp-3); }
.cikk-torzs h2{ font-size:var(--fs-xl); }
.cikk-torzs h3,.cikk-torzs h4{ font-size:var(--fs-lg); }
.cikk-torzs > :first-child{ margin-top:0; }
.cikk-torzs p,.cikk-torzs ul,.cikk-torzs ol{ margin:0 0 var(--sp-4); }
.cikk-torzs li{ margin-bottom:var(--sp-2); }
.cikk-torzs strong{ font-weight:600; }
.cikk-kep{ margin:var(--sp-5) 0; }
.cikk-kep img{ width:100%; height:auto; border-radius:var(--r-kozep); border:1px solid var(--vonal); background:var(--felulet-alt); }
.cikk-kep--hely .helyorzo{ min-height:180px; font-family:var(--font-sans); }
.cikk-kepsor{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:var(--sp-4); margin:var(--sp-5) 0; }
.cikk-kepsor .cikk-kep{ margin:0; }
.tabla-tarto{ overflow-x:auto; margin:var(--sp-5) 0; border:1px solid var(--vonal); border-radius:var(--r-kozep); }
.tabla-tarto table{ border-collapse:collapse; width:100%; min-width:480px; font-family:var(--font-sans); font-size:var(--fs-sm); line-height:1.45; }
.tabla-tarto td,.tabla-tarto th{ border-bottom:1px solid var(--vonal); padding:10px 12px; text-align:left; vertical-align:top; }
.tabla-tarto tr:first-child td{ background:var(--felulet-alt); font-weight:600; }
.cikk-oldalsav{ position:sticky; top:calc(var(--fejlec-m) + 24px); display:grid; gap:var(--sp-4); }
.cikk-doboz{ background:var(--felulet-alt); border:1px solid var(--vonal); border-radius:var(--r-nagy); padding:var(--sp-5); }
.cikk-doboz h2{ font-size:var(--fs-sm); text-transform:uppercase; letter-spacing:.1em; color:var(--szoveg-halk); margin:0 0 var(--sp-3); }
.cikk-doboz ul{ list-style:none; margin:0; padding:0; display:grid; gap:var(--sp-2); }
.cikk-doboz a{ font-weight:600; }
.cikk-doboz p{ font-size:var(--fs-sm); color:var(--szoveg-halk); }
.cikk-doboz--cta{ background:var(--felulet); border-top:3px solid var(--nuxon-primary); }
.cikk-doboz--cta h2{ font-size:var(--fs-lg); text-transform:none; letter-spacing:0; color:var(--szoveg); }

/* =========================================================
   9. KERESŐ, TUDÁSTÁR, JOGI OLDALAK, 404
   ========================================================= */
.kereso{ display:flex; gap:var(--sp-3); max-width:720px; margin:0 0 var(--sp-5); }
.kereso input{
  flex:1; min-width:0; font:inherit; font-size:1.0625rem; min-height:54px; padding:10px 16px;
  border:2px solid var(--vonal-eros); border-radius:var(--r-kozep); background:var(--felulet);
}
.kereso input:focus{ outline:0; border-color:var(--nuxon-primary); box-shadow:0 0 0 3px var(--jel-halvany); }
.kereso__javaslat{ font-size:var(--fs-sm); color:var(--szoveg-halk); }
.kereso__javaslat button{ border:0; background:none; padding:4px 2px; font:inherit; color:var(--nuxon-primary); text-decoration:underline; cursor:pointer; min-height:32px; }
.talalatok{ margin-top:var(--sp-6); }
.talalatok h2{ font-size:var(--fs-sm); text-transform:uppercase; letter-spacing:.1em; color:var(--szoveg-halk); margin:var(--sp-6) 0 var(--sp-3); }
.talalatok ul{ list-style:none; margin:0; padding:0; border-top:1px solid var(--vonal); }
.talalatok li{ border-bottom:1px solid var(--vonal); }
.talalatok a{ display:block; padding:var(--sp-4) 0; text-decoration:none; color:var(--szoveg); }
.talalatok a strong{ color:var(--nuxon-primary); display:block; }
.talalatok a span{ font-size:var(--fs-sm); color:var(--szoveg-halk); display:block; }
.talalatok a:hover strong{ text-decoration:underline; }
.talalatok__szam{ font-size:var(--fs-sm); color:var(--szoveg-halk); }

.cikkek{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 var(--sp-7); }
.cikkek li{ border-bottom:1px solid var(--vonal); }
.cikkek a{ display:grid; gap:4px; padding:var(--sp-4) 0; text-decoration:none; color:var(--szoveg); min-height:64px; }
.cikkek a strong{ font-weight:600; color:var(--szoveg); line-height:1.4; }
.cikkek a:hover strong{ color:var(--nuxon-primary); text-decoration:underline; }
.cikkek small{ font-size:var(--fs-xs); font-weight:600; color:var(--nuxon-primary); text-transform:uppercase; letter-spacing:.06em; }
.cikk-szuro{ display:flex; flex-wrap:wrap; gap:var(--sp-2); margin:0 0 var(--sp-5); }
.cikkcsoport + .cikkcsoport{ margin-top:var(--sp-7); }
.cikkcsoport h2{ font-size:var(--fs-xl); margin:0 0 var(--sp-3); }
.megjegyzes--tavol{ margin-top:var(--sp-6); }
.kategoriak a{ text-decoration:none; color:var(--nuxon-primary); display:inline-flex; min-height:32px; align-items:center; }
.kategoriak{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:var(--sp-2); }
.kategoriak li{ font-size:var(--fs-sm); font-weight:500; padding:6px 14px; border-radius:100px; background:var(--felulet); border:1px solid var(--vonal); }

.jogi-oldal{ max-width:860px; font-family:var(--font-serif); font-size:var(--fs-base); line-height:1.7; overflow-wrap:anywhere; }
.jogi-oldal h1{ font-family:var(--font-sans); font-size:var(--fs-2xl); margin-bottom:var(--sp-6); }
.jogi-oldal h2,.jogi-oldal h3{ font-family:var(--font-sans); font-size:var(--fs-lg); margin:var(--sp-6) 0 var(--sp-3); }
.jogi-oldal p{ margin:0 0 var(--sp-3); }
.jogi-oldal ul,.jogi-oldal ol{ margin:0 0 var(--sp-4); padding-left:1.4em; }
.jogi-oldal li p{ margin:0 0 var(--sp-1); }
.jogi-tabla{ overflow-x:auto; margin:0 0 var(--sp-5); }
.jogi-tabla table{ border-collapse:collapse; width:100%; min-width:560px; font-family:var(--font-sans); font-size:var(--fs-sm); }
.jogi-tabla th,.jogi-tabla td{ border:1px solid var(--vonal); padding:8px 10px; text-align:left; vertical-align:top; }
.jogi-tabla th{ background:var(--felulet-alt); font-weight:600; }

.hiba404{ font-weight:600; line-height:1; margin:0 0 var(--sp-4); font-size:clamp(4rem,12vw,7rem); letter-spacing:-.04em; color:var(--nuxon-primary); opacity:.25; }

/* =========================================================
   10. NUXON KÖZÖS LÁBLÉC (2026.10.06., minden NUXON-oldalon azonos)
   ========================================================= */
.site-foot{
  position:relative; overflow:hidden; background:#14202A; color:#B9C8CE;
  padding:var(--sp-9) 0 var(--sp-6); font-size:var(--fs-sm); line-height:1.6;
}
.site-foot > .keret{ position:relative; z-index:2; }
.site-foot a{ color:#fff; }
.site-foot p{ margin:0 0 var(--sp-2); }
.site-foot h2{
  position:relative; margin:0 0 var(--sp-3); padding-bottom:var(--sp-3); line-height:1.3;
  color:#fff; font-size:var(--fs-xs); font-weight:600; letter-spacing:.09em; text-transform:uppercase;
}
.site-foot h2::after{ content:""; position:absolute; left:0; bottom:0; width:38px; height:3px; background:var(--nuxon-accent); }
.foto-hatter{ position:absolute; inset:0; z-index:0; }
.foto-hatter img{ width:100%; height:100%; object-fit:cover; display:block; }
.foto-hatter--halk img{ filter:blur(3px); opacity:.30; }
.site-foot::after{ content:""; position:absolute; inset:0; background:rgba(15,29,36,.86); z-index:1; }
.foot-fejlec{ margin-bottom:var(--sp-6); }
.foot-fejlec .foot-logo{ display:block; width:auto; height:52px; margin:0; }
.foot-grid{ display:grid; grid-template-columns:1.25fr 1fr 1.15fr 1fr; gap:var(--sp-6); align-items:start; }
.foot-grid > div > :first-child{ margin-top:0; }
.foot-brandszoveg p:first-child{ font-size:clamp(1.15rem,1.7vw,1.5rem); font-weight:500; line-height:1.4; color:#fff; margin-bottom:var(--sp-4); max-width:22ch; }
.foot-brandszoveg p + p{ font-size:var(--fs-sm); color:#9FB2BA; max-width:46ch; }
.foot-oldalak{ list-style:none; margin:0; padding:0; }
.foot-oldalak li{ margin:0 0 var(--sp-2); }
.foot-oldalak a,.foot-oldal--jelenlegi{ font-size:var(--fs-sm); line-height:1.6; }
.foot-oldal--jelenlegi{ color:#fff; font-weight:600; }
/* nuxon.hu: oldaltérkép-sor a lábléc közepén (csak a nuxon.hu-n) */
.foot-nav{ margin-top:var(--sp-7); padding-top:var(--sp-5); border-top:1px solid rgba(255,255,255,.14); }
.foot-nav ul{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:var(--sp-2) var(--sp-5); }
.foot-nav a{ font-weight:500; text-decoration:none; }
.foot-nav a:hover{ text-decoration:underline; }
.foot-kozossegi-sor{ margin-top:var(--sp-6); }
.foot-kozossegi{ display:flex; gap:var(--sp-3); list-style:none; margin:0; padding:0; }
.foot-kozossegi a{ display:flex; align-items:center; justify-content:center; width:40px; height:40px; color:#fff; border:1px solid rgba(255,255,255,.28); border-radius:var(--r-kicsi); }
.foot-kozossegi a:hover{ border-color:var(--nuxon-accent); color:var(--nuxon-accent); }
.foot-kozossegi svg{ width:20px; height:20px; }
.foot-kozossegi .ico{ fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.foot-alap{ border-top:1px solid rgba(255,255,255,.14); margin-top:var(--sp-6); padding-top:var(--sp-5); }
.foot-alap p{ margin:0; font-size:var(--fs-xs); color:#94A7B0; }
.foot-zaro{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--sp-3) var(--sp-5); margin-top:var(--sp-4); }
.foot-zaro p{ margin:0; font-size:var(--fs-xs); color:#94A7B0; }
.foot-jogi{ list-style:none; margin:0; padding:0; }
.foot-zaro .foot-jogi{ display:flex; flex-wrap:wrap; gap:var(--sp-2) var(--sp-5); margin-left:auto; }
.foot-zaro .foot-jogi li{ margin:0; }
.foot-zaro .foot-jogi a{ font-size:var(--fs-xs); }
.site-foot .szam{ white-space:nowrap; }

/* =========================================================
   11. SÜTI-BANNER
   ========================================================= */
.cc{ position:fixed; left:0; right:0; bottom:0; z-index:90; padding:clamp(12px,2vw,20px); }
.cc__doboz{
  max-width:var(--keret); margin:0 auto; background:var(--felulet); color:var(--szoveg);
  border:1px solid var(--vonal); border-top:3px solid var(--jel); border-radius:var(--r-nagy); box-shadow:var(--arnyek-eros);
  padding:clamp(18px,2.4vw,28px); display:grid; grid-template-columns:minmax(0,1fr) auto;
  gap:var(--sp-5) clamp(24px,3vw,40px); align-items:start;
}
.cc__cim{ font-size:var(--fs-lg); margin:0 0 var(--sp-2); }
.cc__leiras{ font-size:var(--fs-sm); line-height:1.55; color:var(--szoveg-halk); margin:0; max-width:74ch; }
.cc__link{ color:var(--nuxon-primary); }
.cc__gombok{ display:flex; flex-wrap:wrap; gap:var(--sp-3); align-items:flex-start; }
.cc__gomb{ white-space:nowrap; }
.cc__reszletek{ margin-top:var(--sp-5); padding-top:var(--sp-5); border-top:1px solid var(--vonal); display:grid; grid-template-columns:repeat(3,1fr); gap:var(--sp-5); }
.cc__kat-fej{ display:flex; align-items:center; gap:var(--sp-3); margin-bottom:var(--sp-2); min-height:32px; }
.cc__kat-cim{ font-size:var(--fs-sm); font-weight:600; }
.cc__kat-leiras{ font-size:var(--fs-xs); line-height:1.5; color:var(--szoveg-halk); margin:0; }
.cc__mindig{ font-size:var(--fs-xs); font-weight:600; color:var(--siker); background:rgba(27,122,75,.10); border-radius:100px; padding:3px 10px; }
.cc__kapcsolo{ display:flex; align-items:center; gap:var(--sp-3); cursor:pointer; }
.cc__kapcsolo input{ width:20px; height:20px; accent-color:var(--nuxon-primary); flex:none; }

/* =========================================================
   12. RESZPONZÍV
   ========================================================= */
@media (max-width:1499px){
  .fonav__szoveg{ display:none; }          /* „Kapcsolat” felirat helyett csak ikon */
}
@media (max-width:1279px){
  /* mobilmenü: kétszintű, lenyíló csoportokkal */
  .menu-gomb{ display:block; }
  .fonav{
    position:fixed; left:0; right:0; top:var(--fejlec-m); bottom:0; background:var(--felulet);
    flex-direction:column; align-items:stretch; gap:var(--sp-5); padding:var(--sp-4) clamp(16px,4vw,40px) var(--sp-7);
    overflow-y:auto; transform:translateX(100%); visibility:hidden; transition:transform var(--mozgas), visibility var(--mozgas);
  }
  .fonav.is-nyitva{ transform:none; visibility:visible; }
  .fonav__lista{ flex-direction:column; align-items:stretch; gap:0; margin:0; }
  .fonav__elem{ flex-wrap:wrap; border-bottom:1px solid var(--vonal); }
  .fonav__link{ flex:1; min-height:56px; font-size:var(--fs-lg); border-bottom:0; padding:0; }
  .fonav__nyit{ width:56px; height:56px; margin:0; }
  .lenyilo{ position:static; flex-basis:100%; box-shadow:none; border:0; padding:0 0 var(--sp-4); }
  .lenyilo > .keret{ padding:0; }
  .mega,.lenyilo--kicsi .mega{ grid-template-columns:1fr; gap:var(--sp-4); }
  .mega a{ padding:10px 8px; }
  .mega__lab{ border-top:0; padding-top:0; }
  .fonav__jobb{ flex-direction:column; align-items:stretch; gap:var(--sp-3); }
  .fonav__ikon{ justify-content:flex-start; font-size:var(--fs-lg); padding:0; }
  .fonav__szoveg,.fonav__szoveg--asztali{ display:inline; }
  .fonav__cta{ min-height:52px; font-size:1rem; }
  .menu-nyitva body{ overflow:hidden; }
  .mobil-kereso{ display:inline-flex; margin-left:auto; }
  .menu-gomb{ margin-left:0; }

  .racs--4{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .lepesek{ grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:var(--sp-6); }
  .lepesek::before{ display:none; }
}
@media (max-width:1023px){
  .cikk-racs{ grid-template-columns:1fr; }
  .cikk-oldalsav{ position:static; }
  .fohero__racs,.ket-oszlop,.aec,.zaro-cta,.urlap-blokk,.utvonal{ grid-template-columns:1fr; }
  .fohero__szoveg h1{ max-width:20ch; }
  .fohero__fatyol{ background:linear-gradient(180deg, rgba(10,18,48,.72) 0%, rgba(10,18,48,.62) 55%, rgba(10,18,48,.8) 100%); }
  .urlap-blokk__szoveg{ position:static; }
  .racs{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .szagut{ grid-template-columns:1fr; }
  .utvonal__valasztok{ grid-template-columns:1fr; }
  .foot-grid{ grid-template-columns:1fr 1fr; }
  .cc__doboz{ grid-template-columns:1fr; }
  .cc__reszletek{ grid-template-columns:1fr 1fr; }
  .oldalfej__aramlas{ display:none; }
}
@media (max-width:767px){
  :root{ --fejlec-m:64px; --fs-base:1rem; }
  .marka img{ width:80px; }
  .racs,.racs--2,.racs--4,.linklista,.cikkek,.domainlista,.lead__racs{ grid-template-columns:1fr; }
  .lead__racs{ gap:0; }
  .lepesek{ grid-template-columns:1fr; }
  .lepesek li{ padding:0 0 0 64px; min-height:46px; }
  .gombsor .btn,.oldalfej .gombsor .btn{ width:100%; }
  .valto__pont{ padding-top:12px; }                   /* mobilon csak a sáv látszik */
  .valto__pont-szoveg{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
  .fohero{ min-height:0; }
  .fulek{ overflow-x:auto; flex-wrap:nowrap; }
  .ful{ white-space:nowrap; padding:10px 12px; }
  .lead__valasztok{ flex-direction:column; align-items:stretch; }
  .feltolto__gomb,.feltolto__gomb label{ width:100%; justify-content:center; }
  .kereso{ flex-direction:column; }
  .foot-grid{ grid-template-columns:1fr; }
  .foot-zaro .foot-jogi{ margin-left:0; }
  .foot-jogi a,.foot-oldalak a,.foot-nav a,.site-foot .foot-alap a,.site-foot p a{ display:inline-flex; align-items:center; min-height:44px; padding:2px 0; }
  .foot-kozossegi a{ width:44px; height:44px; }
  .cc{ padding:0; }
  .cc__doboz{ border-radius:var(--r-nagy) var(--r-nagy) 0 0; border-bottom:0; max-height:86vh; overflow-y:auto; }
  .cc__reszletek{ grid-template-columns:1fr; gap:var(--sp-4); }
  .cc__gombok{ flex-direction:column; }
  .cc__gomb{ width:100%; }
  .adatlap{ grid-template-columns:1fr; gap:0; }
  .adatlap dd{ margin-bottom:var(--sp-3); }
}

/* nyomtatás: menü, banner és lábléc nélkül */
@media print{
  .fejlec,.cc,.site-foot,.valto__vezerlo,.fulek,.fohero__hatter,.fohero__fatyol{ display:none !important; }
  .fonav{ display:none; }
}

/* =========================================================
   13. CSÖKKENTETT MOZGÁS — minden információ statikusan is teljes
   ========================================================= */
@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto; }
  *,*::before,*::after{ animation:none !important; transition:none !important; }
}

/* Munkaszöveg / fenntartott hely jelölése (élesítés előtt el kell tűnnie) */
.munkaszoveg{ margin:var(--sp-3) 0 0; padding:.5rem .75rem; border:1px dashed currentColor; border-radius:6px; font-size:.875rem; color:#8a5a00; background:rgba(178,106,0,.08); }

/* =================================================================
   V7 — TERMÉKEK, KATALÓGUS, TUDÁSKÖZPONT
   ================================================================= */
.fonav__cta-rovid{ display:none; }
@media (min-width:1280px) and (max-width:1499px){
  .fonav__cta-hosszu{ display:none; }
  .fonav__cta-rovid{ display:inline; }
}

/* vázlat- és „ellenőrzésre vár” jelölések (élesben nem jelennek meg) */
.vazlat-sav{ background:#FFF4DC; border-bottom:2px solid #E0B252; color:#5A3B05; font-size:var(--fs-sm); padding:var(--sp-3) 0; }
.vazlat-sav strong{ letter-spacing:.02em; }
.fuggo{ display:inline-block; font-size:var(--fs-xs); font-weight:600; color:#7A4E07; background:#FFF1D2; border:1px solid #E7C27A; border-radius:100px; padding:1px 8px; line-height:1.5; vertical-align:middle; }
.fuggo__nyers{ font-size:var(--fs-xs); color:var(--szoveg-halk); }
.fuggo-blokk{ border:1px dashed #D9B66A; background:#FFFAF0; border-radius:var(--r-kozep); padding:var(--sp-4); color:#5A3B05; font-size:var(--fs-sm); }
.jelveny{ display:inline-block; margin-left:var(--sp-2); font-size:.72rem; font-weight:600; text-transform:uppercase; letter-spacing:.06em; border-radius:100px; padding:1px 8px; vertical-align:middle; }
.jelveny--vazlat{ background:#FFF1D2; color:#7A4E07; border:1px solid #E7C27A; }

/* termékadatlap */
.termek-fej{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr); gap:var(--sp-7); align-items:start; }
.termek-fej__kep{ margin:0; }
.termek-fej__kep .helyorzo{ aspect-ratio:4/3; }
.termek-foto{ aspect-ratio:4/3; background:#fff; border:1px solid var(--vonal); border-radius:var(--r-nagy); display:flex; align-items:center; justify-content:center; padding:var(--sp-4); overflow:hidden; }
.termek-foto img{ max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; }
.termek-galeria{ list-style:none; margin:var(--sp-3) 0 0; padding:0; display:flex; flex-wrap:wrap; gap:var(--sp-2); }
.termek-galeria__gomb{ width:84px; height:68px; padding:4px; background:#fff; border:1px solid var(--vonal); border-radius:var(--r-kozep); cursor:pointer; display:flex; align-items:center; justify-content:center; }
.termek-galeria__gomb img{ max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; }
.termek-galeria__gomb:hover{ border-color:var(--nuxon-primary); }
.termek-galeria__gomb[aria-current="true"]{ border:2px solid var(--nuxon-primary); }
.termek-galeria__gomb:focus-visible{ outline:3px solid var(--jel); outline-offset:2px; }
.termek-adatok{ margin:0 0 var(--sp-5); display:grid; gap:0; border-top:1px solid var(--vonal); }
.termek-adatok > div{ display:grid; grid-template-columns:minmax(140px,2fr) minmax(0,5fr); gap:var(--sp-4); padding:var(--sp-3) 0; border-bottom:1px solid var(--vonal); }
.termek-adatok dt{ font-weight:600; font-size:var(--fs-sm); color:var(--szoveg-halk); }
.termek-adatok dd{ margin:0; }
.param-tabla thead th{ background:var(--felulet-alt); font-weight:600; }
.tabla-tarto .param-tabla--valtozat tr:first-child td{ background:none; font-weight:400; }
.tabla-tarto .param-tabla--valtozat tr:first-child td:first-child{ font-weight:600; }
.param-tabla--valtozat td, .param-tabla--valtozat th{ font-size:var(--fs-sm); vertical-align:top; }
.param-tabla--valtozat td:first-child{ font-weight:600; }
.param-tabla--valtozat td{ min-width:7.5em; }
.param-tabla--valtozat td:last-child{ min-width:20em; }
.kozos-adatok{ margin:var(--sp-3) 0 0; font-size:var(--fs-sm); color:var(--szoveg-halk); }
.tabla-tarto .param-tabla--fuggoleges tr:first-child td{ background:none; font-weight:400; }
.param-tabla--fuggoleges th{ width:34%; font-weight:600; background:var(--felulet-alt); }
/* termékoldal: gyártói leírás (teljes szélesség, a termékfej alatt) */
.szakasz.gyartoi{ padding-top:var(--sp-5); }
.gyartoi h2{ margin:var(--sp-7) 0 var(--sp-3); }
.gyartoi h2:first-child{ margin-top:0; }
.gyartoi__alcim{ font-size:var(--fs-lg); font-weight:600; color:var(--nuxon-primary-dark); margin:0 0 var(--sp-3); max-width:none; }
.gyartoi__bev{ margin:0 0 var(--sp-4); max-width:none; }
.gyartoi__racs{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--sp-4); margin:var(--sp-4) 0 0; }
.gyartoi__blokk{ background:var(--jel-halvany); border:1px solid #B9DDEB; border-left:4px solid var(--nuxon-primary); border-radius:var(--r-kozep); padding:var(--sp-4) var(--sp-5); }
.gyartoi__blokk h3{ margin:0 0 var(--sp-2); font-size:var(--fs-base); color:var(--nuxon-primary-dark); }
.gyartoi__blokk p{ margin:0; font-size:var(--fs-sm); line-height:1.6; max-width:none; }
@media (max-width:767px){ .gyartoi__racs{ grid-template-columns:1fr; } }
.kis-megj{ font-size:var(--fs-xs); color:var(--szoveg-halk); margin:var(--sp-2) 0 0; }
.munkaforditas{ margin-top:var(--sp-6); background:var(--felulet); border:1px dashed #D9B66A; border-radius:var(--r-nagy); padding:var(--sp-5); max-width:900px; }
.munkaforditas h3{ margin:0 0 var(--sp-2); font-size:var(--fs-lg); }
.munkaforditas ul{ margin:var(--sp-3) 0; padding-left:1.2em; }
.munkaforditas li{ margin:0 0 var(--sp-2); }
.munkaforditas .ellenorizendo li{ color:#5A3B05; }
.dok-lista{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--sp-2); }
.dok-csoport{ font-size:var(--fs-base); margin:var(--sp-5) 0 var(--sp-2); color:var(--nuxon-primary-dark); }
.dok-csoport:first-of-type{ margin-top:var(--sp-3); }
.dok-csoport__db{ font-weight:400; color:var(--szoveg-halk); }
@media (max-width:767px){ .dok-lista{ grid-template-columns:1fr; } }
.dok-lista a{ display:flex; gap:var(--sp-3); align-items:center; padding:var(--sp-3) var(--sp-4); border:1px solid var(--vonal); border-radius:var(--r-kozep); text-decoration:none; color:var(--szoveg); }
.dok-lista a:hover{ border-color:var(--nuxon-primary); }
.dok-lista strong{ display:block; }
.dok-lista span span{ display:block; font-size:var(--fs-xs); color:var(--szoveg-halk); }
.linklista--egyszeru{ display:block; }
.linklista--egyszeru a{ min-height:48px; padding:var(--sp-3) 0; }
.olvaso h2 + .fuggo-blokk, .olvaso h2 + p{ margin-top:var(--sp-3); }
.szakasz--szuk .olvaso h2{ margin-top:var(--sp-7); }
.szakasz--szuk .olvaso h2:first-child{ margin-top:0; }

/* katalógus */
.katalogus__kereso, .kereso--termek{ display:block; max-width:720px; }
.katalogus__kereso label, .kereso--termek label{ display:block; font-weight:600; margin:0 0 var(--sp-2); }
.kereso__sor{ display:flex; gap:var(--sp-3); }
.kereso__sor input{ flex:1; min-width:0; min-height:48px; padding:10px 14px; border:1px solid var(--vonal-eros); border-radius:var(--r-kozep); font:inherit; background:var(--felulet); }
.kereso__sor input:focus{ outline:0; border-color:var(--nuxon-primary); box-shadow:0 0 0 3px var(--jel-halvany); }
.katalogus__racs{ display:grid; grid-template-columns:minmax(220px,1fr) minmax(0,3fr); gap:var(--sp-7); margin-top:var(--sp-6); align-items:start; }
.katalogus:not(.is-js) .szuro, .katalogus:not(.is-js) .katalogus__rendez{ visibility:hidden; }
.szuro{ position:sticky; top:calc(var(--fejlec-m) + var(--sp-4)); }
/* a szűrőoszlop külön görgethető, ha magasabb a képernyőnél (nem akad be a lista aljáig) */
@media (min-width:1024px){
  .szuro__panel{ max-height:calc(100vh - var(--fejlec-m) - var(--sp-4) * 2); max-height:calc(100dvh - var(--fejlec-m) - var(--sp-4) * 2);
    overflow-y:auto; overscroll-behavior:contain; padding-right:var(--sp-3); scrollbar-width:thin; scrollbar-gutter:stable; }
  .szuro__panel .szuro__torol{ position:sticky; bottom:0; background:var(--felulet); box-shadow:0 -8px 12px -6px rgba(0,0,0,.08); }
}
.szuro__nyit{ display:none; }
.szuro__csoport{ border:0; margin:0 0 var(--sp-5); padding:0; }
.szuro__csoport legend{ font-weight:600; font-size:var(--fs-sm); text-transform:uppercase; letter-spacing:.06em; color:var(--szoveg-halk); margin:0 0 var(--sp-2); padding:0; }
.szuro__opcio{ display:flex; align-items:flex-start; gap:var(--sp-2); min-height:36px; padding:6px 0; cursor:pointer; font-size:var(--fs-sm); line-height:1.35; }
.szuro__opcio input{ width:18px; height:18px; margin:1px 0 0; flex:none; accent-color:var(--nuxon-primary); }
.szuro__db{ color:var(--szoveg-halk); margin-left:auto; padding-left:var(--sp-2); font-variant-numeric:tabular-nums; }
.szuro__opcio.is-tiltott{ color:var(--szoveg-halk); cursor:default; opacity:.6; }
.szuro__torol{ width:100%; }
.katalogus__sav{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--sp-3); margin:0 0 var(--sp-3); }
.katalogus__db{ margin:0; font-weight:600; }
.katalogus__rendez{ margin:0; display:flex; align-items:center; gap:var(--sp-2); font-size:var(--fs-sm); }
.katalogus__rendez select{ min-height:40px; border:1px solid var(--vonal-eros); border-radius:var(--r-kozep); padding:6px 10px; font:inherit; background:var(--felulet); }
.szuro__chipek{ list-style:none; margin:0 0 var(--sp-4); padding:0; display:flex; flex-wrap:wrap; gap:var(--sp-2); }
.szuro__chip{ display:inline-flex; align-items:center; gap:6px; min-height:36px; padding:4px 10px 4px 14px; border:1px solid var(--nuxon-primary); border-radius:100px; background:var(--jel-halvany); color:var(--nuxon-primary-dark); font:inherit; font-size:var(--fs-sm); cursor:pointer; }
.szuro__chip svg{ width:12px; height:12px; stroke:currentColor; stroke-width:2; fill:none; }
.szuro__chip:hover{ background:#D9EEF7; }
.termek-racs{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--sp-4); }
.termek-kartya article{ position:relative; height:100%; background:var(--felulet); border:1px solid var(--vonal); border-radius:var(--r-nagy); padding:var(--sp-5); display:flex; flex-direction:column; gap:var(--sp-2); transition:border-color var(--mozgas), box-shadow var(--mozgas); }
.termek-kartya article:hover{ border-color:var(--nuxon-primary); box-shadow:var(--arnyek); }
.termek-kartya__kep{ aspect-ratio:4/3; background:#fff; border:1px solid var(--vonal); border-radius:var(--r-kozep); display:flex; align-items:center; justify-content:center; padding:var(--sp-3); margin:0 0 var(--sp-2); overflow:hidden; }
.termek-kartya__kep img{ max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; }
.termek-kartya__kep--nincs{ background:var(--felulet-alt); border-style:dashed; color:var(--szoveg-halk); font-size:var(--fs-xs); text-transform:uppercase; letter-spacing:.06em; }
.termek-kartya__kat{ margin:0; font-size:var(--fs-xs); color:var(--szoveg-halk); text-transform:uppercase; letter-spacing:.05em; font-weight:600; }
.termek-kartya__kod{ margin:0; font-size:var(--fs-xl); line-height:1.2; }
.termek-kartya__kod a{ color:var(--szoveg); text-decoration:none; }
.termek-kartya__kod a::after{ content:""; position:absolute; inset:0; border-radius:inherit; }
.termek-kartya__kod a:focus-visible{ outline:0; }
.termek-kartya article:focus-within{ outline:3px solid var(--jel); outline-offset:2px; }
.termek-kartya__nev{ margin:0; font-size:var(--fs-sm); line-height:1.4; color:var(--szoveg); font-weight:500; }
.termek-kartya__nev .jelveny{ margin-left:var(--sp-2); }
.cimkek{ list-style:none; margin:auto 0 0; padding:var(--sp-2) 0 0; display:flex; flex-wrap:wrap; gap:6px; }
.cimkek li{ font-size:var(--fs-xs); background:var(--felulet-alt); border:1px solid var(--vonal); border-radius:100px; padding:2px 9px; }
.katalogus__ures{ border:1px dashed var(--vonal-eros); border-radius:var(--r-nagy); padding:var(--sp-6); text-align:left; }
.katalogus__ures h2{ font-size:var(--fs-lg); margin:0 0 var(--sp-2); }

/* kapcsolat: termékhez kötött kérés */
.lead__termek{ background:var(--jel-halvany); border:1px solid #B9DDEB; border-radius:var(--r-kozep); padding:var(--sp-4); }
.lead__termek input[readonly]{ background:var(--felulet); }
.szoveg-gomb{ border:0; background:none; padding:4px 0; font:inherit; font-size:var(--fs-sm); color:var(--nuxon-primary); text-decoration:underline; cursor:pointer; min-height:32px; }
.kategoriak .db{ color:var(--szoveg-halk); font-weight:400; margin-left:4px; }

@media (max-width:1279px){
  .termek-racs{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:1023px){
  .termek-fej{ grid-template-columns:1fr; gap:var(--sp-5); }
  .katalogus__racs{ grid-template-columns:1fr; gap:var(--sp-4); }
  .szuro{ position:static; }
  .szuro__nyit{ display:inline-flex; width:100%; justify-content:center; }
  .szuro__panel{ margin-top:var(--sp-4); }
}
@media (max-width:767px){
  .termek-racs{ grid-template-columns:1fr; }
  .termek-kartya__kep{ aspect-ratio:16/10; }
  .kereso__sor{ flex-direction:column; }
  .termek-adatok > div{ grid-template-columns:1fr; gap:2px; }
}

/* =========================================================
   FŐOLDAL – valós adatok (2026.10.22.)
   ========================================================= */
.stat-sav{ background:var(--nuxon-primary-dark); color:#fff; }
.stat-sav__lista{ list-style:none; margin:0 auto; padding-top:var(--sp-5); padding-bottom:var(--sp-5); display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--sp-5); }
.stat-sav__lista li{ display:flex; align-items:baseline; gap:var(--sp-3); }
.stat-sav__lista b{ font-size:clamp(1.9rem,3vw,2.6rem); line-height:1; font-weight:700; color:#fff; font-variant-numeric:tabular-nums; }
.stat-sav__lista span{ font-size:var(--fs-sm); line-height:1.35; color:rgba(255,255,255,.82); }

.csalad-racs > li{ display:flex; }
.csalad{ display:flex; flex-direction:column; width:100%; background:var(--felulet); border:1px solid var(--vonal); border-radius:var(--r-nagy); overflow:hidden; text-decoration:none; color:var(--szoveg); transition:border-color var(--mozgas), box-shadow var(--mozgas), transform var(--mozgas); }
.csalad:hover{ border-color:var(--nuxon-primary); box-shadow:var(--arnyek); transform:translateY(-2px); }
.csalad:focus-visible{ outline:3px solid var(--jel); outline-offset:3px; }
.csalad__kep{ display:flex; align-items:center; justify-content:center; height:220px; background:#fff; padding:var(--sp-4); border-bottom:1px solid var(--vonal); }
.csalad__kep img{ max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; transition:transform 400ms ease; }
.csalad:hover .csalad__kep img{ transform:scale(1.04); }
.csalad__torzs{ display:flex; flex-direction:column; gap:var(--sp-2); padding:var(--sp-5); flex:1; }
.csalad__kodok{ font-size:var(--fs-xs); font-weight:700; letter-spacing:.06em; color:var(--nuxon-primary); }
.csalad__cim{ font-size:var(--fs-lg); line-height:1.25; }
.csalad__leiras{ font-size:var(--fs-sm); color:var(--szoveg-halk); line-height:1.55; flex:1; }

.eredmenyek{ background:linear-gradient(180deg, var(--felulet) 0%, var(--felulet-alt) 100%); }
.eredmeny-racs{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(16px,2vw,24px); }
.eredmeny{ background:var(--felulet); border:1px solid var(--vonal); border-top:4px solid var(--nuxon-primary); border-radius:var(--r-nagy); padding:var(--sp-5); display:flex; flex-direction:column; gap:var(--sp-2); }
.eredmeny p{ margin:0; max-width:none; }
.eredmeny__ertek{ font-size:clamp(2rem,3.2vw,2.75rem); line-height:1; font-weight:700; color:var(--nuxon-primary-dark); font-variant-numeric:tabular-nums; }
.eredmeny__termek{ font-weight:700; }
.eredmeny__mit{ font-size:var(--fs-sm); line-height:1.55; flex:1; }
.eredmeny__ki{ font-size:var(--fs-xs); color:var(--szoveg-halk); }
.eredmeny__link{ font-size:var(--fs-sm); font-weight:600; color:var(--nuxon-primary); }

.tech--kep{ padding-top:0; overflow:hidden; }
.tech__kep{ margin:0 calc(-1 * var(--sp-5)) var(--sp-4); height:190px; background:#fff; display:flex; align-items:center; justify-content:center; border-bottom:1px solid var(--vonal); padding:var(--sp-3); }
.tech__kep img{ max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; }
.tech__csalad{ font-size:var(--fs-xs); font-weight:700; letter-spacing:.05em; color:var(--nuxon-primary); margin-top:auto; }

.szakasz--kephatter{ position:relative; overflow:hidden; isolation:isolate; }
.szakasz__hatterkep{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; }
.szakasz--kephatter::before{ content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg, rgba(10,18,48,.92) 0%, rgba(10,18,48,.82) 55%, rgba(10,18,48,.7) 100%); }

.dok-blokk{ margin-bottom:var(--sp-7); }
.dok-blokk__lista{ list-style:none; margin:var(--sp-4) 0 0; padding:0; display:grid; gap:var(--sp-3); }
.dok-blokk__lista li{ display:flex; align-items:baseline; gap:var(--sp-3); padding-bottom:var(--sp-3); border-bottom:1px solid var(--vonal); }
.dok-blokk__lista b{ min-width:2.6em; font-size:1.6rem; line-height:1; color:var(--nuxon-primary-dark); font-variant-numeric:tabular-nums; }
.dok-blokk__kep img{ width:100%; height:auto; border-radius:var(--r-nagy); box-shadow:var(--arnyek); }

.cikkajanlo > li{ display:flex; }
.cikk-kartya{ display:flex; flex-direction:column; width:100%; border-radius:var(--r-nagy); overflow:hidden; background:var(--felulet); border:1px solid var(--vonal); text-decoration:none; color:var(--szoveg); transition:box-shadow var(--mozgas), border-color var(--mozgas); }
.cikk-kartya:hover{ border-color:var(--nuxon-primary); box-shadow:var(--arnyek); }
.cikk-kartya__kep{ height:220px; overflow:hidden; }
.cikk-kartya__kep img{ width:100%; height:100%; object-fit:cover; transition:transform 500ms ease; }
.cikk-kartya:hover .cikk-kartya__kep img{ transform:scale(1.05); }
.cikk-kartya__torzs{ display:flex; flex-direction:column; gap:var(--sp-2); padding:var(--sp-5); flex:1; }
.cikk-kartya__torzs strong{ font-size:var(--fs-lg); line-height:1.3; flex:1; }
.cikk-kartya__rovat{ font-size:var(--fs-xs); font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--nuxon-primary); }

@media (max-width:1279px){ .racs--4.racs{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:1023px){
  .stat-sav__lista{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .eredmeny-racs{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:767px){
  .stat-sav__lista{ grid-template-columns:1fr 1fr; gap:var(--sp-4); }
  .stat-sav__lista li{ flex-direction:column; gap:var(--sp-1); }
  .eredmeny-racs{ grid-template-columns:1fr; }
  .racs--4.racs{ grid-template-columns:1fr; }
}

/* ---------- Partnerprogram (2026.10.26.) ---------- */
.modell-racs{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(16px,2vw,24px); }
.modell{ background:var(--felulet); border:1px solid var(--vonal); border-top:3px solid var(--nuxon-primary); border-radius:var(--r-nagy); padding:var(--sp-5); }
.modell__szam{ display:block; font-size:var(--fs-sm); font-weight:600; color:var(--jel); letter-spacing:.06em; margin-bottom:var(--sp-3); }
.modell h3{ font-size:var(--fs-lg); margin:0 0 var(--sp-2); }
.modell p{ font-size:var(--fs-sm); color:var(--szoveg-halk); margin:0; }
.pipalista{ list-style:none; margin:var(--sp-4) 0 0; padding:0; }
.pipalista li{ position:relative; padding:0 0 var(--sp-3) 30px; }
.pipalista li::before{ content:""; position:absolute; left:2px; top:.35em; width:14px; height:8px; border-left:2px solid var(--nuxon-primary); border-bottom:2px solid var(--nuxon-primary); transform:rotate(-45deg); }
.lepesek--3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
@media (max-width:1023px){ .modell-racs{ grid-template-columns:repeat(2,minmax(0,1fr)); } .lepesek--3{ grid-template-columns:1fr 1fr 1fr; } }
@media (max-width:767px){ .modell-racs{ grid-template-columns:1fr; } .lepesek--3{ grid-template-columns:1fr; } }
.gombsor--kozep{ justify-content:center; }
.zaro__mellek{ margin-top:var(--sp-4); font-size:var(--fs-sm); }

/* =====================================================================
   SZÉPÍTÉS (2026.10.26.): oldalképek, finom mozgás, gazdagabb kártyák.
   Minden mozgás csak prefers-reduced-motion: no-preference mellett fut.
   ===================================================================== */

/* ---------- oldalfej: áramló vonalak ---------- */
.oldalfej__aramlas path{ vector-effect:non-scaling-stroke; }
.aramlas__aram path{ stroke:var(--nuxon-primary); stroke-width:2.4; stroke-linecap:round; stroke-dasharray:.6 9.4; opacity:.55; }
/* Tamás kérése (2026.10.26.): a fejlécekben nincs animáció – az áramló pontsor nem jelenik meg */
.aramlas__aram{ display:none; }
@keyframes aramlas{ to{ stroke-dashoffset:-40; } }

/* ---------- oldalfej képpel ---------- */
.oldalfej--kep .oldalfej__belso{ min-height:clamp(330px,30vw,450px); display:flex; flex-direction:column; justify-content:center; }
.oldalfej--kep .oldalfej__belso > *{ max-width:min(640px,50%); }
.oldalfej__kep{ position:absolute; top:0; right:0; bottom:0; width:54%; overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg, transparent 0, rgba(0,0,0,.55) 16%, #000 34%); mask-image:linear-gradient(90deg, transparent 0, rgba(0,0,0,.55) 16%, #000 34%); }
.oldalfej__kep img{ width:100%; height:100%; object-fit:cover; display:block; transform:scale(1.03); transform-origin:60% 45%; }
.oldalfej--kep .oldalfej__aramlas{ left:30%; right:auto; width:46%; z-index:1; opacity:.75; }
.oldalfej--kep .oldalfej__aramlas > path{ stroke:#fff; opacity:.5; }
.oldalfej--kep .aramlas__aram path{ stroke:#fff; opacity:.9; }

@keyframes kenburns{ from{ transform:scale(1.03) translate(0,0); } to{ transform:scale(1.13) translate(-2%,-1.5%); } }
@media (max-width:1023px){
  .oldalfej--kep{ display:flex; flex-direction:column; }
  .oldalfej--kep .oldalfej__belso{ min-height:0; padding-bottom:var(--sp-5); }
  .oldalfej--kep .oldalfej__belso > *{ max-width:none; }
  .oldalfej__kep{ position:relative; order:2; width:100%; height:clamp(190px,44vw,320px);
    -webkit-mask-image:linear-gradient(180deg, transparent 0, #000 32%); mask-image:linear-gradient(180deg, transparent 0, #000 32%); }
}

/* ---------- kártya fotóval ---------- */
.kartya--foto{ padding-top:0; overflow:hidden; }
.kartya__foto{ display:block; margin:0 calc(-1 * clamp(20px,2.4vw,28px)); aspect-ratio:16/9; overflow:hidden; background:var(--felulet-alt); }
.kartya__foto img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform 700ms cubic-bezier(.2,.6,.3,1); }
.kartya--foto .kartya__ikon{ margin-top:-40px; position:relative; z-index:1; background:#fff; box-shadow:0 6px 18px rgba(21,35,42,.14); }
.kartya--foto:has(.kartya__link:hover) .kartya__foto img{ transform:scale(1.06); }
.kartya--foto::before{ z-index:2; }

/* ---------- fotós linklista (esettanulmányok, hírek) ---------- */
.linklista--kepes a{ gap:var(--sp-4); }
.linklista--kepes .linklista__kep{ flex:0 0 auto; width:96px; height:66px; border-radius:var(--r-kozep); overflow:hidden; background:var(--felulet-alt); }
.linklista--kepes .linklista__kep img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform 500ms ease; }
.linklista--kepes a:hover .linklista__kep img{ transform:scale(1.08); }

/* ---------- sötét szakaszok: háttérkép + lebegő részecskék ---------- */
.szakasz--reszecske{ position:relative; overflow:hidden; isolation:isolate; }
.szakasz__hatter{ position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; opacity:.2; mix-blend-mode:luminosity; }
.szakasz--reszecske::after{
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.55;
  background-image:
    radial-gradient(circle, rgba(255,255,255,.75) 1px, transparent 1.7px),
    radial-gradient(circle, rgba(124,200,235,.7) 1.5px, transparent 2.3px),
    radial-gradient(circle, rgba(255,255,255,.45) .8px, transparent 1.4px);
  background-size:150px 150px, 260px 260px, 96px 96px;
  background-position:0 0, 60px 90px, 24px 40px;
}
@media (prefers-reduced-motion:no-preference){
  .szakasz--reszecske::after{ animation:reszecske 70s linear infinite; }
}
@keyframes reszecske{ to{ background-position:300px -600px, -260px -1040px, 192px -384px; } }

/* ---------- megjelenés görgetéskor (main.js 7.) ---------- */
@media (prefers-reduced-motion:no-preference){
  .js-mozgas [data-beuszo]{ opacity:0; transform:translateY(20px); transition:opacity 600ms ease, transform 700ms cubic-bezier(.2,.6,.3,1); transition-delay:var(--kesleltetes,0ms); }
  .js-mozgas [data-beuszo].lathato{ opacity:1; transform:none; }
}
@media print{ .js-mozgas [data-beuszo]{ opacity:1 !important; transform:none !important; } }

/* ---------- képek finom nagyítása hoverre ---------- */
.ref .kep{ overflow:hidden; }
.ref .kep img{ transition:transform 700ms cubic-bezier(.2,.6,.3,1); }
.ref:has(.kartya__link:hover) .kep img{ transform:scale(1.05); }
.csalad__kep img{ transition:transform 600ms cubic-bezier(.2,.6,.3,1); }
.csalad:hover .csalad__kep img{ transform:scale(1.06); }

/* ---------- termékkatalógus: alkalmazás-csempék (saját ábrákkal, 2026.10.26.) ---------- */
.alk-csempek{ list-style:none; margin:0 0 var(--sp-7); padding:0; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:var(--sp-3); }
.alk-csempek > li{ display:flex; }
.alk-csempe{ position:relative; display:flex; flex-direction:column; width:100%; border-radius:var(--r-nagy); overflow:hidden; text-decoration:none; color:var(--szoveg);
  background:linear-gradient(170deg, #F4F9FC 0%, #E7F1F8 100%); border:1px solid var(--vonal);
  transition:transform var(--mozgas), box-shadow var(--mozgas), border-color var(--mozgas), background var(--mozgas); }
.alk-csempe__abra{ display:block; padding:var(--sp-4) var(--sp-3) var(--sp-1); }
.alk-csempe__abra svg{ display:block; width:100%; height:auto; overflow:visible; }
.alk-csempe__szoveg{ display:block; padding:var(--sp-2) 46px var(--sp-4) var(--sp-4); margin-top:auto; }
.alk-csempe__szoveg strong{ display:block; font-size:var(--fs-sm); line-height:1.3; font-weight:600; color:var(--nuxon-deep); }
.alk-csempe__szoveg span{ display:block; margin-top:2px; font-size:var(--fs-xs); color:var(--szoveg-halk); letter-spacing:.02em; }
.alk-csempe__db{ position:absolute; bottom:var(--sp-4); right:var(--sp-3); min-width:26px; height:26px; padding:0 7px; border-radius:100px; display:grid; place-items:center;
  background:var(--nuxon-primary); color:#fff; font-size:var(--fs-xs); font-weight:700; }
.alk-csempe:hover{ transform:translateY(-3px); box-shadow:0 12px 28px rgba(16,28,74,.14); border-color:var(--nuxon-primary); }
.alk-csempe:focus-visible{ outline:3px solid var(--jel); outline-offset:3px; }
.alk-csempe[aria-current="true"]{ border-color:var(--jel); box-shadow:0 0 0 2px var(--jel), 0 12px 28px rgba(16,28,74,.14); background:linear-gradient(170deg, #E9F6FC 0%, #D6ECF7 100%); }
.alk-csempe[aria-current="true"] .alk-csempe__db{ background:var(--jel); }
@media (max-width:1279px){ .alk-csempek{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:767px){
  .alk-csempek{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:var(--sp-3); margin-left:calc(-1 * var(--sp-4)); margin-right:calc(-1 * var(--sp-4)); padding:0 var(--sp-4) var(--sp-2); scrollbar-width:none; }
  .alk-csempek::-webkit-scrollbar{ display:none; }
  .alk-csempek > li{ flex:0 0 62%; scroll-snap-align:start; }
}

/* ---------- ábrák (abrak.py) ---------- */
.abra .t{ fill:#fff; stroke:var(--nuxon-deep); stroke-width:1.8; stroke-linejoin:round; }
.abra .v{ fill:none; stroke:var(--nuxon-deep); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.abra .vk{ stroke-width:1.2; opacity:.75; }
.abra .szt{ fill:#DCE6F7; }
.abra .sz{ fill:none; stroke:var(--nuxon-primary); stroke-width:1.5; stroke-linejoin:round; }
.abra .el{ fill:none; stroke:var(--nuxon-accent); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.abra .kozep{ fill:var(--nuxon-deep); }
.abra .p{ fill:#8C96A3; }
.abra .toredek{ fill:#B9A97A; }
.abra .mol{ fill:#9C8A4E; }
.abra .kotes{ stroke:#9C8A4E; stroke-width:1.2; }
.abra .fust{ fill:none; stroke:#A39A8F; stroke-width:2.2; stroke-linecap:round; }
.abra .olaj{ fill:#D4A72C; }
.abra .uvh{ fill:#F1ECFB; }
.abra .uv{ fill:#C6B2F2; stroke:#7B4FD0; stroke-width:1.2; }
.abra .uvs{ stroke:#7B4FD0; stroke-width:1.3; stroke-linecap:round; }
.abra .szen{ fill:#3D4852; }
.abra .szen-p{ fill:#77828C; }
.abra .borda{ stroke:var(--nuxon-deep); stroke-width:1; opacity:.35; }
.abra .hullam{ fill:none; stroke:#E4572E; stroke-width:1.8; stroke-linecap:round; }
.abra .level{ fill:none; stroke:#3F9B5A; stroke-width:1.8; stroke-linecap:round; }
.abra .aram{ fill:none; stroke-width:2.2; stroke-linecap:round; stroke-dasharray:5 5; }
.abra .aram--tiszta{ stroke:var(--nuxon-accent); }
.abra .aram--halvany{ opacity:.45; }
.abra .aram--szennyes{ stroke:#8C96A3; }
.abra .aram--fust{ stroke:#A39A8F; }
.abra .aram--meleg{ stroke:#E4572E; }
.abra .aram--hideg{ stroke:#2D7DD2; }
.abra .aram--langyos{ stroke:#F2A541; }
.abra .nyil--tiszta{ fill:var(--nuxon-accent); }
.abra .nyil--szennyes{ fill:#8C96A3; }
.abra .nyil--meleg{ fill:#E4572E; }
.abra .nyil--hideg{ fill:#2D7DD2; }
.abra .nyil--langyos{ fill:#F2A541; }
@media (prefers-reduced-motion:no-preference){
  .abra .aram{ animation:abra-aram 1.4s linear infinite; }
}
@keyframes abra-aram{ to{ stroke-dashoffset:-10; } }

/* ---------- termékkártya (2026.10.26.) ---------- */
.termek-kartya article{ padding:0; gap:0; overflow:hidden; transition:border-color var(--mozgas), box-shadow var(--mozgas), transform var(--mozgas); }
.termek-kartya article:hover{ transform:translateY(-3px); box-shadow:0 14px 30px rgba(16,28,74,.12); }
.termek-kartya__kep{ position:relative; margin:0; border:0; border-bottom:1px solid var(--vonal); border-radius:0; padding:var(--sp-5);
  background:radial-gradient(120% 90% at 50% 40%, #fff 0%, #fff 45%, #EEF4F8 100%); }
.termek-kartya__kep img{ transition:transform 700ms cubic-bezier(.2,.6,.3,1); }
.termek-kartya article:hover .termek-kartya__kep img{ transform:scale(1.07); }
.termek-kartya__jelek{ position:absolute; left:var(--sp-3); top:var(--sp-3); right:var(--sp-3); display:flex; flex-wrap:wrap; gap:6px; pointer-events:none; }
.termek-kartya__jelek .jelveny{ margin-left:auto; }
.tech-jel{ display:inline-block; font-size:.7rem; font-weight:700; letter-spacing:.04em; line-height:1; padding:5px 9px; border-radius:100px; color:#fff; background:var(--nuxon-primary); box-shadow:0 2px 6px rgba(16,28,74,.15); }
.tech-jel--mesp{ background:var(--nuxon-primary); }
.tech-jel--esp{ background:#0F7FA8; }
.tech-jel--uv{ background:#6B3FB8; }
.tech-jel--szen{ background:#3D4852; }
.tech-jel--plazma{ background:#B5307A; }
.termek-kartya__torzs{ display:flex; flex-direction:column; gap:var(--sp-1); padding:var(--sp-4) var(--sp-5) var(--sp-5); flex:1; }
.termek-kartya__hasznalat{ margin:var(--sp-1) 0 0; font-size:var(--fs-xs); color:var(--szoveg-halk); line-height:1.5; }
.termek-kartya__lab{ margin:auto 0 0; padding-top:var(--sp-4); display:flex; align-items:center; justify-content:space-between; gap:var(--sp-3); font-size:var(--fs-sm); }
.termek-kartya__dok{ display:inline-flex; align-items:center; gap:6px; color:var(--szoveg-halk); font-size:var(--fs-xs); font-weight:600; }
.termek-kartya__dok .ikon{ width:18px; height:18px; color:var(--nuxon-primary); }
.termek-kartya__lab .tovabb{ color:var(--nuxon-primary); font-weight:600; opacity:0; transform:translateX(-6px); transition:opacity var(--mozgas), transform var(--mozgas); }
.termek-kartya article:hover .termek-kartya__lab .tovabb, .termek-kartya article:focus-within .termek-kartya__lab .tovabb{ opacity:1; transform:none; }
@media (hover:none){ .termek-kartya__lab .tovabb{ opacity:1; transform:none; } }

/* ---------- termékoldal: hero (2026.10.26.) ---------- */
.termek-hero{ position:relative; overflow:hidden; isolation:isolate; border-bottom:1px solid var(--vonal);
  background:linear-gradient(180deg, var(--felulet-alt) 0%, #F7FAFC 70%, #fff 100%); padding:clamp(20px,3vw,36px) 0 clamp(40px,5vw,72px); }
.termek-hero__aramlas{ position:absolute; left:46%; right:0; top:18%; width:54%; height:64%; z-index:-1; pointer-events:none; opacity:.7; }
.termek-hero__aramlas path{ fill:none; vector-effect:non-scaling-stroke; }
.termek-hero__aramlas > path{ stroke:var(--jel); stroke-width:1.2; }
.termek-hero__racs{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:clamp(28px,4vw,72px); align-items:center; margin-top:var(--sp-5); }
.termek-hero__jelek{ display:flex; flex-wrap:wrap; gap:6px; margin:0 0 var(--sp-4); }
.termek-hero h1{ margin:0 0 var(--sp-4); color:var(--nuxon-deep); }
.termek-hero__kod{ display:block; font-size:clamp(2.4rem,5vw,3.8rem); line-height:1; letter-spacing:-.02em; }
.termek-hero__nev{ display:block; margin-top:var(--sp-3); font-size:clamp(1.15rem,1.9vw,1.5rem); line-height:1.3; font-weight:500; color:var(--szoveg); max-width:30ch; }
.termek-hero__lead{ font-family:var(--font-serif); font-size:1.0625rem; line-height:1.7; color:var(--szoveg); max-width:52ch; margin:0; }
.termek-hero .gombsor{ margin-top:var(--sp-5); }
.termek-hero__dokok{ list-style:none; margin:var(--sp-5) 0 0; padding:0; display:flex; flex-wrap:wrap; gap:var(--sp-2); }
.termek-hero__dokok a{ display:inline-flex; align-items:center; gap:6px; padding:6px 12px 6px 8px; border-radius:100px; background:rgba(255,255,255,.85);
  border:1px solid var(--vonal); color:var(--szoveg); font-size:var(--fs-xs); text-decoration:none; transition:border-color var(--mozgas), background var(--mozgas); }
.termek-hero__dokok a:hover{ border-color:var(--nuxon-primary); background:#fff; }
.termek-hero__dokok .ikon{ width:18px; height:18px; color:var(--nuxon-primary); }
.termek-hero__dokok b{ color:var(--nuxon-deep); }
.termek-hero__kep{ position:relative; margin:0; }
.termek-hero__kep::before{ content:""; position:absolute; inset:-10% -6% -6%; z-index:-1; border-radius:50%;
  background:radial-gradient(closest-side, rgba(24,168,216,.22), rgba(24,168,216,.08) 55%, transparent 75%); }

@keyframes lelegzes{ 0%,100%{ transform:scale(.96); opacity:.85; } 50%{ transform:scale(1.04); opacity:1; } }
.termek-hero .termek-foto{ border:0; border-radius:var(--r-nagy); box-shadow:0 18px 50px rgba(16,28,74,.14), 0 2px 8px rgba(16,28,74,.06); padding:clamp(16px,2.5vw,32px); aspect-ratio:4/3; }
.termek-hero .termek-galeria{ margin-top:var(--sp-3); }
@media (max-width:1023px){
  .termek-hero__racs{ grid-template-columns:1fr; }
  .termek-hero__kep{ max-width:620px; }
}

/* ---------- termékoldal: áttekintő csempék ---------- */
.termek-attekintes-szakasz{ padding-top:clamp(28px,3vw,40px); padding-bottom:var(--sp-4); }
.szakasz--katalogus{ padding-top:clamp(24px,3vw,40px); }
.zaro.szakasz--kephatter::before{ background:linear-gradient(90deg, rgba(10,18,48,.9) 0%, rgba(10,18,48,.74) 55%, rgba(10,18,48,.55) 100%); }
.zaro.szakasz--kephatter .szakasz__hatterkep{ opacity:1; }
.termek-attekintes{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:var(--sp-3); }
.termek-attekintes > li{ display:flex; gap:var(--sp-3); align-items:flex-start; padding:var(--sp-4); border:1px solid var(--vonal); border-radius:var(--r-nagy); background:var(--felulet); }
.termek-attekintes__ikon{ flex:none; width:42px; height:42px; border-radius:var(--r-kozep); display:grid; place-items:center; background:var(--jel-halvany); color:var(--nuxon-primary); }
.termek-attekintes__ikon .ikon{ width:24px; height:24px; }
.termek-attekintes__cim{ display:block; font-size:var(--fs-xs); font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--szoveg-halk); }
.termek-attekintes__ertek{ display:block; margin-top:2px; font-size:var(--fs-sm); font-weight:600; color:var(--szoveg); line-height:1.4; }
@media (max-width:767px){ .termek-attekintes{ grid-template-columns:1fr 1fr; } }
@media (max-width:460px){ .termek-attekintes{ grid-template-columns:1fr; } }

/* ---------- termékoldal: hasonló termékek, képes zárás ---------- */
.kapcs-termekek{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.kapcs-termekek .termek-kartya__kod{ font-size:var(--fs-lg); }
@media (max-width:1023px){ .kapcs-termekek{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
.zaro.szakasz--kephatter .zaro__belso{ max-width:760px; }
.zaro.szakasz--kephatter h2{ color:#fff; }
.szakasz--kephatter .szakasz__hatterkep{ transform:scale(1.04); }

@media (max-width:1023px){ .termek-hero__aramlas{ display:none; } }
@media (max-width:767px){
  .kapcs-termekek{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:var(--sp-3); margin-left:calc(-1 * var(--sp-4)); margin-right:calc(-1 * var(--sp-4)); padding:0 var(--sp-4) var(--sp-2); scrollbar-width:none; }
  .kapcs-termekek::-webkit-scrollbar{ display:none; }
  .kapcs-termekek > li{ flex:0 0 72%; scroll-snap-align:start; }
}
.kartya--foto.tech .kartya__ikon{ background:var(--nuxon-deep); color:#fff; }

/* ---------- elvi ábrák a technológia-kártyákon (2026.10.26.) ---------- */
.kartya__foto--abra{ display:flex; align-items:center; justify-content:center; background:linear-gradient(170deg, #F4F9FC 0%, #E4EFF7 100%); padding:var(--sp-3) var(--sp-4) var(--sp-5); }
.kartya__foto--abra svg{ width:100%; height:100%; max-height:100%; overflow:visible; }
.kartya--foto:has(.kartya__link:hover) .kartya__foto--abra svg{ transform:none; }
.abra .hex{ fill:none; stroke:var(--nuxon-primary); stroke-width:1; opacity:.6; }
.abra .halo{ stroke:var(--nuxon-primary); stroke-width:.9; opacity:.6; }
.abra .ion{ fill:var(--nuxon-deep); }
.abra .korona{ stroke:var(--nuxon-accent); stroke-width:1.4; stroke-linecap:round; }
.abra .toltott{ fill:#8C96A3; stroke:var(--nuxon-accent); stroke-width:1.3; }
.abra .szal{ fill:var(--nuxon-deep); }
.abra .lemez{ stroke:var(--nuxon-deep); stroke-width:3; stroke-linecap:round; }
.abra .lemez--plusz{ stroke:var(--nuxon-accent); }
.abra .palya{ fill:none; stroke:#8C96A3; stroke-width:1.3; stroke-dasharray:3 3; }
.abra .t--uv{ fill:none; }
.abra .dielektrikum{ fill:#E9E3F5; stroke:var(--nuxon-deep); stroke-width:1.2; }
.abra .plazma-fenye{ fill:none; stroke:#F3C6DF; stroke-width:5; stroke-linejoin:round; stroke-linecap:round; }
.abra .plazma{ fill:none; stroke:#B5307A; stroke-width:1.6; stroke-linejoin:round; stroke-linecap:round; }
.abra .kis-mol{ fill:#5DA9D6; }

/* =====================================================================
   FŐOLDALI HÁTTÉRDÍSZEK (2026.10.26., diszek.py): ventilátor, szél,
   elektronok, por – halványan, a tartalom mögött, részben kilógva.
   ===================================================================== */
.szakasz--disz{ position:relative; overflow:hidden; isolation:isolate; }
.disz{ position:absolute; z-index:-1; pointer-events:none; }
.disz svg{ display:block; width:100%; height:100%; overflow:visible; }

/* ventilátor */
.disz--venti{ width:clamp(360px,38vw,600px); aspect-ratio:1; }
.disz--venti::before{ content:""; position:absolute; inset:-14%; border-radius:50%; background:radial-gradient(closest-side, rgba(24,168,216,.13), rgba(24,168,216,.04) 60%, transparent); }
.disz--venti.disz--kisebb{ width:clamp(260px,26vw,420px); }
.disz--jobb-fent{ right:clamp(-280px,-15vw,-150px); top:-60px; }
.disz--bal-lent{ left:clamp(-200px,-10vw,-110px); bottom:-90px; }
.disz--jobb-lent{ right:clamp(-190px,-10vw,-100px); bottom:-80px; }
.venti-haz{ fill:rgba(24,48,144,.035); stroke:rgba(24,48,144,.28); stroke-width:3; }
.venti-gyuru{ fill:none; stroke:rgba(24,48,144,.16); stroke-width:1.4; }
.venti-lapat path{ fill:rgba(24,168,216,.2); stroke:rgba(24,48,144,.38); stroke-width:1.6; stroke-linejoin:round; }
.venti-agy{ fill:#fff; stroke:rgba(24,48,144,.42); stroke-width:2; }
.venti-agy2{ fill:rgba(24,48,144,.4); }
.venti-racs circle, .venti-racs path{ fill:none; stroke:rgba(24,48,144,.1); stroke-width:1.1; }
.venti-lapat{ transform-box:view-box; transform-origin:0 0; }   /* a viewBox (0,0) pontja a ventilátor tengelye */

/* szél */
.disz--szel{ left:0; right:0; height:clamp(220px,26vw,360px); }
.disz--fent{ top:0; }
.disz--lent{ bottom:0; }
.disz--jobbra{ left:42%; -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 35%); mask-image:linear-gradient(90deg, transparent 0, #000 35%); }
.szel-ut{ fill:none; stroke:rgba(24,168,216,.22); stroke-width:1.6; vector-effect:non-scaling-stroke; }
.szel-fuvas{ fill:none; stroke:rgba(24,168,216,.75); stroke-width:3; stroke-linecap:round; stroke-dasharray:16 84; vector-effect:non-scaling-stroke; }

/* elektronok (atommodell) */
.disz--atom{ width:clamp(320px,32vw,480px); aspect-ratio:1; }
.disz--atom::before{ content:""; position:absolute; inset:10%; border-radius:50%; background:radial-gradient(closest-side, rgba(24,168,216,.12), transparent); }
.disz--atom.disz--kisebb{ width:clamp(240px,24vw,360px); }
.disz--bal{ left:clamp(-220px,-11vw,-120px); top:50%; margin-top:calc(clamp(320px,32vw,480px) / -2); }
.disz--jobb{ right:clamp(-170px,-9vw,-90px); bottom:6%; }
.disz--jobb-fent2{ right:clamp(-170px,-9vw,-80px); top:-70px; }
.atom-palya{ fill:none; stroke:rgba(24,48,144,.22); stroke-width:1.6; }
.atom-mag{ fill:rgba(24,168,216,.5); stroke:rgba(24,48,144,.4); stroke-width:1.6; }
.atom-mag-fenye{ fill:rgba(24,168,216,.14); }
.atom-elektron{ fill:none; stroke:rgba(24,168,216,.95); stroke-width:10; stroke-linecap:round; stroke-dasharray:.01 99.99; }
.atom-elektron--b{ stroke-dashoffset:-50; }

/* por */
.disz--por{ inset:0; }
.por-reteg circle{ fill:rgba(110,100,85,.32); }
.por-reteg--2 circle{ fill:rgba(140,150,163,.36); }
.por-reteg--3 circle{ fill:rgba(24,48,144,.16); }

@media (prefers-reduced-motion:no-preference){
  .venti-lapat{ animation:forog 9s linear infinite; }
  .disz--lassu .venti-lapat{ animation-duration:16s; animation-direction:reverse; }
  .szel-fuvas{ animation:fuj 7s linear infinite; }
  .szel-fuvas--2{ animation-duration:9s; animation-delay:-3s; }
  .szel-fuvas--3{ animation-duration:8s; animation-delay:-5s; }
  .szel-fuvas--4{ animation-duration:11s; animation-delay:-1s; }
  .atom-elektron{ animation:kering 4.5s linear infinite; }
  .atom-elektron--b{ animation-delay:-2.25s; }
  .atom-elektron--2{ animation-duration:6s; }
  .atom-elektron--2.atom-elektron--b{ animation-delay:-3s; }
  .atom-elektron--3{ animation-duration:7.5s; animation-direction:reverse; }
  .atom-elektron--3.atom-elektron--b{ animation-delay:-3.75s; }
  .por-reteg--1{ animation:sodrodik1 26s ease-in-out infinite alternate; }
  .por-reteg--2{ animation:sodrodik2 34s ease-in-out infinite alternate; }
  .por-reteg--3{ animation:sodrodik3 21s ease-in-out infinite alternate; }
}
@keyframes forog{ to{ transform:rotate(360deg); } }
@keyframes fuj{ from{ stroke-dashoffset:100; } to{ stroke-dashoffset:0; } }
@keyframes kering{ from{ stroke-dashoffset:0; } to{ stroke-dashoffset:-100; } }
@keyframes sodrodik1{ from{ transform:translate(0,0); } to{ transform:translate(90px,-40px); } }
@keyframes sodrodik2{ from{ transform:translate(0,0); } to{ transform:translate(-70px,-60px); } }
@keyframes sodrodik3{ from{ transform:translate(0,0); } to{ transform:translate(120px,30px); } }
@media (max-width:767px){
  .disz--venti, .disz--atom{ opacity:.7; }
  .disz--jobb-fent{ right:-150px; top:-60px; width:300px; }
  .disz--bal{ left:-150px; width:280px; margin-top:-140px; }
}

/* ---------- lábléc: az oszlopok szövege a leírással egy magasságban indul (2026.10.26.) ---------- */
.foot-grid{ grid-template-columns:1.2fr 1.1fr 1.15fr .9fr; grid-template-rows:auto auto; row-gap:var(--sp-6); }
.foot-grid > div{ display:grid; grid-row:span 2; grid-template-rows:subgrid; row-gap:var(--sp-4); align-content:start; }
.foot-grid > div > h2{ align-self:end; margin:0; }
.foot-brandszoveg p:first-child{ align-self:end; margin:0; }
.foot-brandszoveg p + p{ margin:0; }
@media (max-width:1023px){ .foot-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:767px){ .foot-grid{ grid-template-columns:1fr; } }
.domainlista--szeles{ grid-template-columns:repeat(3,minmax(0,1fr)); }
@media (max-width:1023px){ .domainlista--szeles{ grid-template-columns:1fr 1fr; } }
@media (max-width:767px){ .domainlista--szeles{ grid-template-columns:1fr; } }

/* ---------- konyhai referenciák listája (2026.10.26.) ---------- */
.ref-lista-tabla{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 var(--sp-6); }
.ref-lista-tabla li{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2px var(--sp-3); padding:var(--sp-4) 0; border-bottom:1px solid var(--vonal); }
.ref-lista-tabla strong{ font-weight:600; color:var(--nuxon-deep); }
.ref-lista-tabla__hely{ font-size:var(--fs-xs); font-weight:600; color:var(--szoveg-halk); text-transform:uppercase; letter-spacing:.05em; align-self:center; }
.ref-lista-tabla li > span:last-child{ grid-column:1 / -1; font-size:var(--fs-sm); color:var(--szoveg-halk); }
@media (max-width:767px){ .ref-lista-tabla{ grid-template-columns:1fr; } }

/* ---------- technológiai részletoldalak (2026.10.26.) ---------- */
.abra-keret{ background:linear-gradient(170deg, #F4F9FC 0%, #E4EFF7 100%); border:1px solid var(--vonal); border-radius:var(--r-nagy); padding:clamp(16px,3vw,32px); margin:0; }
.abra-keret svg{ display:block; width:100%; height:auto; overflow:visible; }
.abra-keret--szeles{ max-width:760px; margin:0 0 var(--sp-7); }
.tabla-tarto{ overflow-x:auto; border:1px solid var(--vonal); border-radius:var(--r-nagy); background:var(--felulet); }
.osszevet{ width:100%; border-collapse:collapse; min-width:620px; font-size:var(--fs-sm); }
.osszevet th, .osszevet td{ text-align:left; vertical-align:top; padding:var(--sp-3) var(--sp-4); border-bottom:1px solid var(--vonal); }
.osszevet thead th{ background:var(--nuxon-deep); color:#fff; font-size:var(--fs-xs); letter-spacing:.06em; text-transform:uppercase; }
.osszevet tbody th{ font-weight:600; color:var(--nuxon-deep); width:22%; }
.osszevet td:last-child{ background:var(--jel-halvany); font-weight:500; }
.osszevet tbody tr:last-child > *{ border-bottom:0; }
.idovonal{ list-style:none; margin:0; padding:0 0 0 var(--sp-5); border-left:2px solid var(--vonal); display:grid; gap:var(--sp-4); max-width:820px; }
.idovonal li{ position:relative; display:grid; grid-template-columns:90px minmax(0,1fr); gap:var(--sp-4); }
.idovonal li::before{ content:""; position:absolute; left:calc(-1 * var(--sp-5) - 7px); top:6px; width:12px; height:12px; border-radius:50%; background:var(--felulet); border:2px solid var(--nuxon-primary); }
.idovonal__ev{ font-weight:700; color:var(--nuxon-primary); font-variant-numeric:tabular-nums; }
.idovonal p{ margin:0; }
@media (max-width:540px){ .idovonal li{ grid-template-columns:1fr; gap:2px; } }
/* 2026.10.26.: a korlátozó megjegyzés ne hasonlítson belső (sárga) kommentre – semleges, szürke szöveg */
.tech__korlat{ color:var(--szoveg-halk) !important; font-weight:500; }
.tech__korlat::before{ content:none; }
.konyharef-racs{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--sp-4); }
.konyharef{ background:var(--felulet); border:1px solid var(--vonal); border-radius:var(--r-nagy); overflow:hidden; }
.konyharef img{ display:block; width:100%; height:auto; aspect-ratio:1; object-fit:cover; }
.konyharef p{ margin:0; padding:var(--sp-3) var(--sp-4) var(--sp-4); display:flex; flex-direction:column; gap:2px; }
.konyharef strong{ color:var(--nuxon-deep); font-weight:600; }
.konyharef span{ font-size:var(--fs-xs); color:var(--szoveg-halk); text-transform:uppercase; letter-spacing:.05em; font-weight:600; }
@media (max-width:1023px){ .konyharef-racs{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:767px){ .konyharef-racs{ grid-template-columns:1fr 1fr; } }

/* fejkép, amelyen a fő alak a kép bal szélén áll (Partnerprogram, 2026.10.27.): rövid átmenet, hogy az alak ne halványuljon el */
.oldalfej--kep-bal .oldalfej__kep{ width:50%; -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 7%); mask-image:linear-gradient(90deg, transparent 0, #000 7%); }
.oldalfej--kep-bal .oldalfej__belso > *{ max-width:min(600px,46%); }
@media (max-width:1023px){
  .oldalfej--kep-bal .oldalfej__kep{ width:100%; height:clamp(240px,62vw,420px); -webkit-mask-image:linear-gradient(180deg, transparent 0, #000 18%); mask-image:linear-gradient(180deg, transparent 0, #000 18%); }
  .oldalfej--kep-bal .oldalfej__belso > *{ max-width:none; }
}
/* főoldali cím három sorban (2026.10.27.) */
.fohero__szoveg h1.fohero__cim3{ max-width:24ch; font-size:clamp(1.9rem,3.1vw,2.8rem); }
.fohero__cim3 span{ display:block; }
.fohero__cim3 span + span{ margin-top:.15em; }
.fohero__szoveg:has(.fohero__cim3){ max-width:780px; }
.fohero__szoveg h1.fohero__cim3{ max-width:none; }
.fohero__szoveg:has(.fohero__cim3) .bevezeto{ max-width:58ch; }

/* ---------- középre rendezett kártyarács: a nem teljes utolsó sor középen (2026.10.27.) ---------- */
.kozep-racs{ --oszlop:4; list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; justify-content:center; gap:var(--sp-4); }
.kozep-racs > li{ flex:0 0 calc((100% - (var(--oszlop) - 1) * var(--sp-4)) / var(--oszlop)); min-width:0; }
.kozep-racs--5{ --oszlop:5; }
@media (max-width:1279px){ .kozep-racs--5{ --oszlop:3; } }
@media (max-width:1023px){ .kozep-racs{ --oszlop:3; } }
@media (max-width:767px){ .kozep-racs, .kozep-racs--5{ --oszlop:2; } }
@media (max-width:420px){ .kozep-racs--5{ --oszlop:1; } }
.konyharef-racs.kozep-racs{ display:flex; }

/* ---------- nemzetközi projektek ---------- */
.nref{ display:flex; flex-direction:column; background:var(--felulet); border:1px solid var(--vonal); border-radius:var(--r-nagy); overflow:hidden; }
.nref__abra{ display:block; padding:var(--sp-4) var(--sp-3) var(--sp-2); background:linear-gradient(170deg, #F4F9FC 0%, #E4EFF7 100%); border-bottom:1px solid var(--vonal); }
.nref__abra svg{ display:block; width:100%; height:auto; overflow:visible; }
.nref__torzs{ padding:var(--sp-3) var(--sp-4) var(--sp-4); display:flex; flex-direction:column; gap:4px; flex:1; }
.nref h3{ margin:0; font-size:var(--fs-sm); line-height:1.35; color:var(--nuxon-deep); }
.nref p{ margin:0; }
.nref__hely{ font-size:var(--fs-xs); font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--nuxon-primary); }
.nref__agazat{ font-size:var(--fs-xs); color:var(--szoveg-halk); }
.nref__termek{ margin-top:auto !important; padding-top:var(--sp-2); font-size:var(--fs-xs); color:var(--szoveg); border-top:1px dashed var(--vonal); }
.nref__kep{ display:block; aspect-ratio:4/3; overflow:hidden; background:var(--felulet-alt); }
.nref__kep img{ display:block; width:100%; height:100%; object-fit:cover; }
/* magyar esettanulmányok a konyhai referenciák méretében (2026.10.27.) */
.ref-kicsi .ref .kep img{ aspect-ratio:4/3; object-fit:cover; width:100%; }
.ref-kicsi .ref__torzs{ padding:var(--sp-3) var(--sp-4) var(--sp-4); gap:var(--sp-2); }
.ref-kicsi .ref h2{ font-size:var(--fs-sm); line-height:1.35; color:var(--nuxon-deep); }
.ref-kicsi .ref p{ font-size:var(--fs-xs); }
.ref-kicsi .ref__cimkek li{ font-size:.68rem; padding:1px 8px; }
.ref-kicsi > li{ display:flex; }
.ref-kicsi > li > .ref{ width:100%; }