/* Shared responsive layout. Desktop illustration, filters and motion remain in V5. */
.menu-toggle{display:none}
.site-header{position:sticky!important;top:0!important;z-index:80!important}
[data-r-flow=wrap]>*,[data-r-grid]>*,#request-form{min-width:0}
[data-r-scroll]{overscroll-behavior-inline:contain}
[data-touch-control]{touch-action:manipulation}
@media(max-width:1100px){
 body:not([data-page=home]) h1{font-size:clamp(34px,calc(4.6vw / var(--z,1)),54px)!important;line-height:1.12!important;overflow-wrap:normal!important;word-break:normal!important}
 body:not([data-page=home]) h2{font-size:clamp(28px,calc(3.8vw / var(--z,1)),44px)!important;line-height:1.15!important}
 body:not([data-page=home]) section>div{min-width:0}
}
@media(max-width:900px){
 html{scroll-padding-top:88px!important}
 .site-header{grid-template-columns:minmax(0,1fr) auto auto!important;gap:10px!important;padding:12px 20px!important;min-height:70px}
 .site-header>a{min-width:0}
 .site-header img{height:23px!important;max-width:120px}
 .site-header>div{gap:0!important}
 .site-header>div>a:first-child{display:none!important}
 .site-header>div>a:last-child{font-size:12px!important;padding:11px 14px!important;min-height:42px;display:flex;align-items:center}
 .site-header nav{grid-column:1/-1!important;grid-row:auto!important;flex-direction:column!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:0!important;width:100%;overflow:auto!important;max-height:calc(calc(100svh / var(--z,1)) - 80px);padding:8px 0!important}
 .site-header nav a{font-size:14px!important;min-height:48px;padding:14px 20px!important;border-bottom:1px solid #efefef;white-space:normal!important;text-align:left;display:flex;align-items:center}
 .has-menu-js .site-header nav{display:none!important;position:absolute;top:100%;left:0;right:0;margin:0;background:#fff;box-shadow:0 14px 25px rgba(0,0,0,.12)}
 .has-menu-js .site-header[data-menu-open=true] nav{display:flex!important}
 .has-menu-js .menu-toggle{display:flex;align-items:center;gap:9px;justify-self:end;min-height:42px;padding:10px 12px;border:1px solid #d8d7d6;border-radius:24px;background:#fff;color:#0d0d0d;font:500 12px/1 'Golos Text',sans-serif;cursor:pointer}
 .menu-icon{position:relative;width:14px;height:10px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;transition:transform .2s}
 .menu-icon::before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:currentColor;transform:translateY(-50%)}
 .menu-toggle[aria-expanded=true] .menu-icon{transform:rotate(90deg)}
 #request{grid-template-columns:minmax(0,1fr)!important;padding:40px 24px!important;gap:28px!important;border-radius:28px!important}
 #request h2{font-size:30px!important;line-height:1.15!important}
 #request input:not([type=checkbox]):not([type=file]),#request textarea{font-size:16px!important}
 #request [id=contacts]{padding-top:0!important}
 #request-form>div{align-items:flex-start!important;flex-wrap:wrap!important}
 #request-form button{min-height:54px}
 .consent{min-height:40px;max-width:100%}
 [data-page=calculator] [data-screen-label="Расчёт"]>aside,[data-page=article] [data-screen-label="Материал"] aside{position:relative!important;top:auto!important;flex-basis:100%!important;width:100%}
 [data-page=product] [data-screen-label="Карточка"]>div:last-child{flex-direction:column;gap:28px!important}
 [data-r-product=copy]{order:0;flex:1 1 auto!important;width:100%}
 [data-r-product=image]{order:1;flex:1 1 auto!important;width:100%;min-height:320px!important}
 /* The factory photograph and readable company text stack on smaller screens. */
 [data-page=home] [data-home-layout=standard] #about{position:relative!important;top:auto!important}
 [data-page=home] [data-home-layout=standard] #about>div:first-child{min-height:0!important;display:flex!important;flex-direction:column!important;padding-top:clamp(230px,calc(50vw / var(--z,1)),400px)}
 [data-page=home] [data-home-layout=standard] #about>div:first-child>div:first-child{height:clamp(260px,calc(55vw / var(--z,1)),430px);background-size:cover!important;background-position:center!important;mask-image:linear-gradient(#000 65%,transparent 100%)!important;-webkit-mask-image:linear-gradient(#000 65%,transparent 100%)!important;mask-composite:add!important}
 [data-page=home] [data-home-layout=standard] #about>div:first-child>div:last-child{width:100%!important;box-sizing:border-box!important;padding:20px 24px 40px!important}
 [data-page=home] [data-home-layout=standard] #about>div:first-child>div:last-child>div{margin-top:32px!important}
}
@media(max-width:600px){
 html{scroll-padding-top:82px!important}
 .site-header{padding:10px 16px!important;gap:8px!important;min-height:66px}
 .site-header img{height:21px!important;max-width:108px}
 .site-header>div>a:last-child{padding:10px 12px!important;font-size:11px!important;min-height:40px}
 .has-menu-js .menu-toggle{min-height:40px;padding:10px;font-size:11px;gap:6px}
 body:not([data-page=home]) h1{font-size:clamp(26px,calc(7.2vw / var(--z,1)),40px)!important;line-height:1.15!important;letter-spacing:-.045em!important;text-wrap:balance;hyphens:none}
 body:not([data-page=home]) h2{font-size:clamp(24px,calc(6.2vw / var(--z,1)),32px)!important;line-height:1.15!important;overflow-wrap:normal!important;word-break:normal!important}
 [data-r-grid=cards]{grid-template-columns:minmax(0,1fr)!important}
 [data-r-grid=stats]{grid-template-columns:minmax(0,1fr)!important;gap:0!important}
 [data-r-grid=stats]>div{display:flex!important;justify-content:space-between;align-items:baseline;gap:16px!important;border-bottom:1px solid rgba(127,127,127,.15);padding:10px 0}
 [data-r-grid=conditions]{grid-template-columns:minmax(0,1fr)!important}
 [data-r-grid=steps]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 [data-touch-control]{min-height:44px}
 [data-r-hero-image]{flex:1 1 auto!important;width:100%;min-height:250px!important;aspect-ratio:1.18;border-radius:24px!important}
 body:not([data-page=home]) [data-screen-label="Херо"]{gap:24px!important;padding-top:28px!important}
 body:not([data-page=home]) [data-screen-label="Херо"]>div:first-child{gap:20px!important}
 body:not([data-page=home]) section>div>h2,body:not([data-page=home]) section>div>h1{max-width:100%}
 body:not([data-page=home]) section a{max-width:100%}
 [data-page=product] [data-r-product=image]{min-height:270px!important;aspect-ratio:1.1}
 [data-page=product] [data-screen-label="Материалы"]>div:last-child{min-height:320px!important}
 [data-page=product] [data-screen-label="Характеристики и условия"]>div{gap:24px!important}
 [data-page=products] #list a[href^="product.html"]{padding:16px!important}
 [data-page=products] #list a[href^="product.html"] h3{font-size:21px!important;line-height:1.2!important}
 [data-page=products] [data-screen-label="Калькулятор — анонс"]>a{padding:20px!important;margin-left:0!important;gap:20px!important}
 [data-page=products] [data-screen-label="Калькулятор — анонс"]>a>div:last-child{flex-wrap:wrap;gap:16px}
 [data-page=calculator] [data-screen-label="Расчёт"]>div>div,[data-page=calculator] [data-screen-label="Расчёт"]>aside{padding:22px 18px!important;border-radius:24px!important}
 [data-page=calculator] [data-screen-label="Расчёт"] [data-r-flow=wrap]{gap:8px!important}
 [data-page=calculator] input[type=range]{width:100%;min-width:0;min-height:44px}
 [data-page=services] [data-screen-label="Полный цикл"]>div:last-child>div:last-child{min-height:330px!important}
 [data-page=services] #formats [data-r-grid=cards]>div{padding:24px 20px!important}
 [data-page=article] [data-screen-label="Материал"]>div:first-child{min-height:250px!important;aspect-ratio:1.2}
 [data-page=article] [data-screen-label="Материал"] article{gap:24px!important}
 [data-page=article] [data-screen-label="Материал"] article h2{font-size:24px!important}
 [data-page=article] [data-screen-label="Шапка новости"]{gap:22px!important}
 [data-page=news] [data-screen-label="Лента"] a[data-arrbox],[data-page=article] [data-screen-label="Другие новости"] a[href^="article.html"]{min-height:330px!important;aspect-ratio:1!important;width:100%;min-width:0}
 [data-page=news] [data-screen-label="Лента"] a[data-arrbox]>div>div:last-child,[data-page=article] [data-screen-label="Другие новости"] a[href^="article.html"]>div>div:last-child{padding:18px 16px!important;gap:10px!important}
 [data-page=news] [data-screen-label="Лента"] a[data-arrbox] b,[data-page=article] [data-screen-label="Другие новости"] a[href^="article.html"] b{-webkit-line-clamp:3!important;font-size:16px!important;line-height:1.3!important}
 #request{padding:34px 20px!important}
 #request-form{gap:12px!important}
 #request-form>div{flex-direction:column!important;gap:14px!important;margin-top:8px!important}
 #request-form>label{flex-wrap:wrap;gap:8px!important;padding:16px!important}
 #request-form textarea{min-height:140px;resize:vertical!important}
 #file-label{overflow-wrap:anywhere;max-width:100%}
 footer{padding:32px 24px!important;border-radius:28px!important;gap:32px!important}
 footer a{line-height:1.6}
 /* Preserve the hero's animated brand mask and give its copy a phone-sized measure. */
 [data-page=home] [data-home-layout=standard] [data-screen-label="Херо"]{height:650px!important;min-height:540px!important;max-height:none!important}
 [data-page=home] [data-home-layout=standard] [data-screen-label="Херо"]>div:nth-of-type(2){inset:24px 20px 72px!important;padding:0!important;background:none!important;border-radius:0!important}
 [data-page=home] [data-home-layout=standard] [data-screen-label="Херо"] h1{font-size:clamp(24px,calc(6.9vw / var(--z,1)),40px)!important;line-height:1.15!important}
 [data-page=home] [data-home-layout=standard] [data-screen-label="Херо"] p{font-size:16px!important;line-height:1.4!important;max-width:240px}
 [data-page=home] [data-home-layout=standard] [data-screen-label="Херо"]>div:first-child{background-position:61% bottom!important}
 [data-page=home] [data-home-layout=standard] #about>div:first-child>div:last-child{padding:20px 20px 36px!important}
 [data-page=home] [data-home-layout=standard] #about h2{font-size:28px!important}
 [data-page=home] [data-home-layout=standard] #news{margin-left:16px!important;margin-right:16px!important;padding:16px!important}
 [data-page=home] [data-home-layout=standard] #news .news-card{min-height:320px!important}
 [data-page=home] [data-home-layout=standard] #products>div:first-child{padding:28px 22px!important}
 [data-page=home] [data-home-layout=standard] #products h2{font-size:26px!important}
 [data-page=home] [data-home-layout=standard] #products>div:first-child>div:nth-child(2){padding-right:0!important}
 [data-page=home] [data-home-layout=standard] #services>div:last-child>a{flex:0 0 calc(calc(100vw / var(--z,1)) - 56px)!important;min-width:0!important;max-width:360px;scroll-snap-align:start}
 [data-page=home] [data-home-layout=standard] #services h2{font-size:28px!important}
 [data-page=home] [data-home-layout=standard] #industries [data-r-grid=cards]{padding-left:20px!important;padding-right:20px!important}
 [data-page=home] [data-home-layout=standard] #industries>div>div:first-child{font-size:42px!important}
 [data-page=home] [data-home-layout=standard] #quality h2{font-size:28px!important}
 [data-page=home] [data-home-layout=standard] #technology{padding:64px 24px 100px!important;min-height:540px!important}
 [data-page=home] [data-home-layout=standard] #cycle h2{font-size:28px!important}
}
@media(max-width:360px){
 .site-header{gap:6px!important;padding-left:14px!important;padding-right:14px!important}
 .site-header img{height:19px!important;max-width:98px}
 .site-header>div>a:last-child{font-size:10px!important;padding:10px!important}
 .has-menu-js .menu-toggle{padding:10px 9px}
 [data-page=home] [data-home-layout=standard] [data-screen-label="Херо"] h1{font-size:24px!important}
}
@media(max-width:600px){
 [data-page=products] [data-screen-label="Калькулятор — анонс"]>a>div:first-child{flex-wrap:wrap}
}
@media(max-width:600px){
 [data-page=article] article [data-gallery-thumbs]>[data-touch-control]{aspect-ratio:auto!important;min-width:0;min-height:44px}
}
/* Phone scroll audit: keep content present before it reaches the viewport. */
@media(max-width:700px){
 [data-page=home] [data-home-layout=standard] [data-home-spacer]{height:32px!important}
 [data-page=home] [data-home-layout=standard] [data-home-content]{margin-top:0!important}
 [data-page=home] [data-home-layout=standard] #services>div:last-child>a>div:last-child{display:block!important}
 [data-page=home] [data-home-layout=standard] #services>div:last-child>a>div:last-child>div>b{font-size:clamp(17px,calc(4.8vw / var(--z,1)),22px)!important;overflow-wrap:normal}
 [data-page=home] [data-home-layout=standard] #services>div:last-child>a>div:last-child>[data-arr]{position:absolute;right:0;bottom:calc(100% + 18px)}
}
@media(max-width:600px){
 [data-page=quality] #docs a[data-arrbox]>div:first-child{aspect-ratio:auto!important;height:160px}
}
@media(max-width:600px){
 [data-page=news] [data-screen-label="Лента"] a[href^="article.html"],
 [data-page=article] [data-screen-label="Другие новости"] a[href^="article.html"]{min-height:390px!important;aspect-ratio:auto!important}
 [data-page=news] [data-screen-label="Лента"] a[href^="article.html"] b,
 [data-page=news] [data-screen-label="Лента"] a[href^="article.html"] b+span,
 [data-page=article] [data-screen-label="Другие новости"] a[href^="article.html"] b,
 [data-page=article] [data-screen-label="Другие новости"] a[href^="article.html"] b+span{display:block!important;-webkit-line-clamp:unset!important;max-height:none!important;overflow:visible!important}
}
@media(max-width:360px){
 body[data-page=article] [data-screen-label="Шапка новости"] h1{font-size:24px!important}
}
/* Presentation navigation, prominent footer contacts and accessible form controls. */
#footer-contacts{scroll-margin-top:100px;font-size:18px!important;line-height:1.55!important;gap:14px!important}
#footer-contacts>span:first-child{font-size:13px!important;letter-spacing:.1em!important;color:#c7c3c0!important}
#footer-contacts>span:last-child{font-size:18px!important;line-height:1.55!important;color:#e2dfdc!important}
#contacts{font-size:18px!important;line-height:1.5!important}
.consent{max-width:360px;font-size:14px;line-height:1.5;gap:12px;min-height:44px;align-items:flex-start;padding:6px 0}
.consent input{flex:0 0 21px;width:21px;height:21px;margin:1px 0 0;border:1.5px solid #aaa4a2;border-radius:6px;background:rgba(255,255,255,.5);transition:background .18s,border-color .18s,box-shadow .18s}
.consent input:hover{border-color:#8a1e24;box-shadow:0 0 0 3px rgba(138,30,36,.06)}
.consent input:checked{border-color:#8a1e24;background:#8a1e24;box-shadow:0 2px 5px rgba(110,42,39,.14)}
.consent input::before{width:9px;height:5px;border-width:0 0 2px 2px}
.request-formats{border:0;padding:0;margin:4px 0 12px;min-width:0}
.request-formats legend{font:500 16px/1.4 'Golos Text',sans-serif;margin-bottom:14px;padding:0;color:#353130}
.format-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.format-option{display:flex;align-items:flex-start;gap:10px;padding:16px 12px;border:1px solid #ccc7c5;border-radius:18px;background:rgba(255,255,255,.3);cursor:pointer;transition:background .2s,border-color .2s}
.format-option:has(input:checked){border-color:#8a1e24;background:#f4e9e9;box-shadow:inset 0 0 0 1px #8a1e24}
.format-option input{appearance:none;-webkit-appearance:none;flex:0 0 18px;width:18px;height:18px;margin:1px 0 0;border:1.5px solid #a39a97;border-radius:50%;background:#fff;display:grid;place-content:center;cursor:pointer}
.format-option input:checked{border-color:#8a1e24}
.format-option input::before{content:'';width:8px;height:8px;border-radius:50%;background:#8a1e24;transform:scale(0);transition:transform .15s}
.format-option input:checked::before{transform:scale(1)}
.format-option>span{display:flex;flex-direction:column;gap:5px;min-width:0}
.format-option b{font:500 14px/1.35 'Golos Text',sans-serif;color:#352928}
.format-option small{font:400 12px/1.4 'Golos Text',sans-serif;color:#766d69}
@media(max-width:600px){.format-options{grid-template-columns:minmax(0,1fr)}.format-option{padding:15px 16px}.format-option b{font-size:15px}.format-option small{font-size:13px}}

/* Align the desktop logo with the main content and keep navigation consistent. */
@media(min-width:901px){.site-header{padding-left:clamp(20px,calc(4.6vw / var(--z,1)),90px)!important}}
@media(min-width:901px) and (max-width:1320px){
 html{scroll-padding-top:130px}
 .site-header{grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important}
 .site-header nav{grid-column:1/-1;grid-row:2;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:24px!important}
 .site-header nav a{display:flex;align-items:center;min-height:40px}
 .site-header>div{min-height:44px;gap:8px!important}
 .site-header>div>a{font-size:13px!important;padding:11px 15px!important}
}
@media(min-width:1321px){
 .site-header{grid-template-columns:auto minmax(0,1fr) minmax(420px,auto)!important}
 .site-header nav{flex-wrap:nowrap!important;column-gap:clamp(24px,calc(calc(4vw / var(--z,1)) - 28px),56px)!important}
 .site-header>div{gap:20px!important}
}

@media(min-width:901px){.site-header nav,.site-header nav a{font-family:"Golos Text",sans-serif!important;font-size:clamp(12px,calc(1vw / var(--z,1)),14px)!important;font-weight:500!important;letter-spacing:.02em!important;text-transform:uppercase!important}}

/* Keep the language switch in the header on both desktop and phones. */
[data-lang-switch]{display:none}
.kz-i18n [data-lang-switch]{display:inline-flex;align-items:center;flex:none;padding:3px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #c3c8ce}
[data-lang-switch] button{min-width:32px;min-height:30px;border:0;border-radius:999px;background:transparent;color:#1c1f23;font:600 12px/1 'Golos Text',sans-serif;cursor:pointer}
[data-lang-switch] button[aria-pressed=true]{background:#1c1f23;color:#fff}
.kz-i18n [data-lang-switch=mobile]{display:none}
@media(max-width:900px){
 .kz-i18n .site-header>div:not([data-lang-switch]){column-gap:8px!important}
 .site-header>div>a[href="#footer-contacts"]{display:none!important}
}
@media(max-width:700px){
 .kz-i18n body:not([data-page=home]) .site-header{grid-template-columns:minmax(0,1fr) auto 44px auto!important}
 .kz-i18n .site-header>[data-lang-switch=mobile]{display:inline-flex!important}
 .kz-i18n [data-lang-switch]{padding:6px;border-radius:22px}
 [data-lang-switch] button{width:32px;height:32px;border-radius:50%;padding:0}
}
@media(min-width:381px) and (max-width:420px){
 .kz-i18n body:not([data-page=home]) .menu-toggle,
 [data-mobile-menu-toggle]{padding-inline:10px!important;gap:6px!important;font-size:13px!important}
}
@media(max-width:380px){
 .kz-i18n body:not([data-page=home]) .site-header,
 [data-home-layout=mobile] div:has(> [data-mobile-menu-toggle]){column-gap:4px!important}
 .kz-i18n body:not([data-page=home]) .menu-toggle,
 [data-mobile-menu-toggle]{box-sizing:border-box!important;justify-content:center;width:44px!important;padding:0!important}
 .kz-i18n body:not([data-page=home]) .menu-toggle>span:first-child,
 [data-mobile-menu-toggle] [data-menu-label]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
}

@media(min-width:701px){
 .site-header>div>[data-lang-switch]{margin-right:auto}
}
@media(min-width:701px) and (max-width:900px){
 .kz-i18n .site-header>div{min-width:290px}
}
@media(min-width:901px) and (max-width:1320px){
 .kz-i18n .site-header>div{min-width:350px}
}
