/* v13 (2026-10-13): fejléc Kapcsolat ikon rejtve, téma szerinti kapcsolati csempék, nagyobb megjegyzés-betű, THE CAN lenyíló menü, mobil csempe-lenyíló */
.chat-top{display:none!important}
.note{font-size:16px!important}
.sub.small{font-size:1rem!important}
/* főoldal bevezető */
.welc{margin:0 0 8px;color:var(--gold);font-size:20px;font-weight:600;letter-spacing:.02em;line-height:1.35}
.sub.lead2{color:var(--ink);font-size:17px;line-height:1.55}
/* kapcsolati csempék témával */
.ctopic .ttag{display:inline-block;margin:0 0 10px;padding:3px 11px;border:1px solid var(--gold);border-radius:999px;color:var(--gold);font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:none}
.ctopic .hqc{margin:0 0 8px;color:var(--ink);font-weight:600}
.ctopic .phones.pm{list-style:none;margin:0;padding:0}
.ctopic .phones.pm li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:baseline;border-top:1px solid var(--line);padding:7px 0}
.ctopic .phones.pm li>span{min-width:0}
.ctopic .phones.pm li .em{grid-column:1/-1;justify-self:end;font-size:14.5px;color:var(--gold);overflow-wrap:anywhere}
.ctopic>a.em{display:inline-block;margin-top:10px;color:var(--gold);font-weight:600;overflow-wrap:anywhere}
.hqwrap{margin:0 0 16px}
.hqwrap .card{margin:0}
/* THE CAN fejléc: a projekt tartalmi menüi egy lenyíló alatt */
.tcdd{position:relative;display:inline-flex}
.tcbtn{display:inline-flex;align-items:center;gap:4px;padding:6px 0;background:none;border:0;border-bottom:2px solid var(--gold);color:var(--gold);font:inherit;font-weight:600;cursor:pointer}
.tcmenu{display:none;position:absolute;left:-14px;top:100%;z-index:60;min-width:230px;padding:8px 0;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 34px rgba(0,0,0,.45)}
.tcdd:hover .tcmenu,.tcdd:focus-within .tcmenu,.tcdd.open .tcmenu{display:block}
.tcmenu a{display:block;padding:8px 16px!important;border:0!important;white-space:nowrap;background:none!important}
.tcmenu a:hover,.tcmenu a.on{color:var(--gold)}
.menu .sub .tchead>span{display:block;padding:10px 0 4px;color:var(--gold);font-weight:700}
.menu .sub .tchead ul{list-style:none;margin:0 0 6px;padding:0 0 0 14px;border-left:2px solid var(--gold)}
/* csempék: asztalon mindig nyitva, a lenyíló jel rejtve */
/* v14: asztalon a csempék ismét natív lenyílók (v12), csak a mobil „Tovább” gomb rejtett */
@media(min-width:821px){.mr13{display:none!important}}
/* mobilon: a csempe első része négyzetes, a többi lenyíló */
@media(max-width:820px){
 .cl13{position:relative;overflow:hidden!important;max-height:var(--cl13h)!important}
 .cl13x{position:relative}
 .mr13{display:flex;align-items:flex-end;justify-content:center;border:0;font:inherit;cursor:pointer}
 .cl13>.mr13{position:absolute;left:0;right:0;bottom:0;z-index:3;height:86px;padding:0 0 12px;background:linear-gradient(to bottom,transparent,var(--cl13bg,#2A241E) 62%)}
 .cl13x>.mr13{position:static;width:100%;margin:12px 0 0;padding:0;background:none}
 .mr13 span{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border:1px solid var(--gold);border-radius:999px;background:var(--bar,#16130F);color:var(--gold);font-size:14px;font-weight:700}
}
/* széles nézetben az e-mail a telefonszám mellett, egy sorban */
@media(min-width:1100px){
 .ctopic .phones.pm li{grid-template-columns:minmax(0,1fr) auto auto;gap:2px 18px}
 .ctopic .phones.pm li .em{grid-column:auto;justify-self:end}
}
/* THE CAN fejléc: egy sorban, ha nem fér ki, a menügomb veszi át */
@media(min-width:1000px){.tcdd~a,.topnav>a{white-space:nowrap}.topnav:has(.tcdd){flex-wrap:nowrap!important;gap:0 12px!important;font-size:14px}}
@media(min-width:1000px) and (max-width:1279px){.topnav:has(.tcdd){display:none!important}}
.tcdd{flex:none}.tcbtn{white-space:nowrap}
.synct{margin:34px 0 8px}.synct h2{margin:0 0 16px}
.synct .cardgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
details.svc>summary{flex-wrap:wrap;min-width:0;max-width:100%}details.svc>summary>span{min-width:0;overflow-wrap:anywhere}
@media(max-width:820px){details.svc>summary::after{display:none!important}details.svc>summary{cursor:default}}
/* a lenyíló nyíl forgás közben se lógjon ki (mérési tartalék) */.ptdesc>summary{padding-right:8px!important}.ptdesc>summary::after{text-align:center}
/* főoldali hero: elöl a THE CAN nagy színes logója, alatta a telepítési fotó */
.heromedia{display:flex;flex-direction:column;gap:18px;min-width:0}
.herologo{display:flex;align-items:center;justify-content:center;padding:30px 34px;border:1px solid var(--gold);border-radius:18px;background:var(--bar,#16130F)}
.herologo img{display:block;width:100%;max-width:520px;height:auto}
@media(max-width:820px){.herologo{padding:22px 20px}}
.heromedia>figure.heroimg{flex:none;height:auto!important;aspect-ratio:855/677;overflow:hidden}.heromedia>figure.heroimg picture,.heromedia>figure.heroimg img{display:block;width:100%;height:100%!important;object-fit:cover}
.mhide{color:var(--muted);cursor:default;user-select:none}
/* új főoldali bevezető: asztalon a kép a teljes bemutató mellett jobbra, mobilon az első és második bekezdés között */
.welc13{color:var(--gold)!important;font-size:28px!important;line-height:1.25;margin:0 0 14px}
.acth{margin:22px 0 10px;color:var(--gold);font-size:20px;font-weight:600}
.wl.acts{gap:7px}
@media(min-width:900px){
 .hero .grid.h13{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-areas:"a m" "b m";column-gap:56px;row-gap:0;align-items:start}
 .h13>.ha{grid-area:a}.h13>.hb{grid-area:b}.h13>.heromedia{grid-area:m;position:sticky;top:96px}
}
@media(max-width:899px){
 .hero .grid.h13{grid-template-columns:1fr;gap:18px}
 .h13 .heromedia{gap:12px}.h13 .herologo{padding:16px 22px}.h13 .herologo img{max-width:300px}
 .h13 .heromedia>figure.heroimg{aspect-ratio:16/9!important}
 .welc13{font-size:23px!important}
}
.gwm span{overflow-wrap:normal!important;word-break:normal!important}

/* ===== v14 (2026-10-13) ===== */
/* főoldali hero: asztalon cím, két hasáb, alatta egymás mellett logó és fotó, majd a felsorolás; mobilon szöveg, logó, szöveg, fotó, felsorolás */
.hero .grid.h14{display:grid;grid-template-columns:1fr;grid-template-areas:"a" "p1" "lg" "p2" "ph" "b";gap:16px}
.h14>.ha{grid-area:a}.h14>.hp1{grid-area:p1;margin:0}.h14>.hp2{grid-area:p2;margin:0}.h14>.hb{grid-area:b}
.h14>.heromedia{display:contents}
.h14 .herologo{grid-area:lg;margin:0}.h14 .heromedia>figure.heroimg{grid-area:ph;margin:0}
.h14 .heroimg picture{animation:none!important;transform:none!important}
.h14 .heroimg img{transform:none!important}
.h14 .herologo,.h14 .heromedia>figure.heroimg{aspect-ratio:16/9!important;height:auto!important;border-radius:16px}
.h14 .herologo{padding:6% 9%}.h14 .herologo img{width:100%;height:100%;max-width:none;object-fit:contain}
.h14 .heromedia>figure.heroimg{border:1px solid var(--gold)}
@media(min-width:900px){
 .hero .grid.h14{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"a a" "p1 p2" "lg ph" "b b";column-gap:56px;row-gap:26px;align-items:start}
 .h14>.heromedia{position:static}
 .h14 .hb .acts{columns:2;column-gap:56px}.h14 .hb .acts li{break-inside:avoid}
 .h14 .hb>.sub{max-width:62em}
}
@media(max-width:899px){.h14 .herologo{padding:7% 12%}.h14 .herologo img{max-width:none}}

/* kapcsolat: csak a Kapcsolat menügomb (vagy a #contact cím) után látszik */
html:not(.ct14) section#contact{display:none!important}

/* Fiók: a fejlécben csak ikon */
.account-top>span{display:none!important}
.account-top{padding-left:10px!important;padding-right:10px!important;gap:0!important}

/* asztal: újságos, váltakozó oldalú elrendezés, halvány ipari háttérrajzokkal (a csoportoldalakon) */
@media(min-width:1100px){
 html:not([data-p]) section:is(#about,#services,#refs,#companies,#contact){position:relative;overflow:hidden;isolation:isolate}
 html:not([data-p]) section:is(#about,#services,#refs,#companies,#contact)>.wrap{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:72px;row-gap:0;align-items:start}
 html:not([data-p]) section:is(#about,#services,#refs,#companies,#contact)>.wrap>h2{grid-column:1;grid-row:1/span 30;position:sticky;top:120px;margin:6px 0 0;font-size:44px;line-height:1.08;letter-spacing:-.01em}
 html:not([data-p]) section:is(#about,#services,#refs,#companies,#contact)>.wrap>h2::after{content:"";display:block;width:64px;height:2px;margin-top:22px;background:var(--gold)}
 html:not([data-p]) section:is(#about,#services,#refs,#companies,#contact)>.wrap>:not(h2){grid-column:2}
 html:not([data-p]) section:is(#services,#companies)>.wrap{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}
 html:not([data-p]) section:is(#services,#companies)>.wrap>h2{grid-column:2;text-align:right}
 html:not([data-p]) section:is(#services,#companies)>.wrap>h2::after{margin-left:auto}
 html:not([data-p]) section:is(#services,#companies)>.wrap>:not(h2){grid-column:1}
 html:not([data-p]) section:is(#about,#services,#refs,#companies,#contact)::before{content:"";position:absolute;z-index:-1;pointer-events:none;width:min(36vw,520px);aspect-ratio:1;bottom:4%;background:no-repeat center/contain;opacity:.085}
 html:not([data-p]) section:is(#about,#refs,#contact)::before{left:max(2vw,calc(50% - 700px))}
 html:not([data-p]) section:is(#services,#companies)::before{right:max(2vw,calc(50% - 700px))}
 html:not([data-p]) section#about::before{background-image:url(/img/bg14/jel.svg);opacity:.06}
 html:not([data-p]) section#services::before{background-image:url(/img/bg14/motor.svg)}
 html:not([data-p]) section#refs::before{background-image:url(/img/bg14/gyar.svg)}
 html:not([data-p]) section#companies::before{background-image:url(/img/bg14/jel.svg);opacity:.06}
 html:not([data-p]) section#contact::before{background-image:url(/img/bg14/gyar.svg)}
 html:not([data-p]) section#projects{position:relative;isolation:isolate}
 html:not([data-p]) section#projects::before{content:"";position:absolute;z-index:-1;pointer-events:none;top:40px;right:max(1vw,calc(50% - 760px));width:min(30vw,440px);aspect-ratio:1;background:url(/img/bg14/motor.svg) no-repeat center/contain;opacity:.05}
}
@media(min-width:1100px) and (prefers-reduced-motion:reduce){
 html:not([data-p]) section#services::before,html:not([data-p]) section#projects::before{background-image:url(/img/bg14/motor-allo.svg)}
 html:not([data-p]) section:is(#refs,#contact)::before{background-image:url(/img/bg14/gyar-allo.svg)}
}
/* v14 javítás: a fotó kitölti a 16:9-es keretet, nem csuklik össze; a kapcsolati csempék a hasábban egymás alatt */
.h14 .heromedia>figure.heroimg{position:relative;display:block;width:100%;overflow:hidden}
.h14 .heromedia>figure.heroimg picture{position:absolute;inset:0;width:100%;height:100%}
.h14 .heromedia>figure.heroimg img{width:100%;height:100%!important;object-fit:cover}
.h14 .herologo{display:flex;width:100%;box-sizing:border-box}
.ctopic>.ttag+a.em{display:block;width:fit-content}
@media(min-width:1100px){html:not([data-p]) section#contact .cardgrid{grid-template-columns:1fr!important}}
.h14 .heromedia>figure.heroimg,.h14 .herologo{clip-path:none!important;animation:none!important;opacity:1!important;transform:none!important}
@media(min-width:900px){.h14 .hb ul.wl.acts{display:grid!important;grid-template-columns:1fr 1fr;column-gap:56px;columns:auto}}

/* ===== v15 (2026-10-13) ===== */
/* hero: a logó mellett a „Tiszta levegő” embléma; a szövegek asztalon pontosan a képek fölé zárnak */
.h14 .heroemb{grid-area:ph;margin:0;aspect-ratio:16/9;border:1px solid var(--gold);border-radius:16px;background:var(--bar,#16130F);overflow:hidden}
.h14 .heroemb picture,.h14 .heroemb img{display:block;width:100%;height:100%}
.h14 .heroemb img{object-fit:contain}
@media(min-width:900px){.h14>.hp1,.h14>.hp2{align-self:end}.hero .grid.h14{row-gap:22px}}
/* vízjelszerű, rétegzett háttérrajzok: nagyobbak, két mélységben, finom görgetési elmozdulással */
@media(min-width:1100px){
 html:not([data-p]) .hero{position:relative;isolation:isolate;overflow:hidden}
 html:not([data-p]) .hero::before,html:not([data-p]) .hero::after{content:"";position:absolute;z-index:-1;pointer-events:none;background:no-repeat center/contain}
 html:not([data-p]) .hero::before{left:max(-4vw,calc(50% - 980px));bottom:-2%;width:min(46vw,760px);aspect-ratio:600/710;background-image:url(/img/bg14/gyar.svg);opacity:.11}
 html:not([data-p]) .hero::after{right:max(-6vw,calc(50% - 1020px));top:10%;width:min(44vw,720px);aspect-ratio:580/500;background-image:url(/img/bg14/motor.svg);opacity:.08}
 html:not([data-p]) section:is(#about,#services,#refs,#companies,#contact)::before{width:min(52vw,820px);bottom:-6%;opacity:.11}
 html:not([data-p]) section#about::before,html:not([data-p]) section#companies::before{opacity:.07}
 html:not([data-p]) section:is(#about,#services,#refs,#companies,#contact)::after{content:"";position:absolute;z-index:-2;pointer-events:none;top:6%;width:min(34vw,520px);aspect-ratio:490/370;background:url(/img/bg14/jel.svg) no-repeat center/contain;opacity:.035}
 html:not([data-p]) section:is(#about,#refs,#contact)::after{right:max(1vw,calc(50% - 760px))}
 html:not([data-p]) section:is(#services,#companies)::after{left:max(1vw,calc(50% - 760px))}
 html:not([data-p]) section#projects::before{width:min(40vw,640px);opacity:.07}
}
@media(min-width:1100px) and (prefers-reduced-motion:no-preference){
 @supports (animation-timeline:view()){
  html:not([data-p]) section:is(#about,#services,#refs,#companies,#contact,#projects)::before{animation:wm15 linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
  html:not([data-p]) section:is(#about,#services,#refs,#companies,#contact)::after{animation:wm15b linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
  @keyframes wm15{from{transform:translateY(60px)}to{transform:translateY(-60px)}}
  @keyframes wm15b{from{transform:translateY(-30px)}to{transform:translateY(30px)}}
 }
}
@media(min-width:1100px) and (prefers-reduced-motion:reduce){html:not([data-p]) .hero::before{background-image:url(/img/bg14/gyar-allo.svg)}html:not([data-p]) .hero::after{background-image:url(/img/bg14/motor-allo.svg)}}

/* v15b: videók nem indulnak maguktól; felirat és vezérlő (lejátszás, szünet, stop) a kép fölé érve, érintőképernyőn mindig */
figure.v15 .vlab15{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:4px;padding:11px 20px;border:1px solid var(--gold);border-radius:6px;background:rgba(22,19,15,.8);color:var(--ink);font:700 16px/1.2 Arial,Helvetica,sans-serif;cursor:pointer;white-space:nowrap;opacity:0;transition:opacity .25s}
figure.v15 .vlab15 small{font-weight:400;font-size:13px;color:var(--ink2,#D9D1C2)}
figure.v15 .vc15{position:absolute;right:10px;bottom:10px;z-index:3;display:flex;gap:7px;opacity:0;transition:opacity .25s}
figure.v15 .vc15 button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--gold);border-radius:50%;background:rgba(22,19,15,.82);color:var(--ink);cursor:pointer}
figure.v15 .vc15 svg{width:17px;height:17px}
figure.v15 .vc15 button:hover,figure.v15 .vc15 button:focus-visible,figure.v15 .vlab15:hover{background:var(--gold);color:#16130F}
figure.v15:hover .vc15,figure.v15:focus-within .vc15,figure.v15:hover .vlab15,figure.v15:focus-within .vlab15{opacity:1}
figure.v15.started .vlab15{display:none}
figure.v15 video.v15own{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#16130F;z-index:1}
@media(hover:none){figure.v15 .vc15,figure.v15 .vlab15{opacity:1}}
figure.v15 .vidctrl,figure.v15 .tvbtn,figure.v15 .tvplay{display:none!important}
/* v15b: a TERRABotanic kép és videó kitölti a teljes csempét, a bal és jobb szél finoman a csempe hátterébe olvad */
figure.v15[data-video="terrabotanic"]{padding:0!important;background:none!important;overflow:hidden}
figure.v15[data-video="terrabotanic"] video{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;padding:0!important;object-fit:cover!important;border:0!important;border-radius:0!important}
figure.v15[data-video="terrabotanic"]::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,var(--card,#27221C) 0,rgba(39,34,28,0) 14%,rgba(39,34,28,0) 86%,var(--card,#27221C) 100%);opacity:.85}

/* ===== v15c (2026-10-13) ===== */
/* TERRABotanic: a régi 90%-os kicsinyítés kikapcsolva, a kép kitölti a csempét */
figure.v15[data-video="terrabotanic"] video{transform:none!important}
/* háttérvászon: a kijelzőhöz rögzített, lassú vonalrajz-történet, minden tartalom e fölött lebeg */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url(/img/bg14/mese.svg) center bottom/cover no-repeat;opacity:.075}
@media(max-width:820px){body::before{opacity:.06;background-size:auto 70%;background-position:30% 100%}}
@media(prefers-reduced-motion:reduce){body::before{background-image:url(/img/bg14/mese-allo.svg)}}
/* a szakaszok vízjelei halványabbak, a hero saját rajzai helyett a háttérvászon szól */
@media(min-width:1100px){
 html:not([data-p]) .hero::before,html:not([data-p]) .hero::after{display:none}
 html:not([data-p]) section:is(#about,#services,#refs,#companies,#contact)::before{opacity:.055}
 html:not([data-p]) section#about::before,html:not([data-p]) section#companies::before{opacity:.04}
 html:not([data-p]) section:is(#about,#services,#refs,#companies,#contact)::after{opacity:.022}
 html:not([data-p]) section#projects::before{opacity:.04}
}
/* fejléc asztalon: a Real Energy Group felirat és a menü egy fokkal nagyobb, büszkébb */
@media(min-width:1100px){
 header .brand{font-size:20px!important;letter-spacing:.09em!important;gap:12px}
 header .brand img.ico{width:40px!important;height:40px!important}
 header .brand span{font-weight:500}
}
@media(min-width:1280px){#topnav a,.topnav>a,.topnav .tcbtn{font-size:14.5px!important}}
/* v15c: finom sarkú téglalapok mindenhol: kis lekerekítés, belül vékony arany sarokdíszek */
:root{--crn:rgba(212,180,131,.72)}
:is(.ptile2,details.grp,.card,.refcard,.herologo,.heroemb,.eaxsoon,details.sy,.sygrid>*,.ctopic){border-radius:3px!important;
 background-image:linear-gradient(var(--crn),var(--crn)),linear-gradient(var(--crn),var(--crn)),linear-gradient(var(--crn),var(--crn)),linear-gradient(var(--crn),var(--crn)),
  linear-gradient(var(--crn),var(--crn)),linear-gradient(var(--crn),var(--crn)),linear-gradient(var(--crn),var(--crn)),linear-gradient(var(--crn),var(--crn));
 background-repeat:no-repeat;
 background-size:18px 1px,1px 18px,18px 1px,1px 18px,18px 1px,1px 18px,18px 1px,1px 18px;
 background-position:left 6px top 6px,left 6px top 6px,right 6px top 6px,right 6px top 6px,left 6px bottom 6px,left 6px bottom 6px,right 6px bottom 6px,right 6px bottom 6px}
:is(.ptile2,details.grp,.card,.herologo,.heroemb):hover{--crn:rgba(212,180,131,1)}
.ptile2 figure,.ptile2 figure img,.ptile2 figure video,.heromedia figure,.heromedia figure img{border-radius:0!important}
/* v15d: menüpontok vékony keretben, pontosan a szövegükhöz méretezve; kattintásra 2 mp-ig élesen felfénylik, oldalról befutó kitöltéssel */
@media(min-width:1000px){
 #topnav,.topnav{gap:4px!important;flex-wrap:nowrap!important}
 #topnav>a,.topnav>a,.topnav .tcbtn{padding:4px 6px!important;border:1px solid rgba(212,180,131,.26)!important;border-radius:2px!important;line-height:1.25;transition:border-color .3s,color .3s}
 #topnav>a:hover,.topnav>a:hover,.topnav .tcbtn:hover{border-color:rgba(212,180,131,.75)!important}
 #topnav>a.on,.topnav>a.on{border-color:rgba(212,180,131,.6)!important}
 .fl15{animation:fl15 2s ease-out}
}
@keyframes fl15{
 0%{border-color:#FFE6B0!important;box-shadow:0 0 0 1px #FFE6B0,0 0 9px rgba(255,230,176,.5);background:linear-gradient(90deg,rgba(212,180,131,.38),rgba(212,180,131,0) 30%,rgba(212,180,131,0) 70%,rgba(212,180,131,.38))}
 35%{border-color:#FFE6B0;box-shadow:0 0 0 1px #FFE6B0,0 0 6px rgba(255,230,176,.35);background:linear-gradient(90deg,rgba(212,180,131,.22),rgba(212,180,131,0) 45%,rgba(212,180,131,0) 55%,rgba(212,180,131,.22))}
 100%{box-shadow:none;background:transparent}}
@media(prefers-reduced-motion:reduce){.fl15{animation-duration:.01s}}
/* v15e: mozgó THE CAN logó */
.lg15{position:relative;display:block;width:100%;height:100%;line-height:0}
.lg15>img{animation:lgin 1.6s cubic-bezier(.2,.7,.2,1) both,lgbr 7s ease-in-out 1.6s infinite}
.lg15::after{content:"";position:absolute;inset:0;pointer-events:none;-webkit-mask:var(--lgsrc) center/contain no-repeat;mask:var(--lgsrc) center/contain no-repeat;
 background:linear-gradient(105deg,rgba(255,236,190,0) 42%,rgba(255,236,190,.95) 50%,rgba(255,236,190,0) 58%) no-repeat;background-size:260% 100%;background-position:130% 0;animation:lgsh 6.5s ease-in-out 1.2s infinite}
@keyframes lgin{from{opacity:0;transform:translateY(10px) scale(.97);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@keyframes lgbr{0%,100%{filter:drop-shadow(0 0 0 rgba(212,180,131,0))}50%{filter:drop-shadow(0 0 14px rgba(212,180,131,.35))}}
@keyframes lgsh{0%{background-position:130% 0}35%,100%{background-position:-30% 0}}
@media(prefers-reduced-motion:reduce){.lg15>img,.lg15::after{animation:none!important}}
/* v15f: a hero tetején csak a (vékonyabb) arany vonal marad; a fekete kártyában a THE CAN illusztráció kitölti a keretet */
.hero .h14 .ha .bar{height:3px!important;margin:4px 0 22px!important}
.h14 .heroill img{object-fit:cover!important}
.h14 .heroill{background:#16130F}
/* v15g: a háttér nem mozog: álló, halvány vászon; a vízjelek görgetéskori elmozdulása kikapcsolva */
body::before{background-image:url(/img/bg14/mese-allo.svg)!important;opacity:.055!important;animation:none!important}
@media(max-width:820px){body::before{opacity:.045!important}}
html:not([data-p]) section::before,html:not([data-p]) section::after{animation:none!important;transform:none!important}
@media(min-width:1100px){html:not([data-p]) section#services::before,html:not([data-p]) section#projects::before{background-image:url(/img/bg14/motor-allo.svg)!important}html:not([data-p]) section:is(#refs,#contact)::before{background-image:url(/img/bg14/gyar-allo.svg)!important}}
/* v15h: SynergAqua körforgás középen; nyitókép-videók; a THE CAN szóvédjegy is mozog */
.syorb{margin:34px auto 30px;max-width:1180px;padding:0}
.syorb img{display:block;width:100%;height:auto}
figure.vf15{position:relative;overflow:hidden}
figure.vf15 video.v15own{z-index:2}
.lg15.lgi{display:inline-block;width:auto;height:auto}
section.hero figure.photo img{object-fit:cover}
/* v15h: a THE CAN oldal fejlécében a keretes menü szűkebben, hogy a nyelvválasztóig se érjen */
@media(min-width:1280px){html[data-p="tc"] .topnav{gap:3px!important}html[data-p="tc"] .topnav>a,html[data-p="tc"] .topnav .tcbtn{padding:3px 5px!important;font-size:13.5px!important}}
@media(min-width:1280px) and (max-width:1439px){html[data-p="tc"] .topnav{display:none!important}}
@media(min-width:1440px){html[data-p="tc"] .topnav{gap:2px!important}html[data-p="tc"] .topnav>a,html[data-p="tc"] .topnav .tcbtn{padding:2px 4px!important;font-size:12.8px!important}}
@media(min-width:1440px){html[data-p="tc"] #topnav{gap:2px!important}html[data-p="tc"] #topnav>a,html[data-p="tc"] #topnav .tcbtn{padding:2px 4px!important;font-size:12.8px!important}}

/* ===== v16 (2026-10-13): újságos THE CAN és SynergAqua oldal ===== */
/* fejezetszámok és címek */
html[data-p="tc"] main,html[data-p="tc"] body{counter-reset:ch16}
html[data-p="tc"] section:is(#tech,#types,#fields,#process,#refs,#contact)>.wrap>h2:first-of-type{counter-increment:ch16;font-family:var(--serif,Georgia,serif);font-weight:400;letter-spacing:-.005em}
html[data-p="tc"] section:is(#tech,#types,#fields,#process,#refs,#contact)>.wrap>h2:first-of-type::before{content:counter(ch16,decimal-leading-zero);display:block;margin:0 0 8px;color:var(--gold);font:300 54px/1 var(--serif,Georgia,serif);opacity:.85}
.synp{counter-reset:sy16}
.synp :is(details.sy,.sygrid>details)>summary>h2{counter-increment:sy16;font-family:var(--serif,Georgia,serif);font-weight:400}
.synp :is(details.sy,.sygrid>details)>summary>h2::before{content:counter(sy16,decimal-leading-zero);display:block;margin:0 0 6px;color:var(--gold);font:300 40px/1 var(--serif,Georgia,serif);opacity:.85}
@media(min-width:1100px){
 html[data-p="tc"] section:is(#tech,#types,#fields,#process,#refs,#contact)>.wrap>h2:first-of-type{font-size:44px}
 /* kitöltés és keret nélkül, csak a finom sarokdíszek */
 html[data-p="tc"] :is(.card.model,.card.gold,details.tile,.pwr,.refcard),.synp :is(details.sy,.sygrid>*){background-color:transparent!important;border-color:transparent!important;box-shadow:none!important}
 html[data-p="tc"] #tech .cols>div:first-child>p:first-of-type::first-letter{float:left;margin:6px 10px 0 0;color:var(--gold);font:400 64px/.8 var(--serif,Georgia,serif)}
 .synp .sygrid>details:first-child .syb>p:first-of-type::first-letter{float:left;margin:6px 10px 0 0;color:var(--gold);font:400 60px/.8 var(--serif,Georgia,serif)}
}
/* ábrák teljes szélességben */
.magfig{margin:36px auto 10px;max-width:1180px;padding:0}
.magfig img{display:block;width:100%;height:auto}
.synp .synflow16{margin:26px auto 26px}
/* THE CAN képriport: egy nagy és két kisebb kép, aszimmetrikusan */
.tcgal{padding:10px 0 30px}
.tcgal .galg{display:grid;gap:14px}
.tcgal figure{position:relative;margin:0;overflow:hidden;border-radius:3px;aspect-ratio:16/9}
.tcgal figure picture,.tcgal figure img{display:block;width:100%;height:100%;object-fit:cover}
@media(min-width:900px){
 .tcgal .galg{grid-template-columns:1.45fr 1fr;grid-template-rows:auto auto}
 .tcgal .gala{grid-row:1/3;aspect-ratio:auto;min-height:100%}
}
/* SynergAqua mozgókép-törés */
.synp .synpan{position:relative;overflow:hidden;border-radius:3px;margin:30px auto}
.synp .synpan picture,.synp .synpan img{display:block;width:100%;height:auto}
/* v16: maradék dobozok le; a projektaloldalak (SynergAqua) menüje is elfér */
@media(min-width:1100px){html[data-p="tc"] :is(.steps>*,.band){background-color:transparent!important;border-color:transparent!important;box-shadow:none!important}}
@media(min-width:1280px){html:has(.synp) #topnav{gap:2px!important}html:has(.synp) #topnav>a{padding:2px 4px!important;font-size:12.8px!important}}
/* v17: SynergAqua számok nélkül, koncepció vázlat az új körforgás-ábrával, kapcsolat mindig látszik, hírlevél-felhívás alul */
.synp :is(details.sy,.sygrid>details)>summary>h2::before{content:none!important;display:none!important}
.synp .synsteps .n{display:none!important}
.synp .syorb17{margin:6px auto 22px;max-width:none}
html:has(.synp) section#contact{display:block!important}
.synnl17{margin:40px 0 10px;padding:30px 28px;text-align:center;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold)}
.synnl17 .nlh{margin:0 auto 8px;color:var(--gold);font:400 30px/1.2 var(--serif,Georgia,serif)}
.synnl17 p{margin:0 auto 18px;max-width:640px;color:var(--ink);font-size:17px;line-height:1.55}
.synnl17 .nlb{display:inline-block;padding:10px 26px;border:1px solid var(--gold);border-radius:3px;color:var(--gold);font-weight:600;letter-spacing:.04em;text-decoration:none;transition:background .3s,color .3s}
.synnl17 .nlb:hover,.synnl17 .nlb:focus-visible{background:var(--gold);color:var(--bar,#16130F)}
@media(max-width:600px){.synnl17{padding:24px 6px}.synnl17 .nlh{font-size:24px}}
/* v18: THE CAN sorszámok nélkül, a kapcsolat alul mindig látszik */
html[data-p="tc"] section h2::before{content:none!important;display:none!important}
html[data-p="tc"] section#contact{display:block!important}
html[data-p="tc"] section#contact .contacts{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}
@media(min-width:700px){html[data-p="tc"] section#contact .contacts{grid-template-columns:1fr 1fr!important}}
html[data-p="tc"] section#contact .contacts .contact a[href^="mailto:"]{overflow-wrap:normal;word-break:normal}
/* v19: THE CAN további sorszámok ki: Folyamat számozott lista, csempefejléc darabszámok */
html[data-p="tc"] section#process ol{list-style:disc!important}
@media(min-width:821px){html[data-p="tc"] span.cnt,span.cnt21{display:none!important}}
/* v19b: SynergAqua alsó kép magától mozog, felirat és vezérlő nélkül */
.synp .synauto19 .sva19{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;pointer-events:none}
@media(prefers-reduced-motion:reduce){.synp .synauto19 .sva19{display:none}}
/* v21: THE CAN képriport: nagy kép magától mozog, alatta gomb a hangos videóhoz külön ablakban */
.tcgal .gala{position:relative;overflow:hidden}
.tcgal .gala .tca21{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;pointer-events:none}
@media(prefers-reduced-motion:reduce){.tcgal .gala .tca21{display:none}}
.tcw21{margin:18px 0 0;text-align:center}
.tcwb21{display:inline-flex;align-items:center;gap:10px;padding:11px 24px;border:1px solid var(--gold);border-radius:3px;background:transparent;color:var(--gold);font:600 16px/1.3 inherit;letter-spacing:.03em;cursor:pointer;transition:background .3s,color .3s}
.tcwb21 svg{width:18px;height:18px;flex:none}
.tcwb21:hover,.tcwb21:focus-visible{background:var(--gold);color:var(--bar,#16130F)}
.tcmod21{display:none;position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center;padding:24px;background:rgba(10,8,6,.86);backdrop-filter:blur(4px)}
.tcmod21.on{display:flex}
html.tcm21{overflow:hidden}
.tcmb21{width:min(1100px,94vw);max-height:92vh;display:flex;flex-direction:column;background:var(--bar,#16130F);border:1px solid var(--gold);border-radius:3px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.tcmh21{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px 10px 18px;color:var(--gold);font-weight:600;letter-spacing:.04em}
.tcmh21 small{color:var(--muted,#a99);font-weight:400}
.tcmx21{flex:none;width:40px;height:40px;border:1px solid var(--line,#444);border-radius:3px;background:transparent;color:var(--ink,#eee);font-size:26px;line-height:1;cursor:pointer}
.tcmx21:hover,.tcmx21:focus-visible{border-color:var(--gold);color:var(--gold)}
.tcmv21{display:block;width:100%;max-height:calc(92vh - 140px);background:#000}
.tcmn21{min-height:4.2em;padding:12px 18px;color:var(--ink2,var(--ink));font:15px/1.45 Arial,Helvetica,sans-serif;text-align:center;display:flex;align-items:center;justify-content:center}
@media(max-width:820px){.tcmod21{padding:0}.tcmb21{width:100vw;height:100dvh;max-height:none;border:0;border-radius:0}.tcmv21{flex:1;max-height:none;height:auto;object-fit:contain}}
/* v21: mobilon zárt lenyílók, a fejlécben jól látható darabszám */
@media(max-width:820px){
 details>summary span.cnt{display:inline-flex!important;align-items:center;justify-content:center;flex:none;min-width:28px;height:28px;margin-left:auto;padding:0 8px;border:1px solid var(--gold);border-radius:999px;background:transparent;color:var(--gold)!important;font:700 14px/1 Arial,Helvetica,sans-serif!important;opacity:1!important}
 details>summary:has(span.cnt){display:flex;align-items:center;gap:10px}
 details>summary h2+span.cnt{margin-left:auto}
}
/* v21b: THE CAN képriport csak a mozgó nagy kép */
.tcgal .galg.galg1{display:block!important}
.tcgal .galg.galg1 .gala{width:100%;margin:0}
/* v21c: TERRABotanic csempe alatt nincs „hamarosan” link; a referenciák lenyílói asztalon is kattinthatók */
.ptile2[data-prj="terrabotanic"] a.cta{display:none!important}
@media(min-width:821px){#refs details.grp>summary{cursor:pointer!important}#refs details.grp>summary .chev{display:inline-block!important}}
.ptile2[data-prj="terrabotanic"] .soonmark{display:none!important}

/* v21d */
/* THE CAN kapcsolat: finom szerepfelirat a csempe országneve alatt, több telefonszám egymás alatt */
.contact .ctnote{display:block;margin:-2px 0 8px;color:var(--gold);font-size:11px;line-height:1.35;letter-spacing:.12em;opacity:.85}

/* RealEnergyHomes: nincs „Hamarosan”; az üres láb ki, a csempe csak a tartalomnyi magas (TERRABotanic ugyanígy) */
.ptile2[data-prj="rehomes"] .soonmark{display:none!important}
.ptile2:is([data-prj="rehomes"],[data-prj="terrabotanic"]) .pfoot{display:none!important}
.ptile2:is([data-prj="rehomes"],[data-prj="terrabotanic"]) details.ptdesc{padding-bottom:22px}

/* EnergyAssetX: „Hamarosan” balról és jobbról, középen a név és az AEX érmeszerű karikában (érmekép nélkül) */
.prjextra .eaxsoon .eaxc,.eaxsoon .eaxc{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:28px;white-space:normal;padding:10px 18px}
.eaxsoon .eaxc .soonmark{flex:0 1 auto;width:auto!important;min-width:0;overflow-wrap:break-word}
.eaxsoon .eaxc .soonL{text-align:right;justify-content:flex-end}
.eaxsoon .eaxc .soonmark:last-child{text-align:left;justify-content:flex-start}
.eaxmid{display:inline-flex;align-items:center;gap:16px;white-space:nowrap}
.eaxsoon .aexmark{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1.5px solid var(--gold);border-radius:50%;
  box-shadow:inset 0 0 0 3px #11100e,inset 0 0 0 4px rgba(197,170,118,.4);background:radial-gradient(circle at 34% 28%,rgba(197,170,118,.22),transparent 62%);font-size:12px;letter-spacing:.02em}
.eaxsoon .aexmark::after{content:'';position:absolute;inset:-6px;border-radius:50%;pointer-events:none;
  background:repeating-conic-gradient(rgba(197,170,118,.6) 0 1.6deg,transparent 1.6deg 12deg);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px))}
@media (max-width:600px){
  .prjextra .eaxsoon .eaxc,.eaxsoon .eaxc{gap:12px;padding:10px 12px}
  .eaxmid{flex-direction:column;gap:8px}
  .eaxsoon .eaxc .soonmark{font-size:11px;letter-spacing:.1em}
}

/* Referenciák: a lenyílók fejlécében nincs darabszám (Péter: kevésnek tűnik, aki érdeklődik, megnyitja) */
#refs details>summary span.cnt,#refs span.cnt21{display:none!important}

/* v21d-svc */
/* Szolgáltatások: a csoport lenyílójában csak a szolgáltatások felsorolása, cégnév és magyarázat nélkül */
#services .svclist{list-style:none;margin:0;padding:4px 0 2px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:2px 28px}
#services .svclist li{position:relative;padding:9px 0 9px 18px;border-bottom:1px solid var(--line);color:var(--ink);line-height:1.4;min-width:0;overflow-wrap:break-word}
#services .svclist li::before{content:'';position:absolute;left:2px;top:1.05em;width:6px;height:6px;border-radius:50%;background:var(--gold)}

/* Vállalatok (asztal): 3 oszlop; 1. sor: 1., 2. cég és a „Vállalatok” cím a helyén (jobbra); 2. sor: 3., 4. és az 5. cég a jobb, 3. helyen.
   Mobilon nem változik: cím, utána az 5 csempe. */
@media(min-width:1100px){
 html:not([data-p]) section#companies>.wrap{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:16px;row-gap:16px;align-items:stretch}
 html:not([data-p]) section#companies>.wrap>.cardgrid{display:contents}
 html:not([data-p]) section#companies>.wrap>h2{grid-column:3;grid-row:1;position:static;align-self:center;margin:0}
 html:not([data-p]) section#companies>.wrap>.cardgrid>.card{margin:0}
 html:not([data-p]) section#companies>.wrap>.cardgrid>.card:nth-child(1){grid-column:1;grid-row:1}
 html:not([data-p]) section#companies>.wrap>.cardgrid>.card:nth-child(2){grid-column:2;grid-row:1}
 html:not([data-p]) section#companies>.wrap>.cardgrid>.card:nth-child(3){grid-column:1;grid-row:2}
 html:not([data-p]) section#companies>.wrap>.cardgrid>.card:nth-child(4){grid-column:2;grid-row:2}
 html:not([data-p]) section#companies>.wrap>.cardgrid>.card:nth-child(5){grid-column:3;grid-row:2}
}

/* EnergyAssetX: egy sorban (egy korábbi szabály oszlopba tette) */
.prjextra .eaxsoon .eaxc,.eaxsoon .eaxc{flex-direction:row!important;flex-wrap:nowrap!important}
/* a v9.css „.ptile2.eaxsoon .eaxc .soonmark{flex:0 0 100%!important;width:100%!important}” szabálya tette a név alá; erősebb kiválasztóval felülírva */
.prjextra .ptile2.eaxsoon .eaxc>.soonmark.plain{flex:0 1 auto!important;width:auto!important}
.prjextra .ptile2.eaxsoon .eaxc>.soonmark.soonL{text-align:right!important;justify-content:flex-end!important}
.prjextra .ptile2.eaxsoon .eaxc>.soonmark.plain:last-child{text-align:left!important;justify-content:flex-start!important}

/* THE CAN csempe: a logó a csempe tetején középen */
.ptile2[data-prj="thecan"] .pbar{justify-content:center!important}
.ptile2[data-prj="thecan"] .pbar .lg15{display:flex!important;justify-content:center}
.ptile2[data-prj="thecan"] .pbar img.plg{margin-left:auto!important;margin-right:auto!important}

/* v21e: a csak képernyőolvasónak szóló .vh felirat (pl. „Español (Latinoamérica)” a nyelvgombban) méret nélkül kilógott,
   es-419 THE CAN oldal 390 px-en scrollWidth 458; szokásos minta: 1×1 px, kilógás nélkül */
.vh{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}

/* v23 */
/* EnergyAssetX: nincs „Hamarosan” (a bal oldali felirat a RealEnergyHomes csempe alá esett, és ahhoz tartozónak látszott);
   egyetlen érme: a név és az AEX egy körben, recés peremmel, semmi más */
.prjextra .ptile2.eaxsoon .eaxc>.soonmark{display:none!important}
.prjextra .eaxsoon .eaxc,.eaxsoon .eaxc{justify-content:center!important;padding:14px 18px!important}
.eaxsoon .eaxmid{position:relative;flex:none;display:flex!important;flex-direction:column!important;align-items:center;justify-content:center;gap:6px!important;
  width:156px;height:156px;border-radius:50%;border:2px solid var(--gold);white-space:nowrap;
  box-shadow:inset 0 0 0 5px #11100e,inset 0 0 0 6px rgba(197,170,118,.45);
  background:radial-gradient(circle at 34% 28%,rgba(197,170,118,.24),rgba(17,16,14,0) 64%),#14120f}
.eaxsoon .eaxmid::after{content:'';position:absolute;inset:-8px;border-radius:50%;pointer-events:none;
  background:repeating-conic-gradient(rgba(197,170,118,.65) 0 1.4deg,transparent 1.4deg 9deg);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 4px))}
.eaxsoon .eaxmid .eaxword{font-size:20px!important}
.eaxsoon .eaxmid .aexmark{width:auto!important;height:auto!important;border:0!important;border-top:1px solid rgba(197,170,118,.45)!important;border-radius:0!important;
  box-shadow:none!important;background:none!important;padding:6px 4px 0!important;font-size:14px!important;letter-spacing:.18em!important}
.eaxsoon .eaxmid .aexmark::after{display:none!important}
@media (max-width:600px){.eaxsoon .eaxmid{width:136px;height:136px}.eaxsoon .eaxmid .eaxword{font-size:17px!important}}

/* RealEnergyHomes és TERRABotanic: a lehető legalacsonyabb csempe; kisebb logósáv, laposabb videókép;
   mobilon nincs lenyitható Leírás, csak a logó és a videó */
.ptile2:is([data-prj="rehomes"],[data-prj="terrabotanic"]) .pbar{padding:6px 18px!important;min-height:0!important;height:72px}
.ptile2:is([data-prj="rehomes"],[data-prj="terrabotanic"]) .pbar img{max-height:54px!important;width:auto!important}
.ptile2:is([data-prj="rehomes"],[data-prj="terrabotanic"]) figure.pimg{aspect-ratio:21/9!important;height:auto!important}
.ptile2:is([data-prj="rehomes"],[data-prj="terrabotanic"]) figure.pimg video,.ptile2:is([data-prj="rehomes"],[data-prj="terrabotanic"]) figure.pimg img{width:100%!important;height:100%!important;object-fit:cover!important}
.prjgrid2:has(>[data-prj="rehomes"]) {align-items:start}
@media (max-width:820px){
  .ptile2:is([data-prj="rehomes"],[data-prj="terrabotanic"]) details.ptdesc{display:none!important}
  .ptile2:is([data-prj="rehomes"],[data-prj="terrabotanic"]) figure.pimg{aspect-ratio:16/9!important}
  .ptile2:is([data-prj="rehomes"],[data-prj="terrabotanic"]) .pbar{height:64px}
}
/*V27*/.card.contact.hq13 a.hqtel{display:block!important;width:fit-content;margin:2px 0 0!important;color:var(--gold)!important;font-weight:600!important;white-space:nowrap;text-decoration:none}.card.contact.hq13 a.hqtel+.em{margin-top:14px!important}
/*V27B*/.eaxsoon .eaxmid::after{display:none!important;content:none!important}.prjextra .eaxsoon .eaxc,.eaxsoon .eaxc{padding:8px 12px!important}.eaxsoon .eaxmid{width:96px;height:96px;gap:3px!important;box-shadow:inset 0 0 0 3px #11100e,inset 0 0 0 4px rgba(197,170,118,.4)}.eaxsoon .eaxmid .eaxword{font-size:12.5px!important}.eaxsoon .eaxmid .aexmark{font-size:10px!important;padding:3px 2px 0!important;letter-spacing:.16em!important}@media (max-width:600px){.eaxsoon .eaxmid{width:88px;height:88px}.eaxsoon .eaxmid .eaxword{font-size:11.5px!important}}
/*V27D*/.ttag{border-radius:0!important}