/* Start:/bitrix/templates/helmut/assets/css/swiper-bundle.min.css?178057336118458*/ /** * Swiper 11.1.12 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 1, 2024 */ @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.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.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.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/bitrix/templates/helmut/assets/fonts/stylesheet.css?17805733611341*/ @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/helmut/assets/fonts/Montserrat-Medium.woff2') format('woff2'), url('/bitrix/templates/helmut/assets/fonts/Montserrat-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/helmut/assets/fonts/Montserrat-SemiBold.woff2') format('woff2'), url('/bitrix/templates/helmut/assets/fonts/Montserrat-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Manrope'; src: url('/bitrix/templates/helmut/assets/fonts/Manrope-SemiBold.woff2') format('woff2'), url('/bitrix/templates/helmut/assets/fonts/Manrope-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Manrope'; src: url('/bitrix/templates/helmut/assets/fonts/Manrope-Regular.woff2') format('woff2'), url('/bitrix/templates/helmut/assets/fonts/Manrope-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Manrope'; src: url('/bitrix/templates/helmut/assets/fonts/Manrope-Medium.woff2') format('woff2'), url('/bitrix/templates/helmut/assets/fonts/Manrope-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Lack'; src: url('/bitrix/templates/helmut/assets/fonts/Lack-Regular.woff2') format('woff2'), url('/bitrix/templates/helmut/assets/fonts/Lack-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } /* End */ /* Start:/bitrix/templates/helmut/assets/css/style.css?1780573361248783*/ :root { --color-1: #3f3f3f; --color-2: #ffffff; --color-3: #f17e1a; --color-4: #848484; --color-5: #e3e4e7; --color-6: #fbfbfc; --color-7: #575757; --color-8: #b6b6b6; --color-9: #f7f7f7; --color-10: #ff6c00; --color-11: #484848; --color-12: #ff861c; --color-13: #494949; --color-14: #dbdbdb; --color-15: #4a4a4a; --color-16: #565656; --color-17: #ef7e1a; --color-18: #90a58b; --color-19: #4f4f4f; --color-20: #6f86b1; --color-21: #b48d6d; --color-22: #b4b65a; --color-23: #6fb0a8; --color-24: #626262; --color-25: #aaaaaa; --color-26: #a09f9f; --color-27: #323232; --color-28: #d2d2d2; --color-29: #5b5b5b; --color-30: #c6d0e2; --color-31: #cecece; --color-32: #e0e0e0; --color-33: #e5e5e5; --color-34: #f2f2f2; --color-35: #d9d9d9; --color-36: #d0d0d0; --color-37: #e7e7e7; --color-38: #bababa; --color-39: #dedcdc; --color-40: #ebe5de; --color-41: #a2a2a2; --color-42: #e3e3e3; --color-43: #979797; --color-44: #cbcbcb; --color-45: #e6e6e6; --color-46: #f2f1f1; --color-47: #656565; --color-48: #474747; --fasteners-color: #5e739b; --accessories-color: #5e9b94; --profiles-color: #9c9e4b; --section-title-color: #7c8f78; --electrics-color: #7394eb; --cornices-color: #9b7a5e; --lighting-engineering-color: #ecc948; --diffusers-inserts-ends-color: #a07182; --lighting-color: #cebb76; --tools-color: #9e4b73; --ventilation-magnetic-grilles-color: #7d8cb2; --hatches-color: #976bac; --related-products-color: #c4cee0; --transition: all 0s linear; --border-grey: 2px solid #4a4a4a; --border-orange: 1px solid #ef7e1a; --border-3: 1.1px solid #5b5b5b; /* личный кабинет */ --color-49: #f6f6f6; --color-50: #ff8518; --color-51: #ececec; --color-52: #b1b1b1; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { font-family: "Manrope", sans-serif, "Arial"; font-size: 16px; font-weight: 400; line-height: 1.5em; color: var(--color-1); margin: 0; } h1, h2, h3, h4, h5, h6, p { margin: 0; } h1, h2 { font-family: "Lack", sans-serif, "Arial"; line-height: 1.3em; } h1 { font-size: 30px; font-weight: 400; } h2 { font-size: 20px; } .fssmall { font-size: 14px; } .fwsb { font-weight: 600; } .fwr { font-weight: 400; } ul, li { padding: 0; margin: 0; list-style: none; } a { color: var(--color-1); text-decoration: none; cursor: pointer; } button { display: block; padding: 0; margin: 0; border: none; background-color: transparent; max-width: 100%; width: 100%; font-size: 14px; font-weight: 600; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; line-height: 1.5em; } img { max-width: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; height: 100%; } input { outline: 0; margin: 0; padding: 0; } .container { max-width: 1500px; width: 100%; margin: 0 auto; padding: 0 30px; } .dFlex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .aic { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .dGrid { display: grid; } .btnSquareArrow { display: block; width: 32px; height: 32px; background-color: var(--color-5); -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; /* transition: var(--transition); */ position: relative; } .btnSquareArrow::before { content: ""; display: block; background-image: url(/bitrix/templates/helmut/assets/css/../images/icons/arrow.svg); background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; width: 10px; height: 10px; position: absolute; top: 35%; left: 28%; -webkit-transform: rotate(270deg) translate(0, 50%); -moz-transform: rotate(270deg) translate(0, 50%); -ms-transform: rotate(270deg) translate(0, 50%); -o-transform: rotate(270deg) translate(0, 50%); transform: rotate(270deg) translate(0, 50%); } .btnSquareArrow:hover { background-color: var(--color-2); } .btnLoad { background-color: var(--color-17); color: var(--color-2); -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); opacity: 0.53; padding: 16px 0; margin-top: 30px; } .btnLoad:hover { opacity: 1; } .btnBorder { border: var(--border-orange); -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); color: var(--color-17); padding: 16px 0; max-width: 100%; width: 100%; text-align: center; background-color: transparent; } .btnBorder:hover { color: var(--color-2); background-color: var(--color-17); } .title__catalog { display: block; padding: 10px 30px; background-color: var(--color-14); font-size: 14px; font-weight: 600; } .btn { padding: 10px 0; text-align: center; max-width: 100%; width: 100%; text-align: center; color: var(--color-4); background-color: var(--color-9); -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn:hover, .btn.active { color: var(--color-2); background-color: var(--color-17); } .inputPickUp { color: var(--color-2); border: 1px solid var(--color-2); padding: 15px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: transparent; max-width: 100%; width: 100%; } .inputPickUp::-webkit-input-placeholder { color: var(--color-2); } .inputPickUp:-moz-placeholder { color: var(--color-2); } .inputPickUp::-moz-placeholder { color: var(--color-2); } .inputPickUp:-ms-input-placeholder { color: var(--color-2); } .inputPickUp::-ms-input-placeholder { color: var(--color-2); } .inputPickUp::placeholder { color: var(--color-2); } .ppc-not-element { font-size: 21px; margin: 25px 0 0; } .inputForm { color: var(--color-26); border: none; padding: 15px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: var(--color-9); max-width: 100%; width: 100%; } /* личный кабинет */ .inputPersonalAccount { background-color: var(--color-49); color: var(--color-1); padding-left: 25px; padding-right: 25px; } .btnPickUp { color: var(--color-17); background-color: var(--color-2); padding: 12px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); border: 1px solid var(--color-2); max-width: 100%; width: 100%; } .btnPickUp:hover { color: var(--color-2); background-color: var(--color-17); } .btnGrey { background-color: var(--color-15); color: var(--color-2); -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); border: 2px solid transparent; font-size: 16px; } .btnGrey:hover { background-color: var(--color-2); color: var(--color-15); border: var(--border-grey); } .inputSearch { color: var(--color-4); border: 1px solid var(--color-5); padding: 10px 51px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: var(--color-6); } section { margin-bottom: 90px; } .path { margin: 50px 0 20px; } .inputRadio { background-color: transparent; cursor: pointer; margin: 0; padding: 0; } .form-help__block-box__radio-btn input[type="radio"] { display: none; } .form-help__block-box__radio-btn label { display: inline-block; cursor: pointer; padding: 7px 20px; font-size: 14px; border: 1px solid rgba(254, 254, 254, 0.49); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); color: rgba(255, 255, 255, 0.57); } .form-help__block-box__radio-btn label:hover, .form-help__block-box__radio-btn input[type="radio"]:checked + label { background-color: var(--color-2); color: var(--color-17); border: 1px solid var(--color-2); } /* header */ .page { position: relative; overflow: hidden; } .header-bg { background-color: var(--color-6); padding: 8px 0; } .header-bg__mobile, .header__popup-mobile, .my-office__exit-mobile { display: none; } .header__container { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .header__container-nav__lists { gap: 30px; } .header__container-nav__link { font-size: 14px; } .header__container-telephone { gap: 70px; } .header__container-telephone__link { gap: 9px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; font-weight: 600; } .header__container-telephone__icon { width: 13px; height: 13px; } .header__container-telephone__text { font-size: 14px; color: var(--color-4); } .header__block { padding: 20px 0; border-bottom: 1px solid var(--color-34); } .header__block-container { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; } .header__block-btn { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; width: 100%; padding-left: 23px; padding-right: 23px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px; -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); border: var(--border-orange); margin-right: 15px; } .header__block-btn__square { grid-template-columns: repeat(2, 5px); gap: 2px; } .header__block-btn__square span { display: block; width: 5px; height: 5px; background-color: var(--color-2); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); } .header__block-btn:hover { color: var(--color-17); background-color: var(--color-2); border: var(--border-orange); } .header__block-btn:hover .header__block-btn__square span { background-color: var(--color-17); } .header__block-container__box { max-width: 100%; width: 100%; } .header__block-container__box-logo { margin-right: 46px; max-width: 193px; width: 100%; height: 29px; } .header__block-container__box-logo__icon { max-width: 193px; width: 100%; height: 29px; } .header__block-form { max-width: 500px; width: 100%; } .header__block-label { display: block; position: relative; } .btn__form-search { display: block; width: 13px; height: 13px; position: absolute; top: 50%; left: 23px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .header__block-label__input { max-width: 100%; width: 100%; padding-right: 20px; } .header__block-path__page-lists { gap: 28px; } .header__block-path__page-link { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; line-height: 14px; } .header__block-path__page-link svg { width: 20px; height: 20px; } .header__block-path__page-link:hover svg, .header__block-path__page-link:hover svg path { } .header-bg__slider { padding: 30px 0; position: relative; background-color: var(--color-12); max-width: 100%; width: 100%; height: 100%; z-index: 1; min-height: 440px; } .header-bg__slider::before { content: ""; display: block; background-image: url(/bitrix/templates/helmut/assets/css/../images/bg-header.png); background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center; position: absolute; top: 0; left: 0; max-width: 100%; width: 100%; height: 100%; z-index: -1; } .header-bg__slider-btn { background-color: var(--color-2); border: 1px solid transparent; color: var(--color-11); -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); } .header-bg__slider-btn span { background-color: var(--color-11); } a.header__block-path__page-link, #header a { position: relative; } a.header__block-path__page-link:hover:after, #header .header__container-nav a:hover:after, #header .header__block-path__page-lists a:hover:after { content: ""; display: block; width: 100%; height: 2px; background: #f3801a; position: absolute; bottom: -3px; } /* Потом исправить по дизайну */ .header-bg__slider-btn:hover { border: 1px solid var(--color-11); color: var(--color-11); } .header-bg__slider-btn:hover .header__block-btn__square span { background-color: var(--color-11); } .header-bg__slider-container { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .header-bg__slider-container__texts { max-width: 50%; width: 100%; margin-top: 90px; } .header-bg__slider-container__texts h1 { color: var(--color-2); text-transform: uppercase; margin-bottom: 20px; } .header-bg__slider-container__texts p { color: var(--color-2); margin-bottom: 30px; font-size: 18px; } .header-bg__slider-container__texts .header-bg__slider-btn { margin: 0; } /* .catalog__block-select__box:hover { background-color: #f17e1a; } */ .catalog__block-select__box-text:hover { background-color: var(--color-27); color: #fff; } .catalog__block-select__box-text:hover a { color: #fff; } .catalog__block-select__box-content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* header slider */ .catalog__block-select .catalog__block-select__box-content { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: auto; /* text-align: end; */ } .catalog__block-select .catalog__block-select__box-content .btnSquareArrow { margin-left: auto; position: absolute; right: 20px; bottom: 20px; } .headerWrapperSlider__container { max-width: 100%; width: 100%; overflow: hidden; } .headerWrapperSlider__slide { gap: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px; background-color: var(--color-2); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; max-width: 455px; width: 100%; height: auto; } .headerWrapperSlider__slide-block__image { position: relative; height: 150px; } .headerWrapperSlider__slide-block__image-text { position: absolute; bottom: 20px; right: 10px; display: block; background-color: var(--color-10); -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; padding: 5px 10px; color: var(--color-2); } .headerWrapperSlider__slide-image { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display: block; } .headerWrapperSlider { position: relative; max-width: 622px; width: 100%; position: absolute; right: 0; bottom: 25px; } .headerWrapperSlider__btns { position: absolute; bottom: 20px; right: 233px; z-index: 1; gap: 10px; } .headerWrapperSlider__btn { background-color: var(--color-9); } .headerWrapperSlider__btn:hover { background-color: var(--color-12); } .headerWrapperSlider__btn:nth-of-type(1) { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .headerWrapperSlider .swiper-wrapper { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .headerWrapperSlider__container .swiper-slide-next { opacity: 0.3; } /* разобраться со шрифтом Lack */ .headerWrapperSlider__slide-texts { /* max-width: 225px; */ width: 100%; } .headerWrapperSlider__slide-title { font-size: 20px; font-family: "Lack", sans-serif, Arial; font-weight: 400; line-height: 1.3em; margin-bottom: 10px; } .headerWrapperSlider__slide-text { margin-bottom: 15px; } .headerWrapperSlider__slide-link { position: relative; } .headerWrapperSlider__slide-link::after { content: ""; display: block; background-image: url(/bitrix/templates/helmut/assets/css/../images/icons/arrow.svg); background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; width: 10px; height: 11px; position: absolute; top: 4px; right: -18px; -webkit-transform: rotate(265deg); -moz-transform: rotate(265deg); -ms-transform: rotate(265deg); -o-transform: rotate(265deg); transform: rotate(265deg); -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); } .headerWrapperSlider__slide-link:hover:after { right: -25px; } .catalog { margin-top: 90px; } .catalog__block { margin-bottom: 42px; } .catalog__block-title { margin-bottom: 27px; } .catalog__block-boxes { gap: 15px; } .catalog__block-box { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background-color: var(--color-27); background-repeat: no-repeat; padding: 20px; max-width: 470px; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); cursor: pointer; } .catalog__block-box:hover { background-color: var(--color-10); } .catalog__block-box:nth-of-type(1) { /*background-image: url(/bitrix/templates/helmut/assets/css/../images/tension-ceilings.png);*/ background-position: left bottom; } .catalog__block-box:nth-of-type(2) { /*background-image: url(/bitrix/templates/helmut/assets/css/../images/plasterboard-ceilings.png);*/ background-position: right bottom; } .catalog__block-box:nth-of-type(3) { /*background-image: url(/bitrix/templates/helmut/assets/css/../images/lighting.png);*/ background-position: right bottom; } .catalog__block-box__subtitle { font-size: 22px; font-weight: 600; color: var(--color-2); max-width: 70%; width: 100%; margin-bottom: 260px; } .catalog__block-select__view { gap: 10px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .catalog__block-select__view p { font-weight: 600; } .catalog__block-select__icon { width: 11px; height: 7px; margin-top: 3px; } .catalog__block-select__container { grid-template-columns: repeat(3, 1fr); gap: 15px; } .catalog__block-select__box { background-repeat: no-repeat; background-position: right bottom; padding: 20px; background-color: var(--color-9); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /* transition: var(--transition); */ cursor: pointer; position: relative; } /* .catalog__block-select__box:hover { background-color: var(--color-27); } */ /* .catalog__block-select__box:hover .catalog__block-select__box-text { background-color: var(--color-10); } */ .catalog__block-select__box img { display: none; } .catalog__block-select__box:nth-of-type(1) { /*background-image: url(/bitrix/templates/helmut/assets/css/../images/fasteners.png);*/ -webkit-background-size: 65% 65%; -moz-background-size: 65% 65%; background-size: 65% 65%; grid-column-start: 1; grid-column-end: 2; } .catalog__block-select__box:nth-of-type(2) { /*background-image: url(/bitrix/templates/helmut/assets/css/../images/complects.png);*/ -webkit-background-size: 45% 65%; -moz-background-size: 45% 65%; background-size: 45% 65%; grid-column-start: 2; grid-column-end: 3; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: auto; } .catalog__block-select__box:nth-of-type(3) { /*background-image: url(/bitrix/templates/helmut/assets/css/../images/profiles.png);*/ -webkit-background-size: 80% 65%; -moz-background-size: 80% 65%; background-size: 80% 65%; grid-column-start: 3; grid-column-end: 4; } .catalog__block-select__box:nth-of-type(4) { /*background-image: url(/bitrix/templates/helmut/assets/css/../images/electricks.png);*/ grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; } .catalog__block-select__box:nth-of-type(5) { /*background-image: url(/bitrix/templates/helmut/assets/css/../images/cornices.png);*/ grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; } .catalog__block-select__box:nth-of-type(6) { /*background-image: url(/bitrix/templates/helmut/assets/css/../images/lighting-engineering.png);*/ grid-column-start: 3; grid-column-end: 4; grid-row-start: 2; grid-row-end: 3; } .catalog__block-select__box:nth-of-type(7) { /*background-image: url(/bitrix/templates/helmut/assets/css/../images/diffusers.png);*/ grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: 4; } .catalog__block-select__box:nth-of-type(8) { /*background-image: url(/bitrix/templates/helmut/assets/css/../images/lighting-1.png);*/ grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: 4; } .catalog__block-select__box:nth-of-type(9) { /*background-image: url(/bitrix/templates/helmut/assets/css/../images/instruments.png);*/ grid-column-start: 3; grid-column-end: 4; grid-row-start: 3; grid-row-end: 4; } .catalog__block-select__box:nth-of-type(10) { grid-column-start: 1; grid-column-end: 3; grid-row-start: 4; grid-row-end: 5; overflow: hidden; } .catalog__block-select__box:nth-of-type(11) { /*background-image: url(/bitrix/templates/helmut/assets/css/../images/metal-discs-drills.png);*/ grid-column-start: 3; grid-column-end: 4; grid-row-start: 4; grid-row-end: 5; } .catalog__block-select__box:nth-child(12) { /*background-image: url(/bitrix/templates/helmut/assets/css/../images/hatches.png);*/ grid-column-start: 1; grid-column-end: 2; grid-row-start: 5; grid-row-end: 6; } .catalog__block-select__box:nth-of-type(13) { grid-column-start: 2; grid-column-end: 4; grid-row-start: 5; grid-row-end: 6; overflow: hidden; } .catalog__block-select__box:nth-of-type(13) .catalog__block-select__box-lists { grid-template-columns: 143px 230px; gap: 8px 20px; } .catalog__block-select__box:nth-of-type(10), .catalog__block-select__box:nth-of-type(13) { position: relative; z-index: 1; } .bg-image { background-repeat: no-repeat; background-position: right bottom; width: 430px; height: 320px; position: absolute; bottom: 0; right: 0; z-index: -1; } .bg-round { display: block; width: 395px; height: 395px; background-color: var(--color-28); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; top: -60px; right: -130px; z-index: -2; } /*.catalog__block-select__box:nth-of-type(10) .bg-image { background-image: url(/bitrix/templates/helmut/assets/css/../images/ventilation-magnetic-grilles.png); } .catalog__block-select__box:nth-of-type(13) .bg-image { background-image: url(/bitrix/templates/helmut/assets/css/../images/related-products.png); }*/ .catalog__block-select__box-text { padding: 10px 30px; background-color: var(--color-14); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; width: 100%; } .catalog__block-select__box-lists { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; padding-left: 16px; margin: 20px 0 25px; } .catalog__block-select__box-list { list-style: disc; font-size: 14px; color: var(--color-15); /* transition: var(--transition); */ border-bottom: 1px solid transparent; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } /* .catalog__block-select__box:hover .catalog__block-select__box-list { color: var(--color-2); } */ .catalog__block-select__box-list:hover { /* text-decoration: underline; */ border-bottom: 1px solid var(--color-10); } /* best-deals */ .best-deals__texts h1 { text-transform: uppercase; margin-bottom: 15px; } .best-deals__texts p { font-size: 18px; } .best-deals__tabs { gap: 15px; margin: 25px 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .best-deals__tabs .btn { padding-left: 10px; padding-right: 10px; width: auto; white-space: nowrap; } /* product__content */ .best-deals__contents-box { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; } .best-deals__contents-box.active { display: grid; } .best-deals__content { display: none; } .best-deals__content.active { display: block; } .product__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; background-color: var(--color-9); padding: 20px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; min-width: 0; } .product__text { margin-bottom: 15px; font-weight: 600; max-width: 60%; width: 100%; } .product__text-price { font-size: 14px; /* font-weight: 600; */ color: var(--color-4); margin: 10px 0 0; } .product__count-price { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 30px; min-height: 30px; } .cart-product .product__count-price { margin-left: auto; margin-right: 35px; } .product__count.ppc-counter { min-width: 18px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .product__count-price__box { gap: 5px; width: 147px; width: auto; } .product__count-price__box.ppc-sum { width: 112px!important; margin-left: 0!important; } .product__content-btn { display: none; } .product__content-btns__popup-block { visibility: hidden; width: 0; height: 0; } .product__count-price__box p, .product__count-price__box span { font-size: 20px; font-weight: 600; } .card-product { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 74px; } .cart__container-block { max-width: 1116px; width: 100%; } .cart__text { margin-bottom: 20px; font-size: 18px; } .best-deals__texts .cart__paragraph, .cart__paragraph { font-size: 14px; margin-bottom: 13px; } .cart__paragraph { color: var(--color-4); } .cart__block-texts { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 25px; } .cart__block-texts .cart__paragraph { margin-bottom: 0; color: var(--color-1); } .product__counter { margin: 0; gap: 5px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .swiperWrapperProduct { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 428px; } .swiperWrapperProduct__icons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; position: absolute; top: 10px; right: 10px; z-index: 1; } .swiperWrapperProduct__icon { width: 30px; height: 30px; background-color: var(--color-2); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } .swiperWrapperProduct__icon:hover svg, .swiperWrapperProduct__icon svg.active, .swiperWrapperProduct__icon:nth-of-type(1):hover svg path, .swiperWrapperProduct__icon:nth-of-type(2):hover svg path, .swiperWrapperProduct__icon svg path.active { fill: var(--color-19); stroke: var(--color-20); } .product__swiper-slide { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display: block; } .product__content.purple-blue .product__swiper-slide { background-color: var(--fasteners-color); } .product__content.pastel-blue .product__swiper-slide { background-color: var(--accessories-color); } .product__content.olive-yellow .product__swiper-slide { background-color: var(--profiles-color); } .product__content.swamp .product__swiper-slide { background-color: var(--section-title-color); } .product__content.periwinkle-crayola .product__swiper-slide { background-color: var(--color-30); } .product__content.light-brown .product__swiper-slide { background-color: var(--cornices-color); } /* slider product */ .product__swiper-container, .product__container { max-width: 100%; width: 100%; /*height: 270px;*/ overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .product__container { height: auto; } .product__swiper-slide { max-width: 100%; width: 100%; } .product__swiper-container > .swiper-pagination-bullets, .swiper-pagination-bullets.swiperWrapperProduct__paginations { bottom: var(--swiper-pagination-bottom, 15px); } .swiper-pagination-bullet { border: 1px solid var(--color-8); } .swiperWrapperProduct__paginations { bottom: 15px; } .product__swiper-container__news { position: absolute; top: 10px; left: 10px; z-index: 1; background-color: var(--color-20); color: var(--color-2); -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; padding: 7px 21px; font-size: 14px; } .swiperWrapperProduct__paginations .swiper-pagination-bullet { background-color: transparent; border: 1px solid var(--color-2); opacity: 1; } .swiperWrapperProduct__paginations .swiper-pagination-bullet-active { background-color: var(--color-17); border: 1px solid transparent; opacity: 1; } .main__category-squery .swiper-pagination-bullet { width: var( --swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 5px) ); height: var( --swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 5px) ); } .main__category-squery .product__swiper-container > .swiper-pagination-bullets, .swiper-pagination-bullets.swiperWrapperProduct__paginations { bottom: var(--swiper-pagination-bottom, 6px); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 5px; position: absolute; width: 100%; } /* count product */ .product__btn { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: var(--border-3); width: 30px; height: 30px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); } .product__btn::before, .product__btn-add::after { content: ""; display: block; border-bottom: var(--border-3); width: 12px; } .product__btn-add::after { position: absolute; top: 14px; left: 8px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .product__btn:hover { background-color: var(--color-29); } .product__btn:hover::before, .product__btn-add:hover::after { border-bottom: 1.1px solid var(--color-9); } .product__btn:disabled { background-color: var(--color-9); opacity: 0.5; } .product__btn:disabled::before, .product__btn-add:disabled::after { border-color: var(--color-29); } .best-deals__block-btns__pages { gap: 8px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 40px; } .best-deals__block-page { font-size: 14px; font-weight: 600; color: var(--color-31); width: 34px; height: 34px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); } .best-deals__block-page.active, .best-deals__block-page:last-of-type.active, .best-deals__block-page:last-of-type:hover, .best-deals__block-page:hover { border: 1px solid var(--color-5); color: var(--color-1); } .best-deals__block-page:last-of-type { margin-right: 12px; font-size: 14px; font-weight: 600; color: var(--color-31); } .best-deals__block-btn-right { border-bottom: 2px solid var(--color-31); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width: 15px; height: 0; position: relative; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); } .best-deals__block-btn-right::after { content: ""; display: block; background-image: url(/bitrix/templates/helmut/assets/css/../images/icons/arrow-page.svg); background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; width: 15px; height: 10px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; top: -4px; right: -6px; } .best-deals__block-btn-right:hover { -webkit-transform: translateX(4px); -moz-transform: translateX(4px); -ms-transform: translateX(4px); -o-transform: translateX(4px); transform: translateX(4px); } .popular-category__block { max-width: 100%; width: 100%; gap: 15px; margin-top: 30px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .popular-category__box { display: none; } .popular-category__box.active { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .popular-category__block-link { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; /*background-image: url(/bitrix/templates/helmut/assets/css/../images/populer-category.png);*/ background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; padding: 20px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; max-width: 470px; width: 100%; height: 270px; -webkit-box-pack: end; -webkit-justify-content: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: end; color: var(--color-2); position: relative; } .bg-link { position: absolute; top: 0; left: 0; background: -webkit-gradient(linear, right top, left bottom, from(rgba(79, 79, 79, 0)), color-stop(75%, #484848)); background: -webkit-linear-gradient(top right, rgba(79, 79, 79, 0), #484848 75%); background: -moz-linear-gradient(top right, rgba(79, 79, 79, 0), #484848 75%); background: -o-linear-gradient(top right, rgba(79, 79, 79, 0), #484848 75%); background: linear-gradient(to bottom left, rgba(79, 79, 79, 0), #484848 75%); max-width: 100%; width: 100%; height: 100%; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; opacity: 1; -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); } .popular-category__block-link:hover .bg-link { opacity: .1; } .popular-category__block-link h3 { font-size: 22px; font-weight: 600; z-index: 1; } .popular-category__block-link p { position: relative; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; width: 100%; font-size: 14px; font-weight: 500; } .popular-category__block-link p::after { content: ""; display: block; position: absolute; top: 10px; right: -20px; background-image: url(/bitrix/templates/helmut/assets/css/../images/icons/arrow-white.svg); background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; width: 11px; height: 6px; -webkit-transform: rotate(-90deg) translate(0); -moz-transform: rotate(-90deg) translate(0); -ms-transform: rotate(-90deg) translate(0); -o-transform: rotate(-90deg) translate(0); transform: rotate(-90deg) translate(0); -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); } .popular-category__block-link:hover p::after { -webkit-transform: rotate(-90deg) translateY(6px); -moz-transform: rotate(-90deg) translateY(6px); -ms-transform: rotate(-90deg) translateY(6px); -o-transform: rotate(-90deg) translateY(6px); transform: rotate(-90deg) translateY(6px); } /* new-items */ .new-items .best-deals__contents-box { display: grid; } .new-items__block { display: block; margin-top: 30px; } /* brends */ .border { border: 1px solid var(--color-14); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; overflow: hidden; } .brends__block { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); justify-items: center; max-width: 960px; width: 100%; } .brends__block-image__box { max-width: 100%; width: 100%; height: 120px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid var(--color-14); } .brends__block-image { width: 140px; /* height: 19px; */ -o-object-fit: contain; object-fit: contain; } .brends h1 { margin: 0; } .brends .best-deals__texts { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .our-contacts__block, .our-contacts__block-content { gap: 15px; } .our-contacts__block-content { display: none; } .our-contacts__block-content.active { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .our-contacts__block-addresses__container { background-color: var(--color-9); max-width: 470px; width: 100%; height: auto; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 0 15px 0 0; } .our-contacts__block-addresses { max-width: 460px; width: 100%; height: 571px; overflow-y: scroll; } /* Стили ТОЛЬКО для Firefox */ @-moz-document url-prefix() { .scrollbar__block { scrollbar-width: thin; scrollbar-color: var(--color-17) var(--color-2); } .aside__scrollbar { scrollbar-color: var(--color-17) var(--color-9); } } .scrollbar__block::-webkit-scrollbar { width: 10px; /* ширина всей полосы прокрутки */ } .scrollbar__block::-webkit-scrollbar-track { background: var(--color-2); /* цвет зоны отслеживания */ margin: 10px; -webkit-border-radius: 500px; border-radius: 500px; /* округлось бегунка */ } .aside__scrollbar::-webkit-scrollbar-track { background: var(--color-9); /* цвет зоны отслеживания */ } .scrollbar__block::-webkit-scrollbar-thumb { background-color: var(--color-17); /* цвет бегунка */ -webkit-border-radius: 500px; border-radius: 500px; /* округлось бегунка */ width: 10px; height: 83px; } .our-contacts__block-address { padding: 20px; border-bottom: 1px solid var(--color-32); } .our-contacts__block-address:last-child { border-bottom: none; } .our-contacts__block-address__text { font-weight: 600; font-size: 18px; margin-bottom: 16px; font-style: normal; } .our-contacts__block-address__box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } .our-contacts__block-address__box-tel { font-weight: 600; color: var(--color-24); font-style: normal; } .our-contacts__block-addresses__map, .our-contacts__block-addresses__map img { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .form-help__container { padding: 50px; background-image: url(/bitrix/templates/helmut/assets/css/../images/bg.png); background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; max-width: 100%; width: 100%; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; position: relative; z-index: 1; } .ourRecvizit { margin-bottom: 15px; } .bg-image__form { background-image: url(/bitrix/templates/helmut/assets/css/../images/karniz-evroplast.png); background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; background-position: bottom right; max-width: 394px; width: 100%; height: 100%; position: absolute; bottom: 0; right: 0; z-index: -1; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; display: none; } .form-help__container h1 { color: var(--color-2); text-transform: uppercase; margin-bottom: 27px; } /* form-help */ .form-help__block { gap: 15px; position: relative; } .form-help__block-label__box { gap: 16px; max-width: 100%; width: 100%; } .form-help__block-label { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; width: 100%; } .form-help__block-label:nth-of-type(1), .form-help__block-label:nth-of-type(2) { max-width: 100%; } .form-help__block-label:nth-of-type(3) { max-width: 307px; } .dealers__page .form-help__block-label:nth-of-type(3), .dealers__page .form-help__block-label:nth-of-type(4) { max-width: 100%; } .form-help__block-label p, .form-help__block-box__radio-text { font-size: 14px; color: var(--color-2); opacity: 0.63; } .form-help__block-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px; } .btnPickUp__block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 209px; width: 100%; -webkit-box-pack: end; -webkit-justify-content: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: end; } /* footer */ .footer { background-color: var(--color-9); padding: 48px 0 38px; } .footer__top { border-bottom: 1px solid var(--color-33); margin-bottom: 25px; padding-bottom: 20px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__top-contacts { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__top-box { max-width: 933px; width: 100%; } .footer__top-box__block { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__subtitle { font-size: 22px; font-weight: 600; margin-bottom: 20px; } .footer__top-catalog__box { gap: 59px; } .footer__top-catalog__lists { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } .footer__top-catalog__link { color: var(--color-24); -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); border-bottom: 1px solid transparent; } .footer__top-catalog__link:hover { border-bottom: 1px solid var(--color-10); } .footer__top-contacts__box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .footer__top-contacts__box-texts { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } .footer__top-contacts__box-texts .footer__top-contacts__box-texts__link { font-weight: 600; color: var(--color-24); text-decoration: none; } .footer__top-contacts__box-texts a, .footer__top-contacts__box-texts .footer__top-contacts__box-street { font-size: 14px; color: var(--color-4); text-decoration: underline; } .footer__top-contacts__box-texts a:hover { text-decoration: none; } .footer__top-contacts__box-texts .footer__top-contacts__box-texts__link:hover { text-decoration: underline; } .footer__top-contacts__box-texts .footer__top-contacts__box-street { margin: 0; font-weight: 400; text-decoration: none; } .footer__top-contacts__social { gap: 10px; } .footer__top-contacts__social a { width: 40px; height: 40px; background-color: var(--color-2); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); } .footer__top-contacts__social a:hover { background-color: #ded6d6; } .footer__top-contacts__social a::before { content: ""; display: block; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; } .footer__top-contacts__social a:nth-of-type(1)::before { background-image: url(/bitrix/templates/helmut/assets/css/../images/icons/watsap-icon.svg); width: 24px; height: 24px; } .footer__top-contacts__social a:nth-of-type(2)::before { background-image: url(/bitrix/templates/helmut/assets/css/../images/icons/vk-icon.svg); width: 18px; height: 10px; } .footer__top-contacts__social a:nth-of-type(3)::before { background-image: url(/bitrix/templates/helmut/assets/css/../images/icons/tg-icon.svg); width: 19px; height: 19px; } .footer__top-box__text { max-width: 920px; width: 100%; font-size: 14px; color: var(--color-4); margin-top: 46px; line-height: 1.334em; } .footer__bottom-requisites__list { max-width: 100%; margin: 0; line-height: 1.5em; } .footer__bottom { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__bottom-box { max-width: 933px; width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__bottom-requisites { max-width: 465px; width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__bottom-box__partners { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer__bottom-box__partners a { font-weight: 500; text-decoration: underline; } .footer__bottom-box__partners-text span { display: none; } .footer__bottom-box__partners a:hover { text-decoration: none; } .footer__bottom-box__partner { color: var(--color-17); } /* page catalog products */ /* aside */ .content__container { gap: 15px; } .path__block { gap: 5px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: var(--color-24); opacity: 0.73; font-size: 14px; margin: 50px 0 20px; } .aside { max-width: 300px; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; } .aside__category { background-color: var(--color-2); max-width: 340px; width: 100%; height: 370px; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 0 10px 0 20px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05); } .aside__category-select { background-color: var(--color-2); max-width: 340px; width: 100%; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05); padding: 0 0 20px; } .aside__category-select__block { border-bottom: 1px solid var(--color-37); } .aside__category-select__block:nth-of-type(1) { padding-bottom: 35px; } .aside__category-select__block:nth-of-type(10) { border-bottom: transparent; } .aside__category-select__block_box { background-color: transparent; -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); cursor: pointer; padding-bottom: 22px; } .aside__category-select__box { padding: 22px 20px 0; } .aside__category-select__block_box:hover { background-color: var(--color-14); } .aside__category-select__block:last-of-type .aside__category-select__box { padding-bottom: 0; } .aside__category-select__box-text { margin-bottom: 20px; } .aside__category-select__box-inputs { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .aside__category-select__box-label { max-width: 100%; width: 100%; } .aside__category-select__box-label__box { position: relative; height: 30px; } .aside__category-select__box-label__input { margin: 0; max-width: 150px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 2px; background: var(--color-25); outline: none; -webkit-transition: background 0.3s linear; -o-transition: background 0.3s linear; -moz-transition: background 0.3s linear; transition: background 0.3s linear; margin-top: 30px; } .aside__category-select__box-label__input::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; border: 2px solid var(--color-25); -webkit-border-radius: 50%; border-radius: 50%; background: #ffffff; cursor: pointer; -webkit-transition: background 0.3s, border 0.3s; transition: background 0.3s, border 0.3s; } .aside__category-select__box-label__input::-webkit-slider-thumb:hover, .aside__category-select__box-label__input.active::-webkit-slider-thumb { background: var(--color-17); border: 2px solid var(--color-17); } .aside__category-select__box-label__input.active, .aside__category-select__box-label__input:hover { background: var(--color-17); } .aside__category-select__box-label__text { font-size: 14px; color: rgba(98, 98, 98, 0.5); position: absolute; top: 50%; left: 15px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .aside__category-select__box-inputs span { border-bottom: 1px solid var(--color-37); width: 16px; position: absolute; top: 15px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .aside__category-select__box-label__textarea { max-width: 135px; width: 100%; color: var(--color-24); padding: 6px 30px; border: 1px solid var(--color-36); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height: 30px; resize: none; } .aside__category-select__box-label__textarea:focus-visible { outline: 0; } .aside__category-select__box-label:nth-of-type(2) .aside__category-select__box-label__box { text-align: end; } .aside__category-select__box-label:nth-of-type(2) .aside__category-select__box-label__box .aside__category-select__box-label__text { left: 29px; } .aside__category-title { font-weight: 600; margin-bottom: 15px; position: -webkit-sticky; position: sticky; top: -20px; background-color: var(--color-2); max-width: 100%; width: 100%; } .aside__category-lists { gap: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 15px; } .swiperWrapperProduct__icon:hover path { stroke: var(--color-17) !important; fill: var(--color-17) !important; } .aside__category-link { color: var(--color-24); -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; border-bottom: 1px solid transparent; padding-right: 2px; } .aside__category-link:hover { border-bottom: 1px solid var(--color-10); } .aside__scrollbar { max-width: 340px; width: 100%; height: 370px; overflow-y: scroll; padding: 20px 0 10px; height: 335px; overflow-y: scroll; padding: 20px 0 10px; padding-top: 20px; margin-top: 15px; } .path__block svg { opacity: 0.73; width: 7px; height: 4px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .smart-filter-input-group-number input { width: 100%; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } input[type='number'] { -moz-appearance: textfield; } .profiles__product-texts { -webkit-box-align: baseline; -webkit-align-items: baseline; -moz-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; margin-bottom: 35px; max-width: 540px; width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .path__block { gap: 5px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: var(--color-24); opacity: 0.73; font-size: 14px; margin: 50px 0 20px; } .path__block-title { margin-bottom: 35px; } .profiles__product-texts .path__block-title { margin: 0; } .profiles__product-text { font-size: 15px; line-height: 20.49px; } .profiles__product-texts .profiles__product-text { display: none; } .block__title { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 15px; } .block__title-position { gap: 10px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .block__title-position__square { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); gap: 2px; cursor: pointer; width: 25px; height: 25px; } .block__title-position__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 3px; width: 25px; height: 25px; cursor: pointer; } .block__title-position__square span, .block__title-position__row span { background-color: var(--color-35); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); } .block__title-position__row span { width: 100%; height: 100%; } .block__title-position__square:hover span, .block__title-position__row:hover span { background-color: var(--color-17); } .btn__position.active span { background-color: var(--color-17); } .main__catalog-cards { display: none; } .main__catalog-cards__featured-products { display: block; } .main__catalog-cards__featured-products__block { display: none; } .main__catalog-cards__featured-products__block.active { display: grid; } .main__catalog-cards.active { display: block; } .select { position: relative; } .select__btn { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid var(--color-36); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0 15px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 155px; cursor: pointer; -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); } .select__btn:hover { border: 1px solid var(--color-17); } .select__btn p { font-size: 13px; font-weight: 600; color: var(--color-4); } .select__btn img { width: 12px; height: 7px; -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); } .select__btn.active img { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .select__btn.active { border: 1px solid var(--color-4); } .select__content { position: absolute; top: 30px; left: 0; -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); opacity: 0; padding: 5px 15px; z-index: 0; } .select__content.active { opacity: 1; background-color: var(--color-2); border: 1px solid var(--color-4); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; max-width: 100%; width: 100%; padding: 5px 15px; z-index: 2; } .select__content ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 5px; } .select__content ul li { background-color: transparent; -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); cursor: pointer; } .select__content ul li:hover { background-color: var(--color-14); } .aside__category-select__box-select { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .aside__category-select__box-select img { width: 16px; height: 9px; } .aside__category-select__box-select .aside__category-select__box-text { margin-bottom: 0; } .aside__category-select__block-checkboxes__lists { /* display: none; */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; /* padding: 0 20px 22px; */ } .filter-content-container { padding: 0 20px 22px; } .aside__category-select__block-checkboxes__lists .aside__category-select__block-checkbox { margin: 0; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; z-index: -1; opacity: 0; } .aside__category-select__block-checkbox__label { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; position: relative; color: var(--color-24); font-size: 14px; } .aside__category-select__block-checkbox:checked + .aside__category-select__block-checkbox__label::before { content: ""; border: 1px solid var(--color-17); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: var(--color-17); } .aside__category-select__block-checkbox__label::before { content: ""; display: inline-block; width: 13px; height: 13px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid var(--color-38); -webkit-background-size: 16px 16px; -moz-background-size: 16px; background-size: 16px; cursor: pointer; } .aside__category-select__block-checkbox:checked + .aside__category-select__block-checkbox__label::after { content: ""; background-image: url(/bitrix/templates/helmut/assets/css/../images/icons/icon_check.svg); display: inline-block; width: 13px; height: 10px; position: absolute; top: 50%; left: 13px; -webkit-transform: translate(-6px, -50%); -moz-transform: translate(-6px, -50%); -ms-transform: translate(-6px, -50%); -o-transform: translate(-6px, -50%); transform: translate(-6px, -50%); } .aside__category-select__block-checkbox:checked + .aside__category-select__block-checkbox__label::after { content: ""; top: 46%; -webkit-transform: translate(-11px, -30%); -moz-transform: translate(-11px, -30%); -ms-transform: translate(-11px, -30%); -o-transform: translate(-11px, -30%); transform: translate(-11px, -30%); cursor: pointer; -webkit-filter: brightness(3.5); filter: brightness(3.5); } .aside__category-select__block-checkboxes__lists.active { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .aside__category-select__block_box .aside__category-select__box-select img { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); } .aside__category-select__block_box .aside__category-select__box-select.active img { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .aside__category-btn { padding: 15px 20px 0; } .best-deals__tabs-catalog { display: none; } .best-deals__tabs-catalog.active { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .main__category { max-width: 100%; width: 100%; } .main__category .best-deals__tabs { margin-top: 0; } .main__catalog-cards__block { grid-template-columns: repeat(4, 1fr); gap: 15px; } .catalog__page, .catalog__page-row { display: none; } .catalog__page.active, .catalog__page-row.active { display: grid; position: relative; } .catalog__page.active h3, .catalog__page-row.active h3 { position: absolute; } .main__catalog-cards .product__text, .main__catalog-cards .product__count { font-size: 14px; } .main__catalog-cards .product__text { max-width: 85%; } .main__catalog-cards .ppc-parent .product__text { max-width: 100%; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 1.4; max-height: -webkit-calc(2 * 1.4em); max-height: -moz-calc(2 * 1.4em); max-height: calc(2 * 1.4em); /* Fallback для Firefox */ overflow: hidden; position: relative; margin-bottom: auto; } .main__catalog-cards .ppc-parent .product__texts { height: 100%; } /* Fallback для Firefox (не идеальный, но работает) */ @supports not (-webkit-line-clamp: 2) { .main__catalog-cards .ppc-parent.product__text { max-height: -webkit-calc(2 * 1.4em); max-height: -moz-calc(2 * 1.4em); max-height: calc(2 * 1.4em); overflow: hidden; } .main__catalog-cards .ppc-parent.product__text::after { content: '...'; position: absolute; right: 0; bottom: 0; background: white; /* Цвет фона контейнера */ padding-left: 5px; } } .data-table td, .data-table th { /* border-left: 1px solid #ddd; */ /* border-right: 1px solid #ddd; */ border-right: 1px solid #4a4a4a; } .subscribe-edit td { border: 0; width: 100%; } .subscribe-edit tr { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /*.main__catalog-cards .product__swiper-container { height: 137px; }*/ .catalog__page-two { display: none; } .catalog__page-two.active { display: grid; } /* main__profiles */ .main__profiles .main__catalog-cards__block { grid-template-columns: repeat(1, 1fr); gap: 0; } .main__profiles .main__catalog-cards__block .product__content { border-bottom: 1px solid var(--color-37); background-color: var(--color-2); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .main__profiles .main__catalog-cards__block .product__content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 25px 0; } .main__profiles .main__catalog-cards .product__swiper-container { height: auto; } .main__profiles .product__swiper-container .product__swiper-wrapper { /* max-width: 300px; height: 206px;*/ } .main__profiles .section-main__catalog-cards .best-deals__tabs { margin: 0; } .main__profile-product__texts { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .main__profile-list { font-size: 14px; /* font-weight: 600; */ } .main__profile-list span, .card-product__tabs-block__content-container__table-name span { color: var(--color-25); } .main__profile-product__texts .product__text { font-size: 16px; max-width: 53%; } .main__profile-product__price { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .main__profile-product__price .product__count-price__box { margin-bottom: 11px; } .main__profile-product__price .product__count-price .product__counter { margin-bottom: 39px; } .main__profile-btn { padding-left: 37px; padding-right: 37px; } .main__profiles .main__catalog-cards__block .product__content:last-of-type { border-bottom: none; padding-bottom: 20px; } .main__profiles .main__catalog-cards__block .product__content { position: relative; } .main__profiles .main__catalog-cards__block .product__content .swiperWrapperProduct__icons { gap: 0; } .main__profile-product__icons { top: 18px; right: 0; z-index: 1; } .stock__btn-cards:nth-of-type(1) { max-width: 116px; } .stock__btn-cards:nth-of-type(2) { max-width: 136px; } .stock__btn-cards:nth-of-type(3) { max-width: 188px; } .stock-product__title { font-weight: 600; margin-bottom: 15px; max-width: 70%; width: 100%; } .stock-product__text { margin-bottom: 23px; } .stock-product__link { display: block; color: #fff; border: 1px solid var(--color-15); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; background: var(--color-15); padding: 11px 50px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } @media screen and (max-width: 578px) { .stock-product__link { padding: 11px; } } .stock-product__texts { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .product__content-btns { margin-top: 15px; } .dealers .section-main__catalog-cards { gap: 35px; } .dealers .section-main__catalog-cards .best-deals__tabs { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; margin-bottom: 20px; } .dealers__btn-cards { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; max-width: 100%; border: 1px solid var(--color-36); margin-bottom: -1px; } .dealers__btn-cards:first-child { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .dealers__btn-cards:last-child { -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .dealers__btn-cards.active { border: 1px solid var(--color-17); } .section-dealers { max-width: 240px; width: 100%; } .section-dealers .best-deals__tabs .btn { text-align: start; } .section-dealers__block { display: none; } .section-dealers__block.active { display: block; } .section-dealers__block-texts { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 35px; } .section-dealers__block-texts p { font-size: 18px; line-height: 1.5em; } .section-dealers__block-cards { grid-template-columns: repeat(3, 1fr); gap: 15px; margin-top: 40px; } .section-dealers__block-card { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 35px; padding: 20px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background-color: var(--color-9); } .section-dealers__block-card__ok { width: 50px; height: 50px; background-color: var(--color-2); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .section-dealers__block-card__ok-icon { width: 20px; height: 20px; } .section-dealers__block-card__text { font-weight: 600; } .form-help__block-box__radio-inputs { gap: 10px; } .form-help__block-box__paragraph { color: var(--color-2); font-size: 14px; margin-top: 20px; } .dealers__address-lists { padding: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 45px; margin-bottom: 35px; } .dealers__address-list__paragraph { opacity: 0.5; } .dealers__address-list__text { font-size: 25px; font-weight: 600; line-height: 1.36em; } .dealers__address-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .dealers__address-list:nth-of-type(2) a:hover, .dealers__address-list:nth-of-type(3) a:hover { text-decoration: underline; } .dealers__address-block { padding: 0; } .dealers__address-block .our-contacts__block-address { padding: 30px 33px; font-style: normal; } .contacts__text { max-width: 40%; width: 100%; } .contacts__lists { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; margin-bottom: 37px; } .contacts__lists .footer__bottom-requisites__list { color: var(--color-4); } .contacts__block-content .our-contacts__block-addresses__container { height: auto; } .contacts__block-content .dealers__address-lists { margin-bottom: 45px; } /* card__product */ .card__product-block { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 20px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .card__product-block .header__block-path__page-link { margin-top: 10px; } .card__product-block h1 { margin-bottom: 0; } .card__product-block__name { gap: 40px; margin-bottom: 35px; } h1.path__block-title { width: 80%; } .card__product-block .header__block-path__page-link, .card__product-block__name .header__block-path__page-link { font-size: 18px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 10px; } .card-product__slider-block { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .card-product__slider-block__color { gap: 3px; } .card-product__slider-block__color-paragraph { color: rgba(63, 63, 63, 0.5); font-size: 18px; } .card-product__slider-block__color-text { color: var(--color-1); font-size: 18px; display: none; } .card-product__slider-block__color-btn { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid var(--color-36); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 40px; height: 40px; } .card-product__slider-block__color-btn span { width: 24px; height: 24px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .ppc-btn-choice { width: auto; height: auto; padding: 9px 10px; } .ppc-btn-choice span { width: auto; height: auto; font-size: 14px; color: #3F3F3F; font-weight: 400; } .ppc-btn-choice.disable { color: #9B9B9B; border-color: #d0d0d0; background: #F8F8F8; pointer-events: none; } .color_white { background-color: var(--color-2); border: 1px solid var(--color-45); } .color_dark_brown { background-color: var(--color-48); } .color_blue { background-color: var(--fasteners-color); } .color_green { background-color: var(--accessories-color); } .card-product__slider-block__color-text.active { display: block; } .card-product__slider-block__color-btn.active { border: 1px solid var(--color-17); } .card-product__slider-block__colors-btns { gap: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 10px; } .card-product__slider-block__color-btns { gap: 10px; } .card-product__slider-image { width: 120px; height: 40px; border: 1px solid #cfcfcf; margin-bottom: 10px; } .card-product__content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .card-product .product__swiper-container .product__swiper-wrapper { max-width: 100%; } .card-product__content-text { font-size: 18px; margin-bottom: 30px; } .card-product__content .main__profile-product__texts { -webkit-box-pack: start; -webkit-justify-content: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: start; } .card-product__content .main__profile-product__texts .main__profile-lists { margin-bottom: 38px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; } .card-product__content .main__profile-product__texts .main__profile-lists .main__profile-list, .card-product__tabs-block__content-container__table-name, .card-product__tabs-block__content-container__table-cur { font-size: 18px; } .card-product .product__content { background-color: var(--color-2); padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-bottom: 15px; } .card-product .product__content .main__profile-product__texts { max-width: 526px; width: 100%; } .card-product .product__content .card-product__content-block__slider { gap: 35px; } .card-product .main__profile-product__price { -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05); padding: 20px; max-width: 250px; width: 100%; -webkit-box-pack: start; -webkit-justify-content: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: start; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-top: 0; } .pdf_buttons_link { cursor: pointer; } .pdf-buttons { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 30px; margin-bottom: 15px; } .card-product .main__profile-btn { padding-left: 0; padding-right: 0; max-width: 210px; width: 100%; text-align: center; } .card-product .main__profile-product__price .product__count-price__box { margin-bottom: 15px; } .card-product .product__counter { margin: 10px 0; width: 100px; } .card-product__tabs-block { max-width: 900px; width: 100%; } .card-product__content-btn__characteristics { color: var(--color-17); text-decoration: underline; font-size: 18px; font-weight: 600; text-align: start; margin-bottom: 50px; } .card-product__tabs-block__content { display: none; } .card-product__tabs-block__content.active { display: block; } .card-product__tabs-block__content-container { background-color: var(--color-9); padding: 30px 30px 27px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .card-product__tabs-block__content h2 { font-size: 25px; text-transform: uppercase; margin-bottom: 25px; } .card-product__tabs-block__content-container__table { width: 100%; } .card-product__tabs-block__content-container__table-cur { width: 30%; /* font-weight: 600; */ padding-left: 10px; } .card-product__tabs-block__content-container__table-name { overflow: hidden; } .card-product__tabs-block__content-container__table-name span { display: inline-block; position: relative; /* font-weight: 600; */ padding-right: 10px; } .card-product__tabs-block__content-container__table-name span:after { content: ""; display: inline-block; border-bottom: 3px dotted var(--color-25); position: absolute; left: 100%; right: -9999px; bottom: 6px; } .card-products__section-slider__btn .headerWrapperSlider__btns { position: static; } .card-product__btn { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; background-color: var(--color-40); width: 30px; height: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: static; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .card-product__btn:first-child svg { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .card-product__btn:last-child svg { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .card-product__btn svg path { stroke: var(--color-41); -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); } .card-product__btn:hover, .card-product__btn:hover svg path { background-color: var(--color-17); stroke: var(--color-2); } .card-product__btn::before { content: none; } .card-products__section-slider .best-deals__texts h1 { margin-bottom: 0; } .card-products__section-slider .best-deals__texts { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 25px; } .card-products__section-slider__block { padding: 0; margin: 0 auto; max-width: 100%; width: 100%; overflow: hidden; } .card-product__swiper-container { max-width: 100%; width: 100%; margin: 0; padding: 0; } .card-product__swiper-wrapper { max-width: 100%; width: 100%; } .card-product__swiper-wrapper .product__content { background-color: var(--color-9); padding: 20px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; height: auto; } .product__texts { height: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .card-products__section-slider__block .product__text { font-size: 14px; max-width: 80%; } .card-products__section-slider__block .product__text { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .card-products__section-slider__block .product__count { font-size: 14px; } .cart__block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: start; -moz-box-align: start; -ms-flex-align: start; align-items: start; margin-bottom: 74px; } .cart__block h1 { margin-bottom: 20px; } .cart__btn { gap: 40px; } .cart__btn .aside__category-select__block-checkbox { display: none; } .cart__btn .aside__category-select__block-checkbox__label { font-size: 18px; } .cart__btn .aside__category-select__block-checkbox__label::before { width: 16px; height: 16px; border: 1px solid var(--color-17); } .cart__btn .aside__category-select__block-checkbox:checked + .aside__category-select__block-checkbox__label::after { left: 14px; } .cart__btn .aside__category-select__block-checkbox__label { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .cart__aside-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cart__btn .header__block-path__page-link { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; } .cart__btn-add__product { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border: 1px dashed var(--color-42); margin: 0 0 31px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 36px 0; font-size: 18px; font-weight: 400; background-color: transparent; -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); gap: 10px; } .cart__btn-add__product img { width: 14px; height: 14px; } .cart__btn-add__product:hover { background-color: var(--color-42); border: 1px dashed var(--color-1); } .cart__btn-add__product .product__btn { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; pointer-events: none; } .cart__btn .header__block-path__page-link span { color: var(--color-24); } .cart__btn-delete { margin-top: 15px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cart__btn-delete span { font-size: 14px; } .cart__block-btn { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 100%; width: 100%; /* margin-top: 35px; */ } .cart__block-btn__box { max-width: 1116px; width: 100%; } .card-product__block .product__content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; background-color: transparent; gap: 0; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid var(--color-37); padding-bottom: 25px; margin-bottom: 25px; } .card-product__block .product__content:last-child { margin-bottom: 0; } .card-product__block-box { gap: 30px; width: 54%; } .card-product__block .cart__container { max-width: 155px; width: 100%; height: 97px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .card-product__block-texts { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .card-product__block-texts__price { gap: 25px; } .cart__aside { margin-top: 118px; } .cart-block__icons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .placing-order .btn { padding-left: 15px; padding-right: 15px; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } .placing-order .best-deals__tabs { margin-bottom: 35px; } .placing-order__content-checkboxes { margin-bottom: 40px; } .placing-order__content-checkboxes__text { font-size: 14px; /* color: rgba(63, 63, 63, 0.6); */ margin-bottom: 16px; } .placing-order__content-checkboxes__block { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 455px; width: 100%; gap: 30px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .placing-order__content-checkboxes__block .cart__btn { gap: 0; width: 20%; } .placing-order__content-checkboxes__block .aside__category-select__block-checkbox__label { font-size: 14px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .placing-order__content-box .cart__aside { margin: 0; } .placing-order__content-box .cart__paragraph { margin-bottom: 13px; } .placing-order__content-form label p { font-size: 14px; margin-bottom: 16px; } .placing-order__content-form { grid-template-columns: repeat(2, 1fr); gap: 40px 15px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px; } .placing-order__content-block { display: none; } .placing-order__content-block.active { display: block; } .placing-order__content-form__box { grid-column-start: 1; grid-column-end: 3; } .inputForm::-webkit-outer-spin-button, .inputForm::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .inputForm_textarea { height: 170px; resize: none; } .inputForm_textarea:focus-visible { outline: none; } .placing-order__content-form__box .btnGrey { padding: 13px 0; margin: 30px 0 20px; } .placing-order__content-form__box-text { font-size: 14px; color: var(--color-4); text-align: center; } .placing-order__content-attach { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; color: var(--color-24); } /* order */ .order__status { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; max-width: 100%; width: 100%; gap: 19px; } .order__status h1 { margin-bottom: 0; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } .order__status-text { color: var(--color-2); background-color: var(--color-17); max-width: 100px; width: 100%; text-align: center; padding: 2px 0; font-size: 12px !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .order .header__block-path__page-link span { color: var(--color-1); } .order .cart__block { margin-bottom: 40px; } .order__date { margin: 20px 0 30px; font-size: 14px !important; } .order .card-product__tabs-block__content-container__table { margin-bottom: 50px; } .order .card-product__block .product__content:first-child { border-top: 1px solid var(--color-37); padding-top: 25px; } .order .card-product__tabs-block__content-container__table-cur { width: 47%; } .order .cart__text { font-size: 18px; } .table_aside { margin: 0 !important; } .table_aside .card-product__tabs-block__content-container__table-name span, .table_aside .card-product__tabs-block__content-container__table-cur span, .table_aside .card-product__tabs-block__content-container__table-name, .table_aside .card-product__tabs-block__content-container__table-cur { font-size: 14px; font-weight: 400; color: var(--color-1); } .table_aside .card-product__tabs-block__content-container__table-name span:after { border-bottom: 1px dotted var(--color-1); } .table_aside .card-product__tabs-block__content-container__table-cur { width: 32%; } .select__tab, .swiper__container-best__deals, .swiper__container-popular__category, .swiper__container-new__items, .best-deals__contents-slider, .dealers__page-mobile, .block__title-position__btn-filter, .swiper-container__dealers, #vendorTextTitle, .favoritesBtn, .swiper__container-cart, .stock__page, .main__slider-mobile, .btn__form-search__mobile { display: none; } .popup__filters { visibility: hidden; opacity: 0; height: 0; -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); } .contacts__page-date__text { margin-top: 10px; font-size: 14px; } .contacts__page-text { max-width: 50%; width: 100%; } .card-product__content.white_color_bg .product__swiper-slide { background-color: var(--color-2); } .card-product__content.color_dark_brown_bg .product__swiper-slide { background-color: var(--color-48); } .card-product__content.color_green_bg .product__swiper-slide { background-color: var(--accessories-color); } /* Личный кабинет */ .main__auth { margin: 181px 0; } .main__auth .inputForm { font-size: 12px; } .main__auth-block { max-width: 490px; width: 100%; margin: 0 auto; padding: 40px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05); position: relative; } .main__auth-block__popup-btn__close { position: absolute; top: 20px; right: 20px; width: 16px; height: 16px; } .main__auth-block__popup-btn__close::before { content: ""; display: block; background-image: url(/bitrix/templates/helmut/assets/css/../images/icons/close-auth.svg); background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; width: 16px; height: 16px; } .main__auth-block__popup-container__title { font-size: 25px; line-height: 1.4em; margin-bottom: 20px; } .main__auth-block__popup-container__form-inputs { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } .main__auth-block__popup-container__form-checkbox { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; gap: 10px; } .main__auth-block__popup-container__form-checkbox .aside__category-select__block-checkbox__label { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .main__auth-block__popup-container__form-checkbox .aside__category-select__block-checkbox__label::before { width: 12px; height: 12px; border: 1px solid var(--color-1); } .main__auth-block__popup-container__form-checkbox .aside__category-select__block-checkbox__label { font-size: 15px; color: var(--color-1); } .main__auth-block__popup-container__form-block { margin: 15px 0 25px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .main__auth-form__block-link__forgot-password { font-size: 15px; border-bottom: 1px solid var(--color-1); padding-bottom: 3px; -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); } .main__auth-form__block-link__forgot-password:hover { border-bottom: 1px solid transparent; } .main__auth-block__popup-container__form-btns { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } .main__auth-block__popup-container__form-btn { padding: 13px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .btn__login { background-color: var(--color-1); color: var(--color-2); } .btn__register { background-color: rgba(63, 63, 63, 0.16); color: rgba(63, 63, 63, 0.78); } .main__auth-block__popup-container__form-text { font-size: 12px; line-height: 14px; margin: 10px 0 30px; } .main__auth-block__popup-container__form-text, .main__auth-block__popup-container__form-text_links a { color: rgba(63, 63, 63, 0.75); } .main__auth-block__popup-container__form-text_links { text-align: center; margin: 10px 0 0; } .main__auth-block__wiring { max-width: 310px; } .main__auth-block__wiring-text { font-size: 15px; font-weight: 500; margin-bottom: 15px; } .main__auth-block__register-individual .main__auth-block__popup-container__form-text { margin-bottom: 20px; } .captcha { margin: 30px 0; max-width: 302px; width: 100%; } .main__auth-block__register-individual .main__auth-block__popup-container__title { max-width: 55%; } .main__auth-block__register-legal .main__auth-block__popup-container__title { max-width: 70%; } .main__auth-block__dealer-content { display: none; } .main__auth-block__dealer-content.active { display: block; } .main__auth-block__dealer .main__auth-block__popup-container__form-text { margin: 0 0 10px; } .main__auth-block__dealer-radios { gap: 30px; margin-bottom: 25px; } .main__auth-block__dealer .main__auth-block__popup-container__form-btn { margin: 25px 0 10px; } .my-office .dealers__btn-cards { font-size: 14px; font-weight: 600; } .my-office__exit { background-color: var(--color-42); color: var(--color-1); -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 15px; } .my-office__exit:hover { background-color: var(--color-1); color: var(--color-42); } .my-office__exit svg path { stroke: var(--color-1); -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); } .my-office__exit:hover svg path { stroke: var(--color-42); } /* radio */ .main__auth-block__wiring-radios { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } .main__auth-block__wiring-radio { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .main__auth-block__dealer-radio { /* Скрываем реальную радио кнопку*/ width: 0; height: 0; position: absolute; opacity: 0; z-index: -1; } .custom-radio { position: relative; display: inline-block; width: 12px; height: 12px; background: #ffffff; border: 1px solid var(--color-1); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; vertical-align: text-top; margin-right: 10px; } button.btn.btnGrey.ppc-in-basket a { color: #fff; } button.btn.btnGrey.ppc-in-basket:hover a { color: var(--color-1); } .custom-radio::before { content: ""; /* Рисуем круг */ display: inline-block; width: 6px; height: 6px; background: var(--color-3); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; /* Выравниваем по центру */ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(0); -moz-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); -o-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; -moz-transition: 0.2s ease-in; transition: 0.2s ease-in; } .main__auth-block__dealer-radio:checked + .custom-radio { border: 1px solid var(--color-3); } .main__auth-block__dealer-radio:checked + .custom-radio::before { -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .my-office__links { grid-template-columns: repeat(3, 1fr); gap: 15px; max-width: 100%; width: 100%; } .my-office__link .my-office__link-block__image svg path:not(.svg-color) { stroke: var(--color-3); fill: var(--color-50); -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); } .my-office__link:hover .my-office__link-block__image svg path:not(.svg-color) { stroke: var(--color-2); fill: var(--color-2); } .my-office__link:nth-child(3):hover .my-office__link-block__image svg path.svg-color { fill: var(--color-50); } .my-office__link:nth-child(6):hover .my-office__link-block__image svg path.svg-color { stroke: var(--color-2); fill: var(--color-50); } .my-office__link:nth-child(7):hover .my-office__link-block__image svg path { stroke: var(--color-2); } .my-office__link:nth-child(8):hover .my-office__link-block__image svg path { stroke: var(--color-2); fill: var(--color-50); } .my-office__link:nth-child(9):hover .my-office__link-block__image svg path.svg-color:nth-of-type(1) { /* stroke: var(--color-2); */ fill: var(--color-50); } .my-office__link:nth-child(9):hover .my-office__link-block__image svg path { stroke: var(--color-2); } .my-office__link:nth-child(1) .my-office__link-block__image svg, .my-office__link:nth-child(2) .my-office__link-block__image svg, .my-office__link:nth-child(3) .my-office__link-block__image svg, .my-office__link:nth-child(4) .my-office__link-block__image svg, .my-office__link:nth-child(5) .my-office__link-block__image svg, .my-office__link:nth-child(6) .my-office__link-block__image svg, .my-office__link:nth-child(7) .my-office__link-block__image svg, .my-office__link:nth-child(8) .my-office__link-block__image svg, .my-office__link:nth-child(9) .my-office__link-block__image svg { height: 24px; } .my-office__link:nth-child(1) .my-office__link-block__image svg, .my-office__link:nth-child(3) .my-office__link-block__image svg { width: 26px; } .my-office__link:nth-child(2) .my-office__link-block__image svg, .my-office__link:nth-child(4) .my-office__link-block__image svg, .my-office__link:nth-child(5) .my-office__link-block__image svg, .my-office__link:nth-child(8) .my-office__link-block__image svg, .my-office__link:nth-child(9) .my-office__link-block__image svg { width: 24px; } .my-office__link:nth-child(6) .my-office__link-block__image svg { width: 30px; } .my-office__link:nth-child(7) .my-office__link-block__image svg { width: 27px; } .my-office__link { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 17px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: var(--color-9); -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); } .my-office__link-block__image { background-color: var(--color-2); width: 50px; height: 50px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); } .my-office__link-text { font-size: 20px; font-weight: 600; -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); } .my-office__link:hover { background-color: var(--color-3); } .my-office__link:hover .my-office__link-block__image { background-color: var(--color-50); } .my-office__link:hover .my-office__link-text { color: var(--color-2); } .pre-orders__content { max-width: 100%; width: 100%; grid-template-columns: repeat(4, 1fr); gap: 15px; } .pre-orders__content-box { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05); -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); cursor: pointer; } .pre-orders__btn { padding: 10px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pre-orders__content-box__container { padding: 20px; } .pre-orders__content-box__container-date { font-size: 12px; color: rgba(63, 63, 63, 0.5); margin-bottom: 20px; -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); } .pre-orders__content-box__container-order__number { font-weight: 600; margin-bottom: 15px; -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); } .pre-orders__content-box__container-table { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .pre-orders__content-box__container-table__box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } .pre-orders__content-box__container-table__box p { font-size: 14px; -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); } /* статусы кнопок */ .pre-orders__btn { border: 1px solid transparent; -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); border: 1px solid transparent; } .status-not-completed .pre-orders__btn { background-color: var(--color-1); color: var(--color-2); } .status-not-completed .pre-orders__btn svg { -webkit-animation: processTime 3s infinite; -moz-animation: processTime 3s infinite; -o-animation: processTime 3s infinite; animation: processTime 3s infinite; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; transform-origin: center; } @-webkit-keyframes processTime { 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes processTime { 50% { -moz-transform: rotate(180deg); transform: rotate(180deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes processTime { 50% { -o-transform: rotate(180deg); transform: rotate(180deg); } 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes processTime { 50% { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /* confirmed */ .status-confirmed .pre-orders__btn { background-color: var(--color-51); color: var(--color-1); } .status-confirmed .pre-orders__content-box__container-table__box:nth-of-type(2) { -webkit-box-align: end; -webkit-align-items: end; -moz-box-align: end; -ms-flex-align: end; align-items: end; } .status-confirmed .card-product__tabs-block__content-container__table-name span { padding-right: 0; } .status-confirmed .card-product__tabs-block__content-container__table-cur { padding-left: 0; text-align: end; } .status-confirmed .card-product__tabs-block__content-container__table-name { max-width: 90%; width: 100%; } .status-confirmed tr:nth-of-type(2) .card-product__tabs-block__content-container__table-name { max-width: 70%; width: 100%; } .status-confirmed .card-product__tabs-block__content-container__table-cur { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .status-confirmed tr:nth-of-type(1) .card-product__tabs-block__content-container__table-cur { width: 30%; } /* in-processing */ .status-in-processing .pre-orders__btn { background-color: var(--color-3); color: var(--color-2); } .pre-orders__content-box:hover.status-not-completed { background-color: var(--color-1); } .pre-orders__content-box:hover.status-confirmed { background-color: var(--color-51); } .pre-orders__content-box:hover.status-in-processing { background-color: var(--color-3); } .pre-orders__content-box:hover:not(.status-confirmed) .pre-orders__content-box__container-date { color: rgba(255, 255, 255, 0.7); } .pre-orders__content-box:hover.status-confirmed .pre-orders__content-box__container-date { color: rgba(63, 63, 63, 0.5); } .pre-orders__content-box:hover:not(.status-confirmed) .pre-orders__content-box__container-order__number { color: var(--color-2); } .pre-orders__content-box:hover:not(.status-confirmed) .pre-orders__content-box__container-table__box p { color: var(--color-2); } .pre-orders__content-box:hover .pre-orders__btn { background-color: var(--color-2); color: var(--color-1); border: 1px solid var(--color-51); } .pre-orders__content-box.status-not-completed .pre-orders__btn svg path { fill: var(--color-2); -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); } .pre-orders__content-box:hover:not(.status-confirmed) .pre-orders__btn svg path { fill: var(--color-1); } .pre-orders__content-box:hover:not(.status-confirmed) .pre-orders__btn svg path { stroke: var(--color-1); } .card-product__tabs-block__content-container__table { width: 100%; } .pre-orders__content-box__container-table__name { overflow: hidden; } .pre-orders__content-box__container-table__name span { display: inline-block; position: relative; -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); } /* loader process */ .status-in-processing .pre-orders__btn svg { -webkit-animation: process 3s linear infinite; -moz-animation: process 3s linear infinite; -o-animation: process 3s linear infinite; animation: process 3s linear infinite; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; transform-origin: center; } @-webkit-keyframes process { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes process { 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes process { 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes process { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .personal-data__form { max-width: 100%; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; } .personal-account__subtile { font-size: 24px; font-weight: 600; line-height: 1.5em; } .personal-data__form-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px; } .personal-data__form__block { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } .personal-data__form-box__text { margin-bottom: 16px; } .personal-data__form__block p { max-width: 45%; width: 100%; font-size: 14px; color: var(--color-52); } .personal-data__form-btn { padding: 13px 0; max-width: 504px; margin-top: 10px; } .personal-data__form .inputForm { max-width: 504px; width: 100%; } .change-password__form { gap: 15px; } .change-password__form-box { gap: 30px; } .change-password__form-box .personal-data__form-btn { margin-top: 0; } .change-password__form-box .personal-data__form__block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: start; -moz-box-align: start; -ms-flex-align: start; align-items: start; } .main__auth-block__subscriptions-radios { gap: 30px; } .main__auth-block__subscriptions-radios .custom-radio { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .main__auth-block__subscriptions-radios .custom-radio::before { background: var(--color-3); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .subscriptions .personal-data__form__block p { max-width: 100%; } .featured-products .product__content .swiperWrapperProduct__icon:nth-of-type(1) svg path { fill: var(--color-19); } .products-comparison .product__content .swiperWrapperProduct__icon:nth-of-type(2) svg path { stroke: var(--color-2); fill: var(--color-19); } .products-comparison .card-product .product__content { background-color: var(--color-9); padding: 20px; -webkit-border-radius: 15px 15px 0 0; -moz-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0; border-bottom: 1px solid var(--color-33); margin-bottom: 0; } .products-comparison__block { background-color: var(--color-9); } .products-comparison__box:nth-of-type(even) { background-color: var(--color-2); } .products-comparison__box { padding: 15px 20px; gap: 5px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .products-comparison__box p { font-size: 14px; font-weight: 600; } .products-comparison__box-name { color: var(--color-4); } .personal-contacts__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 27px 20px 20px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .pre-orders__content-box__container-table { gap: 5px; } .personal-contacts__content-manager { gap: 20px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .personal-contacts__content-avatar { width: 80px; height: 80px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .sale-order-link, .sale-order-history-link { color: var(--color-1); text-decoration: underline; } .product__swiper-container { max-width: 500px; height: 270px; } .main__catalog-cards .swiperWrapperProduct .product__swiper-container { height: 137px; } .card-products__section-slider .swiperWrapperProduct .product__swiper-container { height: 140px; } .main__catalog-cards__block.catalog__page .product__swiper-container { max-width: 360px; } .best-deals__contents-box .product__swiper-container { max-width: 430px; } .main__category-squery .swiperWrapperProduct .product__swiper-container { height: 137px; } .swiperWrapperProduct .swiper-slide { height: 100%; -o-object-fit: contain; object-fit: contain; top: 0; } .personal-contacts__content-name { max-width: 40%; font-size: 18px; font-weight: 600; } .personal-contacts__content-tel { font-size: 12px; margin-bottom: 10px; } .personal-contacts__content-tel__link { font-size: 15px; font-weight: 600; } .personal-contacts__content-contacts { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .personal-contacts__content-social a { background-color: var(--color-9); } .personal-contacts__content-social { margin-top: 16px; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: start; -webkit-justify-content: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: start; } .personal-contacts__content .footer__top-contacts__social a:nth-of-type(2)::before { background-image: url(/bitrix/templates/helmut/assets/css/../images/icons/tg-icon.svg); width: 19px; height: 19px; } .personal-contacts__content-tel_messenger { margin-bottom: 0; } .products-comparison__tabs { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -moz-box-orient: horizontal !important; -moz-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; gap: 15px !important; margin-bottom: 25px !important; } .products-comparison__tabs .products-comparison__tab { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } .ppc-list-order { width: 100%; } .placing-order__content-form__box-text a { color: #fff; text-decoration: underline; } #contacts-map { /* min-width: 600px; */ max-width: 100%; width: 100%; height: 100% !important; } .ymaps-2-1-79-map { width: 100% !important; } .our-contacts__block-addresses__map { width: 100%; } .ppc-btn-adress { border-bottom: 1px solid #ef7e1b; cursor: pointer; } .our-contacts__block-address { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .our-contacts__block-address.js-contact-item.is-active { background: #ffcea3; } .our-contacts__block-address__text p { font-size: 14px; } .our-contacts__block-address__text ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 14px; } .our-contacts__block-address__text { font-size: 14px!important; } .our-contacts__block-address__box.dFlex { margin-bottom: 15px; } #SDEK_pvz, #SDEK_map { width: 100%!important; } .SDEK_mark { display: none; } .SDEK_title > div, #SDEK_cityPicker > div { font-size: 16px; } .our-contacts__block-addresses__map, .our-contacts__block-addresses__map img { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; width: 100%; } .ymaps-2-1-79-map { width: 100% !important; height: 100% !important; } .ppc-page-contacts .footer__top-contacts__box-texts__link { font-size: 25px; font-weight: 600; line-height: 1.36em; } .ppc-page-contacts .footer__bottom-requisites__list { max-width: 100%; margin: 0; font-size: 16px; line-height: 1.5em; } .ppc-page-contacts .footer__bottom-requisites__lists { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; margin-bottom: 37px; } .pre-orders__btn .ui-ico--finish { width: 18px; height: 18px; } @media screen and (max-width: 1500px) { .card-products__section-slider__block { padding: 0 0 0 30px; } .card-product__slider-block__colors-btns { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; -webkit-box-align: start; -webkit-align-items: start; -moz-box-align: start; -ms-flex-align: start; align-items: start; } } @media screen and (max-width: 1400px) { .headerWrapperSlider { /* max-width: 440px; */ } .headerWrapperSlider__slide { max-width: none; width: 100%; } .headerWrapperSlider__slide-texts .headerWrapperSlider__slide-title { font-size: 18px; } .headerWrapperSlider__slide-text, .headerWrapperSlider__slide-link { font-size: 14px; } .headerWrapperSlider__btns { right: 90px; } .catalog__block-box__subtitle { max-width: 84%; margin-bottom: 242px; } } @media screen and (max-width: 1300px) { h1 { font-size: 27px; } .main__catalog-cards__block { grid-template-columns: repeat(3, 1fr); } .card-product__slider-image { width: 85px; height: 28px; } /* .card-product__slider-block__color-btn { width: 26px; height: 26px; } .card-product__slider-block__color-btn span { width: 16px; height: 16px; } */ .card-product__slider-block__color-text { font-size: 14px; } .card-product__slider-block__color-paragraph { font-size: 14px; } .pre-orders__content { grid-template-columns: repeat(3, 1fr); gap: 15px; } } @media screen and (max-width: 1200px) { h1 { font-size: 24px; } .container { padding: 0 20px; } .header-bg { padding: 7px 0; } .header__block { padding: 22px 0; } .header__block-container__box-logo { margin-right: 49px; max-width: 155px; height: 23px; } .header__block-container__box-logo__icon { max-width: 155px; height: 23px; } .header__block-form { max-width: 433px; width: 100%; } .header-bg__slider-container__texts p { margin-bottom: 25px; } .catalog { margin-top: 50px; } section { margin-bottom: 70px; } .catalog__block-title { margin-bottom: 20px; } .catalog__block-box__subtitle { font-size: 18px; } .catalog__block { margin-bottom: 45px; } .catalog__block-select__view { margin-bottom: 25px; } .catalog__block-select__view img { display: none; } .catalog__block-select__box-text { font-size: 14px; } .best-deals__texts h1 { margin-bottom: 15px; } .best-deals__texts p { font-size: 16px; } .product__text { max-width: 70%; } /* .product__counter { margin-bottom: 25px; } */ .product__counter b { font-size: 14px; font-weight: 400; } .best-deals__block-btns__pages { margin-top: 35px; } .popular-category__block, .new-items__block { margin-top: 25px; } .popular-category__block-link h3 { font-size: 18px; } .popular-category__block-link p { font-size: 13px; } .brends .best-deals__texts { gap: 30px; } .border { max-width: 70%; } .best-deals__tabs { margin-top: 30px; max-width: 100%; overflow: auto; } .our-contacts__block-address { padding: 21px 20px 22px; } .our-contacts__block-address__text { font-size: 16px; margin-bottom: 18px; } .our-contacts__block-address__box { gap: 12px; } .our-contacts__block-address__box-tel { font-size: 15px; } .form-help__container { padding: 45px; } .form-help__container h1 { margin-bottom: 30px; } .form-help__block-label:nth-of-type(1) { max-width: 100%; } .form-help__block-label:nth-of-type(2) { max-width: 100%; } .form-help__block-label:nth-of-type(3) { max-width: 100%; } .bg-image__form { max-width: 250px; } .footer { padding: 45px 0 27px; } .footer__top-contacts__box-texts .footer__top-contacts__box-texts__link { font-size: 16px; } .footer__top { padding-bottom: 30px; gap: 30px; } .footer__top-box__block { gap: 30px; } .footer__top-box__text { margin-top: 40px; } .footer__bottom-requisites__list { margin: 0; } .catalog__block-select__box:nth-of-type(1) { -webkit-background-size: 50% 50%; -moz-background-size: 50% 50%; background-size: 50% 50%; } .catalog__block-select__box:nth-of-type(3) { -webkit-background-size: 60% 45%; -moz-background-size: 60% 45%; background-size: 60% 45%; } .catalog__block-select__box:nth-of-type(5) { -webkit-background-size: 70% 50%; -moz-background-size: 70% 50%; background-size: 70% 50%; } .catalog__block-select__box:nth-of-type(6) { -webkit-background-size: 45% 34%; -moz-background-size: 45% 34%; background-size: 45% 34%; } .catalog__block-select__box:nth-of-type(7) { -webkit-background-size: 66% 38%; -moz-background-size: 66% 38%; background-size: 66% 38%; } .catalog__block-select__box:nth-of-type(8) { -webkit-background-size: 40% 54%; -moz-background-size: 40% 54%; background-size: 40% 54%; } .catalog__block-select__box:nth-of-type(9) { -webkit-background-size: 57% 35%; -moz-background-size: 57% 35%; background-size: 57% 35%; } .catalog__block-select__box:nth-of-type(10) .bg-image { -webkit-background-size: 75% 78%; -moz-background-size: 75% 78%; background-size: 75% 78%; } .catalog__block-select__box:nth-of-type(11) { -webkit-background-size: 55% 60%; -moz-background-size: 55% 60%; background-size: 55% 60%; } .catalog__block-select__box:nth-child(12) { -webkit-background-size: 60% 73%; -moz-background-size: 60% 73%; background-size: 60% 73%; } .catalog__block-select__box:nth-of-type(13) .bg-image { -webkit-background-size: 80% 48%; -moz-background-size: 80% 48%; background-size: 80% 48%; } .brends__block { grid-template-columns: repeat(auto-fit, minmax(193px, 1fr)); } .aside__category-title { font-size: 18px; } .aside__category-link { font-size: 15px; } .aside__category-select__box-text { font-size: 16px; } .aside__category-select__box-label__textarea { font-size: 14px; } .btnLoad { margin-top: 25px; } .main__profile-product__texts .product__text { max-width: 80%; } .stock-product__title { font-size: 16px; } .stock-product__link { font-size: 14px; } .dealers__address-lists { padding: 0; } .contacts__page .our-contacts__block-addresses__container { height: auto; min-width: 280px; } .contacts__lists .footer__bottom-requisites__list { font-size: 14px; } .contacts__lists { gap: 5px; margin-bottom: 30px; } .card__product-block .header__block-path__page-link, .card__product-block__name .header__block-path__page-link { font-size: 14px; } .cart-product .card__product-block { margin-bottom: 15px; } .cart-product .header__block-path__page-link { padding: 0; } .card__product-block__name { margin-bottom: 30px; } .card-product__content-text { font-size: 16px; margin-bottom: 20px; } .card-product__content .main__profile-product__texts .main__profile-lists .main__profile-list, .card-product__tabs-block__content-container__table-name, .card-product__tabs-block__content-container__table-cur { font-size: 16px; } .product__count-price__box p, .product__count-price__box span { font-size: 25px; } .product__text-price { font-size: 16px; } .card-product .main__profile-btn { font-size: 14px; } .card-product .main__profile-product__price { padding: 15px 20px 20px; max-width: 230px; } .card-product__content .main__profile-product__texts .main__profile-lists .main__profile-list:nth-of-type(7), .card-product__content .main__profile-product__texts .main__profile-lists .main__profile-list:nth-of-type(8) { display: none; } .card-product__content .main__profile-product__texts .main__profile-lists { margin-bottom: 8px; } .card-product__content-btn__characteristics { font-size: 16px; margin-bottom: 0; } .card-product .product__content { margin-bottom: 25px; } .card-product__tabs-block__content h2 { font-size: 21px; } .card-products__section-slider .best-deals__texts { margin-bottom: 30px; } .cart__block-btn { margin-top: 50px; } .cart__btn-add__product { padding: 30px 0; font-size: 14px; } .header__block-path__page-link svg { width: 14px; height: 14px; } .cart__aside .main__profile-btn { font-size: 13px; } .cart__btn-delete { margin-top: 10px; padding: 0; gap: 10px; } .cart__btn-delete span { font-size: 14px; } .cart__btn-delete svg { width: 14px; height: 14px; } .card-cart__aside .main__profile-product__price { padding: 20px; } .cart__btn .aside__category-select__block-checkbox__label { font-size: 14px; line-height: 18px; } .cart__btn .aside__category-select__block-checkbox__label::before { width: 14px; height: 14px; } .aside__category-select__block-checkbox:checked + .aside__category-select__block-checkbox__label::after { content: ""; top: 40%; -webkit-transform: translate(-12px, -43%); -moz-transform: translate(-12px, -43%); -ms-transform: translate(-12px, -43%); -o-transform: translate(-12px, -43%); transform: translate(-12px, -43%); cursor: pointer; } .cart__block { margin-bottom: 50px; } .product__text-price { font-size: 14px; } .product__count-price__box p, .product__count-price__box span { font-size: 15px; } /* личный кабинет */ .main__auth { margin: 257px 0; } .main__password-recovery { margin: 296px 0; } .my-office__link { padding: 18px 8px; } .my-office__link-text { font-size: 18px; text-align: center; } .personal-account__subtile { font-size: 20px; } .change-password__form { gap: 30px; } .personal-contacts__content { padding-top: 20px; } .personal-contacts__content-avatar { width: 70px; height: 70px; } .personal-contacts__content-name { font-size: 16px; } } @media screen and (max-width: 1130px) { .personal-cart__block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; } .personal-cart__block .product__counter { margin: 0; } } @media screen and (max-width: 1100px) { .headerWrapperSlider { max-width: 360px; } .headerWrapperSlider__slide { max-width: 300px; } .headerWrapperSlider__btns { right: 80px; } .aside__category-select__box-label__text { left: 10px; } .aside__category-select__box-label:nth-of-type(2) .aside__category-select__box-label__box .aside__category-select__box-label__text { left: 25px; } .aside__category-select__box-label__textarea { max-width: 84px; font-size: 13px; } .aside__category-select__box-label__input { max-width: 94px; } .aside, .aside__category-select, .aside__category { max-width: 228px; } /* личный кабинет */ .my-office__link-text, .pre-orders__content-box__container-order__number { font-size: 14px; } .pre-orders__content-box__container-date { margin-bottom: 15px; } .pre-orders__content-box__container-table__box p { font-size: 12px; } .pre-orders__content-box__container-table__box { gap: 13px; } .pre-orders__content-box__container { padding: 15px; } .pre-orders__content-box.status-not-completed .pre-orders__btn svg { width: 9px; height: 12px; } .status-confirmed tr:nth-of-type(2) .card-product__tabs-block__content-container__table-name { max-width: 65%; } .main__catalog-cards .product__text { max-width: 100%; } } @media screen and (max-width: 993px) { h1 { font-size: 20px; } .content__container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } section { margin-bottom: 50px; } button { font-size: 13px; } .header__container-nav__link { font-size: 13px; } .header__container-nav__lists { gap: 25px; } .header-bg { background-color: var(--color-2); padding: 17px 0; } .header__block-container__box-logo { margin-right: 71px; max-width: 113px; height: 17px; } .header__block-container__box-logo__icon { max-width: 113px; height: 17px; } .header__block { padding: 0 0 25px; } .header__block-path__page-list span { display: none; } .header__block-path__page-link { gap: 0; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .header__block-path__page-lists { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } .header__block-label__input { font-size: 14px; } .header__block-path__page-link svg { width: 17px; height: 17px; } .header-bg__slider-container__texts h1 { margin-bottom: 15px; } .header-bg__slider-container__texts p { margin-bottom: 25px; font-size: 16px; } .headerWrapperSlider__slide-texts .headerWrapperSlider__slide-title { font-size: 16px; } .headerWrapperSlider__slide-text, .headerWrapperSlider__slide-link { font-size: 13px; } .headerWrapperSlider__slide-block__image-text { font-size: 14px; } .catalog__block-box__subtitle { font-size: 15px; max-width: 100%; margin-bottom: 184px; } .catalog__block-select__view p { font-size: 14px; } .catalog__block-select__box-text { font-size: 13px; padding: 5px 20px; } .catalog__block-select__box-list { font-size: 13px; } .best-deals__texts p { font-size: 14px; } .best-deals__tabs { margin: 25px 0 22px; } .best-deals__tabs .btn { font-size: 14px; } .product__text { max-width: 100%; } .brends__block { grid-template-columns: repeat(auto-fit, minmax(157px, 1fr)); } .our-contacts__block-address__text { font-size: 14px; margin-bottom: 15px; } .our-contacts__block-address__box-tel { font-size: 13px; } .our-contacts__block-address__box { gap: 10px; } .our-contacts__block-address { padding-top: 17px; padding-bottom: 16px; } .our-contacts__block-addresses__container { background-color: var(--color-9); max-width: 350px; height: auto; } .form-help__container { padding: 40px 30px 46px; } .bg-image__form { background-image: none; max-width: 0; } .form-help__container h1 { margin-bottom: 20px; } .footer { padding: 47px 0 22px; } .footer__subtitle { font-size: 20px; margin-bottom: 21px; } .footer__top-contacts__box-texts .footer__top-contacts__box-texts__link { font-size: 14px; } .footer__top-contacts__box-texts a, .footer__top-contacts__box-texts .footer__top-contacts__box-street { font-size: 13px; } .footer__top-contacts__box-texts { gap: 13px; } .footer__top { gap: 70px; } .footer__top-box { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .footer__top-contacts__social { margin-bottom: 36px; } .footer__bottom-box__partners a { font-size: 13px; line-height: 18px; } .path__block { font-size: 14px; margin-top: 40px; } .profiles__product-texts { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; } .main__profile-product__texts .product__text { font-size: 13px; margin-bottom: 11px; } .main__profile-lists { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 6px; } .main__profile-list { font-size: 14px; line-height: 13px; } .main__profiles .main__catalog-cards__block .product__content { padding: 20px 0; } .product__count-price__box p, .product__count-price__box span { font-size: 16px; } .product__text-price { font-size: 14px; } .main__catalog-cards .product__count { font-size: 14px; font-weight: 400; } .product__btn { width: 24px; height: 24px; } .product__btn::before, .product__btn-add::after { width: 8px; } .product__btn-add::after { top: 11px; left: 7px; } .main__profile-btn { padding-left: 20px; padding-right: 20px; max-width: 200px; width: 100%; } .main__profile-product__price .product__count-price__box { margin-bottom: 10px; } .main__profile-product__price .product__count-price .product__counter { margin: 14px 0 34px; } .main__profiles .product__swiper-container .product__swiper-wrapper { /* max-width: 248px; */ height: 155px; } .main__profile-product__texts { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .block__title { margin-bottom: 20px; } .stock-product__title { font-size: 14px; max-width: 89%; } .stock-product__text { font-size: 14px; margin-bottom: 15px; } .stock-product__link { font-size: 13px; } .product__content { gap: 15px; padding: 15px; } .section-dealers__block-texts p { font-size: 15px; } .section-dealers__block-cards { margin-top: 30px; } .section-dealers__block-card__text { font-size: 14px; } .section-dealers__block-card { gap: 30px; padding: 15px; } .dealers__address-list__text { font-size: 20px; } .dealers__address-list__paragraph { font-size: 13px; } .dealers__address-list { gap: 15px; } .dealers__address-lists { gap: 30px; margin-bottom: 40px; } .dealers__address-block .our-contacts__block-address { padding: 23px 30px 30px; } .dealers__address-block { height: 100%; } .dealers__address-block .footer__top-contacts__social { margin-bottom: 0; } .section-dealers__block-card__ok { width: 40px; height: 40px; } .section-dealers__block-card__ok-icon { width: 16px; height: 16px; } .contacts__page-date__text { margin-top: 15px; font-size: 14px; } .card__product-block .header__block-path__page-link, .card__product-block__name .header__block-path__page-link, .card-product__content .main__profile-product__texts .main__profile-lists .main__profile-list, .card-product__tabs-block__content-container__table-name, .card-product__tabs-block__content-container__table-cur { font-size: 14px; } .card__product-block__name { gap: 30px; } .card-product__content-text { font-size: 15px; margin-bottom: 15px; } .card-product__content .main__profile-product__texts .main__profile-lists { gap: 6px; margin-bottom: 20px; } .product__count-price__box p, .product__count-price__box span { font-size: 20px; } .card-product .main__profile-product__price .product__count-price__box { margin-bottom: 5px; } .card-product .product__counter { margin: 14px 0 34px; } .card-product .main__profile-btn { font-size: 13px; } .card-product__content-btn__characteristics { font-size: 14px; } .card-product__slider-image { width: 57px; height: 19px; } .card-product__slider-block { margin-top: 15px; } .card-product__slider-block__color-paragraph, .card-product__slider-block__color-text, .cart__btn-add__product { font-size: 14px; } .card-product__tabs-block__content h2 { font-size: 18px; margin-bottom: 17px; } .card-product__tabs-block__content-container { padding: 25px 30px; } .card-products__section-slider .best-deals__texts { margin-bottom: 20px; } .card-product__tabs-block { max-width: 686px; } .cart__btn-add__product { padding: 20px 0; } .card-product__block-text { font-size: 13px; } .product__count-price__box p, .product__count-price__box span { font-size: 16px; } .card-product .product__content { margin-bottom: 20px; padding-bottom: 20px; } .card-product__block-box { gap: 25px; } .cart__text { margin-bottom: 15px; } .cart__paragraph { margin-bottom: 10px; } .cart__block-texts { margin-bottom: 30px; } .cart__btn-delete { gap: 10px; } .cart .product__counter { margin: 0; } /* личный кабинет */ .main__auth-block__popup-container__title { font-size: 23px; } .main__auth { margin: 100px 0; } .main__password-recovery { margin: 100px 0 168px; } .main__auth-block__popup-container__form-text { margin: 15px 0 33px; } .main__auth-block__wiring .main__auth-block__wiring-text { margin-bottom: 10px; } .main__auth .inputForm { font-size: 11px; } .main__auth-block__popup-container__form-text_links, .main__auth-block__register-individual .main__auth-block__popup-container__form-text_links { margin-bottom: 0; } .my-office__link { gap: 20px; } .my-office__link-block__image { width: 40px; height: 40px; } .my-office__link:nth-child(1) .my-office__link-block__image svg, .my-office__link:nth-child(2) .my-office__link-block__image svg, .my-office__link:nth-child(3) .my-office__link-block__image svg, .my-office__link:nth-child(4) .my-office__link-block__image svg, .my-office__link:nth-child(5) .my-office__link-block__image svg, .my-office__link:nth-child(6) .my-office__link-block__image svg, .my-office__link:nth-child(7) .my-office__link-block__image svg, .my-office__link:nth-child(8) .my-office__link-block__image svg, .my-office__link:nth-child(9) .my-office__link-block__image svg { width: 20px; height: 20px; } .personal-account__subtile { font-size: 16px; } .personal-data__form .inputForm { max-width: 307px; } .personal-data__form-box, .personal-data__form { gap: 30px; } .personal-data__form-btn { max-width: 307px; margin-top: 0; } .personal-data__form__block { gap: 15px; } .personal-data__form__block p, .personal-data__form-box__text, .personal-data__form-btn { font-size: 12px; } .change-password__form .personal-data__form__block { gap: 10px; } .personal-cart .card-product { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 30px; } .subscriptions .personal-data__form-box { max-width: 460px; width: 100%; } .subscriptions .personal-data__form .inputForm, .subscriptions .personal-data__form-btn { max-width: 100%; } .products-comparison .product__count-price { margin: 30px 0; } .products-comparison .card-product .product__content { margin: 0; padding: 0; } .products-comparison .card-product .product__content { padding: 15px; } .personal-contacts__content-name { font-size: 14px; } .products-comparison__tabs { gap: 10px !important; margin-bottom: 20px !important; } .card-product .product__content .card-product__content-block__slider { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media screen and (max-width: 930px) { .path__block { font-size: 14px; margin: 30px 0 20px; } .block__title h1 { margin: 0; } .select__btn p { font-size: 14px; } .btnLoad { padding: 11px 0; } .main__catalog-cards__block { grid-template-columns: repeat(2, 1fr); } .swiperWrapperProduct { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .card-product__slider-block__colors-btns { gap: 10px; -webkit-box-align: start; -webkit-align-items: start; -moz-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pre-orders__content { grid-template-columns: repeat(2, 1fr); gap: 15px; } .personal-cart .card-product .main__profile-product__price { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .personal-cart .card-product .main__profile-product__price { position: fixed; bottom: 75px; right: 0; z-index: 22; background-color: var(--color-2); max-width: 95%; right: 0; left: 0; margin: 0 auto; } .personal-cart .card-product .main__profile-product__price { padding: 10px 15px 15px; } .personal-cart .cart__block-texts { margin-bottom: 0; } } @media screen and (max-width: 840px) { .headerWrapperSlider { max-width: 265px; } .headerWrapperSlider__slide { max-width: 240px; gap: 15px; padding: 15px; } .headerWrapperSlider__btns { right: 41px; bottom: 15px; } .headerWrapperSlider__slide-image { height: 120px; } .headerWrapperSlider__slide-block__image-text { bottom: 8px; right: 5px; padding: 3px 10px; } .headerWrapperSlider__slide-texts .headerWrapperSlider__slide-title { font-size: 14px; } .headerWrapperSlider__slide-text, .headerWrapperSlider__slide-link { font-size: 14px; } .headerWrapperSlider__slide-link::after { top: 3px; } .main__profile-product__texts .product__text { max-width: 100%; } .section-dealers__block-cards { grid-template-columns: repeat(2, 1fr); margin-top: 30px; } .section-dealers__block-texts p { font-size: 14px; } .section-dealers__block-card__text { font-size: 14px; line-height: 16px; } .section-dealers__block-card { gap: 43px; padding-bottom: 12px; } .section-dealers__block-card__ok { width: 30px; height: 30px; } .section-dealers__block-card__ok-icon { width: 12px; height: 12px; } .dealers__page .form-help__container { padding: 30px 21px; } .section-dealers__block-card:last-child { display: none; } /* .dealers__page { display: none; } */ .dealers__page-mobile { display: block; } .dealers__page-mobile .bg-image__form { background-image: none; } .dealers__page-mobile .form-help__block-label:nth-of-type(1), .dealers__page-mobile .form-help__block-label:nth-of-type(2), .dealers__page-mobile .btnPickUp__block { max-width: 100%; } .dealers__page-mobile .form-help__block-label__name { max-width: 100% !important; } .dealers__page-mobile .form-help__block-box__paragraph { margin-top: 15px; } .dealers__page-mobile .btnPickUp__block { margin-top: 20px; } .dealers__address-list__text { font-size: 18px; } .dealers__address-block .our-contacts__block-address { padding: 15px 20px 20px; } .dealers__address-lists { gap: 25px; margin-bottom: 30px; } .card-products__section-slider__block { padding: 0 30px; } .form-help__block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; } /* личный кабинет */ .my-office__link-text { font-size: 13px; } .my-office__link { gap: 15px; } .my-office__link-block__image { width: 30px; height: 30px; } .personal-data__form-box { gap: 25px; } .personal-data__form__block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: start; -moz-box-align: start; -ms-flex-align: start; align-items: start; max-width: 307px; } .personal-data__form__block p { max-width: 100%; } .personal-data__form__block { gap: 10px; } .subscriptions .personal-data__form__block { max-width: 100%; } } @media screen and (max-width: 768px) { #SDEK_info { display: none; } .cart__btn.dFlex { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .best-deals__texts .order__status h1 { margin-bottom: 0; } .placing-order__content-form { gap: 20px; } .aside { display: none; } .header-bg { display: none; } .header-bg__mobile { display: block; padding: 10px 0; position: -webkit-sticky; position: sticky; /* top: 0; */ z-index: 110; background-color: var(--color-2); position: fixed; background-color: var(--color-2); bottom: 0; width: 100%; } #header { padding-top: 70px; } .header__block { position: fixed; top: 0; left: 0; z-index: 9; width: 100%; background: #fff; } .header__popup-mobile { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: fixed; bottom: 0; right: -600px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 30px; padding-bottom: 58px; z-index: 999999; background-color: var(--color-27); -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; max-width: 600px; width: 100%; -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); } .header__popup-mobile__block { position: relative; } .header__popup-mobile__block .header__container-nav__lists { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } .header__popup-mobile__block .header__container-nav__link { font-size: 13px; color: var(--color-2); } .header__popup-mobile__btn-close { position: absolute; top: 0; right: 0; width: 20px; height: 20px; } .header__popup-mobile__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; } .header__popup-mobile__content .header__container-telephone__link { color: var(--color-2); font-size: 14px; } .header__popup-mobile__content-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .header__popup-mobile__content-box { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } .header__popup-mobile__content-text { color: var(--color-2); opacity: 0.5; font-size: 11px; font-weight: 400; } .header__popup-mobile__content-block .header__container-telephone { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .header__popup-mobile__content-block__btns { gap: 15px; } .header__popup-mobile__content-block__btns .btnPickUp { max-width: 200px; text-align: center; border: none; } .header__popup-mobile__content-block__btns .btnPickUp:hover { border: none; } .header__popup-mobile__content-block__btn { color: var(--color-2); background-color: var(--color-17); } .header__popup-mobile__content-block__btn:hover { color: var(--color-17); background-color: var(--color-2); } .header__popup-mobile__btn-close img { width: 20px; height: 20px; } .header__popup-mobile .footer__subtitle, .header__popup-mobile .footer__top-catalog__link { color: var(--color-2); } .header__block { padding: 15px 0; } .header__block-path__page-list:nth-of-type(1), .header__block-path__page-list:nth-of-type(4), .header__block-btn { display: none; } .header-bg__slider .header__block-btn { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .header-bg__slider-container__texts h1 { font-size: 24px; } .header-bg__slider-container__texts { max-width: 100%; } .header-bg__slider-container__texts p { font-size: 14px; } .header-bg__mobile-block { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header-bg__mobile-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 9px; } .header-bg__mobile-box__text { color: var(--color-43); -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); } .header-bg__mobile-box:hover .header-bg__mobile-box__text { color: var(--color-3); } .header-bg__mobile-box svg path, .header-bg__mobile-box svg rect { -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); } .header-bg__mobile-box:hover svg path, .header-bg__mobile-box:hover svg rect { stroke: var(--color-3); fill: var(--color-3); } .catalog__block-box__subtitle { font-size: 14px; /* margin-bottom: 108px; */ white-space: nowrap; } .catalog__block-box:nth-of-type(1) { -webkit-background-size: 85% 85%; -moz-background-size: 85%; background-size: 85%; } .catalog__block-box:nth-of-type(2) { -webkit-background-size: 64% 64%; -moz-background-size: 64%; background-size: 64%; } .catalog__block-box:nth-of-type(3) { background-position: right 75%; -webkit-background-size: 58% 58%; -moz-background-size: 58%; background-size: 58%; } .catalog__block { margin-bottom: 40px; } .catalog__block-select__view { margin-bottom: 20px; } .catalog__block-select__box-text { font-size: 14px; } .catalog__block-select__box-lists { margin-bottom: 20px; } .catalog__block-select__container { grid-template-columns: repeat(2, 1fr); } .catalog__block-select__box:nth-of-type(1), .catalog__block-select__box:nth-of-type(2), .catalog__block-select__box:nth-of-type(3), .catalog__block-select__box:nth-of-type(4), .catalog__block-select__box:nth-of-type(5), .catalog__block-select__box:nth-of-type(6), .catalog__block-select__box:nth-of-type(7), .catalog__block-select__box:nth-of-type(8), .catalog__block-select__box:nth-of-type(9), .catalog__block-select__box:nth-of-type(10), .catalog__block-select__box:nth-of-type(11), .catalog__block-select__box:nth-of-type(12), .catalog__block-select__box:nth-of-type(13) { grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; } .catalog__block-select__box:nth-of-type(13) { grid-column-start: 1; grid-column-end: 3; } .bg-round { width: 235px; height: 235px; top: 212px; right: -110px; } .catalog__block-select__box:nth-of-type(9) { -webkit-background-size: 36% 29%; -moz-background-size: 36% 29%; background-size: 36% 29%; } .catalog__block-select__box:nth-of-type(10) .bg-image { background-image: url(/bitrix/templates/helmut/assets/css/../images/ventilation-magnetic-grilles-mobile.png); -webkit-background-size: 34% 34%; -moz-background-size: 34%; background-size: 34%; } .catalog__block-select__box:nth-of-type(11) { -webkit-background-size: 37% 37%; -moz-background-size: 37%; background-size: 37%; } .catalog__block-select__box:nth-child(12) { -webkit-background-size: 43% 43%; -moz-background-size: 43%; background-size: 43%; } .catalog__block-select__box:nth-of-type(13) .bg-image { -webkit-background-size: 64% 64%; -moz-background-size: 64%; background-size: 64%; } .catalog__block-select__box:nth-of-type(13) .bg-round { top: 105px; right: -100px; } .product__content { gap: 15px; padding: 15px; } .product__text { font-size: 14px; margin-bottom: 18px; } .product__text-price, .product__counter b { font-size: 14px; } .product__counter { margin-top: 23px; } .product__count-price__box p, .product__count-price__box span { font-size: 16px; } .brends__block { grid-template-columns: repeat(auto-fit, minmax(121px, 1fr)); } .brends__block-image__box { height: 80px; } .brends__block-image { width: 90px; } .section-dealers { max-width: 200px; } .best-deals__tabs { margin-top: 20px; /* max-width: 200px; */ } .our-contacts__block-addresses__container { max-width: 300px; height: auto; } .form-help__container { padding: 33px 30px 40px; } .form-help__block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; } .form-help__container h1 { margin-bottom: 25px; } .form-help__block-label__box { gap: 10px; } .form-help__block-label__name { max-width: 395px !important; } .btnPickUp__block { max-width: 395px; } .form-help__block-label { gap: 5px; } .form-help__block-box { gap: 0px; } .bg-image__form { background-image: url(/bitrix/templates/helmut/assets/css/../images/karniz-evroplast.png); max-width: 100%; -webkit-background-size: 37% 37%; -moz-background-size: 37%; background-size: 37%; } .footer__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 34px; padding-bottom: 25px; margin-bottom: 24px; } .footer__top-contacts__mobile-box { max-width: 190px; width: 100%; } .footer__top-contacts__mobile { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 46px; } .footer__top-catalog__box { gap: 46px; } .footer__top-contacts { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 25px; } .footer__top-contacts__social { margin-bottom: 0; } .footer__top-catalog__link { font-size: 13px; } .footer__top-catalog__lists { max-width: 190px; width: 100%; } .footer__top-box__text { margin-top: 35px; } .footer__bottom-requisites__list { margin: 0; } #linkPolitics { font-size: 14px; } #logo .header__block-container__box-logo { margin: 0; } .footer__bottom { gap: 95px; } #logo { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 18px; } .footer__bottom-box { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .footer__bottom-requisites { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .main__catalog-cards__block { grid-template-columns: repeat(3, 1fr); } .block__title-position__btn-filter { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; width: 100%; background-color: var(--color-17); color: var(--color-2); padding: 3px 10px; border: 1px solid transparent; gap: 5px; } .block__title-position__btn-filter:hover { background-color: var(--color-2); color: var(--color-17); border: 1px solid var(--color-17); -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); } .block__title-position__btn-filter svg path { fill: var(--color-2); -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); } .block__title-position__btn-filter:hover svg path { fill: var(--color-17); } .popup { max-width: 100%; width: 100%; padding: 15px 20px 70px; background-color: var(--color-2); } .popup__filters-container__close { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid var(--color-45); padding-bottom: 15px; margin-bottom: 30px; } .popup__filters-container__close-reset { gap: 20px; } .popup__filters-container__close-reset p { font-size: 18px; } .popup__filters-container__close-reset button { font-size: 14px; color: var(--color-17); border-bottom: 1px solid var(--color-17); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); } .popup__filters-container__close-reset button:hover { border-bottom: 1px solid transparent; } .popup__filters-container__close-btn { width: 20px; height: 20px; } .popup__filters-container__select-text { font-size: 15px; margin-bottom: 20px; font-weight: 500; } .popup__select { display: block; position: relative; max-width: 100%; width: 100%; z-index: 3; background-color: var(--color-46); margin-bottom: 23px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .popup__select[data-state="active"] .popup__select-label::before { opacity: 1; } .popup__select-title { max-width: 100%; width: 100%; height: 40px; cursor: pointer; padding: 12px 15px; border: 1px solid transparent; z-index: 2; } .popup__select-title::after { content: ""; display: block; width: 10px; height: 4px; background-image: url("/bitrix/templates/helmut/assets/css/../images/icons/arrow-select-popup.svg"); background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; position: absolute; top: 18px; right: 15px; -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); } .popup__select[data-state="active"] .popup__select-title::after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .popup__select-content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: absolute; top: 45px; left: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 100%; width: 100%; background-color: var(--color-9); -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); height: 0; z-index: -1; visibility: hidden; } .popup__select[data-state="active"] .popup__select-content { height: 120px; visibility: visible; } .popup__select-input { display: none; pointer-events: none; } .popup__select-input:checked + label { color: var(--color-17); } .popup__select-input:checked:hover + label { color: var(--color-13); } .popup__select-input:checked + label::after { content: attr(data-value); } .popup__select-input:disabled + label { opacity: 0.6; pointer-events: none; } .popup__select-label { padding: 8px 15px; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; cursor: pointer; color: var(--color-13); font-size: 16px; height: auto; } .popup__select-label::before { content: attr(data-value); -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); opacity: 0; display: block; max-width: 100%; width: 100%; } .popup__select-label::after { position: absolute; top: -45px; left: 15px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; max-width: 100%; width: 100%; height: 40px; color: var(--color-13); z-index: -1; visibility: visible; } #popupFilters .aside__category-select__box-label__box { height: 40px; max-width: 100%; width: 100%; } #popupFilters .aside__category-select__box-inputs { gap: 50px; } #popupFilters .aside__category-select__box-label__text { font-size: 14px; position: absolute; top: 50%; left: 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #popupFilters .aside__category-select__box-label__textarea, .aside__category-select__box-label { max-width: 100%; width: 100%; } #popupFilters .aside__category-select__box-label__textarea { padding: 10px 35px; height: 40px; } #popupFilters .aside__category-select__box-label__input { max-width: 100%; } .popup__filters-container__selects { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; margin-top: 36px; margin-bottom: 30px; } .popup__filters-container__selects .popup__select { margin: 0; background-color: var(--color-2); border: 1px solid var(--color-36); } .popup__filters-container__selects .popup__select-content { padding: 0 10px 0 15px; top: 45px; } .popup__filters-container__selects .popup__select[data-state="active"] .popup__select-content { height: 161px; } .popup__filters-container__selects .popup__select-title::after { background-image: url("/bitrix/templates/helmut/assets/css/../images/icons/arrow-select-popup-filter.svg"); } .popup__filters-container__selects .popup__select-content { background-color: var(--color-2); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25); } .popup__filters-container__selects .popup__select-input + label { display: block; font-size: 13px; height: 20px; } .popup__filters-container__selects .popup__select-input:checked + label { display: inline-block; gap: 15px; color: var(--color-47); max-width: 100%; width: 100%; } .popup__filters-container__selects .popup__select-input:checked + .popup__select-content__box { margin-top: 15px; } .popup__filters-container__selects .popup__select-input:checked + label span { background-image: url(/bitrix/templates/helmut/assets/css/../images/icons/icon_check-select-filter.svg); background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; width: 11px; height: 8px; position: relative; top: -23px; right: 30px; } .popup__filters-container__selects .popup__select-input + .popup__select-label__top .popup__select-label__top-span { background-image: url(/bitrix/templates/helmut/assets/css/../images/icons/close-filter-select.svg); background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: inline-block; width: 10px; height: 10px; position: relative; top: -23px; right: 30px; } .popup__filters-container__selects .popup__select-input + .popup__select-label__top .popup__select-label__top-span::before { content: none; } .popup__filters-container__selects .popup__select-label::after { color: var(--color-13); font-size: 14px; top: -45px; } .popup__select-content__box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; } .popup__select-content__box .popup__select-label, .popup__select-label__top { padding: 0; } .popup__filters-container__selects .aside__scrollbar { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; max-width: 100%; width: 100%; height: 141px; overflow-y: scroll; padding: 10px 0; padding-left: 30px; } .popup__filters-container__selects .scrollbar__block::-webkit-scrollbar { width: 7px; } .scrollbar__block::-webkit-scrollbar-thumb { width: 7px; height: 26px; } .popup__select-content__box-input { position: relative; } #popupMaterial { z-index: 7; } #popupBrand { z-index: 6; } #popupColor { z-index: 5; } #popupFastenings { z-index: 4; } #popupRowing { z-index: 3; } #popupGlowTemperature { z-index: 2; } .popup__filters.active { visibility: visible; opacity: 1; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; position: absolute; top: 0; left: 0; z-index: 3; } .stock-product__title { max-width: 100%; } .stock-product__link { font-size: 11px; } .dealers__address-block { height: auto; } .dealers .section-main__catalog-cards { gap: 30px; } .section-dealers__block-texts { gap: 20px; } .contacts__page-date__text { margin-top: 10px; } .contacts__page .dealers__address-lists { margin-bottom: 30px; } .contacts__page-text { max-width: 70%; } .card-product__content-text { font-size: 13px; margin-bottom: 20px; } .card-product__content .product__swiper-container { height: auto; } .card-product .main__profile-product__price { padding: 15px; max-width: 100%; } .card-product .product__content .card-product__content-block__slider { gap: 20px; } .card-product__tabs-block__content h2 { font-size: 16px; margin-bottom: 19px; } .card-product__tabs-block { max-width: 550px; } .card-product__btn { width: 28px; height: 28px; } .card-product .main__profile-product__price { padding: 10px 15px 15px; max-width: 187px; } .cart__text { margin-bottom: 10px; font-size: 16px; } .cart__block-texts { margin-bottom: 25px; } .card-product .main__profile-btn, .product__text-price, .product__counter b { font-size: 11px; } .card-product__block-text { font-size: 14px; line-height: 17px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .product__count-price__box p, .product__count-price__box span { font-size: 18px; } .cart .product__swiper-slide { height: 100%; display: block; } .card-product__block-box { gap: 15px; width: 40%; } .card-product__block-texts { gap: 10px; } .header__block { padding-left: 20px; padding-right: 20px; } /* личный кабинет */ .my-office__link:nth-child(1) .my-office__link-block__image svg, .my-office__link:nth-child(2) .my-office__link-block__image svg, .my-office__link:nth-child(3) .my-office__link-block__image svg, .my-office__link:nth-child(4) .my-office__link-block__image svg, .my-office__link:nth-child(5) .my-office__link-block__image svg, .my-office__link:nth-child(6) .my-office__link-block__image svg, .my-office__link:nth-child(7) .my-office__link-block__image svg, .my-office__link:nth-child(8) .my-office__link-block__image svg, .my-office__link:nth-child(9) .my-office__link-block__image svg { width: 15px; height: 15px; } .my-office__links { grid-template-columns: repeat(2, 1fr); } .pre-orders__content-box__container-order__number { font-size: 13px; } .pre-orders__content-box__container { padding: 15px 20px 20px 15px; } .header__block-path__page-link svg { width: 14px; height: 14px; } .subscriptions .main__auth-block__wiring-radio { font-size: 15px; } .featured-products .main__catalog-cards__block, .products-comparison .main__catalog-cards__block { grid-template-columns: repeat(2, 1fr); } .products-comparison__tabs { gap: 15px !important; } .catalog__block-boxesWRAPPER .catalog__block-box { height: auto; } span.btnSquareArrow { display: none; } .catalog__block-boxesWRAPPER .catalog__block-box__subtitle { margin-bottom: 0; } } @media screen and (max-width: 700px) { .cart-product .card__product-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: start; -moz-box-align: start; -ms-flex-align: start; align-items: start; } #vendorText, #favoritesTitle { display: none; } #vendorTextTitle, #favoritesBtn { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } #vendorTextTitle { margin-top: 15px; } .card__product-block__name { margin-bottom: 20px; } /* личный кабинет */ .pre-orders__content { grid-template-columns: repeat(1, 1fr); } .status-confirmed .card-product__tabs-block__content-container__table-name { max-width: 100%; } .main__auth-block__subscriptions-radios { gap: 0; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (max-width: 650px) { /* .catalog__block-boxes { flex-direction: column; } */ .catalog__block-box:nth-of-type(1) { -webkit-background-size: 44% 44%; -moz-background-size: 44%; background-size: 44%; } .catalog__block-box:nth-of-type(2) { -webkit-background-size: 39% 39%; -moz-background-size: 39%; background-size: 39%; } .catalog__block-box:nth-of-type(3) { background-position: right 75%; -webkit-background-size: 32% 32%; -moz-background-size: 32%; background-size: 32%; } .catalog__block-box { max-width: 100%; } .best-deals__contents-box, .main__catalog-cards__block { grid-template-columns: repeat(2, 1fr); } .path__block { font-size: 9px; margin: 15px 0 13px; } .ppc-switch-catalog { display: none; } .block__title { margin-bottom: 15px; gap: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: start; -moz-box-align: start; -ms-flex-align: start; align-items: start; } .card-product .product__content .card-product__content-block__slider { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .card-product .product__swiper-container, .card-product .product__swiper-wrapper, .card-product .product__swiper-slide { height: auto; } .cart .product__swiper-slide, .cart .product__swiper-container, .cart .product__swiper-wrapper { height: auto; } .card-product__block .product__swiper-container, .card-product__block .product__swiper-wrapper, .card-product__block .product__swiper-slide { height: auto; } .cart .product__swiper-wrapper img { height: 150px; } .card-product .main__profile-product__price { display: none; } .card-product .product__swiper-container .product__swiper-wrapper { max-width: 100%; width: 100%; } .card-products__section-slider__block .product__swiper-container { height: auto; } .card-product .product__content { position: relative; } .card-product .main__profile-product__price { position: absolute; top: auto; bottom: 0; right: 0; z-index: 2; background-color: var(--color-2); } /* .cart__aside { top: 40% !important; } */ .card-product .main__profile-product__price.active { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .personal-cart .card-product__block .product__content { gap: 30px; } .main__auth-block__subscriptions-radios { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .subscriptions .main__auth-block__wiring-radio { font-size: 13px; } } @media screen and (max-width: 600px) { .main__slider-mobile .swiper__main-container a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 15PX; } .popular-category__block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .popular-category__block-link { max-width: 100%; } .our-contacts__block-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .our-contacts__block-addresses__container { max-width: 100%; } .our-contacts__block-addresses { max-width: 100%; height: 343px; } .headerWrapperSlider { display: none; } .header-bg__slider .header__block-btn { max-width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer__bottom-box { -webkit-box-flex: 1; -webkit-flex: auto; -moz-box-flex: 1; -ms-flex: auto; flex: auto; gap: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer__bottom { gap: 0; } .footer__bottom-box { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; width: 100%; } .main__profiles .main__catalog-cards__block .product__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main__profiles .main__catalog-cards .product__swiper-container { height: auto; } .main__profiles .product__swiper-container .product__swiper-wrapper { max-width: 100%; height: auto; } .product__swiper-slide { height: auto; } .main__profiles .main__catalog-cards__block .product__content .swiperWrapperProduct__icons { top: 35px; right: 15px; gap: 10px; } .main__profiles .main__profile-btn { max-width: 100%; width: 100%; } .card-product__tabs-block__content-container h2 { display: none; } .card-product__tabs-block__content-container { padding: 18px 15px; } .card-product__tabs-block__content-container__table-name span:after { border-bottom: none; position: static; } .card-product__tabs-block__content-container__table-name span { padding-right: 0; } .card-product__tabs-block__content-container__table-cur { width: 100%; padding-left: 0; } .card-product__tabs-block__content-container__table tr { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } .card-product__tabs-block__content-container__table td { line-height: 14px; } .card-product__tabs-block__content-container__table tbody { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; } .main__slider-mobile { display: block; } .swiper__main-container { margin-bottom: 17px; overflow: hidden; max-width: 100%; width: 100%; } .swiper-slide__main { background-color: var(--color-9); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px; gap: 10px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; max-width: 100%; width: 100%; } .swiper-slide__main img { width: 40px; height: 40px; display: block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .header__block { border-bottom: none; } .swiper-slide__main-text { font-size: 9px; } .header__block-form { display: none; } .btn__form-search__mobile { display: block; position: relative; left: 0px; top: 6px; } .header__block-container__box { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .btn__form-search svg path { stroke: var(--color-1); } .inputSearch { padding-top: 4px; padding-bottom: 4px; } .header__block-container { height: 26px; } .status-confirmed .card-product__tabs-block__content-container__table tr { -webkit-box-orient: initial; -webkit-box-direction: initial; -webkit-flex-direction: initial; -moz-box-orient: initial; -moz-box-direction: initial; -ms-flex-direction: initial; flex-direction: initial; gap: initial; } .status-confirmed .card-product__tabs-block__content-container__table-name span:after { position: absolute; } .featured-products .main__catalog-cards__block, .products-comparison .main__catalog-cards__block { grid-template-columns: repeat(1, 1fr); } .catalog__block-select__box { -webkit-background-size: 155px 155px !important; -moz-background-size: 155px !important; background-size: 155px !important; } } @media screen and (max-width: 550px) { .section-dealers__block-cards { grid-template-columns: repeat(1, 1fr); margin-top: 25px; } /* личный кабинет */ .my-office__links { grid-template-columns: repeat(1, 1fr); } .personal-cart .card-product__block-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media screen and (max-width: 500px) { .catalog__block-select__container { grid-template-columns: repeat(1, 1fr); } .catalog__block-select__box:nth-of-type(13) { grid-column-start: auto; grid-column-end: auto; } .catalog__block-select__box:nth-of-type(13) .bg-image { -webkit-background-size: 35% 35%; -moz-background-size: 35%; background-size: 35%; } .dealers__page-mobile .form-help__container { padding: 30px 15px 35px; } .dealers__page-mobile .form-help__container h1 { margin-bottom: 16px; font-size: 18px; } .form-help__block-box__radio { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } .form-help__block-box__radio-btn { max-width: 100%; width: 100%; } .form-help__block-box__radio-btn label { max-width: 100%; width: 100%; padding: 7px 16px; } .dealers__page-mobile .form-help__block { gap: 20px; } /* личный кабинет */ .main__auth { margin: 134px 0; } .main__auth-block__popup-container__title { font-size: 20px; } .main__auth-block__popup-container__form-block { margin-bottom: 20px; } .main__auth-block { padding: 20px; } .main__auth-block__popup-btn__close { top: 15px; right: 15px; width: 14px; height: 14px; } .main__password-recovery { margin: 134px 0 107px; } .main__auth-block__popup-container__form-text { margin: 10px 0 20px; font-size: 11px; } .main__auth-block__popup-container__form-text_links { margin-bottom: 0; } .captcha { margin: 20px 0 25px; } .main__auth-block__register-legal .main__auth-block__popup-container__title { max-width: 60%; } .main__auth-block__dealer-radios { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 9px; } .personal-contacts__content-manager { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .personal-contacts__content .personal-account__subtile, .personal-contacts__content-name { text-align: center; } } @media screen and (max-width: 450px) { h2 { font-size: 18px; } button { font-size: 14px; } .btn { padding: 7px 4px; } .container { padding: 0 10px; } .header__block-container__box { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header__popup-mobile { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px 20px 100px; height: 100vh; overflow: auto; padding-top: 68px; } .header__popup-mobile .footer__subtitle { font-size: 13px; margin-bottom: 15px; } .header__popup-mobile .footer__top-catalog__link { font-size: 14px; } .header-bg__mobile-box__text { font-size: 14px; } .header__popup-mobile__content-box { gap: 10px; -webkit-box-align: start; -webkit-align-items: start; -moz-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .header__popup-mobile__content-block__btns { gap: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .header__popup-mobile__content-block__btns a { max-width: 100% !important; } .header__block { padding: 13px 12px; } .header__block-container__box-logo__icon { height: 15px; } .header-bg__slider { padding: 70px 0 75px; } .header-bg__slider-container__texts h1 { font-size: 22px; } .header-bg__slider-container__texts p { font-size: 14px; line-height: 1.5em; } .header-bg__slider .header__block-btn { padding: 12px 0; } .catalog { margin-top: 40px; } .catalog__block-box__subtitle { margin-bottom: auto; max-width: 50%; } .catalog__block-boxes, .catalog__block-select__container, .best-deals__contents-box { gap: 10px; } .catalog__block-select__box-list { font-size: 14px; } .catalog__block-select__box { padding: 0; } .catalog__block-select__box:nth-of-type(10), .catalog__block-select__box:nth-of-type(13) { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .catalog__block-select__box-content { height: 0; visibility: hidden; padding: 0; padding: 0 10px; } .catalog__block-select__box:nth-of-type(13) .catalog__block-select__box-lists { grid-template-columns: none; } .catalog__block-select__box:nth-of-type(13) .bg-round { top: 254px; right: -101px; } .catalog__block-select__box:nth-of-type(10) .bg-round { top: 93px; right: -103px; } .catalog__block-select__box-content.active { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; visibility: visible; padding: 0 10px 10px; } .catalog__block-select__box img { display: block; } .catalog__block-select__box-text { padding: 12px 15px; max-width: 100%; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .catalog__block-select__box-text img { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); } .best-deals__tabs { display: none; } .best-deals__texts p { font-size: 14px; line-height: 1.5em; } .new-items__block .best-deals__contents-box { display: none; } .product__content { gap: 10px; padding: 0; background-color: var(--color-2); } .product__text { font-size: 14px !important; margin-bottom: 7px !important; line-height: 15px !important; } .card-products.cart .product__text { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* Сколько строк показывать */ line-clamp: 2; /* Стандартное свойство */ -o-text-overflow: ellipsis; text-overflow: ellipsis; } .contacts__page .dealers__address-lists, .card-product .product__content { margin: 0; } .product__text-price { font-size: 14px; -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .btn { padding: 12px 4px; } .product__counter { display: none; } .product__count-price__box { margin-bottom: 10px; } .product__content-btns { gap: 5px; position: relative; } .product__content-btn { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid var(--color-44); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; width: 40px; height: auto; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 3px; } .product__content-btn span { display: block; background-color: var(--color-44); width: 2px; height: 2px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .product__content-btn:hover { background-color: var(--color-44); } .product__content-btn:hover span { background-color: var(--color-2); } .product__content-btns .btn { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .product__content-btns__popup { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25); background-color: var(--color-2); padding: 15px 14px 13px 13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; gap: 11px; } .product__content-btns__popup-block { opacity: 0; -webkit-transition: var(--transition); -o-transition: var(--transition); -moz-transition: var(--transition); transition: var(--transition); position: absolute; bottom: 75px; right: 0; z-index: 2; visibility: hidden; width: 130px; height: 80px; } .product__content-btns__popup-block.active { opacity: 1; visibility: visible; } .product__content-btns__popup p { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; font-size: 14px; } .product__content-btns__popup p svg { width: 10px; height: 9px; } .brends .best-deals__texts { gap: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .border { max-width: 100%; } .our-contacts__block, .our-contacts__block-content { gap: 10px; } .form-help__container { padding: 30px 15px 35px; } .bg-image__form { background-image: none; } .form-help__block-label__box { gap: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .form-help__block-label:nth-of-type(1) { max-width: 100%; } .form-help__block-label:nth-of-type(2) { max-width: 100%; } .footer { padding: 40px 0 100px; } .footer__top-box__block { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .footer__top-catalog__box, .footer__bottom, .footer__bottom-requisites, .footer__bottom-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer__subtitle { font-size: 18px; margin-bottom: 20px; } .footer__top-contacts__box-texts { gap: 20px; } .footer__top, .footer__top-box__block { gap: 30px; } .footer__top-catalog__box { gap: 10px; } .footer__top-box__text { margin-top: 45px; } .footer__top { margin-bottom: 20px; } .footer__bottom, .footer__bottom-box { gap: 20px; } .footer__bottom-requisites__list { margin: 0; } .footer__bottom-requisites { gap: 16px; } .footer__bottom-box__partners { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .footer__bottom-box__partners a { font-size: 14px; } .footer__bottom-box__partners-text { text-decoration: none !important; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .footer__bottom-box__partners-text span { display: block; } .select__tab { display: block; position: relative; max-width: 100%; width: 100%; z-index: 3; background-color: var(--color-17); margin: 20px 0 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .select__tab[data-state="active"] .select__tab-label::before { opacity: 1; } .select__tab-title { max-width: 100%; width: 100%; height: 40px; cursor: pointer; padding: 12px 15px; border: 1px solid transparent; z-index: 2; color: #fff; } .select__tab-title::after { content: ""; display: block; width: 10px; height: 4px; background-image: url(/bitrix/templates/helmut/assets/css/../images/icons/arrow-select.svg); background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; position: absolute; top: 18px; right: 15px; /* transition: var(--transition); */ } .select__tab[data-state="active"] .select__tab-title::after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .select__tab-content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; /* position: absolute; */ top: 40px; left: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 100%; width: 100%; background-color: var(--color-9); -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; /* transition: var(--transition); */ height: 0; z-index: -1; visibility: hidden; border: 1px solid var(--color-17); } .select__tab[data-state="active"] .select__tab-content { height: auto; visibility: visible; } .our-contacts .select__tab[data-state="active"] .select__tab-content { height: 80px; visibility: visible; } .select__tab-input { display: none; pointer-events: none; } .select__tab-input:checked + label { color: var(--color-3); } .select__tab-input:checked:hover + label { color: var(--color-2); } .select__tab-input:checked + label::after { content: attr(data-value); } .select__tab-input:disabled + label { opacity: 0.6; pointer-events: none; } .select__tab-label { padding: 8px 15px; /* transition: all 0.2s ease-out; */ cursor: pointer; color: var(--color-4); font-size: 16px; } .select__tab-label::before { content: attr(data-value); /* transition: var(--transition); */ opacity: 0; } .select__tab-label::after { position: absolute; top: -40px; left: 15px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; max-width: 100%; width: 100%; height: 40px; color: var(--color-2); z-index: -1; visibility: visible; font-size: 14px; } .popular-category__block { display: none; } .swiper__container-best__deals, .swiper__container-popular__category, .swiper__container-new__items { display: block; max-width: 100%; width: 100%; } .swiper-slide__product-content { max-width: 50%; } .popular-category__block-link { height: auto; } .swiper-slide__popular-category { max-width: 100%; width: 100%; height: 160px; } .swiper__container-popular__category .popular-category__block-link p span { display: none; } .swiper__container-popular__category .popular-category__block-link { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: end; -moz-box-align: end; -ms-flex-align: end; align-items: end; } .swiper__container-popular__category .popular-category__block-link p::after { top: -14px; right: 0; width: 9px; height: 4px; } .swiper__container-popular__category .popular-category__block-link h3 { font-size: 14px; } #tabNews1.new-items__block, #tabNews2.new-items__block, #tabNews3.new-items__block /* .best-deals__contents-box */ { display: none; } #tabNews1.new-items__block.active, #tabNews2.new-items__block.active, #tabNews3.new-items__block.active { display: block; } .new-items__block .best-deals__contents-box { display: none; } .main__catalog-cards__block { gap: 20px 10px; } .swiperWrapperProduct__icons { display: none; } .block__title-position { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 100%; width: 100%; } .block__title-position__square, .block__title-position__row { display: none; } #selectBlock .select__tab { margin-bottom: 10px; } .block__title-position { margin-bottom: 15px; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .select__btn { gap: 10px; width: 100%; } .select__btn, .select__btn.active, .select__btn:hover { border: none; } .block__title-position__btn-filter { background-color: var(--color-2); color: var(--color-4); border: 1px solid var(--color-36); gap: 5px; } .block__title-position__btn-filter svg path { fill: var(--color-17); } .popup { padding: 71px 10px 77px; } .popup__filters-container__close-reset p { font-size: 14px; } .popup__filters-container__close-reset button { font-size: 14px; } .popup__filters-container__close-btn, .popup__filters-container__close-btn svg { width: 14px; height: 14px; } .popup__filters-container__close { margin-bottom: 25px; } .popup__filters-container__select-text { font-size: 14px; margin-bottom: 15px; } .popup__select-label { padding: 0; font-size: 14px; } .popup__select-content { padding: 15px; } .popup__filters .btn { padding: 12px; } .popup__filters-container__selects { margin-top: 26px; margin-bottom: 20px; } .popup__select[data-state="active"] .popup__select-content { height: 102px; } .main__profiles .swiperWrapperProduct__icons { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .main__profiles .main__catalog-cards__block .product__content:first-child { padding: 0 0 20px; } .product__content, .card-product__swiper-wrapper .product__content { gap: 10px; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: transparent; } .card-products__section-slider__block { padding: 0 15px; } .stock-product__title { font-size: 11px; margin-bottom: 14px; } .stock-product__text { font-size: 14px; } .best-deals__contents-box.active { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .best-deals__contents-slider { display: block; } .swiper-container__stock { display: none; max-width: 100%; width: 100%; } .swiper-container__stock.active { display: block; } .dealers .section-main__catalog-cards { gap: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .section-dealers { max-width: 100%; } .section-dealers .btn-dealers, .section-dealers__block-cards { display: none; } .section-dealers .select__tab { margin: 0; margin-top: 5px; } .section-dealers__block-texts p { font-size: 14px; } .swiper-container__dealers { display: block; max-width: 100%; width: 100%; } .swiper-container__dealers .section-dealers__block-cards { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 0; } .dealers__page-mobile .btnPickUp__block { margin-top: 25px; } .form-help__block-box__radio { margin-bottom: 20px; } .dealers__page-mobile .form-help__block { gap: 0; } .dealers__page-mobile .form-help__block-box__paragraph { line-height: 16px; } .dealers__address-list__text { font-size: 16px; } .dealers__address-block .our-contacts__block-address { padding: 11px 15px 15px; } .dealers__address-lists { gap: 20px; } .card-product__tabs-block .select__tab { margin-top: 30px; } /* .cart__aside { top: 27% !important; } */ .cart__block-btn { margin-top: 20px; } .cart__block { margin-bottom: 30px; } .cart__btn-add__product { padding: 11px 0; margin-bottom: 20px; } .card-product__block .cart__container { height: 100%; } .card-product__block, /* .stock__content, */ .my-office__exit { display: none; } .swiper__container-cart { display: block; max-width: 100%; width: 100%; margin-bottom: 45px; } .cart .product__content { padding-bottom: 0; } .cart .product__content::after { content: ""; display: block; border-right: 1px solid var(--color-37); position: absolute; top: 0; right: -15px; width: 1px; height: 100%; } .cart .product__counter { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin: 0; } .cart .product__content-btns { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cart-product .main__profile-product__price { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; max-width: 345px; margin: 0; gap: 28px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .cart__aside .main__profile-btn { padding: 12px 14px; } .cart__aside-block { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .modal-mobile .product__counter, .my-office__exit-mobile { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .cart__block-texts { margin-bottom: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .placing-order__content-checkboxes__block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .placing-order__title h1 { margin-bottom: 0; } .header__block-container__box-logo { margin-right: 15px; } .main__auth-block__register-legal .main__auth-block__popup-container__title { max-width: 72%; } /* личный кабинет */ .my-office__links { grid-template-columns: repeat(2, 1fr); gap: 10px; } .my-office__link-text { font-size: 12px; } .my-office__link { gap: 10px; } .personal-data__form__block, .personal-data__form .inputForm, .personal-data__form-btn { max-width: 100%; } .personal-account__subtile { max-width: 70%; } .featured-products .main__catalog-cards__block { grid-template-columns: repeat(2, 1fr); } .featured-products .btn { padding: 3px 1px; } .main__catalog-cards__featured-products { display: none; } .products-comparison .card-product .product__content { padding: 0; background-color: transparent; border: none; } .products-comparison__block { background-color: transparent; } .products-comparison .btn { padding: 3px 1px; } .products-comparison__box { border-bottom: 1px solid var(--color-33); } .products-comparison__box { padding: 15px 0; } .products-comparison .product__content::after { content: ""; display: block; border-right: none; position: static; top: 0; right: 0; width: 0; height: 0; } .products-comparison .product__count-price { margin: 5px 0 10px; } .products-comparison .product__count-price .product__counter { display: none; } .products-comparison .product__count-price__box { margin-bottom: 0; } .personal-contacts__content { padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; gap: 20px; } .personal-contacts__content .personal-account__subtile { max-width: 100%; text-align: start; } .personal-contacts__content-manager { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .personal-contacts__content-name { max-width: 30%; text-align: start; } .personal-contacts__content-social a { width: 30px; height: 30px; } .personal-contacts__content .footer__top-contacts__social a:nth-of-type(1)::before { width: 18px; height: 18px; } .personal-contacts__content .footer__top-contacts__social a:nth-of-type(2)::before { width: 14px; height: 14px; } } .descHidden { display: none; } .form-help .placing-order__content-form__box-text { color: var(--color-2); margin-top: 20px; } @media screen and (max-width: 768px) { .noFixed { position: static !important; max-width: 100% !important; margin-bottom: 30px !important; } .card-product { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; } .main__category.card-products section { margin-bottom: 20px; } /* .product__content .btn { font-size: 9px; } */ .catalog__block-box { height: 233px; } .descHidden { display: block; } .card-product .main__profile-product__price { display: block; } .card-product .main__profile-product__price { position: fixed; bottom: 75px; right: 0; z-index: 22; background-color: var(--color-2); max-width: 95%; right: 0; left: 0; margin: 0 auto; } .card-product .main__profile-product__price { padding: 10px 15px 15px; } .best-deals__texts.card__product-block.cart__block .path__block-title { margin-bottom: 15px; } aside.main__profile-product__price.modal-mobile.cart__aside.placing-order__aside.dFlex { display: none; } .card-products__section-slider__block { padding: 0 0; } .btn { padding: 6px 1px; } button.btn { font-size: 16px; font-weight: 400; } .select { position: relative; z-index: 8; } .popup__filters.active { z-index: 9; } .header__block { z-index: 10; } .block__title, .block__title-position { margin-bottom: 0; } } .card-product__slider-block__color-btns { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; /* margin: 0 0 15px; */ } .card-product__slider-block { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } @media screen and (max-width: 650px) { .card-product .product__content .card-product__content-block__slider { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } div#filterBlock { margin-bottom: 10px; } } .card-product__content.color_dark_brown_bg .product__swiper-slide { background-color: #cfcfcf; } .ppc-detail-text { gap: 0; margin-top: 30px; } .ppc-detail-text p { margin-bottom: 15px; } .ppc-detail-text ul { padding-left: 20px; margin-bottom: 15px; } .ppc-detail-text ul li { position: relative; } .ppc-detail-text ul li:before { content: ''; display: block; width: 5px; height: 5px; border: 3px solid #ef7e1a; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; left: 0; top: 7px; } .ppc-detail-text ul li { position: relative; padding-left: 20px; margin-bottom: 10px; } .catalog__block-boxesWRAPPER { overflow: auto; } .catalog__block-box:nth-of-type(3) { min-width: 160px; /* text-align: center; */ } .bx_compare .table_compare table tr td { min-width: 260px; max-width: 260px; } .popup-header { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #eee; } .popup-title { font-size: 20px; font-weight: bold; color: #333; } .popup-items-container { margin-bottom: 20px; } .popup-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; padding: 15px; border-bottom: 1px solid #eee; background: #f9f9f9; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-bottom: 10px; } .popup-item:last-child { margin-bottom: 0; border-bottom: none; } .popup-item-image { width: 60px; height: 60px; -o-object-fit: cover; object-fit: cover; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .popup-item-info { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .popup-item-name { font-size: 14px; margin-bottom: 5px; color: #333; font-weight: 500; line-height: 1.3; } .popup-item-quantity { font-size: 14px; color: #666; font-weight: bold; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; } .popup-item-quantity span:first-child { color: #666; font-weight: normal; } .popup-items-container { margin-bottom: 20px; max-height: 390px; overflow: auto; } @media screen and (max-width: 768px) { .placing-order__content-checkboxes__block .cart__btn { width: auto; } .placing-order__content-checkboxes { margin-bottom: 0; } .aside__category-select__block-checkbox__list.cart__btn { margin-bottom: 10px; } } .btn-dealers { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } button.btnPickUp.ppc-submit-form { padding: 12px 0; } #mainLidForm .alert-box { background: #8ebf23; color: #ffffff!important; display: block; padding: 0 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-shadow: 3px 4px #8ebf23; } #mainLidForm .alert-box.error { color: #ffffff; /* border: 1px solid #FE5332; */ text-shadow: 3px 4px #ff0000; background: #ff0000; display: block; padding: 0 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } @media screen and (min-width: 840px) { #mainLidForm .alert-box { position: absolute; bottom: -25px; margin: 0!important; font-size: 14px; } } .aside__category-select__block_box:hover ~ .filter-content-container { background-color: var(--color-14); } .filter-overlay__header { display: none; } @media screen and (max-width: 768px) { .card-product .main__profile-btn { font-size: 13px; font-weight: 700; } div#catalogProducts { margin-bottom: 15px; } #set_filter { margin-bottom: 10px; cursor: pointer; background: #4A4A4A; color: #fff; border: 1px solid; } .filter-overlay__header { display: block; } .aside, .aside__category-select { max-width: 100%; height: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #del_filter { max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; border: 0; z-index: 999; width: auto; height: auto; margin: 0; padding: 0; position: absolute; top: 23px; left: 50%; right: 0; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); border-bottom: 1px solid; } /* Стили для полноэкранного фильтра */ .filter-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: white; z-index: 1000; overflow-y: auto; display: none; /* По умолчанию скрыт */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .aside__category { min-width: 100%; max-width: 100%; height: auto; } .aside__scrollbar { max-width: 100%; width: 100%; height: 370px; overflow-y: scroll; padding: 20px 0 10px; height: auto; overflow-y: unset; padding: 0; padding-top: 0; margin-top: 30px; } .aside__category { min-width: 100%; max-width: 100%; background: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0; overflow: unset; height: auto; } .filter-overlay.active { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .filter-overlay__content { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; overflow-y: auto; padding: 20px; } .filter-overlay__close svg path { fill: #ef7e1a; stroke: #ef7e1a; } .filter-overlay__header { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; /* padding-bottom: 20px; */ border-bottom: 1px solid #eee; position: -webkit-sticky; position: sticky; top: 0; background: white; z-index: 10; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 0; } .filter-overlay__close { background: none; border: none; cursor: pointer; padding: 8px; color: #333; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: auto; height: auto; } .filter-overlay__title { margin: 0; font-size: 20px; font-weight: 600; color: #333; } .aside.active { display: block; padding: 0 20px; position: fixed; z-index: 99999999999; top: 0; left: 0; width: 100%; max-width: 100%; min-width: 100%; height: 100%; background: #fff; overflow: auto; } .aside__category-select__block { border-bottom: 0; margin-bottom: 10px; } .aside__category-select__block_box { border: 1px solid #D0D0D0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding-bottom: 10px; } .aside__category-select__block_box:hover, .aside__category-select__block_box:hover ~ .filter-content-container { background: transparent; } .aside__category-select__box { padding: 10px 10px 0; } .filter-content-container { padding: 20px; border: 1px solid #D0D0D0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-top: 10px; max-height: 150px; overflow: auto; } .aside__category-btn { padding: 0; } .smart-filter-section { position: unset; } .smart-filter-parameters-box { position: relative; padding: 0; } .aside__category { position: relative; } /* Стили для кастомного селекта */ .mobile-category-select { display: block; } .mobile-category-select__header { width: 100%; padding: 10px; background: #F2F1F1; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; font-size: 16px; color: #333; -webkit-transition: border-color 0.3s; -o-transition: border-color 0.3s; -moz-transition: border-color 0.3s; transition: border-color 0.3s; } .mobile-category-select__header:hover { border-color: #999; } .mobile-category-select__header.active { -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; } .mobile-category-select__value { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .mobile-category-select__arrow { width: 20px; height: 20px; margin-left: 8px; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: -o-transform 0.3s; -moz-transition: transform 0.3s, -moz-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s; } .mobile-category-select__arrow.active { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .mobile-category-select__dropdown { position: absolute; top: 100%; left: 0; right: 0; background: #fff; border-top: none; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; max-height: 300px; overflow-y: auto; z-index: 100; display: none; -webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1); -moz-box-shadow: 0 4px 12px rgba(0,0,0,0.1); box-shadow: 0 4px 12px rgba(0,0,0,0.1); z-index: 9999999; } .mobile-category-select__dropdown.active { display: block; } /* Скрываем оригинальный список на мобилке */ .aside__category-lists { display: none !important; } /* Стили для опций в выпадающем списке */ .mobile-category-option { padding: 12px 16px; cursor: pointer; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s; border-bottom: 1px solid #f0f0f0; } .mobile-category-option:last-child { border-bottom: none; } .mobile-category-option:hover { background-color: #f8f9fa; } .mobile-category-option.active { color: #fff; } .mobile-category-option.active .aside__category-link { color: #fff; } /* Стили для ссылок внутри опций */ .mobile-category-option .aside__category-link { display: block; color: #333; text-decoration: none; font-size: 14px; } } .ppc-small-basket-mob { position: relative; } .ppc-span-count { position: absolute; top: 0; right: 0; background: #ef7e1a; color: #fff; width: 15px; height: 15px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-size: 9px; line-height: 0em; } /* Десктопные стили остаются без изменений */ @media (min-width: 769px) { .mobile-category-select { display: none; } .aside__category-lists { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media screen and (max-width: 450px) { .dealers__btn-cards.active { border: none; background: #ef7e1a42; } .card-product .product__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; } .card-product .main__profile-product__price { padding: 10px 15px 15px; position: unset; max-width: 100%; margin-bottom: 15px; } .bx_compare .bx_sort_container .sorttext { width: 100%; } } .bx_compare .bx_filtren_container ul li { margin-right: 5px; margin-bottom: 20px!important; } .compare__container .bx_sort_container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .stock-product__title { font-weight: 600; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .compare__products-wrapper { overflow: auto; } .compare__product, .compare__product__wrapper { width: 270px!important; max-width: 270px!important; min-width: 270px!important; } .swiper-slide { background: #fff; } /* End */ /* Start:/bitrix/templates/helmut/components/bitrix/search.title/main_header/style.css?17805733612108*/ div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:205; } table.title-search-result { border-collapse: collapse; border:none; width:10%; } table.title-search-result th { background-color:#F7F7F7; border-right:1px solid #e8e8e8; color:#949494; font-weight:normal; padding-top:2px; padding-bottom:2px; padding-left:14px; padding-right:12px; text-align:right; vertical-align:top; white-space:nowrap; width:1%; } table.title-search-result td { background-color:white; color:black; font-weight:normal; padding-top:2px; padding-bottom:2px; text-align:left; white-space:nowrap; } table.title-search-result td.title-search-item { padding-left:8px; padding-right:15px; } table.title-search-result td.title-search-item a { padding-left:4px; padding-right:15px; text-decoration: none; color:black; vertical-align:top; display:block; } table.title-search-result td.title-search-item img { vertical-align:top; } table.title-search-result td.title-search-item b { color:#cf0000; font-weight:normal; } table.title-search-result tr.title-search-selected td ,table.title-search-result tr.title-search-selected a ,table.title-search-result tr.title-search-selected td.title-search-more a { background-color:#fff2be; } table.title-search-result td.title-search-more { font-size:11px; font-weight:normal; padding-right:15px; padding-left:24px; padding-top:0px; } table.title-search-result td.title-search-more a { padding-left:12px; padding-right:15px; text-decoration:none; color:#999999; } table.title-search-result td.title-search-all { padding-left:24px; padding-right:15px; } table.title-search-result td.title-search-all a { padding-left:4px; text-decoration:none; color:#808080; } table.title-search-result td.title-search-separator , table.title-search-result th.title-search-separator { padding-top:0px; padding-bottom:0px; font-size:4px; } div.title-search-fader { display:none; background-image: url('/bitrix/templates/helmut/components/bitrix/search.title/main_header/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } /* End */ /* Start:/bitrix/components/bitrix/breadcrumb/templates/.default/style.min.css?1780573364467*/ .bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0} /* End */ /* Start:/bitrix/templates/helmut/styles.css?17823942853543*/ .swiperWrapperProduct__icon:hover svg, .svgGrey:hover svg, .swiperWrapperProduct__icon.active svg, .product__content-btns__popup p.active svg, .js_ppc_favorite.active svg, .js_ppc_comparison.active svg { stroke: var(--color-17) !important; fill: var(--color-17) !important; } .svgGrey svg, .greyIcon svg, .swiperWrapperProduct__icon svg, .product__content-btns__popup svg { fill: white; stroke: rgb(79, 79, 79); } .swiperRelative { position: relative; } .card-product .product__content { justify-content: space-between; } .swiperWrapperProduct { max-width: 100%; } .product__swiper-container { max-width: 500px; } .best-deals__tabs { flex-wrap: nowrap; } .section-main__catalog-cards .best-deals__tabs { flex-wrap: wrap; } .best-deals__tabs .btn { width: 100%; } .section-main__catalog-cards .best-deals__tabs .btn { width: auto; } .product__count-price { gap: 10px; margin-top: 10px; } .catalog__page .product__texts.main__profile-product__texts { display: none; } .main__catalog-cards__block.catalog__page.active.ppc-row { display: flex; flex-direction: column; } .ppc-row .ppc-parent { flex-direction: row; padding: 25px 0; background: transparent; border-bottom: 1px solid #E7E7E7; border-radius: 0; position: relative; } .ppc-row .ppc-parent .product__texts { display: flex; padding-top: 20px; position: relative; flex-direction: column; max-width: 350px; width: 100%; align-items: flex-start; } .main__catalog-cards__block.catalog__page.active.ppc-row .product__count-price__box.dFlex { flex-direction: row; } .ppc-row .ppc-parent .product__texts .product__text { display: none; } .ppc-row .ppc-parent .product__texts.main__profile-product__texts .product__text { display: block; } .ppc-row .ppc-parent .product__texts.main__profile-product__texts { padding: 0; position: unset; } .ppc-row .ppc-parent .product__count-price__box { position: absolute; top: 0; } .ppc-row .ppc-parent .product__texts .btn { width: 210px; } .ppc-row .ppc-parent .swiperWrapperProduct { position: unset; } .catalog__block-box.ppc-active-bg { background-color: var(--color-10); } .block__title-position__btn-filter svg { fill: #ef7e1b; } .catalog__block-select__box-text, .catalog__block-box:hover, .catalog__block-box.ppc-active-bg { background-color: var(--color-17); } .catalog__block-select__box-text a { color: #fff; } .card-product .main__profile-btn { max-width: 100%; display: block; } span.basket-counter { position: absolute; top: 0; right: 0; background: #ef7e1a; color: #fff; width: 15px; height: 15px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 9px; line-height: 0em; } .product__count-price__box.ppc-sum { margin-left: 45px; } .fancybox-container { z-index: 99992999999999999; } .ppc-text-page table { width: 100%; box-shadow: 5px 5px 1px 2px #3f3f3f; background: #f7f7f7; color: #000; } .ppc-text-page table td { padding: 15px 20px; } .ppc-text-page table tr:not(:last-child) td { border-bottom: 1px solid; } .ppc-text-page h1 { margin-bottom: 15px; } .ppc-text-page h2, .ppc-text-page h3 { margin: 35px 0 10px; } .ppc-text-page ul li { margin-bottom: 5px; list-style: disc; margin-left: 20px; } .ppc-text-page p { margin-bottom: 10px; } .headerWrapperSlider__container .swiper-slide-next { opacity: 1; } /* End */ /* Start:/bitrix/templates/helmut/template_styles.css?17823942856715*/ .ppc-not-active { display: none; } .ppc-old-price { color: #bbbbbb; text-decoration: line-through; font-size: 15px !important; } .btn.disabled { cursor: no-drop !important; background-color: #c9c9c9; } .ppc-in-basket { background-color: var(--color-12); } .bx-pagination .bx-pagination-container ul li.bx-active span{ background-color: var(--color-12); } .bx-pagination { margin-top: 25px; } .error-big-text { text-align: center; margin: 100px 30px; } .aside__category-select__block .ppc-show{ opacity: 1; } .aside__category-select__block .disabled{ opacity: 0.5; } #set_filter, #del_filter { margin-bottom: 10px; cursor: pointer; } textarea.error, input.error { border: 1px solid #FE5332; } .alert-box.error { color: #ff0000; /*border: 1px solid #FE5332;*/ } .alert-box { display: none; /*position: relative;*/ margin-top: 16px; /*border: 1px solid #8ebf23;*/ /*padding: 7px;*/ margin-bottom: 16px; color: #8ebf23; } .main__auth-block a { color: var(--color-17); } div#ppc-sku { display: flex; flex-direction: column; gap: 17px; } .card-product__slider-block img { border: 1px solid #ccc; width: 18px; display: block; } .ppc-sku-btn.disabled::after, .ppc-sku-btn:disabled::after { content: ""; position: absolute; top: 48%!important; left: -9px!important; width: 54px!important; height: 2px; background: #ff3b3b; transform: rotate(-47deg)!important; transform-origin: center; pointer-events: none; } /*Анимация*/ .ppc-loading { pointer-events: none; position: relative; } .ppc-loading > section { opacity: 0.2; } .ppc-loading::after { content: ''; position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; margin: -15px 0 0 -15px; border: 3px solid #f3f3f3; border-top: 3px solid #ef7e1a; border-radius: 50%; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .ppc-gif-preloader { position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; border: 5px solid transparent; border-top: 5px solid #3498db; border-right: 5px solid #e74c3c; border-bottom: 5px solid #f1c40f; border-left: 5px solid #2ecc71; border-radius: 50%; animation: spin 1.2s linear infinite; display: block; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .order-pickup-ajax { position: relative; min-height: 200px; /* Минимальная высота, чтобы было видно прелоадер */ } .form-help__block-label.hidden { display: none; } .form-help__block-label:not(.hidden) { display: flex; } /* Disabled SKU button */ .ppc-sku-btn.disabled, .ppc-sku-btn:disabled { position: relative; opacity: 0.5; filter: grayscale(100%); cursor: not-allowed !important; pointer-events: none; } /* Красная диагональная линия */ .ppc-sku-btn.disabled::after, .ppc-sku-btn:disabled::after { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 2px; background: #ff3b3b; transform: rotate(-25deg); transform-origin: center; pointer-events: none; } .product__count-price__number { min-width: 38px; text-align: end; } /* Блок с ценами */ .product__count-price__box.dFlex { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; width: 100%; } /* Партнерский блок */ .partner-price-block { display: flex; flex-direction: column; gap: 2px; width: 100%; } /* Строка "Ваша цена" */ .your-price-line { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; } .your-price-label { font-size: 13px; color: #4CAF50; background: #E8F5E9; padding: 2px 8px; border-radius: 4px; font-weight: normal; } .current-price { font-size: 24px; font-weight: bold; color: #333; } /* Строка со старой ценой (если есть скидка) */ .old-price-line { margin-left: 0; /* Выравнивание по левому краю */ } .old-price { font-size: 14px; color: #999; text-decoration: line-through; } /* Строка с розничной ценой */ .retail-price-line { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; margin-top: 2px; } .retail-price-label { font-size: 13px; color: #666; font-weight: normal; } .retail-price { font-size: 14px; color: #333; /* Черный цвет, не перечеркнутый */ font-weight: normal; } /* Обычный блок цен (не партнерский) */ .regular-price-block { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } /* Цена за единицу */ .product__text-price { font-size: 14px; color: #666; margin-top: 4px; } /*всплывалка*/ .basket-notification { position: fixed; top: 20px; right: 20px; z-index: 9999; animation: slideInRight 0.3s ease-out; max-width: 350px; } @keyframes slideInRight { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .basket-notification.fade-out { animation: fadeOut 0.3s ease-out forwards; } .basket-notification-content { background: #fff; border-radius: 8px; padding: 16px 20px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); display: flex; align-items: center; gap: 12px; border-left: 4px solid #f44336; } .basket-notification-error .basket-notification-content { border-left-color: #f44336; } .basket-notification-icon { font-size: 20px; } .basket-notification-text { flex: 1; font-size: 14px; color: #333; line-height: 1.4; } .basket-notification-close { background: none; border: none; font-size: 24px; color: #999; cursor: pointer; padding: 0; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; transition: color 0.2s; } .basket-notification-close:hover { color: #333; } /* Для мобильных устройств */ @media (max-width: 768px) { .basket-notification { top: 10px; right: 10px; left: 10px; max-width: none; } } /* End */ /* /bitrix/templates/helmut/assets/css/swiper-bundle.min.css?178057336118458 */ /* /bitrix/templates/helmut/assets/fonts/stylesheet.css?17805733611341 */ /* /bitrix/templates/helmut/assets/css/style.css?1780573361248783 */ /* /bitrix/templates/helmut/components/bitrix/search.title/main_header/style.css?17805733612108 */ /* /bitrix/components/bitrix/breadcrumb/templates/.default/style.min.css?1780573364467 */ /* /bitrix/templates/helmut/styles.css?17823942853543 */ /* /bitrix/templates/helmut/template_styles.css?17823942856715 */