@import url('fonts.css');
:root{--ink:#172b32;--cyan:#00a6c7;--paper:#fbfcfa;--pale:#eaf0ee;--line:#d8e0de;--muted:#697c80;--sans:Manrope,Arial,sans-serif;--head:'Roboto Condensed',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--ink);font:14px/1.5 var(--sans)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{max-width:100%}button,a,input{outline-offset:5px}a:hover{color:#0085a0}h1,h2,h3{font-family:var(--head);font-weight:600;letter-spacing:-.035em}button{cursor:pointer}#header,.mainnav,main,#footer{padding-inline:max(32px,calc((100vw - 1440px)/2))}
#header{display:flex;align-items:center;gap:60px;min-height:120px;border-top:5px solid var(--ink);padding-block:15px;background:var(--paper)}#logo{width:132px;height:90px;flex-shrink:0;background:transparent;padding:0}#logo img{display:block;width:100%;height:90px;object-fit:contain}#search{position:relative;flex:1;max-width:420px;margin-left:auto}#search input{height:48px;background:transparent;border:0;border-bottom:1px solid #a4b6b7;width:100%;padding:12px 40px 12px 0} .button-search{position:absolute;right:9px;top:13px;width:16px;height:16px;border:2px solid var(--cyan);border-radius:100%}.button-search:after{content:'';position:absolute;width:8px;height:2px;background:var(--cyan);transform:rotate(45deg);right:-6px;bottom:-3px}.phone_head_wrapper{display:grid;grid-template-columns:auto auto;column-gap:25px;align-items:center}.phone_head{font:600 28px var(--head);white-space:nowrap}.phone_head_img{display:none}.mail_chasi_head{font-size:11px;color:var(--muted);line-height:1.7}.perezvon_btn{grid-column:2;grid-row:1/3;display:block;padding:13px 16px;border:1px solid var(--cyan);font-size:11px;font-weight:700}.mainnav{display:flex;justify-content:space-between;gap:20px;border-block:1px solid var(--line);min-height:58px;align-items:center;background:var(--paper)}.mainnav a{font-size:12px;font-weight:700;padding-block:19px}.mainnav a.is-active{color:#0087a3;border-bottom:2px solid var(--cyan)}
main{padding-top:36px;background:var(--ink)}.catalog-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:32px}.catalog-menu{align-self:start;padding:19px 24px 9px;background:linear-gradient(145deg,#10171b,#0a0f12);box-shadow:0 20px 42px #122b3326}.catalog-menu>a{position:relative;display:block;color:#9bb1b6;font-size:15px;font-weight:500;line-height:1.35;padding:15px 24px 15px 0;border-bottom:1px solid #ffffff16;transition:color .2s,padding-left .2s}.catalog-menu>a:not(.catalog-label):after{content:'↗';position:absolute;right:2px;top:50%;transform:translateY(-50%);color:#6f8d95;font-size:12px}.catalog-menu>a:not(.catalog-label):hover{color:#fff;padding-left:5px}.catalog-menu .catalog-label{font-size:15px;font-family:var(--head);font-weight:700;letter-spacing:.16em;color:var(--cyan);padding:3px 0 17px;margin-bottom:0;border-top:0}.pdf{margin:18px 0 0;padding:0;background:none}.pdf>a{display:block;position:relative;height:56px;overflow:hidden;background:var(--cyan);color:#072931;text-align:center}.pdf>a:after{content:'Скачать каталог PDF  ↓';position:absolute;inset:0;display:grid;place-items:center;font-size:12px;font-weight:800}.ImgField,.ImgField img{opacity:0;width:100%;height:100%}.ImgField{position:absolute;inset:0}.ImgField .second{position:absolute;inset:0;opacity:0}.ImgField:hover .second{opacity:1}
.hero{display:grid;grid-template-columns:56% 44%;min-height:425px;background:var(--ink);overflow:hidden}.hero-copy{position:relative;display:flex;align-items:center;padding:42px 32px;isolation:isolate}.hero-copy:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#c6e6e00c 1px,transparent 1px),linear-gradient(90deg,#c6e6e00c 1px,transparent 1px);background-size:72px 72px}.hero-copy:after{content:'';position:absolute;z-index:-1;right:-80px;top:-120px;border:55px solid #00a6c71c;border-radius:100%;width:330px;height:330px}.hero h1{color:white;margin:0;font-size:clamp(29px,3.7vw,56px);line-height:1.06;letter-spacing:-.045em;overflow-wrap:normal}.hero h1::first-line{color:var(--cyan)}.hero-photos{position:relative;min-width:0;background:#d4dedb}.hero-photos>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center}.hero-photos>img[hidden]{display:none}.slide-controls{position:absolute;bottom:18px;left:18px;right:18px;display:flex;flex-wrap:wrap;gap:5px}.slide-controls button{width:7px;height:7px;padding:0;border:0;background:#ffffffad;border-radius:50%;box-shadow:0 0 3px #0006}.slide-controls button[aria-current=true]{width:22px;border-radius:5px;background:var(--cyan)}
.tiles{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.img-box{min-width:0;display:flex;flex-direction:column;min-height:239px;padding:23px;background:var(--pale);transition:background .2s}.img-box>span:first-child{height:145px;display:flex;align-items:center;justify-content:center}.img-box img{max-width:90%;width:auto;max-height:133px;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}.img-box .caption{display:block;font:600 25px/1.02 var(--head);letter-spacing:-.025em;margin-top:15px;padding-right:16px}.img-box:hover{background:#dce8e5}.img-box:hover img{transform:translateY(-5px)}.img-box:nth-child(7n){background:#d8ebeb}
.new-products{margin-top:90px;padding-top:36px;border-top:1px solid #ffffff24;padding-bottom:80px;color:#fff}.new-products>h2{font-size:52px;line-height:1;margin:0 0 36px}.products{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.inner_grid{display:flex;flex-direction:column;min-width:0}.inner_grid .image{order:-1;background:#edf1ef;padding:17px;margin-bottom:22px;height:200px;display:grid;place-items:center}.inner_grid .image a{width:100%;height:100%;display:grid;place-items:center}.inner_grid .image img{height:165px;width:100%;object-fit:contain;mix-blend-mode:multiply}.inner_grid .name{font:600 21px/1.13 var(--head);min-height:168px;letter-spacing:-.02em}.podro_tov{width:max-content;border-bottom:2px solid var(--cyan);padding:8px 0;font-size:12px;font-weight:700;margin:12px 0 20px}.phone_zak{width:24px;height:24px;background:var(--cyan);border-radius:50%;position:relative;margin:-48px 0 22px auto}.phone_zak:after{content:'↗';position:absolute;color:#072931;inset:0;text-align:center}.short_har{border-top:1px solid #ffffff24;font-size:11px;color:#b1c2c5;padding-top:15px;line-height:1.7}.short_har>div{margin:5px 0}.short_har strong{color:#fff;font-weight:600}
.company-copy{padding-top:70px;padding-bottom:90px;border-top:1px solid #ffffff24;color:#fff}.company-copy>h1{max-width:1040px;font-size:52px;line-height:1.08;margin:0 0 40px}.copy-section{display:flow-root;margin-top:44px;padding-top:44px;border-top:1px solid #ffffff24}.copy-section:first-of-type{margin-top:0;padding-top:0;border-top:0;max-width:950px}.copy-section h2{font-size:38px;line-height:1.1;margin:0 0 26px;max-width:800px}.copy-section p{max-width:960px;color:#c1d1d3;line-height:1.85;margin:0 0 20px}.copy-section ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;list-style:none;padding:0;margin:24px 0 32px;max-width:1180px}.copy-section li{padding:18px 0 18px 20px;border-top:1px solid #ffffff24;position:relative;line-height:1.75;font-size:13px}.copy-section li:before{content:'';position:absolute;left:0;top:26px;width:5px;height:5px;background:var(--cyan)}.copy-section:nth-of-type(3){background:var(--ink);color:#fff;margin-inline:-32px;padding:46px 32px}.copy-section:nth-of-type(3) p{color:#c1d1d3}.copy-section:nth-of-type(3) li{border-color:#ffffff24}.copy-section:nth-of-type(3) h2{color:var(--cyan)}
#footer{background:var(--ink);color:#c1d1d3;padding-block:58px 25px}.footer_top{display:none}.foot_inner{display:grid;grid-template-columns:1fr 1fr 1fr;gap:60px;align-items:start}.foot_inner #logo{padding:0;width:240px}.foot_info_wrapper ul,.foot_cont ul{list-style:none;padding:0;margin:0}.foot_info_wrapper li{margin-bottom:10px;font-size:12px}.foot_cont li{font-size:13px;margin-bottom:17px}.foot_copyright{border-top:1px solid #ffffff26;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#93aaae}.foot_copyright .clearfix{display:none}#footer a:hover{color:#fff}
dialog{border:0;padding:40px;max-width:540px;width:calc(100% - 36px);color:var(--ink);background:var(--paper)}dialog::backdrop{background:#0c232bcc}.close{position:absolute;top:6px;right:14px;border:0;background:transparent;font-size:30px}.zakaz_sit{font:600 35px var(--head);margin-bottom:20px}dialog input:not([type=hidden]),dialog textarea{width:100%;padding:12px;border:1px solid var(--line);background:white;margin:8px 0 16px}dialog textarea{height:100px}dialog .agree{font-size:11px}dialog .submit{background:var(--cyan)!important;border:0!important}dialog .label{font-size:12px}.floating-call{position:fixed;right:25px;bottom:25px;background:var(--cyan);width:49px;height:49px;border:0;border-radius:50%;box-shadow:0 4px 20px #10232a30}.floating-call svg{width:23px;fill:none;stroke:white;stroke-width:1.5}
@media(min-width:1650px){.hero h1{font-size:60px}}
@media(max-width:1100px){#header{gap:25px}#logo{width:180px}.phone_head_wrapper{display:block}.perezvon_btn{margin-top:8px;padding:5px 10px;text-align:center}.phone_head{font-size:24px}.catalog-layout{grid-template-columns:205px minmax(0,1fr);gap:23px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:32px}.hero h1{font-size:44px}.hero-photos{height:235px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.products{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:36px}.inner_grid .name{min-height:118px}.mainnav{gap:20px;flex-wrap:wrap;justify-content:flex-start}}
@media(max-width:700px){#header,.mainnav,main,#footer{padding-inline:20px}#header{flex-wrap:wrap;gap:16px;padding-block:18px}#logo{width:145px;padding:9px}#logo img{height:53px}.phone_head_wrapper{margin-left:auto}.phone_head{font-size:21px}.mail_chasi_head{font-size:10px}.perezvon_btn{font-size:10px}#search{order:3;flex-basis:100%;max-width:none}.mainnav{gap:0 22px;padding-block:8px}.mainnav a{font-size:11px;padding-block:9px}.catalog-layout{display:flex;flex-direction:column;gap:26px}.catalog-menu{width:100%}.catalog-menu>a:not(.catalog-label){display:inline-block;width:50%;vertical-align:top;font-size:11px;padding-right:10px}.pdf{display:inline-block;max-width:190px;margin-top:17px}.hero-copy{padding:34px 22px}.hero h1{font-size:clamp(29px,7.7vw,48px)}.hero-photos{height:245px}.tiles{margin-top:16px}.img-box{padding:15px;min-height:200px}.img-box>span:first-child{height:112px}.img-box img{max-height:104px}.img-box .caption{font-size:22px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.inner_grid .image{height:158px;padding:10px}.inner_grid .image img{height:133px}.inner_grid .name{font-size:20px;min-height:0}.short_har{font-size:10px}.new-products{margin-top:50px;padding-bottom:40px}.new-products>h2{font-size:40px}.company-copy{padding-block:42px}.company-copy>h1{font-size:35px}.copy-section h2{font-size:31px}.copy-section ul{grid-template-columns:1fr}.copy-section:nth-of-type(3){margin-inline:-20px;padding:32px 20px}.foot_inner{grid-template-columns:1fr;gap:30px}.foot_copyright{display:block}.copy_right{margin-top:15px}}
/* Alternating sections keep the opening screen dramatic without turning the whole page into one dark field. */
.new-products{margin-inline:calc(-1 * max(32px,calc((100vw - 1440px)/2)));padding:72px max(32px,calc((100vw - 1440px)/2)) 84px;background:var(--paper);border-top:0;color:var(--ink)}.new-products>h2{color:var(--ink)}.inner_grid .name{color:var(--ink)}.podro_tov{color:var(--ink)}.short_har{border-color:var(--line);color:var(--muted)}.short_har strong{color:var(--ink)}.company-copy{margin-inline:calc(-1 * max(32px,calc((100vw - 1440px)/2)));padding:72px max(32px,calc((100vw - 1440px)/2)) 90px;background:#edf2f1;border-top:0;color:var(--ink)}.company-copy>h1{color:var(--ink)}.copy-section{border-color:#cbd8d7}.copy-section p{color:#587076}.copy-section:nth-of-type(3){background:var(--ink);color:#fff}.copy-section:nth-of-type(3) p{color:#c1d1d3}.copy-section:nth-of-type(3) li{border-color:#ffffff24}.copy-section:nth-of-type(3) h2{color:var(--cyan)}
.reasons-section{max-width:none!important;margin-top:62px!important;padding-top:0!important;border-top:0!important}.reasons-section>h2{font-size:clamp(38px,4vw,58px);max-width:960px;margin-bottom:26px}.reasons-section>p:nth-of-type(2){margin-top:26px;color:#0087a3;font-weight:700}.reasons-grid{counter-reset:reason;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;max-width:none!important;margin:31px 0 46px!important;padding:0!important;border:0!important}.reasons-grid li{counter-increment:reason;min-height:235px;padding:86px 28px 27px!important;background:linear-gradient(145deg,#ffffff 0%,#f3f8f7 58%,#e3f2f3 100%);border:1px solid #c5dada!important;color:#526b71;font-size:13px;line-height:1.78;overflow:hidden;transition:transform .25s,border-color .25s,background .25s}.reasons-grid li:before{content:'0' counter(reason)!important;left:27px!important;top:25px!important;width:auto!important;height:auto!important;background:transparent!important;color:var(--cyan);font:600 47px/.8 var(--head);letter-spacing:-.05em}.reasons-grid li:after{content:'';position:absolute;width:104px;height:104px;right:-38px;top:-38px;border:18px solid #00a6c71c;border-radius:50%;pointer-events:none}.reasons-grid li:hover{transform:translateY(-4px);border-color:#00a6c780!important;background:#fff}.reasons-grid li strong{display:block;margin-bottom:10px;color:var(--ink);font:600 24px/1 var(--head);letter-spacing:-.02em}.reasons-grid li:last-child{grid-column:span 2;min-height:167px;padding-right:38%;background:linear-gradient(105deg,#ffffff,#eef7f6 58%,#d9eff1)}.reasons-grid li:last-child:after{width:180px;height:180px;right:8%;top:-85px}
@media(max-width:700px){.new-products,.company-copy{margin-inline:-20px;padding-inline:20px}.reasons-grid{grid-template-columns:1fr!important}.reasons-grid li{min-height:0;padding:76px 22px 24px!important}.reasons-grid li:last-child{grid-column:auto;padding-right:22px}.reasons-grid li:last-child:after{right:-45px}}
.electrovalve-section{position:relative;isolation:isolate;margin:68px calc(-1 * max(32px,calc((100vw - 1440px)/2))) 0!important;padding:68px max(32px,calc((100vw - 1440px)/2)) 72px!important;border:0!important;background:var(--ink);color:#fff;overflow:hidden}.electrovalve-section:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(#c6e6e00c 1px,transparent 1px),linear-gradient(90deg,#c6e6e00c 1px,transparent 1px);background-size:88px 88px}.electrovalve-section:after{content:'';position:absolute;z-index:-1;width:580px;height:580px;right:7%;top:-370px;border:68px solid #00a6c71c;border-radius:50%}.electrovalve-section h2{max-width:980px;color:var(--cyan);font-size:clamp(37px,4vw,58px)}.electrovalve-section p{max-width:960px;color:#c1d1d3}.electrovalve-section ul{max-width:none;position:relative}.electrovalve-section li{color:#f2f7f7;border-color:#ffffff24}.electrovalve-section li:before{background:var(--cyan)}
@media(max-width:700px){.electrovalve-section{margin:45px -20px 0!important;padding:45px 20px!important}.electrovalve-section:after{right:-250px;top:-340px}}
.mainnav{position:sticky;top:0;z-index:50;box-shadow:0 13px 22px -18px #07171dcc}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.menu-toggle{display:none}
@media(max-width:700px){#header{display:grid;grid-template-columns:62px minmax(0,1fr) 68px 38px;gap:8px;align-items:center;padding:13px 16px}#header #logo{width:62px!important;height:43px;padding:0}#header #logo img{height:43px;width:62px;object-fit:contain;object-position:left center}#header #search{display:none}.phone_head_wrapper{margin:0;min-width:0;overflow:hidden}.phone_head{font-size:clamp(14px,4.2vw,18px);line-height:1.05;letter-spacing:-.035em;white-space:nowrap}.mail_chasi_head{font-size:8px;line-height:1.45;white-space:nowrap}.perezvon_btn{grid-column:auto;grid-row:auto;margin:0;width:68px;max-width:68px;padding:7px 4px;font-size:9px;line-height:1.15;text-align:center}.menu-toggle{display:grid;place-content:center;gap:5px;width:38px;height:38px;padding:0;border:1px solid var(--cyan);background:transparent}.menu-toggle span{display:block;width:17px;height:2px;background:var(--ink);transition:transform .2s,opacity .2s}.menu-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mainnav{display:none}.mainnav.is-open{position:fixed;top:var(--mobile-menu-top,72px);right:16px;left:16px;z-index:60;display:flex;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100dvh - var(--mobile-menu-top,72px) - 16px);overflow:auto;padding:9px 18px;background:var(--paper);border:1px solid var(--line);box-shadow:0 19px 34px -18px #07171dcc}.mainnav.is-open a{padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.mainnav.is-open a:last-child{border-bottom:0}}

.inner_grid{position:relative;transition:transform .2s ease,box-shadow .2s ease}.inner_grid:hover{transform:translateY(-4px);box-shadow:0 16px 28px rgba(7,41,49,.12)}.podro_tov{position:relative;z-index:2;display:inline-block;border:0!important;padding:12px 17px!important;background:var(--cyan);color:#071f27!important;line-height:1;text-decoration:none}.inner_grid:has(.podro_tov){cursor:pointer}.inner_grid:has(.podro_tov)::after{content:"";position:absolute;inset:0;z-index:1;cursor:pointer}.inner_grid:has(.podro_tov) .podro_tov{z-index:2}

/* Light footer: separate navigation items rather than a continuous text line. */
#footer{background:#fff!important;color:var(--ink)!important;box-shadow:0 -12px 32px rgba(7,41,49,.14);padding-top:48px!important}#footer a{color:var(--ink)}#footer a:hover{color:#0085a0}.foot_inner{align-items:start}.foot_inner #logo{width:190px;height:86px;background:transparent}.foot_inner #logo img{height:86px;object-fit:contain}.foot_info_wrapper ul{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:9px 12px}.foot_info_wrapper li{margin:0!important}.foot_info_wrapper a,.foot_cont>a{display:flex;align-items:center;min-height:42px;padding:9px 12px;background:#f2f6f5;border:1px solid var(--line);font-size:12px;font-weight:700;line-height:1.25;transition:background .2s,border-color .2s,color .2s}.foot_info_wrapper a:hover,.foot_cont>a:hover{background:#e4f7fa;border-color:var(--cyan)}.foot_cont>a{margin:0}.foot_cont{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:9px 12px}.foot_cont ul{list-style:none;padding:0;margin:0}.foot_cont li{margin:0 0 9px!important;padding:0 0 9px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.foot_cont li:last-child{margin-bottom:0}.foot_copyright{border-color:var(--line)!important;color:var(--muted)!important}.foot_copyright a{color:#0085a0!important}.footer-logo{background:transparent!important}@media(max-width:700px){#footer{padding-top:36px!important}.foot_info_wrapper ul,.foot_cont{grid-template-columns:1fr}.foot_inner #logo{width:160px;height:72px}.foot_inner #logo img{height:72px}}

.callback-dialog{padding:40px!important}.callback-dialog__intro{margin:-8px 0 18px;color:var(--muted)}.callback-form__submit{display:block;width:100%;padding:14px 18px;font-weight:800;color:#072931}.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}@media(max-width:700px){.callback-dialog{padding:30px 22px!important}.callback-dialog .zakaz_sit{font-size:31px}}

.image-lightbox{width:min(1100px,calc(100vw - 36px));height:min(92vh,1000px);padding:22px;border:0;background:#fff;box-shadow:0 20px 70px #0008}.image-lightbox::backdrop{background:#07171bd9}.image-lightbox img{display:block;width:100%;height:100%;object-fit:contain}.image-lightbox__close{position:absolute;z-index:1;right:9px;top:4px;width:36px;height:36px;border:0;border-radius:50%;background:#fff;color:var(--ink);font-size:29px;line-height:1;box-shadow:0 2px 14px #0003}@media(max-width:700px){.image-lightbox{width:calc(100vw - 18px);height:calc(100dvh - 38px);padding:14px}}

/* Keep the brand mark identical in header and footer. */
#footer .footer-logo,#footer .foot_inner #logo{display:block;width:132px!important;height:90px!important;object-fit:contain;background:transparent!important;padding:0!important}@media(max-width:700px){#footer .footer-logo,#footer .foot_inner #logo{width:62px!important;height:43px!important}#footer .foot_inner #logo img{width:62px!important;height:43px!important}}

/* Separate list dividers from the decorative grid in dark technical sections. */
.electrovalve-section li{background:rgba(23,43,50,.88)!important;border-top:0!important;border-bottom:1px solid rgba(0,166,199,.72)!important;margin-bottom:10px;padding:18px 18px 18px 20px!important}.electrovalve-section li:before{left:0!important}@media(max-width:700px){.electrovalve-section li{padding-right:12px!important}}

.electrovalve-section li{border-bottom:0!important;margin-bottom:0!important}

/* Search icon is an independent, accessible 42px click target above the input. */
#search input{padding-right:48px}#search .button-search{position:absolute;z-index:2;right:0;top:3px;width:42px;height:42px;border:0;border-radius:0;background:transparent;cursor:pointer}#search .button-search:before{content:'';position:absolute;right:10px;top:10px;width:14px;height:14px;border:2px solid var(--cyan);border-radius:100%}#search .button-search:after{right:7px;bottom:12px}#search .button-search:hover:before,#search .button-search:focus-visible:before{border-color:#0085a0}#search .button-search:hover:after,#search .button-search:focus-visible:after{background:#0085a0}