:root{--navy:#092a4c;--navy-deep:#052742;--blue:#0987ed;--blue2:#0085f7;--ice:#eaf6fd;--text:#0b2948;--mute:#475d73;--body:'Inter','Segoe UI',Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}body{margin:0;font-family:var(--body);color:var(--text);background:#fff;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:24px;height:24px;display:block;flex:0 0 auto}
.content-width{max-width:1370px;padding-left:42px;padding-right:42px;margin-left:auto;margin-right:auto}
/* Header */
.site-header{height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 32px;background:#fff;box-shadow:0 2px 15px rgba(12,39,68,.045);position:relative;z-index:10}
.brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;flex:0 0 auto}.brand-snow{height:42px;width:39px;color:#0089f4;display:block}.brand-type{display:flex;flex-direction:column;gap:0;line-height:1.09}.brand-type strong{font-size:19px;font-weight:800;letter-spacing:.1px}.brand-type small{color:#0989f8;font-size:11px;font-weight:800;letter-spacing:1.7px}
.main-nav{display:flex;align-items:stretch;gap:19px;height:100%;margin-left:auto;flex:0 1 auto}.main-nav a{font-size:11px;font-weight:500;white-space:nowrap;display:flex;align-items:center;position:relative}.main-nav a:hover,.main-nav a.active{color:var(--blue)}.main-nav a.active:after{content:"";height:2px;position:absolute;bottom:0;left:-7px;right:-7px;background:var(--blue)}
.header-right{display:flex;align-items:center;gap:17px}.header-phone{display:flex;align-items:center;gap:9px;white-space:nowrap}.header-phone .icon{width:24px;height:24px;color:var(--blue)}.header-phone span{display:flex;flex-direction:column;gap:1px}.header-phone b{font-size:12px;font-weight:800}.header-phone small{font-size:10px;color:#7b9cbd}
.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:600;border-radius:9px;min-height:48px;transition:filter .2s,transform .2s}.btn:hover{filter:brightness(.96);transform:translateY(-1px)}.btn:focus-visible,.text-link:focus-visible,a:focus-visible{outline:3px solid #7ac2ff;outline-offset:2px}.btn-primary{background:#0988f4;color:#fff;box-shadow:0 4px 9px rgba(5,132,239,.14)}.header-quote{font-size:12px;min-height:37px;width:117px;border-radius:9px}.btn-outline{background:rgba(255,255,255,.55);border:1px solid #7699ba;color:var(--text)}
/* Hero */
.hero{height:442px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(95deg,#f8fcff 0,#f2f9fc 48%,#e7f1f5 100%)}
.hero-photo{position:absolute;inset:0 0 0 auto;width:65.5%;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.5) 10%,#000 32%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.5) 10%,#000 32%);background-image:image-set(url('assets/szeged-klimaszereles-modern-nappali-huto-futo-klimaval-1200.jpg') 1x, url('assets/szeged-klimaszereles-modern-nappali-huto-futo-klimaval-2400.jpg') 2x);background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:-2}
.hero-mist{position:absolute;inset:0;background:linear-gradient(90deg,#f8fbfc 0%,rgba(248,251,253,.98) 23%,rgba(248,251,253,.88) 38%,rgba(248,251,253,.32) 52%,rgba(248,251,253,0) 69%);z-index:-1}
.hero-content{padding-top:80px;position:relative}.eyebrow{font-size:11px;letter-spacing:1.1px;font-weight:700;color:#36556f;margin:0 0 17px}.hero h1{font-size:39px;line-height:1.14;letter-spacing:-1.5px;margin:0 0 17px;font-weight:830;color:#0a2b4c}.hero h1 span{color:#0787ed}.hero-lead{font-size:16px;line-height:1.48;max-width:575px;margin:0}
.hero-perks{display:flex;align-items:center;gap:32px;margin-top:29px}.perk{display:flex;align-items:center;gap:11px;font-size:11.5px;line-height:1.3;white-space:nowrap}.perk .icon{width:30px;height:30px;color:var(--blue)}.hero-actions{display:flex;gap:15px;margin-top:27px}.hero-actions .btn{height:49px}.hero-call{width:199px;font-size:14px}.hero-call .icon{width:22px;height:22px}.hero-actions .btn-outline{min-width:158px;font-size:13px}.hero-actions .btn-outline .icon{width:17px;height:17px;margin-left:7px}
/* Service cards */
.services-section{min-height:350px;background:linear-gradient(180deg,#f3faff 0%,#f7fbff 80%,#fff 100%);padding:0 36px 20px;position:relative;z-index:1;margin-top:-13px;border-radius:16px 16px 0 0;box-shadow:0 -5px 20px rgba(255,255,255,.25)}
.service-grid{max-width:1320px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin:0 auto;padding-top:14px}.service-card{min-height:322px;display:flex;flex-direction:column;overflow:hidden;background:#fff;border-radius:9px;box-shadow:0 1px 4px rgba(11,41,72,.025)}.service-card>img{display:block;height:168px;width:100%;object-fit:cover}.service-card-body{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:12px 16px 8px}.service-card h2{margin:0 0 9px;font-size:16.5px;font-weight:750;line-height:1.28;letter-spacing:-.45px}.service-card p{margin:0;font-size:13.7px;line-height:1.5;color:#213c56}.text-link{display:inline-flex;align-items:center;gap:5px;margin-top:auto;padding:10px 0 0;color:#0085ee;background:none;border:0;font-size:13.5px;font-weight:600}.text-link .icon{height:16px;width:16px}
/* Feature icons */
.benefits{height:98px;background:linear-gradient(90deg,#f6fbff,#eff8fe 50%,#f4fafe)}.benefits-grid{height:100%;display:grid;grid-template-columns:1.03fr 1.36fr 1.09fr 1.35fr .96fr;align-items:center;gap:15px}.benefit{display:flex;align-items:center;gap:13px;font-size:13px;line-height:1.35}.benefit .icon{height:33px;width:33px;color:#0a88eb}
/* Brands */
.brands{height:127px;background:#fff;text-align:center;padding-top:25px}.brands h2{margin:0;color:#537390;letter-spacing:1.35px;font-weight:700;font-size:10.5px}.brand-logos{padding-top:15px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand-logos img{display:block;object-fit:contain;mix-blend-mode:multiply;max-width:15%;height:46px;width:auto}
/* Process */
.work-process{height:250px;background:#072c4b;color:white;position:relative;overflow:hidden;isolation:isolate}.work-picture{position:absolute;inset:0 0 0 auto;width:36%;background-image:image-set(url('assets/szeged-klimaszereles-belteri-klima-tisztitas-karbantartas-900.jpg') 1x, url('assets/szeged-klimaszereles-belteri-klima-tisztitas-karbantartas-1800.jpg') 2x);background-size:cover;background-position:center;z-index:-2}.work-shade{position:absolute;inset:0;background:linear-gradient(90deg,#062b4b 0%,#062b4b 48%,rgba(6,43,75,.94) 63%,rgba(6,43,75,.09) 79%,transparent 96%);z-index:-1}.work-inner{padding-top:27px}.work-inner>h2{margin:0 0 6px;font-weight:750;font-size:23px;letter-spacing:-.5px}.work-intro{margin:0;font-size:14px;color:#e3edf4}.steps{display:grid;grid-template-columns:repeat(4,173px);padding:0;margin:24px 0 0;list-style:none}.steps li{min-width:0;position:relative}.step-n{display:flex;align-items:center;width:100%;margin-bottom:11px;position:relative}.step-n:after{content:"";position:absolute;left:44px;right:13px;top:19px;border-top:2px dotted #1685d8}.steps li:last-child .step-n:after{border-top-color:rgba(33,126,179,.65)}.step-n span{border-radius:50%;height:37px;width:37px;background:#078af0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px;box-shadow:0 4px 8px rgba(1,17,34,.3)}.steps h3{margin:0 0 8px;font-size:13px;letter-spacing:-.2px}.steps p{font-size:13px;line-height:1.55;color:#dcebf7;margin:0}
/* CTA */
.bottom-cta{height:106px;background:#fff}.bottom-cta-inner{height:100%;display:flex;align-items:center;gap:19px}.cta-phone-icon{width:65px;height:65px;border-radius:50%;background:#0c89ee;display:flex;align-items:center;justify-content:center;color:white;flex:none}.cta-phone-icon .icon{width:34px;height:34px}.cta-call-text{display:flex;flex-direction:column;gap:4px;min-width:287px}.cta-call-text strong{font-size:19px;letter-spacing:-.35px}.cta-call-text a{font-size:24px;font-weight:800;letter-spacing:-.6px}.cta-online{min-height:68px;flex:1;background:#f1f7fc;border-radius:11px;display:flex;align-items:center;justify-content:space-between;padding:10px 11px 10px 29px;gap:13px}.cta-online div{display:flex;flex-direction:column;gap:3px}.cta-online strong{font-size:13px}.cta-online span{font-size:12px;color:#607c96}.cta-online .btn{font-size:14px;min-width:175px}.cta-online .btn .icon{width:18px;height:18px}
/* Footer */
.site-footer{height:98px;background:linear-gradient(90deg,#f7fbff,#eef8ff);border-top:1px solid #e9f3fb}.footer-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:17px}.footer-brand .brand-snow{width:41px;height:43px}.footer-brand .brand-type strong{font-size:18px}.footer-item{display:flex;align-items:center;gap:11px}.footer-icon{height:37px;width:37px;background:white;color:#0889fa;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none}.footer-icon .icon{width:24px;height:24px}.footer-item>span:last-child{display:flex;flex-direction:column;gap:3px}.footer-item strong{font-size:12px;line-height:1.35}.footer-item small{font-size:12px;color:#6887a2}
/* Dialogs */
.site-dialog{border:0;border-radius:17px;box-shadow:0 22px 70px rgba(5,25,45,.3);width:min(95vw,500px);max-height:min(92vh,820px);padding:0;color:var(--text)}.site-dialog::backdrop{background:rgba(4,23,41,.67);backdrop-filter:blur(3px)}.quote-form,.service-modal{padding:27px;position:relative}.site-dialog h2{margin:0 37px 11px 0;font-size:25px}.site-dialog p{line-height:1.5;color:#4a6781;font-size:14px}.dialog-close{border:0;background:#f0f6fb;color:var(--navy);height:33px;width:33px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;right:20px;top:20px}.dialog-close .icon{width:18px;height:18px}.quote-form label{display:block;font-size:13px;font-weight:650;margin:12px 0}.quote-form input,.quote-form select,.quote-form textarea{margin-top:5px;border:1px solid #c7d5e1;background:#fff;display:block;border-radius:8px;padding:10px 12px;width:100%;font-size:14px}.quote-form input:focus,.quote-form textarea:focus{outline:2px solid #58a8f0}.dialog-submit{width:100%;margin-top:6px}.dialog-submit .icon{width:18px;height:18px}.dialog-phone{display:block;text-align:center;margin-top:15px;font-size:13px;color:#087ddb}.service-modal .btn{margin-top:12px;padding:0 25px}
@media(min-width:1300px){.site-header{padding-left:max(32px,calc((100% - 1320px)/2));padding-right:max(32px,calc((100% - 1320px)/2))}.main-nav a{font-size:13px}.main-nav{gap:27px}.hero{height:510px}.hero-content{padding-top:90px}.hero h1{font-size:51px}.hero-lead{font-size:18px}.hero-perks{margin-top:28px}.perk{font-size:13px}.hero-actions{margin-top:30px}.services-section{margin-top:-15px}.service-card{min-height:360px}.service-card>img{height:215px}.service-card h2{font-size:19px}.service-card p{font-size:15px}.services-section{min-height:395px}.work-process{height:270px}.steps{grid-template-columns:repeat(4,205px)}}
@media(max-width:970px){.site-header{padding:0 22px}.main-nav{gap:11px}.main-nav a{font-size:10px}.brand-type strong{font-size:17px}.brand-snow{width:32px}.header-phone small{display:none}.header-right{gap:9px}.header-phone b{font-size:11px}.header-quote{width:99px}.hero h1{font-size:37px}.hero-lead{font-size:14px}.hero-mist{background:linear-gradient(90deg,#f8fbfc 0%,rgba(248,251,253,.95) 36%,rgba(248,251,253,.32) 62%,transparent 100%)}.steps{grid-template-columns:repeat(4,minmax(0,1fr));max-width:720px}.footer-item strong{font-size:10.5px}.footer-item small{font-size:10px}.brand-logos{gap:12px}}
@media(max-width:760px){.site-header{height:70px;padding:0 18px}.main-nav{display:none}.header-phone span{display:none}.header-right{margin-left:auto}.header-phone{border-radius:50%;height:40px;width:40px;justify-content:center;background:#edf8ff}.header-quote{width:111px}.hero{height:auto;min-height:570px}.hero-photo{width:100%;height:265px;top:0;inset:0 0 auto 0;background-position:right center}.hero-mist{background:linear-gradient(0deg,#f8fbfc 0%,#f8fbfc 30%,rgba(248,251,253,.94) 43%,rgba(248,251,253,.25) 95%)}.content-width{padding-left:21px;padding-right:21px}.hero-content{padding-top:245px;padding-bottom:28px}.eyebrow{font-size:10px;margin-bottom:12px}.hero h1{font-size:34px;letter-spacing:-1.3px}.hero h1 br{display:none}.hero-lead{font-size:14px}.desktop-break{display:none}.hero-perks{flex-wrap:wrap;gap:16px;margin-top:21px}.perk{font-size:10.5px}.perk .icon{width:23px;height:23px}.hero-actions{margin-top:22px}.hero-actions .btn{min-width:0}.hero-call{flex:1}.hero-actions .btn-outline{flex:1}.services-section{margin-top:0;padding:13px 16px 24px}.service-grid{display:grid;grid-template-columns:1fr;padding-top:0;gap:15px}.service-card{min-height:0}.service-card>img{height:210px}.service-card-body{min-height:145px}.benefits{height:auto;padding:21px 0}.benefits-grid{grid-template-columns:1fr 1fr;gap:18px}.benefit{font-size:12px}.brands{height:auto;padding:22px 10px}.brand-logos{flex-wrap:wrap;justify-content:center;column-gap:23px;row-gap:9px;padding-top:14px}.brand-logos img{max-width:29%;height:43px}.work-process{height:auto;min-height:405px}.work-picture{width:63%;opacity:.35}.work-shade{background:linear-gradient(90deg,#062b4b 0%,rgba(6,43,75,.95) 58%,rgba(6,43,75,.45) 100%)}.work-inner{padding-top:30px;padding-bottom:32px}.steps{grid-template-columns:1fr 1fr;gap:22px 16px;margin-top:22px}.step-n:after{right:30px}.steps h3{font-size:13px}.bottom-cta{height:auto;padding:20px 0}.bottom-cta-inner{flex-wrap:wrap}.cta-call-text{min-width:0;flex:1}.cta-call-text strong{font-size:16px}.cta-call-text a{font-size:21px}.cta-online{flex-basis:100%;padding:15px;flex-wrap:wrap}.cta-online .btn{flex:1}.site-footer{height:auto}.footer-inner{padding-top:22px;padding-bottom:22px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.footer-brand{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* -------- MOBIL APP / 2. VERZIÓ -------- */
.mobile-app,.mobile-menu-button,.mobile-menu{display:none}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}
@media(max-width:760px){
  :root{--mobile-gap:6px}
  body{background:#edf8ff;min-width:320px}
  .site-header{height:56px;padding:0 16px;box-shadow:none;position:relative;z-index:20;background:rgba(255,255,255,.95)}
  .site-header .brand{gap:8px}
  .site-header .brand-snow{height:37px;width:34px}
  .site-header .brand-type strong{font-size:17.5px;letter-spacing:-.2px}
  .site-header .brand-type small{font-size:10px;letter-spacing:1.65px}
  .header-right{display:none}
  .mobile-menu-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:42px;height:42px;margin-left:auto;border:0;border-radius:12px;color:#0787ef;background:#f0f8fe;box-shadow:0 1px 4px rgba(0,80,160,.13)}
  .mobile-menu-button span{display:block;width:22px;height:3px;border-radius:99px;background:currentColor;transition:transform .2s,opacity .2s}
  .mobile-menu-button[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .mobile-menu-button[aria-expanded="true"] span:nth-child(2){opacity:0}
  .mobile-menu-button[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .mobile-menu:not([hidden]){display:flex;flex-direction:column;position:absolute;top:56px;right:12px;left:12px;z-index:19;background:#fff;border-radius:14px;box-shadow:0 12px 38px rgba(3,37,74,.25);padding:9px}
  .mobile-menu a{font-size:15px;padding:11px 14px;border-radius:8px;font-weight:600}
  .mobile-menu a:active{background:#e8f6ff}
  .desktop-home,.site-footer{display:none}
  .mobile-app{display:flex;flex-direction:column;gap:var(--mobile-gap);margin:0 auto;max-width:520px;padding-bottom:max(8px,env(safe-area-inset-bottom));background:#edf8ff}
  .mobile-hero{height:178px;position:relative;overflow:hidden;isolation:isolate;background:#eff7fb}
  .mobile-hero-image{position:absolute;inset:0 0 0 auto;width:69%;background-image:image-set(url('assets/szeged-klimaszereles-klima-taviranyito-hasznalat-900.jpg') 1x, url('assets/szeged-klimaszereles-klima-taviranyito-hasznalat-1800.jpg') 2x);background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:-2;mask-image:linear-gradient(to right,transparent 0%,#000 35%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 35%)}
  .mobile-hero-fade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(249,253,255,.99) 0%,rgba(249,253,255,.92) 39%,rgba(249,253,255,.19) 67%,transparent 100%);z-index:-1}
  .mobile-hero-copy{padding:13px 0 0 17px;width:74%}
  .mobile-hero h1{font-size:28px;line-height:1.02;letter-spacing:-.95px;margin:0 0 10px;font-weight:850;max-width:310px;color:#092948}
  .mobile-hero h1 span{display:block;color:#0788ef}
  .mobile-hero-location{font-size:14px;font-weight:760;margin:0 0 4px;line-height:1.15}
  .mobile-hero-description{font-size:12px;line-height:1.32;max-width:236px;margin:0;font-weight:510;color:#102d48}
  .mobile-promise{margin:0 9px;padding:6px 4px;background:#fff;border-radius:13px;min-height:51px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));box-shadow:0 3px 10px rgba(13,86,148,.035)}
  .mobile-promise-item{display:flex;align-items:center;justify-content:center;min-width:0;gap:5px;padding:1px 4px;font-size:11px;line-height:1.2;color:#0c2a48}
  .mobile-promise-item + .mobile-promise-item{border-left:1px solid #dae8f5}
  .mobile-promise-item b{display:block;font-size:11.5px}
  .mobile-promise-icon{height:31px;width:31px;border-radius:50%;background:#edf8ff;display:flex;align-items:center;justify-content:center;flex:none;color:#0888ee}
  .mobile-promise-icon .icon{width:19px;height:19px}
  .mobile-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0 10px;min-width:0}
  .mobile-service{height:121px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px rgba(10,75,134,.035);min-width:0}
  .mobile-service>img{display:block;width:100%;height:56px;object-fit:cover}
  .mobile-service-body{position:relative;padding:7px 7px 5px 8px}
  .mobile-service h2{margin:0 0 4px;font-size:12px;line-height:1.1;letter-spacing:-.2px;font-weight:790;max-width:calc(100% - 4px)}
  .mobile-service p{margin:0;color:#24415d;font-size:10.5px;line-height:1.18;max-width:calc(100% - 22px)}
  .mobile-service-button{position:absolute;right:5px;bottom:4px;width:24px;height:24px;border:0;border-radius:50%;background:#0788f7;color:white;display:grid;place-items:center;padding:0}
  .mobile-service-button .icon{width:17px;height:17px}
  .mobile-quote{margin:0 10px;border-radius:14px;background:#fff;padding:10px 10px 7px;box-shadow:0 3px 12px rgba(5,76,154,.035)}
  .mobile-quote-heading{display:flex;align-items:center;gap:9px;margin:0 0 8px}
  .mobile-quote-icon{width:38px;height:38px;border-radius:50%;background:#eaf6fd;color:#0789f1;display:flex;align-items:center;justify-content:center;flex:none}
  .mobile-quote-icon .icon{width:21px;height:21px}
  .mobile-quote h2{margin:0 0 1px;font-size:22px;letter-spacing:-.55px;line-height:1.06}
  .mobile-quote-heading p{margin:0;font-size:11.5px;line-height:1.2}
  .mobile-quote-form{display:flex;flex-direction:column;gap:6px}
  .mobile-input{height:35px;border:1px solid #cfdfeb;border-radius:8px;display:flex;align-items:center;gap:11px;padding:0 11px;background:#fff}
  .mobile-input .icon{height:18px;width:18px;color:#7b99b9;flex:none}
  .mobile-input input{border:0;outline:0;min-width:0;width:100%;height:100%;background:transparent;font-size:14px;color:#123251}
  .mobile-input input::placeholder{color:#7897b7}
  .mobile-input:focus-within{outline:2px solid #b2ddff;border-color:#048afb}
  .mobile-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:0;padding:0;margin:0;gap:6px}
  .mobile-options label{position:relative;min-width:0;cursor:pointer}
  .mobile-options input{position:absolute;opacity:0;width:100%;height:100%;margin:0;inset:0;cursor:pointer}
  .mobile-options label span{border:1px solid #cbddea;border-radius:8px;background:#fff;display:flex;align-items:center;gap:5px;height:36px;padding:0 5px;font-size:10.5px;font-weight:720;white-space:nowrap;justify-content:center;letter-spacing:-.13px}
  .mobile-options label span:before{content:"";display:block;width:13px;height:13px;border:2px solid #9eb6cc;border-radius:50%;flex:none}
  .mobile-options input:checked + span{border-color:#0789f4;background:#e9f6ff;color:#092f58;box-shadow:0 0 0 1px #0789f4 inset}
  .mobile-options input:checked + span:before{border-color:#008af7;background:#008af7;box-shadow:inset 0 0 0 2px white}
  .mobile-options input:focus-visible+span{outline:3px solid #8cc8ff;outline-offset:2px}
  .mobile-quote-submit{height:44px;border:0;border-radius:9px;color:white;background:#0789f3;font-size:15px;font-weight:760;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 9px rgba(0,127,239,.16)}
  .mobile-quote-submit .icon{height:18px;width:18px}
  .mobile-quote-submit .icon:first-child{transform:rotate(-45deg)}
  .mobile-form-note{margin:0;text-align:center;font-size:9.3px;color:#577089;line-height:1.18}
  .mobile-call{height:59px;margin:0 10px;background:linear-gradient(135deg,#15b963,#0aa256);border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;gap:14px;position:relative;box-shadow:0 2px 8px rgba(9,138,83,.12)}
  .mobile-call>.icon:first-child{height:29px;width:29px}
  .mobile-call span{display:flex;flex-direction:column;gap:0;line-height:1.06}
  .mobile-call small{font-size:13px;font-weight:550}
  .mobile-call strong{font-size:24px;letter-spacing:-.65px}
  .mobile-call-arrow{position:absolute;right:12px;height:20px;width:20px}
  .mobile-contacts{display:grid;grid-template-columns:1.12fr 1fr;gap:0;background:linear-gradient(95deg,#fff,#f4faff);padding:7px 8px;min-height:60px}
  .mobile-contacts>a{display:flex;align-items:center;min-width:0;gap:7px;padding:0 5px}
  .mobile-contacts>a+a{border-left:1px solid #d5e5f3;padding-left:11px}
  .mobile-contact-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#eaf6fd;color:#058af4;flex:none}
  .mobile-contact-icon .icon{width:18px;height:18px}
  .mobile-contacts a>span:last-child{display:flex;min-width:0;flex-direction:column;gap:2px}
  .mobile-contacts small{font-size:10.5px;font-weight:550}
  .mobile-contacts strong{font-size:10.2px;font-weight:620;line-height:1.26;overflow-wrap:anywhere}
  .site-dialog{max-height:89dvh}
}
@media(max-width:360px){.mobile-hero h1{font-size:26px}.mobile-hero-description{font-size:11.5px;max-width:215px}.mobile-service h2{font-size:11px}.mobile-options label span{font-size:9.5px}.mobile-contacts strong{font-size:9.3px}}
@media(min-width:761px){.mobile-menu[hidden]{display:none}}

/* Klímaszerelés aloldal: az eredeti kezdőlap arculatával összhangban */
.service-page{background:#fff;color:#0b2948}
.service-page .site-header{position:sticky;top:0;z-index:50}
.service-page .site-footer{height:auto;min-height:100px}
.service-page .site-footer .footer-inner{min-height:100px}
.service-main{overflow:clip}
.service-main a:not(.btn):hover{color:#0988f4}
.service-main .content-width{max-width:1240px}
.service-main p{line-height:1.68}
.service-main h2{letter-spacing:-.7px;font-weight:800}
.service-main h2 span{color:#0787ed}
.service-main h3{letter-spacing:-.25px}
.service-hero{min-height:505px;background:#eaf5fb;position:relative;isolation:isolate;overflow:hidden}
.service-hero-art{position:absolute;inset:0 0 0 auto;width:62%;background-image:image-set(url('assets/szeged-klimaszereles-modern-nappali-huto-futo-klimaval-1200.jpg') 1x, url('assets/szeged-klimaszereles-modern-nappali-huto-futo-klimaval-2400.jpg') 2x);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-2}
.service-hero-gradient{position:absolute;inset:0;background:linear-gradient(90deg,#eff8fe 0%,#eff8fef5 34%,#edf7fbd9 49%,#edf7fb25 72%,transparent 94%);z-index:-1}
.service-hero-layout{min-height:505px;display:flex;align-items:center}
.service-hero-copy{max-width:660px;padding:35px 0 50px}
.breadcrumbs{display:flex;align-items:center;gap:9px;font-size:12px;color:#536f87;margin-bottom:33px}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}
.service-eyebrow,.section-kicker{font-size:12px;font-weight:800;letter-spacing:1.5px;color:#1987d6;line-height:1.4}.service-eyebrow{margin:0 0 16px}
.service-hero h1{font-size:clamp(38px,4.5vw,58px);line-height:1.12;letter-spacing:-1.8px;font-weight:850;margin:0 0 20px;color:#062b4b}.service-hero h1 span{color:#058cf5}
.service-hero-lead{font-size:18px;font-weight:450;line-height:1.6;margin:0 0 19px;max-width:620px}
.service-highlight-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.service-highlight-pills span{padding:8px 11px;border:1px solid #bedef2;border-radius:999px;color:#164566;background:#ffffffb0;font-size:12px;font-weight:750}
.service-hero-actions,.service-end-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.service-hero-actions .btn{padding:0 24px;min-height:52px;font-size:14px}.service-hero-actions .btn-outline{border-color:#93b3ce}.service-hero-actions .icon{width:19px;height:19px}
.service-jump{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding-top:23px;padding-bottom:23px;border-bottom:1px solid #e2edf6;color:#43637e}.service-jump span{font-size:13px;font-weight:800;color:#0b2948;margin-right:7px}.service-jump a{font-size:13px;padding:7px 12px;background:#f1f7fb;border-radius:99px}
.service-section{padding-top:85px;padding-bottom:85px;scroll-margin-top:74px}.service-section>h2,.service-prose>h2,.price-split h2,.service-section-top h2{font-size:clamp(31px,3.2vw,42px);line-height:1.18;margin:8px 0 19px}.service-section-top{display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:end;margin-bottom:30px}.service-section-top>div:last-child>p{margin:0 0 13px;font-size:16px;color:#47657d}.service-section-top>p{color:#47657d;margin:0;font-size:16px}.section-kicker{margin:0 0 9px}.section-lead{font-size:17px;line-height:1.65;color:#47657d;max-width:780px;margin:0 0 29px}
.service-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.service-feature{background:#f5faff;padding:26px;border-radius:15px;border:1px solid #e7f2fc;min-height:220px}.feature-index{font-size:13px;font-weight:800;color:#008af0;letter-spacing:1.3px}.service-feature h3{font-size:20px;margin:13px 0 8px}.service-feature p{font-size:15px;color:#49647a;margin:0}
.service-pale{background:#f1f8fd}.service-split{display:grid;grid-template-columns:.87fr 1.13fr;gap:61px;align-items:center}.service-illustration{position:relative;align-self:stretch;min-height:490px}.service-illustration img{width:100%;height:100%;max-height:720px;object-fit:cover;border-radius:19px;box-shadow:0 18px 45px #062f5012}.image-chip{position:absolute;bottom:20px;left:20px;right:20px;background:#fffffff0;border-radius:10px;padding:14px;font-weight:750;font-size:15px;box-shadow:0 3px 15px #0a426021}.service-prose>p{font-size:15.5px;color:#36536d}.check-list{list-style:none;padding:0;margin:15px 0 18px;display:grid;gap:13px}.check-list li{position:relative;padding-left:29px;line-height:1.55;color:#344d66;font-size:15px}.check-list li:before{content:'✓';position:absolute;left:0;top:0;width:22px;height:22px;display:grid;place-items:center;background:#def2ff;border-radius:50%;color:#0086ed;font-size:13px;font-weight:800}.check-list strong{color:#072b4d}.service-note{background:#fff;border-left:3px solid #0b91f5;border-radius:0 9px 9px 0;padding:13px 18px;font-size:14px!important;color:#47647d!important}
.install-steps{margin:30px 0 33px;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.install-steps li{border:1px solid #dfedf8;border-radius:12px;background:#fafdff;display:flex;gap:19px;align-items:flex-start;padding:24px;min-height:145px}.install-steps li:last-child{grid-column:1/-1}.install-no{display:grid;place-items:center;flex:none;height:48px;width:48px;background:#e7f4fe;color:#058cf0;border-radius:13px;font-weight:850;font-size:18px}.install-steps h3{font-size:18px;margin:0 0 8px}.install-steps p{color:#536c80;margin:0;font-size:15px}.service-photo-band{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;background:#062b4b;border-radius:16px;overflow:hidden;color:#fff}.service-photo-band img{width:100%;height:220px;object-fit:cover;display:block}.service-photo-band>div{padding:18px 30px 18px 0}.service-photo-band strong{font-size:21px}.service-photo-band p{color:#d1e3f1;margin:9px 0 0;font-size:15px}
.service-dark{background:linear-gradient(115deg,#072744,#08416b);color:#fff}.service-dark-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:58px;align-items:center}.service-dark-grid h2{font-size:clamp(32px,3vw,42px);line-height:1.2;margin:12px 0 20px}.service-dark-grid h2 span{color:#68caff}.service-dark-grid .section-kicker{color:#7cceff}.service-dark-grid p{font-size:16px;line-height:1.7;color:#e1edf5}.service-dark-grid strong{color:#fff}.service-dark-grid .btn{padding:0 19px;margin-top:10px;min-height:53px}.service-dark-grid img{width:100%;min-height:300px;object-fit:cover;border-radius:16px}.service-dark-grid .icon{width:18px;height:18px}
.simple-banner{display:flex;gap:16px;align-items:center;border:1px solid #bcdff5;background:#eff9ff;border-radius:13px;padding:17px 22px;font-size:16px;color:#345370}.simple-banner .icon{color:#078bf0;width:31px;height:31px}.simple-banner strong{color:#062a49}
.price-split{grid-template-columns:1.2fr .8fr;align-items:start}.price-split p{font-size:16px;color:#47647c}.bullet-list{padding-left:22px;color:#37526a;line-height:1.75}.bullet-list li{margin-bottom:5px}.service-price-card{background:#fff;border:1px solid #dcecf7;box-shadow:0 14px 30px rgba(8,79,133,.06);padding:35px;border-radius:19px}.price-card-icon{display:grid;place-items:center;width:58px;height:58px;background:#e6f4fe;color:#0086f4;border-radius:50%}.price-card-icon .icon{width:29px;height:29px}.service-price-card h3{font-size:27px;margin:17px 0 8px}.service-price-card p{font-size:15px}.price-card-points{margin:23px 0;display:grid;gap:9px}.price-card-points span{background:#f4faff;padding:9px 13px;border-radius:7px;font-size:14px;font-weight:700;color:#255271}.service-price-card .btn{width:100%;font-size:15px}.price-phone{display:block;margin-top:18px;text-align:center;text-decoration:underline!important;color:#0b72bd!important;font-weight:700;font-size:14px}
.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin-top:20px}.info-grid article{border-top:3px solid #078afa;background:#f7fbff;padding:25px 22px;border-radius:0 0 13px 13px}.info-grid h3{font-size:19px;margin:0 0 10px}.info-grid p{margin:0;font-size:14.7px;color:#42617b}.service-authority{margin:20px 0 0;color:#586f83;font-size:13px}.service-authority a{color:#0879c8!important;text-decoration:underline;text-underline-offset:3px}
.service-faq{background:#f5faff}.service-faq h2{font-size:clamp(30px,3vw,41px);margin:8px 0 26px}.faq-stack{display:grid;gap:11px;max-width:1000px}.faq-stack details{background:#fff;border:1px solid #deedf9;border-radius:12px;overflow:hidden}.faq-stack summary{padding:17px 54px 17px 20px;position:relative;cursor:pointer;font-size:16.5px;font-weight:750;list-style:none;line-height:1.35}.faq-stack summary::-webkit-details-marker{display:none}.faq-stack summary:after{content:'+';position:absolute;right:22px;top:12px;color:#0488f0;font-size:27px;font-weight:400}.faq-stack details[open] summary:after{content:'−'}.faq-stack details p{border-top:1px solid #eaf2f9;margin:0;padding:15px 20px 20px;color:#49657c;font-size:15px}.faq-stack summary:focus-visible{outline:3px solid #6bbefa;outline-offset:-3px}
.service-location{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center}.service-location h2{font-size:34px;margin:8px 0 16px}.service-location p:not(.section-kicker){font-size:16px;color:#48647d}.service-location-contact{display:grid;gap:10px}.service-location-contact>a,.service-location-contact>span{display:flex;align-items:center;gap:12px;background:#f3faff;border:1px solid #e4f0fa;border-radius:10px;padding:14px 15px;font-size:14px;font-weight:650;overflow-wrap:anywhere}.service-location-contact .icon{width:20px;height:20px;color:#0788f0}
.service-end-cta{background:linear-gradient(120deg,#062b4b,#0b5391);color:#fff;padding:44px 0}.service-end-cta .content-width{display:flex;justify-content:space-between;align-items:center;gap:30px}.service-end-cta .section-kicker{color:#83d2ff}.service-end-cta h2{font-size:31px;margin:6px 0 10px;max-width:710px}.service-end-cta p:not(.section-kicker){color:#dfecf6;font-size:15px;margin:0;max-width:650px}.service-end-actions{justify-content:flex-end;min-width:235px}.service-end-actions .btn{width:100%;padding:0 20px;font-size:14px}.service-end-actions .btn-outline{background:transparent;color:#fff;border-color:#7eb4db}.service-end-actions .icon{width:19px;height:19px}
@media(max-width:1000px){.service-hero-art{width:70%;opacity:.8}.service-hero-gradient{background:linear-gradient(90deg,#eff8fe 0%,#eff8fef6 43%,#edf7fbd9 63%,#edf7fb22 100%)}.service-hero-copy{max-width:610px}.service-split{gap:28px}.service-dark-grid{gap:28px}.service-section-top{gap:25px}.service-section{padding-top:65px;padding-bottom:65px}.service-hero h1{font-size:43px}}
@media(max-width:760px){.service-page .site-header{position:sticky;top:0;box-shadow:0 2px 9px #0c4e8410}.service-page .site-footer{display:block!important;min-height:0}.service-page .site-footer .footer-inner{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:22px 20px}.service-page .site-footer .footer-brand{grid-column:1/-1}.service-page .site-header .header-quote{display:none}.service-page .site-header .header-phone{display:flex}.service-main .content-width{padding-left:19px;padding-right:19px}.service-hero{min-height:0}.service-hero-art{width:100%;height:245px;inset:0 0 auto 0;opacity:1;background-position:right center}.service-hero-gradient{background:linear-gradient(0deg,#eff8fe 0%,#eff8fe 48%,#eff8fef2 65%,#eff8fe17 100%)}.service-hero-layout{min-height:0;align-items:flex-start;padding-top:215px}.service-hero-copy{padding:14px 0 36px;max-width:100%}.breadcrumbs{margin-bottom:20px;font-size:11px}.service-eyebrow,.section-kicker{font-size:10px;letter-spacing:1.35px}.service-hero h1{font-size:34px;letter-spacing:-1.15px}.service-hero-lead{font-size:15px}.service-highlight-pills span{font-size:11px;padding:6px 9px}.service-hero-actions .btn{width:100%;min-height:48px}.service-jump{gap:7px;padding-top:14px;padding-bottom:14px}.service-jump span{width:100%;font-size:12px}.service-jump a{font-size:11px;padding:7px 9px}.service-section{padding-top:53px;padding-bottom:53px;scroll-margin-top:62px}.service-section-top,.service-split,.service-dark-grid,.service-location{grid-template-columns:1fr;gap:21px}.service-section-top{margin-bottom:20px}.service-section>h2,.service-prose>h2,.price-split h2,.service-section-top h2{font-size:29px}.service-section-top>div:last-child>p,.service-section-top>p{font-size:15px}.service-trio{grid-template-columns:1fr;gap:12px}.service-feature{min-height:0;padding:20px}.service-feature h3{font-size:18px;margin:7px 0}.service-feature p{font-size:14px}.service-illustration{min-height:230px;max-height:340px;order:2}.service-illustration img{height:100%}.service-prose{order:1}.image-chip{font-size:12px;left:10px;right:10px;bottom:10px}.service-prose>p,.check-list li{font-size:14.5px}.install-steps{grid-template-columns:1fr;gap:10px}.install-steps li{padding:19px;min-height:0;gap:12px}.install-steps li:last-child{grid-column:auto}.install-no{height:39px;width:39px;font-size:15px}.install-steps h3{font-size:16px}.install-steps p{font-size:14px}.service-photo-band{grid-template-columns:1fr;gap:0}.service-photo-band img{height:160px}.service-photo-band>div{padding:20px}.service-photo-band strong{font-size:18px}.service-dark-grid img{height:210px;min-height:0}.service-dark-grid h2{font-size:29px}.service-dark-grid p{font-size:15px}.service-dark-grid .btn{width:100%;font-size:13px}.service-price-card{padding:23px}.info-grid{grid-template-columns:1fr;gap:12px}.info-grid article{padding:20px}.service-faq h2{font-size:29px}.faq-stack summary{font-size:15px}.faq-stack details p{font-size:14px}.service-location h2{font-size:29px}.service-location p:not(.section-kicker){font-size:15px}.service-end-cta .content-width{display:flex;flex-direction:column;align-items:stretch}.service-end-cta h2{font-size:27px}.service-end-actions{min-width:0}.service-end-actions .btn{min-height:48px}}
@media(max-width:375px){.service-hero h1{font-size:30px}.service-jump a{font-size:10.5px}.service-page .site-footer .footer-inner{grid-template-columns:1fr}.service-page .site-footer .footer-brand{grid-column:auto}}

/* V9 – gördítés után is látható, a fejlécből nyíló mobil/táblagépes menü. */
@media (max-width:1100px) {
  .site-header { position:sticky !important; top:0; z-index:1000 !important; }
  .site-header > .mobile-menu:not([hidden]) {
    display:flex; flex-direction:column; position:absolute !important;
    top:calc(100% - 1px) !important; left:12px !important; right:12px !important;
    width:auto; min-width:0; margin:0;
    max-height:calc(100dvh - 75px); overflow-y:auto;
    overscroll-behavior:contain; -webkit-overflow-scrolling:touch;
    z-index:1001; background:#fff; border:1px solid #e3edf6;
    border-radius:0 0 15px 15px; padding:9px;
    box-shadow:0 20px 36px rgba(2,35,67,.20);
  }
  .site-header > .mobile-menu a { display:block; padding:12px 14px; border-radius:9px; }
  .site-header > .mobile-menu a:hover,.site-header > .mobile-menu a:focus-visible{background:#eaf6ff}
}
@media (min-width:761px) and (max-width:1100px){
  .site-header > .mobile-menu:not([hidden]){left:auto !important; right:22px !important; width:320px; max-width:calc(100vw - 44px)}
}
/* Kis táblagépen a hét márkajelzés ne szélesítse túl az oldalt. */
@media (min-width:761px) and (max-width:1100px){
  .brand-logos{gap:6px}
  .brand-logos img{min-width:0;max-width:calc((100% - 36px) / 7);flex:0 1 auto}
}


/* KM-SZEGED V10 image + typography refinements */
html{font-size:16px}
.main-nav a{font-size:12px;font-weight:560}
.hero h1{font-size:42px}
.hero-lead{font-size:17px;line-height:1.55}
.service-card h2{font-size:17.5px}
.service-card p{font-size:14.4px;line-height:1.58}
.footer-item strong,.footer-item small{font-size:12.5px}
@media(max-width:760px){
  .mobile-hero{height:196px}
  .mobile-hero-copy{padding:16px 0 0 18px;width:76%}
  .mobile-hero h1{font-size:30px;line-height:1.03;margin-bottom:10px}
  .mobile-hero-location{font-size:15px;margin-bottom:5px}
  .mobile-hero-description{font-size:13.5px;line-height:1.38;max-width:250px}
  .mobile-promise{min-height:57px;padding:7px 5px}
  .mobile-promise-item{font-size:11.8px;line-height:1.24}
  .mobile-promise-item b{font-size:12.2px}
  .mobile-service{height:130px}
  .mobile-service>img{height:60px}
  .mobile-service-body{padding:8px 8px 6px 9px}
  .mobile-service h2{font-size:12.8px;line-height:1.15}
  .mobile-service p{font-size:11.3px;line-height:1.24}
  .mobile-quote{padding:12px 11px 9px}
  .mobile-quote h2{font-size:23px}
  .mobile-quote-heading p{font-size:12.2px;line-height:1.3}
  .mobile-input{height:38px}
  .mobile-input input{font-size:14.7px}
  .mobile-options label span{font-size:11.2px;height:38px}
  .mobile-quote-submit{font-size:15.5px;height:46px}
  .mobile-call{height:62px}
  .mobile-call small{font-size:13.5px}
  .mobile-call strong{font-size:25px}
  .service-page .site-footer .footer-inner{padding:24px 20px}
}
@media(max-width:360px){
  .mobile-hero h1{font-size:28px}
  .mobile-hero-description{font-size:12.6px;max-width:228px}
  .mobile-service h2{font-size:12px}
}
/* Admin V11 public forms */
.km-consent{display:flex;align-items:flex-start;gap:9px;padding:8px 1px;font-size:12px;line-height:1.4;color:#3f5c75}.km-consent input{width:18px;height:18px;min-width:18px;accent-color:#087fe9;margin:0}.km-consent a{color:#0873ca;text-decoration:underline}.km-result{margin:9px 0 2px;color:#b42332;font-weight:650;font-size:13px;line-height:1.45}.km-result-ok{color:#117b4e;background:#e8fbef;padding:9px;border-radius:8px}.km-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;opacity:0!important;width:1px!important;height:1px!important;overflow:hidden!important}@media(max-width:760px){.km-consent{font-size:11px;line-height:1.27;padding:5px 2px}.km-consent input{width:16px;height:16px;min-width:16px}.km-result{font-size:11px}}
/* V11: a rövid adatkezelési sor mellett is egy képernyőre optimalizált mobil kezdőlap */
@media(max-width:760px){
  .mobile-hero{height:178px}
  .mobile-promise{min-height:53px}
  .mobile-service{height:124px}
  .mobile-service>img{height:57px}
  .mobile-quote{padding:9px 10px 6px}
  .mobile-quote-heading{margin-bottom:5px}
  .mobile-quote-form{gap:4px}
  .mobile-input{height:36px}
  .mobile-options label span{height:36px}
  .mobile-quote-submit{height:44px}
  .mobile-call{height:59px}
  .mobile-form-note[hidden]{display:none}
}
@media(max-width:760px) and (max-height:820px){
  .mobile-hero{height:168px}
  .mobile-hero-copy{padding-top:11px}
  .mobile-service{height:121px}
  .mobile-promise{min-height:50px}
  .mobile-contacts{min-height:56px;padding:5px 8px}
}