.klima-area-finder{background:linear-gradient(115deg,#f6f9fc,#edf5fa);padding:clamp(40px,5vw,88px) 0;color:#13253a;}
.klima-area-finder *{box-sizing:border-box;}
.klima-area-finder__layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:center;max-width:1600px;margin:auto;padding-inline:clamp(20px,4vw,64px);}
.klima-area-finder__eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 20px;color:#e92250;text-transform:uppercase;font-size:12px;letter-spacing:.16em;font-weight:700;}
.klima-area-finder__eyebrow:before{content:"";width:32px;height:3px;background:currentColor;flex-shrink:0;}
.klima-area-finder h2{font-size:clamp(36px,3.8vw,60px);line-height:1.08;letter-spacing:-.035em;font-weight:900;margin:0 0 22px;color:#14243a;}
.klima-area-finder h2 span{display:block;color:#136c9d;}
.klima-area-finder__lead{font-size:18px;line-height:1.65;color:#456175;margin:0 0 26px;max-width:560px;}
.klima-area-finder__search{position:relative;max-width:560px;z-index:2;}
.klima-area-finder__search label{display:block;font-size:13px;font-weight:700;margin-bottom:9px;}
.klima-area-finder__input-wrap{display:flex;align-items:center;gap:14px;padding:0 18px;border:1px solid #b9cddc;border-radius:12px;background:#fff;box-shadow:0 5px 18px #21476609;}
.klima-area-finder__input-wrap svg{width:22px;height:22px;fill:none;stroke:#648297;stroke-width:1.8;flex-shrink:0;}
.klima-area-finder__input-wrap:focus-within{outline:3px solid #1e87c3;outline-offset:3px;}
.klima-area-finder input{width:100%;min-width:0;height:64px;border:0;background:transparent;color:#17384e;font:inherit;font-size:18px;outline:0;box-shadow:none;}
.klima-area-finder input::placeholder{color:#6e8393;opacity:1;}
.klima-area-finder [hidden]{display:none!important;}
.klima-area-finder [role=listbox]{position:absolute;top:100%;left:0;right:0;max-height:280px;overflow-y:auto;list-style:none;margin:8px 0 0;padding:7px;border:1px solid #c4d5e1;border-radius:12px;background:#fff;box-shadow:0 14px 30px #17384e20;}
.klima-area-finder [role=option]{display:flex;justify-content:space-between;gap:16px;padding:12px;border-radius:7px;cursor:pointer;color:#17384e;}
.klima-area-finder [role=option] span{color:#5b768b;font-size:13px;}
.klima-area-finder [role=option]:hover,.klima-area-finder [aria-selected=true]{background:#e9f4fc;}
.klima-area-finder__result{margin:24px 0 18px;padding-left:15px;border-left:3px solid #9ab8c9;font-size:14px;line-height:1.55;max-width:560px;}
.klima-area-finder__result strong{display:block;color:#17384e;font-size:17px;}
.klima-area-finder__result p{margin:5px 0 0;color:#506b7e;}
.klima-area-finder__result[data-state=inside]{border-color:#008caa;}
.klima-area-finder__result[data-state=outside]{border-color:#dc941d;}
.klima-area-finder__cta{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;min-height:48px;padding:13px 22px;border-radius:8px;background:#ee2855;color:white!important;text-decoration:none;font-size:15px;font-weight:700;}
.klima-area-finder__cta:hover{background:#cf1942;}
.klima-area-finder a:focus-visible{outline:3px solid #167eae;outline-offset:4px;}
.klima-area-finder__shipping{max-width:540px;font-size:12px;line-height:1.6;color:#587285;margin:18px 0 0;}
.klima-area-finder__shipping a{color:#245b7d;text-underline-offset:3px;}
.klima-area-finder__map{margin:0;min-width:0;}
.klima-area-finder__map-controls{display:flex;justify-content:center;gap:6px;margin-bottom:8px;}
.klima-area-finder__map-controls button{border:1px solid #b5ccda;border-radius:7px;padding:8px 12px;background:#fff;color:#245b7d;font:inherit;font-size:12px;cursor:pointer;min-height:40px;}
.klima-area-finder__map-controls button[aria-pressed=true]{background:#175e85;color:#fff;border-color:#175e85;}
.klima-area-finder__map-controls button:focus-visible{outline:3px solid #168ac0;outline-offset:3px;}
.klima-area-finder__map svg{aspect-ratio:760/550;}
.klima-area-finder__map svg{width:100%;height:auto;display:block;overflow:hidden;}
.klima-area-finder__map figcaption{max-width:520px;margin:12px auto 0;text-align:center;color:#617a8c;font-size:12px;line-height:1.6;}
.klima-area-finder__map figcaption>span{display:block;margin-bottom:9px;font-size:13px;font-weight:700;color:#244d65;}
.klima-area-finder__map i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#099dca;margin-right:7px;}
.klima-area-finder__source{display:block;text-align:center;margin-top:14px;color:#748a9a;font-size:10px;}
.klima-area-finder__source a{color:inherit;text-underline-offset:2px;}
@media(max-width:960px){.klima-area-finder__layout{grid-template-columns:1fr;gap:28px;}.klima-area-finder__copy{max-width:640px;width:100%;margin:auto;}.klima-area-finder__map{max-width:680px;margin:auto;width:100%;}}
@media(max-width:480px){.klima-area-finder__eyebrow{font-size:10px;letter-spacing:.1em;}.klima-area-finder__lead{font-size:16px;}.klima-area-finder input{font-size:16px;height:56px;}.klima-area-finder__cta{width:100%;}.klima-area-finder__map figcaption{font-size:11px;}}

.klima-area-finder__map>p{margin:0;}

/* Compact the transition from the service map to the appointment form. */
.home .klima-area-finder{padding-bottom:24px}
.home #kapcsolat.klima-contact{padding-top:24px!important}