:root{--navy:#092c3a;--blue:#087ca7;--green:#36a96b;--ice:#eef8f8;--white:#fff;--ink:#12333e;--muted:#607780;--line:#d5e5e7;--shadow:0 24px 70px rgba(6,50,62,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,system-ui,sans-serif;color:var(--ink);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);position:sticky;top:0;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);z-index:20;border-bottom:1px solid var(--line)}.brand img{display:block;width:250px;height:66px;object-fit:contain;object-position:left center}.site-header nav{display:flex;align-items:center;gap:24px;font-size:.9rem;font-weight:700}.site-header nav a:hover{color:var(--blue)}.nav-cta{border-radius:999px;padding:10px 17px;background:linear-gradient(100deg,var(--blue),var(--green));color:white}.detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;padding:80px max(7vw,24px);background:linear-gradient(135deg,#f6fbfb,#fff 55%,#e8f7f4)}.detail-hero h1{font:700 clamp(2.8rem,5.5vw,5.8rem)/.96 'Roboto Condensed',sans-serif;letter-spacing:-.035em;color:var(--navy);margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--blue);font-size:.76rem;font-weight:800;margin:0 0 17px}.lead{font-size:1.15rem;color:var(--muted);max-width:650px}.detail-hero img{width:100%;height:480px;object-fit:cover;border-radius:24px;box-shadow:var(--shadow)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 22px;border-radius:9px;font-weight:800}.primary{background:linear-gradient(100deg,var(--blue),var(--green));color:white}.secondary{background:white;border:1px solid var(--line)}.content-section{padding:90px max(7vw,24px)}.content-section.alt{background:var(--ice)}.section-head{max-width:760px;margin-bottom:42px}.section-head h2,.cta h2{font:700 clamp(2.2rem,4vw,4rem)/1 'Roboto Condensed',sans-serif;color:var(--navy);margin:0}.section-head p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{border:1px solid var(--line);border-radius:16px;padding:26px;background:white}.feature b{display:block;font:700 1.3rem 'Roboto Condensed',sans-serif;color:var(--navy);margin-bottom:8px}.feature p{margin:0;color:var(--muted);font-size:.94rem}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{padding:24px;border-top:3px solid var(--green);background:white}.step span{color:var(--blue);font-weight:800}.step h3{font-family:'Roboto Condensed',sans-serif;color:var(--navy);margin:12px 0 7px}.step p{margin:0;color:var(--muted);font-size:.9rem}.cta{padding:70px max(7vw,24px);background:var(--navy);color:white;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{color:white;max-width:720px}.cta p{color:#c3d8dc;margin-bottom:0}.cta .primary{white-space:nowrap}footer{background:#061f29;color:#a9c1c8;padding:24px max(5vw,24px);display:flex;justify-content:space-between;font-size:.8rem}footer a{color:white}
.quote-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:start}.quote-form,.quote-aside{background:white;border:1px solid var(--line);border-radius:20px;padding:32px;box-shadow:0 12px 38px rgba(6,50,62,.08)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label,.group-label{font-weight:800;color:var(--navy);font-size:.9rem}.field input,.field select,.field textarea{width:100%;border:1px solid #b9d0d4;border-radius:9px;padding:12px 13px;font:inherit;color:var(--ink);background:white}.field textarea{min-height:150px;resize:vertical}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.check-grid label{font-size:.9rem}.form-note{font-size:.82rem;color:var(--muted);margin:5px 0 0}.quote-form button{border:0;cursor:pointer}.quote-aside h2{font:700 2rem 'Roboto Condensed',sans-serif;margin-top:0;color:var(--navy)}.quote-aside a{display:block;color:var(--blue);font-weight:800;margin:9px 0}.status{margin-top:14px;font-size:.9rem;font-weight:700;color:var(--green)}
@media(max-width:900px){.detail-hero,.quote-layout{grid-template-columns:1fr}.detail-hero img{height:360px}.feature-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.site-header nav a:not(.nav-cta){display:none}}
@media(max-width:620px){.site-header{height:70px}.brand img{width:176px;height:52px}.detail-hero{padding-top:52px}.detail-hero img{height:260px}.content-section{padding-top:68px;padding-bottom:68px}.feature-grid,.steps,.form-grid,.check-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.quote-form,.quote-aside{padding:23px}.cta{align-items:flex-start;flex-direction:column}footer{flex-direction:column;gap:7px}}

/* Az aloldalak szolgáltatáskártyáinak szakáganként illesztett képi hátterei. */
.feature-grid .feature{position:relative;isolation:isolate;overflow:hidden;min-height:265px;display:flex;flex-direction:column;justify-content:flex-end;border-color:rgba(255,255,255,.2);background:var(--navy);box-shadow:0 14px 34px rgba(6,50,62,.14)}
.feature-grid .feature:before{content:'';position:absolute;z-index:-2;inset:0;background-image:var(--feature-image);background-size:cover;background-position:center;transition:transform .4s ease}
.feature-grid .feature:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(3,29,39,.12) 0%,rgba(3,29,39,.58) 48%,rgba(3,29,39,.96) 100%)}
.feature-grid .feature:hover:before{transform:scale(1.035)}
.feature-grid .feature b{color:white;text-shadow:0 2px 12px rgba(0,0,0,.45)}
.feature-grid .feature p{color:#e7f1f3;text-shadow:0 1px 8px rgba(0,0,0,.45)}

body:has(.detail-hero img[src="images/klima-szerviz.webp"]) .feature:nth-child(1){--feature-image:url('images/ipari-vrv-vrf.webp')}
body:has(.detail-hero img[src="images/klima-szerviz.webp"]) .feature:nth-child(2){--feature-image:url('images/ipari-folyadekhuto.webp')}
body:has(.detail-hero img[src="images/klima-szerviz.webp"]) .feature:nth-child(3){--feature-image:url('images/ipari-fancoil.webp')}
body:has(.detail-hero img[src="images/klima-szerviz.webp"]) .feature:nth-child(4){--feature-image:url('images/ipari-split-multi.webp')}
body:has(.detail-hero img[src="images/klima-szerviz.webp"]) .feature:nth-child(5){--feature-image:url('images/ipari-fgaz.webp')}
body:has(.detail-hero img[src="images/klima-szerviz.webp"]) .feature:nth-child(6){--feature-image:url('images/ipari-karbantartas.webp')}

body:has(.detail-hero img[src="images/karbantartas.webp"]) .feature:nth-child(1){--feature-image:url('images/uzem-bejaras.webp')}
body:has(.detail-hero img[src="images/karbantartas.webp"]) .feature:nth-child(2){--feature-image:url('images/uzem-tervszeru.webp')}
body:has(.detail-hero img[src="images/karbantartas.webp"]) .feature:nth-child(3){--feature-image:url('images/uzem-hibabejelentes.webp')}
body:has(.detail-hero img[src="images/karbantartas.webp"]) .feature:nth-child(4){--feature-image:url('images/uzem-koordinacio.webp')}
body:has(.detail-hero img[src="images/karbantartas.webp"]) .feature:nth-child(5){--feature-image:url('images/uzem-dokumentacio.webp')}
body:has(.detail-hero img[src="images/karbantartas.webp"]) .feature:nth-child(6){--feature-image:url('images/uzem-koltsegtervezes.webp')}

body:has(.detail-hero img[src="images/epuletgepesz-szerelo.webp"]) .feature:nth-child(1){--feature-image:url('images/gepesz-futesi-rendszer.webp')}
body:has(.detail-hero img[src="images/epuletgepesz-szerelo.webp"]) .feature:nth-child(2){--feature-image:url('images/gepesz-csohalozat.webp')}
body:has(.detail-hero img[src="images/epuletgepesz-szerelo.webp"]) .feature:nth-child(3){--feature-image:url('images/gepesz-szivattyu.webp')}
body:has(.detail-hero img[src="images/epuletgepesz-szerelo.webp"]) .feature:nth-child(4){--feature-image:url('images/gepesz-hibafeltaras.webp')}
body:has(.detail-hero img[src="images/epuletgepesz-szerelo.webp"]) .feature:nth-child(5){--feature-image:url('images/gepesz-korszerusites.webp')}
body:has(.detail-hero img[src="images/epuletgepesz-szerelo.webp"]) .feature:nth-child(6){--feature-image:url('images/gepesz-karbantartas.webp')}

body:has(.detail-hero img[src="images/villanyszereles.webp"]) .feature:nth-child(1){--feature-image:url('images/vill-halozat.webp')}
body:has(.detail-hero img[src="images/villanyszereles.webp"]) .feature:nth-child(2){--feature-image:url('images/vill-eloszto.webp')}
body:has(.detail-hero img[src="images/villanyszereles.webp"]) .feature:nth-child(3){--feature-image:url('images/vill-szerelvenyek.webp')}
body:has(.detail-hero img[src="images/villanyszereles.webp"]) .feature:nth-child(4){--feature-image:url('images/vill-hibakereses.webp')}
body:has(.detail-hero img[src="images/villanyszereles.webp"]) .feature:nth-child(5){--feature-image:url('images/vill-korszerusites.webp')}
body:has(.detail-hero img[src="images/villanyszereles.webp"]) .feature:nth-child(6){--feature-image:url('images/vill-karbantartas.webp')}

body:has(.detail-hero img[src="images/tuzvedelem.webp"]) .feature:nth-child(1){--feature-image:url('images/tuz-allapotfelmeres.webp')}
body:has(.detail-hero img[src="images/tuzvedelem.webp"]) .feature:nth-child(2){--feature-image:url('images/tuz-idoszakos.webp')}
body:has(.detail-hero img[src="images/tuzvedelem.webp"]) .feature:nth-child(3){--feature-image:url('images/tuz-hibak.webp')}
body:has(.detail-hero img[src="images/tuzvedelem.webp"]) .feature:nth-child(4){--feature-image:url('images/tuz-koordinacio.webp')}
body:has(.detail-hero img[src="images/tuzvedelem.webp"]) .feature:nth-child(5){--feature-image:url('images/tuz-dokumentalas.webp')}
body:has(.detail-hero img[src="images/tuzvedelem.webp"]) .feature:nth-child(6){--feature-image:url('images/tuz-megelozes.webp')}

@media(max-width:620px){.feature-grid .feature{min-height:245px}}
@media(prefers-reduced-motion:reduce){.feature-grid .feature:before{transition:none}}

/* 2026 arculati frissítés – a hivatalos logó kék–zöld színvilága. */
:root{--navy:#062f5f;--blue:#006ee6;--blue-bright:#00a8f4;--green:#16a83a;--green-bright:#55d61f;--ice:#eef8ff;--ink:#0a3152;--muted:#526f86;--line:#b9dcef;--shadow:0 24px 64px rgba(0,72,137,.17)}
body{background:linear-gradient(180deg,#fff,#f6fbff)}
.site-header{height:122px;padding:0 max(4vw,20px);background:linear-gradient(100deg,rgba(255,255,255,.98),rgba(235,249,255,.97) 60%,rgba(239,255,239,.97));border-bottom:0;box-shadow:0 5px 24px rgba(0,76,145,.12)}
.site-header:after{content:'';position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#0738bd 0%,#00a8f4 43%,#55d61f 72%,#078c28 100%)}
.brand{position:relative;flex:none;padding:5px 14px;background:white;border:1px solid rgba(0,110,230,.2);border-radius:18px;box-shadow:0 10px 28px rgba(0,83,160,.17)}
.brand:after{content:'';position:absolute;inset:auto 16px -5px;height:5px;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--blue-bright),var(--green-bright),var(--green))}
.brand img{width:auto;height:104px;object-fit:contain}
.site-header nav{color:var(--navy)}.nav-cta{background:linear-gradient(105deg,#006ee6,#00a8f4 48%,#18a83e);box-shadow:0 9px 24px rgba(0,110,230,.24)}
.detail-hero{background:radial-gradient(circle at 8% 12%,rgba(0,168,244,.14),transparent 29%),radial-gradient(circle at 69% 88%,rgba(85,214,31,.13),transparent 29%),linear-gradient(135deg,#f4fbff,#fff 54%,#f1fff0)}
.detail-hero h1{background:linear-gradient(112deg,#062f5f 12%,#006ee6 64%,#159f39);-webkit-background-clip:text;background-clip:text;color:transparent}
.detail-hero img{border:5px solid white;outline:2px solid rgba(0,147,222,.28);box-shadow:0 28px 70px rgba(0,69,131,.23)}
.eyebrow{color:#006ee6}.button{border-radius:12px}.primary{background:linear-gradient(105deg,#006ee6,#00a8f4 47%,#18a83e);box-shadow:0 12px 30px rgba(0,110,230,.25)}.secondary{border:2px solid #8bc8ec}
.content-section{background:linear-gradient(180deg,#fff,#edf8ff 60%,#f4fff1)}.content-section.alt{background:radial-gradient(circle at 85% 10%,rgba(82,214,31,.13),transparent 28%),linear-gradient(135deg,#eaf7ff,#fff 58%,#f0ffed)}
.section-head h2:after{content:'';display:block;width:92px;height:5px;margin-top:18px;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--blue-bright),var(--green-bright))}
.feature-grid .feature{border:2px solid rgba(255,255,255,.7);box-shadow:0 18px 42px rgba(0,70,130,.2)}
.feature-grid .feature:after{background:linear-gradient(180deg,rgba(2,32,62,.05),rgba(3,38,70,.53) 45%,rgba(3,30,58,.97) 100%)}
.feature-grid .feature:hover{outline:3px solid rgba(73,213,40,.55);outline-offset:2px}
.steps .step{border-top:5px solid transparent;border-image:linear-gradient(90deg,var(--blue),var(--blue-bright),var(--green-bright)) 1;box-shadow:0 12px 28px rgba(0,77,139,.1)}
.quote-form,.quote-aside{border:1px solid rgba(0,123,215,.2);border-top:5px solid var(--blue);box-shadow:0 22px 52px rgba(0,79,143,.15)}
.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid rgba(0,168,244,.22);border-color:var(--blue)}
.cta{background:radial-gradient(circle at 80% 20%,rgba(75,214,31,.24),transparent 30%),linear-gradient(110deg,#032b59,#0061ac 65%,#076d39)}
footer{background:linear-gradient(100deg,#03264c,#005995 62%,#075f35);color:#d8efff}
@media(max-width:1050px) and (min-width:621px){.brand img{height:84px}.site-header nav{gap:15px;font-size:.82rem}}
@media(max-width:620px){.site-header{height:92px}.brand{padding:3px 8px;border-radius:13px}.brand img{width:auto;height:74px}.detail-hero{padding-top:58px}}