/* SYNERGIC weboldal – közös stíluslap (design-rendszer: ~/.claude/skills/synergic-web-design) */
@font-face{font-family:Cabin;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/cabin-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Cabin;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/cabin-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Cabin;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/cabin-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Cabin;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/cabin-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Cabin;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/cabin-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Cabin;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/cabin-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Cabin;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/cabin-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Cabin;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/cabin-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/montserrat-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/montserrat-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/montserrat-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Montserrat;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/montserrat-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Montserrat;font-style:normal;font-weight:900;font-display:swap;src:url(../fonts/montserrat-latin-900-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/montserrat-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/montserrat-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/montserrat-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Montserrat;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/montserrat-latin-ext-800-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Montserrat;font-style:normal;font-weight:900;font-display:swap;src:url(../fonts/montserrat-latin-ext-900-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* SYNERGIC főoldal – stíluslap (arculat: Kezikonyv_v2, Montserrat + Cabin) */

:root{
  --kek:#1D4282;        /* SYNERGIC márkakék – menüsáv */
  --navy:#183D62;       /* navy fejléckék */
  --muszaki:#1F5E93;    /* műszaki kék – kicker */
  --ipari:#0147AB;      /* ipari élénkkék – üveges sáv magja */
  --csucs:#4A91FC;      /* csúcsfény-kék */
  --mely:#002C6F;       /* mélykék sávárnyék */
  --vonal-kek:#1569B1;  /* elválasztó vonal */
  --grafit:#0E1E2B;     /* majdnem fekete */
  --jeg:#F2F7FC;        /* jégkék háttér */
  --tabla:#DBEDF7;
  --acel-v:#ECF1F7;--acel-k:#DBE3EB;--acel-s:#B8C2CE;
  --szoveg:#16232E;--szoveg-halv:#596670;--cimke:#525F67;
  --keret:#d5e1ef;
  --merkle:#00A19A;
  --cea:#FFC20E;

  --f-cim:Montserrat,"Segoe UI",system-ui,sans-serif;
  --f-szoveg:Cabin,"Segoe UI",system-ui,sans-serif;
  --gut:clamp(16px,4vw,32px);
  --felso:38px;--menu:78px;
  --r:14px;
  --arnyek:0 1px 2px rgba(14,30,43,.06),0 12px 32px -12px rgba(14,30,43,.22);
  --atmenet:cubic-bezier(.2,.7,.2,1);
}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--menu) + 12px)}
body{margin:0;font:400 1.0625rem/1.65 var(--f-szoveg);color:var(--szoveg);background:#fff;overflow-x:clip;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{font-family:var(--f-cim);margin:0;line-height:1.1;color:var(--grafit);hyphens:manual}  /* címeket soha nem választunk el (a user kérése) */
p{margin:0 0 1em}
a{color:var(--ipari);text-decoration:none}
ul{margin:0;padding:0;list-style:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:3px solid var(--csucs);outline-offset:3px;border-radius:4px}
.ik{width:1em;height:1em;flex:none;display:inline-block;vertical-align:-.14em}
.wrap{width:min(1240px,100% - 2*var(--gut));margin-inline:auto;position:relative;z-index:2}
.ugras{position:absolute;left:8px;top:-60px;background:#fff;color:var(--kek);padding:8px 14px;z-index:2000;border-radius:6px;font-weight:700}
.ugras:focus{top:8px}

/* ---------- közös elemek ---------- */
.kicker{display:inline-flex;align-items:center;gap:.6em;margin:0 0 .9rem;font:800 .78rem/1 var(--f-cim);letter-spacing:.22em;text-transform:uppercase;color:var(--muszaki)}
.kicker__negyzet{width:.62em;height:.62em;background:linear-gradient(135deg,var(--csucs),var(--ipari));transform:rotate(45deg);flex:none}
.kicker--feher{color:#cfe0ff}
.kicker--feher .kicker__negyzet{background:var(--csucs);box-shadow:0 0 12px var(--csucs)}
.kicker--merkle{color:#008a84}
.kicker--merkle .kicker__negyzet{background:linear-gradient(135deg,#3fd1c9,var(--merkle))}
.cim{font-weight:900;font-size:clamp(1.9rem,3.6vw,3rem);letter-spacing:-.01em;text-transform:uppercase;margin-bottom:1.1rem;overflow-wrap:break-word}
.bevezeto{font-size:1.18rem;line-height:1.55;color:var(--szoveg);font-weight:500}
.szakasz{position:relative;padding-block:clamp(72px,10vw,128px)}
.szakasz p{color:var(--szoveg-halv)}
.szakasz .bevezeto{color:var(--szoveg)}
.szakasz__fej{text-align:center;margin-bottom:clamp(36px,5vw,56px)}
.szakasz__fej .cim::after{content:"";display:block;width:84px;height:4px;margin:18px auto 0;border-radius:4px;background:linear-gradient(90deg,var(--mely),var(--ipari) 50%,var(--csucs))}
.szakasz--jeg{background:var(--jeg)}
/* szálcsiszolt acél – a katalógusborító fémes panelje CSS-ben */
.szakasz--acel{
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .9' numOctaves='2' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E"),
    linear-gradient(118deg,var(--acel-k) 0%,var(--acel-v) 32%,#f7f9fc 46%,var(--acel-k) 66%,#cdd6e0 100%);
}

/* gombok */
.gomb{--h:56px;display:inline-flex;align-items:center;justify-content:center;gap:.7em;min-height:var(--h);padding:0 1.7em;border-radius:10px;font:800 .9rem/1 var(--f-cim);letter-spacing:.08em;text-transform:uppercase;transition:transform .25s var(--atmenet),box-shadow .25s,background-color .25s,color .25s,border-color .25s;position:relative;isolation:isolate;overflow:hidden}
.gomb .ik{transition:transform .25s var(--atmenet)}
.gomb:hover .ik{transform:translateX(4px)}
.gomb--fo{color:#fff;background:linear-gradient(180deg,#1a63d6,var(--ipari));box-shadow:0 10px 30px -8px rgba(1,71,171,.75),inset 0 1px 0 rgba(255,255,255,.25)}
.gomb--fo::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.35) 48%,transparent 66%);transform:translateX(-120%);transition:transform .7s var(--atmenet);z-index:-1}
.gomb--fo:hover::before{transform:translateX(120%)}
.gomb--fo:hover{transform:translateY(-2px);box-shadow:0 16px 36px -10px rgba(74,145,252,.85),inset 0 1px 0 rgba(255,255,255,.3)}
.gomb--feher{color:var(--kek);background:#fff;box-shadow:0 10px 30px -10px rgba(0,0,0,.45)}
.gomb--feher:hover{transform:translateY(-2px);color:var(--ipari)}
.gomb--korvonal{color:var(--kek);border:2px solid currentColor;--h:52px}
.gomb--korvonal:hover{background:var(--kek);color:#fff;border-color:var(--kek)}
.marka--merkle .gomb--korvonal{color:#007a75}
.marka--merkle .gomb--korvonal:hover{background:var(--merkle);border-color:var(--merkle);color:#fff}
.gomb--kicsi{--h:44px;padding:0 1.2em;font-size:.78rem;color:#fff;border:1.5px solid rgba(255,255,255,.55);background:rgba(255,255,255,.06);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.gomb--kicsi:hover{background:#fff;color:var(--kek);border-color:#fff}

/* üveges kék sávok (a katalógusok átlós sávjai) */
.savok{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}
.savok i{position:absolute;display:block;bottom:-10%;height:130%;transform:skewX(-27deg);transform-origin:bottom left;
  background:linear-gradient(100deg,rgba(0,44,111,.85) 0%,rgba(1,71,171,.72) 45%,rgba(47,123,234,.55) 78%,rgba(74,145,252,.35) 100%);
  border-left:1px solid rgba(255,255,255,.55);box-shadow:inset 1px 0 0 rgba(255,255,255,.15),18px 0 40px -18px rgba(74,145,252,.55);
  backdrop-filter:blur(3px) saturate(1.3);-webkit-backdrop-filter:blur(3px) saturate(1.3)}
.savok i::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 30%,transparent 70%,rgba(255,255,255,.08))}

/* ================= FEJLÉC ================= */
.fejlec{position:fixed;inset:0 0 auto;z-index:1000;transition:transform .35s var(--atmenet)}
.felso-sav{height:var(--felso);background:var(--navy);color:#c9d8ec;font-size:.86rem;border-bottom:1px solid rgba(255,255,255,.08);transition:margin .35s var(--atmenet)}
.felso-sav__belso{height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}
.felso-sav__info{display:flex;gap:28px}
.felso-sav a{color:inherit;display:inline-flex;align-items:center;gap:.5em;transition:color .2s}
.felso-sav a:hover{color:#fff}
.felso-sav .ik{color:var(--csucs);font-size:1.05em}
.kozosseg{display:flex;gap:6px}
/* nyelvválasztó (jobb felül, a közösségi ikonok előtt): zászlók, az aktuális fehér keretes */
.felso-sav__jobb{display:flex;align-items:center;gap:14px}
.nyelvvalaszto{display:flex;gap:8px;list-style:none;margin:0;padding:0}
.nyelvvalaszto a{display:block;width:24px;height:16px;border-radius:3px;overflow:hidden;opacity:.55;box-shadow:0 0 0 1px rgba(255,255,255,.25);transition:opacity .2s,box-shadow .2s,transform .2s}
.nyelvvalaszto a:hover{opacity:1;transform:translateY(-1px)}
.nyelvvalaszto a[aria-current]{opacity:1;box-shadow:0 0 0 2px #fff}
.nyelvvalaszto svg{display:block;width:100%;height:100%}
@media (max-width:480px){.felso-sav .kozosseg{display:none}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.kozosseg a{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#c9d8ec;transition:background .2s,color .2s}
.kozosseg a:hover{background:rgba(255,255,255,.12);color:#fff}

.menusav{background:var(--kek);color:#fff;position:relative;transition:box-shadow .3s,background-color .3s}
.menusav::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--csucs) 30%,#9cc4ff 50%,var(--csucs) 70%,transparent);opacity:.0;transition:opacity .3s}
.menusav__belso{height:var(--menu);display:flex;align-items:center;justify-content:space-between;gap:24px;transition:height .3s var(--atmenet)}
.logo img{width:auto;height:52px;transition:height .3s var(--atmenet)}
body.gorgetve .felso-sav{margin-top:calc(var(--felso) * -1)}
body.gorgetve .menusav{box-shadow:0 10px 30px -12px rgba(0,20,60,.6)}
body.gorgetve .menusav::after{opacity:.9}
body.gorgetve .menusav__belso{height:64px}
body.gorgetve .logo img{height:42px}

/* asztali menü */
.fomenu__fej,.menugomb,.fomenu__kozosseg,.gyorshivas{display:none}
.fomenu{display:flex;align-items:center;gap:12px}
/* kiemelt menügombok: Akciók (CEA-sárga, pulzáló pötty) és Hívás */
.fomenu__gombok{display:flex;gap:10px}
.fomenu__gombok a{display:inline-flex;align-items:center;gap:.55em;height:42px;padding:0 16px;border-radius:10px;font:800 .8rem/1 var(--f-cim);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:background .2s,color .2s,transform .2s,border-color .2s}
/* az Akciók és a Hívás egyforma, fehér keretes; az Akciók mellett egy világos, fémes, villogó pötty */
.menu-akcio,.menu-hivas{color:#fff;border:1.5px solid rgba(255,255,255,.5)}
.menu-akcio:hover,.menu-hivas:hover{background:#fff;color:var(--kek);border-color:#fff}
.menu-akcio__pont{width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 22%,#dfe7f1 45%,#9aa8ba 100%);animation:villog 1.6s ease-in-out infinite}
@keyframes villog{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(225,235,248,.7),0 0 8px rgba(255,255,255,.9)}50%{opacity:.45;box-shadow:0 0 0 6px rgba(225,235,248,0),0 0 2px rgba(255,255,255,.3)}}
.menu-hivas .ik{font-size:1.1em}
.fomenu__lista{display:flex;align-items:center;gap:2px}
.fomenu__lista>li>a,.fomenu__nyit{display:inline-flex;align-items:center;gap:.4em;height:44px;padding:0 15px;border-radius:8px;color:#fff;font:700 .84rem/1 var(--f-cim);letter-spacing:.06em;text-transform:uppercase;transition:background .2s}
.fomenu__nyit .ik{font-size:.95em;opacity:.75;transition:transform .25s}
.fomenu__lista>li>a:hover,.fomenu__nyit:hover,.van-al:focus-within>.fomenu__nyit{background:rgba(255,255,255,.12)}
.fomenu__lista>li>a[aria-current]{box-shadow:inset 0 -3px 0 var(--csucs);border-radius:8px 8px 2px 2px}
.van-al{position:relative}
.van-al.mega{position:static}

.lenyilo{position:absolute;top:calc(100% + 10px);left:0;min-width:270px;padding:12px;background:#fff;border-radius:12px;box-shadow:0 24px 60px -18px rgba(14,30,43,.45),0 2px 6px rgba(14,30,43,.08);border-top:3px solid var(--csucs);
  opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s,transform .22s var(--atmenet),visibility 0s .22s}
.lenyilo::before{content:"";position:absolute;left:0;right:0;top:-24px;height:24px}
.lenyilo--jobb{left:auto;right:0}
.lenyilo a{display:block;padding:9px 12px;border-radius:8px;color:var(--szoveg);font-size:.97rem;line-height:1.3;transition:background .15s,color .15s,padding .2s}
.lenyilo a:hover{background:var(--jeg);color:var(--ipari);padding-left:16px}
.lenyilo__cim{display:block;padding:10px 12px 6px;font:800 .72rem/1.3 var(--f-cim);letter-spacing:.16em;text-transform:uppercase;color:var(--muszaki)}
a.lenyilo__cim{color:var(--muszaki)}
.lenyilo__csoport{margin-top:6px;padding-top:6px;border-top:1px solid var(--keret)}
.lenyilo--mega{left:50%;width:min(1180px,calc(100vw - 2*var(--gut)));transform:translate(-50%,8px);display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:18px}
.lenyilo--mega a{font-size:.92rem;padding:7px 12px}
.mega__oszlop{padding:4px;border-right:1px solid var(--keret)}
.mega__oszlop:last-child{border-right:0}
.lenyilo__cim--link{margin-top:12px;border-top:1px solid var(--keret);padding-top:14px}
.lenyilo--merkle{width:min(980px,calc(100vw - 2*var(--gut)));border-top-color:var(--merkle)}
.lenyilo--merkle .lenyilo__cim{color:#008a84}

@media (min-width:1200px){
  .van-al:hover>.lenyilo,.van-al:focus-within>.lenyilo{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .22s,transform .22s var(--atmenet)}
  .van-al:hover>.lenyilo--mega,.van-al:focus-within>.lenyilo--mega{transform:translate(-50%,0)}
  .van-al:hover>.fomenu__nyit .ik{transform:rotate(180deg)}
}

/* mobil / tablet menü – oldalról becsúszó panel */
@media (max-width:1199.98px){
  :root{--menu:68px}
  .menugomb{display:grid;gap:6px;width:46px;height:46px;place-content:center;border-radius:10px;background:rgba(255,255,255,.1)}
  .menugomb span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:transform .3s,opacity .3s}
  .menugomb span:nth-child(2){width:16px;justify-self:end}
  .fomenu{position:fixed;top:0;right:0;bottom:0;width:min(400px,88vw);background:linear-gradient(170deg,var(--kek),var(--mely));z-index:1100;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;
    transform:translateX(105%);transition:transform .4s var(--atmenet);box-shadow:-30px 0 60px -20px rgba(0,0,0,.5)}
  .fomenu.nyitva{transform:none}
  .fomenu__fej{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.12)}
  .fomenu__fej img{height:40px;width:auto}
  .fomenu__zar{width:44px;height:44px;border-radius:10px;font-size:2rem;line-height:1;color:#fff;background:rgba(255,255,255,.1)}
  .fomenu__lista{flex-direction:column;align-items:stretch;gap:0;padding:10px 12px}
  .fomenu__lista>li{border-bottom:1px solid rgba(255,255,255,.08)}
  .fomenu__lista>li>a,.fomenu__nyit{width:100%;height:54px;justify-content:space-between;font-size:.92rem}
  .fomenu__lista>li>a[aria-current]{box-shadow:none;color:#9cc4ff}
  .van-al.nyitva>.fomenu__nyit .ik{transform:rotate(180deg)}
  .lenyilo,.lenyilo--mega,.lenyilo--merkle{position:static;width:auto;min-width:0;transform:none;opacity:1;visibility:visible;box-shadow:none;border:0;border-radius:0;background:transparent;padding:0 0 0 10px;
    display:grid;grid-template-columns:1fr;gap:0;max-height:0;overflow:hidden;transition:max-height .4s var(--atmenet)}
  .van-al.nyitva>.lenyilo{max-height:2400px;padding-bottom:12px}
  .lenyilo::before{display:none}
  .lenyilo a{color:#d6e4f7;padding:9px 12px}
  .lenyilo a:hover{background:rgba(255,255,255,.08);color:#fff}
  .lenyilo__cim,a.lenyilo__cim,.lenyilo--merkle .lenyilo__cim{color:#8fb8ff}
  .lenyilo__csoport,.lenyilo__cim--link{border-color:rgba(255,255,255,.12)}
  .mega__oszlop{border:0;padding:0}
  .fomenu__kozosseg{display:flex;justify-content:center;padding:20px;margin-top:auto}
  .fomenu{gap:0;align-items:stretch}
  .fomenu__gombok{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px 12px 0}
  .fomenu__gombok a{justify-content:center;height:52px}
  .gyorshivas{display:grid;place-items:center;width:46px;height:46px;margin:0 -12px 0 auto;border-radius:10px;background:rgba(255,255,255,.1);color:#fff}
  .gyorshivas .ik{width:22px;height:22px}
  .menu-takaro{position:fixed;inset:0;background:rgba(5,15,30,.55);backdrop-filter:blur(3px);z-index:999;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}
  body.menu-nyitva .menu-takaro{opacity:1;visibility:visible;transition:opacity .3s}
  body.menu-nyitva{overflow:hidden}
  body.menu-nyitva .felso-sav,body.menu-nyitva .menusav__belso>.logo,body.menu-nyitva .menugomb{opacity:.35;transition:opacity .3s}
}
@media (max-width:640px){
  .csak-asztal{display:none}
  .felso-sav{font-size:.8rem}
  .logo img{height:44px}
}

/* ================= HERO ================= */
.hero{position:relative;min-height:clamp(640px,96vh,1000px);display:flex;align-items:center;background:var(--grafit);color:#fff;overflow:hidden;isolation:isolate;padding:calc(var(--felso) + var(--menu) + 40px) 0 190px}
.hero__kep{position:absolute;inset:0;z-index:-2}
.hero__kep img{width:100%;height:100%;object-fit:cover;object-position:70% 50%;transform:scale(1.06);animation:hero-zoom 14s var(--atmenet) forwards}
@keyframes hero-zoom{to{transform:scale(1)}}
.hero__arnyek{position:absolute;inset:0;z-index:-1;background:
  linear-gradient(90deg,rgba(9,22,40,.94) 0%,rgba(14,36,70,.82) 30%,rgba(24,61,98,.35) 52%,rgba(24,61,98,0) 68%),
  linear-gradient(0deg,rgba(9,22,40,.9) 0%,rgba(9,22,40,0) 34%),
  linear-gradient(180deg,rgba(9,22,40,.55) 0%,rgba(9,22,40,0) 22%)}
.savok--hero{z-index:-1}
.savok--hero i:nth-child(1){left:36%;width:3.2%;opacity:.75;animation:sav-be 1.2s .2s var(--atmenet) both}
.savok--hero i:nth-child(2){left:41%;width:9%;opacity:.42;animation:sav-be 1.2s .35s var(--atmenet) both}
.savok--hero i:nth-child(3){left:52.5%;width:1.4%;opacity:.8;animation:sav-be 1.2s .5s var(--atmenet) both}
.savok--hero i:nth-child(4){left:-6%;width:16%;height:46%;opacity:.55;animation:sav-be 1.2s .1s var(--atmenet) both}
@keyframes sav-be{from{translate:-18vw 0;opacity:0}}
.hero__belso{max-width:1240px}
.hero__cim{color:#fff;font-weight:900;font-size:clamp(2.6rem,7.2vw,6.4rem);line-height:.95;letter-spacing:-.02em;max-width:11ch;text-shadow:0 6px 40px rgba(0,10,30,.5)}
.hero__cim span{display:block;background:linear-gradient(100deg,#fff 0%,#cfe2ff 35%,var(--csucs) 70%,#9cc4ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 6px 30px rgba(74,145,252,.35))}
/* „ív” – vonal, rajta végigfutó szikra */
.iv{position:relative;width:min(340px,70%);height:4px;margin:28px 0 36px;border-radius:4px;background:linear-gradient(90deg,var(--csucs),rgba(74,145,252,.15));overflow:visible}
.iv span{position:absolute;top:50%;left:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;box-shadow:0 0 10px 3px #bcd8ff,0 0 26px 8px var(--csucs),0 0 60px 16px rgba(74,145,252,.55);animation:szikra 3.2s 1.2s ease-in-out infinite}
@keyframes szikra{0%{left:0;opacity:0}10%{opacity:1}50%{left:100%;opacity:1}60%{left:100%;opacity:0}100%{left:100%;opacity:0}}
.anim{animation:fel .9s calc(var(--k) * 130ms + 150ms) var(--atmenet) both}
@keyframes fel{from{opacity:0;transform:translateY(28px)}}

.palyazat{position:fixed;left:0;right:0;bottom:0;z-index:900;pointer-events:none}
.palyazat a{pointer-events:auto;position:absolute;bottom:0;transition:opacity .5s}
.palyazat a:first-child{left:0}
.palyazat a:first-child img{max-height:64px;width:auto}
.palyazat a:last-child{right:0}
.palyazat a:last-child img{max-width:150px}
body.gorgetve .palyazat a{opacity:0;pointer-events:none}

/* ================= KIEMELT KÁRTYÁK ================= */
.kiemelt{position:relative;z-index:5;margin-top:-140px;overflow-x:clip}
.kiemelt__racs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.kartya-kiemelt{position:relative;min-height:400px;border-radius:var(--r);overflow:hidden;isolation:isolate;display:flex;align-items:flex-end;color:#fff;background:var(--navy);
  border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 60px -28px rgba(0,20,60,.65);transition:border-color .3s,box-shadow .3s}
.kartya-kiemelt>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1s var(--atmenet)}
.kartya-kiemelt::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(14,30,43,.05) 0%,rgba(14,30,43,.35) 35%,rgba(13,38,78,.93) 72%,rgba(10,30,62,.98) 100%)}
.kartya-kiemelt::after{content:"";position:absolute;top:0;right:-30%;width:42%;height:100%;transform:skewX(-27deg);background:linear-gradient(100deg,rgba(1,71,171,.0),rgba(74,145,252,.25));border-left:1px solid rgba(255,255,255,.3);z-index:-1;transition:right .7s var(--atmenet)}
.kartya-kiemelt:hover{border-color:rgba(74,145,252,.75);box-shadow:0 30px 60px -24px rgba(1,71,171,.8)}
.kartya-kiemelt:hover>img{transform:scale(1.06)}
.kartya-kiemelt:hover::after{right:-12%}
.kartya-kiemelt__szoveg{padding:30px 28px 28px}
.kartya-kiemelt h2{color:#fff;font-size:clamp(1.35rem,1.9vw,1.65rem);font-weight:800;line-height:1.15;margin-bottom:.55rem}
.kartya-kiemelt p:not(.kicker){color:#d3e1f3;font-size:.98rem;line-height:1.5;margin-bottom:1.3rem}
.kartya-kiemelt .kicker{margin-bottom:.7rem}
.kartya-kiemelt--cea .kicker__negyzet{background:var(--cea);box-shadow:0 0 12px var(--cea)}

/* ================= SZOLGÁLTATÁSOK ================= */
.szolg{margin-top:-80px;padding-top:calc(clamp(72px,10vw,128px) + 80px)}
.szolg__racs{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(36px,6vw,80px);align-items:center}
.szolg__kartyak{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.kartya-szolg{position:relative;display:block;padding:30px 26px 26px;background:rgba(255,255,255,.88);border:1px solid #fff;border-radius:var(--r);box-shadow:var(--arnyek);color:inherit;overflow:hidden;transition:border-color .25s,box-shadow .25s}
.kartya-szolg:hover{border-color:rgba(74,145,252,.55);box-shadow:0 0 0 3px rgba(74,145,252,.14),var(--arnyek)}
.kartya-szolg__ikon{width:56px;height:56px;padding:12px;border-radius:12px;color:#fff;background:linear-gradient(140deg,var(--csucs),var(--ipari) 55%,var(--mely));box-shadow:0 10px 22px -10px rgba(1,71,171,.8);margin-bottom:20px}
.kartya-szolg__sorszam{position:absolute;top:14px;right:18px;font:900 3.4rem/1 var(--f-cim);color:rgba(29,66,130,.07)}
.kartya-szolg h3{font-size:1.2rem;font-weight:800;margin-bottom:.5rem;display:flex;align-items:center;gap:.4em}
.kartya-szolg h3 .ik{color:var(--ipari);transition:transform .25s}
.kartya-szolg:hover h3 .ik{transform:translateX(4px)}
.kartya-szolg p{margin:0;font-size:.98rem;line-height:1.5;color:var(--szoveg-halv)}

/* ================= MÁRKÁK (Merkle, CEA) ================= */
.marka__racs{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(40px,7vw,96px);align-items:center}
.marka__racs--fordit{grid-template-columns:1.05fr .95fr}
.marka__racs--fordit .marka__kep{order:2}
.marka__kep{position:relative;max-width:520px;justify-self:center;width:100%}
.marka__kep img{position:relative;z-index:2;width:100%;border-radius:var(--r);box-shadow:0 40px 70px -35px rgba(14,30,43,.6)}
.marka__kep::before{content:"";position:absolute;z-index:1;inset:28px -28px -28px 28px;border-radius:var(--r);
  background:repeating-linear-gradient(-63deg,rgba(1,71,171,.0) 0 22px,rgba(1,71,171,.12) 22px 24px),linear-gradient(135deg,var(--tabla),var(--acel-k))}
.marka__racs--fordit .marka__kep::before{inset:28px 28px -28px -28px}
.marka__ev{position:absolute;z-index:3;bottom:-26px;left:-14px;font:900 clamp(3.4rem,7vw,5.6rem)/1 var(--f-cim);letter-spacing:-.03em;background:linear-gradient(180deg,var(--csucs),var(--ipari) 60%,var(--mely));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #fff) drop-shadow(0 14px 24px rgba(1,71,171,.35))}
.marka__racs--fordit .marka__ev{bottom:auto;top:-30px;left:-18px}
.marka--merkle .marka__kep::before{background:repeating-linear-gradient(-63deg,rgba(0,161,154,0) 0 22px,rgba(0,161,154,.14) 22px 24px),linear-gradient(135deg,#dff4f2,var(--acel-k))}
.marka--merkle .marka__ev{background-image:linear-gradient(180deg,#3fd1c9,var(--merkle) 60%,#006e69);filter:drop-shadow(0 3px 0 #fff) drop-shadow(0 14px 24px rgba(0,110,105,.35))}
.marka--cea .marka__kep::after{content:"";position:absolute;z-index:3;top:-10px;right:-10px;width:64px;height:64px;border-top:6px solid var(--cea);border-right:6px solid var(--cea);border-radius:0 var(--r) 0 0}
.marka__szoveg .gomb{margin-top:.6rem}

/* ================= GÉP-KÁRTYÁK ================= */
.gep-racs{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.kartya-gep{position:relative;display:flex;flex-direction:column;padding:16px 16px 22px;background:#fff;border:1px solid var(--keret);border-radius:var(--r);color:inherit;box-shadow:0 1px 2px rgba(14,30,43,.04);transition:border-color .25s,box-shadow .25s}
.kartya-gep:hover{border-color:rgba(74,145,252,.6);box-shadow:0 0 0 3px rgba(74,145,252,.12),0 20px 40px -24px rgba(14,30,43,.4)}
.kartya-gep__kep{display:grid;place-items:center;aspect-ratio:1/1;border-radius:10px;overflow:hidden;margin-bottom:18px;background:#fff;position:relative}
.kartya-gep__kep::after{content:"";position:absolute;left:12%;right:12%;bottom:6%;height:10px;border-radius:50%;background:radial-gradient(closest-side,rgba(14,30,43,.16),transparent);z-index:0}
.kartya-gep__kep img{position:relative;z-index:1;width:86%;height:86%;object-fit:contain;transition:transform .5s var(--atmenet)}
.kartya-gep:hover .kartya-gep__kep img{transform:scale(1.06) translateY(-4px)}
.kartya-gep__tipus{font:800 .7rem/1 var(--f-cim);letter-spacing:.18em;text-transform:uppercase;color:var(--muszaki);margin:0 6px 8px}
.gepek--merkle .kartya-gep__tipus{color:#008a84}
.kartya-gep h3{font-size:1.12rem;font-weight:800;line-height:1.25;margin:0 6px 16px;flex:1}
.kartya-gep__tovabb{display:inline-flex;align-items:center;gap:.5em;margin:0 6px;font:800 .78rem/1 var(--f-cim);letter-spacing:.1em;text-transform:uppercase;color:var(--ipari)}
.kartya-gep__tovabb .ik{transition:transform .25s var(--atmenet)}
.kartya-gep:hover .kartya-gep__tovabb .ik{transform:translateX(5px)}
.gepek--merkle .kartya-gep__tovabb{color:#007a75}
.gepek--merkle .kartya-gep:hover{border-color:rgba(0,161,154,.55);box-shadow:0 0 0 3px rgba(0,161,154,.12),0 20px 40px -24px rgba(14,30,43,.4)}
.gepek--merkle .szakasz__fej .cim::after{background:linear-gradient(90deg,#006e69,var(--merkle) 50%,#3fd1c9)}

/* ================= CTA ================= */
.cta{position:relative;overflow:hidden;isolation:isolate;color:#fff;padding-block:clamp(64px,8vw,104px);
  background:radial-gradient(120% 140% at 85% 10%,rgba(74,145,252,.45),transparent 50%),linear-gradient(115deg,var(--grafit) 0%,var(--mely) 45%,var(--kek) 100%)}
.savok--cta i:nth-child(1){left:58%;width:9%;opacity:.55}
.savok--cta i:nth-child(2){left:70%;width:2.4%;opacity:.8}
.savok--cta i:nth-child(3){left:76%;width:18%;opacity:.35}
.cta__belso{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.cta__cim{color:#fff;font-weight:900;font-size:clamp(2.2rem,5.4vw,4.4rem);letter-spacing:-.02em;text-transform:uppercase;line-height:1}
.cta__szoveg{margin:.6rem 0 0;font-size:1.25rem;color:#cfe0ff}

/* ================= RÓLUNK ================= */
.rolunk__racs{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,7vw,96px);align-items:center}
.rolunk__kep{position:relative;max-width:540px;width:100%;justify-self:center}
.rolunk__kep img{width:100%;border-radius:var(--r);position:relative;z-index:2;box-shadow:0 40px 70px -35px rgba(14,30,43,.6)}
.rolunk__kep::before{content:"";position:absolute;z-index:1;left:-28px;top:-28px;width:62%;height:62%;border-radius:var(--r);background:linear-gradient(140deg,var(--csucs),var(--ipari) 50%,var(--mely))}
.rolunk__kep::after{content:"";position:absolute;z-index:1;right:-22px;bottom:-22px;width:46%;height:46%;border-radius:var(--r);border:2px solid var(--tabla)}
.szamok{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:clamp(20px,4vw,48px);margin:2rem 0 0;padding-top:1.8rem;border-top:1px solid var(--keret)}
.szamok div{margin:0}
.szamok dt{font:900 clamp(2rem,3.4vw,2.8rem)/1 var(--f-cim);color:var(--kek);letter-spacing:-.02em;white-space:nowrap}
.szamok dd{margin:.45rem 0 0;font:700 .74rem/1.2 var(--f-cim);letter-spacing:.16em;text-transform:uppercase;color:var(--cimke)}

/* ================= VIDEÓ ================= */
.video-szakasz{padding-bottom:clamp(72px,10vw,120px)}
.video{position:relative;display:block;width:100%;aspect-ratio:21/9;border-radius:20px;overflow:hidden;isolation:isolate;background:var(--grafit);box-shadow:0 50px 90px -45px rgba(14,30,43,.75)}
.video img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--atmenet)}
.video::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,rgba(9,22,40,.55),rgba(1,71,171,.25) 60%,rgba(9,22,40,.35))}
.video:hover img{transform:scale(1.04)}
.video__gomb{position:absolute;left:50%;top:50%;width:104px;height:104px;margin:-52px 0 0 -52px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:2.4rem;
  background:linear-gradient(140deg,var(--csucs),var(--ipari));box-shadow:0 0 0 10px rgba(255,255,255,.12),0 20px 50px -10px rgba(1,71,171,.9);transition:transform .3s var(--atmenet)}
.video__gomb .ik{margin-left:6px}
.video__gomb::before,.video__gomb::after{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid rgba(156,196,255,.7);animation:pulzus 2.6s ease-out infinite}
.video__gomb::after{animation-delay:1.3s}
@keyframes pulzus{from{transform:scale(.85);opacity:1}to{transform:scale(1.7);opacity:0}}
.video:hover .video__gomb{transform:scale(1.08)}

.videoablak{position:fixed;inset:0;z-index:3000;background:rgba(5,12,24,.88);backdrop-filter:blur(6px);display:grid;place-items:center;padding:var(--gut)}
.videoablak__keret{width:min(1200px,100%);aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.6)}
.videoablak__keret iframe{width:100%;height:100%;border:0;display:block}
.videoablak__zar{position:absolute;top:16px;right:16px;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:2.2rem;line-height:1}
.videoablak__zar:hover{background:rgba(255,255,255,.22)}

/* ================= PARTNEREK ================= */
.partnerek{background:linear-gradient(100deg,var(--grafit),var(--mely) 55%,var(--kek));padding:34px 0;overflow:hidden}
.partnerek__sav{mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.partnerek__sor{display:flex;gap:22px;width:max-content;animation:sodor 40s linear infinite}
.partnerek__sav:hover .partnerek__sor{animation-play-state:paused}
.partnerek__sor span{flex:none;display:grid;place-items:center;width:190px;height:86px;padding:12px 18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:border-color .25s,background-color .25s}
.partnerek__sor img{max-height:100%;width:auto;object-fit:contain;filter:grayscale(1) brightness(1.5);opacity:.6;transition:filter .3s,opacity .3s}
.partnerek__sor span:hover{border-color:rgba(74,145,252,.7);background:rgba(255,255,255,.08)}
.partnerek__sor span:hover img{filter:none;opacity:1}
@keyframes sodor{to{transform:translateX(calc(-50% - 11px))}}

/* ================= VÉLEMÉNYEK ================= */
.velemeny-racs{display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"a c d" "b c d";gap:22px}
.velemeny:nth-child(1){grid-area:a}.velemeny:nth-child(2){grid-area:b}.velemeny:nth-child(3){grid-area:c}.velemeny:nth-child(4){grid-area:d}
.velemeny{position:relative;margin:0;padding:34px 30px 28px;background:#fff;border:1px solid #fff;border-radius:var(--r);box-shadow:var(--arnyek);display:flex;flex-direction:column;transition:border-color .25s}
.velemeny:hover{border-color:rgba(74,145,252,.5)}
.velemeny__jel{width:44px;height:44px;color:var(--csucs);opacity:.9;margin-bottom:14px}
.velemeny blockquote{margin:0 0 22px;flex:1;font-size:1.06rem;line-height:1.6;color:var(--szoveg)}
.velemeny--hosszu{background:linear-gradient(160deg,var(--kek),var(--mely));border-color:transparent}
.velemeny--hosszu blockquote{color:#e3edfb;font-size:1.1rem}
.velemeny.velemeny--hosszu figcaption{color:#fff}
.velemeny--hosszu .velemeny__jel{color:#9cc4ff}
.velemeny figcaption{display:flex;align-items:center;gap:12px;font:800 .95rem/1 var(--f-cim);color:var(--grafit)}
.velemeny figcaption::before{content:"";width:28px;height:3px;border-radius:3px;background:var(--csucs)}

/* ================= KERESSEN MINKET ================= */
.keressen{position:relative;z-index:3;margin-bottom:-90px;padding-top:clamp(56px,7vw,88px);background:linear-gradient(180deg,#fff 0,#fff 50%,transparent 50%)}
.keressen__panel{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;padding:clamp(34px,5vw,56px) clamp(28px,5vw,64px);border-radius:20px;color:#fff;
  background:linear-gradient(115deg,var(--ipari) 0%,var(--kek) 55%,var(--mely) 100%);box-shadow:0 40px 80px -40px rgba(1,40,110,.9)}
.savok--panel{z-index:-1}
.savok--panel i:nth-child(1){left:62%;width:12%;opacity:.4}
.savok--panel i:nth-child(2){left:78%;width:2.6%;opacity:.75}
.keressen__szoveg h2{color:#fff;font-weight:900;font-size:clamp(1.8rem,3.6vw,2.8rem);text-transform:uppercase;letter-spacing:-.01em;margin-bottom:.4rem}
.keressen__szoveg p{margin:0;font-size:1.15rem;color:#d7e6fb}

/* ================= LÁBLÉC ================= */
.lablec{position:relative;background:var(--grafit);color:#a9b8c9;padding-top:calc(90px + clamp(56px,7vw,80px));overflow:hidden;isolation:isolate}
.lablec::before{content:"";position:absolute;right:-6%;top:0;bottom:0;width:30%;transform:skewX(-27deg);background:linear-gradient(100deg,rgba(1,71,171,.18),rgba(74,145,252,.04));border-left:1px solid rgba(74,145,252,.25);z-index:-1}
.lablec__racs{display:grid;grid-template-columns:1.5fr 1fr .7fr 1fr;gap:clamp(28px,4vw,56px);padding-bottom:56px}
.lablec__ceg img{height:56px;width:auto;margin-bottom:20px}
.lablec__ceg p{max-width:38ch;font-size:.98rem}
.lablec__cim{color:#fff;font-size:.86rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin:6px 0 22px;display:flex;align-items:center;gap:10px}
.lablec__cim::before{content:"";width:8px;height:8px;background:var(--csucs);transform:rotate(45deg)}
.lablec__lista li{display:flex;gap:10px;margin-bottom:12px;line-height:1.45}
.lablec__lista .ik{color:var(--csucs);margin-top:.2em}
.lablec a{color:#cfdbea;transition:color .2s}
.lablec a:hover{color:#fff}
.kozosseg--lablec{margin-top:16px;gap:10px}
.kozosseg--lablec a{width:40px;height:40px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.kozosseg--lablec a:hover{background:var(--ipari);border-color:var(--ipari)}
.lablec__also{border-top:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.2);font-size:.88rem;padding:18px 0}
.lablec__also-belso{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.lablec__also p{margin:0}
.lablec__also ul{display:flex;gap:22px;flex-wrap:wrap}

/* ================= FELBUKKANÁS ================= */
.js .felbukkan{opacity:0;transform:translateY(32px);transition:opacity .8s var(--atmenet),transform .8s var(--atmenet);transition-delay:var(--kesleltetes,0ms)}
.js .felbukkan.lathato{opacity:1;transform:none}

/* ================= RESZPONZÍV ================= */
@media (max-width:1100px){
  .gep-racs{grid-template-columns:repeat(2,1fr)}
  .velemeny-racs{grid-template-columns:1fr 1fr;grid-template-areas:"a b" "c d"}
}
@media (max-width:960px){
  .szolg__racs,.marka__racs,.marka__racs--fordit,.rolunk__racs{grid-template-columns:1fr}
  .marka__racs--fordit .marka__kep{order:0}
  .marka__kep,.rolunk__kep{max-width:440px}
  .marka__kep{margin-bottom:24px}
  .kiemelt__racs{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(290px,82%);overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 18px;scrollbar-width:none;margin-inline:0;padding-inline:var(--gut);scroll-padding-inline:var(--gut);width:100%;gap:16px}
  .kiemelt__racs::-webkit-scrollbar{display:none}
  .kartya-kiemelt{scroll-snap-align:start;min-height:420px}
}
@media (max-width:760px){
  .hero{min-height:100svh;align-items:flex-end;padding-bottom:236px}
  .kiemelt{margin-top:-120px}
  .szolg{margin-top:-40px;padding-top:calc(clamp(72px,10vw,128px) + 56px)}
  .hero__kep img{object-position:72% 50%}
  .hero__arnyek{background:linear-gradient(0deg,rgba(9,22,40,.96) 0%,rgba(9,22,40,.75) 38%,rgba(9,22,40,.15) 65%,rgba(9,22,40,.5) 100%)}
  .savok--hero i:nth-child(1){left:62%;width:5%}
  .savok--hero i:nth-child(2){left:70%;width:16%}
  .savok--hero i:nth-child(3){left:90%;width:2.5%}
  .savok--hero i:nth-child(4){display:none}
  .hero__cim{font-size:clamp(2.3rem,11vw,3.4rem)}
  .cim{font-size:clamp(1.5rem,7vw,2.2rem)}
  .iv{margin:22px 0 28px}
  .palyazat a:first-child img{max-height:46px}
  .palyazat a:last-child img{max-width:110px}
  .szolg__kartyak{grid-template-columns:1fr}
  .gep-racs{gap:12px}
  .kartya-gep{padding:10px 10px 16px}
  .kartya-gep h3{font-size:.98rem}
  .velemeny-racs{grid-template-columns:1fr;grid-template-areas:"a" "b" "c" "d"}
  .video{aspect-ratio:4/3}
  .video__gomb{width:80px;height:80px;margin:-40px 0 0 -40px;font-size:1.9rem}
  .szamok{grid-template-columns:repeat(3,1fr);gap:14px}
  .szamok dt{font-size:1.7rem}
  .szamok dd{font-size:.64rem;letter-spacing:.1em}
  .marka__kep::before,.marka__racs--fordit .marka__kep::before{inset:16px -12px -16px 16px}
  .rolunk__kep::before{left:-12px;top:-12px}
  .rolunk__kep::after{right:-10px;bottom:-10px}
  .marka__ev{left:-4px;bottom:-22px}
  .marka__racs--fordit .marka__ev{left:-4px;top:-24px}
  .lablec__racs{grid-template-columns:1fr 1fr}
  .lablec__ceg{grid-column:1/-1}
  .cta__belso,.keressen__panel{flex-direction:column;align-items:flex-start}
  .gomb{width:100%}
  .gomb--kicsi{width:auto}
}
@media (max-width:420px){
  .lablec__racs{grid-template-columns:1fr}
  .gep-racs{grid-template-columns:1fr 1fr}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .js .felbukkan{opacity:1;transform:none}
  .partnerek__sor{animation:none}
}

/* =====================================================================
   ALOLDALAK – oldalfejléc, morzsamenü, előny-rács, termékkártya, fülek
   ===================================================================== */
.van-al.aktiv>.fomenu__nyit{box-shadow:inset 0 -3px 0 var(--csucs);border-radius:8px 8px 2px 2px}

/* oldalfejléc (kisebb hero) */
.oldalfej{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:var(--grafit);display:flex;align-items:flex-end;
  min-height:clamp(420px,58vh,600px);padding:calc(var(--felso) + var(--menu) + 48px) 0 clamp(56px,7vw,88px)}
.oldalfej__kep{position:absolute;inset:0;z-index:-2}
.oldalfej__kep img{width:100%;height:100%;object-fit:cover;object-position:70% 50%;transform:scale(1.05);animation:hero-zoom 14s var(--atmenet) forwards}
.oldalfej .hero__arnyek{background:
  linear-gradient(90deg,rgba(9,22,40,.94) 0%,rgba(14,36,70,.8) 34%,rgba(24,61,98,.25) 60%,rgba(24,61,98,0) 75%),
  linear-gradient(0deg,rgba(9,22,40,.85) 0%,rgba(9,22,40,0) 40%),
  linear-gradient(180deg,rgba(9,22,40,.6) 0%,rgba(9,22,40,0) 30%)}
.oldalfej__cim{color:#fff;font-weight:900;font-size:clamp(2.4rem,6vw,5rem);line-height:.98;letter-spacing:-.02em;text-transform:uppercase;max-width:14ch;text-shadow:0 6px 40px rgba(0,10,30,.5)}
.oldalfej .iv{margin:24px 0 0}
.morzsa{padding:0;list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 22px;font:700 .74rem/1.2 var(--f-cim);letter-spacing:.16em;text-transform:uppercase;color:#9fb9dc}
.morzsa a{color:#cfe0ff;transition:color .2s}
.morzsa a:hover{color:#fff}
.morzsa li{display:flex;align-items:center;gap:10px}
.morzsa li+li::before{content:"";width:6px;height:6px;background:var(--csucs);transform:rotate(45deg)}
.morzsa [aria-current]{color:#fff}

/* két hasáb: szöveg + kiemelő panel */
.ket-hasab{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(36px,6vw,80px);align-items:start}
.alcim{font-size:clamp(1.25rem,2vw,1.55rem);font-weight:800;line-height:1.25;margin:0 0 .9rem}
.panel-kek{position:relative;overflow:hidden;isolation:isolate;padding:clamp(28px,4vw,44px);border-radius:var(--r);color:#d7e6fb;
  background:linear-gradient(150deg,var(--kek),var(--mely));box-shadow:0 40px 70px -40px rgba(1,40,110,.9)}
.panel-kek .alcim{color:#fff}
.panel-kek p{color:#d7e6fb}
.panel-kek .savok i:nth-child(1){left:72%;width:14%;opacity:.35}
.panel-kek .savok i:nth-child(2){left:90%;width:3%;opacity:.7}

/* előny-rács (pipa-lista kártyákban) */
.elony-racs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:clamp(28px,4vw,44px)}
.elony{display:flex;gap:16px;align-items:flex-start;padding:22px 22px 20px;background:rgba(255,255,255,.9);border:1px solid #fff;border-radius:var(--r);box-shadow:var(--arnyek);transition:border-color .25s}
.elony:hover{border-color:rgba(74,145,252,.55)}
.elony__jel{flex:none;width:38px;height:38px;padding:9px;border-radius:10px;color:#fff;background:linear-gradient(140deg,var(--csucs),var(--ipari) 55%,var(--mely));box-shadow:0 8px 18px -8px rgba(1,71,171,.8)}
.elony p{margin:0;color:var(--szoveg);line-height:1.5}
.elony strong{display:block;font-family:var(--f-cim);font-weight:800;color:var(--grafit);margin-bottom:.25rem}
.elony--teljes{grid-column:1/-1}

/* modellválasztó csipek */
.modellek{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:-14px 0 clamp(36px,5vw,52px)}
.modellek a{display:inline-flex;align-items:center;gap:.55em;padding:12px 20px;border-radius:999px;background:#fff;border:1px solid var(--keret);color:var(--kek);font:800 .82rem/1 var(--f-cim);letter-spacing:.08em;transition:border-color .2s,color .2s}
.modellek a:hover{border-color:rgba(74,145,252,.7);color:var(--ipari)}
.modellek a::before{content:"";width:8px;height:8px;background:var(--csucs);transform:rotate(45deg)}

/* termékkártya */
.termek-lista{display:grid;gap:clamp(28px,4vw,44px)}
.termek{display:grid;grid-template-columns:.85fr 1.15fr;background:#fff;border:1px solid var(--keret);border-radius:20px;overflow:hidden;box-shadow:0 30px 60px -40px rgba(14,30,43,.45);transition:border-color .3s;scroll-margin-top:calc(var(--menu) + 24px)}
.termek:hover{border-color:rgba(74,145,252,.55)}
.termek__kep{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;padding:clamp(24px,4vw,48px);min-height:420px;
  background:radial-gradient(closest-side,#fff 55%,rgba(255,255,255,0)),linear-gradient(118deg,var(--acel-k) 0%,var(--acel-v) 38%,#fff 52%,var(--acel-k) 78%,#cdd6e0 100%)}
.termek__kep img{position:relative;z-index:2;width:min(100%,380px);mix-blend-mode:multiply;transition:transform .6s var(--atmenet)}
.termek:hover .termek__kep img{transform:scale(1.04) translateY(-4px)}
.termek__watt{position:absolute;z-index:3;right:20px;top:18px;font:900 clamp(2.2rem,4vw,3.4rem)/1 var(--f-cim);letter-spacing:-.03em;
  background:linear-gradient(180deg,var(--csucs),var(--ipari) 60%,var(--mely));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #fff)}
.termek__watt small{font-size:.45em;letter-spacing:0}
.termek__info{padding:clamp(28px,4vw,48px);display:flex;flex-direction:column}
.termek__cim{font-size:clamp(1.4rem,2.4vw,2rem);font-weight:900;line-height:1.12;text-transform:uppercase;margin:0 0 1.2rem}
.termek__lab{margin-top:auto;padding-top:1.6rem;display:flex;flex-wrap:wrap;gap:12px;align-items:center}

/* fülek */
.fulek{align-self:flex-start;display:inline-flex;gap:4px;padding:4px;margin-bottom:1.3rem;border-radius:12px;background:var(--jeg);border:1px solid var(--keret)}
.fulek button{padding:10px 18px;border-radius:9px;font:800 .78rem/1 var(--f-cim);letter-spacing:.1em;text-transform:uppercase;color:var(--cimke);transition:background .2s,color .2s,box-shadow .2s}
.fulek button:hover{color:var(--kek)}
.fulek button[aria-selected="true"]{background:#fff;color:var(--kek);box-shadow:0 2px 8px -2px rgba(14,30,43,.18)}
.ful-panel p{color:var(--szoveg-halv)}
.ful-panel p:first-child{color:var(--szoveg);font-size:1.08rem}
.js .ful-panel:not(.aktiv){display:none}
.ful-panel.aktiv{animation:fel .45s var(--atmenet) both}

/* adatlap (műszaki adatok) */
.adatlap{margin:0;display:grid;grid-template-columns:minmax(150px,.8fr) 1.2fr;border-top:1px solid var(--keret)}
.adatlap dt,.adatlap dd{margin:0;padding:11px 0;border-bottom:1px solid var(--keret);line-height:1.45}
.adatlap dt{font:700 .74rem/1.45 var(--f-cim);letter-spacing:.1em;text-transform:uppercase;color:var(--cimke);padding-right:16px;padding-top:13px}
.adatlap dd{color:var(--szoveg);font-weight:500}

/* inaktív gomb (pl. ajánlatkérés, amíg nincs mögötte űrlap) */
.gomb:disabled,.gomb[aria-disabled="true"]{cursor:not-allowed;opacity:.42;filter:grayscale(.35);box-shadow:none;transform:none;pointer-events:auto}
.gomb:disabled::before,.gomb[aria-disabled="true"]::before{display:none}
.gomb:disabled:hover .ik,.gomb[aria-disabled="true"]:hover .ik{transform:none}

@media (max-width:1100px){
  .elony-racs{grid-template-columns:1fr 1fr}
}
@media (max-width:960px){
  .ket-hasab,.termek{grid-template-columns:1fr}
  .termek__kep{min-height:320px}
}
@media (max-width:760px){
  .oldalfej{min-height:clamp(380px,62svh,520px)}
  .oldalfej__kep img{object-position:75% 50%}
  .oldalfej .hero__arnyek{background:linear-gradient(0deg,rgba(9,22,40,.95) 0%,rgba(9,22,40,.7) 45%,rgba(9,22,40,.2) 75%,rgba(9,22,40,.55) 100%)}
  .oldalfej__cim{font-size:clamp(2rem,10vw,3rem)}
  .elony-racs{grid-template-columns:1fr}
  .adatlap{grid-template-columns:1fr}
  .adatlap dt{border-bottom:0;padding-bottom:0}
  .adatlap dd{padding-top:2px}
  .fulek{display:flex;align-self:stretch}
  .fulek button{flex:1;padding:10px 8px;letter-spacing:.05em;white-space:nowrap}
}

/* ============ KATEGÓRIAOLDAL (PHP, 2026-11-10) ============ */
.kategoria-bevezeto{max-width:860px}
.elony-csoport{margin:clamp(28px,4vw,44px) 0 18px;color:var(--kek)}
.szakasz__fej + .elony-csoport{margin-top:0}
.elony > div{display:grid;gap:.55rem}
.elony__hagyomanyos{font-size:.9rem;color:var(--szoveg-halv)!important}
.elony__hagyomanyos span{font:700 .7rem/1.4 var(--f-cim);letter-spacing:.1em;text-transform:uppercase;color:var(--cimke);margin-right:.35em}
.ful-panel ul{margin:.4rem 0 0;padding-left:1.1rem;display:grid;gap:.45rem}
.elony b{font-weight:700;color:var(--grafit)}
.elony-racs--4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1100px){.elony-racs--4{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.elony-racs--4{grid-template-columns:1fr}}
@media (max-width:1100px) and (min-width:761px){.elony-racs--3 .elony:last-child{grid-column:1/-1}}

/* ============ TERMÉKOLDAL (PHP, 2026-11-10) ============ */
/* a régi oldalakról átvett szöveg (bekezdés, lista, táblázat, ábra) egységes formája */
.tartalom{color:var(--szoveg-halv);line-height:1.65}
.tartalom > :first-child{margin-top:0}
.tartalom p{margin:0 0 1rem}
.tartalom strong{color:var(--grafit)}
.tartalom h2,.tartalom h3,.tartalom h4{font-family:var(--f-cim);font-weight:800;color:var(--grafit);line-height:1.25;margin:2rem 0 .8rem}
.tartalom h2{font-size:clamp(1.2rem,2vw,1.45rem)}
.tartalom h3{font-size:1.12rem}
.tartalom h4{font-size:1rem}
.tartalom ul,.tartalom ol{margin:0 0 1.2rem;padding-left:1.2rem;display:grid;gap:.4rem}
.tartalom li::marker{color:var(--csucs)}
.tartalom figure{margin:1.2rem 0}
.tartalom img{max-width:100%;height:auto;border-radius:10px}
.tartalom table{display:block;overflow-x:auto;border-collapse:collapse;margin:0 0 1.4rem;font-size:.92rem;max-width:100%}
.tartalom th,.tartalom td{padding:9px 14px;border-bottom:1px solid var(--keret);text-align:left;vertical-align:top}
.tartalom thead th{font:800 .72rem/1.3 var(--f-cim);letter-spacing:.08em;text-transform:uppercase;color:var(--kek);background:var(--jeg);border-bottom:2px solid var(--keret)}
.tartalom tbody tr:hover td{background:rgba(242,247,252,.7)}

/* felső rész: kártya (kép + bevezető), alatta egy sorban a bélyegsor (a kép alatt) és a gombok (a szöveg alatt) */
.termekfo{display:grid;grid-template-columns:.85fr 1.15fr;row-gap:18px;align-items:center}
.termekfo > .termek{grid-column:1/-1}
.termekoldal .termek:hover{border-color:var(--keret)}
.termekoldal .termek__info .kicker{margin-bottom:.8rem}
/* a webshopos termékháttér: fehér alap, a bal felső és jobb alsó sarokban kék fénycsík, jobb felül logó (a sablon arányaival) */
.termekoldal .termek__kep{min-height:clamp(380px,32vw,470px);cursor:zoom-in;padding:clamp(40px,9%,72px) clamp(24px,6%,56px) clamp(24px,5%,44px);
  background:url(../img/termek-csik-bal-felso.webp) left top/auto 31.4% no-repeat,url(../img/termek-csik-jobb-also.webp) right bottom/auto 31.3% no-repeat,#fff}
.termekoldal .termek__kep .termek__logo{position:absolute;z-index:3;top:clamp(16px,5.5%,30px);right:clamp(16px,4.5%,30px);width:clamp(96px,23%,150px);height:auto;mix-blend-mode:normal;transform:none!important}
.termekoldal .termek__kep .termek__foto{width:min(100%,460px);max-height:400px;object-fit:contain;filter:brightness(1.03)}
.termek__bevezeto p:first-child{color:var(--szoveg);font-size:1.08rem}
.bovebben{font-weight:700;color:var(--ipari);white-space:nowrap}
.bovebben:hover{text-decoration:underline}
.termekfo > .termek__lab{grid-column:2;margin:0;padding:0 0 0 clamp(28px,4vw,48px)}
.gomb--letolt{--h:48px;font-size:.78rem;padding:0 1.2em}
.gomb--letolt small{font-size:.68rem;opacity:.6}
.gomb--letolt:hover .ik{transform:translateY(3px)}
.termekoldal--merkle .kicker{color:#008a84}
.termekoldal--merkle .kicker__negyzet{background:var(--merkle)}

/* bélyegsor: 4 kép látszik, a nyilak lapoznak (csak ha több kép van) */
.belyegek{grid-column:1;display:flex;align-items:center;gap:8px;min-width:0}
.belyegek__sav{flex:1;min-width:0;list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 30px)/4);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.belyegek__sav::-webkit-scrollbar{display:none}
.belyegek__sav li{scroll-snap-align:start}
.belyegek__sav a{display:block;aspect-ratio:1/1;border:1px solid var(--keret);border-radius:10px;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.belyegek__sav a:hover{border-color:rgba(74,145,252,.6)}
.belyegek__sav a[aria-current]{border-color:var(--ipari);box-shadow:inset 0 0 0 1px var(--ipari)}
.belyegek__sav img{width:100%;height:100%;object-fit:contain;padding:6px}
.belyegek__lep{display:none;flex:none;width:34px;height:34px;border-radius:50%;place-items:center;border:1px solid var(--keret);background:#fff;color:var(--kek);transition:border-color .2s,color .2s}
.belyegek__lep:hover:not(:disabled){border-color:var(--ipari);color:var(--ipari)}
.belyegek__lep:disabled{opacity:.35;cursor:default}
.belyegek__lep .ik{width:16px;height:16px}
.belyegek__lep--elozo .ik{transform:scaleX(-1)}
.belyegek--lapozhato .belyegek__lep{display:grid}

/* egy szakasz, a két blokk nem válik el élesen: fentről lefelé fehérből jégkékbe */
.termekoldal{background:linear-gradient(180deg,#fff 0,#fff 360px,var(--jeg) 980px,var(--jeg) 100%)}

/* Részletek + Műszaki adatok (az UNAS-os termékoldal stílusa): dupla fénycsíkos cím, kék oldalvonalas alcímek, rombusz listajel */
.reszletek{margin-top:clamp(72px,9vw,120px);max-width:min(980px,100% - 2 * var(--gut))}
.reszletek > .ful-panel{min-width:0}
.reszletek__lab{display:flex;justify-content:center;margin-top:clamp(40px,5vw,56px)}
.cim-csik{display:flex;align-items:center;gap:12px;margin:0 0 1.6rem;font:700 clamp(1.25rem,2vw,1.5rem)/1.5 var(--f-cim);letter-spacing:.06em;text-transform:uppercase;color:var(--grafit)}
.cim-csik::before{content:"";flex:none;width:22px;height:26px;background:url(../img/csik-dupla.svg) center/contain no-repeat}
.reszletek > .cim-csik{justify-content:center}
/* a két rész egymás melletti fülcímként: az aktív sötét, alatta kék vonal; a másik halvány, kattintásra vált */
.fulek--csik{display:flex;justify-content:center;flex-wrap:wrap;gap:8px clamp(24px,5vw,56px);padding:0;margin:0 0 1.8rem;background:none;border:0;border-radius:0;align-self:auto}
.fulek--csik .cim-csik{font:700 clamp(1.25rem,2vw,1.5rem)/1.5 var(--f-cim);letter-spacing:.06em;text-transform:uppercase;margin:0;padding:6px 2px 10px;border-radius:0;background:none;box-shadow:none;color:var(--szoveg-halv);position:relative;transition:color .2s}
.fulek--csik .cim-csik::before{opacity:.4;transition:opacity .2s}
.fulek--csik .cim-csik::after{content:"";position:absolute;left:34px;right:0;bottom:0;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--ipari),var(--csucs));transform:scaleX(0);transform-origin:left;transition:transform .3s var(--atmenet)}
.fulek--csik .cim-csik:hover{color:var(--kek)}
.fulek--csik .cim-csik[aria-selected="true"]{color:var(--grafit);background:none;box-shadow:none}
.fulek--csik .cim-csik[aria-selected="true"]::before{opacity:1}
.fulek--csik .cim-csik[aria-selected="true"]::after{transform:scaleX(1)}

.tartalom--reszlet{color:var(--szoveg);font-size:1rem;line-height:1.7}
.tartalom--reszlet p{text-align:justify;hyphens:auto;color:var(--szoveg)}
.tartalom--reszlet > p:first-child{font-size:1.1rem;color:var(--grafit)}
.tartalom--reszlet h2,.tartalom--reszlet h3,.tartalom--reszlet h4{border-left:3px solid var(--kek);padding-left:13px;color:var(--navy);font-weight:700;letter-spacing:.01em;margin:2.2rem 0 .9rem}
.tartalom--reszlet h2{font-size:1.18rem}
.tartalom--reszlet h3,.tartalom--reszlet h4{font-size:1.04rem}
.tartalom--reszlet ul{list-style:none;padding:0;gap:.5rem}
.tartalom--reszlet li{position:relative;padding-left:22px}
.tartalom--reszlet ul > li::before{content:"";position:absolute;left:4px;top:.62em;width:7px;height:7px;transform:rotate(45deg);background:linear-gradient(135deg,#2F7BEA,var(--kek))}
.tartalom--reszlet table{border-radius:10px;font-size:.9rem}
.tartalom--reszlet td{background:#fff}
.tartalom--reszlet th,.tartalom--reszlet td{border-bottom:0}
.tartalom--reszlet tbody tr:nth-child(odd) td{background:var(--jeg)}
.tartalom--reszlet .adatlap{border-top:0;background:#fff;border-radius:10px;overflow:hidden}
.tartalom--reszlet .adatlap dt,.tartalom--reszlet .adatlap dd{border-bottom:0;padding:10px 14px}
.tartalom--reszlet .adatlap dt{font:500 .9rem/1.45 var(--f-szoveg);letter-spacing:0;text-transform:none;color:var(--szoveg-halv)}
.tartalom--reszlet .adatlap dt:nth-of-type(odd),.tartalom--reszlet .adatlap dd:nth-of-type(odd){background:var(--jeg)}
#reszletek{scroll-margin-top:calc(var(--menu) + 8px)}

.nagyito{border:0;padding:0;background:transparent;max-width:min(92vw,1400px);max-height:92vh;overflow:visible}
.nagyito::backdrop{background:rgba(9,22,40,.88)}
.nagyito img{display:block;max-width:min(92vw,1400px);max-height:86vh;object-fit:contain;border-radius:10px;background:#fff}
.nagyito__zar,.nagyito__lep{position:fixed;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:1.8rem;line-height:1;backdrop-filter:blur(6px);transition:background .2s}
.nagyito__zar:hover,.nagyito__lep:hover{background:var(--ipari)}
.nagyito__zar{top:18px;right:18px}
.nagyito__lep{top:50%;right:18px;transform:translateY(-50%)}
.nagyito__lep--elozo{right:auto;left:18px}
.nagyito__lep--elozo .ik{transform:scaleX(-1)}
.nagyito--egy .nagyito__lep{display:none}
@media (max-width:960px){
  .termekfo{grid-template-columns:1fr}
  .termekoldal .termek__kep{min-height:0;aspect-ratio:4/3}
  .termekfo > .termek__lab{grid-column:1;padding:0}
}
@media (max-width:760px){
  .termek__lab .gomb{width:100%}
  .fulek--csik{flex-wrap:nowrap;gap:18px}
  .fulek--csik .cim-csik{flex:none;gap:8px;padding:6px 0 9px;font-size:.92rem;letter-spacing:.02em}
  .fulek--csik .cim-csik::before{width:16px;height:19px}
  .fulek--csik .cim-csik::after{left:24px}
}

/* ============ TERMÉKCSOPORT-OLDALAK (PHP, 2026-11-10) ============ */
/* bevezető: szöveg + mellette kép vagy videó (ha van) */
.kategoria-bevezeto:has(.bevezeto-media){max-width:none;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,5vw,72px);align-items:center}
.bevezeto-szoveg > .kicker{margin-bottom:.9rem}
.bevezeto-szoveg h2{font-size:clamp(1.2rem,2vw,1.45rem);font-weight:800;margin:1.6rem 0 .6rem}
.bevezeto-media img{display:block;width:100%;height:auto;border-radius:var(--r);box-shadow:var(--arnyek)}
.kategoria-letoltesek{display:flex;flex-wrap:wrap;gap:12px;margin-top:1.6rem}
.video{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:var(--grafit);box-shadow:var(--arnyek)}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mini-galeria{list-style:none;margin:0;padding:0!important;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}
.mini-galeria a{display:block;aspect-ratio:1/1;border:1px solid var(--keret);border-radius:10px;overflow:hidden;background:#fff;transition:border-color .2s}
.mini-galeria a:hover{border-color:rgba(74,145,252,.6)}
.mini-galeria img{width:100%;height:100%;object-fit:cover}

/* termékrács: kis kártyák az oldalon (kép, típus, név, rövid lista, videó-link) */
.termek-racs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
.kartya-termek{min-width:0;overflow-wrap:anywhere;hyphens:auto;display:flex;flex-direction:column;padding:16px 16px 20px;background:#fff;border:1px solid var(--keret);border-radius:var(--r);box-shadow:0 1px 2px rgba(14,30,43,.04);transition:border-color .25s,box-shadow .25s;scroll-margin-top:calc(var(--menu) + 16px)}
.kartya-termek:hover{border-color:rgba(74,145,252,.6);box-shadow:0 0 0 3px rgba(74,145,252,.12),0 20px 40px -24px rgba(14,30,43,.4)}
.kartya-termek__kep{display:grid;place-items:center;aspect-ratio:1/1;margin-bottom:14px;border-radius:10px;overflow:hidden;background:#fff}
.kartya-termek__kep img{width:86%;height:86%;object-fit:contain;transition:transform .5s var(--atmenet)}
.kartya-termek:hover .kartya-termek__kep img{transform:scale(1.05)}
.kartya-termek__tipus{margin:0 4px 6px;font:800 .68rem/1.3 var(--f-cim);letter-spacing:.14em;text-transform:uppercase;color:var(--muszaki)!important}
.kartya-termek h3{margin:0 4px 10px;font-size:1.02rem;font-weight:800;line-height:1.3}
.kartya-termek__lista{margin:0 4px;font-size:.9rem;color:var(--szoveg-halv)}
.kartya-termek__lista ul{list-style:none;margin:0;padding:0;display:grid;gap:.25rem}
.kartya-termek__lista li{position:relative;padding-left:16px}
.kartya-termek__lista li::before{content:"";position:absolute;left:2px;top:.6em;width:6px;height:6px;transform:rotate(45deg);background:linear-gradient(135deg,#2F7BEA,var(--kek))}
/* a kártya alja: bemutató videó (ha van) + ajánlatkérés, mindig a kártya aljára igazítva */
.kartya-termek__lab{margin-top:auto;padding:16px 4px 0;display:grid;gap:14px;justify-items:start}
.kartya-termek__lab .gomb{--h:42px;width:100%;padding:0 1em;font-size:.74rem;gap:.5em}
.kartya-termek__video{display:inline-flex;align-items:center;gap:.5em;font:800 .74rem/1 var(--f-cim);letter-spacing:.1em;text-transform:uppercase;color:var(--ipari)}
.kartya-termek__video .ik{width:18px;height:18px;padding:4px;border-radius:50%;background:var(--ipari);color:#fff}
/* a Synergic termékkép-háttér (mint a termékoldalon): fehér alap, bal felül és jobb alul kék fénycsík, jobb felül logó –
   a kategóriaoldalak minden termékképén (kártyák, adatlapos lista) és a főoldali gépkártyákon is. Ahol a sarokban jelvény
   (pl. „2000 W”) van, ott logó nélkül; mobilon a kis kártyákon is logó nélkül (ott már olvashatatlan lenne). */
.kartya-gep__kep,.kartya-termek__kep,.termek__kep{
  background:url(../img/logo-kek.svg) right 7% top 6%/30% auto no-repeat,url(../img/termek-csik-bal-felso.webp) left top/auto 31.4% no-repeat,url(../img/termek-csik-jobb-also.webp) right bottom/auto 31.3% no-repeat,#fff}
.termek__kep{background-size:22% auto,auto min(31.4%,150px),auto min(31.3%,150px)}
.termek__kep:has(.termek__watt){background-size:0 0,auto min(31.4%,150px),auto min(31.3%,150px)}
.kartya-gep__kep img,.kartya-termek__kep img{width:72%;height:72%;margin-top:6%}
@media (max-width:960px){.kategoria-bevezeto:has(.bevezeto-media){grid-template-columns:1fr}}
@media (max-width:760px){.kartya-gep__kep,.kartya-termek__kep{background-size:0 0,auto 31.4%,auto 31.3%}}
@media (max-width:760px){.termek-racs{grid-template-columns:repeat(2,1fr);gap:10px}.kartya-termek{padding:10px 10px 14px}.kartya-termek h3{font-size:.92rem}}

/* ============ TARTALMI OLDALAK (PHP, 2026-11-10) ============ */
.szakasz__szoveg{max-width:760px;margin:1.2rem auto 0;color:var(--szoveg-halv)}
.oldal-kep{display:block;border-radius:var(--r);overflow:hidden;box-shadow:var(--arnyek)}
.oldal-kep img{display:block;width:100%;height:auto;transition:transform .8s var(--atmenet)}
.oldal-kep:hover img{transform:scale(1.03)}
.oldal-kep--allo{max-width:420px;justify-self:center}
.kep-racs{list-style:none;margin:clamp(28px,4vw,44px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.kep-racs--4{grid-template-columns:repeat(4,1fr)}
.kep-racs--2{grid-template-columns:1fr 1fr;margin:0}
.kep-racs--oszlop{grid-template-columns:1fr;margin:0}
.kep-racs a{display:block;aspect-ratio:3/2;border-radius:var(--r);overflow:hidden;box-shadow:var(--arnyek)}
.kep-racs img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--atmenet)}
.kep-racs a:hover img{transform:scale(1.05)}
.lista-racs{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.lista-kartya{padding:clamp(22px,3vw,32px);background:#fff;border:1px solid var(--keret);border-radius:var(--r);box-shadow:var(--arnyek)}
.lista-kartya h3:first-child{margin-top:0}
.lista-kartya ul{margin-bottom:0}
.oldal-zaro{margin:clamp(32px,4vw,48px) 0 0;text-align:center;font-size:1.12rem;color:var(--grafit)!important}
.oldal-zaro a{color:var(--ipari);font-weight:700}
.panel-kek .gomb{margin-top:.6rem}
.panel-kek--szeles{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.panel-kek--szeles > div{flex:1 1 420px}
.termek-racs--3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.kartya-termek__szalag{align-self:flex-start;margin:0 4px 10px;padding:6px 11px;border-radius:999px;background:linear-gradient(90deg,var(--ipari),var(--csucs));color:#fff;font:800 .68rem/1 var(--f-cim);letter-spacing:.12em;box-shadow:0 6px 16px -8px rgba(1,71,171,.8)}
.szolg__kartyak--lista{grid-template-columns:1fr}
.kicker--merkle{color:#008a84}
.kicker--merkle .kicker__negyzet{background:var(--merkle)}
.adatlap--szeles{grid-template-columns:minmax(170px,.7fr) 1.3fr}
.palyazat-logo{display:grid;place-items:center;padding:clamp(20px,3vw,36px);background:#fff;border:1px solid var(--keret);border-radius:var(--r);box-shadow:var(--arnyek)}
.palyazat-logo img{max-width:100%;height:auto}
.palyazat-szoveg{max-width:900px;margin:0 auto}
.palyazat-szoveg h2:first-child{margin-top:0}

/* kapcsolat */
.kapcsolat__koszonet{margin:0 0 clamp(28px,4vw,44px);text-align:center;font:800 clamp(1.2rem,2.2vw,1.6rem)/1.3 var(--f-cim);color:var(--kek)!important}
.kapcsolat-racs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.kapcsolat-kartya{padding:28px 24px;background:#fff;border:1px solid var(--keret);border-radius:var(--r);box-shadow:var(--arnyek);transition:border-color .25s}
.kapcsolat-kartya:hover{border-color:rgba(74,145,252,.55)}
.kapcsolat-kartya__ikon{width:52px;height:52px;padding:12px;border-radius:12px;color:#fff;background:linear-gradient(140deg,var(--csucs),var(--ipari) 55%,var(--mely));box-shadow:0 10px 22px -10px rgba(1,71,171,.8);margin-bottom:16px}
.kapcsolat-kartya h3{font-size:1.12rem;font-weight:800;margin:0 0 .5rem}
.kapcsolat-kartya p{margin:0;line-height:1.7;color:var(--szoveg)!important}
.kapcsolat-kartya a{color:inherit}
.kapcsolat-kartya a:hover{color:var(--ipari)}
.kapcsolat-also{align-items:stretch}
.urlap{padding:clamp(24px,3vw,36px);background:#fff;border:1px solid var(--keret);border-radius:20px;box-shadow:var(--arnyek)}
.urlap__racs{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;margin-bottom:16px}
.urlap__mezo{display:grid;gap:6px;font:700 .72rem/1.3 var(--f-cim);letter-spacing:.08em;text-transform:uppercase;color:var(--cimke)}
.urlap__mezo--teljes{grid-column:1/-1}
.urlap__mezo input,.urlap__mezo select,.urlap__mezo textarea{width:100%;padding:12px 14px;border:1px solid var(--keret);border-radius:10px;background:var(--jeg);font:400 1rem/1.4 var(--f-szoveg);color:var(--szoveg);text-transform:none;letter-spacing:0;transition:border-color .2s,background .2s}
.urlap__mezo :is(input,select,textarea):focus{outline:none;border-color:var(--csucs);background:#fff;box-shadow:0 0 0 3px rgba(74,145,252,.18)}
.urlap__jelolo{display:flex;gap:10px;align-items:flex-start;margin:0 0 18px;font-size:.95rem;color:var(--szoveg-halv)}
.urlap__jelolo input{margin-top:.25em;accent-color:var(--ipari)}
.urlap__jelolo a{color:var(--ipari);font-weight:700}
/* rejtett csapda-mező (csak a robotok töltik ki), beküldés állapota, kész állapot (a mezők helyén a köszönő szöveg) */
.urlap__csapda{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.urlap__allapot{margin:0 0 14px;font-weight:600;color:var(--szoveg-halv)}
.urlap__allapot:empty{display:none}
.urlap__allapot--kesz{padding:16px 18px;border-radius:12px;background:#e8f5ee;color:#17603a;border:1px solid #bfe3cf}
.urlap__allapot--hiba{color:#b42318}
.urlap--kesz :is(.urlap__racs,.urlap__jelolo,.ajanlatablak__bev,[type=submit]){display:none}
/* ajánlatkérő ablak */
.ajanlatablak{width:min(640px,calc(100% - 2*var(--gut)));max-height:calc(100dvh - 2*var(--gut));padding:0;border:0;border-radius:20px;background:transparent;overflow:auto}
.ajanlatablak::backdrop{background:rgba(9,22,40,.62);backdrop-filter:blur(4px)}
.ajanlatablak .urlap{position:relative;border:0;padding-top:clamp(28px,4vw,40px)}
.ajanlatablak .alcim{margin:.4rem 0 .5rem;padding-right:40px}
.ajanlatablak__bev{color:var(--szoveg-halv);margin:0 0 18px}
.ajanlatablak__zar{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;background:var(--jeg);color:var(--kek);font-size:1.6rem;line-height:1}
.ajanlatablak__zar:hover{background:var(--keret)}
.terkep{min-height:380px;border-radius:20px;overflow:hidden;box-shadow:var(--arnyek);background:var(--acel-k)}
.terkep iframe{display:block;width:100%;height:100%;min-height:380px;border:0}

/* munkatársak */
.csapat-racs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.csapat-kartya{background:#fff;border:1px solid var(--keret);border-radius:20px;overflow:hidden;box-shadow:var(--arnyek);transition:border-color .25s}
.csapat-kartya:hover{border-color:rgba(74,145,252,.55)}
.csapat-kartya__kep{display:block;width:100%;height:auto;aspect-ratio:600/713;object-fit:cover;background:var(--acel-k)}
.csapat-kartya__szoveg{padding:22px 24px 24px}
.csapat-kartya h3{font-size:1.2rem;font-weight:900;margin:0 0 .25rem}
.csapat-kartya__beosztas{margin:0 0 .9rem;font:800 .72rem/1.3 var(--f-cim);letter-spacing:.14em;text-transform:uppercase;color:var(--muszaki)!important}
.csapat-kartya__elerhetoseg{display:grid;gap:.4rem;margin:0}
.csapat-kartya__elerhetoseg a{display:inline-flex;align-items:center;gap:.5em;color:var(--szoveg);overflow-wrap:anywhere}
.csapat-kartya__elerhetoseg a:hover{color:var(--ipari)}
.csapat-kartya__elerhetoseg .ik{flex:none;width:16px;height:16px;color:var(--ipari)}
.kepviselok{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,4vw,56px);align-items:center}
.kepviselok__lista{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.kepviselok__terkep{width:100%;height:auto}
.csapat-kartya--kepviselo{border-left:6px solid var(--csucs)}
.csapat-kartya--kelet{border-left-color:var(--kek)}
.csapat-kartya__terulet{margin:1rem 0 0;padding-top:.9rem;border-top:1px solid var(--keret);font-size:.92rem;line-height:1.6;color:var(--szoveg-halv)!important}
@media (max-width:1100px){.kapcsolat-racs{grid-template-columns:1fr 1fr}.kep-racs--4{grid-template-columns:1fr 1fr}}
@media (max-width:960px){.lista-racs,.kepviselok{grid-template-columns:1fr}.csapat-racs{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.kapcsolat-racs,.urlap__racs,.kep-racs{grid-template-columns:1fr}.kep-racs--2,.kep-racs--4{grid-template-columns:1fr 1fr}.csapat-racs{grid-template-columns:1fr}.adatlap--szeles{grid-template-columns:1fr}}

/* ================= SÜTI-SÁV (assets/js/meres.js) ================= */
.suti{position:fixed;left:16px;right:16px;bottom:16px;z-index:1000;max-width:760px;margin:0 auto;color:#fff;background:linear-gradient(135deg,var(--navy),#0e2440);border:1px solid rgba(255,255,255,.14);border-radius:var(--r);box-shadow:0 24px 60px -20px rgba(4,14,30,.75)}
.suti[hidden]{display:none}
.suti__belso{padding:22px 24px 20px}
.suti__cim{color:#fff;font:800 1.05rem/1.2 var(--f-cim);margin:0 0 .5rem}
.suti__szoveg{margin:0 0 1rem;font-size:.95rem;line-height:1.5;color:#d3e1f3}
.suti__szoveg a{color:#fff;text-decoration:underline}
.suti__reszlet{display:grid;gap:10px;margin:0 0 1rem}
.suti__kat{display:block;padding:12px 14px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.04)}
.suti__kat div{display:flex;justify-content:space-between;align-items:center;gap:12px}
.suti__kat b{font-size:.92rem}
.suti__kat span{font-size:.8rem;color:#9fb6d6}
.suti__kat input{width:20px;height:20px;accent-color:#4a91fc;flex:none}
.suti__kat p{margin:.35rem 0 0;font-size:.85rem;line-height:1.45;color:#b9cbe3}
.suti__gombok{display:flex;flex-wrap:wrap;gap:10px}
.suti__gomb--fo{background:#fff;color:var(--kek);border-color:#fff}
.suti__gomb--fo:hover{background:#e6eefb;color:var(--kek)}
@media (max-width:560px){.suti{left:10px;right:10px;bottom:10px}.suti__belso{padding:18px 16px 16px}.suti__gombok .gomb{flex:1 1 100%}}