/* СТРОИМ ВОЛС — светлая промышленная тема. Собственная реализация в эстетике B2B-каталогов. */
:root{--ink:#193048;--sub:#637588;--blue:#156fc1;--cyan:#0482cf;--line:#e0e9ef;--muted:#f5f8fb;--shadow:0 16px 35px rgba(23,65,94,.09)}
html{scroll-padding-top:100px}body{background:#fff;color:#193048;font-size:14px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #57abeb;outline-offset:3px}
.wrap{max-width:1440px;padding:0 50px}
.announcement{background:#f4f7fa;color:#6b7e8f;letter-spacing:0;font-size:11px;border-bottom:1px solid #e4ebf1}.announcement-inner{min-height:39px}.announcement-domain{display:flex;gap:24px;color:#375775;letter-spacing:0;font-size:11px}.announcement-domain a:hover{color:#1475c6}.announcement-separator{color:#a8b7c4}
.site-header{height:88px;background:#fff;border-bottom:1px solid #e3eaf0;position:sticky;top:0;box-shadow:0 4px 16px rgba(38,78,110,.035)}.header-inner{gap:20px}.brand-mark{transform:rotate(-10deg);background:#106caf;border-radius:13px}.brand-mark i{background:#fff}.brand-mark i:nth-child(2){background:#b8e8ff}.brand-mark i:nth-child(3){background:#77c7ff}.brand-name{font-size:24px;color:#173854}.brand-name>span{color:#177bc4}.brand-name small{font-size:10px;letter-spacing:.12em;color:#8198a9}.header-nav{gap:22px;font-size:13px;color:#2b4157}.header-nav a{white-space:nowrap}.header-nav a:hover{color:#0c72bc}.header-actions{gap:12px}.header-phone{white-space:nowrap;font-weight:850;font-size:14px;line-height:1.2;text-align:right}.header-phone small{display:block;margin-top:5px;font-size:10px;font-weight:450;color:#92a3af}.icon-btn{background:#f4f8fc;border:1px solid #e4edf4;border-radius:9px;padding:12px}.cart-head{border:1px solid #cbdbe8;border-radius:9px;padding:12px 14px;background:#fff}.cart-badge{background:#1177c3}
.hero{background:linear-gradient(115deg,#fff 0%,#f7fbfe 58%,#e9f4fc 100%);color:#132c45;border-bottom:1px solid #e6edf4}.hero-layout{min-height:505px;grid-template-columns:54% 46%}.hero-copy{padding:67px 18px 68px 0}.eyebrow,.eyebrow.light{color:#237cbb;font-size:10px;letter-spacing:.12em}.eyebrow-line{background:#1782c7;width:22px}.hero h1{font-size:clamp(42px,4.15vw,65px);font-weight:840;line-height:1.1;letter-spacing:-.055em;margin:22px 0;max-width:770px}.hero h1 em{color:#157cc4}.hero-copy>p{font-size:15px;line-height:1.85;color:#60788e;max-width:630px}.hero-ctas{gap:12px;margin-top:30px}.btn-primary{background:#1478c7;color:white;border:1px solid #1478c7;min-height:52px;padding:0 21px;border-radius:7px;font-size:12px;box-shadow:0 8px 16px #1179c421;gap:20px}.btn-primary:hover{background:#095f9f;color:#fff}.hero-secondary{border:1px solid #b9d2e7;background:#fff;color:#185784;padding:0 16px;min-height:52px;display:inline-flex;align-items:center;gap:12px;border-radius:7px;font-weight:750}.hero-secondary:hover{background:#e6f4ff;border-color:#85bce1}.hero-secondary span{font-size:16px}.hero-specs{margin-top:42px;gap:10px}.hero-specs>div{padding:0 16px;border-left:2px solid #a3d4f2;gap:5px}.hero-specs strong{font-size:13px;color:#254d69}.hero-specs span{font-size:11px;color:#889bac}
.hero-art{height:502px;overflow:hidden;background:radial-gradient(circle at 54% 51%,#c6e5f9 0%,#ecf7fe 52%,transparent 72%)}.technical-grid{inset:20px;background-image:linear-gradient(#4f9bc315 1px,transparent 1px),linear-gradient(90deg,#4f9bc315 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse,black 20%,transparent 73%)}.hero-schematic{opacity:.95;width:106%;left:-5%;filter:drop-shadow(0 15px 15px #0d63951a)}.schematic-pill{bottom:35px;right:28px;background:#fff;border:1px solid #bed8e9;color:#27648b;font-size:10px;box-shadow:0 7px 25px #2d6b9922;border-radius:7px}.schematic-pill span{background:#1687c5;box-shadow:none}
.category-hub{background:#fff;padding:76px 0 70px}.hub-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.hub-heading h2{font-size:clamp(30px,3vw,43px);letter-spacing:-.04em;margin:12px 0 9px}.hub-heading h2 em{font-style:normal;color:#147bc7}.hub-heading p{font-size:13px;color:#7a8a99;margin:0;line-height:1.7}.hub-all{white-space:nowrap;color:#106fae;font-size:13px;font-weight:750;display:flex;align-items:center;gap:20px}.hub-all span{font-size:20px}.hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hub-card{min-height:163px;border:1px solid #dce8f0;background:linear-gradient(128deg,#fff 0%,#f9fcfe 100%);border-radius:11px;padding:17px 22px;display:flex;flex-direction:column;position:relative;transition:transform .2s,box-shadow .2s,border-color .2s}.hub-card:hover{transform:translateY(-3px);border-color:#76b5de;box-shadow:var(--shadow)}.hub-n{font-size:9px;color:#6a91aa;letter-spacing:.09em;font-weight:850}.hub-symbol{position:absolute;right:19px;top:23px;width:49px;height:49px;display:grid;place-items:center;border-radius:12px;background:#e6f3fd;color:#167bb7;font-weight:750;font-size:29px}.hub-card strong{font-size:18px;letter-spacing:-.025em;margin:24px 0 7px;max-width:80%}.hub-card small{font-size:11px;color:#8496a6}.hub-arrow{position:absolute;bottom:18px;right:22px;font-size:19px;color:#1178bc}
.services-preview{padding:74px 0 85px;background:#f4f8fc;color:#16334d}.services-preview:before{display:none}.services-top{margin-bottom:27px}.services-top h2{font-size:clamp(33px,3.4vw,49px)}.services-top h2 em,.service-tile h3 em{color:#1379bb}.services-intro{color:#6a8294;font-size:13px}.service-tile,.service-tile.construction{background:#fff;border:1px solid #dae6ed;box-shadow:0 10px 25px #255b7a0c;border-radius:10px;min-height:325px;padding:24px 27px 28px}.service-tile:hover{border-color:#5ca8d8;box-shadow:0 20px 38px #276d9820}.s-top,.service-tag{color:#247eae}.s-art{background:linear-gradient(100deg,#edf6fc,transparent);border-radius:8px;height:85px;margin-top:13px}.s-art svg{height:125px;opacity:.7}.service-tile h3{font-size:26px;color:#183d5c}.service-tile p{color:#6c8494;font-size:13px}.service-link{color:#126dad;border-top:1px solid #e1edf4}.service-link b{color:#157ec2}
.scope-strip{background:#fff;border-top:1px solid #ecf1f5;border-bottom:1px solid #ecf1f5}.scope-inner{color:#355b75;min-height:62px}.scope-label{color:#97a6b2}
.catalog{background:#fff;padding:80px 0 85px}.section-top h2{font-size:clamp(34px,3.6vw,50px)}.section-top h2 em{color:#1479bd}.section-description{color:#71879a;font-size:13px}.catalog-tools{margin-top:31px}.tab{font-size:12px;border-radius:7px}.tab.active{background:#e5f3fe;color:#096cba}.search-box{width:280px;height:46px;border-radius:7px}.catalog-note{background:#fff8e9;border-left-color:#d09f30;color:#765e36;border-radius:0 7px 7px 0}.catalog-note b{color:#684d20}.notice-mark{border-color:#ba9a51}.product-grid{gap:20px}.product-card{border:1px solid #dee7ee;border-radius:11px}.product-card:hover{box-shadow:0 15px 35px #155b8d18}.product-visual{height:210px;background:#f2f7fb}.product-visual::after{border-color:#bdd8e41d}.product-meta{min-height:184px}.product-title{font-size:13px}.product-cat{color:#61829b}.product-price{font-size:19px;color:#145887}.quick-add{border-radius:7px;background:#147bc6;color:white;border-color:#147bc6}.quick-add:hover{background:#075f9b}.product-desc{color:#7b91a2}.empty-state{border:1px dashed #cfdeeb;border-radius:10px}
.benefits{background:#f5f9fc}.benefits-cards article{border-top:2px solid #b8d7eb}.benefit-icon{color:#137cbd}.benefits-cards h3{font-size:14px}.benefits-cards p{font-size:12px}
.callback-section{background:#f0f7fc;color:#173e59;border-top:1px solid #dae8f1;padding:77px 0}.callback-layout h2 em{color:#117cc1}.callback-layout p{color:#70899c}.call-links{color:#136ca6}.callback-layout form{background:#fff;border:1px solid #d8e7f1;box-shadow:0 20px 45px #246a9b0e;padding:30px}.callback-layout form>label{color:#557087;font-size:12px}.callback-layout input:not([type=checkbox]){background:#f9fbfd;color:#1a3850;border-color:#d2e1eb}.callback-layout .callback-consent{color:#6b8192}.callback-consent a{color:#116fae}.callback-layout .callback-feedback{color:#376480}
.editorial{background:#fff;border-top:1px solid #e8eff4}.editorial p{color:#71899d}.outline-btn{border-color:#a4c8e0;color:#176ea7}.outline-btn:hover{background:#edf8fe}
footer{background:#14354f;color:#f1f9ff}.footer-top{padding-top:55px;padding-bottom:45px}.footer-top p{color:#c1d0da}.footer-brand .brand-name small{color:#bad1df}.footer-bottom{border-top-color:#446176;color:#b4cbda}.footer-top a:not(.brand){color:#d1e4ec}.cart-drawer{border-left:1px solid #dce7ee}
@media(max-width:1270px){.wrap{padding:0 28px}.header-nav{gap:12px}.header-phone{display:none}.hero-layout{grid-template-columns:56% 44%}.hero h1{font-size:48px}.hero-ctas{gap:8px}.hero-secondary,.btn-primary{padding-left:13px;padding-right:13px;font-size:11px}}
@media(max-width:920px){.hero-layout{grid-template-columns:1fr}.hero-copy{padding-top:53px;padding-bottom:8px}.hero-art{height:300px}.hero-schematic{width:100%;height:100%}.hub-grid{grid-template-columns:repeat(2,1fr)}.header-nav{display:none}}
@media(max-width:640px){.wrap{padding:0 18px}.announcement-inner{min-height:34px;font-size:9px}.announcement-inner .top-location,.announcement-separator{display:none}.announcement-domain{margin-left:auto}.announcement-domain a:first-child{display:none}.announcement-domain a{font-size:10px}.site-header{height:68px}.header-phone{display:none}.brand-name{font-size:19px}.hero-copy{padding:45px 0 10px}.hero h1{font-size:clamp(36px,10vw,50px)}.hero-copy>p{font-size:13px}.hero-ctas{flex-direction:column;align-items:stretch}.hero-ctas a{justify-content:space-between;font-size:12px;min-height:46px}.hero-specs{flex-wrap:wrap}.hero-specs>div{width:calc(50% - 8px)}.hero-art{height:250px}.hero-schematic{width:100%;min-width:320px}.schematic-pill{bottom:13px;right:5px}.category-hub{padding:54px 0}.hub-heading{align-items:start;flex-direction:column;gap:12px}.hub-grid{grid-template-columns:1fr 1fr;gap:10px}.hub-card{min-height:150px;padding:13px}.hub-symbol{right:12px;top:15px;font-size:22px;width:36px;height:36px}.hub-card strong{font-size:14px;max-width:100%;margin-top:29px}.hub-card small{font-size:10px;max-width:90%}.hub-arrow{right:12px;bottom:10px}.services-preview{padding:52px 0}.service-tile{min-height:320px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-tools{gap:11px}.catalog-right{flex-wrap:wrap}.search-box{width:100%}.callback-layout form{padding:19px}.editorial{padding:55px 0}.footer-top{grid-template-columns:1fr}.footer-top>div:first-child{grid-column:auto}}
@media(max-width:390px){.hub-grid{grid-template-columns:1fr}.hub-card{min-height:130px}.hero-specs>div{width:100%}.brand-name{font-size:16px}.cart-head{padding:8px}}

.mobile-menu{display:none;flex-shrink:0;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #d5e5ee;background:#fff;border-radius:8px;color:#1d668f;font-size:22px;line-height:1}
@media(max-width:920px){.mobile-menu{display:flex;order:2}.header-nav.is-open,.site-head nav.is-open{display:flex!important;position:absolute;top:100%;left:0;right:0;z-index:99;flex-direction:column;align-items:stretch;gap:0!important;padding:8px 18px 18px;background:#fff;border-top:1px solid #e0e9f0;border-bottom:1px solid #cfe2ee;box-shadow:0 18px 30px #163f6022}.header-nav.is-open a,.site-head nav.is-open a{color:#244b67;padding:13px 8px;border-bottom:1px solid #eef2f5;font-size:14px}.header-actions{gap:7px}.header-inner{position:relative}.site-head nav{display:none}}

.checkout-consent{display:flex!important;align-items:flex-start;gap:9px;margin:13px 0;font-size:12px;line-height:1.5;color:#42566c}.checkout-consent input{width:16px!important;height:16px!important;min-width:16px;margin-top:1px}.checkout-consent a{color:#0874b5;text-decoration:underline}