/* Start:/local/templates/light/css/tokens.min.css?17915381922588*/
:root{--fs-green:#14683F;--fs-green-press:#0E4A2E;--fs-green-tint:#EAF2EC;--fs-amber:#E8A33D;--fs-ink:#1A1D1B;--fs-ink-2:#5C6660;--fs-paper:#F5F7F3;--fs-white:#FFFFFF;--fs-line:#E3E7E3;--fs-graphite:#22282A;--fs-error:#B3341F;--fs-link:var(--fs-green-press);--fs-ok-bg:var(--fs-green-tint);--fs-ok-text:var(--fs-green-press);--fs-warn-bg:#FBF0DC;--fs-warn-text:#7A4E0C;--fs-bad-bg:#F8E3DF;--fs-bad-text:var(--fs-error);--fs-font-head:'Onest', 'Onest Fallback', 'Helvetica Neue', Arial, sans-serif;--fs-font-body:'Golos Text', 'Golos Fallback', 'Helvetica Neue', Arial, sans-serif;--fs-text:17px;--fs-text-lh:1.55;--fs-text-small:14px;--fs-h1:40px;--fs-h1-lh:1.15;--fs-h2:28px;--fs-h2-lh:1.2;--fs-h3:20px;--fs-h3-lh:1.3;--fs-radius:8px;--fs-radius-card:16px;--fs-radius-mark:9px;--fs-control:48px;--fs-control-mobile:44px;--fs-shadow:0 1px 2px rgba(26, 29, 27, 0.06), 0 8px 24px rgba(26, 29, 27, 0.06)}@font-face{font-family:onest fallback;src:local('Arial'),local('ArialMT'),local('Roboto');font-weight:100 499;size-adjust:103.4%;ascent-override:95.1%;descent-override:29.9%;line-gap-override:0%}@font-face{font-family:onest fallback;src:local('Arial'),local('ArialMT'),local('Roboto');font-weight:500 599;size-adjust:104.7%;ascent-override:95.1%;descent-override:29.9%;line-gap-override:0%}@font-face{font-family:onest fallback;src:local('Arial Bold'),local('Arial-BoldMT'),local('Roboto Bold'),local('Roboto-Bold');font-weight:600 900;size-adjust:99.2%;ascent-override:95.1%;descent-override:29.9%;line-gap-override:0%}@font-face{font-family:golos fallback;src:local('Arial'),local('ArialMT'),local('Roboto');font-weight:100 499;size-adjust:105.8%;ascent-override:93.8%;descent-override:21%;line-gap-override:0%}@font-face{font-family:golos fallback;src:local('Arial'),local('ArialMT'),local('Roboto');font-weight:500 599;size-adjust:106.5%;ascent-override:93.8%;descent-override:21%;line-gap-override:0%}@font-face{font-family:golos fallback;src:local('Arial Bold'),local('Arial-BoldMT'),local('Roboto Bold'),local('Roboto-Bold');font-weight:600 900;size-adjust:100%;ascent-override:93.8%;descent-override:21%;line-gap-override:0%}@font-face{font-family:onest;src:url(/local/templates/light/css/../fonts/onest-var.woff2)format('woff2-variations');font-weight:100 900;font-display:optional}@font-face{font-family:golos text;src:url(/local/templates/light/css/../fonts/golos-text-var.woff2)format('woff2-variations');font-weight:400 900;font-display:optional}html.fg-font-fallback{--fs-font-body:'Golos Fallback', 'Helvetica Neue', Arial, sans-serif}html.fg-head-fallback{--fs-font-head:'Onest Fallback', 'Helvetica Neue', Arial, sans-serif}
/* End */


/* Start:/local/templates/light/css/theme.min.css?17915608644518*/
:root{color-scheme:light;--fs-surface:var(--fs-white);--fs-on-accent:#1A1D1B;--fs-on-action:var(--fs-white);--fs-error-solid:#B3341F;--fs-action:var(--fs-green);--fs-action-hover:var(--fs-green-press)}html[data-fg-theme=dark]{color-scheme:dark;--fs-green:#76C79A;--fs-green-press:#A0DEC0;--fs-green-tint:#243B2D;--fs-ink:#EDF2EC;--fs-ink-2:#BAC7BC;--fs-paper:#141A17;--fs-surface:#202A24;--fs-line:#43564A;--fs-error:#FF9C8B;--fs-action:#238153;--fs-action-hover:#287C50;--fs-warn-bg:#3C3020;--fs-warn-text:#F3C77D;--fs-bad-bg:#452A26;--fs-bad-text:#FFAD9F;--fs-shadow:0 1px 2px rgba(0,0,0,.2), 0 8px 24px rgba(0,0,0,.2)}.fg-theme-toggle .fg-theme-sun{display:none}.svg-inline-down svg{fill:currentColor}.svg-inline-filter svg [stroke="#000"]{stroke:currentColor}html[data-fg-theme=dark] .fg-theme-toggle .fg-theme-moon{display:none}html[data-fg-theme=dark] .fg-theme-toggle .fg-theme-sun{display:block}html[data-fg-theme=dark] .partners-list__logo,html[data-fg-theme=dark] .partners-detail__logo,html[data-fg-theme=dark] .clients__item{background:#dce5de;border-radius:var(--fs-radius)}html[data-fg-theme=dark] .partners-list__logo img,html[data-fg-theme=dark] .partners-detail__logo img,html[data-fg-theme=dark] .clients__item img{padding:8px}img[src*="/images/vectors/monochrome/"]{filter:brightness(0)}html[data-fg-theme=dark] img[src*="/images/vectors/monochrome/"]{filter:brightness(0)invert(1)}.gslide-image:has(>img[src*="/images/vectors/monochrome/"]){background:var(--fs-surface)}.glightbox-container:has(.gslide.current .gslide-image>img[src*="/images/vectors/monochrome/"])>.goverlay{background:var(--fs-surface)}html:not([data-fg-theme=dark]) .glightbox-container:has(.gslide.current .gslide-image>img[src*="/images/vectors/monochrome/"]) .gbtn{background-color:rgba(0,0,0,.75)}.glightbox-container .gslide:not(.zoomed) .ginner-container:has(>.gslide-image){display:grid;box-sizing:border-box;padding-top:12px;grid-template-rows:minmax(0,1fr)auto;grid-template-columns:minmax(0,1fr);width:100vw;height:100vh;height:100dvh;max-width:none}.glightbox-container .gslide:not(.zoomed) .gslide-image{grid-row:1;width:100%;height:100%;min-height:0;box-shadow:none}.glightbox-container .gslide:not(.zoomed) .gslide-image img{width:auto;height:100%;min-width:0;max-width:100%;max-height:100%;object-fit:contain}.glightbox-container .ginner-container:has(>.gslide-image) .gslide-description{grid-row:2;position:static;width:100%;max-width:100%;max-height:20vh;max-height:20dvh;overflow:auto;background:var(--fs-surface);color:var(--fs-ink);padding:0}.glightbox-container .ginner-container:has(>.gslide-image) .gdesc-inner{box-sizing:border-box;max-height:20vh;max-height:20dvh;overflow:auto;padding:10px 48px}.glightbox-container .ginner-container:has(>.gslide-image) .gslide-title{color:inherit;margin:0;font-size:14px}@media(min-width:769px) and (hover:hover) and (pointer:fine){.glightbox-container .gslide:not(.zoomed) .gslide-image{pointer-events:none}.glightbox-container .gslide:not(.zoomed) .gslide-image img{pointer-events:auto}}.glightbox-container .ginner-container:has(>.gslide-image) .gslide-desc,.glightbox-container .ginner-container:has(>.gslide-image) .gslide-desc a{color:inherit}.glightbox-container .ginner-container:has(>.gslide-image) .gslide-desc .desc-more{color:inherit;opacity:1}html[data-fg-theme=dark] body:not(.glightbox-mobile) .glightbox-clean .gslide-description{background:var(--fs-surface)}html[data-fg-theme=dark] body:not(.glightbox-mobile) .glightbox-clean .gslide-title,html[data-fg-theme=dark] body:not(.glightbox-mobile) .glightbox-clean .gslide-desc{color:var(--fs-ink)}@media print{html[data-fg-theme] img[src*="/images/vectors/monochrome/"]{filter:brightness(0)}}#calc-pdf-template{--fs-green:#14683F;--fs-green-press:#0E4A2E;--fs-green-tint:#EAF2EC;--fs-amber:#E8A33D;--fs-ink:#1A1D1B;--fs-ink-2:#5C6660;--fs-paper:#F5F7F3;--fs-surface:#FFFFFF;--fs-line:#E3E7E3;--fs-graphite:#22282A;--fs-error:#B3341F;--fs-action:#14683F;--fs-action-hover:#0E4A2E;--fs-warn-bg:#FBF0DC;--fs-warn-text:#7A4E0C;--fs-bad-bg:#F8E3DF;--fs-bad-text:#B3341F;color-scheme:light}@media print{:root,html[data-fg-theme=dark]{--fs-green:#14683F;--fs-green-press:#0E4A2E;--fs-green-tint:#EAF2EC;--fs-amber:#E8A33D;--fs-ink:#1A1D1B;--fs-ink-2:#5C6660;--fs-paper:#F5F7F3;--fs-surface:#FFFFFF;--fs-line:#E3E7E3;--fs-graphite:#22282A;--fs-error:#B3341F;--fs-action:#14683F;--fs-action-hover:#0E4A2E;--fs-warn-bg:#FBF0DC;--fs-warn-text:#7A4E0C;--fs-bad-bg:#F8E3DF;--fs-bad-text:#B3341F;color-scheme:light}}
/* End */


/* Start:/local/templates/light/css/header.min.css?179150701616931*/
.fg-header{position:sticky;top:0;z-index:1000;background:var(--fs-paper);color:var(--fs-ink);font:15px/1.45 var(--fs-font-body);transition:transform .3s ease-in-out}.fg-header.header-hidden{transform:translateY(-100%)}.fg-header.fg-header-open{transform:none}.fg-header *,.fg-header *::before,.fg-header *::after{box-sizing:border-box}.fg-header a{color:inherit;text-decoration:none}.fg-header button{font:inherit;color:inherit;background:0 0;border:0;cursor:pointer}.fg-header a,.fg-header button{min-width:44px}.fg-header a:focus-visible,.fg-header button:focus-visible,.fg-header input:focus-visible{outline:2px solid var(--fs-green);outline-offset:3px}.fg-header a:hover,.fg-header button:hover{color:var(--fs-green-press)}.fg-headbar{display:flex;align-items:center;gap:12px;max-width:1440px;min-height:72px;margin:0 auto;padding:12px 24px}@supports selector(:has(+ *)){.fg-headbar:not(:has(+.fg-menu-shade)){visibility:hidden}}.fg-header-logo{display:flex;align-items:center;flex-shrink:0;gap:12px;min-height:44px}.fg-header-logo>svg{flex:0 0 40px;width:40px;height:40px}.fg-header-logo>span{font:500 22px/1.2 var(--fs-font-body);letter-spacing:-.01em;white-space:nowrap}html[data-fg-theme=dark] .fg-header-logo>svg rect{fill:#fff}html[data-fg-theme=dark] .fg-header-logo>svg path[stroke]{stroke:#14683f}html[data-fg-theme=dark] .fg-header-logo>svg path[fill]:not([fill=none]){fill:#14683f}@media(min-width:1440px){.fg-header-logo{margin-right:16px}}.fg-desktop-nav{display:flex;align-items:center;justify-content:center;gap:6px;margin-right:auto}.fg-desktop-nav .fg-nav-item>a{display:flex;align-items:center;position:relative;min-height:44px;padding:0;white-space:nowrap;font:600 15px/1.3 var(--fs-font-head)}.fg-desktop-nav .fg-nav-active{color:var(--fs-green)}.fg-desktop-nav .fg-nav-active::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:currentColor}.fg-nav-item{display:flex;align-items:center;position:relative}.fg-header .fg-nav-item>button{display:flex;align-items:center;justify-content:center;min-width:24px;width:24px;height:44px;padding:0;flex-shrink:0}.fg-nav-item>button[aria-expanded=true]>svg{transform:rotate(180deg)}.fg-header-contact--bar{display:flex;align-items:center;gap:18px;flex-shrink:0}.fg-header-regions{display:flex;align-items:center;gap:8px;color:var(--fs-ink-2);font-size:14px;white-space:nowrap}.fg-header-regions>*{display:inline-flex;align-items:center;justify-content:center;min-height:44px}.fg-header-regions>a{min-width:44px}.fg-header-regions a{text-decoration:underline;text-underline-offset:3px}.fg-header-phone{display:flex;align-items:center;min-height:44px;font:700 18px/1.3 var(--fs-font-head);white-space:nowrap}.fg-header-phone>svg{display:none}.fg-header-actions{display:flex;flex-shrink:0;gap:0}.fg-header .fg-icon-button{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0}.fg-header-basket{position:relative}.fg-basket-count{position:absolute;top:-1px;right:-1px;min-width:19px;height:19px;padding:0 4px;background:var(--fs-action,var(--fs-green));color:var(--fs-white);border-radius:10px;font:600 12px/19px var(--fs-font-head);text-align:center}.fg-header .fg-header-calculate{display:flex;align-items:center;justify-content:center;min-height:44px;flex-shrink:0;padding:10px 18px;border-radius:var(--fs-radius);color:var(--fs-white);background:var(--fs-action,var(--fs-green));font:700 14px/1.3 var(--fs-font-head);white-space:nowrap}.fg-header .fg-header-calculate:hover{color:var(--fs-white);background:var(--fs-action-hover,var(--fs-green-press))}.fg-header .fg-burger,.fg-mobile-levelbar{display:none}.fg-menu-shade{position:fixed;top:var(--fg-header-bottom,80px);right:0;bottom:0;left:0;background:rgba(26,29,27,.35)}.fg-navigation{pointer-events:none;position:absolute;top:100%;left:max(24px,calc((100vw - 1296px)/2));right:max(24px,calc((100vw - 1296px)/2))}.fg-menu-panel{pointer-events:auto;position:relative;max-height:calc(100dvh - var(--fg-header-bottom,80px) - 24px);overflow-y:auto;overscroll-behavior:contain;background:var(--fs-surface,var(--fs-white));border-radius:0 0 var(--fs-radius-card)var(--fs-radius-card);box-shadow:0 24px 48px rgba(26,29,27,.18)}.fg-materials{display:grid;grid-template-columns:300px minmax(0,1fr)}.fg-material-rail{padding:20px 16px;background:var(--fs-paper);border-right:1px solid var(--fs-line)}.fg-header-search{position:relative;display:flex;align-items:center;margin-bottom:10px}.fg-header-search input{width:100%;height:48px;padding:10px 10px 10px 40px;border:1px solid var(--fs-ink-2);border-radius:var(--fs-radius);background:var(--fs-surface,var(--fs-white));font:14px/1.4 var(--fs-font-body);color:var(--fs-ink)}.fg-header-search input::placeholder{color:var(--fs-ink-2);opacity:1}.fg-header-search>button{position:absolute;left:0;top:2px;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.fg-material-tabs{display:flex;flex-direction:column;gap:2px}.fg-material-tabs>button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:9px 14px;border-radius:var(--fs-radius);text-align:left}.fg-material-tabs>button[aria-expanded=true],.fg-material-tabs>button:hover{background:var(--fs-green-tint);color:var(--fs-green-press)}.fg-material-tabs>button[aria-expanded=true]{font-weight:600}.fg-all-materials{display:flex;align-items:center;min-height:44px;margin-top:10px;padding:8px 14px}.fg-header .fg-all-materials,.fg-material-calculate a{color:var(--fs-green-press);text-decoration:underline;text-underline-offset:3px}.fg-material-content{min-width:0;padding:24px 32px 28px}.fg-category-all{display:flex;align-items:center;min-height:44px;margin-bottom:14px;font:700 20px/1.4 var(--fs-font-head)}.fg-material-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}.fg-material-links>a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:8px 0}.fg-material-brands{margin-top:20px;padding-top:16px;border-top:1px solid var(--fs-line)}.fg-menu-label{color:var(--fs-ink);font:700 14px/1.4 var(--fs-font-head);text-transform:uppercase;letter-spacing:.03em;margin-bottom:10px}.fg-brand-chips{display:flex;flex-wrap:wrap;gap:8px}.fg-brand-chips>a,.fg-header-messengers>a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid var(--fs-line);border-radius:var(--fs-radius);background:var(--fs-surface,var(--fs-white));font-size:14px}.fg-material-calculate{display:flex;align-items:center;gap:16px;margin-top:20px;padding:14px 18px;border-radius:var(--fs-radius);background:var(--fs-green-tint)}.fg-material-calculate>span{margin-right:auto}.fg-material-calculators{flex-shrink:0}.fg-material-calculators .fg-menu-label{margin-bottom:0}.fg-material-calculate a{flex-shrink:0;display:flex;align-items:center;min-height:44px;font-weight:600;font-size:14px}.fg-installation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))280px}.fg-install-column:empty{display:none}.fg-installation:has(>.fg-install-column:empty){grid-template-columns:repeat(3,minmax(0,1fr))280px}.fg-install-column{padding:24px 22px 28px}.fg-install-group+.fg-install-group{margin-top:18px}.fg-install-column a{display:flex;align-items:center;min-height:44px;padding:8px 0}.fg-install-next{padding:24px 28px 28px;border-left:1px solid var(--fs-line);background:var(--fs-paper)}.fg-install-next p{margin:0 0 14px}.fg-install-next .fg-header-calculate{width:100%}.fg-install-calculators{margin-top:14px;font-size:14px;color:var(--fs-ink-2)}.fg-install-calculators a{display:inline-block;min-height:44px;padding-top:12px;text-decoration:underline;text-underline-offset:3px}.fg-header .fg-install-all{color:var(--fs-green-press);text-decoration:underline;text-underline-offset:3px}.fg-compact-menu{width:340px;margin-left:0;padding:14px 20px}.fg-compact-menu>a{display:flex;align-items:center;min-height:44px;padding:10px 0}@media(max-width:1439px){.fg-headbar{gap:12px;padding-right:24px;padding-left:24px}.fg-desktop-nav{gap:4px}.fg-header-logo>span{display:none}}@media(min-width:768px) and (max-width:1279px){:root{--fg-header-anchor-offset:124px}.fg-headbar{display:grid;grid-template-columns:minmax(0,1fr)auto auto auto;gap:4px 12px;padding:8px 16px 0}.fg-header-logo>span{display:inline}.fg-desktop-nav{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:8px;margin:0;border-top:1px solid var(--fs-line)}.fg-header-phone{font-size:16px}.fg-header .fg-header-calculate{padding-left:12px;padding-right:12px}.fg-navigation{left:16px;right:16px}.fg-materials{grid-template-columns:260px minmax(0,1fr)}.fg-material-content{padding:20px}.fg-material-links{grid-template-columns:repeat(2,minmax(0,1fr))}.fg-installation{grid-template-columns:repeat(4,minmax(0,1fr))}.fg-installation:has(>.fg-install-column:empty){grid-template-columns:repeat(3,minmax(0,1fr))}.fg-install-next{grid-column:1/-1;border-left:0;border-top:1px solid var(--fs-line)}.fg-install-next .fg-header-calculate{width:auto}}@media(min-width:768px) and (max-width:1023px){.fg-headbar{column-gap:8px}.fg-header-logo{gap:8px}.fg-header-logo>span{font-size:20px}.fg-materials{grid-template-columns:220px minmax(0,1fr)}.fg-installation{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.fg-headbar{height:56px;min-height:56px;padding:6px 12px;gap:6px}.fg-header .fg-burger{display:inline-flex}.fg-header-logo{gap:8px;margin-right:auto;min-width:0}.fg-header-logo>svg{flex-basis:32px;width:32px;height:32px}.fg-header-logo>span{display:inline;font-size:20px}.fg-header .fg-desktop-nav,.fg-headbar>.fg-header-calculate,.fg-header .fg-header-user,.fg-header-contact--bar .fg-header-regions,.fg-header-contact--bar .fg-header-phone>span{display:none}.fg-header-contact--bar .fg-header-phone{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--fs-green)}.fg-header-contact--bar .fg-header-phone>svg{display:block}.fg-header-actions{margin-left:0}.fg-mobile-levelbar{position:absolute;inset:0;display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--fs-surface,var(--fs-white))}.fg-mobile-level-title{flex:1;min-width:0;font:600 17px/1.2 var(--fs-font-head)}.fg-menu-shade{display:none}.fg-navigation{pointer-events:auto;position:fixed;inset:56px 0 0;height:calc(100dvh - 56px);background:var(--fs-surface,var(--fs-white));overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(144px + env(safe-area-inset-bottom,0px))}.fg-mobile-root{display:flex;flex-direction:column}.fg-mobile-root .fg-nav-item{border-bottom:1px solid var(--fs-line)}.fg-mobile-root .fg-nav-item>a{flex:1;min-height:54px;padding:12px 16px;font:600 17px/1.4 var(--fs-font-head)}.fg-mobile-root .fg-nav-item>button{width:54px;min-width:54px;height:54px;border-left:1px solid var(--fs-line)}.fg-mobile-root .fg-nav-item>button>svg{transform:rotate(-90deg)}.fg-mobile-root>a,.fg-mobile-root>button,.fg-compact-menu>a{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:12px 16px;border-bottom:1px solid var(--fs-line);font:600 17px/1.4 var(--fs-font-head);text-align:left}.fg-material-tabs>button::after,.fg-category-all::after{content:'›';content:'›'/'';font:26px/1 var(--fs-font-body);color:var(--fs-ink-2)}.fg-drawer-contacts{padding:18px 16px 24px;background:var(--fs-paper)}.fg-header-contact--drawer .fg-header-phone{font-size:22px}.fg-header-contact--drawer p{margin:14px 0;color:var(--fs-ink-2);font-size:14px}.fg-header-messengers{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.fg-header .fg-drawer-login{display:inline-flex;min-height:44px;align-items:center;text-decoration:underline}.fg-menu-panel{max-height:none;overflow:visible;border-radius:0;box-shadow:none}.fg-materials{display:block}.fg-material-rail{padding:0;border:0;background:var(--fs-surface,var(--fs-white))}.fg-header-search{margin:12px 16px}.fg-header-search input{height:52px;font-size:16px}.fg-header-search>button{width:44px;top:4px}.fg-material-tabs{gap:0}.fg-material-tabs>button{min-height:54px;border-bottom:1px solid var(--fs-line);border-radius:0;padding:12px 16px;font:17px/1.4 var(--fs-font-body)}.fg-all-materials{margin:0;padding:12px 16px;min-height:54px;font-size:17px}.fg-material-content{display:none;padding:0}.fg-materials.fg-material-detail .fg-material-rail{display:none}.fg-materials.fg-material-detail .fg-material-content{display:block}.fg-category-all{display:flex;justify-content:flex-start;align-items:center;gap:0;min-height:54px;padding:12px 16px;margin:0;background:var(--fs-green-tint);font:600 17px/1.4 var(--fs-font-head)}.fg-header .fg-category-all{color:var(--fs-green-press)}.fg-category-all::before{content:'Все:\00a0'}.fg-category-all::after{margin-left:auto;padding-left:12px}.fg-material-links{display:block}.fg-material-links>a{min-height:54px;padding:12px 16px;border-bottom:1px solid var(--fs-line);font-size:17px}.fg-material-links>a::after{content:attr(data-count);font-size:14px;color:var(--fs-ink-2)}.fg-material-brands{margin:0;border:0;padding:18px 16px}.fg-material-calculate{flex-wrap:wrap;gap:4px 12px;margin:0 16px 16px;padding:14px}.fg-material-calculate>span{width:100%}.fg-installation{display:block}.fg-install-column{padding:16px 16px 0}.fg-install-column:empty{display:none}.fg-install-column a{min-height:52px;padding:12px 0;border-bottom:1px solid var(--fs-line);font-size:17px}.fg-install-next{margin-top:16px;padding:20px 16px;border-left:0}.fg-compact-menu{width:auto;margin:0;padding:0}body.fg-drawer-open .fgcta,body.fg-drawer-open .fgcta-toggle{z-index:1001}}@media(max-width:359px){.fg-headbar,.fg-mobile-levelbar{padding-left:4px;padding-right:4px;gap:2px}.fg-header-logo{gap:6px}.fg-header-logo>span{font-size:18px}.fg-mobile-level-title{font-size:16px}}@media(prefers-reduced-motion:reduce){.fg-header{transition:none}}.fg-material-calculate{display:block}.fg-material-calculators{margin-top:16px}.fg-calculator-cards{display:grid;gap:10px}.fg-material-calculators .fg-calculator-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.fg-header .fg-calculator-card{display:flex;align-items:center;gap:12px;padding:8px;min-width:0;border:1px solid var(--fs-line);border-radius:var(--fs-radius);background:var(--fs-surface,var(--fs-white));color:var(--fs-green-press);font:600 14px/1.4 var(--fs-font-head);text-decoration:none}.fg-header .fg-calculator-card:hover{border-color:var(--fs-green);background:var(--fs-green-tint)}.fg-calculator-card>img{flex:0 0 72px;width:72px;height:54px;object-fit:contain;border-radius:4px}.fg-calculator-card>span{text-decoration:underline;text-underline-offset:3px}.fg-install-calculators{margin-top:24px}@media(max-width:575px){.fg-material-calculators .fg-calculator-cards{grid-template-columns:1fr}}.fg-header .fg-header-messenger--telegram{color:#1686bc}@media(min-width:768px){.fg-header-contact--bar{flex-direction:column;gap:0}.fg-header-contact--bar .fg-header-regions>*,.fg-header-contact--bar .fg-header-phone{min-height:24px}}.fg-header.fg-header-contact-open{transform:none}.fg-phone-control{display:flex;align-items:center}.fg-contact-menu{position:relative}.fg-contact-menu>summary{display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;padding:0;list-style:none;cursor:pointer}.fg-contact-menu>summary::-webkit-details-marker{display:none}.fg-contact-menu>summary:focus-visible{outline:2px solid var(--fs-green);outline-offset:3px}.fg-contact-menu>summary:hover,.fg-contact-menu[open]>summary{color:var(--fs-green-press)}.fg-contact-menu[open] .fg-phone-chevron{transform:rotate(180deg)}.fg-contact-menu:not([open])>.fg-contact-options{display:none}.fg-phone-symbol{display:none}.fg-contact-options{position:absolute;top:calc(100% + 12px);right:0;z-index:2;min-width:220px;padding:8px;background:var(--fs-surface,var(--fs-white));border:1px solid var(--fs-line);border-radius:var(--fs-radius);box-shadow:0 12px 28px rgba(26,29,27,.14)}.fg-header .fg-contact-options>a{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;border-radius:var(--fs-radius);white-space:nowrap;font:500 16px/1.3 var(--fs-font-body)}.fg-contact-options>a:hover{background:var(--fs-green-tint)}.fg-contact-options>a>svg{flex-shrink:0}.fg-contact-options .fg-header-messenger>span{color:var(--fs-ink)}@media(max-width:767px){.fg-header-contact--bar .fg-phone-control--multiple>.fg-header-phone{display:none}.fg-phone-menu>summary{width:44px;height:44px;color:var(--fs-green)}.fg-phone-symbol{display:block}.fg-phone-chevron{display:none}.fg-contact-options{position:fixed;top:56px;right:12px;max-width:calc(100vw - 24px)}}@media(max-width:430px){.fg-headbar{padding-left:6px;padding-right:6px;gap:4px}.fg-header-logo>span{font-size:18px}}@media(max-width:379px){.fg-header-logo>span{font-size:16px}}@media(max-width:359px){.fg-header-logo>span{display:none}}
/* End */


/* Start:/local/templates/light/css/grid.min.css?17899260722367*/
.container{--bs-gutter-x:1.5rem;--bs-gutter-y:0;margin-right:auto;margin-left:auto;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);width:100%}@media(min-width:576px){.container{max-width:540px}}@media(min-width:768px){.container{max-width:720px}}@media(min-width:992px){.container{max-width:960px}}@media(min-width:1200px){.container{max-width:1140px}}@media(min-width:1400px){.container{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0}.col-3{flex:none;width:25%}.col-4{flex:none;width:33.33333333%}.col-6{flex:none;width:50%}.col-12{flex:none;width:100%}@media(min-width:320px){.col-xs-5{flex:none;width:41.66666667%}.col-xs-6{flex:none;width:50%}.col-xs-7{flex:none;width:58.33333333%}.col-xs-12{flex:none;width:100%}}@media(min-width:576px){.col-sm-3{flex:none;width:25%}.col-sm-4{flex:none;width:33.33333333%}.col-sm-6{flex:none;width:50%}.col-sm-8{flex:none;width:66.66666667%}.col-sm-9{flex:none;width:75%}.col-sm-12{flex:none;width:100%}}@media(min-width:768px){.col-md-1{flex:none;width:8.33333333%}.col-md-2{flex:none;width:16.66666667%}.col-md-3{flex:none;width:25%}.col-md-4{flex:none;width:33.33333333%}.col-md-5{flex:none;width:41.66666667%}.col-md-6{flex:none;width:50%}.col-md-7{flex:none;width:58.33333333%}.col-md-8{flex:none;width:66.66666667%}.col-md-9{flex:none;width:75%}.col-md-10{flex:none;width:83.33333333%}.col-md-11{flex:none;width:91.66666667%}.col-md-12{flex:none;width:100%}}@media(min-width:992px){.col-lg-1{flex:none;width:8.33333333%}.col-lg-2{flex:none;width:16.66666667%}.col-lg-3{flex:none;width:25%}.col-lg-4{flex:none;width:33.33333333%}.col-lg-5{flex:none;width:41.66666667%}.col-lg-6{flex:none;width:50%}.col-lg-7{flex:none;width:58.33333333%}.col-lg-8{flex:none;width:66.66666667%}.col-lg-9{flex:none;width:75%}.col-lg-10{flex:none;width:83.33333333%}.col-lg-11{flex:none;width:91.66666667%}.col-lg-12{flex:none;width:100%}}@media(min-width:1200px){.col-xl-3{flex:none;width:25%}.col-xl-4{flex:none;width:33.33333333%}}
/* End */


/* Start:/local/templates/light/css/modal.min.css?17908111224950*/
#modal-window{display:none;position:fixed;top:0;left:0;bottom:0;right:0;align-items:center;justify-content:center;z-index:3000}#modal-window.active{display:flex}#modal-window .overlay{background:var(--fs-graphite);height:100%;width:100%;position:fixed;left:0;top:0;opacity:.7;z-index:2999}#modal-window .window{animation:toggle_opacity 200ms;background:var(--fs-surface);display:flex;flex-direction:column;max-height:100%;max-height:100dvh;max-width:100%;position:fixed;width:580px;opacity:1;z-index:3000}#modal-window-form{min-height:0;overflow-y:auto;overscroll-behavior:contain;isolation:isolate}#modal-window .close{cursor:pointer;display:block;height:auto;width:auto;opacity:1;padding:16px;position:absolute;right:4px;top:5px;z-index:2;background:0 0;border:none;font:inherit;color:inherit}body>*:not(#modal-window):not(#auth-modal).blur{filter:blur(2px)}#auth-modal{display:none;position:fixed;top:0;left:0;bottom:0;right:0;align-items:center;justify-content:center;z-index:3000}#auth-modal.active{display:flex}#auth-modal .overlay{background:var(--fs-graphite);height:100%;width:100%;position:fixed;left:0;top:0;opacity:.7;z-index:2999}#auth-modal .window{animation:toggle_opacity 200ms;background:var(--fs-surface);max-height:100%;max-width:100%;position:fixed;width:420px;opacity:1;z-index:3000;padding:30px;overflow:auto}#auth-modal .close{cursor:pointer;display:block;padding:16px;position:absolute;right:4px;top:5px;z-index:2;background:0 0;border:none;font:inherit;color:inherit}.auth-form__head .auth-form__title{margin:0 0 20px;font-size:1.5em;line-height:1.25;font-weight:400}@media(max-width:767px){.auth-form__head .auth-form__title{font-weight:600}}.auth-form__row{margin:0 0 18px;display:flex;flex-direction:column}.auth-form__row label{font-size:.95em;color:var(--fs-ink-2);margin:0 0 7px}.auth-form__row input[type=text],.auth-form__row input[type=password]{width:100%;padding:1rem 1.1rem;background:var(--fs-paper);border:1px solid var(--fs-ink-2);border-radius:4px;font-size:1.05rem;color:var(--fs-ink);transition:border-color .15s,background .15s}.auth-form__row input[type=text]:focus,.auth-form__row input[type=password]:focus{border-color:var(--fs-green);background:var(--fs-surface);outline:none}.auth-form__row--inline{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.auth-form__remember{font-size:.95em;color:var(--fs-ink);display:flex;align-items:center;gap:8px;margin:0;cursor:pointer}.auth-form__forgot{font-size:.95em;color:var(--fs-green-press)}.auth-form__forgot:hover{text-decoration:underline}.auth-form__buttons{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;flex-wrap:wrap}.auth-form__register{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--fs-green);border-radius:4px;padding:.7rem 1.7rem;color:var(--fs-green-press);font-weight:500;background:var(--fs-surface);transition:background .15s,color .15s}.auth-form__register:hover{background:var(--fs-action);color:var(--fs-white);text-decoration:none}#auth-modal .alert{margin-bottom:16px;padding:12px 16px;border-radius:4px}#auth-modal .alert-danger{background:var(--fs-bad-bg);border:1px solid var(--fs-bad-bg);color:var(--fs-error)}.b24-form>[data-styles-apllied],.b24-window-mounts>[id^=b24-window-mount-]{--b24-font-family:var(--fs-font-body) !important;--b24-primary-color:var(--fs-action) !important;--b24-primary-hover-color:var(--fs-action-hover) !important;--b24-primary-text-color:var(--fs-white) !important;--b24-text-color:var(--fs-ink) !important;--b24-background-color:var(--fs-surface) !important;--b24-field-border-color:var(--fs-ink-2) !important;--b24-field-background-color:var(--fs-paper) !important;--b24-field-focus-background-color:var(--fs-surface) !important;--b24-popup-background-color:var(--fs-surface) !important}body .b24-form .b24-form-control-label,body .b24-form .b24-form-control-select-label,body .b24-form .b24-form-header-description,body .b24-form .b24-form-sign-abuse-link{color:var(--fs-ink-2);opacity:1}body .b24-form .b24-form-control-required{color:var(--fs-error)}body .b24-form .b24-form-control-alert-message,body .b24-form .b24-form-state-container .b24-form-error{background-color:var(--fs-error-solid)}body .b24-form .b24-form-control-alert-message::after{border-color:transparent transparent var(--fs-error-solid)var(--fs-error-solid)}body .b24-form .b24-form-state-container .b24-form-success{background-color:var(--fs-green-tint)}body .b24-form .b24-form-success .b24-form-state-text{color:var(--fs-ink);opacity:1}body .b24-form .b24-form-field-agreement .b24-form-control-desc{color:var(--fs-ink-2);opacity:1}body .b24-form .b24-form-field-agreement a.b24-form-field-agreement-link{color:var(--fs-green-press)}body .b24-form input[type=checkbox],body .b24-form input[type=radio]{accent-color:var(--fs-green)}#modal-window .close svg path,#auth-modal .close svg path{fill:var(--fs-ink)}
/* End */


/* Start:/local/templates/light/css/compare.min.css?17913085729168*/
.fg-compare{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:8px 0 0;grid-column:1/-1}.fg-compare-button{flex:none;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 10px;border:1px solid var(--fs-line);border-radius:var(--fs-radius);background:0 0;color:var(--fs-ink-2);font:500 14px/1.2 var(--fs-font-body);cursor:pointer}.fg-compare-button:hover,.fg-compare-button:focus-visible{border-color:var(--fs-green);color:var(--fs-green-press)}.fg-compare-button[aria-pressed=true]{border-color:var(--fs-green);background:var(--fs-green-tint);color:var(--fs-green-press)}.fg-compare-button:disabled{opacity:.6;cursor:progress}.fg-compare-status{flex:auto;min-width:0;font-size:14px;line-height:1.4;color:var(--fs-ink-2)}.fg-compare-status a{white-space:nowrap}.fg-compare-status:empty{display:none}.fg-compare-status a{color:var(--fs-link)}.fg-compare-status button{padding:0;border:0;background:0 0;color:var(--fs-link);font:inherit;text-decoration:underline;cursor:pointer}.fg-product-price-heading .fg-compare{margin:0 0 0 auto}.fg-compare--viewed{margin-top:6px}.fg-compare--viewed .fg-compare-button{min-height:32px;padding:4px 10px;font-size:13px}.fg-product-price-heading:has(.fg-compare){display:flex;flex-wrap:wrap;align-items:center;gap:8px}.items-wrapper .item:has(>.fg-compare--icon){position:relative}.fg-compare--icon{position:absolute;top:8px;right:8px;z-index:2;display:block;grid-column:auto;margin:0}.fg-compare--icon .fg-compare-button{justify-content:center;width:36px;height:36px;min-height:0;padding:0;background:var(--fs-surface)}.fg-compare--icon .fg-compare-button[aria-pressed=true]{background:var(--fs-green-tint)}.fg-compare--icon .fg-compare-button:not([aria-pressed=true]){border-color:transparent;background:0 0;box-shadow:none}.fg-compare--icon .fg-compare-button:not([aria-pressed=true]):hover,.fg-compare--icon .fg-compare-button:not([aria-pressed=true]):focus-visible{background:var(--fs-green-tint)}.fg-compare--icon .fg-compare-status{position:absolute;top:calc(100% + 6px);right:0;width:max-content;max-width:240px;padding:8px 10px;border:1px solid var(--fs-line);border-radius:var(--fs-radius);background:var(--fs-surface);box-shadow:0 4px 16px rgba(26,29,27,.15);font-size:13px;line-height:1.35}.fg-compare--icon .fg-compare-status:has(>.fg-compare-sr:only-child){padding:0;border:0;box-shadow:none}.content-wrapper:is(.fg-cards-detailed,:has([data-fg-catalogue-cards=detailed])) .fg-compare--icon{top:calc(14px + 96px - 36px);right:auto;left:calc(14px + 96px - 36px)}.content-wrapper:is(.fg-cards-detailed,:has([data-fg-catalogue-cards=detailed])) .fg-compare--icon .fg-compare-status{right:auto;left:0}.fg-header-compare{position:relative}@media(max-width:767px){.fg-header .fg-header-compare{display:none}}.fg-compare-page{margin:0 0 48px}.fg-compare-live:empty{display:none}.fg-compare-live{margin:0 0 16px;padding:10px 14px;border-radius:var(--fs-radius);background:var(--fs-warn-bg);color:var(--fs-warn-text)}.fg-compare-empty{max-width:720px}.fg-compare-link{color:var(--fs-link);text-decoration:underline}.fg-compare-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;margin:0 0 16px}.fg-compare-page .fg-compare-toolbar .fg-compare-summary{margin:0}.fg-compare-diff{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0;cursor:pointer}.fg-compare-diff input{width:20px;height:20px;accent-color:var(--fs-green)}.fg-compare-clear{min-height:44px;padding:0;border:0;background:0 0;color:var(--fs-ink-2);font:inherit;text-decoration:underline;cursor:pointer}.fg-compare-confirm{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px}.fg-compare-confirm button{min-height:36px;padding:4px 12px;border:1px solid var(--fs-line);border-radius:var(--fs-radius);background:var(--fs-surface,var(--fs-white));color:var(--fs-ink);font:inherit;cursor:pointer}.fg-compare-note{margin:0 0 16px;color:var(--fs-ink-2)}.fg-compare-nav{display:flex;align-items:center;gap:8px;margin:0 0 8px;color:var(--fs-ink-2);font-size:14px}.fg-compare-nav span{margin-right:auto}.fg-compare-nav button{width:44px;height:44px;border:1px solid var(--fs-line);border-radius:var(--fs-radius);background:var(--fs-surface,var(--fs-white));color:var(--fs-ink);font-size:22px;line-height:1;cursor:pointer}.fg-compare-nav button:disabled{opacity:.4;cursor:default}.fg-compare-scroll{position:relative;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);overflow:auto;overscroll-behavior-x:contain;border:1px solid var(--fs-line);border-radius:var(--fs-radius-card);background:var(--fs-surface,var(--fs-white))}.fg-compare-scroll.is-fit{max-height:none;overflow:visible}.fg-compare-scroll:focus-visible{outline:2px solid var(--fs-green);outline-offset:2px}.fg-compare-table{display:table;overflow:visible;width:100%;min-width:calc(200px + var(--fg-compare-columns,2) * 220px);border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:15px}.fg-compare-caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.fg-compare-table th,.fg-compare-table td{padding:12px 14px;border-bottom:1px solid var(--fs-line);text-align:left;vertical-align:top;overflow-wrap:anywhere}.fg-compare-table tbody th{position:sticky;left:0;z-index:1;width:200px;background:var(--fs-paper);color:var(--fs-ink-2);font-weight:500}.fg-compare-table thead th{position:sticky;top:0;z-index:2;background:var(--fs-surface,var(--fs-white));box-shadow:0 1px 0 var(--fs-line)}.fg-compare-table thead .fg-compare-corner{left:0;z-index:3;width:200px;background:var(--fs-paper);color:var(--fs-ink-2);font-weight:500;vertical-align:bottom}.fg-compare-table thead .fg-compare-product{padding-right:48px}.fg-compare-product-link{display:flex;flex-direction:column;gap:8px;color:var(--fs-ink);text-decoration:none}.fg-compare-product-link img{width:96px;height:auto;max-height:96px;object-fit:contain}.fg-compare-name{font:600 15px/1.35 var(--fs-font-head);text-decoration:underline;text-decoration-color:var(--fs-line);text-underline-offset:3px}.fg-compare-product-link:hover .fg-compare-name{text-decoration-color:initial}.fg-compare-variant,.fg-compare-condition{display:block;margin-top:4px;color:var(--fs-ink-2);font-size:14px;font-weight:400;line-height:1.4}.fg-compare-price{display:block;margin-top:8px;font:700 17px/1.3 var(--fs-font-head);color:var(--fs-ink)}.fg-compare-remove{position:absolute;top:6px;right:6px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:var(--fs-radius);background:0 0;color:var(--fs-ink-2);cursor:pointer}.fg-compare-remove:hover,.fg-compare-remove:focus-visible{background:var(--fs-paper);color:var(--fs-ink)}.fg-compare-missing{color:var(--fs-ink-2)}.fg-compare-table td .fg-compare-hint{display:block;margin-top:2px;color:var(--fs-ink-2);font-size:13px;font-weight:400;line-height:1.35}.fg-compare-table tr[data-differs=N] td{color:var(--fs-ink-2)}.fg-compare-table tr[data-differs=Y] th,.fg-compare-table tr[data-differs=Y] td{background:var(--fs-warn-bg);color:var(--fs-ink)}.fg-compare-table tr[data-differs=Y] td{font-weight:600}.fg-compare-table tr[data-differs=Y] th{box-shadow:inset 4px 0 0 var(--fs-amber)}.fg-compare-legend{display:inline-flex;align-items:center;min-height:32px;padding:4px 12px 4px 16px;border-radius:var(--fs-radius);background:var(--fs-warn-bg);box-shadow:inset 4px 0 0 var(--fs-amber);color:var(--fs-ink);font-size:14px;font-weight:600;line-height:1.2}.fg-compare-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.fg-compare-cta{margin-top:32px;padding:24px;border-radius:var(--fs-radius-card);background:var(--fs-green-tint)}.fg-compare-cta h2{margin:0 0 8px;font:600 var(--fs-h3)/var(--fs-h3-lh)var(--fs-font-head)}.fg-compare-cta p{max-width:720px;margin:0 0 16px}.fg-compare-cta-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.fg-compare-cta-button{min-height:var(--fs-control);padding:0 24px;border:0;border-radius:var(--fs-radius);background:var(--fs-green);color:var(--fs-white);font:600 16px/1 var(--fs-font-head);cursor:pointer}.fg-compare-cta-button:hover{background:var(--fs-green-press)}.fg-compare-phone{color:var(--fs-green-press);font:600 18px/1.2 var(--fs-font-head);white-space:nowrap}@media(max-width:767px){.fg-compare-scroll{max-height:calc(100dvh - 120px)}.fg-compare-table{min-width:calc(96px + var(--fg-compare-columns,2) * 200px);font-size:14px}.fg-compare-table th,.fg-compare-table td{padding:10px}.fg-compare-table tbody th,.fg-compare-table thead .fg-compare-corner{width:96px}.fg-compare-table thead .fg-compare-product{padding-right:40px}.fg-compare-product-link img{width:64px;max-height:64px}.fg-compare-table thead .fg-compare-corner{font-size:12px}.fg-compare-remove{top:2px;right:2px}.fg-compare-cta{padding:20px 16px}}@media(max-width:495px){.fg-compare-nav--reserve[hidden]{display:flex!important;visibility:hidden}}@media(max-width:739px){.fg-compare-nav--wide[hidden]{display:flex!important;visibility:hidden}}@media(max-width:767px){.fg-compare-nav--wider[hidden]{display:flex!important;visibility:hidden}}
/* End */


/* Start:/local/templates/light/css/roof-geometry.min.css?1790725819437*/
.fg-prefill-note{margin:8px 0 0;font-size:14px;line-height:1.4;color:var(--fs-ink-2)}.fg-prefill-note button{display:inline-block;min-height:24px;margin:0;padding:2px 0;border:0;background:0 0;color:var(--fs-link);font:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.fg-prefill-note button:hover{color:var(--fs-green)}.fg-prefill-note button:focus-visible{outline:2px solid var(--fs-green);outline-offset:2px}
/* End */


/* Start:/local/templates/light/components/bitrix/breadcrumb/main/style.min.css?1789047860845*/
.breadcrumbs{display:flex;flex-wrap:wrap;padding:1rem 0;font-size:.875rem}.breadcrumbs__item{display:flex}.breadcrumbs__separator{margin:0 .625rem;color:var(--fs-line)}.breadcrumbs__link{color:var(--fs-ink-2);text-decoration:none}.breadcrumbs__item-name{color:var(--fs-ink-2)}.breadcrumbs a,.breadcrumbs span{line-height:1.875;color:var(--fs-ink-2)}.breadcrumbs a:hover span{color:var(--main-color)}@media(max-width:767px){.breadcrumbs__separator,div.breadcrumbs__item,span.breadcrumbs__item{display:none}div.breadcrumbs__item:nth-last-child(3){display:block;position:relative;padding-left:1.5rem}div.breadcrumbs__item:nth-last-child(3):before{content:"";display:block;position:absolute;width:10px;height:18px;top:2px;left:0;background:url(/local/templates/light/components/bitrix/breadcrumb/main/../../../../images/arrows_green.png)no-repeat 0 -58px}.breadcrumbs a,.breadcrumbs span{line-height:1.25}}
/* End */


/* Start:/local/templates/light/blocks/catalog.viewed.css?17915648296904*/
/* VIEWED PRODUCTS ------------------------------ */
@media print{.viewed-products-block,.add-content[data-fg-viewed]{display:none}}
/* Место под блок и заготовка из карточек в нём (рисует template_styles.css, .fg-sk). Карточка товара держит высоту блока из одного ряда с первой отрисовки:
   высота блока зависит только от ширины окна (число строк примечания 3, 2, 1 и поля карточки); цена не переносится (white-space: nowrap), название стоит в
   коробке из четырёх строк, поэтому данные высоту не меняют. Ступени сняты 10.10.2026 на живом блоке по 1 px от 320 до 1000 и по 10 px до 1800 при гарнитуре Golos
   и при запасной Golos Fallback (границы ступеней расходятся на 1 и 4 px: ступень начинается там, где обе гарнитуры уже на ней, место выше блока не бывает ниже его) и держатся в пределах 0,5 px. Другие страницы держат запомненную высоту (footer.php, class fg-viewed-held), без неё места и заготовки нет. */
/* min-height 1px: у пустого div нулевая площадь, и IntersectionObserver на нём срабатывает ненадёжно */
.add-content[data-fg-viewed] { position: relative; min-height: 1px; }
.add-content[data-fg-viewed] > .fg-sk-viewed { display: none; }
.add-content[data-fg-viewed].fg-viewed-reserve > .fg-sk-viewed, .add-content[data-fg-viewed].fg-viewed-held > .fg-sk-viewed { display: block; }
.add-content.fg-viewed-reserve[data-fg-viewed] { min-height: 312px; }
@media (min-width: 400px) { .add-content.fg-viewed-reserve[data-fg-viewed] { min-height: 324px; } }
@media (min-width: 439px) { .add-content.fg-viewed-reserve[data-fg-viewed] { min-height: 309.6px; } }
@media (min-width: 859px) { .add-content.fg-viewed-reserve[data-fg-viewed] { min-height: 295.2px; } }
.fg-sk-viewed .viewed-products-block { height: 100%; box-sizing: border-box; }
.fg-sk-viewed .fg-sk-title { width: 9rem; height: 16px; margin: 4px 0 12px; }
.fg-sk-viewed .fg-sk-note { display: block; margin-bottom: 1.25rem; }
.fg-sk-viewed .fg-sk-note i { height: 8px; margin: 3.2px 0; }
.fg-sk-viewed .fg-sk-note i:nth-child(3) { width: 45%; }
@media (min-width: 439px) {
    .fg-sk-viewed .fg-sk-note i:nth-child(3) { display: none; }
    .fg-sk-viewed .fg-sk-note i:nth-child(2) { width: 60%; }
}
@media (min-width: 859px) {
    .fg-sk-viewed .fg-sk-note i:nth-child(2) { display: none; }
    .fg-sk-viewed .fg-sk-note i:nth-child(1) { width: 58%; }
}
.fg-sk-viewed .viewed-products .items { overflow: hidden; }
.fg-sk-viewed .viewed-products .item { overflow: hidden; }
.fg-sk-viewed .fg-sk-img { width: 80px; height: 80px; }
.fg-sk-viewed .item__info { flex: 1 1 auto; min-width: 0; }
.fg-sk-viewed .fg-sk-lines { display: flex; flex-direction: column; gap: .5rem; height: 4.5rem; box-sizing: border-box; padding-top: 2px; }
.fg-sk-viewed .fg-sk-lines i:nth-child(1) { width: 92%; }
.fg-sk-viewed .fg-sk-lines i:nth-child(2) { width: 78%; }
.fg-sk-viewed .fg-sk-lines i:nth-child(3) { width: 55%; }
.fg-sk-viewed .fg-sk-price { width: 40%; height: 12px; margin: calc(.5rem + 2.4px) 0 2.4px; }
@media (max-width: 399px) {
    .fg-sk-viewed .fg-sk-img { width: 60px; height: 60px; }
}
.viewed-products-block {
    background: var(--bg-color);
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}
.viewed-products-block .viewed-products {
    padding: 3rem 0 3rem;
}
.viewed-products-block .viewed-products .title {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
}
.viewed-products-block .viewed-products .rec-tech-notice {
    font-size: 0.75rem;
    color: var(--fs-ink-2);
    margin-bottom: 1.25rem;
}
.viewed-products-block .viewed-products .rec-tech-notice a {
    color: var(--fs-ink-2);
    text-decoration: underline;
}
.viewed-products-block .viewed-products .rec-tech-notice a:hover {
    color: var(--main-color);
}
.viewed-products-block .viewed-products .wrapper {
    position: relative;
}
.viewed-products-block .viewed-products .items {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 0.25rem;
}
.viewed-products-block .viewed-products .items .item {
    flex: 0 0 auto;
    width: 19.5%;
    display: flex;
    align-items: center;
    background: var(--fs-surface);
    border: 1px solid var(--border-color);
    padding: 0.875rem;
    transition: all ease .2s;
}
.viewed-products-block .viewed-products .items .item + .item {
    margin-left: 0.625rem;
}
.viewed-products-block .viewed-products .items .item:hover {
    border: 1px solid var(--fs-line);
}
.viewed-products-block .viewed-products .item__image {
    flex-shrink: 0;
}
.viewed-products-block .viewed-products .item__image a {
    display: flex;
}
.viewed-products-block .viewed-products .item__image a img {
    max-width: 80px;
    height: auto;
}
.viewed-products-block .viewed-products .item__info {
    display: flex;
    flex-direction: column;
    margin-left: 1rem;
}
.viewed-products-block .viewed-products .item__info a {
    font-size: 0.875rem;
    line-height: 1.25;
    color: var(--fs-ink);
    height: 4.5rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.viewed-products-block .viewed-products .item__info a:hover {
    color: var(--main-color);
}
.viewed-products-block .viewed-products .item__info span {
    font-size: 0.875rem;
    font-weight: bold;
    margin-top: 0.5rem;
    white-space: nowrap;
}
@media (max-width: 1699px) {
    .viewed-products-block .viewed-products .items .item {
        width: 28%;
    }
}
@media (max-width: 1199px) {
    .viewed-products-block .viewed-products .items .item {
        width: 38%;
    }
}
@media (max-width: 991px) {
    .viewed-products-block .viewed-products .items .item {
        width: 43%;
    }
}
@media (max-width: 767px) {
    .viewed-products-block .viewed-products .items .item {
        width: 55%;
    }
}
@media (max-width: 575px) {
    .viewed-products-block .viewed-products .items .item {
        width: 75%;
    }
}
@media (max-width: 399px) {
    .viewed-products-block .viewed-products .items .item {
        padding: 0.5rem;
    }
    .viewed-products-block .viewed-products .item__image a img {
        max-width: 60px;
    }
    .viewed-products-block .viewed-products .item__info {
        margin-left: 0.5rem;
    }
    .viewed-products-block .viewed-products .item__info a {
        font-size: 0.75rem;
    }
}
/* VIEWED PRODUCTS ------------------------------ */

/* End */


/* Start:/local/libs/scroll-x/type-2.min.css?17770031481065*/
.scroll-x{display:flex;overflow-x:scroll;scrollbar-width:none}.scroll-x.type-2~.left{display:none;bottom:0;left:-1.5rem;position:absolute;top:0;width:3rem;z-index:1}.scroll-x.type-2~.right{display:none;bottom:0;right:-1.5rem;position:absolute;top:0;width:3rem;z-index:1}.scroll-x.type-2~.left .arrow{background:#fff url(/local/libs/scroll-x/i/arrow-left-dark.svg)50% no-repeat;background-size:20%;border-radius:50%;box-shadow:0 4px 16px 1px rgba(0,26,52,.2);bottom:0;cursor:pointer;left:0;position:absolute;top:calc(50% - 1.5rem);height:3rem;width:3rem;z-index:2}.scroll-x.type-2~.right .arrow{background:#fff url(/local/libs/scroll-x/i/arrow-right-dark.svg)50% no-repeat;background-size:20%;border-radius:50%;box-shadow:0 4px 16px 1px rgba(0,26,52,.2);bottom:0;cursor:pointer;right:0;position:absolute;top:calc(50% - 1.5rem);height:3rem;width:3rem;z-index:2}@media(max-width:767px){.scroll-x.type-2~.left{left:-.75rem}.scroll-x.type-2~.right{right:-.75rem}.scroll-x.type-2~.left .arrow{top:calc(50% - 1rem);height:2rem;width:2rem}.scroll-x.type-2~.right .arrow{top:calc(50% - 1rem);height:2rem;width:2rem}}
/* End */


/* Start:/local/templates/light/blocks/mobile-sticky-cta.min.css?17899260723239*/
.fgcta,.fgcta-toggle{display:none}@media(max-width:960px){.fgcta{display:block;position:fixed;inset:auto 8px max(8px,env(safe-area-inset-bottom));z-index:100;max-width:544px;margin-inline:auto;padding:8px;border:1px solid var(--fs-line,#E3E7E3);border-radius:var(--fs-radius-card,16px);background:var(--fs-surface);color:var(--fs-ink,#1A1D1B);font-family:var(--fs-font-body,"Golos Text",Arial,sans-serif);box-shadow:var(--fs-shadow)}body.fgcta-collapsed .fgcta{display:none}.fgcta__upper{display:flex;align-items:center;gap:4px}.fgcta__ph{display:flex;flex:1;align-items:center;gap:6px;min-width:0;min-height:44px;color:var(--fs-ink,#1A1D1B);text-decoration:none}.fgcta__ph-icon,.fgcta__ch-ico{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px}.fgcta__ph-icon{color:var(--fs-green,#14683F)}.fgcta svg{width:18px;height:18px;fill:currentColor}.fgcta__ph-text{font-size:clamp(14px,3.6vw,16px);font-weight:600;line-height:1.25;white-space:nowrap;font-variant-numeric:tabular-nums}.fgcta__pill,.fgcta-toggle,.fgcta__ch{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:0 10px;border:1px solid var(--fs-line,#E3E7E3);border-radius:var(--fs-radius,8px);background:var(--fs-surface);color:var(--fs-ink,#1A1D1B);font:500 14px/1.25 var(--fs-font-body,"Golos Text",Arial,sans-serif);text-decoration:none;cursor:pointer;appearance:none}.fgcta__pill{flex-shrink:0;padding-inline:6px;border-color:transparent;font-size:14px}.fgcta-toggle.is-hide{flex:0 0 44px;width:44px;padding:0;border-color:transparent;color:var(--fs-ink-2,#5C6660)}.fgcta-toggle.is-hide svg{fill:none;stroke:currentColor;stroke-width:1.5}.fgcta__lower{display:grid;grid-template-columns:.85fr 1.1fr 1.15fr;gap:6px;margin-top:4px}.fgcta__ch{gap:6px;min-width:0;padding-inline:4px;white-space:nowrap}.fgcta__ch--max .fgcta__ch-ico{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='10' fill='%230077FF'/%3E%3Cpath transform='translate(3,3) scale(0.3333)' d='M21.47 41.88c-4.11 0-6.02-.6-9.34-3-2.1 2.7-8.75 4.81-9.04 1.2 0-2.71-.6-5-1.28-7.5C1 29.5.08 26.07.08 21.1.08 9.23 9.82.3 21.36.3c11.55 0 20.6 9.37 20.6 20.91a20.6 20.6 0 0 1-20.49 20.67m.17-31.32c-5.62-.29-10 3.6-10.97 9.7-.8 5.05.62 11.2 1.83 11.52.58.14 2.04-1.04 2.95-1.95a10.4 10.4 0 0 0 5.08 1.81 10.7 10.7 0 0 0 11.19-9.97 10.7 10.7 0 0 0-10.08-11.1Z' fill='white'/%3E%3C/svg%3E")50%/cover no-repeat}.fgcta__ch--cb,.fgcta-toggle.is-show{border-color:var(--fs-green,#14683F);background:var(--fs-action,#14683F);color:var(--fs-white)}.fgcta-toggle.is-show{display:none;position:fixed;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:101;gap:8px;padding-inline:14px;border:2px solid var(--fs-white);border-radius:8px;box-shadow:0 0 0 1px var(--fs-graphite),var(--fs-shadow)}.fgcta-toggle.is-show svg{width:18px;height:18px;fill:currentColor}body.fgcta-collapsed .fgcta-toggle.is-show{display:inline-flex}.fgcta a:focus-visible,.fgcta button:focus-visible,.fgcta-toggle:focus-visible{outline:2px solid var(--fs-green,#14683F);outline-offset:3px}}@media(max-width:359px){.fgcta__ph-icon{display:none}}
/* End */


/* Start:/local/templates/light/styles.css?17915648295152*/
:root {
	--main-color: var(--fs-green);
	--main-color-opacity: var(--fs-green-tint);
	--main-hover-color: var(--fs-green-press);
	--main-active-color: var(--fs-green-press);
	--gradient-from-color: var(--fs-green);
	--gradient-to-color: var(--fs-green-press);
	--gradient-bg: var(--fs-green);
	--main-font: var(--fs-font-body);
    --bg-color: var(--fs-paper);
    --border-color: var(--fs-line);
    --text-color: var(--fs-ink);
    --footer-text-color: rgba(255, 255, 255, 0.72);
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}
h1 {
    font-size: clamp(1.25rem, 1.04rem + 0.83vw, 2rem);
}
h2 {
    font-size: clamp(1.125rem, 0.94rem + 0.75vw, 1.75rem);
    line-height: 1.25;
    margin: 0 0 1.5rem;
}
h3 {
    font-size: clamp(1.0625rem, 0.93rem + 0.52vw, 1.75rem);
    line-height: 1.2;
    margin: 1.5rem 0 1rem;
}
h4 {
    font-size: clamp(1rem, 0.91rem + 0.38vw, 1.5rem);
    line-height: 1.2;
    margin: 1.5rem 0 1rem;
}
h5 {
    font-size: clamp(1rem, 0.95rem + 0.19vw, 1.25rem);
    line-height: 1.2;
    margin: 1.5rem 0 1rem;
}
@media (max-width: 767px) {
    h2 {
		font-weight: 600;
        margin-bottom: 0.75rem;
    }
    h3 {
		font-weight: 600;
        margin: 1rem 0 0.75rem;
    }
    h4, h5 {
		font-weight: 600;
		margin: 1rem 0 0.75rem;
    }
}

.center {text-align:center}
blockquote {
    border: none;
    font-size: 1.1rem;
    font-weight: 300;
    margin: 2.5rem 0;
    min-height: 40px;
    padding: 2px 20px 2px 37px;
    position: relative;
}
blockquote:before {
    background-color: var(--fs-action, var(--main-color));
    bottom: 5px;
    content: " ";
    display: block;
    left: 0;
    position: absolute;
    top: 5px;
    width: 3px;
}

/* General table horizontal scroll on mobile */
table {
    display: block;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
}

/* Content tables — unified style. Native bg-row-odd / bg-col-odd classes AND auto-styled
   FAQ answer tables (.montag-faq__answer table) share one look: brand-green CROSS header —
   first ROW and first COLUMN are both headers (our tables are param×value / comparison
   matrices), interior rows zebra-striped, full grid, row hover, mobile horizontal scroll. */
table.bg-row-odd,
table.bg-col-odd,
.montag-faq__answer table {border-collapse:collapse; display:block; width:100%; font-size:.9375rem; line-height:1.35; margin:1rem 0 1.5rem; overflow:hidden; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin}
.content-wrapper table.fg-table-dragging { cursor:grabbing; user-select:none; }
table.bg-row-odd td, table.bg-row-odd th,
table.bg-col-odd td, table.bg-col-odd th,
.montag-faq__answer table td, .montag-faq__answer table th {border:1px solid var(--border-color); padding:.55rem .8rem; text-align:left; vertical-align:top}
/* zebra — interior rows */
table.bg-row-odd tr:nth-child(odd),
table.bg-col-odd td:nth-child(odd),
.montag-faq__answer table tr:nth-child(odd) {background-color:var(--bg-color)}
/* primary header — first ROW: solid brand green. Headers wrap (no nowrap) so long
   spelled-out phrases break at spaces instead of forcing ultra-wide columns. */
table.bg-row-odd tr:nth-child(1) > *,
table.bg-col-odd tr:nth-child(1) > *,
.montag-faq__answer table tr:nth-child(1) > * {background-color:var(--fs-action, var(--main-color)); color:var(--fs-white); font-weight:600}
/* secondary header — first COLUMN label cells (below the top row): light green tint
   + bold dark-green text — distinguishable as a header column, but readable (not a dark block) */
table.bg-row-odd tr:not(:nth-child(1)) > *:first-child,
.montag-faq__answer table tr:not(:nth-child(1)) > *:first-child {background-color:var(--fs-green-tint); color:var(--fs-green-press); font-weight:600}
/* bg-col-odd: the first COLUMN is the primary header (solid green) */
table.bg-col-odd tr > *:first-child {background-color:var(--fs-action, var(--main-color)); color:var(--fs-white); font-weight:600}
/* hover — interior data cells only (skip green headers) */
table.bg-row-odd tr:hover:not(:nth-child(1)) > *:not(:first-child),
.montag-faq__answer table tr:hover:not(:nth-child(1)) > *:not(:first-child) {background-color:var(--fs-green-tint)}

@media (max-width: 767px){
	table.bg-row-odd,
	table.bg-col-odd,
	.montag-faq__answer table {font-size:.875rem; line-height:1.2}
	table.bg-row-odd td, table.bg-row-odd th,
	table.bg-col-odd td, table.bg-col-odd th,
	.montag-faq__answer table td, .montag-faq__answer table th {padding:.4rem .55rem}
	table.bg-row-odd tr:nth-child(1) > *,
	.montag-faq__answer table tr:nth-child(1) > * {white-space:normal}
}

/* Responsive YouTube iframes */
iframe[src*="youtube"] {
    max-width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}

.svg-inline-gallery path[style*="fill:#333"],
.svg-inline-right-arrow path[style*="fill:#333"] { fill:currentColor !important; }

.counter_block { color:var(--fs-ink); }
.counter_block .svg svg path, .counter_block .svg svg rect,
.svg-inline-rss svg path { fill:currentColor; }
html[data-fg-theme="dark"] .stickers .sticker_stock,
html[data-fg-theme="dark"] .sale_block .value { color:var(--fs-on-accent); }

/* End */


/* Start:/local/templates/light/template_styles.css?179156482949339*/
* {margin:0; padding:0}
html {height:100%; width:100%}
body {min-height:100%}
img {height:auto; max-width:100%}
header, article, aside, nav, section, footer {display:block}

/* screen reader only */
.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	border: 0;
	white-space: nowrap;
}

/* keyboard focus indicator */
:focus-visible {
	outline: 2px solid var(--fs-green);
	outline-offset: 2px;
}
:focus:not(:focus-visible) {
	outline: none;
}
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[role="button"]:focus-visible,
[tabindex]:focus-visible {
	outline: 2px solid var(--fs-green);
	outline-offset: 2px;
}

/* NEW TEMPLATE 2023 ------------------------------ */
*,
*::before,
*::after {
	box-sizing: border-box;
}

::placeholder {
    color: var(--fs-ink-2);
}

html {
	font-size: 16px;
}
body {
    margin: 0;
    padding: 0;
    font-family: var(--fs-font-body);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
	background-color: var(--fs-paper);
    color: var(--fs-ink);
}
a {
    text-decoration: none;
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	appearance: auto;
}

.btn {
	display: inline-block;
	padding: 0.6rem 0.875rem;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.2;
    letter-spacing: .075em;
	color: var(--main-color);
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
	cursor: pointer;
	user-select: none;
	background-color: var(--fs-surface);
	border: 1px solid var(--main-color);
	border-radius: 3px;
	transition: 0.25s ease-in-out;
}
.btn:focus {
    outline: 2px solid var(--main-color);
    outline-offset: 2px;
}
.btn.btn-default {
    background: var(--fs-action);
    border-color: var(--gradient-from-color);
    color: var(--fs-white);
}
.btn:hover,
.btn.btn-default:hover {
    background: var(--fs-action-hover);
    border-color: var(--main-hover-color);
    color: var(--fs-white);
}
.btn.btn-warning {
    background: var(--fs-amber);
    border-color: var(--fs-amber);
    color: var(--fs-on-accent);
}
.btn.btn-warning:hover {
    background: var(--fs-amber);
    border-color: var(--fs-on-accent);
    color: var(--fs-on-accent);
}
.btn.btn-lg {
    padding: 1rem 1.625rem;
}
.btn.link::after {content:" \2192"; display:inline-block; font-size:120%; padding-left:.3rem}
.btn.link:hover::after {transform:translate(.3rem,0) skewX(0) skewY(0) scaleX(1) scaleY(1)}
.btn .svg {
    position: relative;
    top: -1px;
    margin-right: 0.5em;
}
@media (max-width: 991px) {
    .btn {
        font-size: .7333em;
    }
}

/* Grid ---------- */
.container {
    --bs-gutter-x: 3.75rem;
    --bs-gutter-y: 0;
    max-width: 1360px;
}
.row {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 0;
}

@media (min-width: 1700px) {
    .col-xxxl-1-5 {
        flex: 0 0 auto;
        width: 12.5%;
    }
}
@media (max-width: 767px) {
    .container {
        --bs-gutter-x: 2rem;
        --bs-gutter-y: 0;
    }
}
/* Grid ---------- */

.pc {
    display: flex;
}
@media (max-width: 991px) {
    .pc {
        display: none;
    }
}
.mb {
    display: none;
}
@media (max-width: 991px) {
    .mb {
        display: block;
    }
}

.fly-buttons.mb {
    position: fixed;
    left: 0;
    bottom: 60px;
    z-index: 9;
}
.fly-buttons.pc {
    position: fixed;
    right: 0;
    top: 230px;
    z-index: 9;
    flex-direction: column;
    width: 63px;
    background: var(--fs-surface);
    border-radius: 4px 0 0 4px;
    box-shadow: 0 10px 20px 0 rgb(26 29 27 / 10%);
    overflow: hidden;
}
.fly-buttons.mb .btn {
    border-radius: 0 2.5em 2.5em 0;
    padding: 0.875rem 1rem;
}
.fly-buttons.pc > * {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0;
    width: 63px;
    height: 65px;
    padding: 0;
    background: var(--fs-surface);
    border: none;
    border-radius: 0;
}
.fly-buttons.pc > * + * {
    border-top: 1px solid var(--border-color);
}
.fly-buttons.pc > *:hover {
    background: var(--fs-surface);
    border-color: var(--border-color);
}
.fly-buttons.pc > * .svg svg {
    opacity: 0.4;
}
.fly-buttons.pc > * .svg path {
    fill: var(--fs-ink);
}
.fly-buttons.pc > *:hover .svg path {
    fill: var(--main-color);
}
.fly-buttons.pc > *:hover .svg svg {
    opacity: 1;
}
.fly-buttons.pc .calc .svg svg {
    width: 26px;
}

/* ASPRO default ---------- */
.svg {
    display: inline-block;
    vertical-align: middle;
}
.svg svg {
    display: block;
}
.svg svg use {
    opacity: 0.5;
    fill: var(--fs-ink);
    fill-rule: evenodd;
}
.img-responsive {
    display: block;
    height: auto;
	margin: auto;
    max-width: 100%;
}
.flex-center {
	justify-content: center;
}
.scrollblock {
	overflow: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-width: thin;
}
/* State utilities set from JS or markup: they must win over any layout rule of the element, so these two keep
   !important on purpose (the only ones in the template besides inline-style and third-party overrides). */
.hidden {
    display: none !important;
    visibility: hidden !important;
}
[hidden] {
    display: none !important;
}
.bordered {
    border: 1px solid var(--border-color);
}
.box-shadow {
    transition: transform ease .2s, box-shadow ease .2s;
}
@media (min-width: 992px) {
    .box-shadow:hover {
        border-color: var(--fs-white);
        box-shadow: 0 10px 20px 0 rgb(26 29 27 / 10%);
        transform: translateY(-1px);
        background-color: var(--fs-surface);
        z-index: 1;
    }
}
.accordion-type-1 .item-accordion-wrapper {
    margin: 0 0 -1px;
    background: 0 0;
    padding-bottom: 0;
}
.accordion-head {
    cursor: pointer;
    padding: 14px 30px 14px 35px;
    position: relative;
    z-index: 1;
    color: var(--fs-ink);
}
.accordion-type-1 .item-accordion-wrapper .accordion-head {
    position: relative;
    margin-bottom: 0;
    overflow: hidden;
    padding-right: 88px;
    border: none;
    font-size: 1.0667em;
    line-height: 1.5625em;
}
.arrow_open {
    position: absolute;
    display: block;
    right: 25px;
    top: 21px;
    width: 38px;
    height: 38px;
    border: 1px solid var(--fs-line);
    border-radius: 3px;
    transition: background-color .3s ease;
}
.accordion-type-1 .item-accordion-wrapper .accordion-head .arrow_open {
    top: calc(50% - 16px);
    width: 32px;
    height: 32px;
}
.arrow_open:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -3px 0 0 -5px;
    width: 10px;
    height: 6px;
    background: url(/local/templates/light/images/svg/sprite_arrows.svg) 0 -5px no-repeat;
}
.accordion-head:hover .arrow_open:after {
    background-position: 0 -23px;
}
.item-accordion-wrapper.opened .accordion-head .arrow_open:after {
    background-position: 0 -5px;
    transform: rotate(180deg);
}
.item-accordion-wrapper.opened .accordion-head:hover .arrow_open:after {
    background-position: 0 -23px;
    opacity: 1;
    transform: rotate(180deg);
}
.accordion-head:hover .arrow_open {
    background-color: var(--fs-action, var(--main-color));
    border-color: var(--main-color);
}
.panel-collapse {
    display: none;
}
.item-accordion-wrapper.opened .panel-collapse {
    display: block;
}
.panel-collapse .accordion-body {
    padding: 0 2rem 2rem 2rem;
    position: relative;
    z-index: 2;
}
/* ASPRO default ---------- */

.content-wrapper {
    padding: 0 0 3rem;
}
.content-wrapper.grey,
.content-navigation {
    background-color: var(--bg-color);
}
.content-navigation {
    padding-bottom: 2rem;
}
.content-navigation .page-title {
	display: inline;
}
.content-main-block  {
    padding: 2em 0 0;
}
.content-main-block .content .left-block {
    flex: 0 0 auto;
    width: 24%;
}
.content-main-block .content .main-block {
    flex: 1 0 auto;
	order: 2;
    width: 76%;
}
/* The left column comes after the text in the document: until it is parsed the text was full width and at the left edge, then it narrowed and moved right by the column's width (0.16 on a desktop, /company/). The wrapper's class says the column is coming: the text keeps its width, and a placeholder of the column's width stands where the column will be until the column itself is parsed. */
@media (min-width: 992px) {
    .content-wrapper.fg-has-left-block:not(.fg-catalogue) .content-main-block .content > .main-block { flex: 0 0 auto; }
    .content-wrapper.fg-has-left-block:not(.fg-catalogue) .content-main-block .content:not(:has(> .left-block))::before { content: ''; order: 0; flex: 0 0 24%; }
}
@media (min-width: 1400px) {
    .content-main-block .content .left-block {
        padding-right: calc(var(--bs-gutter-x) * .5 + 1rem);
    }
}
/*@media (min-width: 1700px) {
    .content-main-block .content .left-block {
        padding-right: calc(var(--bs-gutter-x) * .5 + 2rem);
    }
}
@media (max-width: 1399px) {
    .content-main-block .content .left-block {
        width: 27%;
    }
    .content-main-block .content .main-block {
        width: 73%;
    }
}*/
@media (max-width: 991px) {
    .content-main-block .content .left-block {
        display: none;
    }
}
@media (max-width: 767px) {
    .content-main-block {
        padding-top: 1em;
    }
	.content-navigation {
	    padding-bottom: 1rem;
	}
}

.title-with-info {
    display: flex;
    align-items: flex-start;
}
.title-with-info .page-title {
    padding-right: 2rem;
}
.title-with-info h1 {
    flex: 0 0 65%;
}
@media (max-width: 1199px) {
    .title-with-info {
        flex-wrap: wrap;
    }
    .title-with-info .page-title {
        padding-right: 0;
    }
    .title-with-info h1 {
        flex: 1 0 100%;
    }
}

/* FOOTER ------------------------------ */
.footer {
    --fs-green-tint: #EAF2EC;
    background: var(--fs-graphite);
    color: var(--fs-white);
    font: 400 15px/1.5 var(--fs-font-body);
}
.footer-inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 48px clamp(24px, 5vw, 72px) 28px;
    box-sizing: border-box;
}
.footer a {
    color: var(--fs-green-tint);
    text-decoration: none;
}
.footer a:hover {
    color: var(--fs-white);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.footer a:focus-visible,
.footer button:focus-visible,
.footer summary:focus-visible {
    outline: 2px solid var(--fs-white);
    outline-offset: 4px;
}
.footer-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding-bottom: 28px;
    margin-bottom: 36px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.footer-brand,
.footer-top-contact {
    display: flex;
    align-items: center;
    gap: 18px;
}
.footer-brand { gap: 22px; }
.footer .footer-logo {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    gap: 12px;
    color: var(--fs-white);
    font: 500 22px/1 var(--fs-font-body);
    letter-spacing: -0.01em;
    white-space: nowrap;
    text-decoration: none;
}
.footer-logo svg { width: 40px; height: 40px; flex-shrink: 0; }
.footer-tagline { color: var(--footer-text-color); font-size: 14px; }
.footer-regions {
    display: flex;
    align-items: center;
    color: var(--footer-text-color);
    font-size: 14px;
    white-space: nowrap;
}
.footer-region-separator {
    margin: 0 6px;
    color: var(--footer-text-color);
    display: inline-block;
}
.footer-contact-separator { display: none; }
.footer-email-group { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.footer-regions a,
.footer-rating a,
.footer-bottom a { text-decoration: underline; text-underline-offset: 3px; }
.footer .footer-phone {
    color: var(--fs-white);
    font: 700 18px/1.4 var(--fs-font-head);
    white-space: nowrap;
}
.footer-top .footer-phone { font-size: 19px; }
.footer-calculate {
    padding: 11px 18px;
    min-height: 44px;
    flex-shrink: 0;
    border: 0;
    border-radius: var(--fs-radius);
    background: var(--fs-action);
    color: var(--fs-white);
    font: 700 14px/1.5 var(--fs-font-head);
    white-space: nowrap;
    cursor: pointer;
}
.footer-calculate:hover { background: var(--fs-action-hover); }
.footer-columns {
    display: grid;
    grid-template-columns: 1.15fr 1fr 1fr 1fr 1fr 1.35fr;
    gap: 32px;
}
.footer-group,
.footer-contact { min-width: 0; }
/* The contacts come first in the document; on a wide screen they keep the last cell from the first paint (the groups fill the others as they are parsed), and the script moves them to the end of the document for the reading order. */
@media (min-width: 1201px) { .footer-columns > .footer-contact { grid-column: 6; grid-row: 1; } }
@media (min-width: 961px) and (max-width: 1200px) { .footer-columns > .footer-contact { grid-column: 3; grid-row: 2; } }
.footer-group summary,
.footer-contact-heading {
    margin: 0 0 10px;
    color: var(--fs-green-tint);
    font: 600 12.5px/1.55 var(--fs-font-head);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    list-style: none;
}
.footer-group summary::-webkit-details-marker { display: none; }
/* The groups are closed in the markup (a phone shows them folded) and the script opens them on a wide screen; the content is shown by the stylesheet as well, so the footer is not drawn folded and then opened (0.06 on a short page). */
@media (min-width: 961px) { .footer-group::details-content { content-visibility: visible; display: block; } }
.footer .footer-group ul,
.footer .footer-group li { margin: 0; padding: 0; list-style: none; }
.footer .footer-group li::before { display: none; }
.footer-group li a { display: block; padding: 4px 0; font-size: 15px; line-height: 1.45; }
.footer-contact { display: flex; flex-direction: column; gap: 14px; }
.footer-contact-heading { margin-bottom: 10px; }
.footer-contact-main { font-size: 15px; }
.footer-regions-mobile { display: none; }
.footer-office,
.footer-rating { color: var(--fs-green-tint); font-size: 14px; line-height: 1.5; }
.footer-office address { margin: 0; font: inherit; }
.footer-muted { display: block; color: var(--footer-text-color); }
.footer-social { display: flex; flex-wrap: wrap; gap: 8px; }
.footer-social a {
    padding: 7px 12px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: var(--fs-radius);
    color: var(--fs-white);
    font-size: 13px;
    line-height: 1.5;
}
.footer-rating b { color: var(--fs-white); font: 700 16px/1.5 var(--fs-font-head); }
.footer-bottom {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 32px;
    margin-top: 36px;
    padding: 22px 48px 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    color: var(--footer-text-color);
    font-size: 13px;
    line-height: 1.5;
}
.footer-legal { max-width: 560px; }
.footer-payment { text-align: right; }
@media (min-width: 961px) and (max-width: 1200px) {
    .footer-top { align-items: flex-start; }
    .footer-brand { align-items: flex-start; flex-direction: column; gap: 8px; }
    .footer-top-contact { flex-wrap: wrap; justify-content: flex-end; gap: 12px; }
    .footer-columns { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 960px) {
    .footer { content-visibility: auto; contain-intrinsic-block-size: auto 1157px; }
    .footer-inner { padding: 28px 16px calc(136px + env(safe-area-inset-bottom, 0px)); }
    .footer-top { padding: 0; margin-bottom: 18px; border: 0; }
    .footer-tagline,
    .footer-top-contact,
    .footer-contact-heading { display: none; }
    .footer .footer-logo { gap: 10px; font-size: 19px; min-height: 44px; }
    .footer-logo svg { width: 32px; height: 32px; }
    .footer-columns { display: flex; flex-direction: column; gap: 0; }
    .footer-contact { order: -1; margin-bottom: 18px; gap: 10px; }
    .footer .footer-phone { display: inline-flex; align-items: center; min-height: 44px; font-size: 22px; line-height: 1.2; }
    .footer-contact-links { display: flex; flex-wrap: wrap; align-items: center; gap: 0 6px; font-size: 14px; }
    .footer-contact-links a { display: inline-flex; align-items: center; min-height: 44px; }
    .footer-regions-mobile { display: flex; }
    .footer-regions-mobile a { min-width: 44px; justify-content: center; }
    .footer-contact-separator { display: inline-flex; color: var(--footer-text-color); }
    .footer-contact-main { order: 0; }
    .footer-social { order: 1; }
    .footer-office { order: 2; }
    .footer-rating { order: 3; }
    .footer-social a { display: inline-flex; align-items: center; min-height: 44px; padding: 9px 12px; box-sizing: border-box; }
    .footer-rating a { display: inline-flex; align-items: center; min-height: 44px; }
    .footer-group { border-top: 1px solid rgba(255, 255, 255, 0.12); }
    .footer-group:last-of-type { border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
    .footer-group summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        min-height: 72px;
        margin: 0;
        padding: 14px 0;
        box-sizing: border-box;
        cursor: pointer;
    }
    .footer-group summary::after {
        content: '';
        width: 10px;
        height: 10px;
        flex-shrink: 0;
        margin-right: 4px;
        border-right: 1.6px solid var(--fs-green-tint);
        border-bottom: 1.6px solid var(--fs-green-tint);
        transform: rotate(45deg);
    }
    .footer-group[open] summary::after { transform: rotate(225deg); }
    .footer .footer-group ul { padding-bottom: 14px; }
    .footer-group li a { display: flex; align-items: center; min-height: 44px; box-sizing: border-box; }
    .footer-bottom { flex-direction: column; gap: 12px; border: 0; margin-top: 18px; padding: 0; }
    .footer-bottom a { display: inline-flex; align-items: center; min-height: 44px; }
    .footer-photo-note, .footer-site-credit { display: block; }
    .footer-payment { text-align: left; }
}
/* FOOTER ------------------------------ */

/* LEFT BLOCK */
.left-block > * + * {
    margin-top: 2em;
}
.left-block .buttons .btn {
    width: 100%;
    min-height: 58px;
    text-align: left;
    padding: 0.6rem 1.5rem;
}
.left-block .buttons .btn.calc {font-size:80%; padding-top:1.1rem}
.left-block .buttons .calc svg {width:23px}
.left-block .buttons .calc svg path {fill:var(--fs-white)}
.left-block .note {font-size:85%; margin:.5em 0 0 1.25em}
.left-block .note a {color:var(--main-color)}
/* LEFT BLOCK */

/* CONTENT -------------------------------------------------- */
.main-block {
    font-size: 1rem;
    line-height: 1.5rem;
}
.main-block a {
    color: var(--fs-link);
}
.main-block p a, .main-block li a, .main-block td a, .main-block dd a {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}
.main-block a:not(.btn):hover {
    color: var(--fs-ink);
}
.main-block p {
    margin: 1rem 0;
}
.main-block p:first-of-type {
    margin-top: 0;
}
.main-block ul {
    padding: 0;
    margin: 26px 0 36px;
}
.main-block ul > li:first-of-type {
    margin-top: 0;
}
.main-block ul > li {
    margin: 8px 0 0 21px;
    list-style-type: none;
    position: relative;
}
/* Default bullet for content lists. Kept at (0,1,1) specificity with :where() so that any block
   with its own li::before wins without !important or selector padding. */
.main-block :where(ul:not([id*="bx_"])) > :where(li:not(.bordered))::before {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--fs-action, var(--main-color));
    left: 0;
    top: 10px;
}
.main-block :where(ul:not([id*=bx_])) > :where(li)::before {
    margin: 0 7px 0 -21px;
}
.main-block ol {
    padding: 0;
    margin: 26px 0 36px 20px;
}
.main-block ol > li {
    margin: 8px 0 0;
    padding: 0 0 0 2px;
}
.main-block ol > li:first-of-type {
    margin-top: 0;
}

.text a:not(.btn) {border-bottom:1px solid var(--main-color-opacity)}
/* CONTENT -------------------------------------------------- */

/* Mobile breakpoint: Compact search form layout */
/* MOBILE SEARCH -------------------------------------------------- */

/* Фикс. кнопка Max */
a.go-to-max {position:fixed; border-radius:50%; cursor:pointer; display:block; height:3rem; width:3rem; bottom:3rem; right:max(4rem, calc((100vw - 1700px) / 2 + 1rem)); transition:opacity .3s; z-index:995}
a.go-to-max:hover {opacity:.8}
a.go-to-max svg {height:4rem; width:4rem}
a.go-to-max svg circle {fill:#0077FF}
/* On phones the sticky contact card (blocks/mobile-sticky-cta.php) carries the MAX button. */
@media (max-width: 960px) {
	a.go-to-max {display:none}
}
@media (max-width: 575px) {
	a.go-to-max {bottom:1rem; right:1rem}
	a.go-to-max svg {height:3.5rem; width:3.5rem}
}
/* Фикс. кнопка Max */

/* Collapsible SmartSEO BOTTOM_DESCRIPTION sections (.bd-toggle) + FAQ (.bd-faq) — keeps long hand-crafted brand guides scannable; content stays in DOM for SEO */
/* h2/h3 inside summary: drop their default top margin so the summary row stays compact */

/* Блоки условий оплаты/доставки (include/tab_catalog_detail_payment.php и т.п.) —
   используются и на /help/payment/, и во вкладке оплаты карточки товара */
.payment-wrapper > div:not(:first-child), .delivery-wrapper > div:not(:first-child) {padding:30px 0; border-top:2px solid var(--fs-line)}
.payment-wrapper > div:first-child, .delivery-wrapper > div:first-child {padding:0 0 30px}
.payment-wrapper > div p {margin:15px 0 0}
.payment-card-list {position:relative; overflow:hidden}
.payment-card-list > img {display:block; float:left; height:50px; width:auto}
.payment-card-list > img:nth-child(5) {margin-left:30px}
/* Таблица сроков гарантии на монтаж (include/blocks/warranty-installation.php): страница /help/warranty/ и вкладка карточки */
.fg-warranty-table {width:100%; max-width:760px; border-collapse:collapse; margin:16px 0 24px}
.fg-warranty-table :is(th, td) {padding:12px 16px; border-bottom:1px solid var(--fs-line); text-align:left; vertical-align:top}
.fg-warranty-table th {background:var(--fs-paper); font-weight:600}
.fg-warranty-table td:last-child {width:38%}
@media (max-width:767px) {.fg-warranty-table :is(th, td) {padding:10px 8px}}

/* «Состав комплекта» на карточках-комплектов (.complect-block рендерится только там, catalog.element/component_epilog.php).
   Четыре позиции в ряд от 1280 px, три от 768, две от 576, одна ниже. Зазор между позициями 16 px,
   плюс между ними стоит ровно в этом зазоре (.separator в catalog.element/style.css); количество «x2»
   лежит значком на картинке, а не сбоку от неё. */
.complect-block .complect { padding: 12px; }
.complect-block .complect > .row { margin-left: -8px; margin-right: -8px; }
.complect-block .complect > .row > [class*="col-"] { padding-left: 8px; padding-right: 8px; margin-bottom: 8px; }
.complect-block .complect .complect__item { padding: 10px 8px 8px; }
.complect-block .complect .item__image { position: relative; height: 120px; margin-bottom: 6px; }
.complect-block .complect .item__image .thumb img { width: 100%; height: auto; max-width: 240px; max-height: 120px; object-fit: contain; }
.complect-block .complect .item__image .quantity {
  position: absolute; right: 0; bottom: 0;
  padding: 0 7px; border: 1px solid var(--fs-line); border-radius: 10px;
  background: var(--fs-surface); color: var(--fs-ink);
  font-size: .85rem; font-weight: 600; line-height: 1.5;
}
.complect-block .complect .item__info { margin-top: 0; }
.complect-block .complect .item__info .name { font-size: .95em; line-height: 1.3; }
.complect-block .complect .item__info .prices { margin-top: .5rem; }
@media (min-width: 768px) {
  .complect-block .complect > .row > [class*="col-"] { flex: 0 0 33.333%; max-width: 33.333%; }
}
@media (min-width: 1280px) {
  .complect-block .complect > .row > [class*="col-"] { flex: 0 0 25%; max-width: 25%; }
}
@media (max-width: 575px) {
  .complect-block .complect .complect__item { display: grid; grid-template-columns: 88px 1fr; column-gap: 12px; align-items: center; }
  .complect-block .complect .item__image { height: 88px; margin-bottom: 0; }
  .complect-block .complect .item__image .thumb img { max-height: 88px; }
  .complect-block .complect > .row > [class*="col-"] { margin-bottom: 18px; }
}

/* CTA-блок с инлайн B24-формой (blocks/inline-lead-form.php) — на /montag/* выводится
   после калькулятора, на каталожных бренд-страницах — после списка товаров перед FAQ.
   Цель — поймать пользователя на самом горячем моменте: увидел цену → форма перед глазами.
   Доверие/УТП уже показаны выше (tizers_top + первый экран) — здесь дублировать не нужно.
   Внутри B24 рендерит свой UI; мы только задаём контейнер. */
.hero-form {
    margin: 28px 0;
    padding: 24px 0;
    border-top: 1px solid var(--fs-line);
    border-bottom: 1px solid var(--fs-line);
}
.hero-form__inner {
    max-width: 620px;
    margin: 0 auto;
    padding: 0 16px;
    text-align: center;
}
@media (min-width: 768px) { .hero-form { padding: 36px 0; margin: 36px 0; } }
.hero-form__title {
    margin: 0 0 8px;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--fs-ink);
}
@media (min-width: 768px) { .hero-form__title { font-size: 1.6rem; } }
.hero-form__sub {
    margin: 0 0 18px;
    font-size: 0.92rem;
    line-height: 1.45;
    color: var(--fs-ink-2);
}
/* B24-форма рендерится async внутри .hero-form__embed; пока скрипт не отработал — пустое
   место. Минимальную высоту не задаём, чтобы не было layout shift после загрузки. */
.hero-form__embed { min-height: 80px; text-align: left; }
/* Резерв высоты для блока, стоящего в первом экране (модификатор --reserve, сейчас это
   /montag/zamer-obekta/). B24 подставляет форму асинхронно; без резерва весь текст под ней
   уезжает вниз в момент загрузки. Значения замерены на живой форме 86: 477px при 390px
   ширины, 427px от 768px. Ниже фолда модификатор не нужен — там прыжка никто не видит. */
.hero-form--reserve .hero-form__embed { min-height: 470px; }
@media (min-width: 768px) { .hero-form--reserve .hero-form__embed { min-height: 425px; } }
/* Форма 86 (модификатор --f86, blocks/inline-lead-form.php) стоит на брендовых страницах каталога, в монтаже и в объектах.
   Пока B24 не отдал форму, в рамке стоит каркас: те же поля, согласия и кнопка, нарисованные в токенах сайта, высотой
   в готовую форму. Каркас и форма лежат в одной ячейке сетки; форма приходит перед каркасом (B24 вставляет её перед
   маркером-скриптом, каркас стоит после него), и каркас скрывается через visibility, сохраняя высоту: ничего ниже не
   сдвигается. Резервная форма (include/forms/form-fallback.js) встаёт так же и скрывает каркас, но она выше готовой
   формы (698 против 541 px на телефоне), так что её появление сдвигает то, что ниже. Без container query остаётся
   высота 505 px.
   Высота готовой формы зависит от ширины рамки (перенос строк согласий) и от окна: от 532 px B24 даёт полям отступ
   31 px вместо 18 px. Ступени сняты 08.10.2026 на живой форме при каждой ширине рамки (по 1 px от 180 до 700, в окне
   390 и 1440 px) и сверены с выборкой по окнам 300-1600 px на брендовой странице, в монтаже, в объектах (список и
   карточка); рамка карточки объекта стоит в боковой колонке, поэтому ступени идут по ширине рамки (container query),
   а не окна. При смене полей формы 86 в B24 снять ступени заново. */
.hero-form--f86 .hero-form__embed { display: grid; align-items: start; }
.hero-form--f86 .hero-form__embed > * { grid-area: 1 / 1; min-width: 0; }
.hero-form__sk { container-type: inline-size; pointer-events: none; }
.hero-form__sk-card {
    --sk-bar: var(--fs-line); --sk-edge: var(--fs-line); --sk-btn: var(--fs-line); --sk-shine: rgba(255, 255, 255, 0.7);
    position: relative; display: flex; flex-direction: column; box-sizing: border-box; overflow: hidden;
    min-height: 505px; padding: 14px 31px 0; background: var(--fs-surface);
}
@supports (color: color-mix(in srgb, red, blue)) {
    .hero-form__sk-card {
        --sk-bar: color-mix(in srgb, var(--fs-ink-2) 24%, transparent);
        --sk-edge: color-mix(in srgb, var(--fs-ink-2) 38%, transparent);
        --sk-btn: color-mix(in srgb, var(--fs-action) 42%, var(--fs-surface));
    }
}
html[data-fg-theme="dark"] .hero-form__sk-card { --sk-shine: rgba(237, 242, 236, 0.06); }
.hero-form__sk-card::after {
    content: ""; position: absolute; inset: 0; transform: translateX(-100%);
    background: linear-gradient(100deg, transparent 32%, var(--sk-shine) 50%, transparent 68%);
    animation: fg-sk-shine 1.9s ease-in-out infinite;
}
@keyframes fg-sk-shine { to { transform: translateX(100%); } }
@media (prefers-reduced-motion: reduce) { .hero-form__sk-card::after { animation: none; display: none; } }
.hero-form__embed .b24-form ~ .hero-form__sk,
.hero-form__embed .fg-reserve-form ~ .hero-form__sk { visibility: hidden; }
.hero-form__embed .b24-form ~ .hero-form__sk .hero-form__sk-card::after,
.hero-form__embed .fg-reserve-form ~ .hero-form__sk .hero-form__sk-card::after { animation: none; }
/* Заготовка в месте, зарезервированном под поздний блок: карточки «Вы смотрели» и «С этим товаром покупают», ряд плашек фильтра, оглавление статьи, карта.
   Рамки, полосы текста, цены и кнопки в токенах сайта. Карточки рисуются на тех же классах, что у настоящих (колонок в ряду столько же, сколько у блока
   на этой ширине); заготовка лежит в зарезервированной высоте (position:absolute у .fg-sk, псевдоэлементы у остальных) и ничего не двигает, блок приходит
   на её место. Блик идёт только transform-ом, восемь проходов, потом заготовка стоит; без анимации при prefers-reduced-motion. Карточки блока рисует его
   собственный CSS (catalog.viewed.css, product-page.css), плашки, оглавление и карту их стили ниже и в style.css компонентов. */
.fg-sk, .fg-chips-reserve, [data-fg-toc-desktop]:empty, #yandexmap:empty, .bx-yandex-map:not(:has(ymaps)), .calc-opening #calc-step4-content:empty, .fg-article .ya-share2:not(.ya-share2_inited) {
    --sk-bar: var(--fs-line); --sk-btn: var(--fs-line); --sk-edge: var(--fs-line); --sk-grid: var(--fs-line); --sk-shine: rgba(255, 255, 255, 0.7);
}
@supports (color: color-mix(in srgb, red, blue)) {
    .fg-sk, .fg-chips-reserve, [data-fg-toc-desktop]:empty, #yandexmap:empty, .bx-yandex-map:not(:has(ymaps)), .calc-opening #calc-step4-content:empty, .fg-article .ya-share2:not(.ya-share2_inited) {
        --sk-bar: color-mix(in srgb, var(--fs-ink-2) 24%, transparent);
        --sk-edge: color-mix(in srgb, var(--fs-ink-2) 38%, transparent);
        --sk-grid: color-mix(in srgb, var(--fs-ink-2) 10%, transparent);
        --sk-btn: color-mix(in srgb, var(--fs-action) 42%, var(--fs-surface));
    }
}
html[data-fg-theme="dark"] :is(.fg-sk, .fg-chips-reserve, [data-fg-toc-desktop]:empty, #yandexmap:empty, .bx-yandex-map:not(:has(ymaps)), .calc-opening #calc-step4-content:empty) { --sk-shine: rgba(237, 242, 236, 0.06); }
.fg-sk { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
/* A stub whose content never comes goes after 25 s: the box keeps its height, nothing is drawn in it. */
@keyframes fg-sk-gone { to { visibility: hidden; } }
.fg-chips-reserve, [data-fg-toc-desktop]:empty, .bx-yandex-map:not(:has(ymaps)), .calc-opening #calc-step4-content:empty, .fg-article .ya-share2:not(.ya-share2_inited) { animation: fg-sk-gone 0s 25s forwards; }
/* The blocks that wait for the visitor's scroll (cards, the home and object maps) are not on the timer: their scripts remove the stub or mark the failure. */
#yandexmap[data-fg-map-failed] { background-image: none; }
#yandexmap[data-fg-map-failed]::before, #yandexmap[data-fg-map-failed]::after { display: none; }
.fg-sk::after, .fg-chips-reserve::after, [data-fg-toc-desktop]:empty::after, #yandexmap:empty::after, .bx-yandex-map:not(:has(ymaps))::after, .calc-opening #calc-step4-content:empty::after {
    content: ""; position: absolute; inset: 0; transform: translateX(-100%); pointer-events: none;
    background: linear-gradient(100deg, transparent 32%, var(--sk-shine) 50%, transparent 68%);
    animation: fg-sk-shine 1.9s ease-in-out 8;
}
@media (prefers-reduced-motion: reduce) {
    .fg-sk::after, .fg-chips-reserve::after, [data-fg-toc-desktop]:empty::after, #yandexmap:empty::after, .bx-yandex-map:not(:has(ymaps))::after, .calc-opening #calc-step4-content:empty::after { animation: none; display: none; }
}
.fg-sk-bar { display: block; height: 10px; border-radius: 3px; background: var(--sk-bar); }
.fg-sk-img { display: block; border-radius: 4px; background: var(--sk-bar); }
.fg-sk-btn { display: block; border-radius: 4px; background: var(--sk-btn); }
/* Карта до прихода API (главная, объекты, контакты): плитка карты с дорогами, сеткой кварталов и меткой. Высоту даёт контейнер. */
#yandexmap:empty, .bx-yandex-map:not(:has(ymaps)) {
    position: relative; overflow: hidden; color: transparent; font-size: 0; border-radius: var(--fs-radius-card, 8px); background-color: var(--fs-surface);
    background-image:
        linear-gradient(115deg, transparent 0 44%, var(--sk-bar) 44% 45.4%, transparent 45.4% 100%),
        linear-gradient(28deg, transparent 0 66%, var(--sk-bar) 66% 67.2%, transparent 67.2% 100%),
        linear-gradient(var(--sk-grid) 1px, transparent 1px), linear-gradient(90deg, var(--sk-grid) 1px, transparent 1px);
    background-size: auto, auto, 56px 56px, 56px 56px;
}
#yandexmap:empty::before, .bx-yandex-map:not(:has(ymaps))::before {
    content: ""; position: absolute; left: 50%; top: 42%; width: 30px; height: 30px; margin: -30px 0 0 -15px; border-radius: 50% 50% 50% 0; transform: rotate(-45deg);
    background: radial-gradient(circle at 50% 50%, var(--fs-surface) 0 5px, var(--sk-edge) 5.5px);
}
/* A form that is not 86 and holds a reserved height (44 on the survey page, 88 on the fabricated-parts section) draws the same skeleton inside the reserved box. */
.hero-form--reserve .hero-form__embed { position: relative; }
.hero-form--reserve .hero-form__sk { position: absolute; inset: 0; }
.hero-form--reserve .hero-form__sk-card { min-height: 0; height: 100%; }
.hfs-f { position: relative; flex: none; height: 52px; margin-bottom: 15px; box-sizing: border-box; border: 1px solid var(--sk-edge); border-radius: 4px; background: var(--fs-paper); }
.hfs-f::before { content: ""; position: absolute; left: 11px; top: 50%; width: var(--w, 30%); height: 10px; margin-top: -5px; border-radius: 3px; background: var(--sk-bar); }
.hfs-f:nth-child(1) { --w: 18%; } .hfs-f:nth-child(2) { --w: 26%; } .hfs-f:nth-child(3) { --w: 34%; } .hfs-f:nth-child(4) { --w: 30%; }
.hfs-c { position: relative; flex: 1 1 auto; min-height: 39px; margin-bottom: 15px; }
.hfs-c::before { content: ""; position: absolute; left: 0; top: 2px; width: 13px; height: 13px; border-radius: 3px; background: var(--sk-bar); }
.hfs-c::after {
    content: ""; position: absolute; inset: 0 0 0 19px;
    background:
        linear-gradient(to right, transparent 46%, var(--fs-surface) 46%) 0 100% / 100% 12px no-repeat,
        repeating-linear-gradient(to bottom, transparent 0 3px, var(--sk-bar) 3px 9px, transparent 9px 12px);
}
.hfs-c--short { flex: none; min-height: 0; height: 15px; margin-bottom: 20px; }
.hfs-c--short::after { background: linear-gradient(to right, var(--sk-bar) 0 62%, transparent 62%) 0 3px / 100% 6px no-repeat; }
.hfs-b { position: relative; flex: none; height: 52px; margin-bottom: 29px; border-radius: 4px; background: var(--sk-btn); }
.hfs-b::before { content: ""; position: absolute; left: 50%; top: 50%; width: 112px; height: 10px; margin: -5px 0 0 -56px; border-radius: 3px; background: var(--fs-surface); opacity: 0.6; }
.hfs-s { position: relative; flex: none; height: 41px; }
.hfs-s::before { content: ""; position: absolute; left: 0; top: 15px; width: 139px; height: 9px; border-radius: 3px; background: var(--sk-bar); }
.hfs-s::after { content: ""; position: absolute; left: 144px; top: 11px; width: 18px; height: 18px; border-radius: 50%; background: var(--sk-bar); }
@media (max-width: 531px) {
  .hero-form__sk-card { padding-left: 18px; padding-right: 18px; }
  @container (min-width: 189px) { .hero-form--f86 .hero-form__sk-card { min-height: 660px; } }
  @container (min-width: 200px) { .hero-form--f86 .hero-form__sk-card { min-height: 648px; } }
  @container (min-width: 218px) { .hero-form--f86 .hero-form__sk-card { min-height: 626px; } }
  @container (min-width: 221px) { .hero-form--f86 .hero-form__sk-card { min-height: 614px; } }
  @container (min-width: 226px) { .hero-form--f86 .hero-form__sk-card { min-height: 602px; } }
  @container (min-width: 227px) { .hero-form--f86 .hero-form__sk-card { min-height: 589px; } }
  @container (min-width: 237px) { .hero-form--f86 .hero-form__sk-card { min-height: 577px; } }
  @container (min-width: 253px) { .hero-form--f86 .hero-form__sk-card { min-height: 565px; } }
  @container (min-width: 295px) { .hero-form--f86 .hero-form__sk-card { min-height: 553px; } }
  @container (min-width: 308px) { .hero-form--f86 .hero-form__sk-card { min-height: 541px; } }
  @container (min-width: 387px) { .hero-form--f86 .hero-form__sk-card { min-height: 529px; } }
  @container (min-width: 407px) { .hero-form--f86 .hero-form__sk-card { min-height: 517px; } }
  @container (min-width: 454px) { .hero-form--f86 .hero-form__sk-card { min-height: 505px; } }
  @container (min-width: 578px) { .hero-form--f86 .hero-form__sk-card { min-height: 493px; } }
  @container (max-width: 406px) { .hfs-c--short { height: 27px; } .hfs-c--short::after { background: linear-gradient(to right, var(--sk-bar) 0 100%, transparent 0) 0 3px / 100% 6px no-repeat, linear-gradient(to right, var(--sk-bar) 0 40%, transparent 40%) 0 15px / 100% 6px no-repeat; } }
}
@media (min-width: 532px) {
  @container (min-width: 181px) { .hero-form--f86 .hero-form__sk-card { min-height: 756px; } }
  @container (min-width: 184px) { .hero-form--f86 .hero-form__sk-card { min-height: 744px; } }
  @container (min-width: 187px) { .hero-form--f86 .hero-form__sk-card { min-height: 732px; } }
  @container (min-width: 189px) { .hero-form--f86 .hero-form__sk-card { min-height: 720px; } }
  @container (min-width: 191px) { .hero-form--f86 .hero-form__sk-card { min-height: 708px; } }
  @container (min-width: 192px) { .hero-form--f86 .hero-form__sk-card { min-height: 696px; } }
  @container (min-width: 193px) { .hero-form--f86 .hero-form__sk-card { min-height: 684px; } }
  @container (min-width: 203px) { .hero-form--f86 .hero-form__sk-card { min-height: 672px; } }
  @container (min-width: 215px) { .hero-form--f86 .hero-form__sk-card { min-height: 660px; } }
  @container (min-width: 226px) { .hero-form--f86 .hero-form__sk-card { min-height: 648px; } }
  @container (min-width: 227px) { .hero-form--f86 .hero-form__sk-card { min-height: 635px; } }
  @container (min-width: 244px) { .hero-form--f86 .hero-form__sk-card { min-height: 613px; } }
  @container (min-width: 247px) { .hero-form--f86 .hero-form__sk-card { min-height: 601px; } }
  @container (min-width: 252px) { .hero-form--f86 .hero-form__sk-card { min-height: 589px; } }
  @container (min-width: 263px) { .hero-form--f86 .hero-form__sk-card { min-height: 577px; } }
  @container (min-width: 279px) { .hero-form--f86 .hero-form__sk-card { min-height: 565px; } }
  @container (min-width: 321px) { .hero-form--f86 .hero-form__sk-card { min-height: 553px; } }
  @container (min-width: 334px) { .hero-form--f86 .hero-form__sk-card { min-height: 541px; } }
  @container (min-width: 413px) { .hero-form--f86 .hero-form__sk-card { min-height: 529px; } }
  @container (min-width: 433px) { .hero-form--f86 .hero-form__sk-card { min-height: 517px; } }
  @container (min-width: 480px) { .hero-form--f86 .hero-form__sk-card { min-height: 505px; } }
  @container (min-width: 604px) { .hero-form--f86 .hero-form__sk-card { min-height: 493px; } }
  @container (max-width: 432px) { .hfs-c--short { height: 27px; } .hfs-c--short::after { background: linear-gradient(to right, var(--sk-bar) 0 100%, transparent 0) 0 3px / 100% 6px no-repeat, linear-gradient(to right, var(--sk-bar) 0 40%, transparent 40%) 0 15px / 100% 6px no-repeat; } }
}
/* Заголовок+подзаголовок встроенной B24-формы дублируют .hero-form__title/__sub —
   скрываем шапку формы, остаётся один заголовок «Расчёт за 15 минут» (Наталья, SEO-чат) */
.hero-form__embed .b24-form-header { display: none; }

/* Первый экран /montag/* (page_blocks/first-screen.php) — B24 #15884 / #15878 / #17772.
   Мобильный визит даёт 193 ₽ против 1735 ₽ с десктопа: он уходит, не долистав до калькулятора.
   Поэтому блок нарочно лёгкий и в один тап — без формы, без картинок, без внешних запросов,
   чтобы не отодвигать LCP. Инлайн-форма остаётся ниже (hero.php), под десктопную воронку. */
/* Галочка рисуется бордерами, а не картинкой/иконочным шрифтом — ещё один запрос
   в первом экране не нужен, а инлайновый svg на каждый буллет раздувает HTML.
   Селектор нарочно длинный: тема светлого шаблона вешает собственный ::before-маркер
   на li внутри .text, и без повышенной специфичности он рисуется поверх галочки. */
/* С 480px кнопки встают в ряд по две, с 768px — все в строку. */
/* Цвет текста задаётся через a.<класс>: тема красит все ссылки в контенте своим
   фирменным зелёным, и без этого телефон на зелёной кнопке уходит в нечитаемый контраст. */
/* Карта объектов (blocks/projects.map.php): контейнер получает высоту здесь, а не inline-стилем,
   чтобы страницы могли менять её обычным правилом (главная: 320px на телефоне). */
.clients-map__map #yandexmap { height: 400px; }

/* Блок отзывов Яндекса вне главной (blocks/reviews-yandex.php) — B24 #15880.
   Высота задаётся здесь и заранее: виджет приходит из БД со style="height:100%", поэтому
   без высоты у родителя схлопывается в пустую рамку, а без фиксированной высоты давал бы
   скачок вёрстки в момент ленивой подстановки iframe. */
.fg-reviews {
    max-width: 940px;
    margin: 0 auto 28px;
}
.fg-reviews__title { margin: 0 0 12px; }
.fg-reviews__frame {
    position: relative;
    width: 100%;
    max-width: 762px;
    height: 420px;
    overflow: hidden;
}
@media (min-width: 768px) { .fg-reviews__frame { height: 500px; } }

/* Социальное доказательство в первом экране (B24 #15880): рейтинг Яндекса + цитаты о монтаже.
   На мобильном показываем одну цитату, вторая появляется с 768px: блок и так упирается в фолд,
   а мобильному важнее увидеть кнопки, чем второй отзыв. */
/* Catalogue headings follow the brand type hierarchy. */
.content-wrapper:is(.fg-catalogue,:has([data-fg-catalogue-kind])) h1 { font-family:var(--fs-font-head); font-weight:700; font-size:clamp(28px,3vw,40px); line-height:1.15; }
.content-wrapper:is(.fg-catalogue,:has([data-fg-catalogue-kind])) h2 { font-family:var(--fs-font-head); font-weight:600; font-size:clamp(24px,2.4vw,28px); line-height:1.25; }
.content-wrapper:is(.fg-catalogue,:has([data-fg-catalogue-kind])) h3 { font-family:var(--fs-font-head); font-weight:600; font-size:20px; line-height:1.3; }
.content-wrapper:is(.fg-catalogue,:has([data-fg-catalogue-kind])) .catalog-item .item__info > .name a,
.content-wrapper:is(.fg-catalogue,:has([data-fg-catalogue-kind])) .subsections .info > a { font-weight:600; }

/* Keep the catalogue count beside its heading at every category depth. */
.content-navigation .container:has(> .section-count-elements) { display:flex; flex-wrap:wrap; align-items:baseline; gap:0 12px; }
.content-navigation .container:has(> .section-count-elements) > .breadcrumbs { flex-basis:100%; }
.content-navigation .container:has(> .section-count-elements) > h1 { flex:0 1 auto; max-width:100%; margin:0 0 8px; }
.content-navigation .container > .section-count-elements { flex:none; align-self:baseline; margin:0 0 8px; padding:0; border:0; top:auto; color:var(--fs-ink-2); font-size:14px; opacity:1; white-space:nowrap; }
.content-navigation .container > .section-count-elements::before { content:'Позиций: '; }
/* Phone: the count follows the last word of the heading on the same line, as on a desktop. */
@media (max-width:767px) {
	.content-navigation .container:has(> .section-count-elements) { display:block; }
	.content-navigation .container:has(> .section-count-elements) > .breadcrumbs { display:flex; }
	.content-navigation .container:has(> .section-count-elements) > h1 { display:inline; margin:0; }
	.content-navigation .container > .section-count-elements { display:inline; margin:0 0 0 8px; }
	.content-navigation .container:has(> .section-count-elements) > .fg-catalogue-lead-time { margin-top:8px; }
}

/* Collapsible SmartSEO BOTTOM_DESCRIPTION sections (.bd-toggle) + FAQ (.bd-faq) — keeps long hand-crafted brand guides scannable; content stays in DOM for SEO */
.bd-toggle, .bd-faq {
	border-top: 1px solid var(--theme_separator-color, var(--fs-line));
	margin: 0;
}
.bd-toggle > summary, .bd-faq > summary {
	cursor: pointer;
	list-style: none;
	padding: 14px 28px 14px 0;
	position: relative;
}
.bd-toggle > summary::-webkit-details-marker, .bd-faq > summary::-webkit-details-marker { display: none; }
.bd-toggle > summary::after, .bd-faq > summary::after {
	content: "\25BC";
	position: absolute;
	right: 6px;
	top: 50%;
	transform: translateY(-50%) rotate(-90deg);
	transition: transform .15s ease;
	color: var(--main-active-color, var(--fs-green-press));
	font-size: 0.8em;
}
.bd-toggle[open] > summary::after, .bd-faq[open] > summary::after { transform: translateY(-50%) rotate(0); }
/* h2/h3 inside summary: drop their default top margin so the summary row stays compact */
.bd-toggle > summary > h2, .bd-toggle > summary > h3 { display: inline; margin: 0; font-size: 1.15em; }
.bd-faq > summary { font-weight: 600; }
.bd-faq > div[itemprop="acceptedAnswer"], .bd-toggle > *:not(summary) { padding-bottom: 8px; }


/* End */
/* /local/templates/light/css/tokens.min.css?17915381922588 */
/* /local/templates/light/css/theme.min.css?17915608644518 */
/* /local/templates/light/css/header.min.css?179150701616931 */
/* /local/templates/light/css/grid.min.css?17899260722367 */
/* /local/templates/light/css/modal.min.css?17908111224950 */
/* /local/templates/light/css/compare.min.css?17913085729168 */
/* /local/templates/light/css/roof-geometry.min.css?1790725819437 */
/* /local/templates/light/components/bitrix/breadcrumb/main/style.min.css?1789047860845 */
/* /local/templates/light/blocks/catalog.viewed.css?17915648296904 */
/* /local/libs/scroll-x/type-2.min.css?17770031481065 */
/* /local/templates/light/blocks/mobile-sticky-cta.min.css?17899260723239 */
/* /local/templates/light/styles.css?17915648295152 */
/* /local/templates/light/template_styles.css?179156482949339 */