/* EL-HYDRO Diagnosta Awarii 3D • izolowane style frontendu */
.elh-diag,.elh-diag *{box-sizing:border-box}
.elh-diag{--elh-navy:#092b4d;--elh-blue:#145b91;--elh-orange:#f4511e;position:relative;width:100%;max-width:1370px;margin:0 auto;padding:34px 18px 42px;background:transparent!important;color:#092b4d;font-family:inherit}
.elh-diag__inner{max-width:1220px;margin:auto;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.75fr);align-items:stretch;gap:26px}
.elh-diag__left{min-width:0;padding:34px 14px 30px 0}
.elh-diag__eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:16px;color:var(--elh-orange);font-size:12px;font-weight:800;letter-spacing:1.7px;line-height:1.5;text-transform:uppercase}
.elh-diag__pulse{width:9px;height:9px;flex:0 0 9px;background:var(--elh-orange);border-radius:50%;box-shadow:0 0 0 6px rgba(244,81,30,.10)}
.elh-diag .elh-diag__title{font-family:inherit;color:var(--elh-navy)!important;font-size:clamp(31px,3.4vw,48px)!important;font-weight:850;line-height:1.16;letter-spacing:-.8px;margin:0 0 17px!important}
.elh-diag .elh-diag__subtitle{max-width:665px;margin:0 0 29px!important;font-size:16px;line-height:1.8;color:#4b6174}
.elh-diag__fieldlabel{display:block;font-size:13px;font-weight:800;letter-spacing:.2px;color:var(--elh-navy);margin-bottom:12px}
.elh-diag__searchbox{display:flex;align-items:center;gap:14px;padding:8px 8px 8px 17px;min-height:70px;border-radius:18px;background:rgba(255,255,255,.75);border:1px solid rgba(20,91,145,.25);box-shadow:0 16px 36px rgba(9,43,77,.12),0 4px 0 rgba(20,91,145,.10),inset 0 1px rgba(255,255,255,.8);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transition:box-shadow .24s ease,border-color .24s ease}
.elh-diag__searchbox:focus-within{border-color:var(--elh-blue);box-shadow:0 18px 38px rgba(9,43,77,.16),0 0 0 4px rgba(20,91,145,.12)}
.elh-diag__glass{width:23px;height:23px;flex-shrink:0;color:var(--elh-blue)}
.elh-diag input.elh-diag__input{min-width:0;flex:1;min-height:48px;padding:6px 0;color:#092b4d;font-family:inherit;font-weight:500;font-size:15px;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;outline:0!important}
.elh-diag input.elh-diag__input::placeholder{color:#70889b;opacity:1}
.elh-diag button.elh-diag__submit{flex-shrink:0;display:inline-flex;align-items:center;gap:13px;justify-content:center;min-height:53px;margin:0;padding:13px 23px;border:0;border-radius:12px;color:#fff;background:linear-gradient(145deg,var(--elh-orange),#dc3d0f);font:inherit;font-weight:800;font-size:13px;cursor:pointer;box-shadow:0 7px 0 #a93213,0 11px 21px rgba(244,81,30,.15);transition:transform .2s ease,box-shadow .2s ease}
.elh-diag button.elh-diag__submit:hover{transform:translateY(-2px);box-shadow:0 9px 0 #a93213,0 16px 24px rgba(244,81,30,.25)}
.elh-diag button.elh-diag__submit:focus-visible,.elh-diag button.elh-diag__chip:focus-visible,.elh-diag a:focus-visible{outline:3px solid var(--elh-orange);outline-offset:3px}
.elh-diag__examples{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:19px}
.elh-diag__examples>span{color:#6a7a87;font-size:13px;font-weight:650;margin-right:2px}
.elh-diag button.elh-diag__chip{background:rgba(255,255,255,.59);border:1px solid rgba(20,91,145,.19);border-radius:24px;padding:7px 12px;color:var(--elh-blue);font-family:inherit;font-size:12px;font-weight:750;line-height:1.4;cursor:pointer;transition:transform .2s,background .2s,border-color .2s}
.elh-diag button.elh-diag__chip:hover{transform:translateY(-2px);background:rgba(225,240,251,.92);border-color:var(--elh-blue)}
.elh-diag__note{color:#738394!important;font-size:11px!important;line-height:1.55!important;margin:21px 0 0!important}
.elh-diag__aside{position:relative;overflow:hidden;align-self:stretch;padding:29px 29px 23px;isolation:isolate;border-radius:23px;border:1px solid rgba(255,255,255,.25);color:#fff;background:radial-gradient(circle at 95% 10%,rgba(81,177,223,.38),transparent 44%),linear-gradient(145deg,#092b4d 0%,#0c3f67 66%,#145b91 100%);box-shadow:0 22px 45px rgba(9,43,77,.17),inset 0 1px rgba(255,255,255,.2)}
.elh-diag__aside:after{position:absolute;z-index:-1;right:-112px;bottom:-148px;width:250px;height:250px;border:34px solid rgba(255,255,255,.045);border-radius:50%;content:""}
.elh-diag__asideTop{display:flex;align-items:flex-start;flex-direction:column;gap:3px;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:20px}
.elh-diag__ring{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(255,255,255,.13);color:#ffb193;font-size:24px;margin-bottom:10px}
.elh-diag__asideTop strong{font-size:20px;line-height:1.3;color:#fff}
.elh-diag__asideTop small{font-size:12px;color:rgba(255,255,255,.72)}
.elh-diag__steps{list-style:none!important;padding:0!important;margin:21px 0 0!important;display:grid;gap:24px}
.elh-diag__steps li{display:flex;align-items:flex-start;gap:15px;list-style:none!important;margin:0!important;padding:0!important}
.elh-diag__steps li>span{min-width:43px;min-height:43px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.19);border-radius:13px;background:rgba(255,255,255,.095);font-weight:900;color:#ffad8e;font-size:16px}
.elh-diag__steps li div{padding-top:2px}
.elh-diag__steps li strong{display:block;font-size:14px;color:#fff;line-height:1.6}
.elh-diag__steps li small{display:block;font-size:12px;line-height:1.55;color:rgba(255,255,255,.73)}
.elh-diag__asideFooter{border-top:1px solid rgba(255,255,255,.15);padding-top:19px;margin-top:26px;font-size:11px;font-weight:650;letter-spacing:.3px;color:rgba(255,255,255,.8)}
.elh-diag__asideFooter span{color:#7fdcbf;margin-right:7px}
.elh-diag__results{max-width:800px;margin-top:28px;padding-top:8px;animation:elhdiagFade .3s ease both}
.elh-diag__results[hidden]{display:none!important}
.elh-diag .elh-diag__resultsTitle{font-size:19px!important;font-weight:800;line-height:1.4;color:var(--elh-navy)!important;margin:0 0 15px!important}
.elh-diag__resultsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:13px}
.elh-diag__result{position:relative;min-width:0;padding:20px;border:1px solid rgba(20,91,145,.18);border-radius:17px;background:rgba(255,255,255,.73);box-shadow:0 10px 25px rgba(9,43,77,.08);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:transform .24s,box-shadow .24s;overflow:hidden}
.elh-diag__result::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--elh-blue),var(--elh-orange))}
.elh-diag__result:hover{transform:translateY(-3px);box-shadow:0 17px 28px rgba(9,43,77,.14)}
.elh-diag__resultNumber{display:inline-block;color:var(--elh-orange);font-weight:900;font-size:12px;margin-bottom:9px}
.elh-diag .elh-diag__result h4{color:var(--elh-navy)!important;font-size:16px!important;margin:0 0 10px!important;line-height:1.35;font-weight:800}
.elh-diag .elh-diag__result p{color:#53677b!important;font-size:13px!important;line-height:1.65!important;margin:0 0 15px!important}
.elh-diag a.elh-diag__resultLink{display:inline-flex;color:var(--elh-blue)!important;text-decoration:none!important;font-size:13px;font-weight:850;gap:7px}
.elh-diag a.elh-diag__resultLink:hover{text-decoration:underline!important}
.elh-diag__message,.elh-diag__warning{border-radius:15px;padding:17px 18px;border:1px solid rgba(20,91,145,.21);background:rgba(240,248,255,.88);color:#25405b;font-size:14px;line-height:1.65}
.elh-diag__message--error{background:rgba(255,242,239,.93);border-color:#f4b9a8}
.elh-diag__warning{border-color:#f1b680;background:#fff7ed;color:#75390d}
.elh-diag__warning strong{display:block;font-size:18px;color:#75320a;margin-bottom:6px}
.elh-diag__warning p{margin:0 0 9px!important;font-size:14px;line-height:1.65}
.elh-diag__warning .elh-diag__minor{font-size:12px!important;margin-bottom:0!important}
.elh-diag a.elh-diag__contact{display:inline-flex;margin-top:15px;padding:11px 16px;border:1px solid var(--elh-blue);border-radius:10px;background:var(--elh-blue);color:#fff!important;font-size:13px;font-weight:800;text-decoration:none!important;box-shadow:0 5px 13px rgba(9,43,77,.16)}
.elh-diag a.elh-diag__contact:hover{background:var(--elh-navy)}
@keyframes elhdiagFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1020px){.elh-diag__inner{grid-template-columns:minmax(0,1.35fr) minmax(245px,.85fr);gap:18px}.elh-diag__left{padding-right:0}.elh-diag__aside{padding:24px 20px}.elh-diag__steps{gap:17px}}
@media(max-width:800px){.elh-diag{padding:24px 18px 32px}.elh-diag__inner{grid-template-columns:1fr;gap:10px}.elh-diag__left{padding:19px 0 14px}.elh-diag__aside{padding:24px}.elh-diag__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.elh-diag__steps li{flex-direction:column;gap:8px}.elh-diag__asideFooter{margin-top:20px}}
@media(max-width:600px){.elh-diag{padding:20px 12px 29px}.elh-diag .elh-diag__title{font-size:31px!important}.elh-diag .elh-diag__subtitle{font-size:14px;margin-bottom:22px!important}.elh-diag__searchbox{flex-wrap:wrap;gap:8px;padding:13px;min-height:0;border-radius:15px}.elh-diag__glass{width:20px;height:20px}.elh-diag input.elh-diag__input{min-height:43px;font-size:14px;flex-basis:calc(100% - 35px)}.elh-diag button.elh-diag__submit{flex:1 0 100%;min-height:48px;box-shadow:0 4px 0 #a93213;padding:10px 18px}.elh-diag__steps{grid-template-columns:1fr;gap:16px}.elh-diag__steps li{flex-direction:row}.elh-diag__asideTop strong{font-size:18px}.elh-diag__resultsGrid{grid-template-columns:1fr}.elh-diag__eyebrow{font-size:10px;letter-spacing:1.25px}}
@media(prefers-reduced-motion:reduce){.elh-diag *{animation:none!important;transition:none!important}.elh-diag__result:hover,.elh-diag button.elh-diag__chip:hover,.elh-diag button.elh-diag__submit:hover{transform:none}}