/* Klímamester Szeged – Kapcsolat V7. Külön stílus, a V6 megjelenésének megtartásával. */
.contact-page { --c-navy:#0b2c49;--c-blue:#0788ed;--c-ice:#eff8ff;background:#fff }
.contact-wrap{width:min(1290px,100%);padding:0 35px;margin:auto}
.contact-stage{background:linear-gradient(135deg,#f1f9ff 0,#f9fcff 54%,#edf7fe 100%);padding:44px 0 55px}
.contact-stage-grid{display:grid;grid-template-columns: minmax(0,.93fr) minmax(0,1.07fr);align-items:start;gap:55px}
.contact-intro{min-width:0}.contact-crumb{display:flex;align-items:center;gap:8px;color:#63809a;font-size:12px;margin-bottom:55px}.contact-crumb a:hover{text-decoration:underline}
.contact-overline,.contact-step-label{font-size:11px;font-weight:850;letter-spacing:1.6px;color:#037bcf;margin:0 0 17px;display:block}
.contact-intro h1{font-size:clamp(37px,3.8vw,57px);letter-spacing:-1.65px;line-height:1.1;margin:0 0 20px;font-weight:840;max-width:600px}
.contact-intro h1 span{color:#0788ed}.contact-lead{color:#3b5b73;font-size:17px;line-height:1.65;max-width:565px;margin:0 0 25px}.contact-lead strong{color:#133956}
.contact-trust{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:35px}.contact-trust span{border:1px solid #d3e7f6;border-radius:50px;background:#fff;color:#1a527b;padding:10px 13px;font-size:12px;font-weight:700}
.contact-phone-panel{display:flex;gap:17px;align-items:center;background:#fff;border-radius:15px;padding:20px;box-shadow:0 10px 33px #0c548311;margin-bottom:26px;max-width:520px}
.contact-phone-symbol{flex:none;display:grid;place-items:center;height:62px;width:62px;border-radius:50%;background:#078af0;color:#fff}.contact-phone-symbol .icon{height:29px;width:29px}
.contact-phone-panel>div:last-child{display:flex;flex-direction:column;gap:4px}.contact-panel-label{color:#57738b;font-size:13px;font-weight:600}.contact-big-phone{font-size:26px;letter-spacing:-.65px;font-weight:850;color:#0a3353;white-space:nowrap}.contact-phone-panel small{font-size:12px;color:#647e91}
.contact-side-image{height:205px;background:linear-gradient(90deg,#092b42c9,#092b4244),image-set(url('assets/szeged-klimaszereles-belteri-klima-tisztitas-karbantartas-900.jpg') 1x, url('assets/szeged-klimaszereles-belteri-klima-tisztitas-karbantartas-1800.jpg') 2x) center 50%/cover;border-radius:15px;position:relative;overflow:hidden;max-width:520px}
.contact-image-caption{position:absolute;bottom:18px;left:20px;right:20px;color:white;display:flex;flex-direction:column;gap:5px}.contact-image-caption strong{font-size:19px;line-height:1.3}.contact-image-caption span{font-size:13px;color:#e6f3ff}
.contact-card{background:white;border:1px solid #d5e9f8;border-radius:20px;padding:29px;box-shadow:0 19px 60px #073e6519;scroll-margin-top:84px}
.contact-card-top h2{font-size:29px;letter-spacing:-.9px;margin:0 0 7px;color:#092e4d}.contact-step-label{margin:0 0 8px}.contact-card-top p{font-size:14px;line-height:1.5;color:#56718a;margin:0 0 19px}
.contact-modes{border:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0}.contact-mode{cursor:pointer;position:relative;min-width:0}.contact-mode>input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;z-index:1}.contact-mode-tile{min-height:94px;border:1px solid #cfdfed;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:12px;background:#fbfdff;transition:border-color .15s,background .15s,box-shadow .15s}.contact-mode-num{font-size:11px;font-weight:800;color:#0a8afa}.contact-mode-tile strong{font-size:13.5px;color:#153a57}.contact-mode-tile small{font-size:11.5px;color:#607a91}.contact-mode input:checked+.contact-mode-tile{background:#eaf6ff;border-color:#0788ed;box-shadow:inset 0 0 0 1px #0788ed}.contact-mode input:focus-visible+.contact-mode-tile{outline:3px solid #83c5f9;outline-offset:2px}
.contact-mode-hint{font-size:12.5px;color:#47718b;margin:13px 0 15px;line-height:1.5;min-height:37px}
.contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.contact-field{display:flex;flex-direction:column;gap:6px;min-width:0}.contact-field>span{font-size:12.5px;font-weight:720;color:#1f4663}.contact-field em,.contact-consent em{color:#e6574a;font-style:normal}.contact-field>span small{font-size:11px;color:#849aad;font-weight:500}.contact-field input,.contact-field textarea,.contact-field select{min-width:0;width:100%;color:#12344f;font-size:14px;background:#fff;border:1px solid #d1e0ed;border-radius:9px;min-height:44px;padding:10px 12px;outline:none}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#849fb2}.contact-field textarea{resize:vertical;min-height:75px;line-height:1.45}.contact-field input:focus,.contact-field textarea:focus,.contact-field select:focus{border-color:#118be9;box-shadow:0 0 0 3px #0e8efa16}
.contact-extra{grid-column:1/-1}.contact-extra[hidden]{display:none!important}.contact-description{margin:12px 0}
.contact-consent{display:flex;gap:10px;align-items:start;cursor:pointer;font-size:11.6px;line-height:1.45;color:#5b7790}.contact-consent input{width:17px;height:17px;accent-color:#0788ed;flex:none;margin-top:1px}.contact-consent a{color:#007acb;text-decoration:underline;text-underline-offset:2px}
.contact-submit{width:100%;border:0;border-radius:10px;min-height:52px;background:linear-gradient(95deg,#0b8efa,#007ce7);color:white;font-size:16px;font-weight:780;display:flex;align-items:center;justify-content:center;gap:11px;margin-top:18px;box-shadow:0 5px 12px #0788ed24}.contact-submit:hover{filter:brightness(.98)}.contact-submit:focus-visible{outline:3px solid #7cc5ff;outline-offset:3px}.contact-submit .icon{height:19px;width:19px}.contact-form-notice{font-size:11.3px;line-height:1.5;color:#6a8092;text-align:center;margin:10px auto 0;max-width:470px}.contact-form-notice strong{color:#42657b}
.contact-fallback{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;padding-top:9px}.contact-fallback[hidden]{display:none}.contact-fallback button{border:0;color:#0784df;background:transparent;text-decoration:underline;font-weight:740;padding:5px}.contact-fallback a{color:#0784df;text-decoration:underline}
.contact-info-section{background:#fff;padding:66px 0}.contact-info-heading h2{font-size:33px;letter-spacing:-.8px;margin:0 0 27px}.contact-info-heading .contact-overline{margin-bottom:8px}.contact-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.contact-info-item{display:flex;gap:15px;border:1px solid #dceaf6;border-radius:15px;padding:22px 18px;box-shadow:0 5px 22px #06385e08;background:#fff;min-width:0}.contact-info-item:hover{border-color:#8fc8f0}.contact-info-icon{background:#eaf6ff;border-radius:50%;width:49px;height:49px;display:grid;place-items:center;color:#0788ed;flex:none}.contact-info-icon .icon{width:24px;height:24px}.contact-info-item div{display:flex;flex-direction:column;gap:4px;min-width:0}.contact-info-item small{font-size:10px;font-weight:800;letter-spacing:1px;color:#6a8ca7}.contact-info-item strong{font-size:17px;line-height:1.3;overflow-wrap:anywhere;color:#0c3150}.contact-info-item div>span{font-size:12px;color:#668097}
.contact-process{background:#072d4a;padding:56px 0;color:#fff}.contact-process-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.contact-process .contact-overline{color:#75ccff}.contact-process h2{font-size:34px;line-height:1.16;letter-spacing:-.75px;margin:0 0 15px}.contact-process p{line-height:1.65;color:#d1e5f5;margin:0}.contact-process ol{margin:0;padding:0;list-style:none;display:grid;gap:13px}.contact-process li{display:flex;align-items:start;gap:15px;background:#ffffff0c;border:1px solid #ffffff20;padding:15px;border-radius:10px}.contact-process li>b{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;background:#0788ed;color:white}.contact-process li span{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#d7e9f7;line-height:1.5}.contact-process li strong{font-size:14px;color:white}
.contact-footnote{padding:36px 0;background:#f4f9fc}.contact-footnote h2{font-size:18px;margin:0 0 10px}.contact-footnote p{margin:0;max-width:1100px;font-size:13px;line-height:1.7;color:#537088}
.contact-sticky{display:none}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:761px) and (max-width:960px){.contact-stage-grid{gap:24px}.contact-stage{padding-top:30px}.contact-crumb{margin-bottom:35px}.contact-card{padding:21px}.contact-intro h1{font-size:38px}.contact-phone-panel{padding:15px}.contact-big-phone{font-size:21px}.contact-page .header-right{display:none}}
@media(max-width:760px){
.contact-page{padding-bottom:77px}.contact-page .site-footer{display:block!important;min-height:0}.contact-page .site-footer .footer-inner{grid-template-columns:1fr 1fr;gap:15px;padding:24px 16px}.contact-page .site-footer .footer-brand{grid-column:1/-1}
.contact-wrap{padding-left:15px;padding-right:15px}.contact-stage{padding:19px 0 23px}.contact-stage-grid{display:flex;flex-direction:column;gap:17px}.contact-crumb{display:none}.contact-overline{font-size:10px;letter-spacing:1.1px;margin:0 0 7px}.contact-intro h1{font-size:33px;letter-spacing:-1px;line-height:1.08;margin:0 0 9px}.contact-lead{font-size:13.6px;line-height:1.42;margin:0 0 12px}.contact-trust{margin-bottom:0;gap:5px}.contact-trust span{font-size:10.5px;padding:6px 9px}.contact-phone-panel,.contact-side-image{display:none}
.contact-card{width:100%;padding:14px 13px 17px;border-radius:15px;scroll-margin-top:67px}.contact-step-label{font-size:9px;margin-bottom:4px}.contact-card-top h2{font-size:22px;letter-spacing:-.55px;margin-bottom:3px}.contact-card-top p{font-size:11.8px;margin-bottom:12px}.contact-modes{gap:5px}.contact-mode-tile{padding:8px 6px;min-height:72px;border-radius:9px;gap:3px}.contact-mode-num{font-size:9px}.contact-mode-tile strong{font-size:11.1px;letter-spacing:-.14px;line-height:1.12}.contact-mode-tile small{font-size:9.4px;line-height:1.1}.contact-mode-hint{font-size:11px;margin:8px 0 9px;min-height:0}
.contact-fields{gap:9px}.contact-field{gap:4px}.contact-field>span{font-size:11.2px}.contact-field input,.contact-field select{min-height:40px;padding:8px 10px;font-size:13px}.contact-field textarea{font-size:12.5px;min-height:62px;padding:9px 10px}.contact-field>span small{font-size:10px}.contact-description{margin:9px 0}.contact-consent{font-size:10.7px;gap:7px}.contact-submit{min-height:46px;margin-top:11px;font-size:13.5px}.contact-form-notice{font-size:10.2px;margin-top:7px}.contact-info-section{padding:34px 0}.contact-info-heading h2{font-size:25px;margin:0 0 16px}.contact-info-grid{display:grid;grid-template-columns:1fr;gap:8px}.contact-info-item{padding:12px 14px;gap:12px;align-items:center}.contact-info-icon{width:42px;height:42px}.contact-info-item strong{font-size:14px}.contact-info-item span{font-size:11px}.contact-process{padding:34px 0}.contact-process-grid{grid-template-columns:1fr;gap:22px}.contact-process h2{font-size:27px}.contact-process p{font-size:13.5px}.contact-process ol{gap:8px}.contact-process li{padding:11px}.contact-footnote{padding:25px 0}.contact-footnote h2{font-size:16px}.contact-footnote p{font-size:12px}
.contact-sticky{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1.1fr;z-index:85;gap:9px;background:#fffffff2;backdrop-filter:blur(10px);border-top:1px solid #d5e6f4;padding:9px max(14px,env(safe-area-inset-left)) calc(9px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-right))}.contact-sticky a{border-radius:10px;display:flex;align-items:center;justify-content:center;gap:7px;min-height:45px;color:#fff!important;font-size:13px;font-weight:790}.contact-sticky-phone{background:#079753}.contact-sticky-form{background:#0788ed}.contact-sticky .icon{width:18px;height:18px}
}
@media(max-width:365px){.contact-wrap{padding-left:10px;padding-right:10px}.contact-intro h1{font-size:29px}.contact-trust span{font-size:9.8px}.contact-card{padding:12px 10px}.contact-mode-tile strong{font-size:10px}.contact-mode-tile small{font-size:8.8px}.contact-fields{grid-template-columns:1fr 1fr;gap:7px}.contact-field input{font-size:12px}.contact-page .site-footer .footer-inner{grid-template-columns:1fr}.contact-page .site-footer .footer-brand{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.contact-mode-tile{transition:none}}

/* KM-SZEGED V10 contact refinements */
@media(max-width:760px){.contact-hero h1{font-size:34px}.contact-hero p{font-size:15.5px;line-height:1.6}.contact-card h2{font-size:24px}.contact-form label,.contact-form input,.contact-form textarea,.contact-form select{font-size:15px}}