.water-diag-hero{background:var(--white);color:var(--ink);overflow-x:clip;padding-block:calc(var(--wd-pt)*.6) calc(var(--wd-pb)*.6)}.water-diag-hero--bg{background:var(--bg)}.water-diag-hero--navy{background:var(--navy);color:var(--white)}:where(.water-diag-hero) :where(h1,h2,p,ul){margin:0;padding:0}.water-diag-hero [hidden]{display:none!important}.water-diag-hero__wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;max-width:var(--pu-max-width,1300px);margin:0 auto;padding-inline:var(--pad)}.water-diag-hero__h1{max-width:18ch}.water-diag-hero__lede{margin-top:16px;max-width:40ch;font-size:17px;line-height:1.55;color:var(--ink-2)}.water-diag-hero--navy .water-diag-hero__lede{color:#b4bfde}.water-diag-hero__btn{white-space:nowrap}.water-diag-hero__ico{flex:none}.water-diag-hero__btn-busy{display:none}.water-diag-hero__link{min-height:44px;padding:0 4px;border:0;background:none;color:var(--blue);font:inherit;font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.water-diag-hero__input{box-sizing:border-box;width:100%;min-width:0;min-height:56px;padding:0 20px;border:1.5px solid var(--line);border-radius:999px;background:var(--white);color:var(--ink);font:inherit;font-size:17px;-webkit-appearance:none;appearance:none}.water-diag-hero__input::placeholder{color:var(--ink-2)}.water-diag-hero__input:focus{outline:0;border-color:var(--blue)}.water-diag-hero__input[aria-invalid=true],.water-diag-hero__pcwrap[data-state=invalid]{border-color:var(--danger)}.water-diag-hero__card{box-sizing:border-box;margin-top:28px;max-width:560px;padding:20px;background:var(--white);border:1.5px solid var(--line);border-radius:var(--r-md);color:var(--ink)}.water-diag-hero__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.water-diag-hero__stepnum{font-size:14px;font-weight:600;color:var(--ink-2)}.water-diag-hero__dots{display:inline-flex;gap:6px}.water-diag-hero__dots i{width:24px;height:4px;border-radius:4px;background:var(--line)}.water-diag-hero__dots i[data-on]{background:var(--blue)}.water-diag-hero__label{display:block;margin-bottom:10px;font-size:17px;font-weight:600}.water-diag-hero__inline{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.water-diag-hero__error{margin-top:10px;font-size:15px;font-weight:600}.water-diag-hero__error:not(:empty):before{content:"";display:inline-block;width:10px;height:10px;margin-right:8px;border-radius:50%;background:var(--danger)}.water-diag-hero__error:empty{display:none}.water-diag-hero__consent{margin-top:16px;font-size:14px;line-height:1.5;color:var(--ink-2)}.water-diag-hero__consent a{color:inherit;text-decoration:underline}.water-diag-hero__step{display:none}[data-step=postcode] .water-diag-hero__step--postcode,[data-step=email] .water-diag-hero__step--email,[data-step=sending] .water-diag-hero__step--email,[data-step=done] .water-diag-hero__step--done{display:block}[data-step=done] .water-diag-hero__consent,[data-step=done] .water-diag-hero__head,[data-step=sending] .water-diag-hero__btn-txt,[data-step=sending] [data-wrd-submit] .water-diag-hero__ico{display:none}[data-step=sending] .water-diag-hero__btn-busy{display:inline}[data-step=sending] [data-wrd-submit]{pointer-events:none;opacity:.85}.water-diag-hero__chip{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:0 6px 0 16px;background:var(--blue-soft);border-radius:999px;font-size:15px}.water-diag-hero__chip-ico{color:var(--blue)}.water-diag-hero__chip-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.water-diag-hero__pcwrap{position:relative;display:flex;min-width:0;background:var(--white);border:1.5px solid var(--line);border-radius:999px}.water-diag-hero__pcwrap:focus-within{border-color:var(--blue)}.water-diag-hero__pcwrap:has(:focus-visible){outline:3px solid var(--blue);outline-offset:3px}.water-diag-hero__pcwrap input:focus-visible{outline:0!important}.water-diag-hero__input--pc{min-height:53px;border:0;padding-right:44px;text-transform:uppercase}.water-diag-hero__input--pc::placeholder{text-transform:none}.water-diag-hero__pcstate{position:absolute;right:16px;top:50%;display:none;width:20px;height:20px;margin-top:-10px;padding:3px;border-radius:50%;background:var(--blue);color:var(--white);pointer-events:none}.water-diag-hero__pcstate svg{display:block;width:100%;height:100%}[data-state=valid]>.water-diag-hero__pcstate{display:block}.water-diag-hero__step--done:focus{outline:0}.water-diag-hero__done-ico{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:16px;border-radius:50%;background:var(--blue-soft);color:var(--blue)}.water-diag-hero__title{margin-bottom:8px;font-size:clamp(24px,2.4vw,28px)}.water-diag-hero__text{font-size:17px;line-height:1.55}.water-diag-hero__hint{margin-top:8px;font-size:15px;color:var(--ink-2)}.water-diag-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:24px}.water-diag-hero__preview{box-sizing:border-box;align-self:center;max-width:480px;padding:20px;background:var(--bg);border-radius:var(--r-lg);color:var(--ink)}.water-diag-hero--bg .water-diag-hero__preview{background:var(--white)}.water-diag-hero__preview-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px;font-size:17px;font-weight:600}.water-diag-hero__tag{padding:4px 12px;border-radius:999px;background:var(--white);font-size:14px;color:var(--ink-2)}.water-diag-hero__score{display:flex;align-items:center;gap:16px;padding:8px 20px 8px 8px;background:var(--white);border-radius:999px}.water-diag-hero__score+.water-diag-hero__score{margin-top:8px}.water-diag-hero__score--puure{background:var(--blue-soft)}.water-diag-hero__score-txt{display:flex;flex-direction:column;font-size:14px;color:var(--ink-2)}.water-diag-hero__score-txt b{font-size:17px;font-weight:600;color:var(--ink)}.water-diag-hero__ring{position:relative;flex:none;width:64px;height:64px;color:var(--blue)}.water-diag-hero__ring--low{color:var(--ink-2)}.water-diag-hero__ring svg{width:100%;height:100%;transform:rotate(-90deg)}.water-diag-hero__ring-track{fill:none;stroke:var(--line);stroke-width:6}.water-diag-hero__ring-bar{fill:none;stroke:currentColor;stroke-width:6;stroke-linecap:round;stroke-dasharray:163.36}.water-diag-hero__ring-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:var(--ink)}.water-diag-hero__preview-headline{margin:20px 0 12px;font-size:17px;line-height:1.4}.water-diag-hero__contaminants{display:grid;gap:8px;list-style:none}.water-diag-hero__contaminant{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--white);border-radius:var(--r-sm)}.water-diag-hero__contaminant small{display:block;font-size:14px;font-weight:400;color:var(--ink-2)}.water-diag-hero__contaminant-name{min-width:0;font-size:15px;font-weight:600}.water-diag-hero__contaminant-x{flex:none;text-align:right}.water-diag-hero__contaminant-x b{font-size:24px;line-height:1;font-weight:700}.water-diag-hero__preview-foot{margin-top:12px;font-size:14px;line-height:1.45;color:var(--ink-2)}@media(min-width:721px){.water-diag-hero{padding-block:calc(var(--wd-pt)*.8) calc(var(--wd-pb)*.8)}.water-diag-hero__card{padding:28px}.water-diag-hero__inline{grid-template-columns:minmax(0,1fr) auto}}@media(min-width:1025px){.water-diag-hero{padding-block:var(--wd-pt) var(--wd-pb)}.water-diag-hero__wrap{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:center}.water-diag-hero__preview{justify-self:end;max-width:500px;padding:32px}}
/*# sourceMappingURL=/cdn/shop/t/125/assets/section-water-diag-hero.css.map */