/* Start:/local/templates/new/assets/css/swiper-bundle.min.css?172992212119052*/ /** * Swiper 11.0.6 * 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: February 5, 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-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* FILE ARCHIVED ON 04:47:57 Sep 29, 2024 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 05:51:47 Oct 26, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.583 exclusion.robots: 0.018 exclusion.robots.policy: 0.008 esindex: 0.01 cdx.remote: 4.149 LoadShardBlock: 79.341 (3) PetaboxLoader3.datanode: 105.447 (5) PetaboxLoader3.resolve: 156.549 (2) load_resource: 218.434 loaddict: 48.8 */ /* End */ /* Start:/local/templates/new/assets/css/main.css?1757491606147926*/ :root { /* ЦВЕТА */ --background-page: #f3f3f3; --Bg-black: #333333; --Green: #73C167; --Stroke-line: #bbb; --Stroke-line-lite: #ebebeb; --Hover-green: #56B946; --Hover-white: #E1E1E1; --Hover-green-opacity: rgba(114, 193, 103, 0.2); --Hover-white-opacity: rgba(255, 255, 255, 0.2); --Pressed-green: #28871A; --Color-text: #0d0d0d; --White: #fff; --Yelow: #FFD04A; --max-width: 1920px; --min-width: 576px; --max-padding: 40px; --Text-light: #D9D9D9; --Text-light-opacity: rgba(217, 217, 217, 0.2); --Text-gray: #767676; --Text-gray2: #6a6a6a; --min-padding: 20px; --Dark-grey: #636363; } @font-face { font-family: 'Manrope'; src: url('/local/templates/new/assets/css/../fonts/Manrope-Regular.eot'); src: url('/local/templates/new/assets/css/../fonts/Manrope-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/new/assets/css/../fonts/Manrope-Regular.woff2') format('woff2'), url('/local/templates/new/assets/css/../fonts/Manrope-Regular.woff') format('woff'), url('/local/templates/new/assets/css/../fonts/Manrope-Regular.ttf') format('truetype'), url('/local/templates/new/assets/css/../fonts/Manrope-Regular.svg#Manrope-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Manrope'; src: url('/local/templates/new/assets/css/../fonts/Manrope-SemiBold.eot'); src: url('/local/templates/new/assets/css/../fonts/Manrope-SemiBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/new/assets/css/../fonts/Manrope-SemiBold.woff2') format('woff2'), url('/local/templates/new/assets/css/../fonts/Manrope-SemiBold.woff') format('woff'), url('/local/templates/new/assets/css/../fonts/Manrope-SemiBold.ttf') format('truetype'), url('/local/templates/new/assets/css/../fonts/Manrope-SemiBold.svg#Manrope-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Manrope'; src: url('/local/templates/new/assets/css/../fonts/Manrope-Medium.eot'); src: url('/local/templates/new/assets/css/../fonts/Manrope-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/new/assets/css/../fonts/Manrope-Medium.woff2') format('woff2'), url('/local/templates/new/assets/css/../fonts/Manrope-Medium.woff') format('woff'), url('/local/templates/new/assets/css/../fonts/Manrope-Medium.ttf') format('truetype'), url('/local/templates/new/assets/css/../fonts/Manrope-Medium.svg#Manrope-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Manrope'; src: url('/local/templates/new/assets/css/../fonts/Manrope-Bold.eot'); src: url('/local/templates/new/assets/css/../fonts/Manrope-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/new/assets/css/../fonts/Manrope-Bold.woff2') format('woff2'), url('/local/templates/new/assets/css/../fonts/Manrope-Bold.woff') format('woff'), url('/local/templates/new/assets/css/../fonts/Manrope-Bold.ttf') format('truetype'), url('/local/templates/new/assets/css/../fonts/Manrope-Bold.svg#Manrope-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } /* Базовые стили */ /* html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: none; font-family: 'Manrope'; } html { scroll-behavior: smooth; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } strong { font-weight: bold; } input { outline: none; font-family: 'Manrope'; } .input-error { border-color: red !important; } input::placeholder { font-family: 'Manrope'; } .error-text { color: red; margin: 8px 0; font-size: 14px; } table { border-collapse: collapse; border-spacing: 0; } img { border: 0; max-width: 100%; } h1, h2, h3, h4, h5, h6 { font-family: 'Manrope'; font-weight: 500; line-height: 110%; color: var(--Color-text); } h1 { font-size: 48px; /* line-height: 50px; */ } .white-bg-text-page h1 { margin-bottom: 0.5em; } h2 { font-size: 36px; margin-bottom: 12px; } h3 { font-size: 32px; /* line-height: 50px; */ } .white-bg-text-page h1 { margin-bottom: 24px; /* line-height: 50px; */ } h4 { font-size: 24px; /* line-height: 33px; */ } h5 { font-size: 20px; /* line-height: 27px; */ } p { line-height: 120%; font-weight: 300; } a { text-decoration: none; } a:hover { text-decoration: none; color: inherit; } .center { text-align: center; } /* *:not(img), *:not(#panel):not(#panel *), *:not(#panel):not(#panel *)::before, *:not(#panel):not(#panel *)::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.5s ease; } */ *::placeholder { font-family: 'Manrope'; } button { background-color: transparent; border: none; padding: 0; margin: 0; cursor: pointer; font-family: 'Manrope'; } body { font-family: 'Manrope'; padding: 0; background-color: #f3f3f3; margin: 0; display: flex; flex-direction: column; justify-content: space-between; min-height: 100vmin; } .container { max-width: 1680px; width: 100%; margin: 0 auto; } .header { padding: 18px 80px; } .header__content { background-color: var(--White); border-radius: 100px; padding: 15px 60px; display: flex; align-items: center; } .header__content-catalog { display: flex; align-items: center; border-radius: 4px; border: 1px solid var(--Green); width: 200px; gap: 10px; font-size: 16px; font-weight: bold; text-transform: uppercase; justify-content: center; background-color: transparent; color: var(--Green); padding: 5px 0; position: relative; z-index: 10; } .header__content-catalog:hover { /* background: var(--Green); */ background: rgb(115, 193, 103, .2); color: #066006; } .header__content-catalog:active { background: rgb(115, 193, 103, .4); } .header__content-catalog:hover svg path { /* fill: var(--White); */ } .header__content-nav { margin: 0 64px 0 44px; } .header__content-nav ul { display: flex; align-items: center; gap: 44px; } .header__content-nav ul li a { color: var(--Color-text); text-transform: uppercase; font-weight: bold; } .header__content-nav ul li a.selected { color: var(--Green); } .header__content-nav ul li a:hover { color: var(--Green); } .header__content-logo { width: 100px; } .header__content-phones { display: flex; flex-direction: column; row-gap: 4px; min-width: fit-content; } .header__content-phones a { color: var(--Green); font-size: 20px; font-weight: 500; } .header__content-phones a:hover { color: var(--Hover-green); text-decoration: underline; } .header__content-search { cursor: pointer; /* пока не работает кнопка */ margin-left: auto; margin-right: 17px; } .header__content-call { /* background-color: var(--Green); */ background-color: #73C167; border-radius: 4px; padding: 10px 24px; color: var(--White) !important; text-transform: uppercase; font-size: 16px; font-weight: bold; line-height: 1.2em; } .header__content-call:hover { /* background: var(--Hover-green); */ background-color: #56B946; color: var(--White); } .header__content-call:active { background-color: #28871A; } .icon__btn { width: 40px; height: 40px; border-radius: 4px; border: 1px solid var(--Green); display: flex; align-items: center; justify-content: center; } .header__content-profile { margin: 0 12px; } .header__content-profile:hover { background: var(--Green); } .header__content-profile:hover svg path { fill: var(--White); } .header__content-cart:hover { background: var(--Green); } .header__content-cart:hover svg path { fill: var(--White); } .icon__btn-fill { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 4px; background: var(--Green); } .header__content-gamb { display: none; } .header__content-call svg { display: none; } .footer { background-color: var(--Bg-black); padding: 65px 0 54px; } .footer__block-coopfirst { margin-top: 25px; font-size: 16px; color: var(--Text-light); } .footer-company-name { color: white; font-size: 34px; font-weight: 500; min-width: 275px; } .footer__block-item_title { color: var(--White); font-size: 24px; font-weight: 500; margin-bottom: 14px; } .footer__block-left { display: flex; gap: 141px; } .footer__block-item_nav ul li a { color: var(--Text-light); font-size: 18px; } .footer__block-item_nav ul li a:hover { color: var(--Green); } .footer__block-item_nav ul li:not(:last-child) { margin-bottom: 14px; } .footer__block-right_title { color: var(--White); margin-bottom: 14px; font-size: 24px; font-weight: 500; } .footer__block { display: flex; justify-content: space-between; } .footer__block-right_list li { display: flex; gap: 16px; } .footer__block-right_list li:not(:last-child) { margin-bottom: 14px; } .footer__block-right_list li p { font-size: 18px; color: var(--Text-gray); } .footer__block-right_list li p a { color: var(--White); font-weight: normal; } .footer__block-right_list li p a:hover { color: var(--Green); } .footer__block-right_list li p:not(:last-child) { margin-bottom: 8px; } .footer__block-coop { display: none; text-align: center; margin-top: 24px; font-size: 12px; color: var(--Text-light); } .offer__banner { background: url('/local/templates/new/assets/css/../img/offer__banner.png') no-repeat center top / cover; border-radius: 32px; max-width: 547px; width: 100%; min-height: 620px; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; border-radius: 32px; padding: 38px; } .offer__block { display: flex; gap: 12px 29px; padding-bottom: 48px; } .offer__banner-title { font-size: 40px; font-weight: 500; color: var(--Color-text); margin-bottom: 14px; } .offer__banner-text { font-size: 16px; color: var(--Text-gray); max-width: 377px; width: 100%; margin-bottom: 25px; } .offer__banner-links { display: flex; gap: 16px; /* max-height: 60px; */ } .offer__slider { width: 100%; height: 100%; } .offer__slider-item { display: flex; border-radius: 32px; overflow: hidden; } .offer__slider-left { max-width: 446px; background-color: var(--Green); padding: 94px 0 52px 52px; display: flex; flex-direction: column; padding-right: 1px; width: 100%; position: relative; border-radius: 0 0 0 32px; } .offer__slider-left:before { position: absolute; content: ''; background-position: right bottom; background: url('data:image/svg+xml,') no-repeat left bottom / cover; display: block; top: 0; left: 99%; width: 74%; height: 100%; } .offer__slider-left { padding-right: 5px; } .offer__slider-left-tag { background-color: var(--Yelow); width: max-content; padding: 8px 16px; color: var(--Color-text); border-radius: 100px; margin-bottom: 14px; font-size: 16px; } .offer__slider-left-title { font-size: 40px; font-weight: 500; line-height: 1.4em; color: var(--White); margin-bottom: 14px; } .offer__slider-left-text { color: var(--White); max-width: 316px; font-size: 18px; line-height: 1.4em; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; /* Ограничение в 4 строки */ /* -webkit-line-clamp: 4; */ /* line-clamp: 4; */ } .offer__slider-left-text * { color: var(--White) !important; } .offer__slider-left-text { margin-bottom: 16px; } .offer__slider-left-links { display: flex; margin-top: auto; gap: 14px; } .offer__slider-left-links a { flex: 1; display: flex; align-items: center; justify-content: center; } .offer__slider-left-buy { padding: 20px 0; background-color: var(--White); border-radius: 8px; font-size: 18px; font-weight: 500; color: var(--Text-gray); text-transform: uppercase; } .offer__slider-left-buy:hover { background: var(--Hover-white); } .offer__slider-left-buy:focus, .offer__slider-left-buy:target, .offer__slider-left-buy:focus-visible, .offer__slider-left-buy:focus-within, .offer__slider-left-buy:active { background: #B1B1B1; } .offer__slider-right { background-color: #fff; width: 100%; } .offer__slider-right img { height: 100%; object-fit: cover; display: block; margin-left: auto; margin-right: auto; max-height: 630px; } .offer__slider-left-more { padding: 20px 0; border: 1px solid var(--White); text-transform: uppercase; font-size: 18px; font-weight: 500; border-radius: 8px; color: var(--White); } .offer__slider-left-more:hover { background: var(--Hover-white-opacity); } .offer__block_slider { position: relative; width: calc(100% - 547px); } .offer__block_slider .swiper-pagination-bullet { width: 16px; height: 16px; background: var(--Text-light); opacity: 1; } .offer__block_slider .swiper-pagination-bullet-active { background: var(--Green); } .offer__block_slider .swiper-pagination { bottom: -32px; } .advantages { padding: 70px 0; } .advantages__title { color: var(--Color-text); font-size: 54px; font-weight: 500; text-align: center; margin-bottom: 24px; } .advantages__list { display: flex; gap: 25px; margin-bottom: 48px; justify-content: center; } .advantages__list-item { max-width: 388px; text-align: center; } .advantages__list-item-title { margin: 17px 0 5px; color: var(--Color-text); font-size: 24px; font-weight: 500; } .advantages__list-item-text { font-size: 16px; color: var(--Text-gray); max-width: 270px; margin: 0 auto; line-height: 1.4em; } .advantages__links { display: flex; gap: 24px; justify-content: center; margin: 20px 0; } .advantages__links-product { max-width: 320px; width: 100%; background: #73C167; color: var(--White) !important; text-decoration: none !important; font-size: 18px; font-weight: bold; text-transform: uppercase; display: flex; align-items: center; justify-content: center; border-radius: 8px; padding: 20px 0; } .advantages__links-product:hover { background: #56B946; } .advantages__links-product:active { background: #28871A; } .advantages__links-more { max-width: 320px; width: 100%; border: 1px solid var(--Green); color: var(--Green); font-size: 18px; font-weight: bold; text-transform: uppercase; display: flex; align-items: center; justify-content: center; border-radius: 8px; padding: 20px 0; text-decoration: none !important; color: var(--Green) !important; } .advantages__links-more:hover { background: var(--Hover-green-opacity); } .advantages__links-more:active { background: rgb(115, 193, 103, .4); } .catalog { background-color: #fff; border-radius: 120px; padding: 20px 0 55px 0; overflow: hidden; } .catalog__title { font-size: 48px; font-weight: 500; text-align: center; color: var(--Color-text); margin-bottom: 20px; } .catalog__title span { color: var(--Green); } .catalog__category { display: flex; flex-wrap: wrap; border: 1px solid var(--Text-light); border-bottom: none; border-right: none; } .catalog__main .catalog__category { margin-bottom: 60px; } .catalog__category-link { display: flex; align-items: center; gap: 43px; max-width: 33.3%; width: 100%; border-bottom: 1px solid var(--Text-light); border-right: 1px solid var(--Text-light); padding: 21px 40px; } .catalog__category-link:hover { background: var(--Text-light-opacity); } .catalog__category-link:active { background: #D9D9D999; } .catalog__category-link-icon { height: 57px; flex-shrink: 0; } .catalog__category-link-icon img { height: 100%; } .page-catalog { margin-bottom: 20px; } .catalog__category-link-name { font-size: 20px; font-weight: 500; display: flex; gap: 5px; color: var(--Color-text); } .catalog__category-link-name span { flex-shrink: 0; color: var(--Text-gray); width: 22px; height: 22px; border: 1px solid var(--Text-light); display: flex; align-items: center; line-height: 22px; justify-content: center; font-size: 12px; } .catalog__category-link-more { background-color: #73C167; color: var(--White) !important; text-transform: uppercase; font-size: 18px; font-weight: bold; display: flex; align-items: center; justify-content: center; text-decoration: none !important; } .catalog__category-link-more:hover { background-color: #56B946; } .catalog__category-link-more:active { background-color: #28871A; } .catalog.catalog__recommended { padding: 60px 0; margin-bottom: 20px; margin-top: 40px; border-radius: 32px; } .catalog__popular-title { font-size: 48px; font-weight: 500; color: var(--Color-text); text-align: center; margin-bottom: 62px; } .catalog__recommended .catalog__popular-title { margin-bottom: 40px; } .catalog__popular-title span { color: var(--Green); } /* .product__card-images-flex img { display: none !important; } .product__card-images-flex img.active { display: block !important; } */ .product__card { /* max-width: 400px; */ width: 100%; padding: 24px; background-color: #fff; border-radius: 8px; display: inline-block; } .product__card-images-flex { border-radius: 24px; overflow: hidden; height: 432px; position: relative; } * { min-width: 0; min-height: 0; } .product__card-images-flex img { /* height: 100%; */ object-fit: contain; margin: 0 auto; display: block; /* position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; */ } .product__card-images__slider { background: #fff; height: 100%; } .product__card-images__slider .swiper-wrapper { /* width: max-content; */ } .product__card-images__slide img { object-fit: contain; max-width: 300px; height: 100%; } .product__card-images-action { position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* display: flex; */ } .product__card-images-action div { flex: 1; } .product__card-images__slider { padding-bottom: 20px; } .product__card-images-nav { display: flex; align-items: flex-end; justify-content: center; gap: 2px; margin-top: 4px; z-index: 1; top: unset !important; bottom: 0px !important; } .product__card-images-nav span { flex: 1; height: 3px; max-width: 50px; background-color: var(--Hover-green-opacity); opacity: 1; border-radius: 0; } .product__card-images-nav span.swiper-pagination-bullet-active { background-color: var(--Green); } .product__card-top { display: flex; align-items: center; justify-content: space-between; margin-top: 19px; } .product__card-top-reviews { display: flex; align-items: center; gap: 2px; } .product__card-top-articul { font-size: 12px; color: var(--Text-gray); } .product__card-name { font-size: 24px; font-weight: 500; color: var(--Color-text); margin: 14px 0; display: block; } .product__card-desc { font-size: 16px; color: var(--Text-gray); margin-bottom: 25px; /* overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; */ } .product__card-bottom { /* display: flex; */ /* align-items: center; */ } .product__card-counters { display: flex; align-items: center; width: fit-content; } .product__card-bottom-wrap { display: flex; justify-content: space-between; align-items: center; gap: 10px 20px; } .product__card-bottom-wrap .goods__block-right-action-count { order: 1; } .product__card-bottom-wrap .product__card-indicator { order: 2; color: var(--Text-gray); margin-left: 10px; margin-right: 5px; display: flex; gap: 3px; } .product__card-bottom-wrap .product__card-bottom-buy { order: 3; } .product__card-bottom-price { font-size: 24px; font-weight: 500; color: var(--Green); } .product__card-bottom-buy { display: flex; align-items: center; justify-content: center; gap: 10px; background-color: var(--Green); color: var(--White); text-transform: uppercase; font-size: 14px; font-weight: bold; border-radius: 4px; padding: 8px 37px; /* margin-left: auto; */ } .product__card-bottom-buy.disabled { pointer-events: none; opacity: 0.5; } .product__card-bottom-buy:hover { background: var(--Hover-green); } .product__card-bottom-wish { margin-left: 9px; max-width: 70px; width: 100%; /* display: flex; */ display: none; align-items: center; justify-content: center; padding: 8px 0; border: 1px solid var(--Green); border-radius: 4px; } .product__card-bottom-wish:hover, .product__card-bottom-wish.active { background-color: var(--Green); } .product__card-bottom-wish:hover svg path, .product__card-bottom-wish.active svg path { fill: var(--White); } .catalog__popular-block { margin-right: calc(100% - 100vw); } .catalog__popular-slider { padding-right: 100px; } .catalog__popular-slider .swiper-slide { max-width: 400px; height: max-content; } .catalog__popular-slider .swiper-wrapper { height: auto; } .garant { padding: 100px; padding-right: 0; display: flex; gap: 98px; } .garant__left { max-width: 832px; } .garant__left-title { font-size: 48px; font-weight: 500; color: var(--Color-text); margin-bottom: 14px; } .garant__left-text { font-size: 16px; color: var(--Text-gray2); margin-bottom: 49px; } .garant__left-links { display: flex; gap: 24px; } .garant__left-links-about { max-width: 320px; width: 100%; border-radius: 8px; display: flex; align-items: center; justify-content: center; padding: 20px 0; background-color: #73C167; color: var(--White) !important; text-decoration: none !important; text-transform: uppercase; font-size: 18px; font-weight: bold; } .garant__left-links-about:hover { background-color: var(--Hover-green); } .garant__left-links-about:active { background-color: #28871A; } .garant__left-links-review { max-width: 320px; width: 100%; border-radius: 8px; display: flex; align-items: center; justify-content: center; padding: 20px 0; border: 1px solid var(--Green); color: var(--Green); text-transform: uppercase; font-size: 18px; font-weight: bold; } .garant__left-links-review:hover { background: var(--Green); color: var(--White); } .garant__slider-item { padding: 34px; background-color: var(--White); border-radius: 32px; display: flex; max-width: 547px; opacity: 0.4; flex-direction: column; } .garant__slider-item.swiper-slide-active { opacity: 1; } .garant__slider-item-title { font-size: 24px; font-weight: 500; color: var(--Color-text); margin-bottom: 14px; } .garant__slider-item-text { color: var(--Text-gray); font-size: 16px; margin-bottom: 37px; } .garant__slider-item-bot { margin-top: auto; display: flex; justify-content: space-between; align-items: center; } .garant__slider-item-name { font-size: 16px; margin-bottom: 5px; color: var(--Color-text); } .garant__slider-item-date { font-size: 12px; color: var(--Text-gray); } .garant__slider-item-link { border: 1px solid var(--Green); padding: 8px 16px; font-size: 12px; font-weight: bold; color: var(--Green); border-radius: 4px; text-transform: uppercase; } .garant__slider-item-link:hover { background: var(--Green); color: var(--White); } .garant__right { overflow: hidden; width: 100%; } .breadcrumb__nav { display: flex; align-items: center; gap: 14px; } .breadcrumb { padding: 20px 0 40px; } .breadcrumb__nav li a { color: var(--Color-text); font-size: 16px; } .breadcrumb__nav li span { color: var(--Text-gray2); font-size: 16px; } .breadcrumb__nav li:first-child svg { display: none; } .contact__block { display: flex; gap: 20px; } .contact__left { max-width: 829px; width: 100%; border-radius: 24px; background-color: var(--White); padding: 42px 50px; } .contact__left-title { font-size: 48px; font-weight: 500; margin-bottom: 15px; color: var(--Color-text); text-align: left; } .contact__left-subtitle { margin-bottom: 23px; color: #B5B5B5; font-size: 18px; } .contact__left-list { display: flex; gap: 54px; flex-wrap: wrap; padding-bottom: 32px; margin-bottom: 32px; border-bottom: 1px solid var(--Stroke-line); row-gap: 36px; } .contact__left-list li { width: calc(50% - 27px); display: flex; gap: 16px; } .contact__left-list li svg { flex-shrink: 0; } .contact__left-list li a { display: block; font-size: 18px; color: var(--Color-text); } .contact__left-list li span.contact-comment { font-size: 12px; color: var(--Text-gray); } .contact__right { /* flex: 1; */ /* border-radius: 24px; */ /* overflow: hidden; */ } .contact__left-info-item { display: flex; gap: 34px; } .contact__left-info-item:not(:last-child) { margin-bottom: 32px; } .contact__left-info-item * { flex: 1; } .contact__left-info-item span { max-width: 160px; font-size: 16px; color: var(--Text-gray); } .contact__left-info-item div { font-size: 16px; color: var(--Color-text); } .contact__left-info-item p { font-size: 12px; color: var(--Text-gray); line-height: 1.4em; } .contact__left-link { max-width: 320px; width: 100%; padding: 20px 0; border: 1px solid var(--Green); color: var(--Green); text-transform: uppercase; font-size: 18px; font-weight: bold; display: flex; align-items: center; justify-content: center; border-radius: 8px; margin-top: 39px; } .contact__left-link:hover { background: var(--Green); color: var(--White); } .contact { padding-bottom: 100px; } .diller__block { display: flex; gap: 20px; } .diller__left { max-width: 50%; background-color: var(--White); padding: 42px 148px; border-radius: 24px; } .diller__left-title { text-align: center; font-size: 48px; font-weight: 500; color: var(--Color-text); margin-bottom: 16px; } .diller__left-text { font-size: 16px; text-align: center; margin-bottom: 39px; color: var(--Text-gray); } .diller__right { max-width: 50%; border-radius: 24px; overflow: hidden; } .diller__right img { width: 100%; height: 100%; object-fit: cover; } .diller__left-form-checks { display: flex; gap: 29px; margin-bottom: 16px; } .diller__left-form-check input { position: absolute; opacity: 0; z-index: -1; } .diller__left-form-check input+label { position: relative; padding-left: 30px; cursor: pointer; font-size: 16px; color: var(--Text-gray); } .diller__left-form-check input+label:before { position: absolute; content: ''; display: block; top: 50%; transform: translateY(-50%); left: 0; width: 22px; height: 22px; border-radius: 100%; border: 1px solid var(--Stroke-line); } .diller__left-form-check input:checked+label:before { background: var(--Green); border-color: var(--Green); box-shadow: inset 0 0 0 3px var(--White); } .diller__left-form-check input:checked+label { color: var(--Green); } .diller__left-form-item { display: flex; align-items: center; justify-content: space-between; gap: 8px; } .diller__left-form-item label { font-size: 16px; color: var(--Text-gray); } .diller__left-form-item label span { color: var(--Green); } .diller__left-form-item input { max-width: 288px; width: 100%; padding: 16px; border: 1px solid var(--Stroke-line); border-radius: 4px; } .diller__left-form-item input::placeholder { font-size: 16px; color: var(--Stroke-line); } .diller__left-form-item:not(:last-child) { margin-bottom: 16px; } .diller__left-form-agree input { position: absolute; opacity: 0; z-index: -1; } .diller__left-form-agree { margin: 39px 0 16px; } .diller__left-form-agree input+label { font-size: 12px; color: var(--Text-gray); padding-left: 28px; cursor: pointer; position: relative; display: block; } .diller__left-form-agree input+label a { color: var(--Green); } .diller__left-form-agree input+label:before { position: absolute; top: 50%; transform: translateY(-50%); content: ''; display: block; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center center; border-radius: 2px; border: 1px solid var(--Stroke-line); left: 0; } .diller__left-form-agree input:checked+label:before { border-color: var(--Green); background-image: url('data:image/svg+xml,'); } .diller__left-form-agree input:checked+label { color: var(--Green); } .diller__left-form-btn { max-width: 320px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 8px; font-size: 18px; font-weight: bold; text-transform: uppercase; color: var(--White); background: var(--Green); padding: 20px 0; margin: 0 auto; } .diller__left-form-btn:hover { background: var(--Hover-green); } .diller { padding-bottom: 50px; } .about__block { display: flex; gap: 20px; } .about__block-left { max-width: 50%; width: 100%; } .about__block-left-title { font-size: 48px; font-weight: 500; color: var(--Color-text); margin-bottom: 24px; text-align: left; } .about__block-left-text { font-size: 16px; color: var(--Text-gray2); line-height: 1.4em; margin-bottom: 24px; } .about__block-left-links { display: flex; gap: 24px; } .about__block-left-product { max-width: 320px; width: 100%; display: flex; align-items: center; justify-content: center; padding: 20px 0; text-transform: uppercase; color: var(--White); background: var(--Green); font-size: 18px; font-weight: bold; border-radius: 8px; } .about__block-left-product:hover { background: var(--Hover-green); } .about__block-left-partner { max-width: 320px; width: 100%; display: flex; align-items: center; justify-content: center; padding: 20px 0; text-transform: uppercase; color: var(--Green); border: 1px solid var(--Green); font-size: 18px; font-weight: bold; border-radius: 8px; } .about__block-left-partner:hover { background: var(--Green); color: var(--White); } .about__block-right { border-radius: 24px; overflow: hidden; max-width: 50%; width: 100%; } .about__block-right img { width: 100%; height: 100%; object-fit: cover; } .production { padding: 100px 0; } .production__title { font-size: 48px; font-weight: 500; color: var(--Color-text); margin-bottom: 24px; text-align: center; } .production__list { display: flex; gap: 40px; } .production__list-item { flex: 1; } .production__list-item-icon { text-align: center; } .production__list-item-title { margin: 17px 0 5px; font-size: 24px; font-weight: 500; text-align: center; color: var(--Color-text); } .production__list-item-text { font-size: 16px; color: var(--Text-gray2); line-height: 1.4em; } .difference__block { display: flex; gap: 82px; align-items: center; } .difference__block-left { max-width: 830px; width: 100%; height: auto; border-radius: 24px; overflow: hidden; } .difference__block-left img { width: 100%; height: 100%; object-fit: cover; } .difference__block-right-title { font-size: 48px; font-weight: 500; margin-bottom: 24px; color: var(--Color-text); } .difference__block-right-list li { font-size: 16px; padding-left: 16px; position: relative; color: var(--Text-gray2); } .difference__block-right-list li:before { position: absolute; content: ''; display: block; top: 8px; left: 0; width: 4px; height: 4px; border-radius: 100%; background: var(--Text-gray); } .difference__block-right-list li:not(:last-child) { margin-bottom: 5px; } .difference__block-right-link { max-width: 320px; width: 100%; padding: 20px 0; display: flex; align-items: center; justify-content: center; background-color: var(--Green); color: var(--White); font-size: 18px; font-weight: bold; text-transform: uppercase; border-radius: 8px; margin-top: 24px; } .difference__block-right-link:hover { background: var(--Hover-green); } .certificate { padding: 100px 0; } .certificate__title { font-size: 48px; font-weight: 500; margin-bottom: 8px; text-align: center; color: var(--Color-text); } .certificate__text { max-width: 920px; margin: 0 auto 24px; font-size: 16px; color: var(--Text-gray2); text-align: center; } .certificate__block { display: flex; gap: 22px; } .certificate__block-item { flex: 1; display: flex; flex-flow: column nowrap; } .certificate__block-item-img { max-height: 576px; } .certificate__block-item-img img { height: 100%; display: block; object-fit: contain; } .certificate__block-item-bot { display: flex; justify-content: space-between; padding-top: 17px; padding-right: 28px; align-items: center; gap: 5px; } .certificate__block-item-name { font-size: 20px; font-weight: 500; color: var(--Color-text); } .certificate__block-item-load { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 4px; border: 1px solid var(--Green); flex-shrink: 0; } .certificate__block-item:hover .certificate__block-item-load { background: var(--Green); } .certificate__block-item:hover .certificate__block-item-load svg path { fill: var(--White); } .requisities__block { display: flex; gap: 22px; } .requisities__block-left { padding: 42px 50px; border-radius: 24px; background-color: var(--White); max-width: 900px; width: 100%; } .requisities__block-left-title { font-size: 48px; font-weight: 500; margin-bottom: 39px; color: var(--Color-text); } .requisities__block-left-list li { display: flex; align-items: center; gap: 4px; } .requisities__block-left-list li:not(:last-child) { margin-bottom: 16px; } .requisities__block-left-list li div:first-child { font-size: 16px; color: var(--Text-gray); width: 30%; } .requisities__block-left-list li div:last-child { font-size: 16px; flex: 1; color: var(--Color-text); } .requisities__block-left-link { max-width: 340px; width: 100%; margin-top: 39px; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: bold; color: var(--White); background: var(--Green); border-radius: 8px; /* padding: 20px 0; */ } .requisities .copy-btn { filter: opacity(20%); width: 60px; } .requisities .copy-btn:hover { filter: opacity(60%); } .requisities .copy-btn::after { content: "Скопировано!"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, 50%); /* color: #fff; */ /* background: rgba(0, 0, 0, 0.75); */ /* padding: 2px 5px; */ /* border-radius: 3px; */ /* font-size: 12px; */ white-space: nowrap; opacity: 0; transition: opacity 0.3s ease; pointer-events: none; z-index: 10; } .requisities .copy-btn.copied::after { opacity: 1; } .requisities__block-left-link:hover { background: var(--Hover-green); } .requisities__block-right { max-width: 50%; width: 100%; border-radius: 24px; overflow: hidden; } .requisities { padding-bottom: 100px; } .directory__block { padding: 70px 140px; background-color: var(--White); border-radius: 32px; } .directory__title { font-size: 48px; font-weight: 500; color: var(--Color-text); text-align: center; margin-bottom: 45px; } .directory__list { display: flex; border: 1px solid var(--Stroke-line); border-bottom: none; border-right: none; flex-wrap: wrap; } .directory__list-item { width: 33.33%; border-right: 1px solid var(--Stroke-line); border-bottom: 1px solid var(--Stroke-line); display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 16px 0; gap: 16px; } .directory__list-item:hover { background: var(--Text-light-opacity); } .directory__list-item:active { background: #D9D9D999; } .directory__list-item p { font-size: 20px; font-weight: 500; color: var(--Color-text); } .directory { padding-bottom: 100px; } .reviews { padding-bottom: 100px; } .reviews__title { font-size: 48px; font-weight: 500; color: var(--Color-text); margin-bottom: 40px; text-align: left; } .reviews__block { display: flex; flex-wrap: wrap; gap: 20px; } .reviews__block-item { width: calc(50% - 10px); background-color: var(--White); padding: 32px 45px; border-radius: 32px; } .reviews__block-item-title { font-size: 24px; font-weight: 500; color: var(--Color-text); margin-bottom: 14px; } .reviews__block-item-text { font-size: 16px; color: var(--Text-gray); margin-bottom: 37px; } .reviews__block-item-name { font-size: 16px; color: var(--Color-text); margin-bottom: 5px; } .reviews__block-item-date { font-size: 12px; color: var(--Text-gray); } .how { padding-bottom: 100px; } .how__title { font-size: 48px; font-weight: 500; color: var(--Color-text); text-align: center; margin-bottom: 24px; } .how__block-caption { display: flex; gap: 4px; margin-bottom: 40px; justify-content: center; } .how__block-caption li { padding: 16px 66px; background-color: var(--White); border: 1px solid var(--Stroke-line); cursor: pointer; } .how__block-caption li.active { background-color: var(--Green); color: var(--White); border-color: var(--Green); } .how__block-content { max-width: 1038px; margin: 0 auto; } .how__block-content .how__block-content_item { font-size: 16px; color: var(--Text-gray2); display: none; } .how__block-content .how__block-content_item.active { display: block; } .how__block-markets { display: flex; justify-content: center; gap: 16px; margin-top: 24px; } .question { padding-bottom: 100px; } .question__title { font-size: 48px; font-weight: 500; color: var(--Color-text); margin-bottom: 24px; text-align: center; } .question__subtitle { margin: 20px 20px 0 20px; color: var(--Text-gray2); } .question__block-caption { display: flex; justify-content: center; gap: 4px; margin-bottom: 24px; } .question__block-caption li { display: flex; align-items: center; justify-content: center; padding: 16px 36px; cursor: pointer; gap: 16px; background-color: var(--White); border: 1px solid var(--Stroke-line); font-size: 18px; } .question__block-caption li.active { background: var(--Green); color: var(--White); border-color: var(--Green); } .question__block-caption li.active span { border-color: var(--White); color: var(--White); } .question__block-caption li span { padding: 2px 5px; border: 1px solid var(--Stroke-line); font-size: 12px; min-width: 22px; display: flex; align-items: center; justify-content: center; } .question__block-accordion { max-width: 1269px; margin: 0 auto; } .question__block-accordion-item-wrap.--active .question__block-accordion-header svg { transform: rotate(180deg); } .question__block-accordion-content { /* display: none; */ overflow: hidden; /* max-height: 0px; */ transition: none !important; display: none; } .question__block-accordion-header.active+.question__block-accordion-content { /* max-height: 1000px; */ /* max-height: 200px; */ } .question__block-accordion-item { background-color: var(--White); border-radius: 32px; padding: 32px 45px; } .question__block-accordion-item-wrap:not(:last-child) { margin-bottom: 8px; } .question__block-accordion-header { font-size: 20px; font-weight: 500; color: var(--Color-text); cursor: pointer; display: flex; align-items: center; gap: 16px; justify-content: space-between; } .question__block-accordion-header svg { flex-shrink: 0; } .question__block-accordion-header.active svg { transform: rotate(180deg); } .question__block-accordion-content { font-size: 16px; color: var(--Text-gray); padding-top: 14px; } .question__block-accordion { display: none; } .question__block-accordion.active { display: block; } .blog { padding-bottom: 100px; } .blog__title { font-size: 48px; font-weight: 500; text-align: center; margin-bottom: 40px; color: var(--Color-text); } .blog * { transition: all 0.3s ease; } .blog__block-caption { display: flex; margin-bottom: 40px; justify-content: center; gap: 4px; } .blog__block-caption li { display: block; flex-shrink: 0; } .blog__block-caption li a { display: flex; align-items: center; justify-content: center; padding: 16px 36px; cursor: pointer; gap: 16px; color: var(--Color-text); background-color: var(--White); border: 1px solid var(--Stroke-line) } .blog__block-caption li a:hover { color: #fff !important; background: #73c167; border-color: #73c167; } .blog__block-caption li.active a { background: var(--Green); border-color: var(--Green); color: var(--White); } .blog__block-caption li:hover span { border: 1px solid #fff; color: #fff; } .blog__block-caption li span { border: 1px solid var(--Stroke-line); padding: 2px 5px; min-width: 22px; display: flex; align-items: center; justify-content: center; font-size: 12px; color: var(--Text-gray); } .blog__block-caption li.active span { color: var(--White); border-color: var(--White); } .blog__content { display: flex; flex-wrap: wrap; gap: 20px; row-gap: 40px; } .blog__content-item { max-width: calc(25% - 15px); } .blog__content-item-picture { width: 100%; height: 250px; border-radius: 16px; overflow: hidden; display: block; } .blog__content-item-picture:hover { transform: scale(1.05); border-radius: 15px; } .blog__content-item-picture img { width: 100%; height: 100%; object-fit: cover; } .blog__content-item-tag { padding: 7px 22px; border-radius: 100px; background-color: var(--White); border: 1px solid var(--Stroke-line); font-size: 12px; color: var(--Text-gray); width: max-content; margin: 8px 0; display: block; } .blog__content-item-title { font-size: 20px; font-weight: 500; color: var(--Color-text); margin-bottom: 8px; display: block; } .blog__content-item-text { font-size: 16px; color: var(--Text-gray); line-height: 1.4em; } .article { padding-bottom: 100px; } .article__block { display: flex; gap: 20px; justify-content: space-between; align-items: start; } .article__block-right { max-width: 432px; width: 100%; border-radius: 24px; overflow: hidden; } .article__block-right img { width: 100%; } .article__block-left-images { max-width: 432px; width: 100%; border-radius: 24px; overflow: hidden; display: none; } .article__block-left { max-width: 1114px; } .article__block-left-title { font-size: 48px; font-weight: 500; color: var(--Color-text); margin-bottom: 16px; } .article__block-left-date { font-size: 16px; color: var(--Text-gray); } .article__block-left-content { font-size: 18px; color: var(--Text-gray2); margin-bottom: 40px; margin-top: 22px; line-height: 1.4em; } .article__block-left-content p { margin-bottom: 10px; } .article__block-left-link { max-width: 320px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 8px; background-color: var(--Green); color: var(--White); font-size: 18px; font-weight: bold; text-transform: uppercase; padding: 20px 0; } .article__block-left-link:hover { background-color: var(--Hover-green); } .search-page__content h4 { margin-bottom: 15px; margin-left: 20px; } .search-page__catalog { background-color: white; padding: 60px 40px; border-radius: 60px; margin-bottom: 20px } .search-page__pages { background-color: white; padding: 60px 40px; border-radius: 60px; margin-bottom: 20px } .search-page__content input[type="submit"] { border-radius: 8px; font-size: 18px; color: var(--White); background: var(--Green); border: none; padding: 8px 20px; margin-top: 10px; cursor: pointer; } .search-page__content input[type="submit"]:hover { background: var(--Hover-green); } .search-page__content input[type="submit"]:active { background: var(--Pressed-green); } .search-page__content input[type="text"] { max-width: 100%; padding: 10px; font-size: 25px; border: 1px solid var(--Stroke-line); border-radius: 4px; margin-right: 20px; } .account__title { text-align: center; font-size: 48px; font-weight: 500; color: var(--Color-text); margin-bottom: 24px; } .top-tabs { display: flex; gap: 4px; margin-bottom: 40px; justify-content: center; } .top-tabs-link { max-width: 400px; width: 100%; display: flex; align-items: center; justify-content: center; padding: 16px 0; color: var(--Color-text); font-size: 20px; font-weight: 500; background-color: var(--White); border: 1px solid var(--Stroke-line); } .top-tabs-link.active { background-color: var(--Green); border-color: var(--Green); color: var(--White); } .account__edit-save { max-width: 320px; width: 100%; display: flex; align-items: center; justify-content: center; margin: 40px auto 0; text-transform: uppercase; background-color: var(--Green); color: var(--White); padding: 20px 0; font-size: 18px; border-radius: 8px; font-weight: bold; } .account__edit-block { display: flex; gap: 20px; } .account__edit-left { flex: 1; padding: 42px 100px; background-color: var(--White); border-radius: 32px; } .account__edit-left-item { display: flex; gap: 8px; align-items: center; } .account__edit-left-item label { font-size: 16px; color: var(--Text-gray); } .account__edit-left-item input { border: 1px solid var(--Stroke-line); max-width: 288px; width: 100%; margin-left: auto; padding: 16px; border-radius: 4px; } .account__edit-left-item::placeholder { font-size: 16px; color: var(--Stroke-line); } .account__edit-left-item:not(:last-child) { margin-bottom: 16px; } .account__edit-left-item span { color: var(--Green); } .account__edit-right { padding: 42px 100px; flex: 1; background-color: var(--White); border-radius: 32px; } .account__edit-left-checks { display: flex; gap: 29px; margin-bottom: 16px; } .account__edit-left-check input { position: absolute; z-index: -1; opacity: 0; } .account__edit-left-check label { position: relative; padding-left: 30px; font-size: 16px; color: var(--Text-gray); cursor: pointer; display: block; } .account__edit-left-check input+label:before { position: absolute; content: ''; display: block; top: 50%; transform: translateY(-50%); left: 0; width: 22px; height: 22px; border-radius: 100%; border: 1px solid var(--Stroke-line); } .account__edit-left-check input:checked+label:before { background-color: var(--Green); box-shadow: inset 0 0 0 3px var(--White); border-color: var(--Green); } .account__edit-left-check input:checked+label { color: var(--Green); } .account__edit-left-item { position: relative; } .account__edit-left-item-show { position: absolute; right: 20px; cursor: pointer; top: 55%; transform: translateY(-50%); } .account__edit-left-item-show.active svg path { fill: var(--Green); } .account { padding-bottom: 100px; } .cart__block { padding: 42px 50px; border-radius: 24px; background-color: var(--White); } .cart__link { max-width: 320px; width: 100%; padding: 20px 0; background: var(--Green); color: var(--White); text-transform: uppercase; font-size: 18px; font-weight: bold; border-radius: 8px; display: flex; align-items: center; justify-content: center; margin: 40px auto 0; } .cart__link:hover { background-color: var(--Hover-green); } .cart__action { display: flex; gap: 55px; justify-content: center; margin-bottom: 35px; } .cart__action-check input { position: absolute; z-index: -1; opacity: 0; } .cart__action-check label { font-size: 16px; color: var(--Dark-grey); padding-left: 38px; position: relative; cursor: pointer; } .cart__action-check input+label::before { position: absolute; content: ''; display: block; width: 22px; height: 22px; border-radius: 2px; left: 0; top: 0; background-position: center center; background-repeat: no-repeat; border: 1px solid var(--Stroke-line); } .cart__action-check input:checked+label:before { background: url('data:image/svg+xml,') no-repeat center center; border-color: var(--Green); } .cart__action-check input:checked+label { color: var(--Green); } .cart__action-del { display: flex; align-items: center; text-align: left; gap: 16px; color: var(--Dark-grey); font-size: 16px; } .cart__action-delall { display: flex; align-items: center; gap: 16px; color: var(--Dark-grey); font-size: 16px; text-align: left; } .cart__block-list { gap: 39px; display: flex; flex-direction: column; margin-top: 39px; } .cart__block-item { display: flex; padding: 16px 130px; border-top: 1px solid var(--Stroke-line-lite); border-bottom: 1px solid var(--Stroke-line-lite); gap: 27px; align-items: center; } .cart__block-item-check input { position: absolute; z-index: -1; opacity: 0; } .cart__block-item-check input+label { position: relative; padding-left: 22px; cursor: pointer; } .cart__block-item-check input+label::before { position: absolute; content: ''; display: block; width: 22px; height: 22px; border-radius: 2px; background-position: center center; background-repeat: no-repeat; border: 1px solid var(--Stroke-line); } .cart__block-item-check input:checked+label:before { background: url('data:image/svg+xml,') no-repeat center center; border-color: var(--Green); } .cart__block-item-image { height: 175px; } .cart__block-item-image img { height: 100%; } .cart__block-info { flex: 1; } .cart__block-item-info-top { display: flex; align-items: center; margin-bottom: 8px; padding-right: 130px; gap: 8px; justify-content: space-between; } .cart__block-item-info-name { font-size: 24px; font-weight: 500; color: var(--Color-text); } .cart__block-item-info-articul { font-size: 12px; color: var(--Text-gray); margin-bottom: 8px; } .cart__block-item-info-reviews { display: flex; gap: 2px; } .cart__block-item-action { display: flex; align-items: center; } .cart__block-item-action-price { font-size: 20px; font-weight: 500; color: var(--Green); margin-right: 34px; } .cart__block-item-action-count { display: flex; border-radius: 4px; padding: 3px 0; overflow: hidden; background-color: var(--Green); } .cart__block-item-action-count button { background: var(--Green); display: flex; align-items: center; justify-content: center; padding: 10px; } .cart__block-item-action-count input { background-color: var(--White); max-width: 30px; display: flex; align-items: center; justify-content: center; border: none; text-align: center; font-size: 14px; } .cart__block-item-action-wish, .cart__block-item-action-del { width: 40px; height: 40px; border-radius: 4px; border: 1px solid var(--Green); display: flex; align-items: center; justify-content: center; margin-left: 8px; } .cart__block-item-action-wish:hover, .cart__block-item-action-del:hover { background-color: var(--Green); } .cart__block-item-action-wish:hover svg path, .cart__block-item-action-del:hover svg path { fill: var(--White); } .cart__action-addcart { display: flex; align-items: center; gap: 16px; color: var(--Dark-grey); font-size: 16px; text-align: left; } .cart__block-item-action-add { display: flex; align-items: center; padding: 8px 26px; background: var(--Green); color: var(--White); border-radius: 4px; font-size: 14px; font-weight: bold; text-transform: uppercase; gap: 10px; } .cart__block-item-action-add.disabled { opacity: 0.5; pointer-events: none; } .cart__block-item-action-delete { width: 70px; height: 35px; display: flex; align-items: center; justify-content: center; border-radius: 4px; border: 1px solid var(--Green); margin-left: 7px; } .empty-wishlist { gap: 39px; display: flex; flex-direction: column; align-items: center; } .checkout__title { font-size: 48px; font-weight: 500; color: var(--Color-text); text-align: center; margin-bottom: 40px; } .checkout__block { max-width: 1116px; width: 100%; border-radius: 24px; background-color: var(--White); padding: 80px 35px; margin: 0 auto; } .checkout__block-item-title { text-align: center; font-size: 20px; font-weight: 500; margin-bottom: 45px; } .checkout__block-cart-item { padding: 12px 17px; border-radius: 8px; background-color: var(--background-page); display: flex; max-width: 245px; width: 100%; gap: 16px; align-items: center; } .checkout__block-cart-item-img { height: 52px; background-color: var(--White); border-radius: 4px; overflow: hidden; } .checkout__block-cart-item-img img { height: 100%; object-fit: contain; margin: 0 auto; } .checkout__block-cart-item-name { font-size: 16px; color: var(--Color-text); margin-bottom: 4px; } .checkout__block-cart-item-count { font-size: 12px; color: var(--Text-gray); } .checkout__block-cart { display: flex; flex-wrap: wrap; gap: 4px; } .checkout__block-change { margin-top: 14px; color: var(--Green); font-size: 16px; display: block; } .checkout__block-item:not(:last-child) { padding-bottom: 47px; border-bottom: 1px solid var(--Stroke-line); margin-bottom: 47px; } .checkout__block-form-checks { display: flex; flex-wrap: wrap; justify-content: center; gap: 28px; margin-bottom: 16px; } .checkout__block-form_dev { justify-content: flex-start; } .checkout__block-form_item { max-width: calc(50% - 14px); width: 100%; } .checkout__block-form-check input { position: absolute; z-index: -1; opacity: 0; } .checkout__block-form-check input+label { position: relative; padding-left: 30px; font-size: 16px; cursor: pointer; display: block; color: var(--Text-gray); } .checkout__block-form-check input+label:before { position: absolute; content: ''; display: block; top: 50%; transform: translateY(-50%); left: 0; width: 22px; height: 22px; border-radius: 100%; border: 1px solid var(--Stroke-line); } .checkout__block-form-check input:checked+label:before { background-color: var(--Green); border-color: var(--Green); box-shadow: inset 0 0 0 3px var(--White); } .checkout__block-form-item { display: flex; align-items: center; max-width: 512px; gap: 8px; margin: 0 auto; justify-content: space-between; } .checkout__block-form-item:not(:last-child) { margin-bottom: 16px; } .checkout__block-form-item label { font-size: 16px; color: var(--Text-gray); } .checkout__block-form-item label span { color: var(--Green); } .checkout__block-form-item input { max-width: 288px; width: 100%; height: 52px; display: flex; align-items: center; padding: 16px; border: 1px solid var(--Stroke-line); border-radius: 4px; } .checkout__block-form-item-file { position: relative; display: inline-block; margin: 0 auto; } .checkout__block-form-item-file span { font-size: 16px; color: var(--Green); text-decoration: underline; cursor: pointer; outline: none; } .checkout__block-form-item-file input[type=file] { position: absolute; z-index: -1; opacity: 0; display: block; width: 0; height: 0; } .checkout__block-form-block { display: none; } .checkout__block-form-block.active { display: block; } .checkout__block-form-delivery { max-width: 730px; margin: 10px auto 0; font-size: 16px; color: var(--Color-text); line-height: 1.6em; } .checkout__block-item-info div { display: flex; align-items: center; gap: 8px; font-size: 16px; margin: 0 auto 8px; color: var(--Text-gray); max-width: 512px; width: 100%; } .checkout__block-item-info div p { width: 192px; } .checkout__block-item-info-total { font-size: 18px !important; margin-top: 16px !important; } .checkout__block-item-info-total span { font-weight: 500; } .checkout__form-check { display: flex; justify-content: center; margin: 40px 0 17px; } .checkout__form-check input { position: absolute; opacity: 0; z-index: -1; } .checkout__form-check input+label { font-size: 12px; color: var(--Text-gray); position: relative; cursor: pointer; padding-left: 30px; } .checkout__form-check input+label a { color: var(--Green); } .checkout__form-check input+label:before { position: absolute; content: ''; display: block; top: 50%; transform: translateY(-50%); left: 0; width: 22px; height: 22px; background-color: var(--White); border: 1px solid var(--Stroke-line); border-radius: 2px; background-position: center center; background-repeat: no-repeat; } .checkout__form-check input:checked+label:before { background: url('data:image/svg+xml,') no-repeat center center; border-color: var(--Green); } .checkout__form-btn { max-width: 320px; width: 100%; padding: 20px; background-color: var(--Green); border-radius: 8px; color: var(--White); text-transform: uppercase; font-size: 18px; font-weight: bold; margin: 0 auto; display: flex; align-items: center; justify-content: center; } .checkout__form-btn.disabled { pointer-events: none; opacity: 0.5; } .checkout__form-btn:hover { background: var(--Hover-green); } .checkout { padding-bottom: 100px; } .goods__block { display: flex; gap: 98px; } .goods__block-left { display: flex; gap: 19px; max-width: 676px; max-height: 646px; } .goods__block-left-thums { max-width: 124px; height: 100%; } .goods__block-left-thums .swiper-slide { width: 100%; height: 150px; border-radius: 24px; overflow: hidden; display: flex; padding: 10px; background-color: var(--White); align-items: center; justify-content: center; } .goods__block-left-slider { width: 100%; height: 100%; } .goods__block-left-slider .swiper-slide { background-color: var(--White); border-radius: 24px; display: flex; align-items: center; justify-content: center; } .goods__block-right-title { font-size: 40px; font-weight: 500; color: var(--Color-text); line-height: 1.4em; margin-bottom: 27px; } .goods__block-right-text { margin-bottom: 27px; font-size: 16px; border-radius: 32px; background-color: var(--White); padding: 50px; line-height: 1.6em; } .goods__block-right-text ul, .lists-formatted-green ul { list-style: unset; list-style-position: inside; padding: 0.5rem 0; } .goods__block-right-text li, .lists-formatted-green li { margin-bottom: 0.4rem; margin-left: min(20%, 40px); } .goods__block-right-text li::marker, .lists-formatted-green li::marker { color: var(--Green); } .lists-formatted-green ol { counter-reset: li; } .lists-formatted-green ol>li::before { background-color: var(--Green); color: white; content: counter(li); counter-increment: li; height: 2em; width: 2em; text-align: center; font-weight: bold; border-radius: 1.5em; display: inline-block; line-height: 2em; margin-right: 1em; margin-left: min(-40px, 20%); margin-bottom: -0.5em; } .goods__block-right-list { padding-left: 50px; } .goods__block-right-list li:not(:last-child) { margin-bottom: 16px; } .goods__block-right-list li { display: flex; align-items: center; gap: 69px; } .goods__block-right-list li p:first-child { font-size: 16px; color: var(--Text-gray); max-width: 180px; width: 100%; } .goods__block-right-list li p:last-child { font-size: 16px; color: var(--Color-text); } .goods__block-right-info { color: var(--Text-gray); display: flex; align-items: center; margin-bottom: 27px; justify-content: space-between; } .goods__block-right-info-review { /* display: flex; */ display: none; align-items: center; gap: 16px; } .goods__block-right-info-review div { display: flex; gap: 8px; align-items: center; } .goods__block-right-info-review p { font-size: 16px; } .goods__block-right-info-articul { font-size: 16px; } .goods__block-right-action { display: flex; align-items: center; margin-top: 27px; } .goods__block-right-action-price { font-size: 40px; font-weight: 500; color: var(--Green); margin-right: 34px; } .goods__block-right-action-count { display: flex; background-color: var(--Green); border-radius: 4px; overflow: hidden; padding: 3px; } .goods__block-right-action-count button { display: flex; align-items: center; justify-content: center; padding: 10px; } .goods__block-right-action-count input { max-width: 30px; border: none; text-align: center; font-size: 14px; color: var(--Color-text); } .goods__block-right-action-buy { max-width: 200px; width: 100%; padding: 10px; background-color: var(--Green); color: var(--White); text-transform: uppercase; font-size: 16px; font-weight: bold; border-radius: 4px; margin: 0 8px; } .goods__block-right-action-buy:hover { background-color: var(--Hover-green); } .goods__block-right-action-wish { width: 40px; height: 40px; border-radius: 4px; border: 1px solid var(--Green); display: flex; align-items: center; justify-content: center; } .goods__block-right-action-wish:hover { background-color: var(--Green); } .goods__block-right-action-wish:hover svg path { fill: var(--White); } .goods__block-right-action-markets { display: flex; gap: 4px; margin-left: auto; margin-bottom: 10px; } .goods__block-right-action-markets a { max-width: 80px; } .goods__reviews { padding: 50px; border-radius: 32px; background-color: var(--White); margin-top: 80px; } .goods__reviews-top { display: flex; align-items: center; gap: 105px; padding-bottom: 26px; margin-bottom: 26px; border-bottom: 1px solid var(--Stroke-line); } .goods__reviews-top-title { font-size: 24px; font-weight: 500; color: var(--Color-text); } .goods__reviews-top-title .wblink { color: #970b97; } .goods__reviews-top-info { display: flex; align-items: center; gap: 16px; } .goods__reviews-top-info p { font-size: 24px; font-weight: 500; color: var(--Color-text); } .goods__reviews-top-info div { display: flex; gap: 4px; } .goods__reviews-top-info span { font-size: 16px; color: var(--Text-gray); } .goods__reviews-list-item { padding-bottom: 26px; margin-bottom: 26px; border-bottom: 1px solid var(--Stroke-line); } .goods__reviews-list-item-star { display: flex; gap: 4px; margin-bottom: 16px; } .goods__reviews-list-item-text { font-size: 16px; columns: var(--Text-gray); margin-bottom: 16px; } .goods__reviews-list-item-bot { display: flex; align-items: center; gap: 47px; } .goods__reviews-list-item-name { font-size: 16px; color: var(--Color-text); } .goods__reviews-list-item-date { font-size: 12px; color: var(--Text-gray); } .goods__reviews-add { max-width: 200px; width: 100%; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 4px; background-color: var(--Green); text-transform: uppercase; color: var(--White); font-size: 16px; font-weight: bold; } .goods__reviews-add:hover { background-color: var(--Hover-green); } .related { padding: 100px 0; overflow: hidden; } .related__title { font-size: 48px; font-weight: 500; color: var(--Color-text); margin-bottom: 40px; } .goods__adaptive-info { display: none; } .catalogue__cat { display: flex; flex-wrap: wrap; margin-bottom: 20px; } .catalogue__cat-item { padding: 16px 36px; background: var(--White); border: 1px solid var(--Stroke-line); font-size: 20px; display: flex; align-items: center; gap: 16px; text-decoration: none; font-weight: 500; color: var(--Color-text); } .catalogue__cat-item:hover { text-decoration: none; color: var(--Color-text); background-color: var(--Hover-white-opacity); } .catalogue__cat-item span { padding: 2px 5px; font-size: 12px; min-width: 22px; display: flex; align-items: center; justify-content: center; color: var(--Text-gray); border: 1px solid var(--Stroke-line); } .catalogue__cat-item.active { background-color: var(--Green); border-color: var(--Green); color: var(--White); } .catalogue__cat-item.active span { color: var(--White); border-color: var(--White); } .catalogue__block { display: flex; gap: 105px; } .catalogue__sidebar { max-width: 256px; width: 100%; display: none; } .catalogue__sidebar-reset { font-size: 16px; color: var(--Text-gray); text-decoration: underline; } .catalogue__sidebar-item-header { display: flex; align-items: center; gap: 8px; font-size: 20px; font-weight: 500; color: var(--Color-text); cursor: pointer; justify-content: space-between; } .catalogue__sidebar-item-header.active svg { transform: rotate(180deg); } .catalogue__sidebar-item-check { padding-right: 50px; width: 100%; display: flex; align-items: center; } .catalogue__sidebar-item-check input { position: absolute; opacity: 0; z-index: -1; } .catalogue__sidebar-item-check input+label { padding-left: 28px; position: relative; cursor: pointer; font-size: 16px; color: var(--Color-text); } .catalogue__sidebar-item-check input+label:before { position: absolute; content: ''; display: block; left: 0; top: 2px; width: 18px; height: 18px; border: 1px solid var(--Stroke-line); background-repeat: no-repeat; background-position: center center; } .catalogue__sidebar-item-check input:checked+label:before { background: url('data:image/svg+xml,') no-repeat center center; border-color: var(--Green); } .catalogue__sidebar-item-check span { padding: 5px 10px; border-radius: 100px; background-color: var(--Text-light); font-size: 12px; color: var(--Color-text); margin-left: auto; display: block; width: max-content; } .catalogue__sidebar-item-content { padding-top: 16px; display: none; } .catalogue__sidebar-item-content.active { display: block; } .catalogue__sidebar-item { padding-top: 16px; margin-top: 16px; border-top: 1px solid var(--Stroke-line); } .catalogue__sidebar-item-check:not(:last-child) { margin-bottom: 8px; } .catalogue__sidebar-btn { max-width: 100%; width: 100%; background-color: var(--Green); font-size: 18px; font-weight: bold; color: var(--White); text-transform: uppercase; border-radius: 8px; padding: 20px 0; margin-top: 34px; } .catalogue__list-top { display: flex; /* align-items: center; */ justify-content: space-between; margin-bottom: 24px; } .catalogue__list-top-count { font-size: 20px; font-weight: 500; color: var(--Text-gray); } .catalogue__list-top-count span { color: var(--Green); font-size: 24px; } .catalogue__list-top-right { display: flex; align-items: center; gap: 16px; } .catalogue__list-top-sortspan { font-size: 16px; color: var(--Text-gray); } .catalogue__list-sort { position: relative; } .catalogue__list-sort .sort { position: absolute; width: 100%; min-width: 10rem; left: 0; top: calc(100% + 5px); z-index: 2; display: none; background-color: var(--White); border-radius: 10px; border: 1px solid var(--Stroke-line); overflow: hidden; } .catalogue__list-sort .sort>a:hover { background-color: var(--Hover-green-opacity); } .catalogue__list-sort .sort>a.active { background-color: #b0dda8; } .catalogue__list-sort .sort.active { display: block; } .catalogue__list-sort .sort a { display: block; padding: 10px; color: var(--Color-text); font-size: 14px; font-weight: 500; text-decoration: none; } .catalogue__list-sort-name { display: flex; align-items: center; justify-content: space-between; gap: 16px; cursor: pointer; padding: 8px 16px; background-color: var(--Hover-green-opacity); border-radius: 8px; } .catalogue__list-sort-name span { font-size: 16px; color: var(--Bg-black); } .catalogue__list-products { /* columns: 3; */ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 40px 24px; columns: initial !important; } .catalogue__list-products .product__card { /* margin-bottom: 24px; */ /* max-width: 100%; */ display: flex; flex-direction: column; } .product__card-bottom { margin-top: auto; } .catalogue__list { width: 100%; } .catalogue__list-nav { display: flex; gap: 4px; justify-content: center; align-items: center; margin-top: 20px; margin-bottom: 10px; } .catalogue__list-nav-link { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--Text-gray); font-size: 16px; font-weight: 500; color: var(--Text-gray); border-radius: 4px; } .catalogue__list-nav-link.active { background-color: var(--Green); border-color: var(--Green); color: var(--White); } .catalogue__list-nav a:first-child { margin-right: 8px; } .catalogue__list-nav a:last-child { margin-left: 8px; } .catalogue__list-top-filter { max-width: 220px; width: 100%; align-items: center; justify-content: center; gap: 10px; background-color: var(--Green); border-radius: 8px; font-size: 16px; color: var(--White); display: none; padding: 10px; } .catalogue__list-desc { margin-top: 30px; margin-bottom: 40px; } .catalogue__list-desc p { margin-bottom: 10px; } .pages { display: flex; align-items: center; flex-direction: column; gap: 10px; padding: 40px 0; justify-content: center; } .pages a { font-size: 16px; font-weight: 500; color: var(--Color-text); display: block; } .bx-filter.bx-blue .bx-ui-slider-handle.left { background: none; background-color: var(--Green); border: 2px solid var(--White); border-radius: 100%; top: 50%; width: 12px; height: 12px; margin-left: 0; z-index: 99; transform: translateY(-50%); } .bx-filter.bx-blue .bx-ui-slider-handle.right { background: none; background-color: var(--Green); border: 2px solid var(--White); border-radius: 100%; top: 50%; margin-right: 0; height: 12px; z-index: 99; width: 12px; transform: translateY(-50%); } .bx-filter.bx-blue .bx-ui-slider-track { background: #323232; height: 4px; } .bx-filter.bx-blue .bx-ui-slider-pricebar-v { background: rgba(115, 193, 103, 0.28); } .bx-filter .bx-ui-slider-range { z-index: 999; } .bx-filter .bx-filter-parameters-box-container-block { display: flex; align-items: flex-end; gap: 4px; } .bx-filter .bx-filter-input-container input { height: 32px; border-radius: 4px; border: none; } .bx-filter.bx-blue .bx-filter-section { padding: 0; background-color: transparent; } .bx-filter .bx-filter-parameters-box-title span { color: var(--Color-text); } .bx-filter .bx-ui-slider-track-container { padding-left: 0; padding-right: 0; } .row { padding: 0; } .bx-filter .bx-filter-parameters-box-title span:hover { border-color: transparent; } .modal { position: fixed; top: 0; left: 0; width: 100%; /* height: 100vmax; */ height: 100vh; display: none; z-index: 99999; } .modal_block_text span { cursor: pointer; } .modal.show { display: block; } .modal_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(51, 51, 51, 0.74); } .modal_block { display: flex; gap: 14px; z-index: 1; position: absolute; /* top: 25%; */ top: 50%; left: 50%; transform: translate(-50%, -50%); } .modal_block_info { padding: 42px 57px; background-color: var(--White); border-radius: 24px; max-width: 715px; min-width: 715px; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; height: auto; } .modal_block_title { font-size: 40px; font-weight: 500; line-height: 54.64px; letter-spacing: 0.02em; text-align: left; text-align: center; } .modal_block_title nosubtext { font-size: 25px; margin-bottom: 2rem; } .modal_image { max-width: 556px; /* min-width: 556px; */ min-width: 30vw; width: 100%; min-height: 633px; height: auto; border-radius: 24px; overflow: hidden; } @media screen and (max-width: 1120px) { .modal_image { display: none; } } .modal_image img { width: 100%; height: 100%; object-fit: cover; } .modal_close { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: 100%; background-color: var(--White); cursor: pointer; flex-shrink: 0; } .modal_block_text { text-align: center; font-size: 16px; font-weight: 400; line-height: 22.4px; margin: 16px 0 36px; } .modal_block_text span { color: var(--Green); } .modal_form { /* max-width: 512px; */ max-width: 517px; width: 100%; margin: 0 auto; } .modal_form_item { width: 100%; display: flex; gap: 8px; align-items: center; margin-bottom: 16px; position: relative; justify-content: space-between; } .modal_form_item_label { font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left; } html body .ui-selectmenu-button, .modal_form_item_input { max-width: 288px; width: 100%; height: 52px; display: flex; align-items: center; padding: 0 16px; border: 1px solid var(--Stroke-line); border-radius: 4px; } .ui-selectmenu-button { background: #fff; width: 100% !important; font-size: 13px; } .ui-selectmenu-button::after { content: ''; width: 31px; height: 31px; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); background-image: url('/local/templates/new/assets/css/../img/ardo.svg'); } .ui-selectmenu-icon { display: none; } .ui-selectmenu-button:active { background: rgb(255, 255, 255, .4) !important; border-color: rgb(255, 255, 255, .4) !important; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { background: #56b946 !important; border-color: #56B946 !important; } .modal_form_item * { transition: none !important; } .modal_form_check { display: flex; justify-content: start; align-items: center; position: relative; cursor: pointer; } .modal_form_check-check { position: absolute; top: 0; left: 0; opacity: 0; pointer-events: none; } .modal_form_check-check:checked+.modal_form_check-custom { border-color: #73C167; } .modal_form_check-check:checked+.modal_form_check-custom::before { opacity: 1 !important; } .modal_form_check-check:checked+.modal_form_check-custom svg { display: block; } .modal_form_check-check:checked+.modal_form_check-custom+.modal_form_check-text { color: #73C167; } .modal_form_check.--radio .modal_form_check-custom { border-radius: 50%; padding: 3px; } .modal_form_check.--radio .modal_form_check-custom::before { content: ''; width: 100%; height: 100%; background: #73c167; border-radius: 50%; display: block; opacity: 0; } .modal_form_check-custom { width: 22px; height: 22px; border-radius: 2px; border: 1px solid #BBBBBB; flex-shrink: 0; margin-right: 8px; display: flex; justify-content: center; align-items: center; } .modal_form_check-custom svg { display: none; } .modal_form_check-text { font-size: 16px; font-weight: 400; line-height: 22.4px; color: #767676; } .modal_form_item_text { max-width: 288px; width: 100%; height: 164px; padding: 16px; border: 1px solid var(--Stroke-line); border-radius: 4px; resize: vertical; } .modal_form_item_start { align-items: flex-start; } .modal_form_item-show { position: absolute; right: 16px; transform: translateY(-50%); top: 50%; cursor: pointer; } .modal_form_check input { position: absolute; z-index: -1; opacity: 0; } .modal_form_check input+label { padding-left: 28px; display: block; font-size: 12px; font-weight: 400; line-height: 16.8px; text-align: left; position: relative; } .modal_form_check input+label a { color: var(--Green); } .modal_form_check input+label:before { position: absolute; content: ''; display: block; top: 0; left: 0; width: 20px; height: 20px; border: 1px solid var(--Stroke-line); border-radius: 2px; } .modal_form_check input:checked+label:before { background: var(--Green); border-color: var(--Green); box-shadow: inset 0 0 0 3px var(--White); } .modal_form_check input:checked+label { color: var(--Green); } .modal_form_btn { max-width: 320px; width: 100%; margin: 16px auto 0; /* background-color: var(--Green); */ background-color: #73C167; color: var(--White); border-radius: 8px; display: flex; align-items: center; justify-content: center; padding: 20px 0; font-size: 18px; text-transform: uppercase; font-weight: 700; } .modal_form_btn:hover { background-color: #56B946; } .modal_form_btn:active { background-color: #28871A; } .modal_form_btn.disabled { opacity: 0.4; pointer-events: none; } .modal_form_link { margin-top: 16px; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: center; display: block; color: var(--Green); } .goods_flex { display: flex; padding-top: 60px; gap: 21px; } .goods_flex_left { flex: 1; padding: 50px; background-color: var(--White); border-radius: 24px; } .goods_flex_title { display: block; width: 100%; padding-bottom: 26px; margin-bottom: 26px; border-bottom: 1px solid var(--Stroke-line); font-size: 24px; font-weight: 500; line-height: 32.78px; letter-spacing: 0.02em; } .goods_flex_right { max-width: 686px; width: 100%; padding: 50px; background-color: var(--White); border-radius: 24px; } .goods_flex_left .blog__content-item { max-width: calc(50% - 10px); } .goods_flex_docs_item { display: flex; align-items: center; gap: 20px; font-size: 16px; font-weight: 400; line-height: 22.4px; color: var(--Color-text); } .goods_flex_docs_item:hover { color: var(--Green); text-decoration: none; } .goods { padding-bottom: 100px; } .cart__block-list_title { font-size: 36px; text-align: center; } .catalog-structure { margin-left: 94px; z-index: 20; } .catalog-structure ul { position: relative; width: max-content; } .catalog-structure ul ul { opacity: 0; transition: all 0.5s ease; display: none; /* Скрываем все подуровни */ position: absolute; background-color: #fff; border-radius: 24px; } .catalog-structure ul ul ul { left: 100%; top: 0; min-height: 100%; background-color: var(--Stroke-line-lite); height: max-content; box-shadow: 0 0 10px rgba(114, 193, 103, 0.2); } .catalog-structure li:hover>ul { opacity: 1; transition: all 0.5s ease; display: block; /* Показываем подуровень при наведении на элемент */ } .catalog-structure a:not(.header__content-catalog) { color: var(--Color-text); padding: 16px 24px; display: flex; justify-content: space-between; align-items: center; } .catalog-structure a:not(.header__content-catalog):hover { color: var(--Green); text-decoration: none; } .succes__order { padding: 80px 0; } .modal_form_check { margin-top: 40px; } .modal_form_check input+label { color: #73c167; } .modal_form_check input+label a { text-decoration: underline; } .modal_form_check input+label::before { border: 1px solid #73C167; border-radius: 2px; } .modal_form_check input:checked+label::before { /* border-color: transparent; */ background-color: transparent; background-image: url('/local/templates/new/assets/img/check.svg'); background-position: center center; background-repeat: no-repeat; background-size: 90%; } span.green { color: #73c167; } .modal_form_item_label { color: #636363; } .modal_block_text { max-width: 408px; color: #767676; } .goods__block-right-action-markets>span img { display: block; } .goods__block-right-action-markets>span, .how__block-markets>a, .offer__banner .offer__banner-links>a { position: relative; } .how__block-markets>a::before, .offer__banner-links>a::before, .goods__block-right-action-markets>span::before, .product__card-bottom-markets>span::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(255, 255, 255, .3); display: block; z-index: 1; opacity: 0; transition: .3s; border-radius: 8px; } .how__block-markets a { width: 151px; height: 151px; } .offer__banner-links .how__block-markets a { width: 125px; height: 125px; } .how__block-markets a img { width: 100%; height: 100%; } .product__card-bottom-markets>span { position: relative; } .product__card-bottom-markets>span img { display: block; } .goods__block-right-action-markets>span:hover:before, .product__card-bottom-markets>span:hover:before, .how__block-markets>a:hover:before, .offer__banner-links>a:hover:before { opacity: 1; } .goods__block-right-action-markets>span:active:before, .product__card-bottom-markets>span:active:before, .how__block-markets>a:active:before, .offer__banner-links>a:active:before { opacity: 1; background: rgb(0, 0, 0, .3); } * { box-sizing: border-box; } .header+.content>.row { width: 100%; } .product-item-container { display: flex; /* max-width: 400px; */ width: 100%; } .product__card-images-flex { /* max-width: 400px; */ } .product__card-desc { max-width: 355px; display: flex; justify-content: start; flex-direction: column; align-items: start; } .product__card-images-flex img { /* max-width: 300px; */ } .product__card-top { display: none; } .product__card-bottom .product__card-bottom-price { margin-bottom: 20px; } .product__card-bottom-markets { display: flex; align-items: center; margin-top: 20px; } .product__card-bottom-market { max-width: 76px; width: 100%; } .product__card-bottom-market img { width: 100%; } .product__card-bottom-market:not(:last-child) { margin-right: 20px; } @media screen and (max-width: 1562px) { .catalogue__list-products { /* grid-template-columns: 1fr 1fr; */ } .catalogue__block { /* flex-direction: column; */ } } @media screen and (max-width: 1180px) { .catalogue__list-products { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 500px) { .catalogue__list-products { grid-template-columns: 1fr; } .product__card-bottom-markets { justify-content: center; } } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type='number'] { -moz-appearance: textfield; } .offer__slider:not(.--active) .offer__slider-item:not(:nth-child(1)) { opacity: 0; } .offer__slider:not(.--active) .offer__slider .offer__slider-item:first-child { z-index: 100000; opacity: 1; } .product__card-indicator { margin-left: 10px; } .product__card-bottom-buy { padding-left: 10px; padding-right: 10px; width: 100%; flex-shrink: 15; /* margin-left: 20px; */ } @media screen and (max-width: 1459px) { .product__card-bottom-wrap { flex-wrap: wrap; /* justify-content: start; */ } .product__card-bottom-wrap .product__card-bottom-buy { /* margin-left: 0; */ width: 100%; max-width: 200px; /* margin-top: 15px; */ } } @media screen and (max-width: 455px) {} .new-breadcrumb { padding: 16px 0; } .new-breadcrumb__nav { display: flex; justify-content: start; align-items: center; overflow: hidden; } .new-breadcrumb__item { font-size: 16px; font-weight: 400; line-height: 22.4px; display: flex; } .new-breadcrumb__wrap .new-breadcrumb__item { margin-right: 14px; flex-shrink: 0; } .new-breadcrumb__wrap .new-breadcrumb__item::after { content: '/'; display: inline-block; margin-left: 14px; } .new-breadcrumb__item span, .new-breadcrumb__item a { color: #000; text-decoration: none; white-space: nowrap; } .new-breadcrumb__wrap:first-child a { display: flex; } .new-breadcrumb__item span { color: #767676; } /* .new-breadcrumb__item .arrow { display: none; } */ .new-breadcrumb__wrap .new-breadcrumb__item:nth-child(1):before { background-image: url('/local/templates/new/assets/img/bc-arrow-1.svg') !important; width: 12px; } .new-breadcrumb__wrap .new-breadcrumb__item:nth-child(2):before { background-image: url('/local/templates/new/assets/img/bc-arrow-2.svg') !important; width: 24px; } .new-breadcrumb__item.current::before { background-image: url('/local/templates/new/assets/img/bc-arrow-3.svg') !important; } .new-breadcrumb__item::before { content: ''; background-image: url('/local/templates/new/assets/img/bc-arrow-3.svg') !important; background-repeat: no-repeat; background-position: left; width: 36px; height: 8px; display: block; margin-right: 10px; display: none; } .new-breadcrumb__wrap { display: flex; justify-content: start; align-items: center; } @media screen and (max-width: 780px) { .new-breadcrumb__nav { padding-left: 30px; padding-right: 30px; } .new-breadcrumb__nav { flex-direction: column; align-items: start; } .new-breadcrumb__item { display: flex; justify-content: start; align-items: center; } .new-breadcrumb__item .arrow { display: block; margin-right: 14px; } .new-breadcrumb__item::before { display: block; } .new-breadcrumb__item::after { display: none !important; } .new-breadcrumb__item:not(:last-child) { margin-right: 0; } .new-breadcrumb__wrap .new-breadcrumb__item { margin-bottom: 10px; } .new-breadcrumb__wrap { max-height: 0; transition: .3s; overflow: hidden; opacity: 0; flex-direction: column; align-items: start; } .new-breadcrumb__item a { color: #767676; } .new-breadcrumb__item.current { cursor: pointer; } /* .new-breadcrumb__item.current img { transform: rotate(180deg); transition: .4s; } */ .new-breadcrumb__item.current::before { transform: rotate(180deg); transition: .4s; } .new-breadcrumb__nav.is-active .new-breadcrumb__item.current::before { transform: none; } .new-breadcrumb__nav.is-active .new-breadcrumb__wrap { opacity: 1; } .new-breadcrumb__nav.is-active .new-breadcrumb__item.current img { transform: none; } } .new-empty { padding: 123px 0 119px; } .new-empty__wrapper { max-width: 666px; margin: 0 auto; display: flex; justify-content: start; align-items: center; flex-direction: column; } .new-empty__img {} .new-empty__header { margin-top: 36px; margin-bottom: 24px; font-size: 48px; font-weight: 500; line-height: 65.57px; letter-spacing: 0.02em; text-align: center; } .new-empty__text { font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: center; margin: 0; color: #767676; margin-bottom: 32px; } .new-empty__btn {} .catalog-structure>ul>li>ul>li>a { display: flex; justify-content: start; align-items: center; } .catalog-structure>ul { border-radius: 0 0 24px 24px; } .catalog-structure>ul>li>ul>li>a::after { content: ''; width: 18px; height: 18px; display: block; margin-left: auto; background-image: url('/local/templates/new/assets/css/../img/chevron-down.svg'); background-repeat: no-repeat; background-size: contain; background-position: center center; } .catalog-structure>ul>li>ul>li>a+ul { max-width: 340px; width: 100%; background: #fff; box-shadow: none; transform: none; min-height: auto; top: 0; } .catalog-structure>ul>li>ul>li { position: relative; } body .listing ul ul { /* top: 295%; */ top: 148%; } .catalog-structure ul ul { top: 179%; } .catalog-structure>ul>li>ul>li:nth-child(1)>ul, .catalog-structure>ul>li>ul { border-radius: 0 0 24px 24px; } .catalog-structure ul ul::before { content: ''; width: 100%; height: 50px; /* border: 1px solid red; */ display: block; position: absolute; top: -50px; } .listing { margin-left: 0; } .listing .listing-trigger { font: inherit; text-transform: uppercase; font-weight: 700; padding: 0 !important; text-decoration: none !important; z-index: 100; } @media screen and (max-width: 1356px) { .listing .listing-trigger { width: 100%; } .listing .listing-trigger::after { content: ''; width: 18px; height: 18px; display: block; margin-left: auto; background-image: url('/local/templates/new/assets/css/../img/chevron-down.svg'); background-repeat: no-repeat; background-size: contain; background-position: center center; flex-shrink: 0; transform: rotate(90deg); } .listing .listing-trigger+ul { min-width: auto !important; border-radius: 0; } .catalog-structure.listing>ul>li { width: 100%; } } .listing>ul>li>ul>li>a::after { display: none; } .listing .listing-trigger+ul { min-width: 340px; left: -23px; } html body .listing ul a { font-size: 16px; line-height: 110%; font-weight: 400; text-transform: initial; } .header-mobile-menu { display: flex; align-items: center; } .header__content-gamb { position: relative; display: none; justify-content: center; align-items: center; width: 28px; height: 28px; transition: .3s; } .header__content-gamb__item { height: 1px; width: 12px; background: #fff; display: none; } .header__content-gamb::before, .header__content-gamb::after { content: ''; width: 15px; height: 1px; background: #fff; display: block; position: absolute; left: 50%; transform: translateX(-50%); display: none; } .header__content-gamb.is-active .header__content-gamb__item { opacity: 0; } .header__content-gamb.is-active svg { display: none; } .header__content-gamb.is-active::before, .header__content-gamb.is-active::after { top: 50%; left: 50%; display: block; } .header__content-gamb.is-active::before { transform: translate(-50%, -50%) rotate(45deg); } .header__content-gamb.is-active::after { transform: translate(-50%, -50%) rotate(-45deg); } .header__content-gamb::before { top: 14px; } .header__content-gamb::after { bottom: 13px !important; } .new-catalog-text-16 { font-size: 16px; font-weight: 400; line-height: 22.4px; color: #767676; } .new-catalog { padding-top: 24px; padding-bottom: 94px; } .new-catalog__wrapper {} .new-catalog__header { font-size: 48px; font-weight: 500; line-height: 65.57px; letter-spacing: 0.02em; text-align: center; margin: 0; margin-bottom: 24px; } .new-catalog__body { background: #fff; border-radius: 24px; padding: 42px 50px 42px; } .new-catalog__header+.new-catalog__body { padding-left: 0; padding-right: 0; } .new-catalog__discount { display: flex; justify-content: center; align-items: center; position: relative; padding: 0 54px; margin-bottom: 82px; } .new-catalog__discount-main {} .new-catalog__discount-header { text-align: center; margin-bottom: 12px; } .new-catalog__discount-value { padding: 16px 36px; text-align: center; font-size: 20px; font-weight: 500; line-height: 27.32px; letter-spacing: 0.02em; color: #0d0d0d; background: #73C16733; } .new-catalog__clear-cart { display: flex; justify-content: start; align-items: center; position: absolute; bottom: 19px; right: 54px; font-size: 16px; font-weight: 400; line-height: 22.4px; color: #636363; } .new-catalog__clear-cart img { margin-right: 16px; } .new-catalog__progress { padding: 0 54px; display: flex; justify-content: start; align-items: center; margin-bottom: 84px; } .new-catalog__progress-header { flex-shrink: 0; margin-right: 32px; } .new-catalog__progress-main { width: 100%; position: relative; display: flex; justify-content: space-between; align-items: center; padding-left: 62px; } .new-catalog__progress-bar { position: absolute; top: 50%; left: 0; width: 100%; height: 5px; border-radius: 5px; background: #f3f3f3; z-index: 1; } .new-catalog__progress-bar__inner { height: 100%; width: 50%; border-radius: 5px; background: #73c167; } .new-catalog__progress-item { width: 19px; height: 19px; border-radius: 50%; border: 5px solid #fff; position: relative; z-index: 2; background: #f3f3f3; box-shadow: 2px 2px 5px 0px #0000001A; flex-shrink: 0; /* position: absolute; top: 50%; transform: translateY(-50%); */ } .new-catalog__progress-item.--active { background: #73c167; } .new-catalog__progress-item .percent { font-size: 16px; font-weight: 500; line-height: 21.86px; letter-spacing: 0.02em; color: #0d0d0d; position: absolute; top: -34px; left: 50%; transform: translateX(-50%); width: max-content; } .new-catalog__progress-item .summ { font-size: 14px; font-weight: 400; line-height: 19.6px; color: #767676; position: absolute; bottom: -34px; left: 50%; transform: translateX(-50%); width: max-content; } .new-catalog__goods {} .new-catalog__goods-acc {} .new-catalog__goods-acc.--active .new-catalog__goods-trigger img { transform: rotate(270deg); } .new-catalog__goods-acc:not(.--active) .new-catalog__goods-content { /* display: none; */ } .new-catalog__goods-acc:not(:last-child) { margin-bottom: 32px; } .new-catalog__goods-trigger { display: flex; justify-content: space-between; align-items: center; font-size: 24px; font-weight: 500; line-height: 32.78px; letter-spacing: 0.02em; color: #0d0d0d; padding: 0 54px; cursor: pointer; } .new-catalog__goods-trigger img { transform: rotate(90deg); } .new-catalog__goods-content { /* display: none; */ transition: none !important; } .new-catalog__goods-content__inner { padding-top: 32px; padding-bottom: 24px; } .new-catalog__goods-items {} .new-catalog__goods-item { padding: 20px 54px; display: grid; grid-template-columns: 1fr 3fr 2fr 2fr 3fr; gap: 28px; align-items: center; border-bottom: 1px solid #F3F3F3; } .new-catalog__goods-item.is-active { background: rgba(115, 193, 103, 0.1); } .new-catalog__goods-item.--green { background: #73C16733; } .new-catalog__goods-item__img { width: 49px; height: 49px; } .new-catalog__goods-item__img img { width: 100%; height: 100%; object-fit: contain; } .new-catalog__goods-item__info {} .new-catalog__goods-item__name { font-size: 18px; font-weight: 500; line-height: 24.59px; letter-spacing: 0.02em; color: #0d0d0d; display: block; text-decoration: none; margin-bottom: 4px; } .new-catalog__goods-item__art {} .new-catalog__goods-item__price {} .new-catalog__goods-item__price-old { font-size: 14px; font-weight: 400; line-height: 19.6px; color: #767676; position: relative; margin-right: 12px; white-space: nowrap; } .new-catalog__goods-item__price-old::after { content: ''; width: 100%; height: 1px; background: #767676; position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: block; } .new-catalog__goods-item__price-actual { font-size: 18px; font-weight: 500; line-height: 24.59px; letter-spacing: 0.02em; color: #0d0d0d; white-space: nowrap; } .new-catalog__goods-item__amount {} .new-catalog__goods-item__amount .product__card-counters { max-width: 160px; } .new-catalog__goods-item__summ {} .new-catalog__goods-item__summ-top { display: flex; justify-content: end; align-items: center; margin-bottom: 4px; } .new-catalog__goods-item__summ-old { font-size: 14px; font-weight: 400; line-height: 19.6px; color: #767676; position: relative; margin-right: 12px; white-space: nowrap; } .new-catalog__goods-item__summ-old::after { content: ''; width: 100%; height: 1px; background: #767676; position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: block; } .new-catalog__goods-item__summ-actual { font-size: 18px; font-weight: 500; line-height: 24.59px; letter-spacing: 0.02em; text-align: right; color: #73c167; white-space: nowrap; } .new-catalog__goods-item__summ-nds { text-align: right; font-size: 14px; font-weight: 400; line-height: 19.6px; color: #767676; } .new-catalog__bottom { margin-top: 24px; } .new-catalog-bottom__bot, .new-catalog-bottom__top { display: grid; grid-template-columns: 1fr 1fr; gap: 83px; } .new-catalog-bottom__top { margin-bottom: 40px; } .new-catalog-bottom__summ { display: grid; grid-template-columns: 1fr 1fr; gap: 39px; } .new-catalog-bottom__summ-header { font-size: 20px; font-weight: 500; line-height: 27.32px; letter-spacing: 0.02em; color: #202020; } .new-catalog-bottom__amount { display: flex; justify-content: start; align-items: center; } .new-catalog-bottom__amount-val { font-size: 24px; font-weight: 500; line-height: 32.78px; letter-spacing: 0.02em; margin-right: 24px; } .new-catalog-bottom__amount-boxes { font-size: 24px; font-weight: 500; line-height: 32.78px; letter-spacing: 0.02em; display: flex; justify-content: center; align-items: center; } .new-catalog-bottom__amount-boxes svg { margin-left: 8px; } .new-catalog__checkout { padding: 20px 77px; font-size: 18px; font-weight: 700; line-height: 22.5px; color: #fff; text-align: center; background: #73c167; border-radius: 8px; display: block; margin: 24px auto 0; max-width: 325px; } @media screen and (max-width: 1155px) { .new-catalog__discount { padding: 0; margin-bottom: 32px; } .new-catalog__clear-cart { right: -30px; } .new-catalog__progress { padding: 0; } .new-catalog__progress { flex-direction: column; align-items: center; } .new-catalog__progress-header { margin-right: 0; margin-bottom: 58px; } .new-catalog__progress-header br { display: none; } .new-catalog__goods-trigger { padding: 0; } .new-catalog__goods-item { grid-template-columns: 1fr 2fr 2fr 2fr; gap: 8px 28px; } .new-catalog__goods-item__img { grid-row: 1/3; } .new-catalog__goods-item__info { grid-column: 2/5; } .new-catalog__goods-item__amount .product__card-indicator { display: none !important; } .new-catalog__goods-item .new-catalog__goods-item__summ-old { display: none; } .new-catalog__goods-item .new-catalog__goods-item__summ-nds { display: none; } .new-catalog-bottom__bot, .new-catalog-bottom__top { gap: 20px; grid-template-columns: 2fr 1fr; } .new-catalog-bottom__bot .new-catalog-bottom__price { grid-column: 1/3; } .new-catalog-bottom__bot .new-catalog-bottom__price .new-catalog__goods-item__summ-nds { text-align: left; } .new-catalog-bottom__top { align-items: center; } } @media screen and (max-width: 650px) { /* .new-catalog__progress-item { position: absolute; top: 50%; transform: translateY(-50%); left: 50%; } */ /* .new-catalog__progress-item.--active { left: 25%; } */ .new-catalog__header { font-size: 24px; line-height: 120%; } .new-catalog__clear-cart img { margin-right: 0; } .new-catalog__goods-trigger { font-size: 16px; line-height: 120%; } .new-catalog__goods-item { align-items: start; grid-template-columns: 1fr 5fr; gap: 10px 13px; } .new-catalog__goods-item__info { grid-column: initial; } .new-catalog__goods-item__img { grid-row: 1/5; } .new-catalog__body { padding: 30px 32px; } .new-catalog__clear-cart { right: 0; } .new-catalog__clear-cart span { display: none; } .new-catalog__goods-item { padding: 20px 25px; } .new-catalog__goods-item__summ-actual { text-align: left; } .new-catalog__goods-item .new-catalog__goods-item__summ-top { justify-content: start; } .new-catalog__goods-item__name { font-size: 14px; } .new-catalog-text-16 { font-size: 14px; line-height: 120%; } .new-catalog-bottom__bot, .new-catalog-bottom__top { grid-template-columns: 1fr; gap: 0; } .new-catalog-bottom__amount-boxes { display: none; } .new-catalog-bottom__amount { justify-content: end; } .new-catalog-bottom__amount-val { margin-right: 0 !important; } .new-catalog-bottom__amount-val { font-size: 16px !important; line-height: 120%; } .new-catalog__goods-item__summ-nds { margin-top: 12px; } /* .new-catalog__progress-item { display: none; } .new-catalog__progress-item.--active:last-of-type { display: block; } .new-catalog__progress-item:not(.--active):first-of-type { display: block; } */ .new-catalog__progress-main { justify-content: start; } .new-catalog__progress-item:not(:last-child) { margin-right: 70px; } } .header { position: relative; z-index: 1000; } .header { transform: translate3d(0, 0, 0); } html body .btn-green { color: #fff !important; background: #73c167; border-color: #73c167; } html body .btn-green:hover { background: #56B946; border-color: #73c167; } html body .btn-green:active { background: #28871A; border-color: #28871A; } html body .btn-green-bordered { color: #73c167 !important; background: transparent; border-color: #73c167; border: 1px solid #73c167; } html body .btn-green-bordered:hover { background: rgb(115, 193, 103, .2); border-color: #73c167; } html body .btn-green-bordered:active { background: rgb(115, 193, 103, .4); border-color: #73c167; } html body .btn-white { color: #767676 !important; background: #fff; border-color: #fff; } html body .btn-white:hover { background: #E1E1E1; border-color: #E1E1E1; } html body .btn-white:active { background: #B1B1B1; border-color: #B1B1B1; } html body .btn-white-bordered { color: #fff !important; background: transparent; border-color: #fff; border: 1px solid #fff; } html body .btn-white-bordered:hover { background: rgb(255, 255, 255, .2); border-color: #fff; } html body .btn-white-bordered:active { background: rgb(255, 255, 255, .4); border-color: #fff; } .goods-new-blog { margin-top: 60px; } .goods-blog__wrapper { display: grid; grid-template-columns: 3fr 2fr; gap: 21px; } .goods-blog__news { padding: 39px 50px 46px; background: #fff; border-radius: 32px; } .goods-blog__headline { padding-bottom: 26px; border-bottom: 1px solid #BBBBBB; font-size: 24px; font-weight: 500; line-height: 32.78px; letter-spacing: 0.02em; color: #0d0d0d; display: block; } .goods-blog__news-body { display: flex; justify-content: start; align-items: start; margin-top: 26px; } .goods-blog__news-body .blog__content-item { /* max-width: 406px; */ max-width: calc(45% - 15px); width: 100%; } .goods-blog__news-body .blog__content-item:not(:last-child) { margin-right: 20px; } .goods-blog__documents { padding: 39px 50px 46px; background: #fff; border-radius: 32px; } .goods-blog__document { display: flex; justify-content: start; align-items: center; font-size: 16px; font-weight: 400; line-height: 22.4px; color: #353535; padding: 26px 0; white-space: wrap; word-break: break-all; } .goods-blog__document:not(:last-child) { border-bottom: 1px solid #BBBBBB; } .goods-blog__document svg { margin-right: 25px; flex-shrink: 0; } .goods-blog__document-view svg { transition: .3s; } .goods-blog__document.--active .goods-blog__document-view svg { transform: rotate(-180deg); } @media screen and (max-width: 1440px) { .goods-blog__wrapper { grid-template-columns: 1fr; } } @media screen and (max-width: 1200px) { .new-breadcrumb { padding-left: 20px; padding-right: 20px; } } @media screen and (max-width: 830px) { .goods-blog__news-body .blog__content { /* width: 100%; */ /* flex-direction: column; */ } .goods-blog__news-body .blog__content-item { max-width: 400px; width: 100%; } .goods-blog__news-body .blog__content-item:not(:last-child) { margin-right: 0; margin-bottom: 20px; } .goods-blog__documents, .goods-blog__news { padding: 30px 20px; } .product__card-bottom-market { width: 55px; height: 55px; } } .garant__slider .swiper-button-next::after, .garant__slider .swiper-button-prev::after, .offer__block .swiper-button-next::after { color: var(--Green); } .offer__block .swiper-button-prev::after { color: #fff; } @media screen and (max-width: 575px) { .swiper-button-next::after { color: #fff !important; } } .offer__slider-item.swiper-slide:not(.swiper-slide-visible) { opacity: 0 !important; } .offer__slider-item { /* border-radius: 0px !important; */ } .offer__slider-left { /* border-radius: 0 0 32px 32px; */ } .new-modals__btns { display: flex; justify-content: start; align-items: center; } .new-modal__btn { padding: 20px 90px; border-radius: 8px; font-size: 18px; text-transform: uppercase; display: flex; justify-content: start; align-items: center; } .new-modal__btn svg { margin-left: 10px; } .new-modal__btn:not(:last-child) { margin-right: 12px; } .new-modal__btn.btn-green-bordered { border: 1px solid; } .bx-authform { margin-left: 10%; margin-right: 20px; } .bx-authform .bx-title { margin-bottom: 10px; } .bx-authform input[type="submit"] { border-radius: 8px; font-size: 18px; font-weight: 700; line-height: 120%; padding: 10px 20px; max-width: 200px; width: 100%; margin-left: 8%; color: #fff !important; background: #73c167; border: none; } .bx-authform input[type="submit"]:hover { background: #56B946; } .bx-authform input[type="submit"]:active { background: #28871A; } .bx-authform a { color: var(--Green); font-size: 14px; } .bx-authform a:hover { color: #28871A; } @media screen and (max-width: 805px) { .new-modal__btn { padding: 10px 20px; width: 100%; } } .goods-new-blog .goods-blog__news { overflow: hidden; } .goods-new-blog .blog__content { width: 100%; } .goods-new-blog .swiper-btn { color: #fff; background: #73c167; border-radius: 50%; width: 50px; height: 50px; } .goods-new-blog .swiper-btn { top: 30%; } .goods-new-blog .swiper-btn::after { font-size: 20px; } .goods-blog__documents-wrap { min-height: 454px; max-height: 554px; overflow-y: auto; } @media screen and (max-width: 1440px) { .goods-blog__documents-wrap { min-height: unset; max-height: unset; overflow-y: unset; } } .diller__left-form-item input { font-size: 16px; } .article__block-right .swiper-btn { color: #fff !important; } .title_h1 { font-size: 37px; font-weight: 500; margin-bottom: 39px; color: var(--Color-text); text-align: left; } .new-vidget { position: fixed; bottom: 50px; right: 10px; z-index: 100; } .new-vidget__wrapper { display: flex; flex-direction: column-reverse; width: 50px; border-radius: 0 0 50px 50px; overflow: hidden; } .new-vidget__trigger { width: 50px; height: 50px; background: #73c167; border-radius: 50%; flex-shrink: 0; display: flex; justify-content: center; align-items: center; cursor: pointer; position: relative; position: absolute; bottom: 0; left: 0; z-index: 10; } .new-vidget__trigger:hover:not(.is-active) { background: var(--Hover-green); } .new-vidget__trigger.is-active { background: #d9d9d9; } .new-vidget__trigger.is-active svg { display: none; } .new-vidget__trigger.is-active::before, .new-vidget__trigger.is-active::after { content: ''; display: block; width: 1px; height: 30px; background: #fff; position: absolute; top: 50%; left: 50%; } .new-vidget__trigger.is-active::before { transform: translate(50%, -50%) rotate(45deg); } .new-vidget__trigger.is-active::after { transform: translate(50%, -50%) rotate(-45deg); } .new-vidget__trigger svg {} .new-vidget__list { display: none; transition: none; padding-bottom: 58px; } .new-vidget__list-inner { padding-bottom: 8px; } .new-vidget__list-item { width: 50px; height: 50px; background: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; position: relative; } .new-vidget__list-item:not(:last-child) { margin-bottom: 8px; } .new-vidget__list-item__tooltip { display: none; position: absolute; right: 120%; top: 50%; transform: translateY(-50%); width: max-content; font-size: 14px; font-weight: 400; line-height: 19.6px; padding: 6px 12px; border-radius: 5px; background: #fff; color: #000; } .new-vidget__list-item:hover .new-vidget__list-item__tooltip { display: block; } .new-vidget__list-item__icon { display: flex; justify-content: center; align-items: center; } .header-new-search { position: relative; z-index: 100; } .header__content-search { position: relative; } .header__content-search .search:hover { transform: scale(120%) rotate(-20deg); } .header-new-search .page-btn.btn-green-bordered { padding: 15px 40px; } .new-search__body { position: absolute; top: 50%; right: 10px; width: 43vw; z-index: 10; transform: translateY(-50%); display: none; } .new-search__body, .new-search__body * { transition: none !important; } .new-search__body-inner {} .new-search__form { background: #fff; border: 1px solid #73C167; display: flex; justify-content: start; align-items: center; border-radius: 4px; padding: 0 12px; } .search-close { position: absolute; top: 50%; right: 14px; transform: translateY(-50%); cursor: pointer; z-index: 10; } .new-search__submit { margin-right: 10px; width: 24px; height: 24px; pointer-events: none; } .new-search__submit svg { width: 100%; height: 100%; } .new-search__field { outline: none; border: none; box-shadow: none; font-size: 16px; font-weight: 500; line-height: 21.86px; letter-spacing: 0.02em; padding: 10px 0; width: 100%; } .new-search__list { position: absolute; top: 100%; width: 100%; background: #fff; border-radius: 0 0 24px 24px; display: none; max-height: 500px; overflow-y: auto; } .new-search__list-inner { padding: 20px 24px 16px; } .new-search__item { display: flex; justify-content: start; align-items: center; } .new-search__item:not(:last-child) { margin-bottom: 24px; } .new-search__item:hover .new-search__item-name { color: #73c167; } .new-search__item-img { height: 49px; margin-right: 30px; width: 49px; flex-shrink: 0; display: flex; justify-content: center; } .new-search__item-img img { height: 100%; object-fit: contain; } .new-search__item-desc {} .new-search__item-name { font-size: 16px; font-weight: 500; line-height: 21.86px; letter-spacing: 0.02em; display: block; margin-bottom: 4px; color: #0d0d0d; } .new-search__item-type { font-size: 14px; font-weight: 400; line-height: 19.6px; display: block; color: #767676; } .new-search__list-bottom { padding-top: 24px; border-top: 1px solid #cecece; } .new-search__list-bottom .page-btn { display: inline-block; } @media screen and (max-width: 1031px) { .new-search__body { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 1000; background: #fff; transform: none; padding: 17px 29px; } .new-search__list { position: static; max-height: 85vh; overflow-y: auto; } .new-search__form { position: relative; } .new-search__list-inner { padding-left: 0; padding-right: 0; } .header-new-search { margin-left: auto; } } .ui-kit {} .ui-kit-wrapper { display: flex; flex-direction: column; gap: 30px; align-items: start; } .page-h1 { font-size: 54px; font-weight: 500; line-height: 120%; letter-spacing: 0.02em; } .page-h2 { font-size: 48px; font-weight: 500; line-height: 120%; letter-spacing: 0.02em; } .page-h3 { font-size: 40px; font-weight: 500; line-height: 120%; letter-spacing: 0.02em; } .page-h4 { font-size: 24px; font-weight: 500; line-height: 120%; letter-spacing: 0.02em; } .page-h5 { font-size: 20px; font-weight: 500; line-height: 120%; letter-spacing: 0.02em; } .page-text-18 { font-size: 18px; line-height: 120%; } .page-text-16 { font-size: 16px; line-height: 120%; } .page-text-14 { font-size: 14px; line-height: 17.5px; } .page-text-12 { font-size: 12px; line-height: 16.8px; } .page-text-btn { border: none; outline: none; display: inline-block; box-shadow: none; } .--underline { text-decoration: underline; } .--uppercase { text-transform: uppercase; } .--bold { font-weight: 700; } .page-btn { padding: 20px 79px; border-radius: 8px; font-size: 18px; font-weight: 700; line-height: 120%; background: #fff; border: } .page-btn.--wide { max-width: 320px; width: 100%; } .page-btn.--small { padding: 7px 55px; font-size: 12px; border-radius: 4px; } .page-btn.--medium { padding: 10px 67px; max-width: 200px; width: 100%; } .modal_form-wrap { max-width: 288px; width: 100%; } .modal_form_notif { display: block; font-size: 12px; font-weight: 400; line-height: 16.8px; color: #bbb; } /* To be used as child of .container.container__padding */ .white-bg-text-page { border-radius: 30px; background: white; padding: 40px 45px; margin-bottom: 20px; } .header__content-gamb { width: 40px; height: 40px; } .main-reviews-arrow.--next::after { color: #73c167 !important; } .header__content>img:nth-child(1) { height: 53px; } @media screen and (max-width: 768px) { .modal_block_info { overflow-y: auto; } .modal_form_btn { margin-bottom: 40px; } } @media print { header, footer { display: none !important; } } .modal-remove .modal_block_title.nosubtext { margin-bottom: 15px; } .modal_block { align-items: start; } .modal_close { position: absolute; top: 0; right: -60px; } @media screen and (max-width: 805px) { .modal_close { position: static; } } .new-header { padding: 16px 20px; } .new-header__inner { background: #fff; border-radius: 105px; } .new-header__wrapper { padding: 20px 0; display: flex; justify-content: start; align-items: center; } .new-header__logo { margin-right: 60px; max-width: 100px; width: 100%; } .new-header__logo img {} .new-header__nav {} .new-header__list { padding-left: 0; list-style-type: none; display: flex; justify-content: start; align-items: center; } .new-header__item:not(:last-child) { margin-right: 24px; } .new-header__item a { text-decoration: none; font-size: 14px; font-weight: 700; line-height: 120%; color: #0D0D0D; text-transform: uppercase; } .new-header__phones { margin-left: auto; display: flex; justify-content: start; align-items: center; min-width: fit-content; } .new-header__phone { font-size: 16px; font-weight: 500; line-height: 120%; letter-spacing: 0.02em; color: #73c167; min-width: fit-content; } .new-header__phone:not(:last-child) { margin-right: 24px; } .new-header__btn { margin-left: 24px; padding: 13px 20px; text-transform: uppercase; font-size: 12px; min-width: 154px; } .landing-contacts { margin-bottom: 40px; } .landing-contacts .phones, .landing-contacts .emails { line-height: 2rem; } .landing-contacts .contact__left-list { padding-bottom: unset; margin-bottom: unset; border-bottom: unset; } .landing-footer { background: #333; } .landing-footer__wrapper { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 10px; padding: 51px 0; } .landing-footer__col.--main { display: block; padding-right: 59px; } .landing-footer__col { display: flex; justify-content: start; align-items: start; } div.landing-footer__col:nth-child(2) { min-width: 308px; } div.landing-footer__col:nth-child(3) { min-width: 324px; } .landing-footer__logo {} .landing-footer__copy { font-size: 12px; font-weight: 400; line-height: 120%; color: #d9d9d9; display: block; margin-top: 16px; } .landing-footer__icon { flex-shrink: 0; margin-right: 18px; } .landing-footer__links {} .landing-footer__link { font-size: 16px; font-weight: 400; line-height: 120%; color: #d9d9d9 !important; text-decoration: none; display: block; } .landing-footer__link span { font: inherit; color: #767676; } .landing-footer__link:not(:last-child) { margin-bottom: 20px; } .landing-title {} .landing-title__wrapper {} .landing-title .offer__block_slider { max-width: 100%; width: 100%; } .landing-title .offer__slider-item { border-radius: 32px !important; overflow: hidden; } .landing-title .offer__slider-right img { width: 100%; } .landing-title .offer__slider-left-links { max-width: 232px; width: 100%; } .--landing-advantages { padding: 80px 0; } .--landing-advantages .advantages__title { margin-bottom: 40px; } .--landing-advantages .advantages__list-item-title { margin-bottom: 8px; font-size: 22px; } .discount {} .discount__wrapper { background: #fff; border-radius: 32px; overflow: hidden; position: relative; padding: 50px 0 105px; } .discount__desc { position: relative; z-index: 1; max-width: 792px; width: 100%; margin: 0 auto; } .discount__decor { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; } .discount__header { text-align: center; margin-bottom: 105px; } .discount__progress { position: relative; } .discount__progress-bar { background: #73c167; width: 100%; height: 5px; border-radius: 5px; } .discount__items {} .discount__item { position: absolute; top: 50%; transform: translateY(-50%); } .discount__item:nth-child(1) { left: 0; } .discount__item:nth-child(2) { left: 30%; } .discount__item:nth-child(3) { left: 60%; } .discount__item.--special { right: 62px; } .discount__item.--special .discount__icon { opacity: 0; } .discount__value { position: absolute; top: -50px; left: 50%; transform: translateX(-50%); padding: 8px 16px; font-size: 16px; font-weight: 400; line-height: 120%; background: #ffd04a; border-radius: 300px; width: max-content; } .discount__icon { width: 30px; height: 30px; border-radius: 50%; background: #73c167; box-shadow: 2px 2px 5px 0px #0000001A; border: 5px solid #FFFFFF } .discount__cost { position: absolute; bottom: -35px; left: 50%; transform: translateX(-50%); font-size: 16px; font-weight: 400; line-height: 120%; color: #767676; width: max-content; } .terms { padding: 80px 0; } .terms__wrapper {} .terms__header { text-align: center; margin-bottom: 48px; } .terms__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .terms__item { display: flex; flex-direction: column; align-items: start; padding: 40px 36px; background: #fff; border-radius: 32px; } .terms__icon { width: 60px; height: 60px; } .terms__desc { margin-top: 40px; max-width: 400px; width: 100%; } .terms__name { display: block; margin-bottom: 8px; font-size: 22px; font-weight: 500; line-height: 120%; letter-spacing: 0.02em; margin-bottom: 8px; color: #202020; } .terms__text { margin: 0; font-size: 16px; font-weight: 400; line-height: 120%; color: #767676; } @media screen and (max-width: 1255px) { .new-header__inner { padding: 0 20px; } .discount__desc { padding: 0 50px; } } @media screen and (max-width: 600px) { .new-header__nav { display: none; } .terms__grid { grid-template-columns: 1fr; } .landing-footer__wrapper { grid-template-columns: 1fr; gap: 20px; padding: 50px 20px; } } @media screen and (max-width: 927px) { .new-header__phones { flex-direction: column; } .new-header__phone { font-size: 13px; } .new-header__phone:not(:last-child) { margin-right: 0; margin-bottom: 10px; } .new-header__logo { margin-right: 0; } .discount__item:nth-child(3) { display: none; } .page-h2 { font-size: 32px; } } @media screen and (max-width: 650px) { .new-header__phones { display: none; } .new-header__btn { margin-left: auto; } } .goods-blog__documents-wrap { padding-right: 10px; } .goods-blog__document { flex-direction: column; align-items: start; } .goods-blog__document-top { display: flex; justify-content: space-between; align-items: centers; width: 100%; } .goods-blog__document-body { display: flex; justify-content: start; align-items: center; max-width: 500px; width: 100%; margin-right: 30px; } .goods-blog__document-btns { display: flex; justify-content: start; align-items: center; } .goods-blog__document-view { margin-right: 20px; cursor: pointer; display: flex; justify-content: center; align-items: center; } .goods-blog__document-view svg { margin-left: 10px; } .goods-blog__document-content { width: 100%; display: none; } .goods-blog__document-content__inner { padding-top: 30px; } .goods-blog__document-content__inner iframe { width: 100%; height: 500px; } .question__block-document { padding-top: 15px; } .question__block-document iframe { width: 100%; height: 500px; } @media screen and (max-width: 970px) { .goods-blog__document-top { width: 100%; flex-direction: column; } .goods-blog__document-btns { flex-direction: column-reverse; align-items: start; flex-shrink: 0; margin-top: 20px; } .goods-blog__document-view { text-align: center; margin-right: 0; margin-top: 15px; width: 100%; } .goods-blog__document-download { max-width: 100%; width: 100%; text-align: center; width: 30%; padding: 7px 10px !important; min-width: 10ch; } } .goods__block-right { max-width: 985px; width: 100%; } .listing-trigger .--mobile { display: none; } @media screen and (max-width: 1354px) { .listing-trigger .--desc-icon { display: none; } .listing-trigger .--mobile { display: block; } } /* @media screen and (max-width: 1024px) { .goods__block-right-text iframe { width: 100% !important; } } @media screen and (max-width: 768px) { .goods__block-right-text iframe { height: 230px !important; } } */ .header-phone-menu { position: absolute; top: 101%; left: 50%; width: 90%; z-index: -1; background: #fff; padding: 15px 30px; border-radius: 0 0 14px 14px; transform: translate(-50%, -100%); opacity: 0; pointer-events: none; transition: .3s; display: flex; } @media screen and (max-width: 800px) { .header-phone-menu.is-active { transform: translate(-50%, 0); opacity: 1; pointer-events: all; } } .fancy-catalog__items { display: grid; grid-template-columns: repeat(5, 1fr); gap: 25px; } .fancy-catalog__item { padding: 11px; background: #fff; border: 1px solid transparent; } .fancy-catalog__item:hover { border: 1px solid #73C167; box-shadow: 0px 0px 8px 0px #0000001F; } .fancy-catalog__item:hover .fancy-catalog__item-qv { opacity: 1; } .fancy-catalog__item-gallery { margin-bottom: 12px; position: relative; display: block; } .fancy-catalog__favorite { position: absolute; top: 0; right: 0; z-index: 10; display: flex; justify-content: center; align-items: center; cursor: pointer; } .fancy-catalog__favorite:hover .fav-normal { opacity: 1; } .fav-normal { opacity: .5; } .fancy-catalog__favorite .fav-active { display: none; } .fancy-catalog__favorite.is-active .fav-normal { display: none; } .fancy-catalog__favorite.is-active .fav-active { display: block; } .fancy-catalog__article { position: absolute; top: 0; left: 0; z-index: 10; width: max-content; } .art { font-weight: 400; font-size: 10px; line-height: 100%; color: #bbb; transition: .3s; padding: 5px 6px; border: 1px dashed #BBBBBB; cursor: pointer; display: flex; justify-content: start; align-items: center; } .fancy-catalog__article:hover .art {} .fancy-catalog__article:hover .art span { display: block; } .fancy-catalog__article.is-active .art span { display: block; } .fancy-catalog__article.is-active .art { color: #fff; } .fancy-catalog__article.is-active { background: #BBBBBB; } .art * { transition: .3s; } .art span { display: none; } .fancy-catalog__item-qv { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 15px 26px; font-weight: 400; font-size: 16px; line-height: 100%; letter-spacing: 0%; text-align: center; border-radius: 4px; box-shadow: 0px 0px 4px 0px #00000014; backdrop-filter: blur(4px); z-index: 10; width: max-content; cursor: pointer; transition: .3s; opacity: 0; } .fancy-catalog__item-slider {} .fancy-catalog__slide { height: 310px; } .fancy-catalog__slide img { width: 100%; height: 100%; object-fit: contain; object-position: center; } .fancy-catalog__item-bullets { position: static; display: flex; justify-content: center; align-items: center; } .fancy-catalog__item-bullets .swiper-pagination-bullet { background: #e3f3e1; opacity: 1; width: 4px; height: 4px; } .fancy-catalog__item-bullets .swiper-pagination-bullet-active { width: 8px; height: 8px; background: #73c167; } .fancy-catalog__item-benefits { display: flex; justify-content: start; align-items: start; margin-bottom: 12px; } .fancy-catalog__item-benefit { max-width: 41px; width: 100%; display: flex; flex-direction: column; align-items: center; } .fancy-catalog__item-benefit:not(:last-child) { margin-right: 12px; } .fancy-catalog__item-body { padding: 0 19px; } .fancy-catalog__item-benefit img {} .fancy-catalog__item-benefit span { text-align: center; display: block; font-weight: 600; font-size: 8px; line-height: 8px; letter-spacing: 0%; color: #767676; } .fancy-catalog__item-info { font-weight: 600; margin-bottom: 12px; } .fancy-catalog__item-name { font-size: 16px; line-height: 100%; letter-spacing: 0%; color: #0d0d0d; } .fancy-catalog__item-amount { font-size: 12px; line-height: 100%; letter-spacing: 0%; color: #767676; } .fancy-catalog__item-pricing { display: flex; justify-content: space-between; align-items: center; } .fancy-catalog__item-cost { font-weight: 600; font-size: 12px; line-height: 100%; letter-spacing: 0%; color: #73c167; } .fancy-catalog__item-cost span { font-size: 16px; } .fancy-catalog__item-cost .--old { font-size: 12px; text-decoration: line-through; color: #bbb; } .fancy-catalog__item-mps { display: flex; justify-content: start; align-items: center; } .fancy-catalog__item-mp { flex-shrink: 0; width: 32px; height: 32px; } .fancy-catalog__item-show-mps { font-weight: 600; font-size: 10px; line-height: 100%; text-decoration: underline; color: #767676; cursor: pointer; } .--authorised .fancy-catalog__item-mps { display: none; } .--authorised .fancy-catalog__item-mps.is-active { display: flex; } .--authorised .fancy-catalog__item-mp { width: 24px; height: 24px; } .fancy-catalog__item-mp:not(:last-child) { margin-right: 12px; } .fancy-catalog__item-mp img { display: block; width: 100%; height: 100%; } .fancy-catalog__item-buttons { position: relative; margin-top: 16px; } .fancy-catalog__item-button { display: block; padding-left: 10px; padding-right: 10px; text-align: center; } .fancy-catalog .fancy-catalog__item-button:hover { background: #73C167; color: #fff !important; } .fancy-catalog__item__order-info { position: absolute; top: -8px; left: 50%; transform: translateX(-50%); font-size: 7px; line-height: 135%; letter-spacing: 10%; text-align: center; text-transform: uppercase; padding: 3px 12px; border-radius: 15px; background: #f2c94c; } .fancy-catalog__item-amount-btn { background: #73c167; display: flex; justify-content: space-between; align-items: center; padding: 11px 18px; border-radius: 4px; box-shadow: 0px 0px 4px 0px #00000014; display: none; } [data-new-cart].is-active { display: none; } [data-new-cart].is-active+.fancy-catalog__item-amount-btn { display: flex; } .fancy-catalog__item-amount-btn__nav { cursor: pointer; flex-shrink: 0; } .fancy-catalog__item-amount-btn__body { display: flex; flex-direction: column; align-items: start; } .fancy-catalog__item-amount-btn__field { display: flex; justify-content: center; align-items: center; } .fancy-catalog__item-amount-btn__inp { font-weight: 400; font-size: 21px; line-height: 100%; letter-spacing: 0%; text-align: center; color: #FFFFFF; width: 56px; border: none; outline: none; background: transparent; text-align: right; } .fancy-catalog__item-amount-btn__link { font-weight: 400; font-size: 12px; line-height: 100%; letter-spacing: 0%; text-align: center; color: #fff !important; } .fancy-catalog__item-amount-btn__field span { font-size: 14px; line-height: 100%; color: #fff; margin-left: 5px; margin-bottom: -4px; } @media screen and (max-width: 1651px) { .fancy-catalog__items { grid-template-columns: repeat(4, 1fr); } } @media screen and (max-width: 1451px) { .fancy-catalog__items { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 951px) { .fancy-catalog__items { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 768px) { .fancy-catalog__item-show-mps { margin-bottom: 10px; } .fancy-catalog .catalogue__list-top { margin-top: 20px; } .fancy-catalog__items { gap: 6px; } .fancy-catalog__item-body { padding: 0 14px; } .fancy-catalog__item { padding: 4px 4px 8px; } .fancy-catalog__slide { height: 204px; } .fancy-catalog__item-benefit span { font-size: 6px; line-height: 120%; } .fancy-catalog__item-pricing { flex-direction: column-reverse; align-items: start; } .fancy-catalog__item-mps { margin-bottom: 15px; justify-content: center; width: 100%; } .fancy-catalog__item-button { padding-top: 10px; padding-bottom: 10px; } .fancy-catalog__item__order-info { width: max-content; } } .fancy-quickview { padding: 0 !important; border-radius: 8px; max-width: 1200px !important; width: 100%; overflow: hidden; display: none; } .fancy-quickview__wrapper {} .fancy-quickview__inner { display: grid; grid-template-columns: 1fr 1fr; gap: 0; } .fancy-quickview__left { padding: 24px 0; background: #d9d9d9; } .fancy-quickview__slider { margin-bottom: 20px; } .fancy-quickview__slide { padding: 0 80px 0; } .fancy-quickview__arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; cursor: pointer; } .fancy-quickview__arrow.--prev { left: 16px; } .fancy-quickview__arrow.--prev svg { transform: scale(-1, 1); } .fancy-quickview__arrow.--next { right: 16px; } .fancy-quickview__bullets {} .fancy-quickview__bullets { position: static; display: flex; justify-content: center; align-items: center; } .fancy-quickview__bullets .swiper-pagination-bullet { background: #e3f3e1; opacity: 1; width: 4px; height: 4px; } .fancy-quickview__bullets .swiper-pagination-bullet-active { width: 8px; height: 8px; background: #73c167; } .fancy-quickview__thumbs { margin: 0 80px; } .fancy-quickview__thumbs-slide { height: 135px; background: #fff; display: flex; justify-content: center; align-items: center; } .fancy-quickview__right { padding: 60px 36px; background: #fff; } .fancy-quickview__headline { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #BBBBBB; } .fancy-quickview__header { font-weight: 600; font-size: 36px; line-height: 100%; letter-spacing: 0%; color: #0d0d0d; margin-bottom: 8px; } .fancy-quickview__info { font-weight: 600; font-size: 20px; line-height: 100%; letter-spacing: 2%; display: block; color: #767676; } .fancy-quickview__text { font-weight: 400; font-size: 16px; line-height: 140%; letter-spacing: 0%; color: #767676; padding-bottom: 20px; border-bottom: 1px solid #BBBBBB; margin-bottom: 20px; } .fancy-quickview__text iframe { width: 100% !important; max-width: 528px; margin: 20px 0; } .fancy-quickview__bottom { display: flex; justify-content: space-between; align-items: center; } .fancy-quickview__btn {} .fancy-quickview__art { color: #767676; } .popup-cart { position: fixed; top: 17%; left: calc(100% - 97px); display: flex; justify-content: start; align-items: start; max-width: 716px; width: 100%; z-index: 1000000000000; transition: all .3s; } .popup-cart.is-active { left: unset; right: 0; } .popup-cart.is-active .popup-cart__window { opacity: 1; } .popup-cart__button { padding: 28px 13px; border: 1px solid #73C167; border-right: 0; background: #fff; border-radius: 5px 0 0 5px; font-size: 32px; font-weight: 600; line-height: 1.1; color: #73c167; cursor: pointer; transition: all .3s; position: relative; top: 30px; flex-shrink: 0; } .popup-cart__button:hover { background: #73c167; color: #fff; } .popup-cart__window { padding: 40px 27px 40px 40px; border-radius: 20px 0 0 20px; background: #73c167; width: 100%; height: 65vh; display: flex; justify-content: center; flex-direction: column; -webkit-box-shadow: -4px -2px 10px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: -4px -2px 10px 0px rgba(0, 0, 0, 0.25); box-shadow: -4px -2px 10px 0px rgba(0, 0, 0, 0.25); opacity: 0; transition: all .1s; } .popup-cart__window-body {} .popup-cart__window-header { margin-bottom: 80px; display: flex; flex-direction: column; align-items: start; } .popup-cart__text { color: #fff; font-size: 24px; line-height: 1.3; margin-bottom: 26px; display: block; } .popup-cart__value { padding: 6px 30px; background: #ffd04a; border-radius: 50px; color: #000; font-weight: 600; font-size: 32px; } .popup-cart__slider .discount__header { font-size: 24px; font-weight: 500; text-align: left; color: #fff; } .popup-cart__slider .discount__cost { color: #fff; } .popup-cart__slider .discount__progress-bar { background: #fff; } .popup-cart__slider .discount__item:nth-child(2) { left: 25%; } .popup-cart__slider .discount__item:nth-child(3) { left: 50%; } @media screen and (max-width: 768px) { .popup-cart__window { position: fixed; top: 100%; left: 0; } .popup-cart { position: relative; top: 0; left: 0; right: 0; bottom: 0; } .popup-cart__button { position: fixed; right: 0; top: 17%; } .popup-cart { display: flex; justify-content: end; align-items: start; flex-direction: column; } .popup-cart.is-active { position: fixed; bottom: 0; left: 0; } .popup-cart.is-active .popup-cart__button { position: static; margin-right: 61px; margin-left: auto; border-right: 1px solid #73c167; border-radius: 5px 5px 0 0; } .popup-cart.is-active .popup-cart__window { opacity: 1; position: static; } .popup-cart__window { height: auto; padding: 64px 35px 63px; border-radius: 20px 20px 0 0; } .popup-cart__window-body { display: flex; flex-direction: column; align-items: center; justify-content: center; } .popup-cart__text { text-align: center; font-size: 20px; margin-bottom: 26px; } .popup-cart__value { font-size: 25px; margin: 0 auto; } .popup-cart__window-header { margin-bottom: 52px; } .popup-cart__slider .discount__header { font-size: 20px; } .popup-cart__slider .discount__desc { padding: 0; } .popup-cart__slider { width: 100%; } .popup-cart__slider .discount__item:nth-child(2) { left: 31%; } } /* End */ /* Start:/local/templates/new/assets/css/media.css?174237029836596*/ @media screen and (max-width: 1850px) { .header__content-nav ul { gap: 16px; } .header__content-nav { margin: 0 24px; } .header__content-catalog { margin-left: 36px; } .container { max-width: 1620px; } } @media screen and (max-width: 1650px) { .header__content-nav ul { gap: 24px; } .header__content-nav ul li a { font-size: 14px !important; } .listing-trigger { position: relative; top: 2px; } .header__content-catalog { font-size: 14px; max-width: 100%; padding: 5px 16px; width: max-content; } .header__content-catalog svg { max-height: 20px; max-width: 20px; } .header__content-phones a { font-size: 16px; } .header__content-call { font-size: 12px; padding: 12px 13px; } .header { padding: 10px 20px; } .container { max-width: 1360px; } .garant__left { max-width: 600px; } .diller__left-form-item label { flex: 1; } .diller__left { padding: 42px 37px; } .difference__block { align-items: initial; } .goods__block-right-action { flex-wrap: wrap; } .goods__block-right-action-markets { order: 1; width: 100%; margin-left: 0; } .goods__block-right-action-price { order: 2; } .goods__block-right-action-count { /* order: 3; */ /* не включать это свойство без большего уточнения, потому что класс .goods__block-right-action-count используется на разных страницах */ } .goods__block-right-action-buy { order: 4; } .goods__block-right-action-wish { order: 5; } } @media screen and (max-width: 1650px) { .listing button { font-size: 14px; } } @media screen and (max-width: 1450px) { .header__content-nav { /* display: none; */ } .header__content-catalog { margin-left: 0; } .catalog-structure { margin-left: 15px; } .header__content-phones { margin-left: auto; } .header__content-search { margin-left: 16px; } .header__content-gamb { /* display: flex; */ margin-left: 48px; } .container { max-width: 1160px; } .footer__block-left { gap: 40px; } .footer__block-logo { display: block; } .footer__block-logo svg { width: 100%; } .footer__block-coopfirst { font-size: 12px; margin-top: 16px; } .footer__block-item_title { font-size: 20px; } .footer__block-item_nav ul li a { font-size: 16px; } .footer__block-right_title { font-size: 20px; } .footer__block-right_list li p { font-size: 16px; } .offer__block { flex-direction: column; } .offer__banner { max-width: 100%; width: 100%; display: flex; flex-direction: row; align-items: center; gap: 10px 25px; min-height: auto; background-image: url('/local/templates/new/assets/css/..//img/offer__banner_medium.png'); } .offer__block_slider { width: 100%; margin-bottom: 16px; } .garant { flex-direction: column; justify-content: center; align-items: center; padding: 80px; gap: 49px; position: relative; padding-bottom: 160px; } .garant__left { max-width: 832px; } .garant__left-links { position: absolute; bottom: 40px; width: 100%; left: 50%; align-items: center; justify-content: center; left: 0; } .garant__right { max-width: 880px; margin: 0 auto; } .garant__left-title { text-align: center; } .garant__left-text { margin-bottom: 0; } .contact__block { flex-direction: column; } .contact__left { max-width: 100%; } .contact__right { /* flex: initial; */ height: 420px; } .diller__left { max-width: 60%; width: 100%; } .diller__right { max-width: 40%; } .about__block-left { max-width: 60%; } .about__block-right { max-width: 40%; } .production__list { flex-direction: column; } .production__list-item { display: flex; gap: 17px; align-items: flex-start; } .production__list-item-icon { flex-shrink: 0; } .production__list-item-title { text-align: left; margin-top: 0; } .difference__block-left { max-width: 474px; } .certificate__block-item-img { height: 389px; } .certificate__block-item-name { font-size: 14px; } .requisities__block { gap: 0; /* border-radius: 24px; */ /* background-color: #fff; */ } .requisities__block-left-title { font-size: 24px; } /* .requisities__block-left-list { display: flex; flex-wrap: wrap; gap: 16px; } */ /* .requisities__block-left-list li { width: calc(50% - 16px); flex-direction: column; align-items: flex-start; gap: 8px; } */ /* .requisities__block-left-list li:last-child { width: 100%; } */ .directory .container { max-width: 100%; } .blog__content-item { max-width: calc(33.33% - 20px); } .account__edit-block { flex-direction: column; } .cart__block-item { padding: 16px 0; } .goods__block-left { max-width: 570px; } .goods__block { gap: 40px; } .goods__block-right-title { font-size: 34px; } .goods__block-right-info { flex-direction: column; align-items: flex-start; gap: 27px; } .goods__block-right-info-review { order: 2; } .goods__adaptive-info { display: block; margin-top: 80px; } .goods__desc-info { display: none; } .catalogue__cat-item { font-size: 14px; padding: 16px; } .catalogue__list-products { columns: 2; } } @media screen and (max-width: 1355px) { .header__content { position: relative; z-index: 100; background: #fff; } .header-mobile-menu { /* display: none; */ position: absolute; top: 101%; left: 50%; width: 90%; /* z-index: -1; */ background: #fff; padding: 15px 60px; border-radius: 0 0 14px 14px; transform: translate(-50%, -100%); opacity: 0; pointer-events: none; transition: .3s; } .header-mobile-menu.is-active { transform: translate(-50%, 0); opacity: 1; pointer-events: all; } .listing-trigger { font-size: 14px !important; } .header__content-gamb { display: flex; } .catalog-structure { margin-left: 0; } .catalog-structure ul ul { top: 149%; } body .listing ul ul { top: 190%; } } @media screen and (max-width: 1200px) { .catalog__category-link { max-width: 50%; padding: 20px 30px; } .container { max-width: 100%; padding: 0 1px; } .footer__block { padding: 0 30px; } .offer__slider-left { padding: 36px; } .catalog .container { padding: 0 20px; } .container__padding { padding: 0 20px; } .article__block-right { display: none; } .article__block-left { max-width: 100%; } .article__block-left-images { display: block; margin-bottom: 24px; } .article__block-left-images img { object-fit: cover; } .checkout__block-cart-item { max-width: calc(25% - 4px); } } @media screen and (max-width: 992px) { /* .catalog-structure { display: none; } */ h1 { font-size: 40px; } .header { padding: 16px 0; } .header__content { /* padding: 20px 30px; */ padding: 17px 30px; } .header__content-phones { margin-left: 30px; margin-right: auto; } /* .header__content-gamb { margin-left: 48px; } */ .footer__block-left { flex-direction: column; gap: 14px; } .footer__block-item_title { display: none; } .footer__block-coopfirst { display: none; } .footer__block-coop { display: block; } .offer__banner { flex-direction: column; } .offer__banner-text { margin-bottom: 0; } .offer__slider-left-title { font-size: 32px; } .offer__slider-left-links a { padding: 13px 0; font-size: 14px; } .offer__banner-title { font-size: 32px; } .offer__slider-left:before { background: url('data:image/svg+xml,') no-repeat left bottom / contain; top: 0; left: 100%; width: 20%; height: 100%; } .catalog__category-link { max-width: 50%; padding: 20px 30px; } .catalog__title { font-size: 40px; margin-bottom: 21px; } .catalog__category-link-name { font-size: 18px; } .catalog { border-radius: 60px; } .advantages__title { font-size: 40px; line-height: 130%; margin-bottom: 24px; } .advantages__list { flex-direction: column; align-items: center; } .advantages__list-item { display: flex; min-width: 50%; gap: 17px; align-items: center; text-align: left; } .advantages__list-item-text { margin: 0; } .advantages__list-item-title { margin-top: 0; } .advantages__list-item-img { flex-shrink: 0; } .product__card-images-flex { height: 295px; } .product__card-images-flex img { height: 100%; object-fit: contain; margin: 0 auto; } .product__card-top { flex-direction: column; align-items: flex-start; gap: 4px; } .product__card-name { font-size: 18px; } .product__card-desc { font-size: 14px; } .product__card-bottom { flex-wrap: wrap; row-gap: 6px; } .product__card-bottom-price { width: 100%; } .product__card-bottom-buy { margin-left: 0; } .catalog__popular-slider .swiper-slide { max-width: 273px; } .product__card { /* max-width: 273px; */ padding: 17px; } .catalog__popular-block .catalog__popular-slider .swiper-slide { max-width: 225px; width: 100%; } .product__card-bottom-wish { margin-left: auto; } .catalog__popular-title { font-size: 40px; max-width: 581px; margin: 0 auto 57px; } .garant { padding: 80px 0 160px; } .garant__left-title { font-size: 40px; } .garant__right { max-width: 100%; } .contact__left-list { flex-direction: column; } .contact__right {} .contact__left-title { font-size: 40px; margin-bottom: 10px; } .contact__left-subtitle { font-size: 16px } .diller__right { display: none; } .diller__left { max-width: 100%; } .diller__left-title { font-size: 40px; } .about__block { flex-direction: column; } .about__block-left { max-width: 100%; } .about__block-right { max-width: 100%; height: 438px; } .difference__block { flex-direction: column; gap: 60px; } .difference__block-left { max-width: 100%; height: 422px; } .certificate__block { flex-wrap: wrap; justify-content: center; padding: 0 80px; } .certificate__block-item { flex: initial; } .certificate__block-item { /* max-width: 389px; */ max-width: calc(50% - 12px); } .certificate__title { text-align: left; } .certificate__text { text-align: left; } /* .requisities__block { flex-direction: column; background-color: transparent; gap: 60px; } */ .requisities__block-left-list li { width: 100%; flex-direction: row; } /* .requisities__block-left-list { width: 60%; margin: 0 auto; } */ .requisities__block-left { max-width: 100%; } .requisities__block-left-title { text-align: center; } .requisities__block-left-link { margin: 39px auto 0; } .requisities__block-right { max-width: 100%; height: 403px; } .directory__list { flex-direction: column; } .directory__list-item { width: 100%; flex-direction: row; padding: 16px 25%; text-align: center; justify-content: flex-start; } .directory__list-item p { flex: 1; } .directory__title { font-size: 40px; } .reviews__block-item { width: 100%; } .reviews__title { font-size: 40px; } .how__title { font-size: 40px; } .how__block-caption li { font-size: 14px; } .question__title { font-size: 40px; } .blog__content-item { max-width: calc(50% - 10px); } .blog__title { font-size: 40px; margin-bottom: 24px; } .blog__block-caption { margin-bottom: 24px; overflow-y: scroll; justify-content: flex-start; } .blog__block-caption li a { font-size: 14px; flex-shrink: 0; } .blog__content-item-picture { height: 220px; } .article__block-left-images { max-width: 236px; } .account__title { font-size: 40px; } .account__caption { margin-bottom: 24px; } .cart__block-item-info-top { flex-direction: column; align-items: flex-start; } .checkout__block-cart-item { max-width: calc(33.33% - 4px); } .checkout__block-form-checks { flex-wrap: wrap; } .checkout__title { font-size: 40px; } .checkout__block { padding: 40px 0; } .checkout__block-item { padding-left: 30px; padding-right: 30px; } .goods__block { flex-direction: column; } .goods__block-left { max-width: 100%; } .goods__block-left-thums { height: auto; } .goods__block-left-slider { height: auto; } .catalogue__sidebar { display: none; } .catalogue__list-top-filter { /* display: flex; */ } .catalogue__list-top { /* flex-wrap: wrap; */ } .catalogue__list-top-count { /* width: 100%; */ margin-bottom: 24px; } .white-bg-text-page { padding: 25px 35px; } } @media screen and (max-width: 1356px) { .header__content-gamb { display: flex; } .header-mobile-menu { display: flex; justify-content: start; align-items: start; flex-direction: column; padding: 34px 20px; border-radius: 24px; } .header__content-nav { margin: 0; width: 100%; } .header__content-nav ul { display: flex; justify-content: start; align-items: start; flex-direction: column; } .header__content-nav > ul { margin-top: 20px; } .catalog-structure { width: 100%; } .catalog-structure ul { width: 100%; } .header__content-catalog { width: 100%; display: flex; justify-content: space-between; align-items: center; background: #fff !important; color: #000 !important; } .header__content-catalog::after { content: ''; width: 18px; height: 18px; display: block; margin-left: auto; background-image: url('/local/templates/new/assets/css/../img/chevron-down.svg'); background-repeat: no-repeat; background-size: contain; background-position: center center; flex-shrink: 0; transform: rotate(90deg); } .header__content-catalog.is-active::after { transform: rotate(270deg); } .catalog-structure.listing .listing-trigger, .header__content-catalog { padding: 0; border: none; color: #000; font-size: 16px; font-weight: 700; line-height: 19.12px; letter-spacing: 0.02em; } .header__content-nav ul li a { font-size: 16px !important; } .catalog-structure.listing .listing-trigger + ul { margin: 0; } .header__content-catalog svg { display: none; } .catalog-structure ul ul::before { display: none; } .catalog-structure ul ul { position: static; top: 0; left: 0; transform: none; display: block; opacity: 1; max-height: 0px; overflow: hidden; } .catalog-structure ul ul.is-active { max-height: 1000px; } .header__content-nav ul { /* gap: 16px; */ gap: 20px; } .catalog-structure > ul > li > ul > li > a:not(.header__content-catalog) { padding: 9px 0; display: flex; justify-content: space-between; align-items: center; } .catalog-structure > ul > li > ul > li > a:not(.header__content-catalog):first-child { padding-top: 17px; } .catalog-structure > ul > li > ul > li > a:not(.header__content-catalog)::after { transform: rotate(90deg); } .catalog-structure > ul > li > ul > li > a.is-active:not(.header__content-catalog)::after { transform: rotate(270deg); } } @media screen and (max-width: 777px) { .row { margin-right: 0; margin-left: 0; } .header__content-gamb::after { /* bottom: 13px; */ } .goods__block-right-text { padding-top: 35px; } .new-vidget { /* display: none; */ } .grecaptcha-badge { display: none !important; } .goods .catalog__popular-title { text-align: left; margin-left: 0; } .goods .catalog.catalog__recommended { border-radius: 0; } .goods__block-right-text { padding-left: 30px; padding-right: 30px; } .goods__block-right-action .product__card-bottom-wrap { margin-bottom: 20px; } .goods__block-right-action .goods__block-right-action-buy { margin-left: 0; } .question__block-caption li { font-size: 16px; } } @media screen and (max-width: 800px) { h1 { font-size: 32px; } .header__content-phones { display: none; } .header__content-call { font-size: 0; display: flex; align-items: center; justify-content: center; padding: 0; width: 40px; height: 40px; } .header__content-call svg { display: block; height: 32px; width: 32px; } .header__content-search { margin-left: auto; } .header__content-logo { max-width: 79px; } .footer__block { position: relative; padding-top: 55px; } .footer__block-logo { position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .footer__block-right_title { display: none; } .footer__block-item_nav ul li a { font-size: 14px; } .footer__block-item_nav ul li:not(:last-child) { margin-bottom: 4px; } .footer__block-right_list li p { font-size: 14px; } .footer { padding: 46px 0 24px; } .offer__slider-left { max-width: 300px; flex-shrink: 0; } .offer__slider-left:before { background: url('data:image/svg+xml,') no-repeat left bottom / contain; top: 0; left: 100%; width: 60%; height: 100%; } .offer__slider-left-tag { font-size: 12px; } .offer__slider-left-title { font-size: 24px; } .offer__slider-left-links a { font-size: 12px; padding: 10px 0; } .catalog__category-link { flex-direction: column; gap: 4px; padding: 10px 15px; } .catalog__category-link-icon { height: 32px; } .catalog__category-link-icon img { height: 100%; } .catalog__category-link-name { font-size: 16px; } .catalog__category-link { font-size: 14px; } .catalog { border-radius: 30px; } .catalog__title { font-size: 32px; } .title_h1 { margin-bottom:20px; } .catalog__category-link-name { text-align: center; } .advantages .container { padding: 0 30px; } .advantages__list-item-img { width: 80px; } .advantages__list-item { width: 100%; } .garant__left { padding: 0 30px; } .garant__left-title { font-size: 32px; } .garant__left-text { font-size: 14px; } .garant__slider-item { padding: 30px 22px; max-width: 420px; } .garant__slider-item-title { font-size: 18px; margin-bottom: 6px; } .garant__slider-item-text { font-size: 14px; } .garant__left-links a { flex: 1; } .garant__left-links { padding: 0 30px; } .contact__left-list li { width: 100%; } .contact__left-info-item { flex-wrap: wrap; row-gap: 8px; } .contact__left-info-item span { max-width: 100%; width: 100%; display: block; flex: initial; } .diller__left-title { font-size: 32px; } .about__block-right { height: 323px; } .difference__block-left { height: 323px; } .difference__block { gap: 40px; } /* .certificate__block-item { max-width: calc(50% - 12px); } */ .certificate__block { padding: 0; } .requisities__block-left-list { width: 100%; } .requisities__block { gap: 40px; } .requisities__block-left-list li { flex-wrap: wrap; } .requisities__block-left-list li div:first-child { width: 100%; } .requisities__block-left-list > li > div:nth-child(2) { max-width: calc(100% - 65px); } .requisities__block-right { height: 296px; } .directory__block { padding: 50px 30px; } .directory__title { font-size: 32px; } .reviews__title { font-size: 32px; } .reviews__block-item-title { font-size: 18px; } .reviews__block-item-text { font-size: 14px; } .reviews__block-item-name { font-size: 14px; } .how__title { font-size: 32px; } .how__block-caption li { padding: 16px; flex: 1; align-items: center; justify-content: center; display: flex; } .question__block-caption { flex-direction: column; margin-bottom: 40px; } .question__title { font-size: 32px; } .question__block-accordion-item { padding: 32px 30px; } .blog__title { font-size: 32px; } .blog__content-item-picture { height: 160px; } .blog__content-item-title { font-size: 18px; } .blog__content-item-text { font-size: 14px; } .account__title { font-size: 32px; } .account__edit-left { padding: 42px; } .account__edit-right { padding: 42px; } .cart__action { gap: 24px; } .cart__action-check label { font-size: 14px; display: block; } .cart__action-del { font-size: 14px; } .cart__action-delall { font-size: 14px; } .cart__block-item-action-add svg { display: none; } .cart__block-item-action-add { padding: 10px; } .checkout__block-cart-item { max-width: calc(50% - 2px); } .checkout__title { font-size: 34px; } .goods__block-right-title { font-size: 32px; } .catalogue__list-top { /* align-items: flex-end; */ } .catalogue__list-top-right { flex-direction: column; align-items: flex-start; gap: 4px; } .search-page__content h4 { text-align: center; } .catalog.page-catalog { margin-bottom: 0; } } @media screen and (max-width: 576px) { h1 { margin-top: 5px; } .icon__btn, .icon__btn-fill { /* width: 28px; height: 28px; */ /* width: 32px; height: 32px; */ width: 40px; height: 40px; } .icon__btn svg, .icon__btn-fill svg { /* max-height: 18px; */ max-height: 30px; } .header__content > img:nth-child(1) { margin-right: auto; } .header-new-search { margin-left: 0; } .header__content-gamb { order: 1; margin-left: 0; } .header__content-search { order: 2; margin-left: 6px; } .header__content-search svg { /* max-height: 22px; */ } .blog__content-slider .swiper-button-next { right: 0px; width: 35px; height: 35px; } .blog__content-slider .swiper-button-prev { left: 0px; width: 35px; height: 35px; } .header__content-call { order: 4; /* width: 28px; height: 28px; */ /* width: 32px; height: 32px; */ margin-left: auto; flex-shrink: 0; } .header__content-call svg { /* height: unset; width: unset; */ width: 30px; height: 30px; } .header__content-logo { order: 3; display: flex; margin-left: auto; max-width: 59px; } .header__content-profile { order: 5; margin: 0 4px; } .header__content-cart { order: 6; } .header { padding: 5px 0; } .header__content { padding: 14px 30px; position: relative; } .footer__block-left { flex-flow: row wrap; justify-content: space-between; gap: 28px; } .footer__block-item:first-child { width: 100%; align-content: center; } .footer-company-name { text-align: center } .footer__block { flex-direction: column; justify-content: center; align-items: center; gap: 36px; padding-top: 20px; } .footer-company-name { min-width: none; } .footer__block-right_list li p { font-size: 12px; line-height: 1.4em; } .footer__block-right_list li p a { font-size: 14px; } .footer__block-right_list li { gap: 6px; } .offer__slider-item { flex-direction: column; } .offer__slider-left { order: 2; max-width: 100%; padding: 20px 42px 20px 30px; border-radius: 0 0 32px 32px; } .offer__slider-left:before { display: none; } .offer__slider-right { height: 170px; } .offer__slider-right img { height: 100%; width: 100%; object-fit: cover; } .offer__slider-left-text { font-size: 16px; } .offer__banner { background: url('/local/templates/new/assets/css/../img/offer__banner_mobile.png') no-repeat center top / cover; padding: 80px 30px; } .offer__banner-title { font-size: 24px; } .offer__banner-text { font-size: 14px; } .offer__banner-links a { max-width: 59px; display: block; } .offer__block_slider .swiper-pagination-bullet { width: 8px; height: 8px; } .catalog__category { flex-direction: column; } .catalog__category-link { max-width: 100%; } .catalog__main .catalog__title { display: none; } .catalog__main .catalog__category { display: none; } .advantages__title { font-size: 24px; } .advantages__list-item-img { width: 60px; } .advantages__list-item-title { font-size: 18px; line-height: 120%; } .advantages__list-item-text { font-size: 14px; } .advantages__links { flex-direction: column; align-items: center; gap: 9px; width: 100%; } .advantages__links a { max-width: 100%; font-size: 14px; padding: 13px; } .advantages { padding: 20px 0 60px; } .catalog__main { padding: 0; background: transparent; } .catalog__popular-title { font-size: 24px; margin-bottom: 16px; max-width: 260px; } .catalog.catalog__recommended { padding: 0; background: transparent; /* margin: 0 0 10px 0; */ } .product__card-images-flex { /* height: 139px; */ height: 220px; } .catalog__main .product__card-desc { display: none; } .catalog__main .product__card-bottom-buy { font-size: 0; gap: 0; padding: 8px; } .catalog__main .product__card-bottom-wish { margin-left: 9px; padding: 7px; width: auto; } .catalog__popular-slider .swiper-slide { max-width: 142px; } .garant__left-title { font-size: 24px; } .garant__slider-item { max-width: 85%; } .garant__left-links { flex-direction: column; gap: 10px; } .garant__left-links a { font-size: 14px; padding: 14px 0; } .garant { padding-bottom: 200px; } .catalog__title { font-size: 24px; } .catalog { padding: 50px 0; } /* .breadcrumb__nav li a { display: none; } .breadcrumb__nav li:first-child a { display: block; font-size: 0; } */ .breadcrumb__nav li:first-child a svg { display: block; } .breadcrumb__nav li span { font-size: 14px; } .contact__left-info-item { flex-direction: column; } .contact__left { padding: 42px 30px; } .contact__left-title { font-size: 24px; margin-bottom: 5px; } .contact__left-subtitle { font-size: 14px } /* .contact__left-list li { width: 100%; } */ .contact__left-list li a { font-size: 16px; } .contact__left-link { font-size: 14px; padding: 14px 0; } .contact__right {} .diller__left { padding: 42px 30px; } .diller__left-title { font-size: 24px; } .diller__left-text { font-size: 14px; } .diller__left-form-checks { flex-direction: column; } .diller__left-form-item { flex-direction: column; align-items: flex-start; } .diller__left-form-item input { max-width: 100%; } .diller__left-form-btn { font-size: 14px; padding: 14px 0; max-width: 100%; } .about__block-left-title { font-size: 24px; } .about__block-left-text { font-size: 14px; } .about__block-left-links { flex-direction: column; gap: 9px; } .about__block-left-links a { font-size: 14px; padding: 14px 0; } .about__block-right { height: 156px; } .about__block { gap: 60px; } .production { padding: 60px 0; } .production__title { font-size: 24px; text-align: left; } .production__list-item-icon { max-width: 40px; } .production__list-item-title { font-size: 18px; max-width: 150px; } .production__list-item-text { margin-left: -57px; font-size: 14px; } .production__list-item:last-child .production__list-item-title { max-width: 200px; } .difference__block-left { height: 146px; border-radius: 16px; } .difference__block { gap: 60px; } .difference__block-right-title { font-size: 24px; } .difference__block-right-list li { font-size: 14px; } .difference__block-right-link { font-size: 14px; padding: 14px 0; max-width: 100%; } .certificate__title { font-size: 24px; } .certificate__text { font-size: 14px; margin-bottom: 24px; line-height: 1.4em; } .certificate__block { flex-wrap: nowrap; overflow-x: scroll; align-items: flex-start; justify-content: flex-start; } .certificate__block-item-img { height: initial; } .certificate__block-item-name { font-size: 12px; } .certificate__block-item-bot { padding-right: 0; } .certificate__block-item { flex-shrink: 0; } .requisities__block-left { padding: 42px 30px; } .requisities__block-left-title { text-align: left; } /* .requisities__block-left-list li { flex-direction: column; } */ .requisities__block-left-list { gap: 0; } .requisities__block-left-link { /* font-size: 14px; */ /* padding: 14px 0; */ max-width: 100%; } .requisities__block-left-link button { padding: 15px 15px; font-size: 16px; } .requisities__block { gap: 16px; } .requisities__block-right { height: 376px; } .directory__title { font-size: 24px; margin-bottom: 24px; } .directory__list-item { padding: 16px 5%; text-align: left; } .reviews__title { font-size: 24px; margin-bottom: 16px; padding: 0 30px; } .reviews .container { padding: 0; } .reviews__block-item { padding: 32px 30px; } .how__title { font-size: 24px; } .how__block-caption { flex-direction: column; gap: 0; margin-bottom: 16px; } .how__block-markets a { max-width: 100px; } .how__block-content div { font-size: 14px; } .question__title { font-size: 24px; } .question__block-caption li { padding: 16px 20px; } .question__block-accordion-header { font-size: 16px; } .blog__content-item { max-width: 100%; } .blog { overflow-x: hidden; } .blog__block-caption { margin-right: calc(100% - 100vw); } .article__block-left-title { font-size: 24px; margin-bottom: 12px; } .article__block-left-date { font-size: 14px; } .article__block-left-date .text { display: none; } .article__block-left-content { margin-top: 4px; } .article__block-left-link { font-size: 14px; padding: 14px 0; max-width: 100%; } .account .container { max-width: 100%; padding: 0; } .account__caption { flex-direction: column; padding: 0 30px; } .account__caption-link { max-width: 100%; font-size: 16px; padding: 9px; } .account__edit-left { padding: 42px 30px; } .account__edit-right { padding: 42px 30px; } .account__edit-left-item { flex-direction: column; align-items: flex-start; } .account__edit-left-item input { max-width: 100%; } .account__edit-left-item-show { top: auto; bottom: 0px; } .account__edit-left-checks { flex-direction: column; gap: 16px; } .account__edit-save { max-width: calc(100% - 60px); font-size: 14px; padding: 14px; } .cart__action { flex-direction: column; } .cart__block-item { flex-direction: column; align-items: flex-start; } .cart__block-item-check { margin: 0 auto; } .cart__block-item-image { margin: 24px auto; } .cart__block-item-info-name { font-size: 20px; } .cart__block-item-action { flex-wrap: wrap; } .cart__block-item-action-price { width: 100%; margin-bottom: 8px; } .cart__link { font-size: 14px; padding: 14px 0; } .checkout__block-cart-item { max-width: 100%; } .checkout__title { font-size: 24px; } .checkout__block-form-item { flex-direction: column; align-items: flex-start; } .checkout__block-form-item input { max-width: 100%; } .checkout__block-form-checks { justify-content: flex-start; } .checkout__block-form-delivery { text-align: left; } .checkout__form-btn { max-width: 100%; } .goods { padding-bottom: 60px; } .goods__block-left { flex-direction: column; } .goods__block-left-thums { order: 2; max-width: 100%; } .goods__block-left-slider { height: 314px; } .goods__block-left-slider .swiper-slide { padding: 24px; } .goods__block-left-slider img { height: 100%; } .goods__block-right-title { font-size: 24px; } .goods__block-right-action-price { width: 100%; margin: 32px 0 16px; } .goods__adaptive-info { padding: 40px 0; } .goods__block-right-list li { flex-direction: column; align-items: flex-start; gap: 4px; } .goods__reviews { padding: 38px 30px; } .goods__reviews-top { flex-direction: column; gap: 16px; align-items: flex-start; } .goods__reviews-top-info { flex-wrap: wrap; } .goods__reviews-top-info span { width: 100%; } .goods__reviews-list-item-text { font-size: 14px; line-height: 1.6em; } .related { padding: 40px 0; } .related .product__card-bottom-buy { font-size: 0; padding: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; gap: 0; } .related .product__card-bottom-wish { width: 40px; height: 40px; margin-left: 8px; } .related__title { font-size: 24px; } .catalogue__cat-item { max-width: 100%; width: 100%; padding: 10px 30px; } .catalogue__list-top-right { /* margin-right: 100%; */ /* margin-bottom: 16px; */ } .catalogue__list-products { columns: 1; } .bx-authform { margin-left: 20px; } .bx-authform-formgroup-container:has(input[type="submit"]) { margin-left: 0; text-align: center; } .white-bg-text { padding: 15px 25px; } } @media screen and (max-width: 805px) { .product__card-images-flex img { width: 100%; } .modal_block { max-width: 538px; width: 100%; flex-direction: column-reverse; overflow-y: auto; /* height: 100vh; */ } .modal_block_info { min-width: auto; } .modal_close { margin-left: auto; margin-right: 1px; } .new-modal__btn { display: flex; justify-content: center; } .new-modal__btn.btn-green svg { flex-shrink: 0; } .modal_block_title { font-size: 24px; margin-bottom: 16px; line-height: 125%; } .modal_block_title nosubtext { font-size: 24px } .modal_block_text { margin-top: 0; margin-bottom: 39px; font-size: 14px; max-width: 342px; } .modal_form_item_text, .modal_form_item_input { max-width: 260px; } .modal_form_btn { padding-top: 13px; padding-bottom: 13px; max-width: 260px; font-size: 14px; line-height: 120%; } } @media screen and (max-width: 502px) { .modal_form_item { flex-direction: column; align-items: start; } .modal_form_item-show { top: 70%; } .modal_form_item_text, .modal_form_item_input { max-width: 100%; } .modal_block { height: 100vh; padding: 20px 0 50px; } .modal_block_info { padding: 42px 30px; } } @media screen and (min-width: 1400px) { .goods__block-right-action, .goods__block-right-list { padding-left: 50px; } } @media screen and (max-width: 586px) { .new-empty__img { max-width: 414px; width: 100%; display: block; padding-left: 20px; padding-right: 20px; } .new-empty__header { font-size: 26px; line-height: 110%; } .new-empty { padding: 70px 0; } .goods__block-right-text { padding-top: 25px; } } @media screen and (max-width:320px) { .goods__block-left-thums { display: none; } } /* End */ /* /local/templates/new/assets/css/swiper-bundle.min.css?172992212119052 */ /* /local/templates/new/assets/css/main.css?1757491606147926 */ /* /local/templates/new/assets/css/media.css?174237029836596 */