.hydros-support{background:var(--hydros-white);color:var(--hydros-text);font:16px/1.55 var(--font-body-family);letter-spacing:-.01em}.hydros-support__wrap{max-width:1600px;padding-inline:clamp(20px,4.4vw,76px);margin-inline:auto}.hydros-support :is(h1,h2,h3,p){margin:0}.hydros-support :is(h1,h2,h3){font-family:inherit;font-weight:700;letter-spacing:-.04em;color:var(--hydros-primary)}.hydros-support a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}.hydros-support svg{width:20px;height:20px}.hydros-support [id]{scroll-margin-top:110px}.hydros-support a:focus-visible{outline:3px solid var(--hydros-primary);outline-offset:5px}.hydros-support__opening{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(44px,8vw,120px);padding-block:clamp(52px,6vw,88px) clamp(60px,7vw,100px);align-items:start;color:var(--hydros-white);background:var(--hydros-primary)}.hydros-support h1{font-size:clamp(48px,6.2vw,88px);line-height:1.02}.hydros-support__intro>p{margin-top:28px;max-width:38ch;color:var(--hydros-deep-water)}.hydros-support__channels{display:flex;flex-direction:column;align-items:flex-start;margin-top:28px;gap:4px}.hydros-support__channels>a{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;font-size:15px;overflow-wrap:anywhere}.hydros-support__channels>a>span[aria-hidden]{display:inline-flex;flex:0 0 20px}:is(.hydros-support__intents,.hydros-support__order-links)>a{display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:7px 24px;padding:23px 0;border-top:1px solid var(--hydros-line);text-decoration:none}:is(.hydros-support__intents,.hydros-support__order-links)>a>span:first-child{font-size:21px;font-weight:600;line-height:1.3;letter-spacing:-.02em}:is(.hydros-support__intents,.hydros-support__order-links) small{grid-column:1;color:var(--hydros-deep-water);font-size:14px;line-height:1.5}.hydros-support__arrow{display:inline-flex;grid-column:2;grid-row:1;padding-top:3px}.hydros-support__products{padding-block:64px 72px;background:var(--hydros-ice)}.hydros-support__section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:44px}.hydros-support h2{font-size:clamp(34px,4vw,58px);line-height:1.07}.hydros-support__section-heading>p{max-width:30ch;color:var(--hydros-deep-water)}.hydros-support__product-list{display:grid;grid-template-columns:1fr 1fr;gap:44px}.hydros-support__product{display:grid;grid-template-columns:116px minmax(0,1fr);align-items:start;gap:28px}.hydros-support__product>img{display:block;width:116px;height:160px;object-fit:contain;background:var(--hydros-white)}.hydros-support__product h3{font-size:30px;line-height:1.15}.hydros-support__product p{font-size:13px;line-height:1.5;margin-top:8px;color:var(--hydros-deep-water)}.hydros-support__product ul{list-style:none;margin:14px 0 0;padding:0}.hydros-support__product li+li{margin-top:2px}.hydros-support__product li a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;line-height:1.5}.hydros-support__order{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(44px,8vw,120px);padding-block:72px}.hydros-support__order h2{font-size:clamp(32px,3.5vw,48px)}.hydros-support__order p{margin-top:24px;max-width:40ch;color:var(--hydros-deep-water)}.hydros-support__message-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:48px;margin-top:22px;font-size:15px;font-weight:600}.hydros-support__message-link>span{display:inline-flex}#MainContent:has(.hydros-support) .contact{width:min(100%,880px);padding:44px 28px 80px;border-top:1px solid var(--hydros-line);color:var(--hydros-text)}#MainContent:has(.hydros-support) .contact>h2{color:var(--hydros-navy);font-family:var(--font-body-family);font-size:clamp(34px,4vw,52px);font-weight:700;letter-spacing:-.035em;margin-bottom:32px}#MainContent:has(.hydros-support) #ContactForm{scroll-margin-top:110px}#MainContent:has(.hydros-support) .contact .field__input{border-radius:3px;font-size:16px}#MainContent:has(.hydros-support) .contact .field__label{font-size:15px}#MainContent:has(.hydros-support) .contact .field__input:focus~.field__label,#MainContent:has(.hydros-support) .contact .field__input:not(:placeholder-shown)~.field__label{font-size:12px}#MainContent:has(.hydros-support) .contact__button{margin-top:24px}#MainContent:has(.hydros-support) .contact__button .button{min-height:54px;min-width:180px;padding-inline:32px;border-radius:3px;background:var(--hydros-primary);color:var(--hydros-white);font-size:15px;font-weight:600}#MainContent:has(.hydros-support) .contact__button .button:before,#MainContent:has(.hydros-support) .contact__button .button:after{content:none}#MainContent:has(.hydros-support) .contact :is(input,textarea,button,a):focus-visible{outline:3px solid var(--hydros-primary);outline-offset:4px}@media(hover:hover)and (pointer:fine){:is(.hydros-support__intents,.hydros-support__order-links)>a:hover>span:first-child{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}#MainContent:has(.hydros-support) .contact__button .button:hover{background:var(--hydros-deep-water)}}@media(max-width:749px){.hydros-support__opening{grid-template-columns:1fr;gap:40px;padding-block:40px 48px}.hydros-support h1{font-size:clamp(42px,12.5vw,64px)}.hydros-support__intro>p{margin-top:22px;font-size:15px}.hydros-support__channels{margin-top:20px}.hydros-support__channels>a{font-size:14px}:is(.hydros-support__intents,.hydros-support__order-links)>a{padding-block:19px;gap:7px 18px}:is(.hydros-support__intents,.hydros-support__order-links)>a>span:first-child{font-size:19px}:is(.hydros-support__intents,.hydros-support__order-links) small{font-size:13px}.hydros-support__products{padding-block:40px 44px}.hydros-support__section-heading{display:block;margin-bottom:30px}.hydros-support h2{font-size:34px}.hydros-support__section-heading>p{margin-top:18px;font-size:14px}.hydros-support__product-list{grid-template-columns:1fr;gap:32px}.hydros-support__product{grid-template-columns:80px minmax(0,1fr);gap:18px}.hydros-support__product>img{width:80px;height:116px}.hydros-support__product h3{font-size:26px}.hydros-support__product p{font-size:12px}.hydros-support__product li a{font-size:13px}.hydros-support__order{grid-template-columns:1fr;gap:28px;padding-block:44px}.hydros-support__order h2{font-size:32px}.hydros-support__order p{font-size:14px;margin-top:18px}.hydros-support__message-link{margin-top:14px}#MainContent:has(.hydros-support) .contact{padding:34px 20px 56px}#MainContent:has(.hydros-support) .contact>h2{font-size:34px}#MainContent:has(.hydros-support) .contact__button .button{width:100%}}.hydros-support__opening :is(h1,.hydros-support__intro>p,.hydros-support__intents small){color:var(--hydros-white)}.hydros-support__opening :is(a,button):focus-visible{outline-color:var(--hydros-white)}.hydros-support__intents>a{border-color:#ffffff47}.hydros-support__channels{gap:12px}.hydros-support__channels>a{min-height:48px;padding:10px 16px;border:1px solid rgba(255,255,255,.5);border-radius:3px;text-decoration:none}.hydros-support__channels>a:last-child{color:var(--hydros-primary);background:var(--hydros-white);border-color:var(--hydros-white)}.hydros-support__arrow,.hydros-support__channels>a>span[aria-hidden],.hydros-support__message-link>span{transition:transform .18s cubic-bezier(.22,1,.36,1)}.hydros-support__intents>a{transition:background-color .16s cubic-bezier(.22,1,.36,1)}.hydros-support__product{border-top:3px solid var(--hydros-accent);padding-top:24px}.hydros-support__message-link{padding:12px 18px;border-radius:3px;color:var(--hydros-white)!important;background:var(--hydros-primary);text-decoration:none}#MainContent:has(.hydros-support) .contact{border-top:4px solid var(--hydros-primary);background:var(--hydros-ice)}#MainContent:has(.hydros-support) .contact__button .button{transition:transform .12s cubic-bezier(.22,1,.36,1),background-color .16s cubic-bezier(.22,1,.36,1)}#MainContent:has(.hydros-support) .contact__button .button:active{transform:scale(.98)}@media(hover:hover)and (pointer:fine){:is(.hydros-support__intents,.hydros-support__order-links)>a:hover .hydros-support__arrow,.hydros-support__channels>a:hover>span[aria-hidden],.hydros-support__message-link:hover>span{transform:translate(4px)}.hydros-support__intents>a:hover{background:#ffffff0f}}@media(max-width:359px){.hydros-support__channels>a{gap:14px;padding-inline:12px;font-size:13px}}@media(prefers-reduced-motion:reduce){.hydros-support :is(a,.hydros-support__arrow,span[aria-hidden]),#MainContent:has(.hydros-support) .contact__button .button{transition:none}.hydros-support :is(a:hover .hydros-support__arrow,a:hover>span),#MainContent:has(.hydros-support) .contact__button .button:active{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/hydros-support.css.map */