/* Start:/local/templates/dom/css/reset.css?17814496992480*/ @charset "UTF-8"; *,*::before,*::after{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;-webkit-overflow-scrolling: touch;text-decoration-thickness: 1px!important;text-underline-offset: .25em!important;} *[hidden]{display:none!important;} a,address,b,blockquote,body,button,dd,div,dl,dt,em,fieldset,figure,form,h1,h2,h3,h4,h5,hr,html,i,input,ins,legend,li,mark,menu,ol,p,strong,td,textarea,th,var,video,ul{margin:0;padding:0;outline:none;text-decoration:none;font-size:1em;font-style:inherit;font-weight:inherit;font-family:inherit;text-align:inherit;color:inherit;} button,fieldset,hr,img,input,textarea{border:none;background-color:transparent;} button::-moz-focus-inner{border:0;} footer,header,main{display:block;} li{list-style:none;} html{height:100%;background-color: #000000; -webkit-tap-highlight-color:transparent;scroll-behavior: auto;} body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;} body > svg{position:absolute;} svg,symbol{overflow:visible;fill:currentColor;} button{overflow:visible;cursor: pointer} button,input,textarea{line-height:inherit;} a[href^="mailto:"]{white-space: nowrap;} b{font-weight: 600;} p{margin: .75em 0;} table{margin: 1em 0;} p:first-child, table:first-child{margin-top:0!important;} p:last-child, table:last-child{margin-bottom:0!important;} video, img{max-width:100%;width:100%;height:auto;display:block;} img{pointer-events: none;} figure p{margin: 0!important;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: inherit;opacity: .6;} input::-moz-placeholder, textarea::-moz-placeholder{color: inherit;opacity: .6;} input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: inherit;opacity: .6;} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;} input[type="search"]::-ms-clear, input[type="search"]::-ms-reveal { display: none; width : 0; height: 0; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } input[type="number"]{-moz-appearance:textfield;} *::-moz-selection{background-color: #0156CD;color: #FFFFFF;-webkit-background-clip: none;-webkit-text-fill-color: #FFFFFF;} *::selection{background-color: #0156CD;color: #FFFFFF;-webkit-background-clip: none;-webkit-text-fill-color: #FFFFFF;} /* End */ /* Start:/local/templates/dom/css/fonts.css?17814496992202*/ @charset "UTF-8"; @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggqxSvfedN62Zw.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggOxSvfedN62Zw.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggSxSvfedN62Zw.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggixSvfedN62Zw.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggmxSvfedN62Zw.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggexSvfedN4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* End */ /* Start:/local/templates/dom/css/swiper-bundle.min.css?178144969918436*/ /** * Swiper 11.0.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 22, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/dom/css/cookie-notice.css?17814496993489*/ /* === Cookie notice bar (внизу страницы) === */ #cookie-notice { position: fixed; left: 16px; right: 16px; bottom: 16px; max-width: 1100px; margin: 0 auto; padding: 16px 20px; background: var(--c2); color: var(--c1); border: 1px solid var(--c4); border-radius: var(--br2); box-shadow: var(--shadow3); display: none; flex-wrap: wrap; align-items: center; gap: 16px; z-index: 10000; font-size: 14px; line-height: 1.4; } #cookie-notice p { margin: 0; flex: 1 1 280px; } .cookie-notice__actions { display: flex; gap: 8px; flex-wrap: wrap; } #cookie-notice .button { min-height: 36px; height: auto; padding: 6px 14px; font-size: 13px; white-space: nowrap; } /* === Modal === */ #cookie-modal { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.55); z-index: 20000; justify-content: center; align-items: center; padding: 16px; } .cookie-modal__content { position: relative; background: var(--c2); color: var(--c1); border-radius: var(--br3); padding: 32px; width: 100%; max-width: 680px; max-height: 85vh; overflow-y: auto; box-shadow: var(--shadow3); } .cookie-modal__close { position: absolute; top: 12px; right: 14px; background: none; border: none; font-size: 28px; line-height: 1; color: var(--c5); cursor: pointer; padding: 4px 8px; } .cookie-modal__close:hover { color: var(--c1); } .cookie-modal__content h2 { color: var(--c1); font-size: 18px; margin: 0 0 12px; font-weight: 700; } .cookie-modal__content p { color: var(--c10); font-size: 14px; line-height: 1.5; margin: 0 0 14px; } /* === Аналитические блоки в модалке === */ .cookie-analytics-block { border: 1px solid var(--c4); border-radius: var(--br1); padding: 14px 16px; margin: 12px 0; } .cookie-analytics-header { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 10px; } .cookie-analytics-title { font-weight: 600; color: var(--c1); } .cookie-analytics-content { font-size: 12px; color: var(--c5); line-height: 1.5; } /* === Switcher === */ .ui-switcher { display: inline-block; height: 22px; width: 42px; background: var(--c16); border-radius: 11px; cursor: pointer; position: relative; transition: background .2s; flex-shrink: 0; } .ui-switcher:after { content: ''; height: 18px; width: 18px; background: #fff; border-radius: 50%; position: absolute; left: 2px; top: 2px; transition: left .2s; } .ui-switcher.active { background: var(--c3); } .ui-switcher.active:after { left: 22px; } /* === Cookie icon в правом нижнем углу === */ #cookie-icon { position: fixed; bottom: 20px; right: 20px; background: var(--c2); color: var(--c3); border: 1px solid var(--c4); padding: 8px; cursor: pointer; z-index: 9000; width: 44px; height: 44px; border-radius: 50%; display: none; align-items: center; justify-content: center; transition: transform .2s, box-shadow .2s; box-shadow: var(--shadow1); } #cookie-icon:hover { transform: scale(1.05); box-shadow: var(--shadow2); } #cookie-icon svg { width: 24px; height: 24px; } #save-cookie-settings { margin-top: 8px; } @media (max-width: 768px) { #cookie-notice { left: 8px; right: 8px; bottom: 8px; padding: 14px; flex-direction: column; align-items: stretch; } .cookie-notice__actions { flex-direction: column; } .cookie-notice__actions .button { width: 100%; } .cookie-modal__content { padding: 24px 18px; } #cookie-icon { display: none !important; } } /* End */ /* Start:/local/templates/dom/template_styles.css?1781450141129128*/ @charset "UTF-8"; /* reset.css, fonts.css, swiper-bundle.min.css подключаются через header.php (SetAdditionalCss) — старые @import url(/local/templates/dom/...) были мёртвыми (пути относительные к этому файлу, без /css/ префикса) */ html { scroll-behavior: smooth; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } :root{ --app-height: 100vh; --headroom-height: auto; --scrollbar-width: 0; --c0: #F4F6FC; --c1: #0F1822; /* Динамическая ширина прогресс-баров (.s15-4-2) — задаётся inline-стилем */ --progress-size: 10%; --c2: #FFFFFF; --c3: #0156CD; --c4: #E8EBF0; --c5: rgba(12, 24, 34, .6); --c6: #21A038; --c7: #F1F4FF; --c8: rgba(12, 24, 34, .4); --c9: #E2E7F3; --c10: rgba(12, 24, 34, .8); --c11: rgba(34, 89, 246, .1); --c12: rgba(255, 255, 255, .1); --c13: rgba(241, 244, 255, .13); --c14: #000000; --c15: rgba(12, 24, 34, .2); --c16: #CFD1D3; --c17: rgba(244, 246, 252, .8); --c18: #2E85FE; --g1: linear-gradient(var(--c18), var(--c3)); --shadow1: 0 1rem 20rem 0 rgba(0,0,0,.08); --shadow2: 0 8rem 24rem rgba(0,0,0,.12); --shadow3: 0 8rem 30rem rgba(0,0,0,.16); --wr: 60rem; --awr: calc(-1 * var(--wr)); --gap: 30rem; --sl: max(1px, 1rem); --br0: 6rem; --br1: 8rem; --br2: 12rem; --br3: 16rem; --br4: 20rem; --br5: 24rem; --br6: 32rem; --f-xxs: max(8px, 11rem); --f-xs: max(10px, 12rem); --f-s: max(12px, 14rem); --f-d: max(14px, 16rem); --f-m: max(14px, 18rem); --f-b: max(14px, 20rem); --f-l: max(14px, 24rem); --f-xl: max(14px, 32rem); --f-xxl: max(14px, 40rem); --f-xxxl: max(14px, 80rem); --mw: 1680px; --btn: max(40px, 52rem); --swiper-pagination-progressbar-size: max(1px, 2rem); --swiper-pagination-progressbar-bg-color: var(--c4); --swiper-pagination-bullet-horizontal-gap: 4rem; --swiper-pagination-color: currentColor; --swiper-pagination-bullet-inactive-color: currentColor; --swiper-pagination-bullet-size: max(6px, 6rem); --swiper-pagination-bullet-inactive-opacity: .4; --rating: 5.0; /* === Theme palette (light by default) === */ color-scheme: light; } /* === Dark theme: автоприменение по системной теме ОС === */ @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { color-scheme: dark; --c0: #0F141B; /* основной фон */ --c1: #E8ECF3; /* основной текст */ --c2: #1A2230; /* «белый» — карточки, поверхности */ --c3: #4A8DFF; /* фирменный синий — поярче для контраста на тёмном */ --c4: #2A3448; /* границы/разделители */ --c5: rgba(232, 236, 243, .6); /* --c6 (#21A038, Сбер) — оставляем брендовым */ --c7: #1F2A3D; /* мягкий контрастный фон (был #F1F4FF) */ --c8: rgba(232, 236, 243, .4); --c9: #233048; --c10: rgba(232, 236, 243, .8); --c11: rgba(74, 141, 255, .15); --c12: rgba(255, 255, 255, .08); --c13: rgba(241, 244, 255, .08); --c14: #000000; /* остаётся чёрным — для градиента-затемнения hero */ --c15: rgba(232, 236, 243, .2); --c16: #4A5468; --c17: rgba(15, 20, 27, .8); --c18: #6BA3FF; --shadow1: 0 1rem 20rem 0 rgba(0, 0, 0, .5); --shadow2: 0 8rem 24rem rgba(0, 0, 0, .55); --shadow3: 0 8rem 30rem rgba(0, 0, 0, .65); } } /* === Принудительная тёмная тема (через переключатель) === */ :root[data-theme="dark"] { color-scheme: dark; --c0: #0F141B; --c1: #E8ECF3; --c2: #1A2230; --c3: #4A8DFF; --c4: #2A3448; --c5: rgba(232, 236, 243, .6); --c7: #1F2A3D; --c8: rgba(232, 236, 243, .4); --c9: #233048; --c10: rgba(232, 236, 243, .8); --c11: rgba(74, 141, 255, .15); --c12: rgba(255, 255, 255, .08); --c13: rgba(241, 244, 255, .08); --c14: #000000; --c15: rgba(232, 236, 243, .2); --c16: #4A5468; --c17: rgba(15, 20, 27, .8); --c18: #6BA3FF; --shadow1: 0 1rem 20rem 0 rgba(0, 0, 0, .5); --shadow2: 0 8rem 24rem rgba(0, 0, 0, .55); --shadow3: 0 8rem 30rem rgba(0, 0, 0, .65); } /* === Theme: переопределения для тёмной темы (точечные блоки) === */ /* Сбер-метка: затемнённый фон вместо ярко-белого */ @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .sber-label { background-color: rgba(33, 160, 56, .15); } } :root[data-theme="dark"] .sber-label { background-color: rgba(33, 160, 56, .15); } /* iframe Яндекс.Карт — заменяет устаревший frameborder="0" в footer */ .footer-map .my-map { border: 0; } /* === Theme: тёмный режим карты Яндекс — инверсия+hue-rotate (родного dark-типа у Я.Карт нет) === */ @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) #map, :root:not([data-theme="light"]) .footer-map .my-map { filter: invert(.92) hue-rotate(180deg) brightness(.95); } } :root[data-theme="dark"] #map, :root[data-theme="dark"] .footer-map .my-map { filter: invert(.92) hue-rotate(180deg) brightness(.95); } /* === Theme: SVG-картинки, которые в светлой теме залиты фирменным синим, в тёмной перекрашиваем в белый === */ @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .s2-8-1 img, :root:not([data-theme="light"]) img[src*="/images/icon/fig-"] { filter: brightness(0) invert(1); } } :root[data-theme="dark"] .s2-8-1 img, :root[data-theme="dark"] img[src*="/images/icon/fig-"] { filter: brightness(0) invert(1); } /* === Theme toggle button (солнце/луна) === */ /* Логика: в светлой теме показываем луну (клик → тёмная), в тёмной — солнце (клик → светлая) */ .js-theme-toggle { cursor: pointer; } .icon-theme { width: 100%; height: 100%; } /* По умолчанию (светлая) — луна видна, солнце скрыто */ .icon-theme__sun { display: none; } .icon-theme__moon { display: inline-block; } /* Если системная тёмная и нет принудительной светлой — показываем солнце */ @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .icon-theme__sun { display: inline-block; } :root:not([data-theme="light"]) .icon-theme__moon { display: none; } } /* Принудительно тёмная → солнце */ :root[data-theme="dark"] .icon-theme__sun { display: inline-block; } :root[data-theme="dark"] .icon-theme__moon { display: none; } /* Принудительно светлая → луна (перекрывает media-query) */ :root[data-theme="light"] .icon-theme__sun { display: none; } :root[data-theme="light"] .icon-theme__moon { display: inline-block; } /* === Filter pill button (с переливашкой для привлечения внимания) === */ .button__pill { display: inline-flex; align-items: center; gap: 10rem; padding: 0 20rem; height: max(40px, 48rem); min-width: max(40px, 48rem); border-radius: 999rem; background: linear-gradient(120deg, var(--c7) 0%, var(--c2) 50%, var(--c7) 100%); background-size: 200% 100%; background-position: 0 50%; color: var(--c1); border: var(--sl) solid var(--c4); font-weight: 600; font-size: var(--f-s); letter-spacing: normal; cursor: pointer; transition: transform .15s, box-shadow .15s, border-color .15s; animation: pill-shimmer 6s ease-in-out infinite; position: relative; } .button__pill:hover { border-color: var(--c3); transform: translateY(-1px); box-shadow: var(--shadow1); animation-play-state: paused; } .button__pill .button-icon { color: var(--c3); display: inline-flex; align-items: center; margin: 0; } .button__pill .button-icon .icon { width: 16px; height: 16px; } .button__pill .button-text { opacity: 1; font-weight: 600; } .button__pill .button-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 28rem; height: 22rem; padding: 0 8rem; border-radius: 999rem; background: var(--c3); color: #fff; font-size: var(--f-xs); font-weight: 700; margin-left: 4rem; box-shadow: 0 0 0 0 rgba(74, 141, 255, .5); animation: pill-badge-pulse 3s ease-in-out infinite; } @keyframes pill-shimmer { 0% { background-position: 0 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0 50%; } } @keyframes pill-badge-pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(74, 141, 255, .35); } 50% { box-shadow: 0 0 0 6rem rgba(74, 141, 255, 0); } } /* В тёмной теме переливашка чуть ярче */ @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .button__pill { background: linear-gradient(120deg, var(--c4) 0%, var(--c2) 50%, var(--c4) 100%); background-size: 200% 100%; } } :root[data-theme="dark"] .button__pill { background: linear-gradient(120deg, var(--c4) 0%, var(--c2) 50%, var(--c4) 100%); background-size: 200% 100%; } /* Уважение к prefers-reduced-motion */ @media (prefers-reduced-motion: reduce) { .button__pill, .button__pill .button-badge { animation: none; } } /* === Search page === */ .s-search{padding: 40rem 0 80rem;} .s-search .section-header{margin-bottom: 30rem;} .s-search__form{display: flex;gap: 12rem;margin: 0 0 30rem;align-items: stretch;} .s-search__input-wrap{flex: 1;position: relative;display: flex;align-items: center;background: var(--c2);border: var(--sl) solid var(--c4);border-radius: var(--br1);padding: 0 16rem 0 48rem;} .s-search__icon.icon{position: absolute;left: 16rem;top: 50%;transform: translateY(-50%);width: 18px;height: 18px;color: var(--c5);pointer-events: none;} .s-search__input{flex: 1;border: 0;background: none;color: var(--c1);font: inherit;padding: 14rem 0;outline: none;width: 100%;} .s-search__input::placeholder{color: var(--c5);} .s-search__form .button{padding: 0 24rem;} .s-search__hint{margin: -16rem 0 24rem;color: var(--c5);font-size: var(--f-s);} .s-search__hint a{color: var(--c3);} .s-search__list{display: flex;flex-direction: column;gap: 12rem;} .s-search__item{display: block;padding: 20rem 24rem;background: var(--c2);border: var(--sl) solid var(--c4);border-radius: var(--br2);text-decoration: none;color: var(--c1);transition: border-color .15s, transform .15s, box-shadow .15s;} .s-search__item:hover{border-color: var(--c3);transform: translateY(-2rem);box-shadow: var(--shadow1);} .s-search__item-title{font-size: var(--f-m);font-weight: 600;color: var(--c1);margin-bottom: 6rem;} .s-search__item-title b, .s-search__item-body b{color: var(--c3);font-weight: 700;} .s-search__item-body{font-size: var(--f-d);color: var(--c10);line-height: 1.5;margin-bottom: 8rem;} .s-search__item-url{font-size: var(--f-s);color: var(--c5);word-break: break-all;} .s-search__empty{padding: 40rem 24rem;text-align: center;background: var(--c2);border-radius: var(--br2);color: var(--c10);} .s-search__empty p{margin: 0 0 12rem;} .s-search__empty p:last-child{margin-bottom: 0;} .s-search__empty a{color: var(--c3);} .s-search__error{padding: 16rem 20rem;background: rgba(220, 53, 69, .1);border-radius: var(--br1);color: #DC3545;margin-bottom: 24rem;} .s-search__pager{margin-top: 30rem;display: flex;justify-content: center;} @media (max-width: 640px) { .s-search__form{flex-direction: column;} .s-search__form .button{width: 100%;} } /* === Blog (Живем и строим) — list & detail pages === */ .s-blog-index, .s-blog-list, .s-blog-detail{padding: 40rem 0 80rem;} .s-blog-list .section-header, .s-blog-index .section-header{margin-bottom: 30rem;} .s-blog-list__pager{margin-top: 40rem;display: flex;justify-content: center;} .s-blog-list__pager .arrows{display: flex;gap: 8rem;} .s1-empty{padding: 40rem;text-align: center;color: var(--c5);font-size: var(--f-d);} .blog-detail{max-width: 900rem;margin: 0 auto;} .blog-detail__header{margin-bottom: 30rem;} .blog-detail__meta{display: flex;gap: 16rem;color: var(--c5);font-size: var(--f-s);margin-bottom: 16rem;flex-wrap: wrap;} .blog-detail__date, .blog-detail__dur{display: inline-flex;align-items: center;gap: 6rem;} .blog-detail__title{font-size: var(--f-xl);font-weight: 700;line-height: 1.2;color: var(--c1);margin: 0 0 16rem;letter-spacing: -.02em;} .blog-detail__subtitle{font-size: var(--f-m);color: var(--c10);line-height: 1.5;margin: 0;} .blog-detail__media{margin: 30rem 0;border-radius: var(--br3);overflow: hidden;background: var(--c4);} .blog-detail__image{width: 100%;height: auto;display: block;} .blog-detail__video{position: relative;width: 100%;padding-top: 56.25%;} .blog-detail__video iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;} .blog-detail__audio{width: 100%;display: block;} .blog-detail__content{font-size: var(--f-d);line-height: 1.6;color: var(--c10);} .blog-detail__content p{margin: 0 0 16rem;} .blog-detail__content p:last-child{margin-bottom: 0;} .blog-detail__content h2, .blog-detail__content h3{color: var(--c1);margin: 30rem 0 12rem;} .blog-detail__footer{margin-top: 40rem;padding-top: 30rem;border-top: var(--sl) solid var(--c4);} /* === Policy page === */ .s-policy{padding: 60rem 0;} .s-policy .title{margin-bottom: 30rem;} .policy-content{max-width: 900rem;font-size: var(--f-d);line-height: 1.6;color: var(--c10);} .policy-content h2{margin: 32rem 0 12rem;font-size: var(--f-m);font-weight: 700;color: var(--c1);} .policy-content p{margin-bottom: 12rem;} .policy-content p:last-child{margin-bottom: 0;} @keyframes blink { 50% { opacity: 0; } } /* globals */ @media screen { html{font-size: 0.069vw;background-color: var(--c0);} .document{font-weight: 400;font-family: 'Manrope', sans-serif;font-size: var(--f-d);line-height: 1.4;color: var(--c1);background-color: var(--c0);letter-spacing: -.01em;} .popup-active{overflow: hidden;margin-right: var(--scrollbar-width);} .wrapper{width: 100%;margin: 0 auto;padding: 0 var(--wr);max-width:1320px;box-sizing: content-box;} .preloader{background-color: var(--c0);position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;visibility: hidden;opacity: 0;transition: all .25s 1s;display: flex;color: var(--c1);will-change: transform;} .loading{pointer-events: none;} .loading .preloader{transition-duration: 0s;opacity: 1;visibility: visible;} .rub{white-space: nowrap;} /* .rub:not(:empty)::after{content: "\a0\20bd";display: inline;} */ .icon{display: flex;max-height: 100%;align-items:center;justify-content:center;line-height: 0;max-width: 100%;width: auto;height: auto;} .cover, .contain{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-position: center;pointer-events: none;} .cover{object-fit: cover;} .contain{object-fit: contain;} .fill::after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;} .button{display: inline-flex;justify-content: center;max-width: 100%;user-select: none;cursor: pointer;align-items: center;background-clip: padding-box;} .button:not(.fill){overflow: hidden;z-index: 1;position: relative;} .button-text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;position: relative;min-width: 0;} .button-icon{display: flex;align-items: center;justify-content: center;margin: 0;flex: none;} .button__wide{width: 100%;} .button__default{border-radius: var(--br1);background-color: var(--c3);color: #fff;padding: 0 18rem;height: var(--btn);min-width: var(--btn);} .button__default .button-icon{width: max(16px, 20rem);height: max(16px, 20rem);margin: 0 8rem;} .button__default .button-text{font-size: var(--f-s);font-weight: 600;} .button__contrast{background-color: var(--c7);color: var(--c3);} /* В тёмной теме .button__contrast чаще всего стоит на синем брендовом фоне — делаем её всегда белой для читаемости */ @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .button__contrast{background-color: rgba(255,255,255,.95);color: var(--c3);} :root:not([data-theme="light"]) .button__contrast:hover{background-color: #fff;} } :root[data-theme="dark"] .button__contrast{background-color: rgba(255,255,255,.95);color: var(--c3);} :root[data-theme="dark"] .button__contrast:hover{background-color: #fff;} .button__secondary{border-radius: var(--br1);background-color: var(--c7);color: var(--c3);padding: 0 25rem;height: var(--btn);min-width: var(--btn);} .button__secondary .button-icon{width: max(16px, 20rem);height: max(16px, 20rem);margin: 0 8rem;} .button__secondary .button-icon:only-child{margin: 0 -25rem;} .button__secondary .button-text{font-size: var(--f-s);font-weight: 600;} .button__outlined{border-radius: var(--br1);color: var(--c1);padding: 12rem;height: var(--btn);min-width: var(--btn);border: var(--sl) solid var(--c4);} .button__outlined .button-icon{width: max(16px, 20rem);height: max(16px, 20rem);margin: 0 8rem;} .button__outlined .button-icon:not(:only-child){color: var(--c3);} .button__outlined .button-text{font-size: var(--f-s);font-weight: 600;color: var(--c8);} .button__more{justify-content: space-between;} .button__more .button-icon{width: max(16px, 22rem);height: max(16px, 22rem);margin: 0 12rem;border: var(--sl) solid var(--c4);border-radius: 3rem;padding: 6rem;} .button__more .button-text{font-weight: 600;font-size: var(--f-s);} .button__ibt .button-icon{width: max(16px, 20rem);height: max(16px, 20rem);margin: 0 8rem;color: var(--c3);} .button__ibt .button-text{font-weight: 600;font-size: var(--f-s);opacity: .4;} .button__icl{color: var(--c3);} .button__icl .button-icon{width: 1em;height: 1em;margin: 0 .5em;} .button__icl .button-text{font-weight: 500;} .button__float{background-color: var(--c3);color: #fff;border-radius: 50%;width: max(56px, 68rem);height: max(56px, 68rem);box-shadow: var(--shadow1);} .button__float .button-icon{width: max(20px, 24rem);height: max(20px, 24rem);} .button-icon:first-child{margin-left: 0;} .button-icon:last-child{margin-right: 0;} .pdl{color: var(--c3);display: inline-block;font-weight: 500;position: relative;} .pdl::after{content: "";position: absolute;top: 100%;left: 0;width: 100%;border-bottom: var(--sl) dashed;} .title{line-height: 1;font-weight: 600;width: 100%;} .title__default{font-size: var(--f-xl);letter-spacing: -.02em;} .title__large{font-size: var(--f-xxl);letter-spacing: -.02em;} .title-selector{display: inline-flex;color: var(--c3);align-items: center;cursor: pointer;position: relative;} .title-selector-icon{display: flex;align-items: center;justify-content: center;margin-left: 6rem;width: max(14px, 14rem);height: max(14px, 14rem);} .pretitle{font-size: var(--f-xs);letter-spacing: .1em;text-transform: uppercase;font-weight: 600;} .pretitle:not(:last-child){margin-bottom: 16rem;} .container{display: flex;flex-direction: column;min-height: var(--app-height);} .header{background-color: var(--c2);outline: var(--sl) solid var(--c0);position: sticky;top: 0;z-index: 10;margin-bottom: 0;} .topbar{padding: 16rem 0;border-bottom: var(--sl) solid var(--c4);display: grid;grid-template-columns: 1fr auto;align-items: center;grid-gap: var(--gap);} .topbar-nav{margin-right: auto;} .topbar-nav ul{display: grid;grid-auto-flow: column;grid-gap: var(--gap);font-size: var(--f-xs);align-items: center;} .topbar-nav li:not(.current){opacity: .8;} .topbar-contacts ul{display: grid;grid-auto-flow: column;grid-gap: var(--gap);font-size: var(--f-xs);align-items: center;} .mainbar{padding: 16rem 0;display: grid;grid-template-columns: auto 1fr auto auto;grid-gap: var(--gap);align-items: center;} .mainbar-logo{max-width: 160rem;} .mainbar-nav{margin-right: auto;} .mainbar-nav > ul{display: grid;grid-auto-flow: column;grid-gap: var(--gap);font-size: var(--f-s);align-items: center;font-weight: 600;} .mainbar-nav > ul > li{position: relative;} .mainbar-nav .has-dropdown > a{cursor: pointer;} .menu-dropdown-trigger{display: inline-flex;align-items: center;gap: 4rem;} .menu-dropdown-arrow{width: 10rem;height: 10rem;flex-shrink: 0;} .menu-dropdown{position: absolute;top: 100%;left: 0;min-width: 260rem;background: var(--c2);border-radius: var(--br2);box-shadow: var(--shadow2);padding: 8rem 0;opacity: 0;visibility: hidden;transform: translateY(8rem);transition: opacity .2s ease, transform .2s ease, visibility .2s;z-index: 100;} .has-dropdown:hover .menu-dropdown{opacity: 1;visibility: visible;transform: translateY(0);} .menu-dropdown ul{display: flex;flex-direction: column;gap: 0;} .menu-dropdown li{} .menu-dropdown li a{display: block;padding: 10rem 20rem;font-size: var(--f-s);font-weight: 500;color: var(--c1);white-space: nowrap;transition: background .15s, color .15s;} .menu-dropdown li a:hover{background: var(--c0);color: var(--c3);} .mainbar-tel-value{font-size: var(--f-m);font-weight: 700;letter-spacing: normal;} .mainbar-tel-city{font-size: var(--f-xxs);color: var(--c8);display: flex;align-items: center;margin-bottom: 2rem;} .mainbar-tel-context{color: var(--c5);font-size: var(--f-xxs);display: flex;align-items: center;margin-top: 4rem;line-height: 1;} .mainbar-tel-context::before{content: "";flex: none;width: max(6px, .5em);height: max(6px, .5em);border-radius: 50%;margin-right: .5em;background-color: var(--c6); animation: blink 1s infinite;} .mainbar-action{display: grid;grid-auto-flow: column;grid-gap: 10rem;align-items: center;} .main{margin-top: 0;flex: auto;display: flex;flex-direction: column;} .section{position: relative;z-index: 1;overflow-x: clip;padding: 60rem 0;} .section:first-child{padding-top: 30rem;} .section:last-child{padding-bottom: 0;} .section:only-child{flex: auto;} .section__contrast{padding: 80rem 0;background-color: var(--c2);} .section__contrast + .section__contrast{padding-top: 40rem;} .section-header{display: grid;grid-template-columns: repeat(12, 1fr);grid-gap: var(--gap);align-items: flex-start;margin-bottom: 40rem;} .section-header-title b{font-weight: inherit;color: var(--c3);} .section-header-subtitle{margin-top: 16rem;color: var(--c10);} .section-header-paging{grid-column: 7/10;margin-top: auto;} .section-header-action{grid-column: 10/13;margin-top: auto;margin-left: auto;} .section-header-aside{grid-column: 7/13;text-align: right;font-size: var(--f-s);color: var(--c10);} .section-header-aside__alt{text-align: left;max-width: 575rem;font-size: var(--f-d);} .section-header-aside b{color: var(--c3);font-weight: inherit;} .section-header-title:only-child, .section-header-paging, .section-header-action{min-height: var(--btn);display: flex;align-items: center;} .footer{overflow: hidden;margin-top: 120rem;background-color: var(--c2);color: var(--c1);} .footer-nav{padding: 60rem 0 40rem;display: flex;align-items: flex-start;justify-content: space-between;} .footer-nav-col{padding: 0 30rem;} .footer-nav-title{margin-bottom: 10rem;font-weight: 600;} .footer-nav-list ul{display: grid;grid-template-columns: auto;grid-gap: 10rem;font-size: var(--f-s);color: var(--c5);} .footer-grid{border-top: var(--sl) solid var(--c4);padding: 40rem 0;overflow: hidden;} .footer-grid-inner{margin: 0 -20rem;display: flex;justify-content: space-between;align-items: center;} .footer-grid-col{margin: 0 20rem;} .footer-grid-action{display: grid;grid-auto-flow: column;grid-gap: 10rem;align-items: center;} .footer-contact{display: flex;flex-direction: column;justify-content: flex-end;} .footer-contact-pretitle{font-size: var(--f-s);opacity: .6;margin-bottom: 8rem;} .footer-contact-title{} .footer-map{position: relative;display: flex;background-color: var(--c1);overflow: hidden;} .footer-map::before{content: "";flex: none;width: 0;padding-top: 33.33%;} .map{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;} .map-card{background-color: var(--c2);color: var(--c1);padding: 20rem;margin: 60rem 0 60rem auto;position: relative;z-index: 1;max-width: 410rem;width: 100%;border-radius: var(--br3);} .map-card-footer{margin-top: 16rem;padding-top: 16rem;border-top: var(--sl) solid var(--c4);} .map-card .card-pretitle{font-size: var(--f-xxs);margin-bottom: 16rem;opacity: .6;} .map-card .card-title{font-weight: 600;} .map-card .card-subtitle{font-size: var(--f-s);margin-top: 10rem;} .bottombar{padding: 20rem 0;} .bottombar-inner{max-width: 1200rem;font-size: var(--f-xxs);color: var(--c5);} .tag{display: flex;align-items: center;border-radius: 999rem;height: 28rem;padding: 0 10rem;font-size: var(--f-xs);} .tag-icon{flex: none;margin-right: .5em;width: 1em;height: 1em;display: flex;align-items: center;justify-content: center;} .tag-text{font-weight: 600;letter-spacing: normal;} .tag__white{background-color: var(--c2);color: var(--c3);} .carousel-buttons{display: grid;grid-auto-flow: column;grid-gap: 10rem;} .carousel-button{cursor: pointer;width: var(--btn);height: var(--btn);display: flex;align-items: center;justify-content: center;border: var(--sl) solid var(--c4);border-radius: var(--br1);padding: 20rem;} .carousel-button.swiper-button-disabled{cursor: not-allowed;color: var(--c8);} .tabs{overflow: hidden;} .tabs ul{display: flex;flex-wrap: wrap;margin: -5rem;} .tabs li{margin: 5rem;display: flex;align-items: center;font-size: var(--f-s);border-radius: var(--br0);position: relative;letter-spacing: normal;font-weight: 600;user-select: none;padding: 12rem 18rem;border: none;background-color: var(--c0);color: var(--c3);transition: all .15s;} .tabs li.current{background-color: var(--c3);color: #fff;border-color: var(--c3);pointer-events: none;border-radius: 99rem;} .tabs__dense ul{} .tabs__dense li{font-size: var(--f-xxs);padding: 12rem 18rem;} .tabs__outlined li{padding: 12rem 20rem;border: var(--sl) solid var(--c4);} .tabs__outlined li:not(.current){background-color: transparent;color: inherit;} .tabs__outlined li.current{border-radius: var(--br0);} .tabs__contrast li{background-color: var(--c2);color: var(--c1);} .tabs__contrast li.current{border-radius: var(--br0);} .pin{position: absolute;width: 24rem;height: 24rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;background-color: var(--c9);margin: -12rem 0 0 -12rem;} .pin::before{content: "";flex: none;width: 25%;height: 25%;border-radius: 50%;background-color: var(--c3);} .pin-text{position: absolute;top: 100%;left: 50%;font-size: var(--f-xxs);background-color: var(--c2);border-radius: 3rem;padding: 5rem 10rem;transform: translateX(-50%);margin-top: 5rem;} .formbox{display: grid;grid-template-columns: auto;grid-gap: 16rem;} .formbox-row{display: flex;align-items: flex-end;} .formbox-cell{flex: 1;} .formbox-cell__dense{flex: none;} .formbox-cell:not(:first-child){margin-left: var(--gap);} .formbox-footer{margin-top: 30rem;} .textfield-label{font-size: var(--f-xs);letter-spacing: normal;margin-bottom: 8rem;opacity: .6;} .textfield{display: flex;min-width: 0;width: 100%;align-items: center;min-height: var(--btn);border-radius: var(--br1);background-color: var(--c0);position: relative;} .textfield-input{resize: none;} .calc-editable-input{border: none;background: transparent;font-size: var(--f-d);letter-spacing: -.01em;font-weight: 600;width: 100%;padding: 0;margin: 0;outline: none;color: var(--c1);font-family: inherit;} .calc-editable-input:focus{color: var(--c3);} .textfield-input, .textfield-input-range{text-overflow: ellipsis;font-size: var(--f-d);letter-spacing: -.01em;font-weight: 600;flex: auto;padding: 16rem 24rem;min-width: 0;white-space: nowrap;overflow: hidden;} .textfield-input-range[data-prefix]::before{content: attr(data-prefix) "\a0";} .textfield-input-range::before, .textfield-input-range::after{opacity: .4;font-size: var(--f-s);} .textfield-input-range + .textfield-input-range{flex: none;padding-left: 0;} .textfield-suffix{flex: none;margin-right: 24rem;font-size: var(--f-s);letter-spacing: normal;font-weight: 700;color: var(--c3);} .textfield-selector-icon{flex: none;margin-right: 24rem;color: var(--c3);display: flex;align-items: center;justify-content: center;width: max(8px, 10rem);height: max(8px, 10rem);cursor: pointer;} .textfield-radio-group{display: inline-grid;grid-auto-flow: column;grid-gap: 10rem;} .textfield-radio{text-overflow: ellipsis;flex: none;min-height: var(--btn);padding: 0 12rem;display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;border-radius: var(--br1);background-color: var(--c0);min-width: max(40px, 44rem);} .textfield-radio-control{position: absolute;right: 100%;width: 0;height: 0;} .textfield-radio-title{cursor: pointer;font-weight: 600;opacity: .4;} .textfield-radio-control:checked ~ .textfield-radio-title{opacity: 1;} .textfield-switch-group{display: grid;grid-template-columns: auto;grid-gap: 10rem;} .textfield-switch{position: relative;overflow: hidden;border-radius: var(--br2);background-color: var(--c0);padding: 16rem 20rem;grid-template-columns: auto 1fr auto;grid-gap: 16rem;align-items: center;display: grid;} .textfield-switch-icon{width: max(24px, 32rem);height: max(24px, 32rem);display: flex;align-items: center;justify-content: center;position: relative;margin: -5rem 0;} .textfield-switch-title{font-size: var(--f-s);letter-spacing: normal;font-weight: 500;} .textfield-switch-action{line-height: 1;} .textfield-switch-check{color: var(--c3);display: flex;align-items: center;justify-content: center;width: max(10px, 12rem);height: max(10px, 12rem);} .textfield__small .textfield-input{font-size: var(--f-s);letter-spacing: normal;font-weight: 400;} .textfield__contrast{background-color: var(--c12);border: var(--sl) solid var(--c13);} .textfield__white{background-color: var(--c2);} .textfield.active .textfield-selector-icon{transform: scaleY(-1);} .selector-list{position: absolute;z-index: 999;margin-top: 10rem;background-color: var(--c2);display: grid;grid-template-columns: auto;grid-gap: 10rem;box-shadow: var(--shadow1);padding: 16rem 0;border-radius: var(--br1);} .selector-list__fit{max-width: max-content;width: 100%!important;} .selector-list:not(.active){visibility: hidden;} .selector-option{padding: 8rem 24rem;font-size: var(--f-d);font-weight: 600;cursor: pointer;position: relative;} .selector-option-inner.active{color: var(--c3);} .checkbox{position: relative;overflow: hidden;user-select: none;} .checkbox-title{position: relative;display: flex;align-items: center;padding: .1em;} .checkbox-title-icon{width: max(16px, 20rem);height: max(16px, 20rem);position: relative;border-radius: 3rem;display: flex;align-items: center;justify-content: center;padding: 2rem;flex: none;cursor: pointer;margin-right: 10rem;border: max(1px, 2rem) solid var(--c4);transition: all .15s;} .checkbox-title-icon .icon{transform: scale(0);transition: transform .15s;will-change: transform;} .checkbox-title-label{font-size: var(--f-s);letter-spacing: normal;transition: opacity .15s;font-weight: 600;} .checkbox-title-label a{text-decoration: underline;} .checkbox-title-badge{color: var(--c3);cursor: help;width: max(14px, 16rem);height: max(14px, 16rem);display: flex;align-items: center;justify-content: center;flex: none;margin-left: 8rem;} .checkbox-control{position: absolute;right: 100%;width: 0;height: 0;opacity: 0;} .checkbox-control:checked ~ .checkbox-title-icon{background-color: var(--c3);color: #fff;border-color: var(--c3);} .checkbox-control:checked ~ .checkbox-title-icon .icon{transform: scale(1);} .checkbox-control:checked ~ .checkbox-title-label{} .checkbox__contrast .checkbox-control:checked ~ .checkbox-title-icon{background-color: var(--c2);color: var(--c3);border-color: var(--c2);} .carousel-paging-current, .carousel-paging-total{font-size: var(--f-xs);letter-spacing: .1em;min-width: 3em;} .carousel-paging-current{} .carousel-paging-total{text-align: right;} .swiper-pagination-progressbar{position: relative;} .partners{display: flex;justify-content: space-between;align-items: center;} .partners-title{font-size: var(--f-b);font-weight: 600;letter-spacing: normal;} .partners-group{display: flex;align-items: center;flex: auto;justify-content: space-between;margin: -5rem 70rem;} .partners-group:last-child{margin-right: 0;margin-left: 100rem;} .partners-group-item{} .partners-group-item img{width: auto;max-width: none;max-height: none;} .hero{border-radius: var(--br3);padding: 40rem;color: #fff;position: relative;overflow: hidden;z-index: 1;width: 100%;min-height: 100%;display: flex;flex-direction: column;align-items: flex-start;} .hero .title h1, .hero .title h2, .hero .hero-title, .hero h1{color: #fff;} /* Кнопки внутри hero — всегда светлые, чтобы выделяться на фоне фотографии */ .hero .button__secondary{background-color: rgba(255,255,255,.95);color: var(--c3);} .hero .button__secondary:hover{background-color: #fff;} .hero-media{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;} .hero-media::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(rgba(0,0,0,0), var(--c14));opacity: .4;} .hero-header{margin: -20rem 0 150rem -20rem;background-color: var(--c2);padding: 20rem;border-radius: var(--br2);color: var(--c1);} .hero-header-icon{width: max(24px, 32rem);height: max(24px, 32rem);display: flex;align-items: center;justify-content: center;margin-bottom: 8rem;} .hero-header-title{font-weight: 500;line-height: 1;} .hero-header-title b{color: var(--c3);} .hero-header-subtitle{margin-top: 4rem;font-size: max(10px, 11rem);;letter-spacing: normal;} .hero-title{margin-top: auto;max-width: 550rem;} .hero-footer{margin-top: 40rem;display: grid;grid-auto-flow: column;grid-gap: 16rem;} .hero-slide{display: flex;flex-direction: column;padding:40rem 20px;width: 100%;} .hero-slide-num{font-size: 100rem;line-height: 1;letter-spacing: -.12em;font-weight: 700;} .hero-slide-subtitle{margin-bottom: auto;font-size: var(--f-b);line-height: 1.2;letter-spacing: -.02em;font-weight: 600;} .hero-slide-image{margin-top: 30rem;display: flex;margin-bottom: -25px;} .hero-slide-image img{width: auto;max-height: 280rem;margin-left: auto;} .hero-slide-action{width: 50%;} .page-header{margin-bottom: 0;padding-top: 30rem;} .page-header-grid{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 0 var(--gap);grid-template-areas: "a1 a2" "a3 a2" "a4 a2" "a5 a2";grid-template-rows: auto auto auto 1fr;} .page-header-media{grid-area: a2;position: relative;overflow: hidden;display: flex;max-height: 400rem;border-radius: var(--br3);} .page-header-media::before{content: "";flex: none;width: 0;padding-top: 60%;} .page-header-breadcrumbs{grid-area: a1;margin-bottom: 60rem;overflow: hidden;} .page-header-breadcrumbs ul{display: flex;flex-wrap: wrap;margin: -4rem;} .page-header-breadcrumbs li{margin: 4rem;font-size: var(--f-xs);letter-spacing: normal;display: flex;align-items: center;color: var(--c8);} .page-header-breadcrumbs li:not(:last-child)::after{content: "\2022";padding-left: 8rem;} .page-header-breadcrumbs li:last-child{pointer-events: none;} .page-header-title{grid-area: a3;} .page-header-subtitle{grid-area: a4;max-width: 560rem;opacity: .8;margin-top: 30rem;} .page-header-action{grid-area: a5;margin-top: 60rem;} .page-header__contrast{background-color: var(--c2);} .catalog-settings{background-color: var(--c2);color: var(--c1);padding: 30rem 0 50rem;margin-bottom: 30rem;border-radius: 0 0 40rem 40rem;padding-bottom: 30px;} .catalog-form{overflow: hidden;} .catalog-form-inner{margin: 0 -5rem;display: flex;align-items: flex-end;} .catalog-form-item{margin: 0 5rem;flex: 1;overflow: hidden;} .catalog-form-item__dense{flex: none;} .catalog-form-item__large{flex: 1.5;} .catalog-toolbar{margin-top: 30rem;display: grid;grid-template-columns: 1fr auto 1fr;grid-gap: var(--gap);align-items: center;} .catalog-toolbar-col:last-child{margin-left: auto;} .catalog-toolbar-total{text-align: center;font-size: var(--f-s);color: var(--c3);letter-spacing: normal;} .catalog-headers{display: grid;grid-template-columns: 150rem repeat(4, minmax(0, 1fr)) 1.5fr 1.5fr auto;grid-gap: 40rem;font-size: var(--f-xs);opacity: .6;padding: 0 40rem 0 10rem;} .catalog-headers::after{content: "";width: calc( max(16px, 20rem) * 2 + 12rem );} .view-type{display: grid;grid-auto-flow: column;grid-gap: 10rem;} .view-type-button{position: relative;overflow: hidden;background-color: var(--c2);color: var(--c15);width: var(--btn);height: var(--btn);border-radius: 50%;padding: 15rem;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: color .15s;} .view-type-button.current{pointer-events: none;color: var(--c3);} .sber-label{display: flex;align-items: center;border-radius: 999rem;padding: 8rem 10rem;background-color: #F5FCF4;} .sber-label-icon{display: flex;align-items: center;justify-content: center;width: max(14px, 18rem);height: max(14px, 18rem);position: relative;margin-right: 10rem;} .sber-label-text{font-size: var(--f-xs);letter-spacing: normal;font-weight: 600;} .rating{position: relative;width: 100rem;height: 16rem;background-repeat: repeat-x;background-size: auto 100%;background-position: left;background-image: url(/local/templates/dom/images/icon/rating-blank.svg);} .rating-stars{background-repeat: repeat-x;position: absolute;background-size: auto 100%;background-position: left;top: 0;left: 0;height: 100%;background-image: url(/local/templates/dom/images/icon/rating-colored.svg);width: calc(100% * var(--rating) / 5);} .runner{padding: 4rem;border-radius: var(--br1);background-color: var(--c0);} .runner ul{display: flex;justify-content: space-between;} .runner li{font-size: var(--f-xs);letter-spacing: normal;font-weight: 600;display: flex;align-items: center;padding: 5rem 10rem;border-radius: var(--br0);cursor: pointer;position: relative;min-height: max(24px, 30rem);text-align: center;justify-content: center;transition: all .15s;} .runner li label{cursor: pointer;} .runner li.current{pointer-events: none;color: var(--c3);font-weight: 600;background-color: var(--c2);} .runner .control{position: absolute;right: 100%;left: 0;width: 0;} .runner__vertical ul{flex-direction: column;} .switch{position: relative;overflow: hidden;display: inline-flex;} .switch-control{position: absolute;right: 100%;width: 0;height: 0;} .switch-icon{position: relative;border-radius: 999rem;border: var(--sl) solid var(--c15);background-color: var(--c16);display: flex;transition: background-color .15s;cursor: pointer;} .switch-icon::before{content: "";flex: none;height: max(14px, 16rem);width: max(14px, 16rem);border-radius: 50%;background-color: var(--c2);transition: transform .15s;margin-left: 10rem;will-change: transform;transform: translateX(-10rem);} .switch-control:checked ~ .switch-icon{background-color: var(--c3);} .switch-control:disabled ~ .switch-icon{pointer-events: none;opacity: .5;} .switch-control:checked ~ .switch-icon::before{transform: translateX(0);} .catalog-form-item{padding: 0 0 10rem;} .catalog-types{margin-top: 24rem;} .catalog-types-label{font-size: var(--f-xs);letter-spacing: normal;opacity: .6;margin-bottom: 10rem;} .catalog-types-list{display: flex;align-items: center;flex-wrap: wrap;gap: 8rem;} .catalog-types-item{display: inline-flex;align-items: center;gap: 8rem;padding: 10rem 14rem;border-radius: 999rem;background-color: var(--c0);font-size: var(--f-xs);line-height: 1;font-weight: 600;letter-spacing: normal;transition: background-color .15s,color .15s;} .catalog-types-item:hover{background-color: var(--c4);} .catalog-types-item.is-active{background-color: var(--c3);color: var(--c2);pointer-events: none;} .catalog-types-name{white-space: nowrap;} .catalog-types-count{display: inline-flex;align-items: center;justify-content: center;height: max(16px, 20rem);min-width: max(16px, 20rem);padding: 0 6rem;border-radius: 999rem;background-color: var(--c2);font-size: var(--f-xxs);font-weight: 600;line-height: 1;} .catalog-types-item.is-active .catalog-types-count{background-color: rgba(255,255,255,.2);} .range{position: absolute;bottom: 0;left: 0;z-index: 1;display: flex;align-items: center;right: 0;margin: 0 var(--br1);background-color: var(--c4);} .range .asRange-pointer{position: absolute;left: 0;width: 12rem;height: 12rem;background-color: var(--c3);border-radius: 50%;cursor: grab;z-index: 2;margin-left: -6rem;} .range .asRange-pointer:active{cursor: grabbing;} .range .asRange-pointer_active{z-index: 3;} .range .asRange-selected{background-color: var(--c3);position: relative;left: 0;height: var(--sl);width: 0;z-index: 1;} .popup{position: fixed;z-index: 100;background-color: var(--c2);} .popup-aside{right: 0;height: 100%;top: 0;width: 100%;max-width: 900rem;border-radius: var(--br5) 0 0 var(--br5);transition: all .25s;padding: 50rem 50rem 0;display: flex;} .popup-aside:not(.active){transform: translateX(100%);} .popup-inner{display: flex;flex-direction: column;width: 100%;} .popup-header{flex: none;display: flex;align-items: flex-start;margin-bottom: 30rem;} .popup-header-title{margin-right: var(--gap);} .popup-close{margin-left: auto;} .popup-content{flex: auto;padding-bottom: 50rem;overflow: auto;} .popup-content, .popup-content *{scrollbar-width: none;} .popup-content::-webkit-scrollbar, .popup-content *::-webkit-scrollbar{display: none;} .popup-overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99;background-color: var(--c14);opacity: 0;transition: all .25s;visibility: hidden;} .popup.active ~ .popup-overlay{opacity: .4;visibility: visible;} .float{position: fixed;bottom: 0;right: 0;z-index: 99;margin: 30rem;will-change: transform;transition: all .25s;} .float.hidden{opacity: 0;transform: translateY(50rem);visibility: hidden;} } /* cards */ @media screen { .card{position: relative;overflow: hidden;display: flex;min-height: 100%;flex-direction: column;user-select: none;width: 100%;} .card-1 .card-header{border-radius: var(--br3);display: flex;align-items: flex-start;padding: 10rem;position: relative;overflow: hidden;} .card-1 .card-header::before{content: "";flex: none;width: 0;padding-top: 130%;} .card-1 .card-media{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;} .card-1 .card-tags{position: relative;z-index: 1;} .card-1 .card-content{margin-top: 16rem;display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);align-items: baseline;} .card-1 .card-title{font-size: var(--f-b);line-height: 1.2;letter-spacing: -.02em;font-weight: 600;} .card-1 .card-subtitle{display: flex;align-items: center;} .card-1 .card-subtitle-text{font-size: var(--f-s);font-weight: 600;text-align: right;} .card-1 .card-subtitle-icon{width: 22rem;height: 22rem;margin-left: 8rem;border: var(--sl) solid var(--c4);border-radius: 3rem;padding: 6rem;} .card-1{transition: box-shadow .3s, transform .3s;} .card-1:hover{} .card-1 .card-media img{transition: transform .4s ease;} .card-1:hover .card-media img{} .card-2{transition: box-shadow .3s, transform .3s;} .card-2:hover{} .card-2 .card-media img{transition: transform .4s ease;} .card-2:hover .card-media img{transform: scale(1.05);} .card-2{background-color: var(--c2);color: var(--c1);border-radius: var(--br3);padding: 10rem;} .card-2 .card-header{border-radius: var(--br1);display: flex;align-items: flex-start;position: relative;overflow: hidden;margin-bottom: 20rem;} .card-2 .card-header::before{content: "";flex: none;width: 0;padding-top: 65%;} .card-2 .card-content{padding: 0 16rem;margin-bottom: 16rem;} .card-2 .card-media{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;} .card-2 .card-title{font-size: var(--f-b);line-height: 1.2;letter-spacing: -.02em;font-weight: 600;} .card-2 .card-subtitle{margin-top: 16rem;font-size: var(--f-s);max-width: 230rem;opacity: .6;} .card-2 .card-footer{margin: auto 0 16rem;padding: 0 16rem;} .card-3{background-color: var(--c2);color: var(--c1);border-radius: var(--br3);padding: 10rem;} .card-3 .card-header{border-radius: var(--br1);display: flex;align-items: flex-start;position: relative;overflow: hidden;order: 1;justify-content: flex-end;margin-top: 20rem;padding: 10rem;} .card-3 .card-header::before{content: "";flex: none;width: 0;padding-top: 45%;} .card-3 .card-header-icon{display: flex;flex: none;width: max(36px, 42rem);height: max(36px, 42rem);align-items: center;justify-content: center;padding: 12rem;background-color: var(--c1);color: var(--c2);position: relative;z-index: 1;border-radius: var(--br0);} .card-3 .card-content{padding: 16rem 16rem 0;margin-bottom: auto;} .card-3 .card-media{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;} .card-3 .card-pretitle{margin-bottom: 16rem;font-size: var(--f-s);opacity: .6;} .card-3 .card-title{font-size: var(--f-b);line-height: 1.2;letter-spacing: -.02em;font-weight: 600;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .card-3 .card-subtitle{margin-top: 16rem;font-size: var(--f-s);opacity: .6;} .card-3 .card-footer{margin-top: 32rem;padding: 0 16rem;} .card-4{border-radius: var(--br3);} .card-4 .card-inner{display: grid;grid-template-columns: minmax(0, 1fr) auto;grid-gap: 0 var(--gap);background-color: var(--c2);border-radius: var(--br3);grid-template-areas: "a1 a2" "a3 a3" "a4 a4" "a5 a5" "a6 a6";padding: 16rem 20rem 10rem;align-items: center;flex: auto;grid-template-rows: auto minmax(0, 1fr) auto auto auto;} .card-4 .card-inner:last-child{padding-bottom: 20rem;} .card-4 .card-title{grid-area: a1;font-weight: 600;font-size: var(--f-s);letter-spacing: normal;min-width: 0;} .card-4 .card-title-inner{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;display: block;} .card-4 .card-actions{grid-area: a2;display: grid;grid-auto-flow: column;grid-gap: 12rem;align-items: center;} .card-4 .card-action{display: flex;align-items: center;justify-content: center;width: max(16px, 20rem);height: max(16px, 20rem);opacity: .2;cursor: pointer;z-index: 2;position: relative;} .card-4 .card-header{grid-area: a3;position: relative;display: flex;margin: 0 -20rem 0;height: 100%;padding: 16rem 0 20rem;} .card-4 .card-media-group{position: relative;display: flex;width: 100%;align-items: flex-end;justify-content: center;padding: 16rem;z-index: 1;background-color: var(--c2);} .card-4 .card-media-group::before{content: "";flex: none;width: 0;padding-top: 80%;} .card-4 .card-media:not(:only-child){flex: none;max-width: 12rem;height: max(2px, 2rem);color: var(--c3);margin: 0 4rem;flex: 1;border-radius: 999rem;background-color: currentColor;} .card-4 .card-media img{z-index: -1;} .card-media-dots{display: none;} .card-4 .card-price{grid-area: a4;display: flex;flex-wrap: wrap;margin: -8rem -8rem 0;align-items: center;} .card-4 .card-price-val{margin: 8rem 8rem 0;font-weight: 600;font-size: var(--f-b);} .card-4 .card-price-old{margin: 8rem 8rem 0;font-weight: 600;font-size: var(--f-s);text-decoration: line-through;color: var(--c8);} .card-4 .card-price-context{margin: 8rem 8rem 0;font-size: var(--f-xs);color: var(--c8);min-width: calc(100% - 16rem);} .card-4 .card-price-context b{font-weight: inherit;color: var(--c3);} .card-4 .card-info{grid-area: a5;margin-top: 10rem;font-size: var(--f-s);font-weight: 600;overflow: hidden;letter-spacing: normal;} .card-4 .card-info ul{display: flex;flex-wrap: wrap;} .card-4 .card-info li{display: flex;align-items: center;} .card-4 .card-info li:not(:last-child)::after{content: "\2022";opacity: .2;flex: none;padding: 0 12rem;} .card-4 .card-tags{grid-area: a6;margin-top: 10rem;overflow: hidden;position: relative;counter-reset: index;margin-bottom: 0;} .card-4 .card-tags ul{display: flex;flex-wrap: wrap;margin: -5rem 0 0 -5rem;} .card-4 .card-tags:not(.no-counter) ul::after{content: "+" counter(index);} .card-4 .card-tags ul::after, .card-4 .card-tags li{flex: none;margin: 5rem 0 0 5rem;font-weight: 600;font-size: var(--f-xs);white-space: nowrap;overflow: hidden;max-width: 100%;text-overflow: ellipsis;background-color: var(--c0);padding: 8rem 10rem;border-radius: 999rem;color: var(--c1);} .card-4 .card-tags li:nth-child(n + 2){counter-increment: index;position: absolute;right: 100%;bottom: 100%;visibility: hidden;} .card-4 .card-footer{background-color: var(--c9);margin: calc(-1 * var(--br3)) 0 0;padding: var(--br3) 20rem 0;position: relative;z-index: -1;} .card-4 .card-footer-inner{padding: 10rem 0;display: flex;justify-content: center;align-items: center;font-size: var(--f-xs);} .card-4 .card-footer-icon{flex: none;color: var(--c3);display: flex;align-items: center;justify-content: center;width: 1em;height: 1em;margin-right: 8rem;} .card-4 .card-footer-text{opacity: .8;} .card-4 .card-footer-text:not(:last-child){margin-right: 8rem;} .card-4 .card-footer-counter{font-weight: 600;opacity: .8;} .card-5{background-color: var(--c2);color: var(--c1);border-radius: var(--br3);padding: 30rem;} .card-5 .card-header{margin-bottom: 60rem;display: flex;justify-content: space-between;} .card-5 .card-header-icon{position: relative;width: max(36px, 42rem);height: max(36px, 42rem);display: flex;align-items: center;justify-content: center;flex: none;} .card-5 .card-content{display: flex;flex-direction: column;} .card-5 .card-content:last-child{flex: auto;} .card-5 .card-content:last-child .card-title:last-child{margin-top: auto;} .card-5 .card-content:not(:last-child){margin-bottom: auto;} .card-5 .card-content li{position: relative;padding-left: 1.5em;} .card-5 .card-content li::before{content: "\2022";position: absolute;top: 0;left: 0;width: 1.5em;text-align: center;} .card-5 .card-title{font-size: var(--f-m);line-height: 1.2;letter-spacing: -.02em;font-weight: 600;} .card-5 .card-subtitle{opacity: .6;font-size: var(--f-s);} .card-5 .card-subtitle:not(:first-child){margin-top: 15rem;} .card-5 .card-footer{margin: 30rem -20rem -20rem;background-color: var(--c0);color: var(--c3);font-size: var(--f-s);letter-spacing: normal;border-radius: var(--br1);padding: 20rem;} .section__contrast .card-5{background-color: var(--c0);} .section__contrast .card-5 .card-subtitle{opacity: .8;} .card-6{border-radius: var(--br3);flex-direction: row;min-height: 400rem;align-items: flex-end;padding: 10rem;} .card-6::before{content: "";flex: none;width: 0;padding-top: 40%;} .card-6 .card-header{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;} .card-6 .card-media{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;} .card-6 .card-content{position: relative;z-index: 1;background-color: var(--c2);color: var(--c1);padding: 20rem;border-radius: var(--br2);width: 100%;} .card-6 .card-title{font-size: var(--f-m);line-height: 1.2;letter-spacing: -.02em;font-weight: 600;} .card-6 .card-subtitle{font-size: var(--f-s);letter-spacing: normal;} .card-7{border-radius: var(--br3);flex-direction: row;min-height: 400rem;align-items: flex-end;padding: 30rem;} .card-7 .card-header, .card-7 .card-media{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;} .card-7 .card-content{margin-left: auto;position: relative;z-index: 2;background-color: var(--c14);color: var(--c2);display: flex;align-items: center;justify-content: center;min-height: 85rem;min-width: 85rem;overflow: hidden;border-radius: var(--br3);border: var(--sl) solid;pointer-events: none;} .card-7 .card-content-image{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: .5;z-index: 1;} .card-7 .card-title{position: relative;z-index: 1;font-weight: 600;font-size: var(--f-b);letter-spacing: .02em;line-height: 1.2;white-space: nowrap;} .card-8{flex-direction: row;align-items: center;background-color: var(--c2);border-radius: var(--br3);padding: 30rem;} .card-8 .card-header{margin-right: var(--gap);flex: none;} .card-8 .card-header:last-child{margin-left: var(--gap);margin-right: 0;} .card-8 .card-header-icon{position: relative;width: max(42px, 50rem);height: max(42px, 50rem);display: flex;align-items: center;justify-content: center;} .card-8 .card-content{max-width: 225rem;margin-right: auto;} .card-8 .card-title{font-size: var(--f-m);line-height: 1.2;letter-spacing: -.02em;font-weight: 600;} .card-8 .card-subtitle{font-size: var(--f-s);letter-spacing: normal;margin-top: 4rem;opacity: .6;} .section__contrast .card-8{background-color: var(--c0);} .card-9{padding: 10rem;background-color: var(--c2);} .card-9 .card-header{overflow: hidden;position: relative;display: flex;border-radius: var(--br3);} .card-9 .card-header::before{content: "";flex: none;width: 0;padding-top: 80%;} .card-9 .card-media{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .card-9 .card-content{margin-top: 10rem;padding: 10rem;max-width: 400rem;} .card-9 .card-title{font-size: var(--f-m);letter-spacing: -.02em;font-weight: 600;} .card-9 .card-subtitle{margin-top: 10rem;font-size: var(--f-s);letter-spacing: normal;opacity: .6;} .card-9 .card-action{margin-top: 40rem;} .card-9 .card-close{cursor: pointer;position: absolute;top: 0;right: 0;z-index: 2;background-color: var(--c2);color: var(--c3);border-radius: 50%;width: max(24px, 32rem);height: max(24px, 32rem);display: flex;align-items: center;justify-content: center;padding: 10rem;margin: 20rem;} .card-10{padding: 30rem;background-color: var(--c2);border-radius: var(--br3);} .card-10 .card-header{margin-bottom: 30rem;display: grid;grid-template-columns: 1fr auto;grid-gap: 10rem;align-items: flex-start;} .card-10 .card-rating-date{margin-top: 4rem;font-size: var(--f-s);opacity: .6;letter-spacing: normal;} .card-10 .card-content{display: flex;flex-direction: column;flex: auto;} .card-10 .card-title{font-size: var(--f-m);letter-spacing: -.02em;font-weight: 600;} .card-10 .card-action{margin-top: auto;font-size: var(--f-xs);letter-spacing: normal;padding-top: 10rem;} .card-10 .card-subtitle{margin-top: 10rem;font-size: var(--f-s);letter-spacing: normal;opacity: .6;max-width: 330rem;display: -webkit-box;-webkit-line-clamp: 10;-webkit-box-orient: vertical;overflow: hidden;} .card-10 .card-content:not(:last-child) .card-subtitle{display: -webkit-box;-webkit-line-clamp: 6;} .card-10 .card-footer{margin-top: 30rem;display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 10rem;} .card-10 .card-footer-image{display: flex;position: relative;overflow: hidden;border-radius: var(--br1);} .card-10 .card-footer-image::before{content: "";flex: none;width: 0;padding-top: 100%;} .card-11{background-color: var(--c0);padding: 16rem;border-radius: var(--br2);min-height: 164rem;} .card-11 .card-header{display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);align-items: center;margin-bottom: 50rem;} .card-11 .card-header-icon{width: max(24px, 32rem);height: max(24px, 32rem);display: flex;align-items: center;justify-content: center;position: relative;} .card-11 .card-content{margin-top: auto;} .card-11 .card-price{font-weight: 700;font-size: var(--f-b);margin-bottom: 6rem;} .card-11 .card-title{font-weight: 600;font-size: var(--f-s);letter-spacing: -.01em;} .card-11.card-11__total{background-color: var(--c3);color: var(--c2);} .card-11.card-11__total .card-price__total{font-size: var(--f-l);color: var(--c2);} .card-11.card-11__total .card-title{color: var(--c2);} .projects-grid{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 20rem;} .card-project{background-color: var(--c2);border-radius: var(--br2);overflow: hidden;display: flex;flex-direction: column;transition: box-shadow .25s ease, transform .25s ease;} .card-project:hover{box-shadow: var(--shadow2);transform: translateY(-2rem);} .card-project .card-media{position: relative;overflow: hidden;border-radius: var(--br2) var(--br2) 0 0;} .card-project .card-media::before{content: "";display: block;padding-top: 66%;} .card-project .card-media img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: transform .4s ease;} .card-project:hover .card-media img{transform: scale(1.05);} .card-project .card-content{padding: 16rem 20rem 12rem;flex: 1;} .card-project .card-title{font-weight: 600;font-size: var(--f-m);margin-bottom: 6rem;} .card-project .card-subtitle{font-size: var(--f-s);color: var(--c8);line-height: 1.5;} .card-project .card-actions{display: flex;gap: 8rem;padding: 0 20rem 20rem;} .card-project .card-actions .button__small{font-size: var(--f-xs);padding: 8rem 14rem;} .card-project .card-actions .button__small .button-icon{width: 14rem;height: 14rem;} /* Детальная страница проекта */ .project-page__head{padding: 30rem 0 24rem;} .project-page__title{font-size: 40rem;font-weight: 700;line-height: 1.1;letter-spacing: -.02em;margin: 0 0 14rem;} .project-page__lead{font-size: var(--f-b);color: var(--c8);max-width: 900rem;line-height: 1.55;} /* Главный слайдер */ .project-page__gallery-section{padding-bottom: 0;} .project-swiper{position: relative;border-radius: var(--br3);overflow: hidden;background: var(--c4);} .project-swiper .swiper-slide{aspect-ratio: 16/9;display: flex;} .project-swiper .swiper-slide a{display: block;width: 100%;height: 100%;} .project-swiper .swiper-slide img{width: 100%;height: 100%;object-fit: cover;display: block;cursor: zoom-in;} .project-swiper__nav{position: absolute;top: 50%;transform: translateY(-50%);z-index: 5;width: 48rem;height: 48rem;border-radius: 50%;background: rgba(255,255,255,.92);border: 0;display: flex;align-items: center;justify-content: center;cursor: pointer;color: var(--c1);transition: background .2s, transform .2s;backdrop-filter: blur(8px);box-shadow: var(--shadow1);} .project-swiper__nav:hover{background: #fff;transform: translateY(-50%) scale(1.05);} .project-swiper__nav--prev{left: 20rem;} .project-swiper__nav--next{right: 20rem;} .project-swiper__nav .icon{width: 18rem;height: 18rem;} .project-swiper__counter{position: absolute;bottom: 20rem;right: 20rem;z-index: 5;padding: 6rem 14rem;border-radius: 999rem;background: rgba(0,0,0,.6);color: #fff;font-size: var(--f-s);font-weight: 600;backdrop-filter: blur(4px);} /* Миниатюры */ .project-thumbs{display: grid;grid-template-columns: repeat(auto-fit, minmax(110rem, 1fr));grid-gap: 8rem;margin-top: 12rem;} .project-thumbs__item{position: relative;padding: 0;background: var(--c4);border: 2rem solid transparent;border-radius: var(--br1);overflow: hidden;cursor: pointer;aspect-ratio: 4/3;transition: border-color .2s, opacity .2s;opacity: .7;} .project-thumbs__item img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;display: block;} .project-thumbs__item:hover{opacity: 1;} .project-thumbs__item[aria-pressed="true"]{border-color: var(--c3);opacity: 1;} /* Текст описания */ .project-page__text{font-size: var(--f-b);line-height: 1.7;color: var(--c1);max-width: 900rem;} .project-page__text p{margin: 0 0 16rem;} .project-page__text p:last-child{margin-bottom: 0;} .project-page__text h3{font-size: var(--f-xl);font-weight: 700;margin: 24rem 0 12rem;} .project-page__text ul, .project-page__text ol{margin: 0 0 16rem 24rem;} .project-page__text li{margin-bottom: 6rem;} /* Видео */ .project-page__video{position: relative;padding-top: 56.25%;border-radius: var(--br3);overflow: hidden;background: var(--c0);max-width: 1000rem;margin: 0 auto;} .project-page__video iframe{position: absolute;inset: 0;width: 100%;height: 100%;border: 0;} /* Карта */ .project-page__map{width: 100%;height: 500rem;border-radius: var(--br3);overflow: hidden;background: var(--c4);} /* CTA */ .project-page__cta{display: flex;gap: var(--gap);justify-content: center;flex-wrap: wrap;} /* Лайтбокс */ .project-lightbox{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99999;display: flex;align-items: center;justify-content: center;opacity: 0;pointer-events: none;transition: opacity .25s ease;} .project-lightbox.active{opacity: 1;pointer-events: auto;} .project-lightbox__overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.85);} .project-lightbox__image{position: relative;max-width: 90vw;max-height: 85vh;display: flex;align-items: center;justify-content: center;} .project-lightbox__image img{max-width: 90vw;max-height: 85vh;object-fit: contain;border-radius: 8rem;user-select: none;} .project-lightbox__close{position: absolute;top: 20px;right: 20px;z-index: 2;background: none;border: none;color: #fff;font-size: 36px;cursor: pointer;line-height: 1;padding: 8px;opacity: .8;transition: opacity .2s;} .project-lightbox__close:hover{opacity: 1;} .project-lightbox__prev, .project-lightbox__next{position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;background: rgba(255,255,255,.15);border: none;color: #fff;width: 48px;height: 48px;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: background .2s;backdrop-filter: blur(4px);} .project-lightbox__prev{left: 20px;} .project-lightbox__next{right: 20px;} .project-lightbox__prev:hover, .project-lightbox__next:hover{background: rgba(255,255,255,.3);} .project-lightbox__prev .icon, .project-lightbox__next .icon{width: 20px;height: 20px;color: #fff;fill: #fff;} .project-lightbox__prev svg, .project-lightbox__next svg{width: 20px;height: 20px;} .project-lightbox__counter{position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);color: rgba(255,255,255,.7);font-size: 14px;z-index: 2;} .card-12{background-color: var(--c2);color: var(--c1);min-height: 200rem;border-radius: var(--br3);padding: 30rem;} .card-12 .card-header{margin-bottom: 30rem;font-size: var(--f-xxl);color: var(--c3);font-weight: 600;line-height: 1;letter-spacing: -.02em;} .card-12 .card-content{display: flex;flex-direction: column;} .card-12 .card-content:last-child{flex: auto;} .card-12 .card-content:last-child .card-title:last-child{margin-top: auto;} .card-12 .card-content:not(:last-child){margin-bottom: auto;} .card-12 .card-title{font-size: var(--f-m);line-height: 1.2;letter-spacing: -.02em;font-weight: 600;} .section__contrast .card-12{background-color: var(--c0);} } /* sections */ @media screen { .s1-1{display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));grid-gap: var(--gap);} .s1-1[data-items="1"]{grid-template-columns: 1fr;} .s1-1[data-items="2"]{grid-template-columns: repeat(2, 1fr);} .s1-1[data-items="3"]{grid-template-columns: repeat(3, 1fr);} .s1-1[data-items="1"] .s1-1-1, .s1-1[data-items="2"] .s1-1-1, .s1-1[data-items="3"] .s1-1-1{grid-column-end: span 1;} .s1-1-1{grid-column-end: span 3;} .s1-1-2{grid-column: 1/-1;} .s1-1-3{grid-column-end: span 4;} .s1-1-4{grid-column-end: span 6;} .s1-2{margin: 30rem 0;display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);align-items: center;} .s1-2-1:only-child{grid-column: 1/-1;} .s1-3{margin-top: 40rem;display: flex;justify-content: center;} .s1-1 .swiper{overflow: visible;margin-left: calc(-1 * var(--gap));} .s1-1 .swiper-slide{padding-left: var(--gap);height: auto;display: flex;} .s2-2{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);} .s2-3{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);} .s2-3:not(:first-child){margin-top: 50rem;} .s2-4{position: relative;overflow: hidden;display: flex;border-radius: var(--br5);} .s2-4:not(:first-child){margin-top: 30rem;} .s2-4::before{content: "";flex: none;width: 0;padding-top: 45%;} .s2-5{padding-right: 30rem;} .s2-6{grid-column: 2/4;} .s2-6-2{margin-top: 30rem;opacity: .8;max-width: 760rem;} .s2-6-3{margin-top: 40rem;} .s2-7{opacity: .4;} .s2-7-1{} .s2-7-2{font-size: var(--f-xxs);letter-spacing: normal;margin-top: .25em;} .s2-8{margin-top: 10rem;width: 100%;position: relative;} .s2-8-2 .pin:nth-child(1){top: 20%;left: 37%;} .s2-8-2 .pin:nth-child(2){top: 61%;left: 18%;} .s3-2 .swiper{overflow: visible;margin-left: calc(-1 * var(--gap));} .s3-2 .swiper-slide{padding-left: var(--gap);height: auto;} .s3-3{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);} .s3-3:not(:first-child){margin-top: 30rem;} .s3-4{position: relative;overflow: hidden;border-radius: var(--br3);display: flex;} .s3-4::before{content: "";flex: none;width: 0;padding-top: 50%;} .s3-5{border-radius: var(--br3);background: linear-gradient(199.7deg, #2E85FE 0%, #0156CD 47.07%);color: var(--c2);padding: 60rem;} .s3-5-1{margin-bottom: 16rem;opacity: .4;} .s3-5-2{} .s3-5-3{margin-top: 30rem;max-width: 468rem;font-size: var(--f-s);letter-spacing: normal;} .s3-5-4{margin-top: 55rem;} .s4-1{display: grid;grid-template-columns: repeat(8, minmax(0, 1fr));grid-gap: var(--gap);align-items: flex-start;} .s4-2{grid-column: 1/6;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);counter-reset: index;} .s4-3{grid-column: 6/9;} .s4-4{background-color: var(--c2);display: flex;flex-direction: column;padding: 30rem;border-radius: var(--br3);align-items: flex-start;} .s4-4-1:first-child::before{content: "(" counter(index, decimal-leading-zero) ")";display: block;margin-bottom: 40rem;color: var(--c3);counter-increment: index;font-size: var(--f-s);font-weight: 500;letter-spacing: normal;} .s4-4-1{font-size: var(--f-m);font-weight: 600;letter-spacing: -.02em;} .s4-4-2{opacity: .6;font-size: var(--f-s);letter-spacing: normal;margin-top: 16rem;} .s4-4-3{display: grid;grid-auto-flow: column;margin-right: auto;grid-gap: 10rem;margin-top: 10rem;} .s4-4-3 .button{min-width: max(36px, 42rem);height: max(36px, 42rem);padding: 0;border-radius: var(--br0);} .s4-4-3 .button-icon:only-child{margin: 0;width: max(12px, 15rem);height: max(12px, 15rem);} .s4-4-4{margin-bottom: 24rem;color: var(--c3);display: flex;align-items: center;justify-content: center;width: max(24px, 30rem);height: max(24px, 30rem);} .s4-4-5{margin-top: 12rem;font-size: var(--f-s);letter-spacing: normal;color: var(--c3);padding: 6rem 8rem;background-color: var(--c7);border-radius: var(--br0);} .s4-5{display: flex;align-items: center;justify-content: space-between;} .s4-5-2{margin-left: 30rem;width: max(24px, 30rem);height: max(24px, 30rem);display: flex;align-items: center;justify-content: center;} .s4-6{margin-top: 30rem;} .s4-6 .checkbox-title-label{font-weight: 400;opacity: .8;} .s5-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 80rem var(--gap);} .s5-2{} .s5-3{display: flex;position: relative;overflow: hidden;align-items: flex-end;padding: 20rem;border-radius: var(--br3);grid-column: 1/-1;} .s5-3::before{content: "";flex: none;width: 0;padding-top: 45%;} .s5-4{position: relative;z-index: 2;background-color: var(--c2);color: var(--c1);padding: 30rem;border-radius: var(--br3);max-width: 500rem;} .s5-5{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;} .s5-6{display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);align-items: flex-start;} .s5-6-2{position: relative;width: var(--btn);height: var(--btn);} .s5-7{margin-top: 20rem;opacity: .8;font-size: var(--f-s);letter-spacing: normal;} .s5-8{margin-top: 40rem;} .s6-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);} .s6-1-1 .card-5{min-height: 240rem;height: 100%;} .s6-2{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);} .s6-2:not(:first-child){margin-top: var(--gap);} .s6-3{background-color: var(--c0);color: var(--c1);border-radius: var(--br3);padding: 30rem;display: grid;align-items: center;grid-template-columns: 1fr auto;grid-gap: var(--gap);position: relative;} .s6-3-1{font-size: var(--f-m);line-height: 1.2;letter-spacing: -.02em;font-weight: 600;} .s7-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 40rem var(--gap);} .s7-2-2{margin-top: 30rem;opacity: .8;} .s7-3{position: relative;overflow: hidden;grid-row-end: span 2;border-radius: var(--br3);display: flex;} .s7-3::before{content: "";flex: none;width: 0;padding-top: 45%;} .s7-5{display: grid;grid-template-columns: auto;grid-gap: 10rem;} .s7-5-1{padding: 20rem 30rem;background-color: var(--c2);border-radius: var(--br2);position: relative;} .s7-5-1 .button-text{font-size: var(--f-m);} .s7-5-2{display: none;margin-top: 16rem;font-size: var(--f-s);line-height: 1.6;letter-spacing: normal;} .s7-5-1.active .s7-5-2{display: block;} .s7-5-2 ul{list-style: none;padding: 0;margin: 0;} .s7-5-2 li{padding: 8rem 0;border-bottom: 1px solid var(--c0);} .s7-5-2 li:last-child{border-bottom: none;} .s7-5-1.active .button-icon{transform: rotate(180deg);} .s7-6{margin-top: 40rem;margin-bottom: auto;font-size: var(--f-s);letter-spacing: normal;opacity: .8;} .s8-1{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));grid-gap: 40rem var(--gap);grid-template-areas: "a1 a3 a2 a2" "a4 a4 a5 a5";grid-template-rows: auto 1fr;} .s8-2{grid-area: a1;} .s8-3{grid-area: a2;text-align: right;max-width: 350rem;margin-left: auto;font-size: var(--f-s);letter-spacing: normal;} .s8-3 b{font-weight: inherit;color: var(--c3);} .s8-4{grid-area: a3;overflow: hidden;margin-left: auto;} .s8-5{grid-area: a4;border-radius: var(--br3);border: var(--sl) solid var(--c4);padding: 30rem;} .s8-6{grid-area: a5;display: grid;grid-template-columns: auto;grid-gap: var(--gap);} .s8-7{border-radius: var(--br3);padding: 40rem 60rem 40rem 40rem;display: grid;grid-template-columns: 1fr auto;grid-gap: 60rem var(--gap);} .s8-7:nth-child(1){background-color: var(--c0);color: var(--c1);} .s8-7:nth-child(2){background: linear-gradient(204.98deg, #2E85FE 5.11%, #0156CD 54.69%);color: var(--c2);background-image: var(--g1);} .s8-8{grid-column: 1/-1;margin-bottom: auto;} .s8-9-1{font-size: var(--f-xs);margin-bottom: .5em;letter-spacing: normal;} .s8-9-2{font-size: var(--f-xl);line-height: 1;letter-spacing: -.02em;} .s8-9-3{font-size: var(--f-xs);margin-top: .5em;letter-spacing: normal;opacity: .6;} .s8-10{margin-bottom: 20rem;padding-bottom: 30rem;display: flex;align-items: center;border-bottom: var(--sl) solid var(--c4);} .s8-10-1{flex: none;color: var(--c3);display: flex;align-items: center;justify-content: center;width: max(24px, 30rem);height: max(24px, 30rem);margin-right: 12rem;} .s8-10-2{font-size: var(--f-b);} .s9-1{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));grid-gap: var(--gap);} .s9-2{grid-column: 1/3;display: flex;} .s9-2::before{content: "";flex: none;width: 0;padding-top: 50%;} .s9-3{background-color: var(--c3);color: #fff;background-image: linear-gradient(to left bottom, var(--c18), var(--c3), var(--c3));border-radius: var(--br3);display: flex;position: relative;} .s9-3 .swiper-slide{height: auto;display: flex;} .s9-3 .carousel-pagination{position: absolute;bottom: 0;right: 0;max-width: 50%;left: auto;top: auto;width: auto;padding: 40rem;z-index: 1;} .s9-4{grid-column: 1/-1;background-color: var(--c2);border-radius: var(--br3);padding: 30rem 30rem;} .s10-2{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);} .s10-3{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);} .s10-3:not(:first-child){margin-top: 60rem;} .s10-4{display: flex;min-height: 400rem;border-radius: var(--br3);position: relative;overflow: hidden;} .s10-4::before{content: "";flex: none;width: 0;padding-top: 50%;} .s10-5{background-color: var(--c3);color: var(--c2);background-image: var(--g1);border-radius: var(--br3);padding: 60rem 90rem 60rem 60rem;} .s10-5-1{margin-bottom: 16rem;opacity: .4;} .s10-5-3{margin-top: 30rem;font-size: var(--f-s);letter-spacing: normal;} .s10-6{margin-top: 80rem;display: flex;overflow: hidden;position: relative;border-radius: var(--br5);} .s10-6::before{content: "";flex: none;width: 0;padding-top: 50%;} .s11-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);} .s11-1-1{display: flex;} .s11-1-2{position: relative;overflow: hidden;border-radius: var(--br3);} .s11-2{margin-top: 30rem;background-color: var(--c0);border-radius: var(--br3);padding: 30rem 80rem 30rem 40rem;} .s11-2 .partners-title{font-size: var(--f-m);max-width: 270rem;} .s12-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 40rem var(--gap);grid-template-areas: "a1 a2" "a3 a2";align-items: flex-start;grid-template-rows: auto 1fr;} .s12-2{grid-area: a1;} .s12-2-2{margin-top: 10rem;} .s12-3{grid-area: a2;overflow: hidden;border-radius: var(--br5);display: flex;max-width: 460rem;margin-left: auto;} .s12-4{grid-area: a3;color: var(--c10);} .s13-1{position: relative;display: flex;justify-content: flex-end;} .s13-1::before{content: "";flex: none;width: 0;padding-top: 45%;} .s13-2{position: absolute;top: 0;left: 0;right: var(--br5);height: 100%;z-index: 1;background-color: var(--c1);border-radius: var(--br5);overflow: hidden;} .s13-3{position: relative;z-index: 1;background-color: var(--c2);color: var(--c1);box-shadow: var(--shadow1);border-radius: var(--br5);width: 50%;max-width: 480rem;padding: 10rem;overflow: hidden;} .s14-1{display: grid;grid-template-columns: auto;grid-gap: 10rem;} .s14-2{padding: 20rem 30rem;background-color: var(--c2);border-radius: var(--br2);position: relative;} .s14-2 .button-text{font-size: var(--f-m);white-space: normal;text-align: left;} .catalog-settings + .s15{padding-top: 0;} .s15-2{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);} .s15-2-2{grid-column: 1/-1;} .s15-3{margin-bottom: 30rem;display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));grid-gap: var(--gap);align-items: center;} .s15-3-1{} .s15-3-2{margin-left: auto;grid-column: 4/5;} .s15-4{margin-top: 60rem;display: flex;flex-direction: column;align-items: center;} .s15-4-1{text-align: center;opacity: .6;font-size: var(--f-s);letter-spacing: normal;font-weight: 500;position: relative;} .s15-4-2{position: relative;width: 100%;max-width: 295rem;height: 4rem;background-color: var(--c2);border-radius: 999rem;overflow: hidden;margin-top: 20rem;} .s15-4-2::before{content: "";position: absolute;top: 0;left: 0;width: var(--progress-size, 10%);background-color: var(--c3);height: 100%;border-radius: inherit;} .s16-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 10rem var(--gap);} .s16-2{padding: 20rem 30rem;background-color: var(--c2);border-radius: var(--br2);position: relative;} .s16-3{position: relative;} .s16-3 .button-text{font-size: var(--f-m);white-space: normal;text-align: left;} .s17-1{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));grid-gap: var(--gap);overflow: hidden;} .s17-2{grid-column: 1/4;overflow: hidden;position: relative;border-radius: var(--br5);display: flex;} .s17-2::before{content: "";flex: none;width: 0;padding-top: 60%;} .s17-2 .swiper{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .s17-2 .swiper-slide{height: auto;} .s17-3{position: relative;margin: -10rem 0;} .s17-3-1{position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden;border-radius: var(--br3);margin: 10rem 0;} .s17-3-1::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--c14);opacity: 0;transition: opacity .15s;cursor: pointer;z-index: 1;} .s17-3 .swiper{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .s17-3 .swiper-slide{} .s17-3 .swiper-slide-thumb-active .s17-3-1::after{opacity: .3;pointer-events: none;} .s17-4{margin: 40rem auto;display: flex;justify-content: center;width: 100%;max-width: 240rem;} .s18-1{display: grid;grid-gap: 80rem var(--gap);grid-template-columns: repeat(3, 1fr);grid-template-areas: "a1 a1 a2" "a3 a3 a2";align-items: flex-start;grid-template-rows: auto 1fr;} .s18-2{grid-area: a1;margin-right: 60rem;display: grid;grid-template-columns: auto;grid-gap: 40rem;} .s18-3{grid-area: a2;margin-left: calc(-1 * var(--gap));} .s18-description{margin-bottom: 30rem;padding-bottom: 30rem;border-bottom: var(--sl) solid var(--c4);} .s18-description .title{margin-bottom: 16rem;} .s18-description__text{font-size: var(--f-m);line-height: 1.6;color: var(--c8);} .s18-description__text p{margin-bottom: 12rem;} .s18-description__text p:last-child{margin-bottom: 0;} .s18-specs{padding: 40rem 0;} .s18-specs__header{margin-bottom: 30rem;} .s18-specs__table-wrap{overflow-x: auto;-webkit-overflow-scrolling: touch;} .s18-specs__table{width: 100%;border-collapse: separate;border-spacing: 0 10rem;} .s18-specs__table thead th{font-size: var(--f-m);font-weight: 700;color: var(--c1);padding: 0 20rem 10rem;text-align: left;} .s18-specs__table thead th:first-child{width: 160rem;} .s18-specs__table tbody td{padding: 20rem 24rem;font-size: var(--f-s);line-height: 1.6;color: var(--c1);background: var(--c2);vertical-align: top;} .s18-specs__table tbody td:first-child{font-weight: 600;border-radius: var(--br3) 0 0 var(--br3);background: var(--c0);} .s18-specs__table tbody td:last-child{border-radius: 0 var(--br3) var(--br3) 0;} .s18-specs__table tbody td:not(:first-child){border-left: var(--sl) solid var(--c4);} /* Вкладки описаний комплектаций */ .config-tabs__nav{display: flex;flex-wrap: wrap;gap: 8rem;margin-bottom: 24rem;} .config-tabs__tab{font-family: inherit;font-size: var(--f-s);font-weight: 600;letter-spacing: normal;color: var(--c1);background: var(--c0);border: var(--sl) solid var(--c4);border-radius: 999rem;padding: 10rem 20rem;cursor: pointer;transition: background .15s ease, color .15s ease, border-color .15s ease;} .config-tabs__tab:hover{border-color: var(--c3);} .config-tabs__tab.is-active{background: var(--c3);color: var(--c2);border-color: var(--c3);} .config-tabs__panel{display: none;background: var(--c2);border-radius: var(--br3);padding: 30rem 32rem;} .config-tabs__panel.is-active{display: block;} .config-desc__h{font-size: var(--f-m);font-weight: 700;letter-spacing: -.01em;color: var(--c1);margin: 24rem 0 12rem;} .config-desc__h:first-child{margin-top: 0;} .config-desc__list{display: grid;grid-template-columns: auto;grid-gap: 8rem;} .config-desc__list li{position: relative;padding-left: 22rem;font-size: var(--f-s);line-height: 1.6;color: var(--c1);} .config-desc__list li::before{content: "";position: absolute;left: 4rem;top: 10rem;width: max(5px, 6rem);height: max(5px, 6rem);border-radius: 50%;background: var(--c3);} .s18-4{grid-area: a3;margin-right: 60rem;background-color: var(--c2);padding: 40rem;border-radius: var(--br5);} .s18-5{padding: 30rem;background-color: var(--c2);border-radius: var(--br5) var(--br5) 0 0;position: relative;z-index: 1;overflow: hidden;} .s18-6{padding: 20rem 30rem 30rem;background-color: var(--c2);border-radius: 0 0 var(--br5) var(--br5);position: relative;z-index: 1;display: grid;grid-template-columns: auto;grid-gap: 30rem;} .s18-7{padding: 30rem;background-color: var(--c2);border-radius: var(--br5);margin-top: 10rem;box-shadow: var(--shadow1);display: grid;grid-template-columns: auto;grid-gap: 10rem;} .s18-8{display: flex;align-items: center;margin-bottom: 20rem;} .s18-8::before{content: "";flex: none;margin-right: 10rem;width: max(6px, 8rem);height: max(6px, 8rem);border-radius: 50%;background-color: var(--c3);} .s18-8-1{font-size: var(--f-xs);font-weight: 600;letter-spacing: normal;margin-right: auto;} .s18-8-1 b{color: var(--c3);font-weight: inherit;} .s18-8-2{display: none !important;align-items: center;justify-content: center;width: max(24px, 28rem);height: max(24px, 28rem);opacity: .2;cursor: pointer;z-index: 2;position: relative;margin-left: 10rem;} .product-item-compare-container{display: none !important;} .s18-9{display: flex;flex-wrap: wrap;margin: -2rem -8rem;align-items: center;} .s18-breadcrumbs{display: flex;align-items: center;flex-wrap: wrap;gap: 4rem 8rem;font-size: var(--f-s);letter-spacing: normal;font-weight: 600;color: var(--c8);margin-bottom: 14rem;} .s18-breadcrumbs-link{color: inherit;transition: color .15s;} .s18-breadcrumbs-separator{opacity: .5;} .s18-breadcrumbs-current{opacity: .8;} .s18-9-1{width: 100%;font-weight: 700;font-size: var(--f-l);line-height: 1.2;letter-spacing: -.02em;padding: 2rem 8rem;} .s18-9-2{font-weight: 700;font-size: var(--f-l);line-height: 1.2;letter-spacing: -.02em;padding: 2rem 8rem;} .s18-9-3{padding: 2rem 8rem;font-size: var(--f-m);font-weight: 600;letter-spacing: -.02em;text-decoration: line-through;opacity: .4;} .s18-10{margin-top: 20rem;display: inline-flex;align-items: center;border-radius: 999rem;padding: 8rem 10rem;background-color: var(--c1);color: var(--c2);} .s18-10-1{display: flex;align-items: center;justify-content: center;width: max(14px, 18rem);height: max(14px, 18rem);position: relative;margin-right: 10rem;} .s18-10-2{font-size: var(--f-xs);letter-spacing: normal;font-weight: 600;} .s18-11{margin-top: 20rem;} .s18-12{margin-top: 10rem;background-color: var(--c0);border-radius: var(--br2);overflow: hidden;} .s18-13{position: relative;} .s18-13 .control{position: absolute;right: 100%;width: 0;height: 0;} .s18-14{padding: 20rem;border-radius: var(--br2);overflow: hidden;display: grid;grid-template-columns: 1fr auto;grid-gap: 0 var(--gap);align-items: center;} .s18-14-1{font-size: var(--f-m);font-weight: 600;} .s18-14-2 .control-label{border-radius: 50%;width: max(18px, 24rem);height: max(18px, 24rem);display: flex;align-items: center;justify-content: center;background-color: var(--c2);border: max(1px, 1.6rem) solid var(--c4);padding: 5rem;color: var(--c2);cursor: pointer;} .s18-14-3{font-size: var(--f-s);letter-spacing: normal;font-weight: 600;color: var(--c3);margin-top: 4rem;} .s18-14-4{grid-column: 1/-1;margin-left: auto;margin-top: 8rem;} .s18-14-4 .button{transition: none;} .s18-14-5{grid-column: 1/-1;opacity: .6;font-size: var(--f-xs);letter-spacing: normal;margin-top: 16rem;} .s18-13 .control:checked ~ .s18-14{background-color: var(--c3);background-image: var(--g1);color: var(--c2);} .s18-13 .control:checked ~ .s18-14 .s18-14-3{opacity: .8;color: inherit;} .s18-13 .control:checked ~ .s18-14 .control-label{color: var(--c3);border-color: var(--c2);pointer-events: none;} .s18-15:not(:first-child){border-top: var(--sl) solid var(--c4);padding-top: 30rem;} .s18-16{position: relative;overflow: hidden;user-select: none;} .s18-16 .button-text{font-size: var(--f-d);} .s18-17{padding-top: 20rem;display: grid;grid-template-columns: auto;grid-gap: 10rem;transition: all .15s;overflow: hidden;} .s18-15.active .s18-16 .button-icon{transform: scaleY(-1);} .s18-15:not(.active) .s18-17{height: 0;padding-top: 0;opacity: 0;} .s18-18{align-items: baseline;display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);font-size: var(--f-s);letter-spacing: normal;line-height: 1.2;} .s18-18-1{opacity: .6;} .s18-18-2{text-align: right;} .s18-20-1{font-size: var(--f-m);font-weight: 600;letter-spacing: -.02em;} .s18-20-2{margin-top: 8rem;opacity: .6;font-size: var(--f-s);letter-spacing: normal;} .s18-21{margin-top: 30rem;display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));grid-gap: 10rem;} .s18-22{display: flex;align-items: center;border-radius: 999rem;padding: 16rem 20rem;background-color: var(--c0);cursor: pointer;user-select: none;} .s18-22-1{display: flex;align-items: center;justify-content: center;flex: none;margin-right: 16rem;height: max(14px, 16rem);width: max(14px, 16rem);color: var(--c3);} .s18-22-2{font-size: var(--f-s);letter-spacing: normal;font-weight: 600;flex: auto;} .s18-22-3{display: flex;align-items: center;justify-content: center;flex: none;height: max(8px, 10rem);width: max(8px, 10rem);color: var(--c3);margin-left: 16rem;} .s18-23{display: flex;margin: -10rem;} .s18-23-1{margin: 10rem;flex: auto;} .s18-24{display: flex;align-items: center;justify-content: center;} .s18-24-1{display: flex;align-items: center;justify-content: center;flex: none;margin-right: 6rem;height: max(14px, 16rem);width: max(14px, 16rem);color: var(--c3);} .s18-24-2{font-size: var(--f-xs);letter-spacing: normal;color: var(--c8);} .s18-24-2 b{color: var(--c1);} .s18-25{display: grid;grid-template-columns: minmax(620rem, max-content);grid-gap: 0;align-items: center;justify-content: center;} .s18-26{display: flex;justify-content: center;margin-top: 24rem;} .s18-sticky-bar{position: fixed;top: 0;left: 0;right: 0;z-index: 100;background: var(--c2);box-shadow: var(--shadow1);transform: translateY(-100%);visibility: hidden;opacity: 0;transition: transform .25s ease, visibility .25s, opacity .25s;pointer-events: none;} .s18-sticky-bar.visible{transform: translateY(0);visibility: visible;opacity: 1;pointer-events: auto;} .s18-sticky-bar__inner{display: flex;align-items: center;gap: 24rem;padding: 10rem 0;} .s18-sticky-bar__info{display: flex;align-items: baseline;gap: 12rem;flex-shrink: 0;} .s18-sticky-bar__name{font-size: 16rem;font-weight: 700;color: var(--c1);white-space: nowrap;} .s18-sticky-bar__price{font-size: 15rem;font-weight: 600;color: var(--c1);white-space: nowrap;} .s18-sticky-bar__offers{flex: none;} .s18-sticky-bar__offers .runner{margin: 0;} .s18-sticky-bar__offers .runner ul{flex-wrap: nowrap;gap: 0;} .s18-sticky-bar__offers .runner li{flex: none;font-size: 13rem;padding: 6rem 14rem;} .s18-27{display: none;} .s18-27-1{width: max(16px, 20rem);height: max(16px, 20rem);display: flex;align-items: center;justify-content: center;cursor: pointer;opacity: .4;} .s18-28{width: 100%;display: flex;flex-direction: column;} .s18-28::before{display: none;} .s18-28 .swiper{margin: auto 0;width: 100%;} .s18-28 .swiper-wrapper{align-items: center;} .s18-28 .swiper-slide img{overflow: hidden;border-radius: var(--br3);} .s18-28-main{width: 100%;position: relative;} .s18-28-nav{position: absolute;inset: 50% 20rem auto;transform: translateY(-50%);display: flex;justify-content: space-between;pointer-events: none;z-index: 2;} .s18-28-button{width: 48rem;height: 48rem;padding: 14rem;border-color: rgba(255, 255, 255, .9);background: rgba(255, 255, 255, .92);box-shadow: 0 10rem 30rem rgba(15, 23, 42, .12);pointer-events: auto;} .s18-28-image{display: block;width: 100%;padding: 0;border: 0;background: none;cursor: zoom-in;} .s18-28-image img{display: block;width: 100%;height: auto;} .s18-29{display: none;} .s18-30{display: flex;flex-direction: column;align-items: center;} .s18-30-1{font-size: var(--f-xs);letter-spacing: normal;text-align: center;margin-bottom: 16rem;opacity: .6;font-weight: 500;} .s18-30-2 .runner{background-color: var(--c4);} .s18-31{margin: 0 auto;position: relative;width: max(42px, 50rem);height: max(42px, 50rem);display: flex;align-items: center;justify-content: center;cursor: pointer;border-radius: 50%;background-color: var(--c2);padding: 6rem;} .s18-32{display: flex;flex-direction: column;} .s18-26 .swiper{width: 100%;max-width: 860rem;padding: 0 4rem;} .s18-26 .swiper-slide{width: 104rem;display: flex;justify-content: center;} .s18-26-thumb{display: block;width: 100%;padding: 0;border: 2rem solid transparent;border-radius: var(--br2);background: none;overflow: hidden;transition: border-color .2s ease, transform .2s ease, opacity .2s ease;cursor: pointer;opacity: .65;} .s18-26-thumb img{display: block;width: 100%;height: 72rem;object-fit: cover;} .s18-26-thumb.is-active{border-color: var(--c3);opacity: 1;} .s18-26-thumb:hover{opacity: 1;transform: translateY(-2rem);} .s18-lightbox{position: fixed;inset: 0;z-index: 1000;display: flex;align-items: center;justify-content: center;padding: 30rem;} .s18-lightbox-backdrop{position: absolute;inset: 0;background: rgba(15, 23, 42, .82);} .s18-lightbox-dialog{position: relative;z-index: 1;width: min(1100rem, calc(100vw - 40rem));max-height: calc(100vh - 40rem);background: var(--c2);border-radius: var(--br4);padding: 24rem;display: flex;flex-direction: column;gap: 16rem;box-shadow: 0 20rem 60rem rgba(0, 0, 0, .24);} .s18-lightbox-media{overflow: auto;border-radius: var(--br3);background: var(--c4);} .s18-lightbox-image{display: block;width: 100%;height: auto;} .s18-lightbox-caption{font-size: var(--f-s);line-height: 1.5;color: var(--c1);} .s18-lightbox-caption:empty{display: none;} .s18-lightbox-close{position: absolute;top: 12rem;right: 12rem;width: 42rem;height: 42rem;border: 0;border-radius: 50%;background: rgba(15, 23, 42, .72);color: var(--c2);display: flex;align-items: center;justify-content: center;cursor: pointer;font-size: 28rem;line-height: 1;} .s19-1{} .s19-2{} .s19-3{margin-bottom: 20rem;font-size: var(--f-b);} .s19-3:not(:first-child){margin-top: 30rem;} .s19-3 .title b{color: var(--c3);} .s19-4{display: grid;grid-template-columns: auto;grid-gap: 20rem;} .s19-5{margin: 60rem 0 30rem;} .s19-6{margin-top: 50rem;} .s19-7{display: grid;grid-template-columns: 1fr repeat(4, auto);align-items: flex-start;grid-gap: 60rem;padding: 30rem;border: max(1px, 2rem) solid var(--c4);border-radius: var(--br4);} .s19-8-1{font-weight: 600;font-size: var(--f-m);letter-spacing: -.02em;} .s19-8-2{margin-top: 4rem;font-size: var(--f-xs);letter-spacing: normal;} .s19-8-2 b{font-weight: 500;color: var(--c3);} .s19-9-1{font-size: var(--f-xs);letter-spacing: normal;opacity: .6;} .s19-9-2{margin-top: 8rem;font-size: var(--f-xs);letter-spacing: normal;font-weight: 600;} .s19-10{margin: auto 0;} .s19-10 .control-label{border-radius: 50%;width: max(18px, 24rem);height: max(18px, 24rem);display: flex;align-items: center;justify-content: center;background-color: var(--c2);border: max(1px, 1.6rem) solid var(--c4);padding: 5rem;color: var(--c2);cursor: pointer;} .s19-11{position: relative;overflow: hidden;} .s19-11 .control{position: absolute;right: 100%;width: 0;height: 0;} .s19-11 .control:checked ~ .s19-7 .control-label{background-color: var(--c3);border-color: var(--c3);pointer-events: none;} .s19-11 .control:checked ~ .s19-7{border-color: var(--c3);} .s20-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);} .s20-1-1{display: flex;} .page-header + .s20{padding-top: 30rem;} .s21{padding: 0;} .s21-1{display: flex;overflow: hidden;position: relative;border-radius: var(--br5);} .s21-1::before{content: "";flex: none;width: 0;padding-top: 50%;} .s22-1{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));grid-gap: var(--gap);} .s22-2{border-radius: var(--br5);background-color: var(--c2);padding: 50rem;display: flex;flex-direction: column;} .s22-2-1{font-size: var(--f-xxxl);line-height: 1;letter-spacing: -.02em;color: var(--c3);font-weight: 600;} .s22-2-2{margin-bottom: auto;margin-top: 20rem;font-weight: 600;font-size: var(--f-b);line-height: 1.2;letter-spacing: -.02em;} .s22-2-3{margin-top: 30rem;opacity: .6;font-size: var(--f-s);} .s22-3{position: relative;overflow: hidden;display: flex;border-radius: var(--br5);} .s22-3::before{content: "";flex: none;width: 0;padding-top: 130%;} .section__contrast .s22-2{background-color: var(--c0);} .s23-1{position: relative;overflow: hidden;display: flex;border-radius: var(--br5);align-items: flex-end;background-color: var(--c14);color: var(--c2);} .s23-1::before{content: "";flex: none;width: 0;padding-top: 45%;} .s23-2{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));grid-gap: var(--gap);counter-reset: index;} .s23-2:not(:first-child){margin-top: 30rem;} .s23-2-1 .card-5 .card-header::after{content: "(" counter(index, decimal-leading-zero) ")";counter-increment: index;font-size: var(--f-s);color: var(--c3);font-weight: 500;} .s23-4{display: grid;grid-template-columns: auto;grid-auto-flow: column;grid-gap: 80rem;} .s23-5-2{margin-top: 10rem;font-size: var(--f-s);max-width: 200rem;} .s23-6{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;} .s23-6::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(rgba(0,0,0,0), var(--c14));} .s23-7{position: relative;z-index: 1;padding: 50rem;width: 100%;display: grid;grid-template-columns: 1fr auto;grid-gap: 80rem;} .s24-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 60rem;margin-bottom: -50rem;height: calc(100% + 50rem);grid-template-rows: 1fr auto;} .s24-2{display: flex;flex-direction: column;justify-content: space-between;} .s24-3{overflow: auto;padding-bottom: 50rem;height: 100%;grid-row-end: span 2;} .s24-5{padding-bottom: 50rem;} .s24-6{margin-bottom: 30rem;color: var(--c3);text-align: center;font-size: var(--f-s);} .s24-7{display: grid;grid-template-columns: auto;grid-gap: 10rem;} } @media screen and (max-width: 1023.98px) { :root{ --wr: 20rem; --gap: 10rem; --br0: 6rem; --br1: 8rem; --br2: 12rem; --br3: 16rem; --br4: 20rem; --br5: 24rem; --br6: 32rem; --f-xxs: 8rem; --f-xs: 10rem; --f-s: 12rem; --f-d: 12rem; --f-m: 14rem; --f-b: 16rem; --f-l: 18rem; --f-xl: 22rem; --f-xxl: 22rem; --f-xxxl: 40rem; --btn: 46rem; --mw: 640rem; } html{font-size: 1px;} .desktop{display: none!important;} .popup-active{overflow: hidden;} .button__default .button-text{font-size: var(--f-m);} .button__secondary .button-icon{width: 14rem;height: 14rem;} .title br{display: none;} .pretitle{font-size: var(--f-xs);} .textfield-switch-icon{width: 24rem;height: 24rem;margin: 0;} .topbar{display: none;} .mainbar{grid-template-columns: 1fr auto auto auto;grid-gap: 16rem;} .mainbar-logo{max-width: 110rem;} .mainbar-nav, .mainbar-tel-context, .mainbar-action{display: none;} .mainbar-tel-value{font-size: var(--f-d);} .mainbar-menu{display: flex;align-items: center;justify-content: center;width: 24rem;height: 24rem;color: var(--c3);cursor: pointer;} .mainbar-theme{display: flex;align-items: center;justify-content: center;} .mainbar-theme-btn{display: flex;align-items: center;justify-content: center;width: 24rem;height: 24rem;color: var(--c3);background: transparent;border: 0;padding: 0;cursor: pointer;} .mainbar-theme-btn .icon{width: 24rem;height: 24rem;} /* Выезжающее мобильное меню — открывается по клику на бургер. Меню и backdrop размещаются ВНУТРИ .header (у которой position:sticky создаёт собственный stacking context), чтобы их z-index работали друг относительно друга, а не относительно root */ .mainbar-nav{position: fixed;top: 0;right: 0;bottom: 0;width: 80%;max-width: 360rem;background-color: var(--c2);padding: 80rem 24rem 24rem;z-index: 100;transform: translateX(100%);transition: transform .3s ease;overflow-y: auto;box-shadow: -4rem 0 24rem rgba(0,0,0,.1);display: block;} .menu-open .mainbar-nav{transform: translateX(0);} .mainbar-nav > ul{display: flex;flex-direction: column;grid-auto-flow: row;grid-gap: 0;gap: 0;font-size: var(--f-l);} .mainbar-nav > ul > li{border-bottom: 1px solid var(--c4);} .mainbar-nav > ul > li > a{display: block;padding: 14rem 4rem;} .menu-backdrop{position: fixed;inset: 0;background: rgba(0,0,0,.5);z-index: 99;opacity: 0;pointer-events: none;transition: opacity .3s;} .menu-open .menu-backdrop{opacity: 1;pointer-events: auto;} .menu-open{overflow: hidden;} .footer{margin-top: 80rem;} .footer-nav{padding: 40rem 0;flex-direction: column;} .footer-nav-col{padding: 0;} .footer-nav-col:not(:first-child){margin-top: 20rem;} .footer-nav-title{font-size: var(--f-b);} .footer-grid-inner{margin: 0;flex-direction: column;align-items: flex-start;} .footer-grid-col{margin: 0;} .footer-grid-col:not(:first-child){margin-top: 30rem;} .footer-map{} .map-card{margin: 200rem 0 20rem;max-width: none;} .map-card .card-pretitle{font-size: var(--f-xs);} .map-card .card-title{font-size: var(--f-m);} .bottombar-inner{font-size: var(--f-xs);} .hero-slide{padding: 14rem 18rem;position: relative;border-radius: var(--br1);} .hero-slide-num{font-size: 28rem;line-height: 1.1;} .hero-slide-subtitle{font-size: var(--f-s);margin-top: 4rem;max-width: none;} .hero-slide-image{display: none;} .hero-slide-action{display: none;} .hero{padding: 20rem;} .hero-header{margin: -12rem -12rem 175rem auto;border-radius: var(--br1);padding: 12rem;display: flex;align-items: center;} .hero-header-icon{margin: 0 8rem 0 0;width: 24rem;height: 24rem;} .hero-header-subtitle{font-size: var(--f-xxs);} .hero-footer{margin-top: 20rem;} .formbox-row{flex-direction: column;align-items: stretch;} .formbox-cell:not(:first-child){margin: 16rem 0 0;} .tabs ul{margin: -4rem;} .tabs li{margin: 4rem;padding: 10rem 16rem;} .tabs__dense li{font-size: var(--f-xs);} .runner li{padding: 4rem 8rem;} .catalog-settings{padding: 0 0 30rem;} .catalog-form-inner{flex-direction: column;align-items: flex-start;margin: 0 0 -16rem;} .catalog-form-item{width: 100%;margin: 0;padding-bottom: 16rem;} .catalog-types{margin-top: 20rem;} .catalog-types-list{flex-wrap: nowrap;overflow: auto;padding-bottom: 4rem;gap: 6rem;} .catalog-types-item{white-space: nowrap;} .catalog-toolbar{grid-template-columns: 1fr auto;grid-gap: 30rem;} .catalog-toolbar-col:nth-child(2){grid-column: 1/-1;order: 1;} .sber-label{padding: 4rem 8rem;} .sber-label-icon{width: 16rem;height: 16rem;margin-right: 8rem;} .rating{width: 75rem;height: 12rem;} .popup-aside{border-radius: 0;padding: 20rem var(--wr) 0;} .popup-header{margin-bottom: 20rem;} .popup-header-title{display: flex;align-items: center;min-height: 32rem;} .popup-close{} .popup-close .button{min-width: 32rem;height: 32rem;padding: 0;} .popup-close .button-icon{width: 14rem;height: 14rem;} .popup-content{padding: 30rem var(--wr);margin: 0 var(--awr);border-top: var(--sl) solid var(--c4);} .card-1 .card-header::before{padding-top: 90%;} .card-1 .card-subtitle-icon{display: none;} .card-2{padding: 8rem;} .card-2 .card-content{padding: 0 8rem;} .card-2 .card-footer{padding: 0 8rem;margin-bottom: 8rem;} .card-3 .card-header-icon{width: 36rem;height: 36rem;} /* Карточка проекта на мобильной — горизонтальный свайп фото. Нативный scroll-snap, без JS для самого свайпа. JS добавляет только точки-индикаторы внизу */ .card-4 .card-header{ /* Чтобы .card-media-group растянулась на 100% ширины и сработал overflow */ flex-direction: column; align-items: stretch; } .card-4 .card-media-group{ position: relative; display: flex; flex: 1 1 100%; min-width: 0; width: 100%; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; touch-action: pan-x; padding: 0; gap: 0; align-items: stretch; justify-content: flex-start; background-color: var(--c2); /* Поднимаем над .fill::after из .card-title, иначе клик/свайп уходит в ссылку карточки */ z-index: 3; } .card-4 .card-media-group::-webkit-scrollbar{display: none;} .card-4 .card-media-group::before{display: none;} /* Каждый слайд — на всю ширину контейнера, картинка вписывается */ .card-4 .card-media, .card-4 .card-media:not(:only-child){ position: relative; flex: 0 0 100%; width: 100%; max-width: 100%; height: auto; aspect-ratio: 4 / 3; margin: 0; padding: 16rem; background-color: transparent; border-radius: 0; color: transparent; scroll-snap-align: center; scroll-snap-stop: always; } .card-4 .card-media img{ z-index: 1; position: absolute; inset: 16rem; width: calc(100% - 32rem); height: calc(100% - 32rem); object-fit: contain; } .card-4 .card-media:not(:first-child){display: block;} /* Точки-индикаторы под слайдером */ .card-media-dots{ position: relative; display: flex; justify-content: center; align-items: center; gap: 6rem; padding: 6rem 0 4rem; z-index: 3; } .card-media-dots__dot{ width: 6rem; height: 6rem; border-radius: 50%; background-color: var(--c4); transition: background-color .2s ease, transform .2s ease; } .card-media-dots__dot.is-active{ background-color: var(--c3); transform: scale(1.35); } .card-5{min-height: 0;padding: 20rem;} .card-5 .card-header{margin-bottom: 40rem;} .card-5 .card-header-icon{width: 32rem;height: 32rem;} .card-5 .card-title{font-size: var(--f-b);} .card-5 .card-footer{margin: 20rem -10rem -10rem;padding: 10rem;} .card-6{min-height: 0;} .card-6::before{padding-top: 65%;} .card-7{min-height: 280rem;} .card-8{padding: 20rem;} .card-8 .card-header-icon{width: 36rem;height: 36rem;} .card-9{padding: 8rem;} .card-9 .card-content{margin-top: 8rem;padding: 8rem;} .card-9 .card-action{margin-top: 30rem;} .card-10{padding: 20rem;} .card-10 .card-rating-date{font-size: var(--f-xs);} .card-10 .card-footer{grid-template-columns: repeat(3, 1fr);} .card-10 .card-footer-image:nth-child(n + 4){display: none;} .card-11 .card-header-icon{width: 30rem;height: 30rem;} .card-12{min-height: 0;padding: 20rem;} .page-header{padding-top: 20rem;padding-bottom: 40rem;} .page-header-grid{grid-template-columns: auto;grid-gap: 0;grid-template-rows: auto;grid-template-areas: "a1" "a2" "a3" "a4" "a5";} .page-header-breadcrumbs{margin-bottom: 30rem;} .page-header-media{margin-bottom: 30rem;} .page-header-subtitle{margin-top: 10rem;} .page-header-action{margin-top: 30rem;} .section{padding: 40rem 0;} .section:first-child{padding-top: 20rem;} .section__contrast + .section__contrast{padding-top: 20rem;} .section-header{grid-template-columns: auto;margin-bottom: 30rem;grid-gap: 0;} .section-header-main{grid-column: 1/-1;} .section-header-subtitle{margin-top: 10rem;} .section-header-paging{grid-column: 1/-1;margin-top: 30rem;} .section-header-action{display: none;} .section-header-title:only-child, .section-header-paging, .section-header-action{min-height: 0;} .section-header-aside{grid-column: 1/-1;margin-top: 10rem;text-align: left;} .s1-1{grid-template-columns: minmax(0, 1fr);grid-gap: 20rem;} .s1-1-1{grid-column: 1/-1;} .s1-1-2{grid-column: 1/-1;} .s1-1-3{grid-column: 1/-1;} .s1-1-4{grid-column: 1/-1;} .s1-1 .swiper{width: 310rem;} .s1-3{margin-top: 30rem;justify-content: flex-end;} .s2-2{grid-template-columns: auto;grid-gap: 40rem;} .s2-3{} .s2-3:not(:first-child){margin-top: 30rem;} .s2-3-1{display: flex;} .s2-4::before{padding-top: 120%;} .s2-5{padding: 0;} .s2-6{grid-column: 1/-1;order: -1;} .s2-6-2{margin-top: 20rem;} .s2-6-3{display: none;} .s2-8{margin-top: 20rem;} .s3-2 .swiper{max-width: 310rem;} .s3-3:not(:first-child){margin-top: 80rem;grid-template-columns: auto;} .s3-4::before{padding-top: 65%;} .s3-5{padding: 30rem;} .s3-5-4{margin-top: 40rem;} .s4-1{grid-template-columns: auto;grid-gap: 20rem;} .s4-2{grid-column: 1/-1;grid-template-columns: auto;} .s4-3{grid-column: 1/-1;} .s4-4{padding: 16rem;} .s4-4-1:first-child::before{font-size: var(--f-xs);} .s4-4-2{margin-top: 8rem;} .s4-4-3 .button{min-width: 32rem;height: 32rem;} .s4-4-3 .button-icon:only-child{width: 12rem;height: 12rem;} .s4-5-2{width: 24rem;height: 24rem;} .s5-1{grid-template-columns: auto;grid-gap: 0;} .s5-2:not(:first-child){margin-top: 10rem;} .s5-3{flex-direction: column;padding: 0;border-radius: 0;} .s5-3:not(:first-child){margin-top: 30rem;} .s5-3::before{display: none;} .s5-5{position: relative;display: flex;height: auto;border-radius: var(--br3);padding-top: 65%;overflow: hidden;margin-top: 10rem;} .s6-1-1{display: flex;} .s6-1-1 .card-5{min-height: 0;} .s6-2{grid-template-columns: auto;} .s6-3{padding: 20rem;grid-template-columns: auto;grid-gap: 16rem;} .s7-1{grid-template-columns: auto;grid-gap: 0;} .s7-2-2{margin-top: 20rem;} .s7-3{grid-row: auto;margin-top: 30rem;} .s7-4{margin-top: 10rem;} .s7-6{margin-top: 20rem;} .s8-1{grid-template-columns: auto;grid-gap: 0;grid-template-areas: "a1" "a2" "a3" "a4" "a5";grid-template-rows: auto;} .s8-3{text-align: left;margin-top: 10rem;} .s8-4{margin-left: 0;margin-top: 20rem;} .s8-5{margin-top: 20rem;padding: 20rem;} .s8-6{margin-top: 10rem;} .s8-7{padding: 30rem;grid-gap: 30rem var(--gap);} .s8-10{padding-bottom: 20rem;} .s9-1{grid-template-columns: minmax(0, 1fr);grid-gap: 0;} .s9-2{grid-column: 1/-1;margin-top: 10rem;} .s9-3{order: -1;} .s9-3 .swiper-slide::before{content: none;} .s9-3 .carousel-pagination{padding: 20rem;} .s9-4{margin: 50rem 0 0;padding: 0;border-radius: 0;background-color: transparent;} .s9-4 .partners{display: none;} .s9-5{margin-top: 20rem;} .s10-2{grid-template-columns: auto;} .s10-3{grid-template-columns: auto;} .s10-3:not(:first-child){margin-top: 30rem;} .s10-4{min-height: 0;order: 1;} .s10-4::before{padding-top: 65%;} .s10-5{padding: 30rem;} .s10-6{margin-top: 30rem;} .s11-2{margin: 50rem 0 0;padding: 0;border-radius: 0;background-color: transparent;} .s11-2 .partners{margin-bottom: 30rem;} .s11-2 .partners-group{display: none;} .s12-1{grid-template-columns: auto;grid-template-rows: auto;grid-template-areas: "a1" "a2" "a3";grid-gap: 30rem;} .s13-1{flex-direction: column;} .s13-1::before{padding-top: 75%;} .s13-2{height: auto;right: 0;bottom: var(--br5);} .s13-3{width: 100%;max-width: none;padding: 0;} .s14-2{padding: 16rem 20rem;} .s15-2{grid-template-columns: auto;grid-gap: 20rem;} .s15-3{grid-template-columns: auto;} .s15-3-2{display: none;} .s15-4{margin-top: 40rem;} .s16-1{grid-template-columns: auto;} .s16-2{padding: 16rem 20rem;} .s17-1{grid-template-columns: minmax(0, 1fr);grid-gap: 0;overflow: visible;} .s17-2{grid-column: auto;border-radius: 0;overflow: visible;} .s17-2::before{display: none;} .s17-2 .swiper{overflow: visible;max-width: 310rem;margin-left: calc(-1 * var(--gap));position: relative;} .s17-2 .swiper-slide{padding-left: var(--gap);} .s17-2-1{position: relative;overflow: hidden;border-radius: var(--br3);display: flex;} .s17-2-1::before{content: "";flex: none;width: 0;padding-top: 65%;} .s17-3{display: none;} .s17-4{margin-top: 30rem;max-width: none;} .s18-1{grid-template-columns: auto;grid-gap: 0;grid-template-rows: auto;grid-template-areas: "a1" "a2" "a3";} .s18-2{grid-gap: 20rem;margin: 0 0 20rem;} .s18-3{margin: 0 var(--awr);border-radius: var(--br5);padding: 25rem 0;background-color: var(--c2);} .s18-description{margin-bottom: 20rem;padding-bottom: 20rem;} .s18-description .title{margin-bottom: 12rem;} .s18-specs{padding: 20rem 0;} .s18-specs__header{margin-bottom: 20rem;} .s18-specs__table{border-spacing: 0 8rem;} .s18-specs__table thead th{font-size: var(--f-s);padding: 0 14rem 8rem;} .s18-specs__table tbody td{padding: 14rem 16rem;font-size: var(--f-xs);} .s18-specs__table tbody td:first-child{min-width: 90rem;} /* Вкладки описаний — nav горизонтально скроллится, панель компактнее */ .config-tabs__nav{flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none;margin: 0 calc(var(--wr) * -1) 16rem;padding: 0 var(--wr);} .config-tabs__nav::-webkit-scrollbar{display: none;} .config-tabs__tab{flex: none;padding: 8rem 16rem;font-size: var(--f-xs);} .config-tabs__panel{padding: 20rem var(--wr);border-radius: 0;} .config-desc__h{font-size: var(--f-s);margin: 18rem 0 10rem;} .s18-4{margin: 10rem var(--awr) 0;padding: 25rem var(--wr);} .s18-5{padding: 0 var(--wr) 0;border-radius: 0;} .s18-6{padding: 20rem var(--wr) 0;order: 1;border-radius: 0;grid-gap: 20rem;} .s18-7{box-shadow: none;padding: 20rem var(--wr);border-radius: 0;margin: 0;grid-gap: 20rem;} .s18-8{margin-bottom: 4rem;} .s18-breadcrumbs{margin-bottom: 10rem;} .s18-10{padding: 4rem 8rem;} .s18-10-1{width: 16rem;height: 16rem;margin-right: 8rem;} .s18-12{margin-top: 20rem;} .s18-sticky-bar__inner{gap: 12rem;padding: 10rem 0;} .s18-sticky-bar__name{font-size: 14rem;} .s18-sticky-bar__price{font-size: 14rem;} .s18-sticky-bar__offers{display: none;} /* Проекты — мобильная адаптация */ .projects-grid{grid-template-columns: 1fr;} .project-detail__gallery{grid-template-columns: repeat(2, 1fr);} .project-detail__title{font-size: var(--f-xl);} .project-detail__video{max-width: 100%;padding-top: 56.25%;} .project-detail__actions{flex-direction: column;} .project-detail__actions .button{width: 100%;justify-content: center;} .project-lightbox__prev{left: 8px;width: 36px;height: 36px;} .project-lightbox__next{right: 8px;width: 36px;height: 36px;} .s18-15:not(:first-child){padding-top: 20rem;} .s18-16 .button-text{font-size: var(--f-m);} .s18-19-1{width: 24rem;height: 24rem;} .s18-20{max-width: 230rem;} .s18-20-1{font-size: var(--f-b);} .s18-21{grid-template-columns: 1fr 1fr;} .s18-23{flex-direction: column;margin: 0;} .s18-23-1{margin: 0;} .s18-23-1:not(:first-child){margin-top: var(--gap);} .s18-25{grid-template-columns: minmax(0, 1fr);grid-gap: 0;position: relative;} .s18-26{margin: 24rem var(--awr) 0;padding: 0 var(--wr);overflow: auto;scrollbar-width: none;justify-content: flex-start;} .s18-26::-webkit-scrollbar{display: none;} .s18-26 .swiper{max-width: none;padding: 0;} .s18-26 .swiper-wrapper{display: grid;grid-auto-flow: column;grid-auto-columns: 96rem;grid-gap: 12rem;} .s18-26 .swiper-slide{width: auto;} .s18-26-thumb img{height: 68rem;} .s18-28-nav{inset: 50% 12rem auto;} .s18-28-button{width: 40rem;height: 40rem;padding: 10rem;} .s18-27{display: none;} .s18-29{grid-gap: 0;} .s18-30{display: none;} .s18-31{position: absolute;bottom: 0;left: 0;z-index: 1;margin: 8rem;width: 40rem;height: 40rem;} .s18-lightbox{padding: 16rem;} .s18-lightbox-dialog{width: 100%;max-height: calc(100vh - 32rem);padding: 16rem;} .s18-lightbox-close{top: 8rem;right: 8rem;width: 36rem;height: 36rem;font-size: 24rem;} .s19-4{grid-gap: 10rem;} .s19-5{margin: 30rem 0 30rem;} .s19-6{margin-top: 40rem;} .s19-6 .button{width: 100%;} .s19-7{padding: 20rem;grid-gap: 20rem 10rem;grid-template-columns: repeat(3, 1fr) auto;} .s19-8{grid-column: 1/4;} .s19-9{order: 1;} .s19-9-2{font-size: var(--f-s);} .s19-10{margin-left: auto;} .s22-1{grid-template-columns: auto;} .s22-2{padding: 30rem;} .s22-2-2{margin-top: 10rem;} .s22-3{order: 1;} .s22-3::before{padding-top: 100%;} .s23-3{max-width: 240rem;} .s23-4{grid-template-columns: 1fr 1fr;grid-gap: 20rem;} .s23-5-2{font-size: var(--f-xs);} .s23-5-2 br{display: none;} .s23-7{grid-template-columns: auto;padding: 30rem 20rem;} .s24-1{grid-template-columns: auto;grid-gap: 20rem;height: auto;margin: 0;} .s24-3{height: auto;overflow: visible;padding: 0;} .s24-5{padding: 20rem 0 0;position: sticky;bottom: 0;z-index: 1;} .partners-carousel{margin: 0 var(--awr);} .partners-carousel .swiper{overflow: visible;} .partners-carousel .swiper-wrapper{transition-timing-function: linear!important;} .partners-carousel .swiper-slide{padding: 0 20rem;width: auto;} .partners-carousel .swiper-slide img{height: 30rem;width: auto;max-width: none;max-height: none;} .scrollbox{margin: 0 var(--awr);padding: 0 var(--wr);overflow-x: auto;overflow-y: hidden;scrollbar-width: none;grid-template-columns: auto;grid-auto-flow: column;scroll-snap-type: x mandatory;scroll-padding: var(--wr);grid-gap: var(--gap);touch-action: pan-x;} .scrollbox::-webkit-scrollbar{display: none;} .scrollbox > *{width: 310rem;scroll-snap-align: start;grid-column: auto;display: flex;} /* Детальная страница проекта на мобильной */ .project-page__head{padding: 20rem 0 16rem;} .project-page__title{font-size: 26rem;margin-bottom: 10rem;} .project-page__lead{font-size: var(--f-s);} .project-swiper .swiper-slide{aspect-ratio: 4/3;} .project-swiper__nav{width: 36rem;height: 36rem;} .project-swiper__nav--prev{left: 12rem;} .project-swiper__nav--next{right: 12rem;} .project-swiper__nav .icon{width: 14rem;height: 14rem;} .project-swiper__counter{bottom: 12rem;right: 12rem;padding: 4rem 10rem;} .project-thumbs{grid-template-columns: repeat(auto-fit, minmax(70rem, 1fr));grid-gap: 6rem;} .project-page__video{max-width: none;} .project-page__map{height: 320rem;} .project-page__cta{flex-direction: column;} .project-page__cta .button{width: 100%;} } @media screen and (min-width: 1024px) { .mobile{display: none!important;} .header.init{top: calc(-1 * var(--headroom-height));transition: top .25s linear;} .header.active{top: 0;} .header:not(.static){box-shadow: var(--shadow1);} .section-header-main:only-child{grid-column: 1/10;} .section-header-main{grid-column: 1/9;} .section-header-main:nth-last-child(3), .section-header-main:nth-last-child(2){grid-column: 1/7;} .catalog-type-rows{grid-template-columns: auto;grid-gap: 16rem;} .catalog-type-rows .card-4 .card-inner{grid-template-areas: "a3 a1 a5 a5 a5 a4 a6 a2";grid-template-rows: auto;grid-template-columns: auto repeat(4, minmax(0, 1fr)) 1.5fr 1.5fr auto;grid-gap: 0 40rem;align-items: center;padding: 10rem 40rem 10rem 10rem;} .catalog-type-rows .card-4 .card-header{margin: 0;width: 130rem;margin-right: 20rem;padding: 0;border-radius: var(--br1);overflow: hidden;} .catalog-type-rows .card-4 .card-info{margin: 0;} .catalog-type-rows .card-4 .card-info-meta{display: none;} .catalog-type-rows .card-4 .card-info li{flex: 1;} .catalog-type-rows .card-4 .card-info li:not(:last-child){margin-right: 40rem;} .catalog-type-rows .card-4 .card-info li::after{display: none;} .catalog-type-rows .card-4 .card-tags{margin: 0;} .catalog-type-rows .card-4 .card-price-old{order: -1;} .s8-2{padding-right: 50rem;} .s8-4{margin-left: -50rem;display: flex;justify-content: flex-end;} .s15-2:not(.catalog-type-rows) .s15-2-2{display: none;} .s23-2-1 .card-5{min-height: 100%;} .s23-2-1 .card-5 .card-subtitle{max-width: 230rem;} } @media screen and (min-width: 1440px) { html{font-size: 1px;} } /* hover animations */ @media (hover: hover) and (pointer: fine) and (min-width: 1024px) { .pdl:hover::after{border-bottom-style: solid;} .button, .carousel-button{transition: all .25s;} .button__default:hover, .button__secondary:hover, .button__outlined:hover, .carousel-button:not(.swiper-button-disabled):hover{border-radius: calc(var(--btn) / 2);} .button__more .button-text{transition: opacity .15s;} .tabs li{transition: all .15s;} .tabs li:hover{background-color: var(--c3);color: var(--c2);border-color: var(--c3);} .partners-action .button__more:not(:hover) .button-text{opacity: .4;} .card-4 .card-media{transition: color .15s;} .card-4:not(:hover) .card-media:nth-child(2), .card-4:hover .card-media:nth-child(1){color: var(--c17);} .card-4 .card-media:not(:only-child) img{transition: opacity .15s;opacity: 0;} .card-4:not(:hover) .card-media:nth-child(1) img, .card-4:hover .card-media:nth-child(2) img{opacity: 1;} .card-1 .card-subtitle-text{will-change: transform;transition: transform .25s;} .card-1 .card-subtitle-icon{transition: opacity .15s .25s;} .card-1:not(:hover) .card-subtitle-text{transform: translateX(30rem);transition-delay: .15s;} .card-1:not(:hover) .card-subtitle-icon{opacity: 0;transition-delay: 0s;} .card-3 .card-media{transition: transform .5s;will-change: transform;} .card-3:hover .card-media{transform: scale(1.03);} .button__ibt .button-text, .s15-4-1, .s6-3-1, .s7-5-1 .button__more .button-text, .s14-2 .button__more .button-text, .card-4 .card-action, .s18-8-2, .s18-27-1{transition: all .15s;} .button__ibt .button-text:hover, .s15-4-1:hover, .s6-3:hover .s6-3-1, .s7-5-1 .button__more:hover .button-text, .s14-2 .button__more:hover .button-text, .card-4 .card-action:hover, .s18-8-2:hover, .s18-27-1:hover{color: var(--c3);opacity: 1;} .s18-breadcrumbs-link:hover{color: var(--c3);} .card-6 .card-content, .card-7 .card-content{transition: opacity .25s;} .card-6:not(:hover) .card-content, .card-7:not(:hover) .card-content{opacity: 0;} } .hide { display: none; } /* ===== Active menu item ===== */ .topbar-nav li.active a { color: var(--c3); font-weight: 600; } /* ===== Skeleton / image loading ===== */ .card-sale__image, .sale-detail__image, .s18-28-main { background: linear-gradient(110deg, var(--c4) 8%, var(--c9) 18%, var(--c4) 33%); background-size: 200% 100%; animation: skeleton-shimmer 1.5s linear infinite; } .card-sale__image img.loaded, .sale-detail__image img.loaded, .s18-28-main img.loaded { animation: img-fade-in .4s ease forwards; } @keyframes skeleton-shimmer { to { background-position: -200% 0; } } @keyframes img-fade-in { from { opacity: 0; } to { opacity: 1; } } /* ===== Company counters ===== */ .s2-counters { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--gap); margin: 30rem 0; } .s2-counter { text-align: center; padding: 24rem 16rem; background: var(--c2, #f5f7fa); border-radius: 16rem; } .s2-counter__number { font-size: 48rem; font-weight: 700; color: var(--c3); line-height: 1; margin-bottom: 8rem; } .s2-counter__label { font-size: 15rem; color: var(--c5); } @media (max-width: 768px) { .s2-counters { grid-template-columns: repeat(2, 1fr); gap: 12rem; } .s2-counter__number { font-size: 36rem; } } /* ===== Scroll animations ===== */ .aos { opacity: 0; transform: translateY(30rem); transition: opacity .6s ease-out, transform .6s ease-out; } .aos.aos--visible { opacity: 1; transform: translateY(0); } .aos-delay-1 { transition-delay: .1s; } .aos-delay-2 { transition-delay: .2s; } .aos-delay-3 { transition-delay: .3s; } .aos-delay-4 { transition-delay: .4s; } /* Slide from left */ .aos--left { opacity: 0; transform: translateX(-40rem); transition: opacity .6s ease-out, transform .6s ease-out; } .aos--left.aos--visible { opacity: 1; transform: translateX(0); } /* Slide from right */ .aos--right { opacity: 0; transform: translateX(40rem); transition: opacity .6s ease-out, transform .6s ease-out; } .aos--right.aos--visible { opacity: 1; transform: translateX(0); } /* Scale up */ .aos--scale { opacity: 0; transform: scale(.9); transition: opacity .6s ease-out, transform .6s ease-out; } .aos--scale.aos--visible { opacity: 1; transform: scale(1); } /* Respect reduced motion */ @media (prefers-reduced-motion: reduce) { .aos, .aos--left, .aos--right, .aos--scale { opacity: 1 !important; transform: none !important; transition: none !important; } } /* Scroll to top button */ .scroll-top { position: fixed; bottom: 30rem; left: 30rem; width: 48rem; height: 48rem; border-radius: 50%; background: var(--c3); color: #fff; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transform: translateY(20rem); transition: opacity .3s, visibility .3s, transform .3s, background .2s; z-index: 999; box-shadow: var(--shadow2); } .scroll-top.visible { opacity: 1; visibility: visible; transform: translateY(0); } .scroll-top:hover { background: #1449d6; } @media (max-width: 768px) { .scroll-top { bottom: 20rem; left: 20rem; width: 40rem; height: 40rem; } } /* ===== Sales / Promotions ===== */ .sales-subtitle { font-size: 18rem; color: var(--c5); margin-top: 8rem; } .sales-empty { text-align: center; padding: 60rem 20rem; font-size: 18rem; color: var(--c8); } .sales-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24rem; } .card-sale { display: flex; flex-direction: column; background: var(--c2); border-radius: 16rem; overflow: hidden; text-decoration: none; color: inherit; transition: box-shadow .25s, transform .25s; } .card-sale:hover { box-shadow: var(--shadow3); transform: translateY(-4rem); } .card-sale__image { position: relative; aspect-ratio: 16/10; overflow: hidden; } .card-sale__image img { width: 100%; height: 100%; object-fit: cover; } .card-sale__badge { position: absolute; top: 12rem; left: 12rem; background: var(--c3); color: #fff; font-size: 14rem; font-weight: 600; padding: 4rem 12rem; border-radius: 8rem; } .card-sale__body { padding: 20rem 24rem 24rem; display: flex; flex-direction: column; flex-grow: 1; } .card-sale__title { font-size: 20rem; font-weight: 600; line-height: 1.3; margin-bottom: 8rem; } .card-sale__text { font-size: 15rem; color: var(--c5); line-height: 1.5; margin-bottom: 16rem; flex-grow: 1; } .card-sale__date { display: flex; align-items: center; gap: 6rem; font-size: 14rem; color: var(--c8); margin-bottom: 16rem; } .card-sale__date .icon { flex-shrink: 0; } .card-sale__link { display: inline-flex; align-items: center; gap: 4rem; font-size: 15rem; font-weight: 600; color: var(--c3); } .card-sale__link .icon { transition: transform .2s; } .card-sale:hover .card-sale__link .icon { transform: translateX(4rem); } @media (max-width: 1024px) { .sales-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 640px) { .sales-grid { grid-template-columns: 1fr; gap: 16rem; } .card-sale__body { padding: 16rem; } } /* Sale detail page */ .sale-detail { max-width: 800rem; margin: 0 auto; } .sale-detail__nav { margin-bottom: 24rem; } .sale-detail__back { display: inline-flex; align-items: center; gap: 4rem; font-size: 15rem; color: var(--c3); text-decoration: none; font-weight: 500; } .sale-detail__back:hover { text-decoration: underline; } .sale-detail__image { position: relative; border-radius: 16rem; overflow: hidden; margin-bottom: 32rem; } .sale-detail__image img { width: 100%; display: block; } .sale-detail__title { font-size: 32rem; font-weight: 700; line-height: 1.2; margin-bottom: 16rem; } .sale-detail__date { display: flex; align-items: center; gap: 6rem; font-size: 15rem; color: var(--c8); margin-bottom: 24rem; } .sale-detail__text { font-size: 16rem; line-height: 1.7; color: var(--c10); margin-bottom: 32rem; } .sale-detail__text p { margin-bottom: 16rem; } .sale-detail__action { display: flex; gap: 16rem; flex-wrap: wrap; } #js-scroll-top { display: none !important; } .chat-inline-section{ display: none !important; } .topbar-contacts li{ display: flex; } .mainbar-nav a{ transition: 0.3s; } .mainbar-nav li:hover a{ color:var(--c3); transition: 0.3s; } .mainbar-nav li.has-dropdown:hover .menu-dropdown a{ color:var(--c1); } .mainbar-nav li.has-dropdown .menu-dropdown a:hover{ color:var(--c3); transition: 0.3s; } .mainbar-nav li:hover a.button{ color:#fff; } .discount_block .swiper { margin: 0 20px !important; width: 100%; } .s3-5 .button{ min-width: 219px; } .bx-filter-popup-result{ display: none !important; } #modef{ display: none !important; } /* End */ /* /local/templates/dom/css/reset.css?17814496992480 */ /* /local/templates/dom/css/fonts.css?17814496992202 */ /* /local/templates/dom/css/swiper-bundle.min.css?178144969918436 */ /* /local/templates/dom/css/cookie-notice.css?17814496993489 */ /* /local/templates/dom/template_styles.css?1781450141129128 */