/* Start:/local/templates/doorlock-2026/assets/fonts/stylesheet.css?17854221741537*/ /* FONTS */ /* Montserrat — переменный файл, покрывает веса 100…900 */ @font-face { font-family: 'Montserrat'; src: url('/local/templates/doorlock-2026/assets/fonts/Montserrat-VariableFont_wght.woff2') format('woff2'), url('/local/templates/doorlock-2026/assets/fonts/Montserrat-VariableFont_wght.woff') format('woff'), url('/local/templates/doorlock-2026/assets/fonts/Montserrat-VariableFont_wght.ttf') format('truetype'); font-weight: 100 900; font-style: normal; font-display: swap; } /* Xolonium — заголовки макета. SIL OFL 1.1, fontlibrary.org/en/font/xolonium */ @font-face { font-family: 'Xolonium'; src: url('/local/templates/doorlock-2026/assets/fonts/xolonium/Xolonium-Regular.woff2') format('woff2'), url('/local/templates/doorlock-2026/assets/fonts/xolonium/Xolonium-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Xolonium'; src: url('/local/templates/doorlock-2026/assets/fonts/xolonium/Xolonium-Bold.woff2') format('woff2'), url('/local/templates/doorlock-2026/assets/fonts/xolonium/Xolonium-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } /* Ruberoid — подписи форм и копирайт. В поставке только Ultra Light (OS/2 weight 300) */ @font-face { font-family: 'Ruberoid'; src: url('/local/templates/doorlock-2026/assets/fonts/ruberoid/Ruberoid-UltraLight.woff2') format('woff2'), url('/local/templates/doorlock-2026/assets/fonts/ruberoid/Ruberoid-UltraLight.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Ruberoid'; src: url('/local/templates/doorlock-2026/assets/fonts/ruberoid/Ruberoid-UltraLightOblique.woff2') format('woff2'), url('/local/templates/doorlock-2026/assets/fonts/ruberoid/Ruberoid-UltraLightOblique.woff') format('woff'); font-weight: 300; font-style: italic; font-display: swap; } /* End */ /* Start:/local/templates/doorlock-2026/assets/css/swiper-bundle.min.css?178532934215562*/ /** * Swiper 7.0.9 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 18, 2021 */ @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}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.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-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.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,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.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-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-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.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: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:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.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-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;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: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:10px;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-progressbar{background: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: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:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);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}.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%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.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,.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-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.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-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-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-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/doorlock-2026/assets/css/nouislider.min.css?17853293424294*/ /*! nouislider - 14.6.2 - 9/16/2020 */ .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-connect{height:100%;width:100%}.noUi-origin{height:10%;width:10%}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;top:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px} /* End */ /* Start:/local/templates/doorlock-2026/assets/css/choices.min.css?17853293427667*/ .choices{position:relative;overflow:hidden;margin-bottom:24px;font-size:16px}.choices:focus{outline:0}.choices:last-child{margin-bottom:0}.choices.is-open{overflow:visible}.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:#eaeaea;cursor:not-allowed;-webkit-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed}.choices [hidden]{display:none!important}.choices[data-type*=select-one]{cursor:pointer}.choices[data-type*=select-one] .choices__inner{padding-bottom:7.5px}.choices[data-type*=select-one] .choices__input{display:block;width:100%;padding:10px;border-bottom:1px solid #ddd;background-color:#fff;margin:0}.choices[data-type*=select-one] .choices__button{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.25}.choices[data-type*=select-one] .choices__button:focus,.choices[data-type*=select-one] .choices__button:hover{opacity:1}.choices[data-type*=select-one] .choices__button:focus{box-shadow:0 0 0 2px #00bcd4}.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button{display:none}.choices[data-type*=select-one]::after{content:"";height:0;width:0;border-style:solid;border-color:#333 transparent transparent;border-width:5px;position:absolute;right:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}.choices[data-type*=select-one].is-open::after{border-color:transparent transparent #333;margin-top:-7.5px}.choices[data-type*=select-one][dir=rtl]::after{left:11.5px;right:auto}.choices[data-type*=select-one][dir=rtl] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner{cursor:text}.choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button{position:relative;display:inline-block;margin:0 -4px 0 8px;padding-left:16px;border-left:1px solid #008fa1;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);background-size:8px;width:8px;line-height:1;opacity:.75;border-radius:0}.choices[data-type*=select-multiple] .choices__button:focus,.choices[data-type*=select-multiple] .choices__button:hover,.choices[data-type*=text] .choices__button:focus,.choices[data-type*=text] .choices__button:hover{opacity:1}.choices__inner{display:inline-block;vertical-align:top;width:100%;background-color:#f9f9f9;padding:7.5px 7.5px 3.75px;border:1px solid #ddd;border-radius:2.5px;font-size:14px;min-height:44px;overflow:hidden}.is-focused .choices__inner,.is-open .choices__inner{border-color:#b7b7b7}.is-open .choices__inner{border-radius:2.5px 2.5px 0 0}.is-flipped.is-open .choices__inner{border-radius:0 0 2.5px 2.5px}.choices__list{margin:0;padding-left:0;list-style:none}.choices__list--single{display:inline-block;padding:4px 16px 4px 4px;width:100%}[dir=rtl] .choices__list--single{padding-right:4px;padding-left:16px}.choices__list--single .choices__item{width:100%}.choices__list--multiple{display:inline}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;margin-right:3.75px;margin-bottom:3.75px;background-color:#00bcd4;border:1px solid #00a5bb;color:#fff;word-break:break-all;box-sizing:border-box}.choices__list--multiple .choices__item[data-deletable]{padding-right:5px}[dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}.choices__list--multiple .choices__item.is-highlighted{background-color:#00a5bb;border:1px solid #008fa1}.is-disabled .choices__list--multiple .choices__item{background-color:#aaa;border:1px solid #919191}.choices__list--dropdown,.choices__list[aria-expanded]{visibility:hidden;z-index:1;position:absolute;width:100%;background-color:#fff;border:1px solid #ddd;top:100%;margin-top:-1px;border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px;overflow:hidden;word-break:break-all;will-change:visibility}.is-active.choices__list--dropdown,.is-active.choices__list[aria-expanded]{visibility:visible}.is-open .choices__list--dropdown,.is-open .choices__list[aria-expanded]{border-color:#b7b7b7}.is-flipped .choices__list--dropdown,.is-flipped .choices__list[aria-expanded]{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:.25rem .25rem 0 0}.choices__list--dropdown .choices__list,.choices__list[aria-expanded] .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item,.choices__list[aria-expanded] .choices__item{position:relative;padding:10px;font-size:14px}[dir=rtl] .choices__list--dropdown .choices__item,[dir=rtl] .choices__list[aria-expanded] .choices__item{text-align:right}@media (min-width:640px){.choices__list--dropdown .choices__item--selectable,.choices__list[aria-expanded] .choices__item--selectable{padding-right:100px}.choices__list--dropdown .choices__item--selectable::after,.choices__list[aria-expanded] .choices__item--selectable::after{content:attr(data-select-text);font-size:12px;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}[dir=rtl] .choices__list--dropdown .choices__item--selectable,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable{text-align:right;padding-left:100px;padding-right:10px}[dir=rtl] .choices__list--dropdown .choices__item--selectable::after,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable::after{right:auto;left:10px}}.choices__list--dropdown .choices__item--selectable.is-highlighted,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted{background-color:#f2f2f2}.choices__list--dropdown .choices__item--selectable.is-highlighted::after,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after{opacity:.5}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;user-select:none;opacity:.5}.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid #f7f7f7;color:gray}.choices__button{text-indent:-9999px;-webkit-appearance:none;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.choices__button:focus,.choices__input:focus{outline:0}.choices__input{display:inline-block;vertical-align:baseline;background-color:#f9f9f9;font-size:14px;margin-bottom:5px;border:0;border-radius:0;max-width:100%;padding:4px 0 4px 2px}.choices__input::-webkit-search-cancel-button,.choices__input::-webkit-search-decoration,.choices__input::-webkit-search-results-button,.choices__input::-webkit-search-results-decoration{display:none}.choices__input::-ms-clear,.choices__input::-ms-reveal{display:none;width:0;height:0}[dir=rtl] .choices__input{padding-right:2px;padding-left:0}.choices__placeholder{opacity:.5} /* End */ /* Start:/local/templates/doorlock-2026/assets/css/tokens.css?17863824084949*/ /** * Дизайн-токены редизайна 2026. * Источник: Figma «doorlock редизайн» (2026-07-13), ключ 2eTvqHwOfbXkSbhgaiRZIf. * Значения извлечены утилитой _tmp/figma-export (см. out/report.md). * Подключается ДО main.css. */ :root { /* --- Палитра --------------------------------------------------------- */ /* Текст и тёмные плоскости */ --color-text: #050000; /* основной текст, ×17156 в макете */ --color-text-soft: #0C0B0B; --color-text-secondary: #444444; /* нейтральный серый для плоскостей */ --color-text-muted: #A9A9A9; /* второстепенный текст, плейсхолдеры */ --color-text-invert: #FFFFFF; --color-text-on-dark-muted: rgba(255, 255, 255, 0.6); /* Акцент */ --color-accent: #FF0000; /* CTA, активные состояния, иконки */ --color-accent-hover: #EC1314; --color-accent-soft: #E9454F; /* Поверхности */ --color-surface: #FFFFFF; --color-surface-muted: #F5F5F5; /* фон секций */ --color-surface-alt: #E6E6E6; --color-surface-dark: #050000; /* футер, промо-блоки */ --color-surface-dark-alt: #1E1E1E; --color-surface-dark-soft: #373333; --color-surface-dark-deep: #0C1422; /* Границы и разделители */ --color-border: #E6E6E6; --color-border-strong: #A9A9A9; --color-line: #E5E5E5; --color-border-on-dark: rgba(255, 255, 255, 0.2); /* Статусы */ --color-success: #33B512; /* «Оплачен», «Выполнен» */ --color-warning: #FA9D12; /* «Ожидает доставки» */ --color-danger: #EC1314; --color-info: #0069FF; /* Наложения */ --color-overlay: rgba(5, 0, 0, 0.4); --color-scrim: rgba(5, 0, 0, 0.7); --color-placeholder: rgba(87, 87, 87, 0.7); /* --- Типографика ----------------------------------------------------- */ --font-base: 'Montserrat', system-ui, sans-serif; --font-alt: 'Ruberoid', 'Montserrat', sans-serif; /* копирайт и подписи полей форм */ --font-price: var(--font-alt); --font-display: 'Xolonium', 'Montserrat', sans-serif; /* заголовки баннера и «О компании» */ --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700; --fs-2xs: 10px; --fs-xs: 12px; --fs-sm: 14px; --fs-md: 16px; /* базовый размер макета */ --fs-lg: 18px; --fs-xl: 20px; --fs-2xl: 24px; --fs-3xl: 34px; --fs-4xl: 38px; /* Верхняя строка шапки ужимается, пока город, меню и телефоны не встанут в одну линию */ --fs-header-top: clamp(14px, 1.15vw, 16px); --lh-tight: 1.2; --lh-normal: 1.4; --lh-loose: 1.5; /* --- Сетка и раскладка ----------------------------------------------- */ --layout-canvas: 1920px; /* ширина канвы макета */ --layout-max: 1600px; /* контентный контейнер */ --layout-gutter: 160px; /* поля на 1920px */ --layout-pad: 20px; /* минимальные боковые отступы */ --section-gap: 70px; /* вертикальный ритм между секциями */ --section-pad: 50px; /* внутренние поля секций с заливкой */ --header-height: 150px; --header-top-height: 56px; /* --- Отступы (шаг авто-лэйаута макета) ------------------------------- */ --space-6: 6px; --space-8: 8px; --space-10: 10px; /* самый частый gap */ --space-12: 12px; --space-14: 14px; --space-16: 16px; --space-20: 20px; --space-24: 24px; --space-30: 30px; --space-40: 40px; --space-50: 50px; /* --- Скругления ------------------------------------------------------ */ --radius-xs: 4px; --radius-sm: 8px; --radius-md: 16px; /* кнопки, поля, мелкие карточки */ --radius-lg: 16px; --radius-xl: 20px; /* крупные карточки и баннеры */ --radius-pill: 100px; --radius-round: 50%; /* --- Тени ------------------------------------------------------------ */ --shadow-sm: 0 0 6px rgba(0, 0, 0, 0.1); --shadow-md: 0 0 20px rgba(0, 0, 0, 0.1); --shadow-up: 0 -3px 6px rgba(0, 0, 0, 0.06); --shadow-card: 0 0 8px #D5D5D5; /* --- Прочее ---------------------------------------------------------- */ --border-width: 1px; --transition: 0.2s ease; } @media (max-width: 1200px) { :root { --layout-gutter: var(--layout-pad); --section-gap: 60px; --section-pad: 40px; --header-height: 123px; } } @media (max-width: 640px) { :root { --layout-pad: 15px; } } /* End */ /* Start:/local/templates/doorlock-2026/template_styles.css?178703461155133*/ @media screen and (min-width: 1201px) { .header__item--company:hover .header__popup-company { display: block; } } @media screen and (max-width: 1200px) { .header__item--company:hover .header__popup-company { display: none; } .header__item a.header__item--company-link:hover { text-decoration: none; } .header__item--company:hover .header__item--company-link::after { background-image: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6.5 6L12 1' stroke='%23050000'/%3E%3C/svg%3E"); } .header__item--company.active .header__item--company-link::after { background-image: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6L6.5 1L1 6' stroke='%23050000'/%3E%3C/svg%3E%0A"); } .header__item--company.active .header__popup-company { display: block; } } .header__btn-item a { display: flex; align-items: center; flex-direction: column; position: relative; } .header__btn-item a svg { margin-bottom: 5px; } .header__btn-item a span { font-size: 14px; font-weight: 600; white-space: nowrap; color: var(--color-text); } .header__btn-item a img { margin-bottom: 5px; width: 27px; height: 27px; border-radius: var(--radius-round); } .header__btn-item--favorite button span.js_favorite_num--hidden { display: none; } .popup__authForm input.popup__submit { padding: 15px 45px; background: var(--color-accent); border: unset; border-radius: var(--radius-pill); font-size: 16px; font-weight: 500; color: var(--color-text-invert); margin-bottom: 0; width: unset; cursor: pointer; } .popup-enter-email__button-wrapper { margin-top: 20px; } .popup-window#modal_auth, .popup-window-content { background-color: rgba(0,0,0,0); } .userProperties-hidden { display: none; } .popup-registration-company__switcher { max-width: 146px; width: 100%; margin-left: auto; margin-right: auto; } .popup-registration-company__company-tipe { display: block; text-align: center; } .header__btn-item--card a span:nth-child(3) { position: absolute; top: -12px; right: 0; display: flex; justify-content: center; align-items: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-width: 24px; height: 24px; padding: 0 8px; font-size: 16px; font-weight: 600; white-space: nowrap; color: var(--color-text-invert); background-color: var(--color-danger); border-radius: var(--radius-round); } .product-main__quantity .sign { text-align: center; } .product-main__acent-btn { display: block; } .about-main h1 { margin-bottom: 30px; font-size: 40px; line-height: 120%; font-weight: 500; color: var(--color-text); } @media screen and (max-width: 1200px) { .about-main h1 { font-size: 22px; font-weight: 700; } } .about-main p, .about-main li { font-size: 18px; font-weight: 400; color: var(--color-text); } .about-main p, .about-main ul, .about-main ol { margin-bottom: 10px; } .about-main p a, .about-main > a { text-decoration: underline; font-weight: 500; } @media screen and (max-width: 1200px) { .about-main p, .about-main li { font-size: 14px; } } .popup-registration-company__switcher input { display: none; } .popup-registration-company__switcher .registration-company_entrepreneur_btn { padding: 7px 20px; font-size: 16px; line-height: 130%; font-weight: 500; color: var(--color-text-muted); display: inline-block; } .popup-registration-company__switcher input[checked] + label { background: var(--color-accent); color: var(--color-text-invert); border-radius: var(--radius-pill); } .accessories-slider__btn-wrapper { display: flex; flex-direction: column; align-items: center; } .office-my-profile__find-form .__select__content { max-height: 202px; overflow-y: scroll; } .js-main-swiper { max-height: 440px; } .popup-buy-to-one-click__form .main-user-consent-request { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; margin-bottom: 15px; } .popup-buy-to-one-click__form .main-user-consent-request input { width: unset; } .office-my-profile__find-form .__select__content label:nth-child(2) { display: flex; } .barFinal span { display: none; } .barFinal:after { content: none; } .office-main__product__itemName { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; display: block; } .cart-main__credit-sum, .order-main__credit-sum { width: 103px; } .office-my-profile__find-form .__select__title, .office-my-profile__find-form .__select__label, .office-my-profile__purchases-search input { font-size: 14px; } .header__item a, .header__item button { text-decoration: none; } .header__item a:hover { text-decoration: underline; } .accessories-menu { background-color: var(--color-surface); } .accessories-menu__search input { background-color: var(--color-surface); } .product-description__tab-table-item.product-description__tab-table-item--odd::before { /*content: none;*/ counter-increment: oddCounter; content: counter(oddCounter) "."; } .product-description__tab-table-item.product-description__tab-table-item--even::before { /*content: none;*/ counter-increment: evenCounter; content: counter(evenCounter) "."; } .product-description__tab-table-item__num { /*color: var(--color-text-muted); display: inline-block; text-align: center; margin-right: 5px; margin-left: 10px; font-size: 18px; font-weight: 500; padding-top: 18px; padding-bottom: 18px;*/ } .product-description__tab-table-item { margin-right: 80px; } ol.product-description__tab-table.active { display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; } @media screen and (max-width: 1200px) { ol.product-description__tab-table.active { -moz-column-count: unset; column-count: unset; text-align: left; align-items: stretch; } .product-description__tab-table-item { max-width: calc(50% - 80px); } .product-description__tab-table-more-btn { width: 100%; } } @media screen and (max-width: 760px) { .product-description__tab-table-item { max-width: 100%; } } .product-description__tab-table-item__inner, .product-description__tab-table-item::before { padding-top: 8px; padding-bottom: 8px; } @media screen and (max-width: 540px) { .product-description__tab-table-item span:nth-child(1), .product-description__tab-table-item a, .product-description__tab-table-item span:nth-child(2) { font-size: 14px; } .product-description__tab-table-item::before { padding-bottom: 5px; padding-top: 8px; } .product-description__tab-table-item__inner { padding-top: 5px; padding-bottom: 5px; } } /*.office-my-profile__orders-item-titles span:nth-child(2), .office-my-profile__orders-item span:nth-child(3) { flex-basis: unset; } .office-my-profile__orders-item-titles span:nth-child(3) { flex-basis: 140px; }*/ .office-my-profile__orders-item span:nth-child(2) { flex-basis: 140px; } .office-my-profile__orders-item span:nth-child(3) { flex-basis: 140px; } .about-main [id] { scroll-margin-top: 7em; } .popup-catalog__wrapper { max-width: 1165px; } .office-my-profile__left-menu { background-color: var(--color-surface); border: 1px solid var(--color-border); } .office-my-profile__menu-item { border-color: var(--color-border); } .popup-choose-city__popular-city-item:hover { cursor: pointer; } .popup-choose-city__popular-city-item.active { text-decoration: underline; } .company__inn-wrapper { position: relative; } .popup-registration-company__inn-finded:hover { cursor: pointer; } .popup-registration-company__inn-finded { top: unset; } .office-my-profile__credit { width: 100%; } .office-my-profile__credit .product-main__credit-bar--12-percentage-credit { width: 100%; } .office-my-profile__credit .product-main__credit-bar--12-percentage-credit::before { content: none; } .office-my-profile__places { max-width: 100%; } .office-my-profile__places .product-main__credit-bar--12-percentage { width: 100%; } .product-main__credit-bar--12-percentage-credit::before { content: none; } .product-main__credit-bar-scale--differentHeight { position: absolute; bottom: 3px; height: 10px; width: 1px; background-color: var(--color-surface); z-index: 11; } .product-main__credit-bar-scale--differentHeight:nth-of-type(2n) { height: 15px; } .loadMore-loading { filter: grayscale(50%); opacity: 0.5; cursor: default; } .article-main__card-list .news-articles-card { display: flex; } .news-articles-card__img { object-fit: contain; object-position: center; } .js_news_tag_clear_btn { display: none; width: 20px; height: 20px; margin-left: 7px; background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4.5957' y='14.4961' width='14' height='1' rx='0.5' transform='rotate(-45 4.5957 14.4961)' fill='%23050000'/%3E%3Crect x='5.30273' y='4.5957' width='14' height='1' rx='0.5' transform='rotate(45 5.30273 4.5957)' fill='%23050000'/%3E%3C/svg%3E"); } .article-main__tag-item { display: flex; flex-direction: row; } .article-main__tag-link.active + .js_news_tag_clear_btn { display: flex; } .article-main__tag-link:hover { text-decoration: underline; } .article-main__tag-link.active { font-weight: bold; } .accessories-menu { position: relative; } .accessories-menu:before { content: ""; position: absolute; left: 5px; top: 5px; right: 5px; bottom: 5px; width: calc(100% - 10px); height: calc(100% - 10px); border-radius: var(--radius-md); border: 1px solid var(--color-border); } .catalog-main__content-wrapper .popup-catalog__category-list { height: fit-content; } ul.footer__list { padding-right: 18px; padding-top: 8px; margin-top: 7px; } .accessories-slider .swiper-slide { height: auto; } .accessories-slider .swiper-slide .product-card { height: 100%; } @media (max-width: 1200px) { .header__search.mobileActive { display: block; } .header__mobile-buttons > * { margin-left: 15px } .footer__item:first-child span::after { content: none; } body { padding-bottom: 50px } .accessories-main__title { max-width: 100%; } .accessories-main__card { flex: unset; max-width: calc(100% / 5 - 5px); width: 100% } .accessories-main__card--link { height: unset; } .accessories-main__card-link { width: 100%; max-width: 100%; justify-content: center; } } @media (max-width: 920px) { .js-accessories-swiper .swiper-slide { height: auto; } .product-card { max-width: 100%; height: 100%; } .product-card__bottom { justify-content: flex-start; } .product-card__card { width: 22px; } .product-card__favorite { margin-right: 15px } .product-item-button-container { margin-right: unset } .product-item-button-container .product-card__btn { margin-right: unset } .product-card__btn { padding: 8px 16px } } @media (max-width: 780px) { .accessories-main__card { max-width: calc(100% / 3 - 5px); } } @media (max-width: 480px) { .accessories-main__card { max-width: calc(50% - 5px); } .accessories-main__card--link { max-width: 100%; width: unset; flex-grow: 1; } } .advantages .swiper-slide img { border-radius: unset; } form button.disabled { color: var(--color-border); background-color: var(--color-border-strong); cursor: not-allowed; } .popup-one-click__productName { margin-bottom: 15px; } .accessories-menu__list { position: relative; z-index: 10; } .accessories-menu.fixedBottom { position: absolute; } .choices.is-focused.is-open { z-index: 100; position: relative; } .video-main__select.my-select { z-index: unset; } .catalog-main__menu form.active { display: block; } @media screen and (max-width: 1200px) { .catalog-main__menu form .catalog-main__menu-link { display: block; } .catalog-main__menu form .catalog-main__filter-result { display: block; } .catalog-main__menu form .catalog-main__filter-top { display: flex; } .catalog-main__menu form .filters-price__inputs { display: flex; } .catalog-main__menu form .filters-price__slider { display: block; } .catalog-main__menu form .bx-filter-block { display: none; } .catalog-main__filter.open .bx-filter-block { display: flex; margin-top: 15px } .catalog-main__filter.open .catalog-main__filter-top:after { transform: rotate(180deg); } .catalog-main__filter a.bx-ui-slider-handle { display: flex; } } .order-main__wrapper .bx-ui-sls-quick-locations { display: none; } .popup-map { overflow-y: scroll; height: 100%; } a.office-main__exit-btn { display: block; text-align: center; } @media screen and (max-width: 1200px) { .office-my-profile__left-menu .office-my-profile__menu-item { display: block; } } .service-main a[href$=".pdf"]:before, .service-main a[href$=".doc"]:before, .service-main a[href$=".xls"]:before, .service-main a[href$=".xlsx"]:before, .service-main a[href$=".ppt"]:before, .service-main a[href$=".pptx"]:before, .service-main a[href$=".docx"]:before { background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 19.8906C1.26522 19.8906 1.51957 19.996 1.70711 20.1835C1.89464 20.3711 2 20.6254 2 20.8906V25.8906C2 26.4211 2.21071 26.9298 2.58579 27.3048C2.96086 27.6799 3.46957 27.8906 4 27.8906H28C28.5304 27.8906 29.0391 27.6799 29.4142 27.3048C29.7893 26.9298 30 26.4211 30 25.8906V20.8906C30 20.6254 30.1054 20.3711 30.2929 20.1835C30.4804 19.996 30.7348 19.8906 31 19.8906C31.2652 19.8906 31.5196 19.996 31.7071 20.1835C31.8946 20.3711 32 20.6254 32 20.8906V25.8906C32 26.9515 31.5786 27.9689 30.8284 28.7191C30.0783 29.4692 29.0609 29.8906 28 29.8906H4C2.93913 29.8906 1.92172 29.4692 1.17157 28.7191C0.421427 27.9689 0 26.9515 0 25.8906V20.8906C0 20.6254 0.105357 20.3711 0.292893 20.1835C0.48043 19.996 0.734784 19.8906 1 19.8906Z' fill='black'/%3E%3Cpath d='M15.2933 23.7978C15.3862 23.891 15.4965 23.9649 15.618 24.0153C15.7395 24.0657 15.8697 24.0916 16.0013 24.0916C16.1328 24.0916 16.263 24.0657 16.3845 24.0153C16.506 23.9649 16.6164 23.891 16.7093 23.7978L22.7093 17.7978C22.897 17.6101 23.0025 17.3554 23.0025 17.0898C23.0025 16.8243 22.897 16.5696 22.7093 16.3818C22.5215 16.1941 22.2668 16.0886 22.0013 16.0886C21.7357 16.0886 21.481 16.1941 21.2933 16.3818L17.0013 20.6758V3.08984C17.0013 2.82463 16.8959 2.57027 16.7084 2.38274C16.5208 2.1952 16.2665 2.08984 16.0013 2.08984C15.736 2.08984 15.4817 2.1952 15.2942 2.38274C15.1066 2.57027 15.0013 2.82463 15.0013 3.08984V20.6758L10.7093 16.3818C10.5215 16.1941 10.2668 16.0886 10.0013 16.0886C9.73571 16.0886 9.48104 16.1941 9.29326 16.3818C9.10549 16.5696 9 16.8243 9 17.0898C9 17.3554 9.10549 17.6101 9.29326 17.7978L15.2933 23.7978Z' fill='black'/%3E%3C/svg%3E"); content: ''; flex-shrink: 0; display: block; width: 32px; height: 32px; margin-right: 15px; margin-left: 15px; background-repeat: no-repeat; background-size: contain; } .service-main a[href$=".pdf"] { position: relative; display: flex; flex-direction: row; align-items: center; margin-bottom: 30px; font-size: 18px; font-weight: 500; } .service-main a[href$=".pdf"]:after { background-image: url("data:image/svg+xml,%3Csvg width='50' height='51' viewBox='0 0 50 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M37.6578 3.32812L46.3516 12.3906V46.8531H13.875V46.9656H46.4625V12.5047L37.6578 3.32812Z' fill='%23909090'/%3E%3Cpath d='M37.5477 3.21484H13.7617V46.8523H46.3492V12.3914L37.5461 3.21484' fill='%23F4F4F4'/%3E%3Cpath d='M13.5234 5.55859H3.53906V16.2258H34.9453V5.55859H13.5234Z' fill='%237A7B7C'/%3E%3Cpath d='M35.1125 16.0441H3.74219V5.36914H35.1125V16.0441Z' fill='%23DD2025'/%3E%3Cpath d='M14.1438 7.17405H12.1016V14.674H13.7078V12.1444L14.0625 12.1647C14.4071 12.1587 14.7485 12.097 15.0734 11.9819C15.3583 11.8839 15.6203 11.7292 15.8438 11.5272C16.0711 11.3347 16.2503 11.0918 16.3672 10.8178C16.5239 10.3623 16.5799 9.87827 16.5312 9.39905C16.5215 9.05672 16.4615 8.71768 16.3531 8.3928C16.2545 8.15828 16.1081 7.94686 15.9233 7.77201C15.7385 7.59715 15.5193 7.46269 15.2797 7.37717C15.0725 7.30217 14.8585 7.24774 14.6406 7.21467C14.4757 7.18922 14.3091 7.17565 14.1422 7.17405H14.1438ZM13.8469 10.7584H13.7078V8.44592H14.0094C14.1425 8.43633 14.276 8.45676 14.4002 8.50571C14.5243 8.55466 14.6358 8.63088 14.7266 8.72874C14.9146 8.98032 15.015 9.28655 15.0125 9.60061C15.0125 9.98499 15.0125 10.3334 14.6656 10.5787C14.4157 10.7162 14.1313 10.7781 13.8469 10.7569V10.7584ZM19.5828 7.15374C19.4094 7.15374 19.2406 7.16624 19.1219 7.17092L18.75 7.1803H17.5313V14.6803H18.9656C19.5138 14.6953 20.0596 14.6024 20.5719 14.4069C20.9842 14.2433 21.3494 13.9796 21.6344 13.6397C21.9115 13.2966 22.1104 12.8972 22.2172 12.4694C22.3399 11.9848 22.3998 11.4864 22.3953 10.9865C22.4256 10.3962 22.3799 9.80434 22.2594 9.22561C22.145 8.79962 21.9307 8.40701 21.6344 8.0803C21.4019 7.81649 21.1172 7.60369 20.7984 7.4553C20.5247 7.32861 20.2367 7.23523 19.9406 7.17717C19.8229 7.15773 19.7037 7.14884 19.5844 7.15061L19.5828 7.15374ZM19.3 13.3022H19.1438V8.51467H19.1641C19.4862 8.47761 19.8121 8.53573 20.1016 8.68186C20.3135 8.85112 20.4863 9.06436 20.6078 9.30686C20.739 9.56207 20.8146 9.84218 20.8297 10.1287C20.8438 10.4725 20.8297 10.7537 20.8297 10.9865C20.8361 11.2547 20.8188 11.523 20.7781 11.7881C20.73 12.0603 20.6409 12.3237 20.5141 12.5694C20.3705 12.7977 20.1764 12.9902 19.9469 13.1319C19.7541 13.2565 19.5258 13.3147 19.2969 13.2975L19.3 13.3022ZM27.2344 7.1803H23.4375V14.6803H25.0437V11.7053H27.075V10.3115H25.0437V8.57405H27.2312V7.1803' fill='%23464648'/%3E%3Cpath d='M34.0321 31.7384C34.0321 31.7384 39.0133 30.8353 39.0133 32.5369C39.0133 34.2385 35.9274 33.5463 34.0321 31.7384ZM30.3493 31.8681C29.5579 32.043 28.7866 32.2991 28.0477 32.6322L28.6727 31.2259C29.2977 29.8197 29.9461 27.9025 29.9461 27.9025C30.6919 29.1577 31.5597 30.3363 32.5368 31.4213C31.7999 31.5311 31.0697 31.6814 30.3493 31.8713V31.8681ZM28.3774 21.7119C28.3774 20.2291 28.8571 19.8244 29.2305 19.8244C29.604 19.8244 30.0243 20.0041 30.0383 21.2916C29.9167 22.5862 29.6456 23.8624 29.2305 25.0947C28.662 24.0601 28.3677 22.8971 28.3758 21.7166L28.3774 21.7119ZM21.1133 38.1431C19.5852 37.2291 24.318 34.415 25.1758 34.3244C25.1712 34.3259 22.7133 39.0994 21.1133 38.1431ZM40.468 32.7385C40.4524 32.5822 40.3118 30.8525 37.2337 30.926C35.9506 30.9053 34.6682 30.9957 33.4008 31.1963C32.1731 29.9594 31.1159 28.5643 30.2571 27.0478C30.7981 25.4844 31.1256 23.8551 31.2305 22.2041C31.1852 20.3291 30.7368 19.2541 29.2993 19.2697C27.8618 19.2853 27.6524 20.5431 27.8415 22.415C28.0267 23.6729 28.376 24.9011 28.8805 26.0681C28.8805 26.0681 28.2165 28.1353 27.3383 30.1916C26.4602 32.2478 25.8602 33.3259 25.8602 33.3259C24.3332 33.823 22.8957 34.5616 21.6024 35.5134C20.3149 36.7119 19.7915 37.6322 20.4696 38.5525C21.054 39.3463 23.0993 39.5259 24.9274 37.1306C25.8987 35.8935 26.7861 34.5926 27.5836 33.2369C27.5836 33.2369 30.3712 32.4728 31.2383 32.2634C32.1055 32.0541 33.154 31.8884 33.154 31.8884C33.154 31.8884 35.6993 34.4494 38.154 34.3588C40.6087 34.2681 40.4899 32.8916 40.4743 32.7416' fill='%23DD2025'/%3E%3Cpath d='M37.4297 3.33594V12.5125H46.2312L37.4297 3.33594Z' fill='%23909090'/%3E%3Cpath d='M37.5469 3.21484V12.3914H46.3484L37.5469 3.21484Z' fill='%23F4F4F4'/%3E%3Cpath d='M14.0227 7.05296H11.9805V14.553H13.593V12.0248L13.9492 12.0451C14.2939 12.0392 14.6353 11.9775 14.9602 11.8623C15.245 11.7643 15.507 11.6096 15.7305 11.4076C15.9561 11.2147 16.1337 10.9718 16.2492 10.6983C16.4059 10.2428 16.4619 9.75874 16.4133 9.27952C16.4035 8.93719 16.3435 8.59815 16.2352 8.27327C16.1365 8.03875 15.9901 7.82733 15.8053 7.65248C15.6205 7.47762 15.4013 7.34316 15.1617 7.25764C14.9536 7.18191 14.7385 7.12696 14.5195 7.09358C14.3546 7.06813 14.188 7.05455 14.0211 7.05296H14.0227ZM13.7258 10.6373H13.5867V8.32483H13.8898C14.0229 8.31523 14.1565 8.33566 14.2806 8.38462C14.4048 8.43357 14.5163 8.50979 14.607 8.60764C14.795 8.85923 14.8955 9.16546 14.893 9.47952C14.893 9.86389 14.893 10.2123 14.5461 10.4576C14.2962 10.5951 14.0118 10.657 13.7273 10.6358L13.7258 10.6373ZM19.4617 7.03264C19.2883 7.03264 19.1195 7.04514 19.0008 7.04983L18.6336 7.05921H17.4148V14.5592H18.8492C19.3974 14.5742 19.9432 14.4813 20.4555 14.2858C20.8678 14.1222 21.233 13.8585 21.518 13.5186C21.7951 13.1755 21.994 12.7761 22.1008 12.3483C22.2235 11.8637 22.2834 11.3653 22.2789 10.8655C22.3092 10.2751 22.2635 9.68325 22.143 9.10452C22.0286 8.67852 21.8143 8.28591 21.518 7.95921C21.2855 7.6954 21.0008 7.4826 20.682 7.33421C20.4083 7.20751 20.1203 7.11414 19.8242 7.05608C19.7065 7.03663 19.5873 7.02774 19.468 7.02952L19.4617 7.03264ZM19.1836 13.1811H19.0273V8.39358H19.0477C19.3698 8.35652 19.6957 8.41464 19.9852 8.56077C20.1971 8.73003 20.3699 8.94327 20.4914 9.18577C20.6226 9.44098 20.6982 9.72109 20.7133 10.0076C20.7273 10.3514 20.7133 10.6326 20.7133 10.8655C20.7196 11.1336 20.7024 11.4019 20.6617 11.667C20.6136 11.9393 20.5245 12.2026 20.3977 12.4483C20.254 12.6766 20.06 12.8691 19.8305 13.0108C19.6377 13.1355 19.4094 13.1936 19.1805 13.1764L19.1836 13.1811ZM27.1133 7.05921H23.3164V14.5592H24.9227V11.5842H26.9539V10.1905H24.9227V8.45296H27.1102V7.05921' fill='white'/%3E%3C/svg%3E%0A"); content: ''; order: -1; flex-shrink: 0; display: block; width: 50px; height: 50px; background-repeat: no-repeat; background-size: contain; } .js_popup_call-back_open_btn { cursor: pointer; } .popup-cookie { position: fixed; bottom:0; z-index: 151; width: 100%; } .popup-cookie a{ text-decoration: underline; } .product-main__save-btn p { justify-content: center; } .product-main__input-wrapper { flex-direction: column; } .product-main__save-btn { max-width: 100%; width: 100%; margin-top: 15px; } .product-main__quantity input { width: 70px; } .popup-delivery__quantity-box .quantity-box__input[class] { width: 70px; } @media screen and (max-width: 470px) { .swiper.js-obj-swiper .swiper-slide { display: flex; flex-direction: column; align-items: center; } .business-main__cose-item-mobile { width: unset; } .advantages__list .swiper-slide { display: flex; flex-direction: column; align-items: center; } } @media screen and (max-width: 700px) { .catalog-main__filter-result { left: 0; top: 100%; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2); } } @media screen and (max-width: 760px) { .popup-one-click__productName { color: var(--color-text-invert); } } .popup-zoomedImage { top: 0; left: 0; width: 100%; height: 100%; } .popup-header-mobile-bottom-bar .bx-basket-block, .popup-header-mobile-bottom-bar .slidebar__item { position: relative; } .popup-header-mobile-bottom-bar .slidebar__cart-num { position: absolute; top: -5px; right: -5px; width: 20px; height: 20px; border-radius: var(--radius-round); background-color: var(--color-danger); text-align: center; color: var(--color-text-invert); font-weight: bold; display: flex; justify-content: center; align-items: center; } .office-my-profile__purchases-top .office-my-profile__find-form .__select[data-state="active"] .__select__label + .__select__input + .__select__label { max-height: unset; } .office-my-profile__purchases-top .office-my-profile__find-form .__select__label { max-height: unset; height: unset; flex-shrink: 0; padding: 5px 20px; } .bx-soa-section-content .order-main__express-item, .bx-soa-section-content .bx-soa-pp .bx-soa-pp-company.order-main__pay-form-label { border-radius: var(--radius-md); } .bx-soa-section-content .order-main__pay-form-inner .bx-selected, .bx-soa-section-content .bx-soa-pp .bx-soa-pp-company.order-main__pay-form-label.bx-selected, .bx-soa-section-content .order-main__express-item.bx-selected { border: 3px solid var(--color-border); outline: unset; border-radius: var(--radius-md); } @media screen and (max-width: 480px) { .order-main__pay-form-inner .bx-selected, .order-main__express-item.bx-selected { border-radius: var(--radius-md); border: 3px solid var(--color-border); } .order-main__express-item { margin-bottom: 5px } } section.dealers-main, section.objects-main { margin-bottom: 0; } ul.dealers-main__list, ul.objects-main__list { max-height: 740px; } .dealers-main__card svg, .objects-main__card { height: 430px; } .dealers-main__card__btn { margin-bottom: 60px; } .footer__author-inner { display: flex; flex-direction: column; align-items: flex-end; margin-right: 14px; } .footer__author a, .footer__author span { margin-right: 0; } .footer__author a { text-decoration: underline; } .footer__author { align-items: flex-end; } @media screen and (max-width: 1200px) { .footer__author { flex-direction: row; } .footer__author-inner { margin-bottom: 0; } .footer__bottom .footer__author-inner span { margin-bottom: 0; } } .footer__item span { opacity: 0.7; text-transform: uppercase; } .footer__item span.footer__item-title { opacity: 1; text-transform: unset; } .footer__item a:hover { text-decoration: underline; } .footer__list > .footer__item:first-child { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 14px; } .footer__list-contacts .footer__item:first-child { border-bottom: unset; padding-bottom: 15px; } @media screen and (max-width: 780px) { .footer__list > .footer__item { display: none !important; } .footer__list.opened > .footer__item, .footer__list.footer__list-contacts > .footer__item { display: block !important; } .footer__list > .footer__item:first-child { border-bottom: unset; padding-bottom: 25px; position: relative; display: block !important; } .footer__list.footer__list-contacts > .footer__item:first-child:before { content: none; } .footer__list > .footer__item:first-child:before { content: ''; position: absolute; right: 0; top: 0; width: 30px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='10' viewBox='0 0 20 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 9L9.94634 1L1 9' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; transform: rotate(180deg); background-size: contain; } .footer__list.opened > .footer__item:first-child:before { transform: rotate(0deg); } .footer__item:first-child span { opacity: 1; } .footer__item:not(:first-child) { opacity: 0.7; } } .header__top-item { display: flex; flex-direction: row; align-items: center; justify-content: center; } .header__top-item--link { font-size: 14px; font-weight: 600; color: var(--color-text); position: relative; padding-left: 30px; } .header__top-item--link:before { content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url('/local/templates/doorlock-2026/assets/img/en.png'); background-size: contain; background-position: center; background-repeat: no-repeat; } .header__top-inner .header__city span { width: 120px; } .header__contact-list { margin-right: 15px; } .header__mobile-bottom-inner .header__top-item { display: none; } @media screen and (max-width: 1200px) { .header__top-inner .header__top-item { display: none; } .header__mobile-bottom-inner { justify-content: flex-start; } .header__catalog-btn { margin-right: auto; } .header__mobile-bottom-inner .header__top-item { display: flex; } } .header__mobile-bottom-inner .header__top-item--link { color: var(--color-text-invert); margin-right: 20px; } .header__mobile-bottom-inner .header__top-item--link:before { background-image: url('/local/templates/doorlock-2026/assets/img/en-w.png'); top: -2px; width: 17px; height: 17px; } .popup-one-click__productInfo { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; width: 100%; } .popup-one-click__productName { margin-bottom: 15px; } .popup-one-click__right { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .popup-one-click__productImage { max-width: 175px; margin-bottom: 20px; padding: 15px; background-color: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-xl); margin-right: 20px; } .popup-one-click__productImage img { max-width: 100%; max-height: 100%; width: 100%; height: 100%; object-fit: contain; object-position: center; } .popup-sms-code .popup-sms-code__form input { width: 100px; } .news-articles-card__bottom .news-articles-card__text { margin-bottom: 10px; } .news-card__btn { margin-top: auto; } .news-card__group { margin-bottom: 10px; display: flex; } .news-card__bottom { display: flex; flex-direction: column; flex-grow: 1; } .news-main__news-item .news-card { height: 100%; } .news__slider-wrapper .swiper-wrapper, .news__articles-slider-wrapper .swiper-wrapper { display: flex; flex-direction: row; align-items: stretch; justify-content: flex-start; } .news__articles-slider-wrapper .swiper-wrapper .swiper-slide, .news__slider-wrapper .swiper-wrapper .swiper-slide { height: auto; } .swiper-slide .news-card, .swiper-slide .news-articles-card { height: 100%; } .article-main__card-list .news-articles-card { height: unset; } @media screen and (max-width: 760px) { .popup-sms-code .popup-sms-code__wrapper { width: 100%; } } .fav-main__selectors-wrapper { max-width: 320px; margin-bottom: 15px; } main .product-similar__inner .product-card { height: unset; } .popup-watch-3d { display: none; align-items: flex-start; justify-content: center; background: rgba(41, 41, 41, 0.37); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding: 30px 10px 30px; z-index: 200; overflow-y: auto; } .popup-watch-3d.active { display: flex; } .popup-watch-3d__wrapper { position: relative; display: flex; flex-direction: column; align-items: center; max-width: 640px; width: 100%; margin: 0 auto; padding: 60px 60px; background-color: var(--color-surface); border-radius: var(--radius-xl); overflow-y: auto; } .popup-watch-3d__title { display: block; text-align: center; font-size: 26px; line-height: 120%; font-weight: 500; color: var(--color-text); margin-bottom: 15px; } .popup-watch-3d__btn-close { position: absolute; width: 25px; height: 25px; top: 10px; right: 10px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); } .btn__360 { width: 100%; padding: 16px; text-align: center; background: var(--color-accent); border-radius: var(--radius-xl); color: var(--color-text-invert); font-size: 16px; line-height: 120%; margin-bottom: 15px; margin-top: 15px; } .slider-controls__wrapper { position: relative; } .errors__message { margin: 15px 0; } .popup-buy-to-one-click.active { z-index: 201; } .popup-registration-company__inn-finded { min-width: 320px; z-index: 11; } .office-my-profile__lebel p { min-height: 54px; } .captcha__wrapper { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; } .captcha__wrapper img { margin-right: 5px; } .captcha__wrapper img:hover { cursor: pointer; } .captcha__wrapper img + input { margin-left: 5px; } .register__type-switcher { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; margin-bottom: 10px; } .register__type-switcher .register__type { position: relative; padding-left: 25px; margin-bottom: 15px; } .register__type-switcher .register__type:before { content: ""; position: absolute; left: 0; top: 0; border-radius: var(--radius-round); width: 16px; height: 16px; border: 1px solid var(--color-border); } .register__type-switcher .register__type:after { content: none; position: absolute; left: 3px; top: 3px; width: 10px; height: 10px; border-radius: var(--radius-round); background-color: var(--color-accent); } .register__type-switcher input { display: none; } .register__type-switcher input[checked] + .register__type:after { content: ""; } @media screen and (max-width: 760px) { .register__type-switcher .register__type { color: var(--color-text-invert); } .register__type-switcher .register__type:before { border: 1px solid var(--color-surface); } .register__type-switcher .register__type:after { background-color: var(--color-surface); } } .company__inn-wrapper.hidden { display: none; } .popup_registration-company__errors, .popup-change-password-email__data-error { color: red; text-align: center; margin-bottom: 15px; font-size: 18px; } .popupLoading:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.3); z-index: 20; } .popupLoading:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url('/local/templates/doorlock-2026/assets/img/load.gif'); background-position: center; background-repeat: no-repeat; background-size: 30px 30px; z-index: 20; } .popup-enter-sms__data-error { display: block; max-width: 100%; width: 100%; } .policyText { display: block; margin-top: 15px; color: var(--color-text-muted); } @media screen and (max-width: 760px) { .policyText a { color: var(--color-text-invert); } } .policyText a { text-decoration: underline; } .popupLinkText { text-align: center; } .company__inn-wrapper input + .popup-registration-company__inn--subInput { margin-top: -15px; margin-bottom: 15px; } @media screen and (max-width: 760px) { .popup-registration-company__inn--subInput { color: var(--color-text-invert); } .office-my-profile__places-add-label span, .office-my-profile__places-add-title { color: var(--color-text-invert); } } .js-main-swiper, .main-slider a { max-height: 220px; min-height: 220px; } .main-slider__link { margin-bottom: 60px; } .main-slider .swiper-pagination { bottom: 20px; } .product-main__slider-little .swiper-slide.active { border-color: var(--color-border); } @media screen and (max-width: 1200px) { .product-main__content-top h1 { display: block; width: 100%; } } @media screen and (max-width: 400px) { .product-main__content-bottom-left { max-width: 100%; } } .accessories-menu__search-list { z-index: 11; } .product-card__bottom.hidden { display: none!important; } @media screen and (max-width: 1200px) { .header__search.mobileActive { position: absolute; top: 24px; right: 120px; margin: 0; } } .header__top-item--link select { font-size: 12px; } @media screen and (max-width: 480px) { .header__search.mobileActive input { width: 190px; } .header__top-item--link select { font-size: 10px; } .header__mobile-bottom-inner .header__top-item--link:before { top: -1px; } } .popup__list { width: 100%; } .popup__list a { color: var(--color-text); text-decoration: underline; } .popup__list > * + * { margin-top: 15px; } .popup-dealer__button-wrapper { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-top: 15px; width: 100%; } .popup-dealer__stay { display: inline-block; padding: 15px 45px; border-radius: var(--radius-pill); border: 1px solid var(--color-border); font-size: 16px; font-weight: 500; color: var(--color-text); margin-right: 14px; max-width: calc(50% - 7px); width: 100%; text-align: center; } .popup-dealer__stay:hover { cursor: pointer; } .popup-dealer__go { display: inline-block; padding: 15px 45px; border-radius: var(--radius-pill); border: 1px solid var(--color-border); font-size: 16px; font-weight: 500; color: var(--color-text-invert); background-color: var(--color-accent); max-width: calc(50% - 7px); width: 100%; text-align: center; } .article-recommendation__inner .swiper-slide { height: auto; } .article-recommendation__inner .swiper-slide .news-articles-card__text { flex-grow: 1; } .news-card__img-wrapper { width: 100%; height: 160px; margin-bottom: 15px; } .news-articles-card__img-wrapper { width: 100%; height: 200px; padding: 16px; } .news-card__img-wrapper img, .news-articles-card__img-wrapper img { max-width: 100%; max-height: 100%; width: 100%; height: 100%; object-fit: contain; object-position: center; margin:0; } .header__btn-item a img.header__delivery-icon { width: auto; height: 28px; border-radius: unset; } .order-copy-errors-btns { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; margin-top: 15px; } .order-copy-errors-btn-item { padding: 8px 38px; background: var(--color-accent); border-radius: var(--radius-xl); font-size: 16px; font-weight: 600; border: 2px solid var(--color-border); color: var(--color-text-invert); } .order-copy-errors-btn-item:hover { cursor: pointer; opacity: 0.7; } .order-copy-errors-btn-item--white { background-color: var(--color-surface); color: var(--color-text); border: 2px solid var(--color-border); } @media screen and (max-width: 1200px) { .header__popup-company-wrapper { padding: 15px 0 0; } .header__popup-company-wrapper .header__item { border: unset; padding: 10px 0; width: unset; } .header__popup-company-wrapper .header__item + .header__item { border-top: 1px solid var(--color-border); } .header__popup-company-wrapper .header__item a { font-size: 16px; } } .article-main__content a { color: var(--color-text); text-decoration: underline; } .article-main__content a:hover { opacity: 0.5; } @media screen and (max-width: 767px) { .article-main__content video { max-width: 100%; width: 100%; height: auto; } } .default__btn { display: inline-block; padding: 15px 45px; margin: 30px auto 0; background: var(--color-accent); border-radius: var(--radius-pill); font-size: 18px; font-weight: 600; color: var(--color-text-invert); } @media screen and (max-width: 768px) { .dealers-main__card svg, .objects-main__card { height: unset; } .dealers-main__card .default__btn { margin-bottom: 30px; } } label > p > a { text-decoration: underline; } .popup-address-finded { position: absolute; background-color: var(--color-surface); padding: 10px; z-index: 20; border: 1px solid var(--color-text); width: 100%; } .popup-address-finded__item:hover { opacity: 0.5; cursor: pointer; } .popup-address-finded .popup-address-finded__item + .popup-address-finded__item { margin-top: 5px; padding-top: 5px; border-top: 1px solid var(--color-border); } .office-my-profile__credit-text { max-width: 100%; } .cloudflareCaptcha { width: 100%; max-width: 100%; margin-bottom: 15px; } @media (max-width: 1200px) { .footer__logo-box { width: calc(25% - 15px); } .footer__logo-box svg { width: 100%; } .footer__list { width: calc(25% - 15px); } } @media (max-width: 920px) { .footer__logo-box { width: 100%; } } @media (max-width: 780px) { .footer__list { width: 100%; max-width: 280px; } } .headerAlert__wrapper { max-width: var(--layout-max); margin: 0 auto; padding: 0 10px 0; display: flex; align-items: center; justify-content: center; } .headerAlert__wrapper img { max-width: 100%; width: 100%; } .article-main__card-list { margin-bottom: 60px; } .product-description__tab-table-item.product-description__tab-table-item-article { align-items: center; position: relative; } .product-description__tab-table-item.product-description__tab-table-item-article + .product-description__tab-table-item.product-description__tab-table-item-article { margin-top: 15px; } .product-description__tab-table-item.product-description__tab-table-item-article:before { counter-increment: unset; content: ''; margin: 0; padding: 0; width: 8px; height: 8px; border-radius: var(--radius-round); background-color: var(--color-accent); position: absolute; left: 0; top: 9px; } .product-description__tab-table-item__inner { position: relative; } .product-description__tab-table-item-name, .product-main__content-wrapper-table-item-name { position: relative; } .hintItem-hint { border: 1px solid var(--color-border); display: none; border-radius: var(--radius-sm); background-color: var(--color-surface); padding: 8px; position: absolute; right: 0; left: 0; z-index: 100; text-align: left; bottom: 100%; box-shadow: 0 0 10px 2px rgba(0,0,0,0.2); max-width: 220px; min-width: 220px; max-height: 150px; width: 100%; opacity: 0; font-size: 14px; font-weight: normal; overflow: hidden; } .hintItem-hint--more:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 1; height: 115px; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); } .hintItem-hint-moreBtn { position: absolute; z-index: 2; left: 0; bottom: 10px; font-weight: bold; text-decoration: underline; text-align: center; color: var(--color-text); width: 100px; } .hintItem-hint-moreBtn:hover { cursor: pointer; opacity: 0.7; } .hintItem-hint.hint--show a { display: inline; font-size: inherit; padding-left: 0; background-color: unset; } .hintItem-hintMark { width: 20px; height: 20px; display: inline-flex; justify-content: center; align-items: center; margin-left: 7px; border: 1px solid var(--color-border); color: var(--color-text); border-radius: var(--radius-round); font-size: 13px; font-weight: bold; cursor: pointer; flex-shrink: 0; } .hintItem-hintMark:hover { opacity: 0.7; } .hintItem-hint.hint--show { display: block; opacity: 1; } .product-main__content-wrapper-table-row { position: relative; } .product-main__content-wrapper-table dt { display: inline-flex; } .product-main__content-wrapper-table-item-value .hintItem-hintMark { position: absolute; right: unset; left: 100%; } @media screen and (max-width: 480px) { .product-main__content-wrapper-table-item-value .hintItem-hintMark { position: relative; right: unset; left: unset; } .product-main__content-wrapper-table-item-value .hintItem-hint, .product-description__tab-table-item-value .hintItem-hint { left: unset; right: 0; } } .product-description__tab-table-item-value, .product-main__content-wrapper-table-item-value { display: flex; align-items: center; justify-content: flex-end; position: relative; } html body .catalog-main__filter-top h3 { display: flex; } .articles__resetFilters { display: flex; align-items: center; padding: 12px 15px; font-size: 18px; font-weight: 400; color: var(--color-text); border: 1px solid var(--color-border); border-radius: var(--radius-xl); background-color: var(--color-surface); line-height: 1; } .articles__resetFilters:hover { opacity: 0.8; } .bx-section-desc { margin-bottom: 30px; } .popup-hint-details p a { text-decoration: underline; color: var(--color-text); } @media screen and (max-width: 768px) { .popup-hint-details p { color: var(--color-text-invert); } .hintItem-hint[data-type="value"] { right: 0; left: unset; } } .catalog-main__filter_item--color.open--color .catalog-main__filter_element { position: relative; align-items: center; } .checkbox.catalog-main__filter_element .hintItem-hintMark { margin-left: auto; } .checkbox.catalog-main__filter_element .hintItem-hint[data-type="value"] { right: 0; left: unset; } .customCaptcha { position: relative; background-color: var(--color-surface-muted); padding: 20px; border-radius: var(--radius-sm); display: flex; flex-direction: row; align-items: center; margin-bottom: 10px; } .customCaptcha__box { width: 20px; height: 20px; margin-right: 15px; border-radius: var(--radius-xs); border: 1px solid var(--color-border-strong); background-color: var(--color-surface); position: relative; } .customCaptcha__box.customCaptcha__box--checked:before { content: ''; position: absolute; width: calc(100% - 4px); height: calc(100% - 4px); top: 2px; left: 2px; background-color: var(--color-success); border-radius: 2px; } .customCaptcha__box:hover { cursor: pointer; } .customCaptcha input { width: 0; height: 0; overflow: hidden; opacity: 0; border: 0; padding: 0; margin: 0; position: absolute; } .videoContentWrapper { display: flex; flex-direction: row; flex-wrap: wrap; } .videoContentWrapper--left .videoContent { order: 0; padding-left: 0; padding-right: 30px; } .videoContentWrapper--left .videoWrapper { order: 1; } .videoContent { padding-left: 30px; max-width: 40%; width: 100%; } .videoContent img { max-width: 100%; width: 100%; height: auto; object-position: top center; } .videoContentWrapper .videoWrapper, .videoContentWrapper iframe { max-width: 60%; width: 100%; } .article-main__content .videoWrapper, .article-main__content iframe { max-width: 60%; width: 100%; } .article-main__content .videoWrapper video { width: 100%; max-width: 100%; } .videoContentWrapper .videoWrapper video { width: 100%; object-fit: top center; height: auto; } .videoWrapper { position: relative; width: fit-content; } .videoWrapper.playing .play-button { background-image: url('/local/templates/doorlock-2026/assets/img/pause-button.png'); opacity: 0; } .play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; background: transparent; border: none; padding: 0; cursor: pointer; border-radius: var(--radius-round); width: 90px; height: 90px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('/local/templates/doorlock-2026/assets/img/play-button.png'); transition: opacity 1s ease; opacity: 1; } @media screen and (max-width: 767px) { .videoContentWrapper { flex-direction: column; } .videoContent { padding-left: 0; max-width: 100%; } .videoContentWrapper .videoWrapper, .article-main__content .videoWrapper, .videoContentWrapper iframe { max-width: 100%; } .videoContentWrapper--left .videoContent { padding-right: 0; } } /* t_20773 */ .main-slider .swiper { padding-left: 0; padding-right: 0; } /* t_20786 */ .product-card .item_plate.is_new_plate::before, .product-card .item_plate.is_sale_plate::before { display: block; content: ''; width: 0; height: 0; position: absolute; top: 0; left: 0; border-top: 50px solid red; border-left: 50px solid red; border-bottom: 50px solid transparent; border-right: 50px solid transparent; border-top-left-radius: 16px } .product-card .item_plate.is_new_plate::before { border-top-color: var(--color-success); border-left-color: var(--color-success); } .product-card .item_plate.is_sale_plate::before { border-top-color: var(--color-accent-hover); border-left-color: var(--color-accent-hover); } .product-card .item_plate.is_new_plate::after, .product-card .item_plate.is_sale_plate::after { display: block; content: ''; color: var(--color-text-invert); position: absolute; font-weight: bold; top: 22px; left: 0px; transform: rotate(-45deg); font-size: 25px; line-height: 1; } .product-card .item_plate.is_new_plate::after { content: 'NEW'; } .product-card .item_plate.is_sale_plate::after { content: 'SALE'; } @media (max-width: 1023px) { .product-card .item_plate.is_new_plate::before, .product-card .item_plate.is_sale_plate::before { border-width: 40px!important; } .product-card .item_plate.is_new_plate::after, .product-card .item_plate.is_sale_plate::after { font-size: 20px; top: 18px; } } .product-item-detail-slider-block[data-plate="is_new_plate"]::before, .product-item-detail-slider-block[data-plate="is_sale_plate"]::before { display: block; content: ''; width: 0; height: 0; position: absolute; top: 0; left: 0; border-top: 50px solid red; border-left: 50px solid red; border-bottom: 50px solid transparent; border-right: 50px solid transparent; border-top-left-radius: 16px; z-index: 11; } .product-item-detail-slider-block[data-plate="is_new_plate"]::before { border-top-color: var(--color-success); border-left-color: var(--color-success); } .product-item-detail-slider-block[data-plate="is_sale_plate"]::before { border-top-color: var(--color-accent-hover); border-left-color: var(--color-accent-hover); } .product-item-detail-slider-block[data-plate="is_new_plate"]::after, .product-item-detail-slider-block[data-plate="is_sale_plate"]::after { display: block; content: ''; color: var(--color-text-invert); position: absolute; font-weight: bold; top: 22px; left: 0px; transform: rotate(-45deg); font-size: 25px; line-height: 1; z-index: 12; } .product-item-detail-slider-block[data-plate="is_new_plate"]::after { content: 'NEW'; } .product-item-detail-slider-block[data-plate="is_sale_plate"]::after { content: 'SALE'; } @media (max-width: 1023px) { .product-item-detail-slider-block[data-plate="is_new_plate"]::before, .product-item-detail-slider-block[data-plate="is_sale_plate"]::before { border-width: 40px!important; } .product-item-detail-slider-block[data-plate="is_new_plate"]::after, .product-item-detail-slider-block[data-plate="is_sale_plate"]::after { font-size: 20px; top: 18px; } } /* t_20835 */ .header__logo_img { width: 270px; height: auto; } @media (min-width: 1201px) { .header__search { margin-right: 16px; } .header__btn-item:not(:last-child) { margin-right: 16px; } } @media (max-width: 400px) { .header__logo_img { width: 180px; } } .uf-subscribe{margin-bottom:10px;} .uf-subscribe a{text-decoration:underline;} #saveSubscribe{ display: none; padding: 13px 50px; background: var(--color-accent); border-radius: var(--radius-pill); font-size: 16px; color: var(--color-text-invert); margin-top:20px; cursor:pointer; } #deleteSubscribe, #addSubscribe,#addNewSubscribe{ padding: 13px 50px; background: var(--color-accent); border-radius: var(--radius-pill); font-size: 16px; color: var(--color-text-invert); margin-top:20px; cursor:pointer; } .subscribe-info{ margin-bottom:25px; display:block; } .btn-subscribe,.btn-subscribe:before,.btn-subscribe:hover{ background-color: var(--color-accent); } .subscribe-label{ margin-bottom: 15px; font-size: 16px; font-weight: 400; color: var(--color-text); } #subscribe-email{ width: 100%; border: 1px solid var(--color-border); border-radius: var(--radius-xl); font-size: 18px; font-weight: 500; padding: 15px 20px; color: var(--color-text); margin-bottom: 25px; margin-top: 10px; } .subscribe-edit input{ border: 1px solid var(--color-border); border-radius: var(--radius-xl); font-size: 18px; font-weight: 500; padding: 15px 20px; } .subscribe-edit input[type="submit"] { background-color: var(--color-accent); color:var(--color-text-invert); margin-bottom: 25px; margin-top: 10px; } /* Оформление плавающего баннера подписки — в assets/css/redesign.css (секция «Плавающий баннер подписки»). */ .subscrube_agree{ /* margin-bottom: 35px; */ margin-top: 10px; } .subscrube_agree_lbl a { text-decoration:underline; } .addSubscribe{ margin-top: 35px; display:block; } .error-subscrube{ color:red; font-weight:bold; margin-bottom: 20px; } /* End */ /* /local/templates/doorlock-2026/assets/fonts/stylesheet.css?17854221741537 */ /* /local/templates/doorlock-2026/assets/css/swiper-bundle.min.css?178532934215562 */ /* /local/templates/doorlock-2026/assets/css/nouislider.min.css?17853293424294 */ /* /local/templates/doorlock-2026/assets/css/choices.min.css?17853293427667 */ /* /local/templates/doorlock-2026/assets/css/tokens.css?17863824084949 */ /* /local/templates/doorlock-2026/template_styles.css?178703461155133 */