/* Start:/local/templates/zintek-index/libs/swiper/swiper-bundle.min.css?178351510718464*/ /** * Swiper 11.2.7 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: May 19, 2025 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/zintek-index/components/bitrix/news.list/home_mm_hero/style.css?17919003329976*/ /* B02 Hero — body.home-mm-page /home_mm_custom/ * Figma 586:3591 stage; controls 701:4224 [←][dots][→]; hover arrows 701:4244. * Banner layers fade in place; products carousel is separate (no banner slide). */ .home-mm--hero { --home-mm-hero-side: 70px; --home-mm-hero-bottom: 70px; --home-mm-hero-card-w: 412px; --home-mm-hero-card-h: 146px; --home-mm-hero-header-inset: var(--home-mm-header-h, 88px); position: relative; width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); height: 820px; min-height: 820px; overflow: hidden; background: #3f5069; color: var(--home-mm-white, #fff); font-family: "Manrope", "Montserrat", sans-serif; box-sizing: border-box; } .home-mm--hero__stage { position: relative; width: 100%; height: 100%; } /* Banner chrome (bg + copy) — stacked, fade only, never translateX */ .home-mm--hero__banner { position: absolute; inset: 0; z-index: 0; opacity: 0; visibility: hidden; pointer-events: none; overflow: hidden; transition: opacity 0.35s ease, visibility 0.35s ease; } .home-mm--hero__banner.is-active { z-index: 1; opacity: 1; visibility: visible; pointer-events: auto; } .home-mm--hero__bg { position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; } .home-mm--hero__bg-img { position: absolute; inset: 0; width: 100%; height: 100% !important; max-width: none; object-fit: cover; object-position: center right; display: block; } .home-mm--hero__bg-img--mob { display: none !important; } .home-mm--hero__layout { position: relative; z-index: 1; height: 100%; box-sizing: border-box; } .home-mm--hero__copy { position: absolute; left: var(--home-mm-hero-side); top: calc(50% + 5px); transform: translateY(-50%); display: flex; flex-direction: column; align-items: flex-start; gap: 40px; width: min(874px, calc(100% - 2 * var(--home-mm-hero-side))); max-width: 874px; } .home-mm--hero__text { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; width: 100%; color: #ffffff; } body.home-mm-page .home-mm--hero__title, body.home-mm-page h1.home-mm--hero__title { margin: 0; margin-bottom: 0; width: 100%; max-width: 874px; font-family: "Manrope", sans-serif; font-size: 60px; font-weight: 600; line-height: 72px; letter-spacing: -1.5px; color: #ffffff; word-break: normal; overflow-wrap: anywhere; white-space: normal; text-wrap: balance; } .home-mm--hero__title-line { display: inline; white-space: normal; } .home-mm--hero__subtitle { margin: 0; width: 100%; font-size: 18px; font-weight: 400; line-height: 1.6; color: #ffffff; word-break: break-word; } .home-mm--hero__actions { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 16px; } /* Product slot — per active banner; nested swiper slides that banner set only */ .home-mm--hero__card-slot { position: absolute; z-index: 2; right: var(--home-mm-hero-side); bottom: var(--home-mm-hero-bottom); width: var(--home-mm-hero-card-w); height: var(--home-mm-hero-card-h); } /* Pull card inward on ultra-wide so it stays in attention (Mint @2K) */ @media (min-width: 1920px) { .home-mm--hero { --home-mm-hero-side: 96px; --home-mm-hero-bottom: 80px; } } @media (min-width: 2560px) { .home-mm--hero { --home-mm-hero-side: 140px; --home-mm-hero-bottom: 96px; } } .home-mm--hero__products { width: 100%; height: 100%; overflow: hidden; } .home-mm--hero__products .swiper-wrapper { height: 100%; } .home-mm--hero__products .swiper-slide { height: 100%; box-sizing: border-box; } .home-mm--hero__card { display: flex; align-items: flex-start; gap: 24px; box-sizing: border-box; width: 100%; height: 100%; padding: 8px 8px 8px 16px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: var(--home-mm-radius, 12px); background: rgba(255, 255, 255, 0.15); -webkit-backdrop-filter: blur(1.5px); backdrop-filter: blur(1.5px); color: inherit; text-decoration: none; cursor: default; transition: background-color 0.15s ease, border-color 0.15s ease; } a.home-mm--hero__card { cursor: pointer; } a.home-mm--hero__card:hover { background: rgba(255, 255, 255, 0.22); border-color: rgba(255, 255, 255, 0.65); } .home-mm--hero__card-body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; box-sizing: border-box; /* Room for card arrows (Figma 588:9270 bottom 16 + btn 24) */ padding: 8px 0 40px; } .home-mm--hero__card-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; width: 100%; margin: 0; font-size: 16px; font-weight: 600; line-height: 1.5; color: #ffffff; text-decoration: none; word-break: break-word; } .home-mm--hero__card-prices { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 10px; white-space: nowrap; } .home-mm--hero__card-price { margin: 0; font-size: 16px; font-weight: 600; line-height: 1.5; color: #ffffff; } .home-mm--hero__card-price--old { color: rgba(255, 255, 255, 0.5); text-decoration: line-through; text-decoration-skip-ink: none; } .home-mm--hero__card-photo { position: relative; flex: 0 0 128px; width: 128px; height: 128px; border-radius: var(--home-mm-radius-btn, 8px); background: #ffffff; overflow: hidden; } .home-mm--hero__card-photo img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 83px; height: 110px; max-width: none; object-fit: contain; display: block; } /* Figma 588:9270 — arrows inside product card */ .home-mm--hero__card-nav { position: absolute; z-index: 4; left: 16px; bottom: 16px; display: flex; align-items: center; gap: 8px; pointer-events: none; } .home-mm--hero__card-nav .home-mm--hero__nav-btn { pointer-events: auto; } /* Figma 701:4224 — prev + dots + next, gap 30, bottom-left (desk) */ .home-mm--hero__controls { position: absolute; z-index: 3; left: var(--home-mm-hero-side); bottom: var(--home-mm-hero-bottom); display: flex; align-items: center; gap: 30px; height: 24px; pointer-events: none; } .home-mm--hero__nav-btn { pointer-events: auto; position: relative; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 24px; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 3px; background: rgba(255, 255, 255, 0.2); cursor: pointer; transition: background-color 0.15s ease, opacity 0.15s ease; } /* Figma 701:4244 — orange fill on hover */ .home-mm--hero__nav-btn:hover:not(.swiper-button-disabled):not(.swiper-button-lock) { background: var(--home-mm-orange, #f15a22); } .home-mm--hero__nav-btn.swiper-button-disabled, .home-mm--hero__nav-btn.swiper-button-lock { opacity: 0.35; cursor: default; } .home-mm--hero__nav-btn img { display: block; width: 10px; height: 12px; pointer-events: none; } .home-mm--hero__nav-btn--prev img { transform: scaleX(-1); } .home-mm--hero .home-mm--hero__pagination.swiper-pagination-bullets, .home-mm--hero .swiper-horizontal > .home-mm--hero__pagination.swiper-pagination-bullets { pointer-events: auto; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; width: auto !important; height: 10px; margin: 0; transform: none !important; display: flex; align-items: center; gap: 15px; } .home-mm--hero .home-mm--hero__pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 !important; border-radius: 50%; background: #b8c4d6; opacity: 0.5; cursor: pointer; transition: background-color 0.15s ease, opacity 0.15s ease; } .home-mm--hero .home-mm--hero__pagination .swiper-pagination-bullet:hover { opacity: 0.8; } .home-mm--hero .home-mm--hero__pagination .swiper-pagination-bullet-active { background: #ffffff; opacity: 1; } /* ——— Mobile (Figma 614:6490) ——— */ @media (max-width: 991px) { .home-mm--hero__title br { display: none; } .home-mm--hero { --home-mm-hero-side: 15px; --home-mm-hero-bottom: 20px; --home-mm-hero-header-inset: 60px; height: 735px; min-height: 735px; background: #00253c; } .home-mm--hero__card-slot { display: none !important; } /* Figma 614:6490 — mobile dots only, no arrows by pagination */ .home-mm--hero__nav-btn--dots { display: none !important; } .home-mm--hero__copy { left: 15px; right: 15px; top: auto; bottom: 50px; transform: none; width: auto; max-width: none; align-items: center; gap: 20px; } .home-mm--hero__text { align-items: center; gap: 8px; text-align: center; } /* Beat desk `body.home-mm-page h1.home-mm--hero__title` (60px) */ body.home-mm-page .home-mm--hero__title, body.home-mm-page h1.home-mm--hero__title { margin: 0 !important; max-width: none; font-size: 26px; font-weight: 600; line-height: 1.3; letter-spacing: 0; text-align: center; } .home-mm--hero__title-line { display: inline; white-space: normal; } body.home-mm-page .home-mm--hero__subtitle { font-size: 14px; font-weight: 400; line-height: 1.4; letter-spacing: 0; text-align: center; } .home-mm--hero__actions { flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 8px; width: 100%; } .home-mm--hero__btn, .home-mm--hero .home-mm__btn { width: 100%; box-sizing: border-box; } /* Mobile: centered dots only */ .home-mm--hero__controls { left: 50%; right: auto; bottom: 20px; transform: translateX(-50%); gap: 0; } .home-mm--hero__bg { background: #00253c; } .home-mm--hero__bg-img--desk { display: none !important; } .home-mm--hero__bg-img--mob { display: block !important; inset: 0 !important; width: 100% !important; max-width: none !important; height: 100% !important; transform: none !important; object-fit: cover !important; object-position: center top !important; } } /* End */ /* Start:/local/templates/zintek-index/components/bitrix/news.list/home_mm_stats/style.css?1789405940699*/ /* B03 Stats — home/Figma overrides only; chrome from service_detail .adv-section* */ .home-mm--stats .adv-section { /* Rhythm from .home-mm__section; no nested .container (already in .home-mm > .container) */ padding-top: 0; } /* Keep 3-col desk Figma through tablet; service_detail collapses at 1200 */ @media (min-width: 992px) { .home-mm--stats .adv-section-content-item { width: calc(100% / 3 - 5.33px); } } /* Mobile / stretched tablet — Figma 615:14643 @ ≤991 */ @media (max-width: 991px) { .home-mm--stats .adv-section-content-item { width: 100%; } .home-mm--stats .adv-section-content-item-title { font-size: 26px; line-height: 35px; letter-spacing: -0.7px; } } /* End */ /* Start:/local/templates/zintek-index/components/bitrix/news.detail/service_detail/style.css?179060914217222*/ .services__banner{ padding-top: 40px; } .services__banner-content{ display: flex; padding: 12px 48px 12px 12px; justify-content: space-between; gap: 24px; align-self: stretch; border-radius: 12px; background: #FFF; } .services__banner-image{ width: 100%; height: auto; object-fit: cover; border-radius: 9px; max-width: 485px; object-position: center; } .services__banner-content-text{ max-width: 552px; display: flex; flex-direction: column; padding: 36px 0; } .services__banner-content-text .orange-label{ margin-bottom: 10px !important; } .services__banner-content-text h1{ margin-bottom: 16px !important; } .services__banner-content-text .orange-button{ margin-top: 24px; max-width: fit-content; padding: 8px 16px; } @media (max-width: 1200px) { .services__banner-content{ flex-direction: column; padding: 12px; } .services__banner-image{ max-width: 100%; } .services__banner-content-text{ max-width: 100%; padding: 0 12px 12px 12px; } .services__banner-content-text .orange-label{ margin-bottom: 8px !important; } .services__banner-content-text h1{ margin-bottom: 8px !important; } } .how-we-work-section{ padding-top: 60px; } .how-we-work-section-content{ margin-top: 32px; display: flex; gap: 8px; flex-wrap: wrap; } .how-we-work-section-content-item{ border-radius: 12px; background: #FFF; display: flex; padding: 24px; flex-direction: column; align-items: flex-start; gap: 16px; width: calc(100% / 3 - 5.33px); } .how-we-work-section-content-item-wrapper{ display: flex; flex-direction: column; gap: 6px; } .how-we-work-section-content-item-name{ color: #2A2A2A; font-family: Manrope, sans-serif; font-size: 18px; font-weight: 700; line-height: 160%; margin: 0 !important; } .how-we-work-section-content-item svg { flex-shrink: 0; } @media (max-width: 1200px) { .how-we-work-section-content-item{ width: calc(100% / 2 - 4px); } } @media (max-width: 768px) { .how-we-work-section{ padding-top: 30px; } .how-we-work-section-title.title-32{ font-size: 30px; } .how-we-work-section-content-item{ width: 100%; } .how-we-work-section-content-item-name{ font-size: 16px; } .how-we-work-section-content-item{ flex-direction: row; } .how-we-work-section-content-item svg { width: 42px; flex-shrink: 0; } } .seo-section{ padding-top: 60px; } .seo-section-content{ display: flex; justify-content: space-between; gap: 24px; position: relative; flex-direction: column; } .seo-section-content-tabs{ display: flex; align-items: flex-start; align-self: stretch; border-bottom: 1px solid #B8C4D6; position: relative; overflow: hidden; } .seo-section-content-tabs-list{ display: flex; align-items: stretch; flex: 1 1 auto; min-width: 0; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; } .seo-section-content-tabs-list::-webkit-scrollbar{ display: none; } .seo-section-content-tabs-item{ display: flex; height: auto; min-height: 56px; width: max-content; max-width: calc(100% - 96px); /* leave room for both arrow overlays */ min-width: 0; padding: 16px 32px; justify-content: center; align-items: center; gap: 16px; flex-shrink: 0; cursor: pointer; user-select: none; color: #62748E; font-family: Manrope, sans-serif; font-size: 16px; font-weight: 500; line-height: 150%; text-align: center; white-space: normal; overflow-wrap: anywhere; transition: color 0.2s ease; border-bottom: 2px solid transparent; box-sizing: border-box; } .seo-section-content-tabs-item.active{ border-bottom-color: #F15A22; color: #3F5069; } .seo-section-content-tabs-content-item{ display: none; } .seo-section-content-tabs-content-item.active{ display: flex; padding: 12px; justify-content: flex-end; align-items: flex-start; gap: 12px; align-self: stretch; border-radius: 12px; background: #FFF; } .seo-section-content-tabs-content-item-text{ display: flex; padding: 28px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 24px; flex: 1 0 0; } .seo-section-content-tabs-content-item-text p, .seo-section-content-tabs-content-item-text ul, .seo-section-content-tabs-content-item-text ol, .seo-section-content-tabs-content-item-text li{ color: #3F5069; font-family: Manrope, sans-serif; font-size: 16px; line-height: 150%; } .seo-section-content-tabs-content-item-text ul, .seo-section-content-tabs-content-item-text ol{ display: flex; flex-direction: column; align-items: flex-start; gap: 8px; align-self: stretch; } .seo-section-content-tabs-content-item-text ul li, .seo-section-content-tabs-content-item-text ol li{ position: relative; padding-left: 16px; } .seo-section-content-tabs-content-item-text ul li::before, .seo-section-content-tabs-content-item-text ol li::before{ content: ''; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; border-radius: 50%; background: #F15A22; } .seo-section-content-tabs-content-item-image{ width: 100%; max-width: 394px; aspect-ratio: 1/1; border-radius: 12px; } .seo-section-content-tabs-content-item-image img{ width: 100%; height: 100%; object-fit: cover; border-radius: 12px; } .seo-section-content-tabs-arrow-wrapper-wrapper{ position: absolute; z-index: 2; border-radius: 8px; background: #F3F7FC; padding: 8px; } .seo-section-content-tabs-arrow-wrapper{ display: flex; width: 32px; height: 32px; justify-content: center; align-items: center; gap: 10px; flex-shrink: 0; aspect-ratio: 1/1; border-radius: 8px; background: #FFF; cursor: pointer; transition: background-color 0.2s ease; } .seo-section-content-tabs-arrow-wrapper:hover{ background: #E8F1FA; } .seo-section-content-tabs-arrow-wrapper-wrapper.is-hidden{ opacity: 0; visibility: hidden; pointer-events: none; } .seo-section-content-tabs-arrow-wrapper-wrapper.arrow-left{ left: 0; top: 50%; transform: translateY(-50%) rotate(180deg); } .seo-section-content-tabs-arrow-wrapper-wrapper.arrow-right{ right: 0; top: 50%; transform: translateY(-50%); } .seo-section-content-text{ max-width: 661px; width: 100%; } .seo-section-content-text-block h2, .seo-section-content-text-block h3, .seo-section-content-text-block h4, .seo-section-content-text-block h5, .seo-section-content-text-block h6{ color: var(--Black, #2A2A2A); font-family: Manrope, sans-serif; font-size: 22px; font-weight: 600; line-height: 135%; letter-spacing: -0.7px; margin-bottom: 16px !important; } .seo-section-content-text-block p, .seo-section-content-text-block ul, .seo-section-content-text-block ol{ margin-bottom: 32px !important; } h2.seo-section-content-text-title.title-32 { margin-bottom: 24px; } .seo-section-content-text-block *:last-child{ margin-bottom: 0 !important; } .seo-section-content-img{ aspect-ratio: 1 / 1; width: 100%; max-height: fit-content; border-radius: 9px; } .seo-section-content-img--desktop{ position: sticky; top: 20px; max-width: 497px; } .seo-section-content-img--mobile{ display: none; max-width: 100%; margin-bottom: 32px; } @media (max-width: 1200px) { .seo-section-content{ flex-direction: column; } .seo-section-content-text{ max-width: 100%; } .seo-section-content-img--desktop{ display: none; } .seo-section-content-img--mobile{ display: block; max-width: 400px; aspect-ratio: 400/400; } .seo-section-content-text-block h2, .seo-section-content-text-block h3, .seo-section-content-text-block h4, .seo-section-content-text-block h5, .seo-section-content-text-block h6{ margin-bottom: 8px !important; } .seo-section-content-text-block p, .seo-section-content-text-block ul, .seo-section-content-text-block ol{ margin-bottom: 16px !important; } } .adv-section{ padding-top: 60px; } .adv-section-content{ display: flex; gap: 8px; flex-wrap: wrap; } .adv-section-content-item{ border-radius: 12px; background: #FFF; display: flex; padding: 24px; flex-direction: column; align-items: flex-start; gap: 8px; width: calc(100% / 3 - 5.33px); } .adv-section-content-item-title{ font-family: Manrope, sans-serif; font-size: 30px; font-weight: 600; line-height: 130%; letter-spacing: -0.7px; } .adv-section-content-item-title-value{ color: #0074BC; } .adv-section-content-item-title-description{ color: #2A2A2A; } .adv-section-content-item-description{ color: #62748E; font-family: Manrope, sans-serif; font-size: 18px; font-weight: 400; line-height: 160%; } @media (max-width: 1200px) { .adv-section-content-item{ width: calc(100% / 2 - 4px); } .adv-section-content-item-title{ font-size: 26px; } } @media (max-width: 768px) { .adv-section-content-item{ width: 100%; } } .gallery-section{ padding-top: 60px; overflow: hidden; } .gallery-section-content{ position: relative; overflow: visible; margin-top: 32px; } .gallery-section-content .swiper-slide{ width: min(807px, calc(100vw - 120px)); border-radius: 9px; overflow: hidden; position: relative; } .gallery-section-content .swiper-slide img{ opacity: 0.4; transition: opacity 0.3s ease; } .gallery-section-content .swiper-slide.swiper-slide-active img{ opacity: 1; } .gallery-section-content .swiper-slide img{ display: block; width: 100%; aspect-ratio: 807 / 446; object-fit: cover; border-radius: 12px; } .gallery-section-nav{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: min(807px, calc(100vw - 120px)); height: 0; z-index: 2; pointer-events: none; } .gallery-section-nav .swiper-button-prev, .gallery-section-nav .swiper-button-next{ pointer-events: all; width: 48px; height: 48px; margin-top: 0; top: 0; transform: translateY(-50%); background: #0074BC; border-radius: 4px; color: #fff; transition: all 0.3s ease; } .gallery-section-nav .swiper-button-prev:hover, .gallery-section-nav .swiper-button-next:hover{ background: #F15A22; } .gallery-section-nav .swiper-button-prev{ left: -24px; } .gallery-section-nav .swiper-button-next{ right: -24px; } .gallery-section-nav .swiper-button-prev::after, .gallery-section-nav .swiper-button-next::after{ font-size: 16px; font-weight: 700; } .gallery-section-content .swiper-pagination{ display: none; } @media (max-width: 768px) { .gallery-section-content .swiper-slide{ width: calc(100vw - 48px); } .gallery-section-nav{ width: calc(100vw - 48px); } .gallery-section-nav .swiper-button-prev, .gallery-section-nav .swiper-button-next{ display: none; } .gallery-section-content .swiper-pagination{ display: flex; justify-content: center; position: static; grid-gap: 15px; margin-top: 30px; } .gallery-section-content .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0; } .gallery-section-content .swiper-pagination .swiper-pagination-bullet{ width: 10px; background: rgba(184, 196, 214, 0.50); border-radius: 50%; height: 10px; opacity: 1; transition: background 0.3s ease; } .gallery-section-content .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #0074BC; } .gallery-section-content .swiper-slide { width: 100%; } .gallery-section-content .swiper-slide img{ aspect-ratio: 345/250; } .gallery-section-content { width: 76.375rem; max-width: calc(100vw - 2rem); margin: 0 auto; margin-top: 30px; } } .reviews-section{ padding-top: 60px; } .reviews-section-content{ margin-top: 32px; position: relative; } .reviews-section-content-swiper{ position: relative; } .reviews-section-content-swiper .swiper-slide{ border-radius: 12px; background: #FFF; display: flex; padding: 12px; flex-direction: column; align-items: flex-start; gap: 16px; height: auto; } p.reviews-section-content-item-text { margin: 0 !important; color: #2A2A2A; font-family: Manrope, sans-serif; font-size: 16px; font-weight: 700; line-height: 150%; } .reviews-section-content .swiper-button-prev, .reviews-section-content .swiper-button-next{ border-radius: 8px; border: 1.5px solid #b8c4d633; display: flex; width: 48px; height: 48px; justify-content: center; align-items: center; gap: 15px; aspect-ratio: 1/1; transition: all 0.3s ease; } .reviews-section-content .swiper-button-prev:hover, .reviews-section-content .swiper-button-next:hover{ background: #0074BC; border-color: #0074BC; color: #fff; } .reviews-section-content .swiper-button-prev{ left: -72px; } .reviews-section-content .swiper-button-next{ right: -72px; } .reviews-section-content .swiper-button-prev::after, .reviews-section-content .swiper-button-next::after{ font-size: 16px; font-weight: 700; color: #62748E; transition: all 0.3s ease; } .reviews-section-content .swiper-button-prev:hover::after, .reviews-section-content .swiper-button-next:hover::after{ color: #fff; } .reviews-section-content-item-header{ display: flex; padding: 8px 8px 0 8px; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 8px; align-self: stretch; height: 100%; } .reviews-section-content-item-image{ align-self: stretch; aspect-ratio: 87/122; border-radius: 6px; border: 1px solid rgba(184, 196, 214, 0.20); } .reviews-section .swiper-pagination{ display: none; } @media (max-width: 1100px){ .reviews-section-content .swiper-button-prev, .reviews-section-content .swiper-button-next{ display: none; } .reviews-section-content .swiper-pagination{ display: flex; justify-content: center; position: static; grid-gap: 15px; margin-top: 30px; } .reviews-section-content .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0; } .reviews-section-content .swiper-pagination .swiper-pagination-bullet{ width: 10px; background: rgba(184, 196, 214, 0.50); border-radius: 50%; height: 10px; opacity: 1; transition: background 0.3s ease; } .reviews-section-content .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #0074BC; } } @media (max-width: 768px) { .reviews-section-content{ margin-top: 30px; } } @media (max-width: 992px) { .seo-section-content-tabs-item{ padding: 12px 16px; } .seo-section-content-tabs-content-item.active{ padding: 20px; flex-direction: column; grid-gap: 16px; } .seo-section-content-tabs-content-item-text{ padding: 0; } .seo-section-content-tabs-content-item-image { width: 100%; max-width: 100%; aspect-ratio: 305 / 150; border-radius: 12px; } } /* One tab per view: text wraps inside the gap between arrows */ @media (max-width: 576px) { .seo-section-content-tabs-list{ scroll-snap-type: x mandatory; } .seo-section-content-tabs-item{ flex: 0 0 100%; width: 100%; max-width: 100%; padding: 12px 52px; scroll-snap-align: start; } } @media (max-width: 576px) { .seo-section-content-tabs-item{ width: calc(100vw - 70px); } } /* End */ /* Start:/local/templates/zintek-index/components/bitrix/catalog.top/catalog_davotec_popular/style.css?17915466833575*/ .catalog-slider-davotec-popular { position: relative; margin-bottom: 80px; } .catalog-slider-davotec-popular .swiper-button-prev, .catalog-slider-davotec-popular .swiper-button-next { display: flex; width: 48px; height: 48px; justify-content: center; align-items: center; gap: 15px; aspect-ratio: 1/1; border-radius: 8px; border: 1.5px solid rgba(184, 196, 214, 0.20); transition: all 0.3s ease; } .catalog-slider-davotec-popular .swiper-button-prev:hover, .catalog-slider-davotec-popular .swiper-button-next:hover { background-color: #0074BC; border-color: #0074BC; } .catalog-slider-davotec-popular .swiper-button-prev:after, .catalog-slider-davotec-popular .swiper-button-next:after { font-size: 16px; font-weight: 600; color: #3F5069; transition: all 0.3s ease; } .catalog-slider-davotec-popular .swiper-button-prev:hover:after, .catalog-slider-davotec-popular .swiper-button-next:hover:after { color: #fff; } .catalog-slider-davotec-popular .swiper-button-prev{ left: -60px; } .catalog-slider-davotec-popular .swiper-button-next{ right: -60px; } .catalog-slider-davotec-popular .swiper-slide{ height: auto; box-sizing: border-box; } .catalog-slider-davotec-popular .swiper-slide > .catalog-davotec-card, .catalog-slider-davotec-popular .swiper-slide > .products__item { width: 100%; max-width: none; box-sizing: border-box; } /* BU-A1 — @768 tablet: 2-col slides stretch across the track */ @media (min-width: 576px) and (max-width: 990px) { .catalog-slider-davotec-popular .swiper, .catalog-slider-davotec-popular .swiper-wrapper { width: 100%; max-width: 100%; } } .catalog-slider-davotec-popular .swiper-pagination{ display: none; } .section__subsection.subsection.catalog-davotec-popular .subsection__header .wysiwyg{ text-align: left; } @media (max-width: 1200px) { .catalog-slider-davotec-popular .swiper-button-prev{ display: none; } .catalog-slider-davotec-popular .swiper-button-next{ display: none; } .catalog-slider-davotec-popular .swiper-pagination{ position: static; display: flex; justify-content: center; align-items: center; gap: 15px; margin-top: 30px; } .catalog-slider-davotec-popular .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0; width: 10px; height: 10px; background-color: #B8C4D680; opacity: 1; } .catalog-slider-davotec-popular .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #0074BC; } } .catalog-davotec-popular h2{ color: #2A2A2A; font-family: "Manrope", sans-serif; font-size: 32px; font-weight: 600; line-height: 130%; margin-bottom: 40px; } .catalog-davotec-popular .wysiwyg{ margin-bottom: 0; } .catalog-davotec-popular .catalog-davotec-card.products__item{ height: 100% !important; } @media (max-width: 991px) { .catalog-davotec-popular h2{ font-size: 30px; margin-bottom: 30px; } .section__subsection.subsection.catalog-davotec-popular{ padding-top: 2rem; } } @media screen and (max-width: 576px) { .section__subsection.subsection.catalog-davotec-popular{ padding-top: 4rem; } } /* End */ /* Start:/local/templates/zintek-index/components/bitrix/catalog.item/catalog_item_davotec/style.css?179060914275036*/ body .banner__header { line-height: 1.5rem; } .bx-catalog-element .tabs__item iframe { max-width: 100%; } body .header__menu .menu__item .menu__preview + .menu__dropdown.menu__dropdown_second .col:nth-child(1) .group__item:nth-child(4) { margin-top: 0; } .services .services__title .title__text { font-size: 1.75rem; } body .articles__list .slick-arrow { z-index: 4; } body .articles__list .slick-arrow.slick-prev { left: 0.4rem; top: 41%; } body .articles__list .slick-arrow.slick-next { right: 0.4rem; top: 41%; } body .header__menu .menu__item .menu__preview + .menu__dropdown.menu__dropdown_second { width: 36rem; } .banner__model .model__background { transform: translate(-2%, -45%); } #auth_form .bx-auth-lbl, #auth_form .bx-auth-serv-icons { display: none; } #mess_reg, #mess_reg2 { color: red; } .bx-filter .bx-filter-popup-result { display: none !important; } .sidebar__menu .menu__group .group__header { margin-bottom: 0.5rem; } .sidebar__menu .menu__group { display: inline-block; width: 100%; } .bx-filter-popup-result { display: none !important; } #bx-soa-total .group__data .data__value .bx-price-old, .basket-items-list-item-removed-block { display: none !important; } .d-none { display: none !important; } .popup-window .popup-window-buttons span { margin: 0 !important; } .popup-window .popup-window-buttons span ~ span { margin-top: 10px !important; display: block; } .header__menu .menu__dropdown_second .col_mob-12:last-child .group__link { /*text-transform: capitalize;*/ } .orders .orders__item_active .orders__group.orders__group_toogle .group__media:before { content: '-'; } #bx-soa-total { display: none; } #bx-soa-properties { display: none; } /* Catalog Davotec — scoped overrides */ @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&display=swap'); body { --cd-blue: #0074BC; --cd-orange: #F15A22; --cd-gray: #62748E; --cd-gray2: #B8C4D6; --cd-bg: #F3F7FC; --cd-black: #2A2A2A; --cd-section-cols: 3; --cd-section-gap: 20px; --cd-popular-cols: 4; --cd-popular-gap: 20px; --cd-popular-nav-size: 48px; --cd-popular-nav-gap: 20px; /* Figma 730 / 1222 — доля ширины lead-текста от контейнера */ --cd-lead-width: 59.74%; padding-bottom: 3rem; } /* Главная каталога (sections.php) — фон #F3F7FC */ .layout:has(.catalog-davotec-page:not(.catalog-davotec-page_section)) { background-color: #F3F7FC; } /* Страница раздела (section_horizontal.php) — белый фон */ .layout:has(.catalog-davotec-page_section) { background-color: #fff; } .catalog-davotec-intro { display: flex; flex-direction: column; gap: 40px; margin-bottom: 3rem; } .catalog-davotec-hero { display: flex; flex-direction: column; } .catalog-davotec-hero__brand { font: inherit; background: linear-gradient(90deg, #3372b5 0%, #e06737 100%); -webkit-background-clip: text; background-clip: text; color: transparent; letter-spacing: inherit; white-space: nowrap; } .catalog-davotec-hero__lead { font-family: Manrope, sans-serif; font-size: 16px; line-height: 1.5; font-weight: 400; color: var(--cd-gray); width: 100%; max-width: var(--cd-lead-width); margin: 0; } .catalog-davotec-sections__grid { display: flex; flex-wrap: wrap; align-items: stretch; gap: var(--cd-section-gap); width: 100%; } .catalog-davotec-section-card { flex: 0 1 calc((100% - (var(--cd-section-cols) - 1) * var(--cd-section-gap)) / var(--cd-section-cols)); min-width: 0; display: flex; align-items: stretch; } .catalog-davotec-section-card__link { background: #fff; border-radius: 12px; padding: 12px; display: flex; flex-direction: column; align-items: stretch; flex: 1 1 auto; width: 100%; min-height: 100%; overflow: hidden; text-decoration: none; color: inherit; transition: box-shadow .2s; } .catalog-davotec-section-card__link:hover { box-shadow: 0 8px 24px rgba(0, 116, 188, .08); color: inherit; } .catalog-davotec-section-card__content { display: flex; flex-direction: column; align-items: flex-start; flex: 1 1 auto; padding: 20px 20px 0; width: 100%; min-height: 0; box-sizing: border-box; } .catalog-davotec-section-card__texts { display: flex; flex-direction: column; gap: 16px; width: 100%; } .catalog-davotec-section-card__title { font-family: Manrope, sans-serif; font-size: 20px; line-height: 1.35; letter-spacing: -0.7px; font-weight: 600; color: var(--cd-black); margin: 0; } h3.catalog-davotec-section-card__title{ margin: 0; } .catalog-davotec-section-card__text { font-family: Manrope, sans-serif; font-size: 16px; line-height: 1.5; font-weight: 500; color: var(--cd-gray); margin: 0; } .catalog-davotec-section-card__more { display: inline-flex; align-items: center; gap: 7px; margin-top: auto; padding-top: 16px; font-family: Manrope, sans-serif; font-size: 16px; line-height: 1.5; font-weight: 500; color: var(--cd-blue); } .catalog-davotec-section-card__more-icon { display: block; width: 10px; height: 26px; flex-shrink: 0; } .catalog-davotec-section-card__media { position: relative; flex-shrink: 0; width: 100%; margin-top: 24px; aspect-ratio: 537 / 268; border-radius: 8.997px; overflow: hidden; background: var(--cd-bg); display: flex; align-items: center; justify-content: center; } /* Figma 64:2628 — анонс раздела по центру на сером фоне */ .catalog-davotec-section-card__illus--preview { position: relative; z-index: 1; display: block; width: auto; height: auto; max-width: 72%; max-height: 72%; border: 0; pointer-events: none; object-fit: contain; object-position: center; } object.catalog-davotec-section-card__illus--preview { width: 72%; height: 72%; max-width: 72%; max-height: 72%; } @media (max-width: 1279px) { .catalog-davotec-page { --cd-section-cols: 2; --cd-popular-cols: 3; } } @media (max-width: 1023px) { .catalog-davotec-page { --cd-popular-cols: 2; } } @media (max-width: 991px) { .catalog-davotec-page { --cd-section-cols: 2; } .catalog-davotec-intro { gap: 32px; margin-bottom: 2rem; } } .catalog-davotec-popular__slider { position: relative; margin-left: calc(-1 * (var(--cd-popular-nav-size) + var(--cd-popular-nav-gap))); margin-right: calc(-1 * (var(--cd-popular-nav-size) + var(--cd-popular-nav-gap))); } .catalog-davotec-popular-track { display: flex; align-items: center; gap: var(--cd-popular-nav-gap); } .catalog-davotec-popular__viewport { flex: 1 1 auto; min-width: 0; overflow: hidden; } .catalog-davotec-popular__list { display: flex; align-items: stretch; gap: var(--cd-popular-gap); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 4px 0 16px; } .catalog-davotec-popular__list::-webkit-scrollbar { display: none; } .catalog-davotec-popular__slide { flex: 0 0 calc((100% - (var(--cd-popular-cols) - 1) * var(--cd-popular-gap)) / var(--cd-popular-cols)); min-width: 0; scroll-snap-align: start; display: flex; } .catalog-davotec-popular__slide > .catalog-davotec-card { width: 100%; height: 100%; } .catalog-davotec-popular__nav { flex: 0 0 var(--cd-popular-nav-size); width: var(--cd-popular-nav-size); height: var(--cd-popular-nav-size); border-radius: 8px; border: 1.5px solid rgba(184, 196, 214, .2); background: #fff; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; padding: 0; transition: border-color .2s, box-shadow .2s; } .catalog-davotec-popular__nav:hover { border-color: rgba(184, 196, 214, .45); box-shadow: 0 4px 12px rgba(0, 116, 188, .06); } .catalog-davotec-popular__nav:disabled { opacity: .35; cursor: default; pointer-events: none; } .catalog-davotec-popular__nav-icon { display: block; width: 15px; height: 18px; } .catalog-davotec-popular__nav_prev .catalog-davotec-popular__nav-icon { transform: scaleX(-1); } .catalog-davotec-card.products__item { background: var(--cd-bg); border: none; border-radius: 12px; padding: 12px 12px 24px; height: 100%; display: flex; flex-direction: column; gap: 16px; position: relative; transition: background .25s ease, box-shadow .25s ease, transform .25s ease; } /* Сетка раздела — Figma 10:577 / 26:7542 */ .catalog-davotec-card.products__item { background: var(--cd-bg); height: auto; margin-bottom: 0; } .catalog-davotec-card.products__item:has(.catalog-davotec-card__cart:hover), .catalog-davotec-card.products__item:has(.catalog-davotec-card__cart:focus-visible) { background: linear-gradient(115.391deg, #f4f8fd 0%, #eef3f9 60%, #fef1eb 100%); box-shadow: none; transform: none; } .catalog-davotec-card.products__item:hover { box-shadow: none; transform: none; } /* Популярные — Figma 49:3125: белые карточки, без hover-lift */ .catalog-davotec-popular .catalog-davotec-block__title { margin-bottom: 40px; } .catalog-davotec-popular .catalog-davotec-card.products__item { background: #fff; } .catalog-davotec-popular .catalog-davotec-card.products__item:hover, .catalog-davotec-popular .catalog-davotec-card.products__item:has(.catalog-davotec-card__cart:hover), .catalog-davotec-popular .catalog-davotec-card.products__item:has(.catalog-davotec-card__cart:focus-visible) { background: #fff; box-shadow: none; transform: none; } /* Хиты — Figma 12:1048: белые карточки на фоне #F3F7FC */ .catalog-davotec-hits .catalog-davotec-card.products__item { background: #fff; } .catalog-davotec-hits .catalog-davotec-card.products__item:hover, .catalog-davotec-hits .catalog-davotec-card.products__item:has(.catalog-davotec-card__cart:hover), .catalog-davotec-hits .catalog-davotec-card.products__item:has(.catalog-davotec-card__cart:focus-visible) { background: #fff; box-shadow: none; transform: none; } .catalog-davotec-card__badges { position: absolute; top: 20px; left: 20px; z-index: 2; display: flex; flex-wrap: wrap; gap: 6px; } .catalog-davotec-card__badge { font-size: .875rem; line-height: 1.4; padding: 6px 12px; border-radius: 6px; font-weight: 400; box-shadow: 0 0 0 0 rgba(164, 244, 207, .6); } .catalog-davotec-card__badge_stock { background: rgba(34, 241, 131, .1); color: #1f7a4a; } .catalog-davotec-card__badge_hit { background: rgba(241, 90, 34, .1); color: var(--cd-orange); } .catalog-davotec-card.products__item .catalog-davotec-card__media.products__media { margin-bottom: 0; } .catalog-davotec-card__media { margin-bottom: 0; text-align: center; background: #fff; border-radius: 8px; padding: 30px 20px; aspect-ratio: 1; width: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .catalog-davotec-card__media-link { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } a.products__link.catalog-davotec-card__media-link img{ width: 100%; height: 100%; object-fit: contain; margin: 0 auto; aspect-ratio: 1; } .catalog-davotec-card__media img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; margin: 0 auto; } .catalog-davotec-card__body { padding: 0 12px; flex: 1 1 auto; display: flex; flex-direction: column; gap: 16px; min-height: 0; width: 100%; } .catalog-davotec-card__title { margin: 0; } .catalog-davotec-card__title .title__text { font-family: Manrope, sans-serif; font-size: 16px; font-weight: 500; color: var(--cd-black); line-height: 1.5; text-transform: none; } .catalog-davotec-card.products__item .catalog-davotec-card__title.products__title .title__text { font-weight: 500; text-transform: none; } .catalog-davotec-card.products__item .catalog-davotec-card__title.products__title .title__text:hover { color: var(--cd-black); } .catalog-davotec-card__details { display: flex; flex-direction: column; gap: 24px; flex: 1 1 auto; /* min-height: 205px; */ /* min-width: 0; */ } .catalog-davotec-card__specs { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; width: 100%; margin: 0; padding: 0; } .catalog-davotec-card__spec-row { display: flex; justify-content: space-between; gap: .75rem; padding: 0 0 9px; margin: 0 0 8px; border-bottom: 1px solid rgba(184, 196, 214, .2); font-size: .875rem; line-height: 1.4; } .catalog-davotec-card__spec-row_last { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .catalog-davotec-card__spec-row_empty { visibility: hidden; pointer-events: none; user-select: none; } .catalog-davotec-card__spec-row dt { margin: 0; color: var(--cd-gray); font-weight: 400; text-align: left; } .catalog-davotec-card__spec-row dd { margin: 0; color: var(--cd-black); text-align: right; } .catalog-davotec-card__footer { margin-top: auto; position: relative; display: flex; align-items: flex-end; flex-wrap: nowrap; justify-content: flex-start; min-height: 48px; padding-top: 0; flex-shrink: 0; } .catalog-davotec-card__footer.products__footer { margin-top: auto; flex-wrap: nowrap; justify-content: flex-start; } .catalog-davotec-card__price { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; align-self: flex-end; flex: 1 1 auto; min-width: 0; margin-bottom: 0; padding-right: 64px; transition: opacity .4s ease; } .catalog-davotec-card__price.products__price { margin-bottom: 0; align-items: flex-start; justify-content: flex-end; } .catalog-davotec-card__footer:has(.catalog-davotec-card__cart:hover) .catalog-davotec-card__price, .catalog-davotec-card__footer:has(.catalog-davotec-card__cart:focus-visible) .catalog-davotec-card__price { opacity: 0; pointer-events: none; } .catalog-davotec-card__actions { position: absolute; right: 0; bottom: 0; width: 48px; z-index: 1; transition: width .45s ease; } .catalog-davotec-card__footer:has(.catalog-davotec-card__cart:hover) .catalog-davotec-card__actions, .catalog-davotec-card__footer:has(.catalog-davotec-card__cart:focus-visible) .catalog-davotec-card__actions { width: 100%; } .catalog-davotec-card__footer .product-item-button-container { width: 100%; } .catalog-davotec-card__price-old { font-size: .875rem; font-weight: 500; color: var(--cd-gray); text-decoration: line-through; margin: 0 0 2px; order: -1; } .catalog-davotec-card__price-value { font-family: Manrope, sans-serif; font-size: 22px; font-weight: 600; color: #0f172b; line-height: 1.35; letter-spacing: -.7px; } .catalog-davotec-card__cart { display: grid; place-items: center; grid-template-columns: 1fr; width: 100%; height: 48px; border-radius: 8px; border: none; padding: 8px 16px; background: var(--cd-orange); color: #fff; flex-shrink: 0; box-sizing: border-box; overflow: hidden; transition: box-shadow .4s ease, background .4s ease; } .catalog-davotec-card__cart-icon, .catalog-davotec-card__cart-label { grid-area: 1 / 1; justify-self: center; } .catalog-davotec-card__cart-icon { display: block; width: 20px; height: 20px; opacity: 1; transition: opacity .25s ease; } .catalog-davotec-card__cart-label { max-width: 100%; opacity: 0; overflow: hidden; white-space: nowrap; text-align: center; font-family: Manrope, sans-serif; font-size: 16px; font-weight: 500; line-height: 1.5; color: #fff; transition: opacity .3s ease .12s; } .catalog-davotec-card__cart:hover, .catalog-davotec-card__cart:focus-visible { background: var(--cd-orange); color: #fff; box-shadow: 0 8px 20px -8px rgba(241, 90, 34, .6); } /* .catalog-davotec-card__cart:hover .catalog-davotec-card__cart-icon, .catalog-davotec-card__cart:focus-visible .catalog-davotec-card__cart-icon { opacity: 0; transition: opacity .15s ease; padding-right: 7px; } */ .catalog-davotec-card__cart:hover .catalog-davotec-card__cart-label, .catalog-davotec-card__cart:focus-visible .catalog-davotec-card__cart-label { opacity: 1; padding-left: 7px; } .catalog-davotec-card .catalog-davotec-card__cart.products__basket , .catalog-davotec-card__cart.products__basket { width: 100%; height: 48px; border: none; padding: 8px 16px; background: var(--cd-orange); display: flex; align-items: center; justify-content: center; } .catalog-davotec-card .catalog-davotec-card__cart.products__basket:hover, .catalog-davotec-card .catalog-davotec-card__cart.products__basket:focus-visible { width: 100%; border: none; padding: 8px 16px; background: var(--cd-orange); } .catalog-davotec-card .catalog-davotec-card__cart.products__basket img, .catalog-davotec-card .catalog-davotec-card__cart.products__basket svg { width: 20px; height: 20px; min-width: 20px; fill: #fff; } .catalog-davotec-card__quantity { display: flex; align-items: center; width: 100%; height: 48px; padding: 4px; border-radius: 8px; background: #fff; box-sizing: border-box; } .catalog-davotec-card__qty-btn { flex: 0 0 40px; width: 40px; height: 40px; border: none; border-radius: 6px; padding: 0; font-family: Manrope, sans-serif; font-size: 16px; font-weight: 500; line-height: 1; cursor: pointer; display: grid; place-items: center; transition: background .2s ease, color .2s ease; } .catalog-davotec-card__qty-btn_minus, .catalog-davotec-card__qty-btn_plus { background: var(--cd-bg); color: var(--cd-black); } .catalog-davotec-card__qty-btn_minus:hover:not(.product-item-amount-field-btn-disabled), .catalog-davotec-card__qty-btn_plus:hover:not(.product-item-amount-field-btn-disabled), .catalog-davotec-card__qty-btn_minus:focus-visible:not(.product-item-amount-field-btn-disabled), .catalog-davotec-card__qty-btn_plus:focus-visible:not(.product-item-amount-field-btn-disabled) { background: var(--cd-orange); color: #fff; } .catalog-davotec-card__quantity:has(.catalog-davotec-card__qty-btn:hover:not(.product-item-amount-field-btn-disabled)), .catalog-davotec-card__quantity:has(.catalog-davotec-card__qty-btn:focus-visible:not(.product-item-amount-field-btn-disabled)) { box-shadow: 0 0 0 1px rgba(226, 232, 240, .8); } .catalog-davotec-card__qty-btn.product-item-amount-field-btn-disabled { opacity: .45; pointer-events: none; cursor: default; } .catalog-davotec-card__qty-field { flex: 1 1 auto; display: inline-flex; align-items: baseline; justify-content: center; gap: 0; min-width: 0; margin: 0; } .catalog-davotec-card__quantity .jcf-number { display: contents; } .catalog-davotec-card__quantity .jcf-btn-inc, .catalog-davotec-card__quantity .jcf-btn-dec { display: none !important; } .catalog-davotec-card__qty-input { width: auto; min-width: 0; max-width: none; border: none; background: transparent; text-align: right; font-family: Manrope, sans-serif; font-size: 16px; font-weight: 500; line-height: 1.5; color: #2a2a2a; padding: 0; margin: 0; flex: 0 0 auto; field-sizing: content; -moz-appearance: textfield; } .catalog-davotec-card__qty-input::-webkit-outer-spin-button, .catalog-davotec-card__qty-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .catalog-davotec-card__qty-unit { font-family: Manrope, sans-serif; font-size: 16px; font-weight: 500; line-height: 1.5; color: #2a2a2a; white-space: nowrap; flex: 0 0 auto; margin: 0 0 0 2px; } .catalog-davotec-card__footer:has(.catalog-davotec-card__actions.is-in-cart) .catalog-davotec-card__price, .catalog-davotec-card__footer_in-cart .catalog-davotec-card__price { opacity: 0; pointer-events: none; } .catalog-davotec-card__footer:has(.catalog-davotec-card__actions.is-in-cart) .catalog-davotec-card__actions, .catalog-davotec-card__actions.is-in-cart, .catalog-davotec-card__footer_in-cart .catalog-davotec-card__actions { width: 100%; left: 0; right: 0; z-index: 2; } .catalog-davotec-card__actions.is-in-cart .product-item-button-container { display: none; } .catalog-davotec-card__actions.is-in-cart .catalog-davotec-card__quantity { width: 100%; } .catalog-davotec-card__sku, .catalog-davotec-card__series, .catalog-davotec-card__stock { display: none; } .catalog-davotec-tag { display: inline-block; font-size: .75rem; font-weight: 700; padding: .25rem .5rem; border-radius: .375rem; margin-bottom: .5rem; } .catalog-davotec-tag_hit { background: rgba(241, 90, 34, .1); color: var(--cd-orange); } .catalog-davotec-block { margin-top: 5rem; } .catalog-davotec-block__title { font-family: Manrope, sans-serif; font-size: clamp(28px, 2.5vw + 1rem, 42px); font-weight: 600; line-height: 1.2; letter-spacing: -1.4px; color: var(--cd-black); margin: 0 0 2.5rem; } .catalog-davotec-seo__inner { background: #fff; border-radius: 12px; display: flex; flex-direction: column; gap: 32px; padding: 42px clamp(20px, 3.9vw, 48px) 48px; box-sizing: border-box; width: 100%; } /* Страница раздела — Figma 55:1951 */ .catalog-davotec-page_section .catalog-davotec-seo__inner { background: var(--cd-bg); } .catalog-davotec-seo__intro { display: flex; flex-direction: column; gap: 24px; width: 100%; } .catalog-davotec-seo__title { font-family: Manrope, sans-serif; font-size: clamp(24px, 2.2vw + 1rem, 32px); font-weight: 600; line-height: 1.3; color: var(--cd-black); margin: 0 !important; } .catalog-davotec-seo__lead { font-family: Manrope, sans-serif; font-size: clamp(16px, 1vw + 0.75rem, 18px); font-weight: 400; line-height: 1.6; color: var(--cd-gray); margin: 0; } .catalog-davotec-seo__section { display: flex; flex-direction: column; gap: 16px; width: 100%; } .catalog-davotec-seo__subtitle { font-family: Manrope, sans-serif; font-size: 22px; font-weight: 600; line-height: 1.35; letter-spacing: -.7px; color: var(--cd-black); margin: 0; } .catalog-davotec-seo__text { font-family: Manrope, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; color: var(--cd-gray); margin: 0; } .catalog-davotec-seo__text p { margin: 0 0 24px; } .catalog-davotec-seo__text p:last-child { margin-bottom: 0; } @media (max-width: 767px) { .catalog-davotec-seo__inner { padding-top: 32px; padding-bottom: 32px; gap: 24px; } .catalog-davotec-seo__subtitle { font-size: 20px; } } .catalog-davotec-support__inner { display: flex; align-items: stretch; background: #fff; border-radius: 12px; overflow: hidden; width: 100%; min-height: 0; } /* Страница раздела — Figma 49:1329: фон блока #F3F7FC, поля белые */ .catalog-davotec-page_section .catalog-davotec-support__inner { background: var(--cd-bg); } .catalog-davotec-page_section .catalog-davotec-support__input { background: #fff; border: 1px solid rgba(184, 196, 214, .2); } .catalog-davotec-support__content { flex: 1 1 44%; min-width: 0; display: flex; flex-direction: column; gap: 32px; padding: clamp(32px, 5vw, 64px); box-sizing: border-box; } .catalog-davotec-support__head { display: flex; flex-direction: column; gap: 10px; } .catalog-davotec-support__label { font-family: Manrope, sans-serif; font-size: 12px; font-weight: 600; line-height: 18px; letter-spacing: .3px; text-transform: uppercase; color: var(--cd-orange); margin: 0; } .catalog-davotec-support__title { font-family: Manrope, sans-serif; font-size: 32px; font-weight: 600; line-height: 1.3; letter-spacing: 0; color: var(--cd-black); margin: 0; max-width: 34rem; } .catalog-davotec-support__lead { font-family: Manrope, sans-serif; font-size: 16px; font-weight: 400; line-height: 26px; color: var(--cd-gray); margin: 0; max-width: 31rem; } .catalog-davotec-support__form { display: flex; flex-direction: column; gap: 16px; width: 100%; } .catalog-davotec-support__fields { display: flex; flex-direction: column; gap: 16px; width: 100%; } .catalog-davotec-support__row { display: flex; flex-wrap: wrap; gap: 16px; width: 100%; } .catalog-davotec-support__field { flex: 1 1 0; min-width: min(100%, 12rem); } .catalog-davotec-support__field_mark { position: relative; } .catalog-davotec-support__mark { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); pointer-events: none; font-family: Manrope, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.4; color: var(--cd-gray2); white-space: nowrap; transition: opacity .15s; } .catalog-davotec-support__mark-req { color: var(--cd-orange); } .catalog-davotec-support__field_mark .catalog-davotec-support__input::placeholder { color: transparent; } .catalog-davotec-support__input { display: block; width: 100%; box-sizing: border-box; min-height: 44px; padding: 12px; border: none; border-radius: 8px; background: var(--cd-bg); font-family: Manrope, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.4; color: var(--cd-black); outline: none; transition: box-shadow .2s; } .catalog-davotec-support__input::placeholder { color: var(--cd-gray2); } .catalog-davotec-support__input_textarea { min-height: 44px; max-height: 44px; resize: none; overflow: hidden; } .catalog-davotec-support__consent { width: 100%; max-width: 27rem; } .catalog-davotec-support__consent-label { display: flex; align-items: flex-start; gap: 16px; cursor: pointer; margin: 0; } .catalog-davotec-support__consent-input { position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none; } .catalog-davotec-support__consent-box { flex: 0 0 18px; width: 18px; height: 18px; margin-top: 2px; border-radius: 4px; box-sizing: border-box; } .catalog-davotec-support__consent-input:checked + .catalog-davotec-support__consent-box { /* border: none; */ background: #F15A22; } .catalog-davotec-support__consent-icon { display: block; width: 18px; height: 18px; opacity: 0; transition: opacity .15s; } .catalog-davotec-support__consent-input:checked + .catalog-davotec-support__consent-box .catalog-davotec-support__consent-icon { opacity: 1; /* filter: brightness(0) invert(1); */ } .catalog-davotec-support__consent-text { font-family: Manrope, sans-serif; font-size: 14px; font-weight: 500; line-height: 1.4; color: var(--cd-gray); } .catalog-davotec-support__consent-link { color: var(--cd-blue); text-decoration: none; } .catalog-davotec-support__consent-link:hover { text-decoration: underline; } .catalog-davotec-support__submit { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 40px; padding: 8px 16px; border: none; border-radius: 8px; background: var(--cd-orange); font-family: Manrope, sans-serif; font-size: 16px; font-weight: 500; line-height: 1.5; color: #fff; cursor: pointer; transition: background .2s; } .catalog-davotec-support__submit:hover { background: #d94e1c; } .catalog-davotec-support__errors, .catalog-davotec-support__success { font-family: Manrope, sans-serif; font-size: 14px; line-height: 1.5; } .catalog-davotec-support__errors { color: #c0392b; } .catalog-davotec-support__success { color: #1f7a4a; } .catalog-davotec-support__visual { position: relative; flex: 0 1 47%; min-width: min(100%, 20rem); min-height: 320px; overflow: hidden; } .catalog-davotec-support__visual-img { display: block; width: 100%; height: 100%; min-height: 320px; object-fit: cover; object-position: center right; } @media (max-width: 1023px) { .catalog-davotec-support__inner { flex-direction: column; } .catalog-davotec-support__visual { flex: 0 0 auto; min-height: 280px; order: -1; } .catalog-davotec-support__content { flex-basis: auto; } } @media (max-width: 767px) { .catalog-davotec-support__content { padding: 32px 20px; gap: 24px; } .catalog-davotec-support__row { flex-direction: column; } .catalog-davotec-support__field { min-width: 100%; } } .catalog-davotec-page_section { padding-bottom: 4rem; } .catalog-davotec-section-head { display: flex; flex-direction: column; gap: 24px; margin-bottom: 30px; } .catalog-davotec-section-head__title { font-family: Manrope, sans-serif; font-size: clamp(28px, 2.2vw + 1rem, 42px); line-height: 1.2; letter-spacing: -0.033em; font-weight: 600; color: var(--cd-black); margin: 0; } .catalog-davotec-section-head__lead { font-family: Manrope, sans-serif; font-size: clamp(16px, 1vw + 0.75rem, 18px); line-height: 1.6; font-weight: 400; color: var(--cd-gray); margin: 0; max-width: var(--cd-lead-width); } .catalog-davotec-layout { display: flex; flex-wrap: nowrap; align-items: flex-start; gap: 20px; width: 100%; } .catalog-davotec-layout__sidebar { flex: 0 0 min(291px, 24vw); min-width: 0; } .catalog-davotec-layout__content { flex: 1 1 auto; min-width: 0; width: 100%; } .catalog-davotec-filter-wrap { width: 100%; } .catalog-davotec-filter { background: var(--cd-bg); border-radius: 12px; padding: 24px 24px 32px; box-sizing: border-box; display: flex; flex-direction: column; gap: 0; } .sidebar__filter.catalog-davotec-filter .filter__group:not(:last-child), .sidebar__filter.catalog-davotec-filter .filter__group:not(.catalog-davotec-filter__actions) { margin-bottom: 0 !important; } .sidebar__filter.catalog-davotec-filter .group__header:not(:last-child) { margin-bottom: 0 !important; } .catalog-davotec-filter .bx-filter-parameters-box-container { padding-bottom: 0; } .catalog-davotec-filter .filter__group:not(.catalog-davotec-filter__actions) { display: flex; flex-direction: column; gap: 16px; padding: 16px 0; margin: 0; border-bottom: 1px solid #F9F9FA; } .catalog-davotec-filter .filter__group:not(.catalog-davotec-filter__actions) .form-item{ margin-bottom: 0; } .catalog-davotec-filter .filter__group.catalog-davotec-filter__group--price, .catalog-davotec-filter .filter__group.catalog-davotec-filter__group--performance { border-bottom-color: #F1F5F9; } .catalog-davotec-filter .filter__group.catalog-davotec-filter__actions { border-bottom: none; padding-bottom: 0; gap: 16px; margin: 0; margin-top: 16px; } .catalog-davotec-filter .filter__group:not(.catalog-davotec-filter__actions) .group__main.bx-filter-block { display: none !important; } .catalog-davotec-filter .filter__group:not(.is-collapsed):not(.catalog-davotec-filter__actions) .group__main.bx-filter-block { display: block !important; } .catalog-davotec-filter__group-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; cursor: pointer; } .catalog-davotec-filter__group-head-main { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex: 1 1 auto; min-width: 0; } .catalog-davotec-filter__group-hint { flex: 0 0 auto; font-family: Manrope, sans-serif; font-size: 12px; font-weight: 400; line-height: 1.05; color: var(--cd-gray2); white-space: nowrap; } /* .catalog-davotec-filter__group-chevron { flex: 0 0 auto; display: block; transition: transform .2s ease; transform: rotate(180deg); } .catalog-davotec-filter .filter__group.is-collapsed .catalog-davotec-filter__group-chevron { transform: rotate(0deg); } */ .catalog-davotec-filter__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0; } .catalog-davotec-filter__head-title { display: inline-flex; align-items: center; gap: 8px; font-family: Manrope, sans-serif; font-size: 16px; font-weight: 500; color: var(--cd-black); } .catalog-davotec-filter__head-icon { color: var(--cd-blue); } .catalog-davotec-filter__reset { border: none; background: none; padding: 0; font-family: Manrope, sans-serif; font-size: 12px; font-weight: 500; color: var(--cd-blue); cursor: pointer; } .catalog-davotec-filter__reset:hover { text-decoration: underline; } .catalog-davotec-filter .filter__group .group__title .title__text { font-family: Manrope, sans-serif; font-size: 14px; font-weight: 500; line-height: 1.05; color: #2A2A2A; } .sidebar__filter.catalog-davotec-filter .filter__group.catalog-davotec-filter__group--price .group__title .title__text, .sidebar__filter.catalog-davotec-filter .filter__group.catalog-davotec-filter__group--performance .group__title .title__text { color: #0F172B; } .catalog-davotec-filter .filter__group .group__header { margin-bottom: 0; } .catalog-davotec-filter__group--chips .form-item__main, .catalog-davotec-filter__group--chips .form-item__main.catalog-davotec-filter__checkbox-list { display: flex; flex-direction: row; flex-wrap: wrap; gap: 6px; } .catalog-davotec-filter__group--chips .form-item__field { margin: 0; width: auto; } .catalog-davotec-filter__group--chips .custom-check__label { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 8px 12px; border-radius: 6px; border: none; background: rgba(184, 196, 214, .2); font-family: Manrope, sans-serif; font-size: 14px; font-weight: 400; color: var(--cd-black); cursor: pointer; transition: background .2s, color .2s; } .catalog-davotec-filter__group--chips .custom-check__label:hover { background: rgba(184, 196, 214, .35); } .catalog-davotec-filter__group--chips .custom-check__input { position: absolute; opacity: 0; pointer-events: none; } .catalog-davotec-filter__group--chips .custom-check__ico { display: none; } .catalog-davotec-filter__group--chips .custom-check__input:checked + .custom-check__ico_before, .catalog-davotec-filter__group--chips .custom-check__input:not(:checked) + .custom-check__ico_before { display: none; } .catalog-davotec-filter__group--chips .custom-check__label:has(.custom-check__input:checked) { background: var(--cd-blue); color: #fff; } .catalog-davotec-filter .catalog-davotec-filter__group--chips .custom-check.custom-check_second .custom-check__label { position: static; } .catalog-davotec-filter .catalog-davotec-filter__group--chips .custom-check.custom-check_second .custom-check__label::before, .catalog-davotec-filter .catalog-davotec-filter__group--chips .custom-check.custom-check_second .custom-check__label::after { content: none; display: none; } .catalog-davotec-filter .catalog-davotec-filter__group--chips .custom-check.custom-check_second .custom-check__text { padding-left: 0; } .catalog-davotec-filter__toggle { display: flex; align-items: stretch; gap: 0; width: 100%; max-width: 243px; min-height: 42px; padding: 4px; border-radius: 8px; background: #fff; box-sizing: border-box; } .catalog-davotec-filter__toggle-option { position: relative; flex: 1 1 0; display: flex; align-items: center; justify-content: center; min-height: 34px; padding: 8px 12px; border-radius: 6px; font-family: Manrope, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.2; color: var(--cd-gray2); cursor: pointer; transition: background .2s, color .2s; } .catalog-davotec-filter__toggle-option input { position: absolute; opacity: 0; pointer-events: none; } .catalog-davotec-filter__toggle-option:has(input:checked) { background: var(--cd-blue); color: #fff; } .catalog-davotec-filter__toggle-option:hover:not(.disabled):not(:has(input:checked)) { color: var(--cd-gray); } .catalog-davotec-filter__toggle-option:has(input:checked):hover { background: var(--cd-blue); color: #fff; } .catalog-davotec-filter__toggle-option.disabled { opacity: .45; pointer-events: none; } .catalog-davotec-filter .radio { margin: 0; } .catalog-davotec-filter__radios_list { display: flex; flex-direction: column; gap: 10px; } .catalog-davotec-filter__checkbox-list { display: flex; flex-direction: column; gap: 10px; } .catalog-davotec-filter__group--checkboxes .form-item__main.catalog-davotec-filter__checkbox-list { display: flex; flex-direction: column; gap: 10px; } .catalog-davotec-filter__checkbox-list .form-item__field { margin: 0; } .catalog-davotec-filter__price-fields { display: flex; gap: 8px; } .catalog-davotec-filter__price-field { display: flex; align-items: center; gap: 6px; flex: 1 1 0; min-width: 0; height: 42px; padding: 0 12px; border-radius: 8px; background: #fff; box-sizing: border-box; } .catalog-davotec-filter__price-prefix { flex: 0 0 auto; font-family: Manrope, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.4; color: #90A1B9; } .catalog-davotec-filter .range__input, .catalog-davotec-filter .range__input.form-item__input { flex: 1 1 auto; min-width: 0; width: auto !important; height: auto !important; margin: 0; padding: 0 !important; border: none !important; background: transparent !important; box-shadow: none !important; font-family: Manrope, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.4; color: var(--cd-black); } .catalog-davotec-filter .range__input:focus, .catalog-davotec-filter .range__input:hover { border: none !important; outline: none; } .catalog-davotec-filter .range .range__slider { height: 4px; margin: 0; background: rgba(184, 196, 214, .2) !important; border-radius: 999px; position: relative; } .catalog-davotec-filter__range-slider { padding: 8px 0 0; } .catalog-davotec-filter__range-slider .bx-ui-slider-track { position: relative; height: 4px; background: rgba(184, 196, 214, .2); border-radius: 999px; } .catalog-davotec-filter__range-slider .bx-ui-slider-pricebar-vd, .catalog-davotec-filter__range-slider .bx-ui-slider-pricebar-vn { position: absolute; top: 0; height: 4px; background: transparent; } .catalog-davotec-filter__range-slider .bx-ui-slider-pricebar-v { position: absolute; top: 0; height: 4px; background: var(--cd-blue); border-radius: 999px; } .catalog-davotec-filter__range-slider .bx-ui-slider-range { position: absolute; top: 0; height: 4px; } .catalog-davotec-filter .range .range__slider:not(:last-child) { margin-bottom: 0; } .catalog-davotec-filter .range .range__slider .ui-slider-range, .catalog-davotec-filter .range .range__slider .ui-slider-range.ui-widget-header { background: var(--cd-blue) !important; position: absolute; height: 100%; border-radius: 999px; } /* .catalog-davotec-filter .range .range__slider .ui-slider-handle { position: absolute; top: 50% !important; width: 18px !important; height: 18px !important; margin-left: 0 !important; border: 2px solid var(--cd-blue) !important; background: #fff !important; border-radius: 50%; box-sizing: border-box; transform: translate(-50%, -50%); cursor: pointer; outline: none; } */ .catalog-davotec-filter .range .range__slider .ui-slider-handle:hover, .catalog-davotec-filter .range .range__slider .ui-slider-handle:focus { box-shadow: 0 0 0 4px rgba(0, 116, 188, .12); } .catalog-davotec-filter__range-slider .bx-ui-slider-handle { position: absolute; top: 50%; width: 18px; height: 18px; margin-left: 0 !important; background: #fff; border: 2px solid var(--cd-blue); border-radius: 50%; box-sizing: border-box; transform: translate(-50%, -50%); cursor: pointer; outline: none; } .catalog-davotec-filter__range-slider .bx-ui-slider-handle.right { transform: translate(50%, -50%); } .catalog-davotec-filter__range-slider .bx-ui-slider-handle:hover, .catalog-davotec-filter__range-slider .bx-ui-slider-handle:focus { box-shadow: 0 0 0 4px rgba(0, 116, 188, .12); } .catalog-davotec-filter__range-slider .bx-ui-slider-part { display: none; } .catalog-davotec-filter__dropdown .bx-filter-select-container { width: 100%; } .catalog-davotec-filter__dropdown-trigger { display: flex !important; align-items: center; justify-content: space-between; gap: 8px; width: 100%; height: 42px; padding: 0 12px; border-radius: 8px; background: #fff; box-sizing: border-box; cursor: pointer; } .catalog-davotec-filter__dropdown-trigger .bx-filter-select-arrow { display: none; } .catalog-davotec-filter__dropdown-value { flex: 1 1 auto; font-family: Manrope, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.4; color: var(--cd-black); } .catalog-davotec-filter__dropdown-chevron { flex: 0 0 auto; transition: transform .2s ease; } .catalog-davotec-filter__dropdown-trigger.is-open { border: 1px solid var(--cd-blue); } .catalog-davotec-filter__dropdown-trigger.is-open .catalog-davotec-filter__dropdown-chevron { transform: rotate(180deg); } .catalog-davotec-filter__dropdown-popup.bx-filter-select-popup { background: #fff; padding: 0; min-width: 100%; border-radius: 0 0 8px 8px; box-shadow: 0 4px 5px rgba(26, 81, 116, 0.1); overflow: hidden; } .catalog-davotec-filter__dropdown-popup ul { margin: 0; padding: 0; list-style: none; } .catalog-davotec-filter__dropdown-popup ul li { display: block; margin: 0; padding: 0; border: none; } .catalog-davotec-filter__dropdown-popup ul li:first-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .catalog-davotec-filter__dropdown-popup .catalog-davotec-filter__dropdown-option { display: block; width: 100%; height: auto; min-height: 0; padding: 10px 12px; font-family: Manrope, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.4; color: var(--cd-gray); cursor: pointer; box-sizing: border-box; } .catalog-davotec-filter__dropdown-popup .catalog-davotec-filter__dropdown-option:hover, .catalog-davotec-filter__dropdown-popup .catalog-davotec-filter__dropdown-option.selected { background: var(--cd-bg); color: var(--cd-blue); } .catalog-davotec-filter__dropdown-popup .catalog-davotec-filter__dropdown-option.disabled { opacity: .45; pointer-events: none; } .catalog-davotec-filter__search-wrap { display: flex; align-items: center; gap: 6px; width: 100%; height: 42px; padding: 0 12px; margin-bottom: 16px; border-radius: 8px; background: #fff; box-sizing: border-box; } .catalog-davotec-filter__search-icon { flex: 0 0 auto; } .catalog-davotec-filter__search { flex: 1 1 auto; min-width: 0; border: none; background: transparent; font-family: Manrope, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.4; color: var(--cd-black); outline: none; } .catalog-davotec-filter__search::placeholder { color: var(--cd-gray); } .catalog-davotec-filter__radio-item_hidden, .catalog-davotec-filter__checkbox-item_hidden { display: none; } .catalog-davotec-filter__apply-wrap { width: 100%; } .catalog-davotec-filter__apply { background: var(--cd-blue) !important; border-color: var(--cd-blue) !important; border-radius: 8px !important; font-family: Manrope, sans-serif; font-size: 16px !important; font-weight: 500 !important; line-height: 1.5 !important; min-height: 0 !important; height: auto !important; padding: 8px 16px !important; } .catalog-davotec-filter__reset-bottom { display: block; width: 100%; margin: 0; padding: 0; border: none; background: none; font-family: Manrope, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.4; color: var(--cd-blue); text-align: center; cursor: pointer; margin-top: 16px; } .catalog-davotec-filter__reset-bottom:hover { text-decoration: underline; } .catalog-davotec-filter .radio:last-child { margin-bottom: 0; } .catalog-davotec-filter .radio .bx-filter-param-label { display: flex; align-items: flex-start; gap: 10px; margin: 0; cursor: pointer; } .catalog-davotec-filter .radio .bx-filter-input-checkbox { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 18px; width: 18px; height: 18px; margin: 2px 0 0; } .catalog-davotec-filter .radio .bx-filter-input-checkbox input[type="radio"] { position: absolute; opacity: 0; width: 18px; height: 18px; margin: 0; cursor: pointer; } .catalog-davotec-filter .radio .bx-filter-input-checkbox::before { content: ""; display: block; width: 18px; height: 18px; border: 1px solid var(--cd-gray2); border-radius: 50%; background: #fff; box-sizing: border-box; transition: border-color .2s, background .2s; } .catalog-davotec-filter .radio .bx-filter-input-checkbox:hover::before { border-color: var(--cd-blue); } .catalog-davotec-filter .radio .bx-filter-input-checkbox:has(input:checked)::before { border-color: var(--cd-blue); background: #fff; } .catalog-davotec-filter .radio .bx-filter-input-checkbox:has(input:checked)::after { content: ""; position: absolute; top: 50%; left: 50%; width: 11px; height: 11px; border-radius: 50%; background: var(--cd-blue); transform: translate(-50%, -50%); } .catalog-davotec-filter .radio .bx-filter-param-text { font-family: Manrope, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.4; color: var(--cd-black); padding-left: 0; flex: 1 1 auto; min-width: 0; } .catalog-davotec-filter .custom-check.custom-check_second .custom-check__text { padding-left: 28px; font-size: 14px; font-weight: 400; line-height: 1.4; } .catalog-davotec-filter .custom-check.custom-check_second .custom-check__ico { display: none; } .catalog-davotec-filter .custom-check.custom-check_second .custom-check__label { position: relative; } .catalog-davotec-filter .custom-check.custom-check_second .custom-check__label::before { content: ''; position: absolute; left: 0; top: 2px; width: 18px; height: 18px; border: 1px solid var(--cd-gray2); border-radius: 3px; background: #fff; box-sizing: border-box; transition: background .2s, border-color .2s; } .catalog-davotec-filter .custom-check.custom-check_second .custom-check__label:hover::before { border-color: var(--cd-blue); } .catalog-davotec-filter .custom-check.custom-check_second .custom-check__label:has(.custom-check__input:checked)::before { background: var(--cd-blue); border-color: var(--cd-blue); } /* .catalog-davotec-filter .custom-check.custom-check_second .custom-check__label:has(.custom-check__input:checked)::after { content: ''; position: absolute; left: 6px; top: 5px; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } */ .catalog-davotec-filter__group--chips .custom-check__text { font-size: 14px; line-height: 1.4; } .catalog-davotec-filter__apply { background: var(--cd-blue) !important; border-color: var(--cd-blue) !important; border-radius: 8px !important; font-family: Manrope, sans-serif; font-weight: 500; min-height: 40px; } .catalog-davotec-filter .bx-filter-popup-result { display: none !important; } .catalog-davotec-layout__sidebar .sidebar__filter { position: sticky; top: 1rem; } .catalog-davotec-toolbar { display: flex; flex-direction: column; gap: 24px; margin-bottom: 32px; } .catalog-davotec-toolbar__filter-btn { display: none; align-items: center; gap: 8px; padding: 10px 16px; /* border: 1px solid var(--cd-gray2); */ border: none; border-radius: 8px; background: var(--cd-bg); color: var(--cd-black); font-family: Manrope, sans-serif; font-size: 14px; font-weight: 600; cursor: pointer; } .catalog-davotec-toolbar__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; } .catalog-davotec-toolbar__tools { display: flex; align-items: center; justify-content: flex-end; gap: 12px; margin-left: auto; min-width: 0; } .catalog-davotec-toolbar__tools .catalog-davotec-views.layout__views { margin: 0; } .catalog-davotec-toolbar__tools .catalog-davotec-views .views__list { justify-content: flex-end; } .catalog-davotec-toolbar__meta { margin: 0; font-family: Manrope, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.4; color: var(--cd-gray); white-space: nowrap; } .catalog-davotec-toolbar__meta-mobile { display: none; margin: 0; font-family: Manrope, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.4; color: var(--cd-gray); white-space: nowrap; } .catalog-davotec-toolbar__sort { position: relative; flex: 1 1 auto; min-width: 0; } .catalog-davotec-toolbar__sort-summary { display: flex; align-items: center; justify-content: flex-end; gap: 6px; list-style: none; cursor: pointer; user-select: none; } .catalog-davotec-toolbar__sort-summary::-webkit-details-marker { display: none; } .catalog-davotec-toolbar__sort-prefix { font-family: Manrope, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.4; color: var(--cd-gray); } .catalog-davotec-toolbar__sort-value { font-family: Manrope, sans-serif; font-size: 14px; font-weight: 500; line-height: 1.4; color: var(--cd-blue); } .catalog-davotec-toolbar__sort-chevron { flex: 0 0 auto; display: block; } .catalog-davotec-toolbar__sort[open] .catalog-davotec-toolbar__sort-chevron { transform: rotate(180deg); } .catalog-davotec-toolbar__sort-menu { display: none; position: absolute; top: calc(100% + 8px); right: 0; z-index: 5; min-width: 12rem; padding: 8px; border-radius: 8px; background: #fff; box-shadow: 0 8px 24px rgba(15, 23, 42, .12); } .catalog-davotec-toolbar__sort[open] .catalog-davotec-toolbar__sort-menu { display: block; } .catalog-davotec-toolbar__sort-option { display: block; padding: 8px 12px; border-radius: 6px; font-family: Manrope, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.4; color: var(--cd-black); text-decoration: none; white-space: nowrap; } .catalog-davotec-toolbar__sort-option:hover { background: var(--cd-bg); color: var(--cd-black); } .catalog-davotec-toolbar__sort-option.is-active { font-weight: 500; color: var(--cd-blue); } .catalog-davotec-toolbar__filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } .catalog-davotec-toolbar__filter-tag { display: inline-flex; align-items: center; justify-content: center; padding: 8px 12px; border: 1px solid rgba(184, 196, 214, .2); border-radius: 6px; background: transparent; font-family: Manrope, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.4; color: var(--cd-gray); white-space: nowrap; cursor: pointer; appearance: none; -webkit-appearance: none; transition: color .15s ease, background-color .15s ease, border-color .15s ease; } .catalog-davotec-toolbar__filter-tag:hover:not(.is-active), .catalog-davotec-toolbar__filter-tag:focus-visible:not(.is-active) { color: var(--cd-blue); } .catalog-davotec-toolbar__filter-tag.is-active { border-color: var(--cd-blue); background: var(--cd-blue); color: #fff; } .catalog-davotec-toolbar__filter-tag.is-active:hover, .catalog-davotec-toolbar__filter-tag.is-active:focus-visible { border-color: var(--cd-blue); background: var(--cd-blue); color: #fff; } .visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .catalog-davotec-chips-wrap { display: none; } .catalog-davotec-chips { display: flex; flex-wrap: wrap; gap: 8px; } .catalog-davotec-chips:empty { display: none; } .catalog-davotec-chips-wrap:has(.catalog-davotec-chips:empty):not(:has(.js-catalog-chips-reset:not([hidden]))) { display: none; } .catalog-davotec-chip, .filter__chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--cd-blue); background: var(--cd-bg); color: var(--cd-blue); font-family: Manrope, sans-serif; font-size: 13px; font-weight: 500; cursor: pointer; transition: background .2s; } .catalog-davotec-chip__remove { font-size: 16px; line-height: 1; opacity: .7; } .catalog-davotec-chip:hover { background: #e8f3fb; } .catalog-davotec-chips__reset { border: none; background: none; padding: 0; font-family: Manrope, sans-serif; font-size: 14px; color: var(--cd-blue); cursor: pointer; text-decoration: underline; } .catalog-davotec-products-grid_list { grid-template-columns: 1fr; gap: 12px; } .catalog-davotec-card.catalog-davotec-card_line, .catalog-davotec-card.catalog-davotec-card_line.products__item { display: flex; flex-direction: column; gap: 0; align-items: stretch; padding: 16px 18px; min-height: 0; height: auto; box-sizing: border-box; } .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-card__badges { position: static; margin: 0; min-height: 0; } .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-card__media { display: none; } .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-card__body, .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-line__body { display: flex; flex-direction: column; justify-content: center; gap: 0; min-width: 0; height: 100%; flex: 1; } .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-card__title { margin: 0; } .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-card__title .title__text { font-size: 16px; line-height: 1.35; } .catalog-davotec-line__row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(160px, 22%); gap: 12px 24px; align-items: stretch; width: 100%; } .catalog-davotec-line__main { display: flex; flex-direction: column; gap: 8px; min-width: 0; } /* Высота колонки = левый контент; блок цены/кнопок не раздувает ряд, а центрируется внутри */ .catalog-davotec-line__aside { display: flex; flex-direction: column; justify-content: center; align-self: stretch; align-items: stretch; gap: 10px; min-width: 0; height: 0; min-height: 100%; box-sizing: border-box; } .catalog-davotec-line__specs { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 20px; margin: 0; } .catalog-davotec-line__spec { display: inline-flex; flex-wrap: nowrap; align-items: baseline; gap: 4px; max-width: 100%; white-space: nowrap; font-family: Manrope, sans-serif; font-size: 13px; line-height: 1.45; color: #62748E; } .catalog-davotec-line__spec-label { color: #62748E; } .catalog-davotec-line__spec-value { color: #0F172A; font-weight: 500; } .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-card__footer, .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-card__footer.products__footer { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-start; gap: 10px; margin: 0; margin-top: 0; min-height: 40px; min-width: 0; width: 100%; flex-shrink: 0; position: relative; } .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-card__price, .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-card__price.products__price { position: absolute; left: 40%; top: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; align-self: auto; flex: 0 0 auto; width: max-content; max-width: calc(100% - 48px); margin: 0; padding: 0; transform: translate(-50%, -50%); text-align: center; opacity: 1; pointer-events: auto; transition: opacity .4s ease; z-index: 1; } .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-card__footer:has(.catalog-davotec-card__actions:hover) .catalog-davotec-card__price, .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-card__footer:has(.catalog-davotec-card__cart:hover) .catalog-davotec-card__price, .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-card__footer:has(.catalog-davotec-card__cart:focus-visible) .catalog-davotec-card__price { opacity: 0; pointer-events: none; } .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-card__price-value { font-size: 18px; line-height: 1.2; } /* Absolute справа; width растёт влево (без left:0 — иначе телепорт и flicker hover) */ .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-card__actions { position: absolute; right: 0; top: 0; bottom: 0; left: auto; width: 40px; min-width: 40px; max-width: 100%; height: 40px; min-height: 40px; margin: auto 0; transform: none; z-index: 2; flex: 0 0 auto; align-self: auto; transition: width .45s ease; pointer-events: auto; } /* В корзине — счётчик на всю ширину footer (не 40px) */ .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-card__actions.is-in-cart, .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-card__footer_in-cart .catalog-davotec-card__actions, .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-card__footer:has(.catalog-davotec-card__actions.is-in-cart) .catalog-davotec-card__actions { width: 100%; left: 0; right: 0; min-width: 0; } .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-card__footer_in-cart .catalog-davotec-card__price, .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-card__footer:has(.catalog-davotec-card__actions.is-in-cart) .catalog-davotec-card__price { opacity: 0; pointer-events: none; } .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-card__footer:not(.catalog-davotec-card__footer_in-cart):has(.catalog-davotec-card__actions:hover) .catalog-davotec-card__actions, .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-card__footer:not(.catalog-davotec-card__footer_in-cart):has(.catalog-davotec-card__cart:hover) .catalog-davotec-card__actions, .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-card__footer:not(.catalog-davotec-card__footer_in-cart):has(.catalog-davotec-card__cart:focus-visible) .catalog-davotec-card__actions { width: 100%; } .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-card__actions.is-in-cart .catalog-davotec-card__quantity { display: flex; align-items: center; width: 100%; height: 40px; padding: 4px; border-radius: 8px; background: #fff; box-sizing: border-box; } .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-card__actions.is-in-cart .catalog-davotec-card__qty-btn { flex: 0 0 32px; width: 32px; height: 32px; } .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-card__footer .product-item-button-container, .products .catalog-davotec-card.catalog-davotec-card_line.products__item .product-item-button-container { width: 100%; height: 100%; line-height: 0; margin-top: 0; } .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-card__cart.catalog-davotec-line__cart.products__basket, .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-line__cart.products__basket, .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-line__cart { width: 100%; min-width: 40px; max-width: none; height: 40px; min-height: 40px; padding: 0 12px; box-sizing: border-box; justify-content: center; } .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-line__cart .catalog-davotec-card__cart-label { display: block; font-size: 14px; } .catalog-davotec-line__more { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 40px; padding: 8px 12px; border: 1px solid #0074BC; border-radius: 8px; background: #fff; color: #0074BC; font-family: Manrope, sans-serif; font-size: 14px; font-weight: 600; line-height: 1.2; text-decoration: none; box-sizing: border-box; } .catalog-davotec-line__more:hover, .catalog-davotec-line__more:focus-visible { background: #F3F7FC; color: #0074BC; } @media (max-width: 991px) { .catalog-davotec-card.catalog-davotec-card_line, .catalog-davotec-card.catalog-davotec-card_line.products__item { padding: 14px; } .catalog-davotec-line__row { grid-template-columns: 1fr; gap: 12px; align-items: stretch; } .catalog-davotec-line__aside { width: 100%; height: auto; min-height: 0; align-self: stretch; justify-content: flex-start; gap: 10px; } .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-card__price, .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-card__price.products__price { position: static; left: auto; top: auto; transform: none; width: auto; max-width: none; flex: 1 1 auto; text-align: left; align-items: flex-start; } .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-card__footer, .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-card__footer.products__footer { position: relative; min-height: 40px; } .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-card__actions { position: absolute; right: 0; top: 0; bottom: auto; width: 40px; height: 40px; margin: 0; } .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-card__actions.is-in-cart, .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-card__footer_in-cart .catalog-davotec-card__actions, .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-card__footer:has(.catalog-davotec-card__actions.is-in-cart) .catalog-davotec-card__actions { position: static; width: 100%; left: auto; right: auto; height: 40px; } .catalog-davotec-card.catalog-davotec-card_line .catalog-davotec-card__footer:not(.catalog-davotec-card__footer_in-cart) .catalog-davotec-card__price { padding-right: 50px; } .catalog-davotec-line__spec { white-space: normal; } } .catalog-davotec-products-grid__item { min-width: 0; display: flex; } .catalog-davotec-products-grid__item > .catalog-davotec-card, .catalog-davotec-products-grid__item > .products__item { width: 100%; } .catalog-davotec-pager { display: flex; justify-content: center; margin: 32px 0 0; } .catalog-davotec-pager__nav { display: inline-flex; align-items: center; gap: 8px; } .catalog-davotec-pager__pages { display: inline-flex; align-items: center; gap: 8px; } .catalog-davotec-pager__page, .catalog-davotec-pager__arrow { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; width: 40px; height: 40px; border-radius: 50%; font-family: Manrope, sans-serif; font-size: 14px; font-weight: 500; color: var(--cd-gray); text-decoration: none; border: 1px solid transparent; background: transparent; transition: background .2s, border-color .2s, color .2s; } .catalog-davotec-pager__page:hover, .catalog-davotec-pager__arrow:not(.is-disabled):hover { border-color: var(--cd-gray2); background: var(--cd-bg); } .catalog-davotec-pager__page.is-active { background: var(--cd-blue); border-color: var(--cd-blue); color: #fff; font-weight: 500; } .catalog-davotec-pager__arrow.is-disabled { opacity: .35; pointer-events: none; } .catalog-davotec-section-bottom { display: flex; flex-direction: column; gap: 5rem; margin-top: 5rem; } /* Хиты продаж на странице раздела — Figma 13:677 / 30:13573 */ .catalog-davotec-page_section .catalog-davotec-hits { position: relative; width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding: 80px calc(50vw - 50%) 64px; background-color: var(--cd-bg); overflow: hidden; box-sizing: border-box; } .catalog-davotec-page_section .catalog-davotec-hits::before { content: ''; position: absolute; inset: 0; background-image: url('/local/templates/zintek-index/components/bitrix/catalog.item/catalog_item_davotec/assets/img/catalog-davotec/hits-pattern-tile.svg'); background-repeat: repeat; background-size: 216.199px 216.199px; background-position: -121px -110px; pointer-events: none; z-index: 0; } .catalog-davotec-page_section .catalog-davotec-hits > * { position: relative; z-index: 1; } .catalog-davotec-page_section .catalog-davotec-hits.catalog-davotec-block { margin-top: 0; } .catalog-davotec-hits .catalog-davotec-block__title { margin-bottom: 40px; } .catalog-davotec-hits .catalog-davotec-popular__slider { margin-top: 0; } .catalog-davotec-similar { margin-top: 0; } .catalog-davotec-similar .catalog-davotec-block__title { margin-bottom: 32px; } .catalog-davotec-similar__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 0; } .catalog-davotec-similar__card { display: flex; flex-direction: row; align-items: center; gap: 16px; min-height: 0; padding: 16px; border-radius: 12px; background: var(--cd-bg); color: var(--cd-black); text-decoration: none; transition: background .2s, color .2s; box-sizing: border-box; } .catalog-davotec-similar__card:hover { background: #e8f0f8; color: var(--cd-blue); } .catalog-davotec-similar__media { flex: 0 0 56px; width: 56px; height: 56px; border-radius: 6.462px; overflow: hidden; background: var(--cd-bg); display: flex; align-items: center; justify-content: center; } .catalog-davotec-similar__illus { display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; border: 0; pointer-events: none; object-fit: contain; object-position: center; } object.catalog-davotec-similar__illus { width: 100%; height: 100%; } .catalog-davotec-similar__illus--photo { width: 100%; height: 100%; object-fit: cover; } .catalog-davotec-similar__name { flex: 1 1 auto; min-width: 0; font-family: Manrope, sans-serif; font-size: 16px; font-weight: 500; line-height: 1.5; color: inherit; } .catalog-davotec-similar__chevron { flex: 0 0 auto; display: block; width: 5px; height: 10px; color: var(--cd-gray2); transition: color .2s; } .catalog-davotec-similar__card:hover .catalog-davotec-similar__chevron { color: var(--cd-blue); } .catalog-davotec-filter .filter__group .group__header { cursor: pointer; } .catalog-davotec-filter-panel__apply { background: var(--cd-blue) !important; border-color: var(--cd-blue) !important; border-radius: 8px !important; } @media (max-width: 1199px) { .catalog-davotec-page_section { --cd-section-cols: 2; } .catalog-davotec-similar__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 991px) { .catalog-davotec-toolbar__filter-btn { display: inline-flex; } .catalog-davotec-layout__sidebar { flex: none; width: 100%; } .catalog-davotec-layout__sidebar { position: fixed; left: 0; top: 0; width: 0; height: 0; overflow: visible; z-index: 1002; } } @media (max-width: 991px) { .catalog-davotec-toolbar__meta { display: none !important; } .catalog-davotec-toolbar__meta-mobile:not([hidden]) { display: block; } .catalog-davotec-toolbar{ margin-bottom: 24px; } .catalog-davotec-toolbar__head { width: 100%; } .catalog-davotec-toolbar__tools { width: 100%; margin-left: 0; justify-content: space-between; gap: 8px; } .catalog-davotec-toolbar__tools .catalog-davotec-toolbar__sort { flex: 1 1 auto; min-width: 0; } .catalog-davotec-toolbar__tools .catalog-davotec-toolbar__sort-summary { justify-content: flex-start; } .catalog-davotec-toolbar__tools .catalog-davotec-views { flex: 0 0 auto; } .catalog-davotec-toolbar__tools .catalog-davotec-views .views__list { justify-content: flex-end; } .catalog-davotec-page_section { --cd-section-cols: 2; --cd-popular-cols: 2; } .catalog-davotec-layout { flex-direction: column; } .catalog-davotec-filter { padding: 0; background: var(--cd-bg); border-radius: 0; } .catalog-davotec-filter-wrap .catalog-davotec-filter-panel { position: fixed; top: 0; right: 0; bottom: 0; width: 100%; max-width: 375px; background: var(--cd-bg); z-index: 1001; transform: translateX(100%); transition: transform .25s; display: flex; flex-direction: column; } .catalog-davotec-filter-wrap .catalog-davotec-filter-panel form { flex: 1 1 auto; overflow-y: auto; padding: 0 1rem 1rem; border-radius: 0; } .catalog-davotec-filter-wrap.is-open .catalog-davotec-filter-panel { transform: translateX(0); } .catalog-davotec-filter-wrap .catalog-davotec-filter-panel__head, .catalog-davotec-filter-wrap .catalog-davotec-filter-panel__footer { display: flex; } .catalog-davotec-filter-panel__head { align-items: center; gap: .75rem; padding: 1rem; /* border-bottom: 1px solid var(--cd-gray2); */ } .catalog-davotec-filter-panel__title { font-family: Manrope, sans-serif; font-size: 18px; font-weight: 600; } .catalog-davotec-toolbar__filter-arrow{ margin-left: auto; } .catalog-davotec-filter-panel__footer { flex-direction: column; gap: 24px; padding: 15px; /* border-top: 1px solid var(--cd-gray2); */ background: #fff; } .catalog-davotec-filter-panel__reset { padding: 0; border: none; border-radius: 0; background: #fff; cursor: pointer; font-family: Manrope, sans-serif; width: 100%; font-size: 16px; margin: 0; } .catalog-davotec-filter-panel__apply { flex: 1 1 auto; width: 100%; min-height: 48px; font-size: 16px; grid-gap: 5px; padding: 16px 10px; } .catalog-davotec-similar__grid { grid-template-columns: 1fr; } .catalog-davotec-toolbar__filters { display: none; } .catalog-davotec-toolbar__sort-menu { left: 0; right: 0; min-width: 0; } body.catalog-davotec-filter-open { overflow: hidden; } .breadcrumbs .breadcrumbs__list{ flex-wrap: nowrap; justify-content: flex-start; overflow: auto; } .breadcrumbs .breadcrumbs__item{ text-wrap: nowrap; display: flex; } .breadcrumbs .breadcrumbs__link{ color: #B8C4D6; font-size: 16px; font-weight: 400; line-height: 1.5; } .breadcrumbs .breadcrumbs__item:after{ display: none; } .breadcrumbs .breadcrumbs__item.breadcrumbs__item_current .breadcrumbs__link{ color: #62748E; font-size: 16px; font-weight: 400; line-height: 1.5; } .breadcrumbs .breadcrumbs__item:not(:last-child):before { content: "/"; position: absolute; top: 50%; left: calc(100% + 0.5rem); -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #B8C4D6; font-family: Inter, sans-serif; font-size: 17px; font-weight: 400; line-height: 1.41; } .catalog-davotec-card__spec-row dt{ font-size: 14px; } .catalog-davotec-card__spec-row dd{ font-size: 14px; } .catalog-davotec-section-head{ margin-bottom: 24px; } .catalog-davotec-toolbar__meta-mobile:not([hidden]){ margin-top: 24px; margin-bottom: 20px; } .catalog-davotec-section-card__link{ padding: 20px; } .catalog-davotec-section-card__content{ padding: 0; } .catalog-davotec-section-card__more{ padding-top: 6px; } .catalog-davotec-section-card__texts{ gap: 9px; } .catalog-davotec-section-card__media{ margin-top: 16px; } } @media (max-width: 576px) { .catalog-davotec-page { --cd-section-cols: 1; --cd-popular-cols: 1; --cd-lead-width: 100%; } } .not-found-page{ display: flex; flex-direction: column; align-items: center; justify-content: center; grid-gap: 30px; padding: 80px 0; } .not-found-page__content{ display: flex; flex-direction: column; grid-gap: 10px; max-width: 610px; } .not-found-page__content h1 { margin: 0; } .not-found-page__title{ color: #2A2A2A; text-align: center; font-size: 32px; font-weight: 600; line-height: 130%; } .not-found-page__description{ color: #62748E; text-align: center; font-size: 18px; font-weight: 400; line-height: 160%; } .not-found-page__button{ display: flex; padding: 8px 16px; justify-content: center; align-items: center; gap: 7px; border-radius: 8px; background: #0074BC; color: #FFF; font-size: 16px; font-weight: 500; line-height: 150%; margin: 0 auto; } .not-found-page-container .catalog-davotec-support__inner{ background: #F3F7FC; } .not-found-page-container .catalog-davotec-support__inner input, .not-found-page-container .catalog-davotec-support__inner textarea{ background: #FFF; } .not-found-page-container .catalog-davotec-support__inner .catalog-davotec-support__submit{ background: #F15A22; } @media (max-width: 768px) { .not-found-page{ padding: 60px 30px; } .not-found-page__icon { max-width: 150px; } .not-found-page__title{ font-size: 22px; } .not-found-page__description{ font-size: 16px; } } /* End */ /* Start:/local/templates/zintek-index/components/bitrix/news.list/home_mm_about/style.css?17915436603730*/ /* B06 About — Figma 559:8886 */ .home-mm--about { width: 100%; box-sizing: border-box; } .home-mm--about__layout { display: flex; align-items: flex-start; gap: 64px; width: 100%; max-width: 100%; box-sizing: border-box; border-radius: var(--home-mm-radius, 12px); } .home-mm--about__copy { display: flex; flex-direction: column; align-items: flex-start; gap: 32px; box-sizing: border-box; width: auto; max-width: 661px; flex: 1 1 0; min-width: 0; min-width: 0; } .home-mm--about__text { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; width: 100%; box-sizing: border-box; } /* Kill global h2:not(:last-child){margin:0 0 1rem} — else gap 24+16 vs Figma 24 */ body.home-mm-page h2.home-mm--about__title { margin: 0; width: 100%; font-family: "Manrope", "Montserrat", sans-serif; font-size: 32px; font-weight: 600; line-height: 1.3; letter-spacing: 0; color: var(--home-mm-black, #2a2a2a); word-break: break-word; } body.home-mm-page .home-mm--about__body { margin: 0; width: 100%; box-sizing: border-box; font-family: "Manrope", "Montserrat", sans-serif; font-size: 18px; font-weight: 400; line-height: 1.6; color: var(--home-mm-gray-2, #3f5069); word-break: break-word; } /* Figma body: mb 29 between paragraphs; no extra last margin */ .home-mm--about__body > p { margin: 0 0 29px; } .home-mm--about__body > p:last-child { margin-bottom: 0; } .home-mm--about__btn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; box-sizing: border-box; min-height: 40px; padding: 8px 16px; border-radius: var(--home-mm-radius-btn, 8px); font-family: "Manrope", "Montserrat", sans-serif; font-size: 16px; font-weight: 500; line-height: 1.5; text-decoration: none; white-space: nowrap; /* Fill + hover: shell `.home-mm__btn--primary` (_layout.css) */ } .home-mm--about__media { position: relative; box-sizing: border-box; width: auto; max-width: 497px; height: 512px; flex: 0 1 497px; min-width: 0; overflow: hidden; border-radius: 9px; } .home-mm--about__img { display: block; width: 100%; height: 100%; max-width: none; max-height: none; object-fit: cover; /* never fill — landscape source crops into 497×512 */ object-position: left center; /* Figma 559:8897 img left≈−1.76% */ flex-shrink: 0; } /* ——— Mobile / stretched tablet (Figma 615:14953 @375; desk @1920 untouched) ——— */ @media (max-width: 991px) { /* Stack: media → text → CTA; outer gaps 24 (image→copy, text→btn) */ .home-mm--about__layout { flex-direction: column; align-items: stretch; gap: 24px; } .home-mm--about__media { order: -1; width: 100%; height: 355px; flex: 0 0 auto; border-radius: 9px; } .home-mm--about__copy { width: 100%; flex: 0 0 auto; gap: 24px; } .home-mm--about__text { gap: 15px; } /* Figma 615:14954 — 30/600 lh1.2 tracking −1.4 */ body.home-mm-page h2.home-mm--about__title { margin: 0 !important; font-size: 30px; font-weight: 600; line-height: 1.2; letter-spacing: -1.4px; color: var(--home-mm-black, #2a2a2a); } /* Figma 615:14955 — 16/400 lh1.5 Gray #62748E; p gap 24 */ body.home-mm-page .home-mm--about__body { font-size: 16px; font-weight: 400; line-height: 1.5; color: var(--home-mm-gray, #62748e); } /* Beat template p:not(:last-child){margin-bottom:.5rem} — Figma p gap 24 */ .home-mm--about__body > p:not(:last-child) { margin-bottom: 24px !important; } .home-mm--about__body > p:last-child { margin-bottom: 0 !important; } /* Figma 615:14958 — full-width CTA 345×40 */ .home-mm--about__btn { width: 100%; min-height: 40px; white-space: normal; text-align: center; } } /* End */ /* Start:/local/templates/zintek-index/components/bitrix/news.list/home_mm_how_we_work/style.css?17894059401600*/ /* B07 How we work — home/Figma overrides only; chrome from service_detail .how-we-work-section* */ .home-mm--how-we-work .how-we-work-section { /* Rhythm from .home-mm__section; no nested .container */ padding-top: 0; } /* Icons are (files under icons/how-we-work/); service_detail styles target svg */ .home-mm--how-we-work .how-we-work-section-content-item img { display: block; flex-shrink: 0; width: 56px; height: 56px; } /* Desk Figma: keep title-32 at 32px (global .title-32 drops to 22px ≤1200) + 3-col */ @media (min-width: 992px) { .home-mm--how-we-work .how-we-work-section-title.title-32 { font-size: 32px; line-height: 1.3; } .home-mm--how-we-work .how-we-work-section-content-item { width: calc(100% / 3 - 5.33px); } } /* S1-m — Figma 615:14308 @ ≤991 */ @media (max-width: 991px) { .home-mm--how-we-work .how-we-work-section-title.title-32 { margin: 0 !important; font-size: 30px; line-height: 1.2; letter-spacing: -1.4px; } .home-mm--how-we-work .how-we-work-section-content { margin-top: 30px; } .home-mm--how-we-work .how-we-work-section-content-item { width: 100%; flex-direction: row; } .home-mm--how-we-work .how-we-work-section-content-item img { width: 42px; height: 42px; } .home-mm--how-we-work .how-we-work-section-content-item-name { font-size: 16px; line-height: 1.5; } /* Beat global p:not(:last-child) margin — gap owned by flex */ .home-mm--how-we-work .how-we-work-section-content-item-wrapper > p, .home-mm--how-we-work .how-we-work-section-content-item-name { margin: 0 !important; } } /* End */ /* Start:/local/templates/zintek-index/components/bitrix/news.list/uslugi_list/style.css?17846150652600*/ .services-hero { margin-top: 40px; } .services__list{ margin-top: 40px; display: flex; grid-gap: 20px; flex-wrap: wrap; } .services__list-item{ width: calc(100% / 3 - 13.33px); background: #FFFFFF; display: flex; padding: 12px; flex-direction: column; align-items: flex-start; gap: 24px; border-radius: 12px; } .services__item-description { color: #62748E; font-family: "Manrope", sans-serif; font-size: 16px; font-weight: 500; line-height: 150%; margin: 0 !important; } .services__item-title { color: var(--Black, #2A2A2A); font-family: "Manrope", sans-serif; font-size: 20px; font-weight: 600; line-height: 135%; letter-spacing: -0.7px; margin: 0; } .services__item-content { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; align-self: stretch; padding: 0 20px 20px 20px; height: 100%; } .services__item-button { display: flex; align-items: center; gap: 7px; color: var(--Blue, #0074BC); font-family: "Manrope", sans-serif; font-size: 16px; font-weight: 500; line-height: 150%; margin: 0; margin-top: auto; transition: all 0.3s ease; } .services__item-button svg path { transition: all 0.3s ease; } .services__list-item:hover .services__item-button svg path { stroke: #F15A22; } .services__list-item:hover .services__item-button{ color: #F15A22; } .services__item-link{ aspect-ratio: 370/185; width: 100%; } .services__item-image{ aspect-ratio: 370/185; border-radius: 8px; width: 100%; height: 100%; object-fit: cover; } @media screen and (max-width: 1200px) { .services__list-item{ width: calc(100% / 2 - 10px); } } @media screen and (max-width: 768px) { .services-hero{ margin-top: 25px; } .services__list{ margin-top: 30px; } .services__list-item{ width: 100%; flex-direction: column-reverse; gap: 16px; padding: 20px; } .services__item-content{ padding: 0; height: auto; } .services__item-title{ font-size: 16px; line-height: 150%; } .services__item-description{ font-size: 14px; line-height: 150%; } .services__item-button{ font-size: 14px; line-height: 150%; } .services__item-link{ aspect-ratio: 305/150; } } /* End */ /* Start:/local/templates/zintek-index/components/bitrix/news.list/home_mm_services/style.css?17894059405511*/ /* B08 — Наши услуги: head + swiper chrome only. Card look = uslugi_list/style.css (shared _card.php). */ .home-mm--services__head { display: flex; align-items: center; gap: 24px; width: 100%; margin-bottom: 32px; } h2.home-mm--services__title { flex: 1 1 auto; min-width: 0; margin: 0; font-family: "Manrope", "Montserrat", sans-serif; font-size: 32px; font-weight: 600; line-height: 1.3; letter-spacing: 0; color: var(--home-mm-black, #2a2a2a); } .home-mm--services__all-link { display: inline-flex; align-items: center; gap: 7px; flex-shrink: 0; font-family: "Manrope", "Montserrat", sans-serif; font-size: 16px; font-weight: 500; line-height: 1.5; color: var(--home-mm-blue, #0074bc); text-decoration: none; cursor: pointer; transition: color 0.15s ease; } .home-mm--services__all-link:hover, .home-mm--services__all-link:focus-visible { opacity: 1; color: var(--home-mm-orange, #f15a22); } .home-mm--services__all-link-icon { display: block; width: 10px; height: 26px; object-fit: contain; pointer-events: none; } body.home-mm-page .home-mm--services .catalog-slider-davotec-services { margin-bottom: 0; overflow: visible; } /* Equal card heights in swiper; width 100% overrides uslugi_list grid calc */ body.home-mm-page .home-mm--services .catalog-slider-davotec-services .swiper-wrapper { align-items: stretch; } body.home-mm-page .home-mm--services .catalog-slider-davotec-services .swiper-slide { height: auto; display: flex; box-sizing: border-box; } body.home-mm-page .home-mm--services .services__list-item { width: 100%; height: 100%; flex: 1 1 auto; margin-top: 0; overflow: clip; } body.home-mm-page .home-mm--services .services__item-content { flex: 1 1 auto; min-height: 0; } /* One-line desc like Figma card copy (list page shows full text) */ body.home-mm-page .home-mm--services .services__item-description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } /* Home img chevron (uslugi_list hover targets svg path — img needs size only) */ body.home-mm-page .home-mm--services .services__item-button-icon { display: block; width: 10px; height: 26px; object-fit: contain; flex-shrink: 0; pointer-events: none; } body.home-mm-page .home-mm--services .services__list-item:hover .services__item-button { color: #f15a22; } /* Arrows match /catalog/ popular (−60); FIX-01; force 1.5px border */ body.home-mm-page .home-mm--services .catalog-slider-davotec-services .swiper-button-prev, body.home-mm-page .home-mm--services .catalog-slider-davotec-services .swiper-button-next { border-width: 1.5px; } body.home-mm-page .home-mm--services .catalog-slider-davotec-services .swiper-button-prev { left: -60px; } body.home-mm-page .home-mm--services .catalog-slider-davotec-services .swiper-button-next { right: -60px; } @media screen and (max-width: 1200px) { h2.home-mm--services__title { font-size: 28px; } } /* ——— S1-m mobile B08 (Figma 615:15297 @375; tablet = stretched mobile ≤991) ——— */ @media screen and (max-width: 991px) { .home-mm--services__head { flex-direction: column; align-items: flex-start; flex-wrap: nowrap; gap: 16px; margin-bottom: 30px; } h2.home-mm--services__title { flex: 0 0 auto; width: 100%; margin: 0 !important; font-size: 32px; font-weight: 600; line-height: 1.3; letter-spacing: 0; } body.home-mm-page .home-mm--services .catalog-slider-davotec-services .swiper-button-prev, body.home-mm-page .home-mm--services .catalog-slider-davotec-services .swiper-button-next { display: none; } body.home-mm-page .home-mm--services .catalog-slider-davotec-services .swiper-pagination { position: static; display: flex; justify-content: center; align-items: center; gap: 15px; margin-top: 30px; } body.home-mm-page .home-mm--services .catalog-slider-davotec-services .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; width: 10px; height: 10px; background-color: #b8c4d680; opacity: 1; } body.home-mm-page .home-mm--services .catalog-slider-davotec-services .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #0074bc; } /* ≤991 (uslugi_list mobile is ≤768) — keep reverse stack for tablet+mobile */ body.home-mm-page .home-mm--services .services__list-item { flex-direction: column-reverse; gap: 16px; padding: 20px; border-radius: 12px; } body.home-mm-page .home-mm--services .services__item-content { gap: 8px; padding: 0; height: auto; flex: 1 1 auto; } body.home-mm-page .home-mm--services .services__item-title { font-size: 16px; font-weight: 600; line-height: 1.5; letter-spacing: 0; } body.home-mm-page .home-mm--services .services__item-description { display: block; -webkit-line-clamp: unset; font-size: 14px; font-weight: 400; line-height: 1.4; color: #62748e; overflow: visible; } body.home-mm-page .home-mm--services .services__item-button { font-size: 14px; font-weight: 500; line-height: 1.4; margin-top: 0; } /* Figma image h150 (list page uses aspect 305/150 @≤768) */ body.home-mm-page .home-mm--services .services__item-link { aspect-ratio: auto; height: 150px; width: 100%; flex-shrink: 0; border-radius: 9px; } body.home-mm-page .home-mm--services .services__item-image { height: 100%; border-radius: 9px; } } /* End */ /* Start:/local/templates/zintek-index/components/bitrix/news.list/home_mm_partners/style.css?17914099575042*/ /* B09 — Наши партнеры: head + cards + arrows −60 (= catalog popular) */ .home-mm--partners__head { display: flex; align-items: center; gap: 24px; width: 100%; margin-bottom: 32px; } h2.home-mm--partners__title { flex: 1 1 auto; min-width: 0; margin: 0; font-family: "Manrope", "Montserrat", sans-serif; font-size: 32px; font-weight: 600; line-height: 1.3; letter-spacing: 0; color: var(--home-mm-black, #2a2a2a); } .home-mm--partners__title--mob { display: none; } body.home-mm-page .home-mm--partners .catalog-slider-davotec-partners { margin-bottom: 0; overflow: visible; } body.home-mm-page .home-mm--partners .swiper-slide { height: auto; } .home-mm--partners__card { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; box-sizing: border-box; width: 100%; height: auto; padding: 12px; overflow: clip; border: 1px solid transparent; border-radius: 12px; background: var(--home-mm-white, #ffffff); text-decoration: none; color: inherit; cursor: default; transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; } a.home-mm--partners__card { cursor: pointer; } /* Like certificates / news cards — hover on any card, not only links */ .home-mm--partners__card:hover, a.home-mm--partners__card:hover { border-color: rgba(184, 196, 214, 0.25); background: linear-gradient(172.44deg, #f4f8fd 0%, #eef3f9 60%, #fef1eb 100%); box-shadow: 0 8px 24px rgba(0, 116, 188, 0.08); color: inherit; text-decoration: none; } .home-mm--partners__card:hover .home-mm--partners__name, a.home-mm--partners__card:hover .home-mm--partners__name { color: var(--home-mm-blue, #0074bc); } /* Figma media ~266×133 (537/268), gradient plate */ .home-mm--partners__media { position: relative; display: flex; align-items: center; justify-content: center; aspect-ratio: 537 / 268; width: 100%; overflow: hidden; border-radius: 8px; background: linear-gradient(153.48deg, #f4f8fd 0%, #eef3f9 60%, #fef1eb 100%); } .home-mm--partners__logo { display: block; max-width: 72%; max-height: 56%; width: auto; height: auto; object-fit: contain; } .home-mm--partners__logo-fallback { font-family: "Montserrat", "Manrope", sans-serif; font-size: 21px; font-weight: 700; line-height: 1.16; letter-spacing: 0.02em; color: var(--home-mm-gray-2, #3f5069); text-transform: uppercase; user-select: none; } .home-mm--partners__body { display: flex; flex-direction: column; align-items: flex-start; box-sizing: border-box; width: 100%; padding: 0 12px 12px; } .home-mm--partners__name { display: block; width: 100%; font-family: "Manrope", "Montserrat", sans-serif; font-size: 16px; font-weight: 500; line-height: 1.5; color: var(--home-mm-black, #2a2a2a); transition: color 0.2s ease; } /* Arrows match /catalog/ popular (−60); FIX-01; force 1.5px border */ body.home-mm-page .home-mm--partners .catalog-slider-davotec-partners .swiper-button-prev, body.home-mm-page .home-mm--partners .catalog-slider-davotec-partners .swiper-button-next { border-width: 1.5px; } body.home-mm-page .home-mm--partners .catalog-slider-davotec-partners .swiper-button-prev { left: -60px; } body.home-mm-page .home-mm--partners .catalog-slider-davotec-partners .swiper-button-next { right: -60px; } /* Tablet desk strip only — do not bleed into ≤991 mobile */ @media screen and (max-width: 1200px) and (min-width: 992px) { h2.home-mm--partners__title { font-size: 28px; } } /* ——— S1-m mobile B09 (Figma 615:15368 @375; ≤991; desk @1920 untouched) ——— */ @media screen and (max-width: 991px) { .home-mm--partners__head { margin-bottom: 30px; } /* Beat template h2:not(:last-child) mb — title→card = head mb 30 only */ h2.home-mm--partners__title { margin: 0 !important; font-size: 32px; font-weight: 600; line-height: 1.3; letter-spacing: 0; } .home-mm--partners__title--desk { display: none; } .home-mm--partners__title--mob { display: inline; } /* popular chrome hides arrows ≤1200; keep explicit for partners scope */ body.home-mm-page .home-mm--partners .catalog-slider-davotec-partners .swiper-button-prev, body.home-mm-page .home-mm--partners .catalog-slider-davotec-partners .swiper-button-next { display: none; } /* Dots: 10×10, gap 15, mt 30, active #0074BC (Figma 615:15379) */ body.home-mm-page .home-mm--partners .catalog-slider-davotec-partners .swiper-pagination { position: static; display: flex; justify-content: center; align-items: center; gap: 15px; margin-top: 30px; } body.home-mm-page .home-mm--partners .catalog-slider-davotec-partners .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; width: 10px; height: 10px; background-color: #b8c4d680; opacity: 1; } body.home-mm-page .home-mm--partners .catalog-slider-davotec-partners .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #0074bc; } } /* End */ /* Start:/local/templates/zintek-index/components/bitrix/catalog.section.list/objects_sections_home_mm/style.css?178940594010387*/ /* B10 — Объекты / кейсы (Figma 560:13782), scoped .home-mm--projects-showcase */ .home-mm--projects-showcase { display: flex; flex-direction: column; gap: 24px; width: 100%; } .home-mm--projects-showcase__head { display: flex; flex-direction: column; gap: 24px; width: 100%; } h2.home-mm--projects-showcase__title { margin: 0; width: 100%; font-family: "Manrope", "Montserrat", sans-serif; font-size: 32px; font-weight: 600; line-height: 1.3; letter-spacing: 0; color: var(--home-mm-black, #2a2a2a); } .home-mm--projects-showcase__tabs { display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; height: 56px; box-sizing: border-box; border-bottom: 1px solid #b8c4d6; } .home-mm--projects-showcase__tab { display: inline-flex; align-items: center; justify-content: center; height: 56px; margin: 0; padding: 16px 32px; box-sizing: border-box; border: 0; border-bottom: 2px solid transparent; border-radius: 8px 8px 0 0; background: transparent; font-family: "Manrope", "Montserrat", sans-serif; font-size: 16px; font-weight: 500; line-height: 1.5; color: var(--home-mm-gray, #62748e); white-space: nowrap; cursor: pointer; transition: color 0.15s ease, border-color 0.15s ease; } .home-mm--projects-showcase__tab:hover { color: var(--home-mm-gray-2, #3f5069); } .home-mm--projects-showcase__tab.is-active { color: var(--home-mm-gray-2, #3f5069); border-bottom-color: var(--home-mm-orange, #f15a22); } .home-mm--projects-showcase__panes { width: 100%; } .home-mm--projects-showcase__pane { width: 100%; } .home-mm--projects-showcase__pane[hidden] { display: none !important; } body.home-mm-page .home-mm--projects-showcase .home-mm--projects-showcase__slider { margin-bottom: 0; overflow: visible; } body.home-mm-page .home-mm--projects-showcase .swiper-slide { height: auto; } .home-mm--projects-showcase__card { display: flex; align-items: stretch; gap: 12px; width: 100%; min-height: 400px; padding: 12px; box-sizing: border-box; border-radius: 12px; background: var(--home-mm-white, #ffffff); } .home-mm--projects-showcase__content { display: flex; flex: 1 1 597px; flex-direction: column; gap: 16px; width: 597px; max-width: 597px; min-width: 0; min-height: 376px; } .home-mm--projects-showcase__main { display: flex; flex: 1 1 auto; flex-direction: column; gap: 32px; justify-content: center; width: 100%; min-height: 0; padding: 28px; box-sizing: border-box; } .home-mm--projects-showcase__logo { width: 70px; height: 26px; flex-shrink: 0; overflow: hidden; } .home-mm--projects-showcase__logo img, .home-mm--projects-showcase__logo svg { display: block; width: 100%; height: 100%; object-fit: contain; object-position: left center; } .home-mm--projects-showcase__copy { display: flex; flex-direction: column; gap: 16px; width: 100%; } /* Kill global h3:not(:last-child){margin:0 0 1rem} — else gap 16+16=32 vs Figma 16 */ body.home-mm-page h3.home-mm--projects-showcase__name { margin: 0; font-family: "Manrope", "Montserrat", sans-serif; font-size: 26px; font-weight: 600; line-height: 35px; letter-spacing: -0.7px; color: var(--home-mm-black, #2a2a2a); } body.home-mm-page .home-mm--projects-showcase__lead { margin: 0; font-family: "Manrope", "Montserrat", sans-serif; font-size: 18px; font-weight: 400; line-height: 1.6; color: var(--home-mm-gray-2, #3f5069); } .home-mm--projects-showcase__quote { width: 100%; padding: 20px; box-sizing: border-box; border-radius: 12px; background: #f3f7fc; flex-shrink: 0; } .home-mm--projects-showcase__quote-text { margin: 0; font-family: "Manrope", "Montserrat", sans-serif; font-size: 16px; font-weight: 500; line-height: 1.5; color: var(--home-mm-gray, #62748e); } .home-mm--projects-showcase__media { position: relative; flex: 0 0 589px; width: 589px; max-width: none; min-height: 376px; border-radius: 12px; overflow: hidden; align-self: stretch; } .home-mm--projects-showcase__photo { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; border-radius: 12px; } /* Arrows match /catalog/ popular (−60); FIX-01 */ body.home-mm-page .home-mm--projects-showcase .home-mm--projects-showcase__slider .swiper-button-prev, body.home-mm-page .home-mm--projects-showcase .home-mm--projects-showcase__slider .swiper-button-next { border-width: 1.5px; } body.home-mm-page .home-mm--projects-showcase .home-mm--projects-showcase__slider .swiper-button-prev { left: -60px; } body.home-mm-page .home-mm--projects-showcase .home-mm--projects-showcase__slider .swiper-button-next { right: -60px; } /* Pagination + quote-host: desktop off (mobile ≤991) */ body.home-mm-page .home-mm--projects-showcase .home-mm--projects-showcase__slider .swiper-pagination, .home-mm--projects-showcase__quote-host { display: none; } /* Tablet strip only — do not bleed into ≤991 Figma mobile */ @media screen and (max-width: 1200px) and (min-width: 992px) { h2.home-mm--projects-showcase__title { font-size: 28px; } .home-mm--projects-showcase__tabs { height: auto; min-height: 56px; } .home-mm--projects-showcase__tab { padding: 12px 20px; } .home-mm--projects-showcase__card { flex-direction: column; height: auto; min-height: 0; } .home-mm--projects-showcase__content { height: auto; min-height: 0; width: 100%; max-width: none; flex: 1 1 auto; } .home-mm--projects-showcase__media { flex: 0 0 auto; width: 100%; max-width: none; height: auto; min-height: 240px; aspect-ratio: 589 / 376; } } /* ——— S1-m mobile B10 (Figma 615:15482 @375; ≤991 stretch; desk @1920 untouched) ——— */ @media screen and (max-width: 991px) { .home-mm--projects-showcase { gap: 30px; } .home-mm--projects-showcase__head { gap: 16px; } h2.home-mm--projects-showcase__title { margin: 0 !important; font-size: 32px; font-weight: 600; line-height: 1.3; letter-spacing: 0; } /* Tabs: horizontal scroll (Figma 615:15552) */ .home-mm--projects-showcase__tabs { flex-wrap: nowrap; align-items: stretch; height: auto; min-height: 0; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; border-bottom: 1px solid #b8c4d6; } .home-mm--projects-showcase__tabs::-webkit-scrollbar { display: none; } .home-mm--projects-showcase__tab { flex: 0 0 auto; height: auto; padding: 16px; font-size: 16px; font-weight: 500; line-height: 1.5; white-space: nowrap; text-align: center; } body.home-mm-page .home-mm--projects-showcase .home-mm--projects-showcase__slider .swiper-button-prev, body.home-mm-page .home-mm--projects-showcase .home-mm--projects-showcase__slider .swiper-button-next { display: none; } /* Cold-load: contain swiper (avoid ~2^25px slide width blow-up) */ .home-mm--projects-showcase__slider .swiper { width: 100%; max-width: 100%; min-width: 0; } .home-mm--projects-showcase__slider .swiper-slide { width: 100%; max-width: 100%; box-sizing: border-box; } /* Dots between card and quote (Figma 615:15493); 10×10 gap 15 */ body.home-mm-page .home-mm--projects-showcase .home-mm--projects-showcase__slider .swiper-pagination { position: static; display: flex; justify-content: center; align-items: center; gap: 15px; margin-top: 0; height: 10px; } body.home-mm-page .home-mm--projects-showcase .home-mm--projects-showcase__slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; width: 10px; height: 10px; background-color: #b8c4d680; opacity: 1; } body.home-mm-page .home-mm--projects-showcase .home-mm--projects-showcase__slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #0074bc; } /* White card: mark + title/lead + image h150 (Figma 615:15486) */ .home-mm--projects-showcase__card { flex-direction: column; align-items: stretch; gap: 16px; height: auto; min-height: 0; padding: 20px; border-radius: 12px; background: var(--home-mm-white, #ffffff); } .home-mm--projects-showcase__content { display: flex; flex-direction: column; flex: 0 0 auto; gap: 8px; width: 100%; max-width: none; height: auto; min-height: 0; } .home-mm--projects-showcase__main { flex: 0 0 auto; gap: 8px; justify-content: flex-start; padding: 0; min-height: 0; } /* Figma 615:15486 — no corner mark on mobile card */ .home-mm--projects-showcase__logo { display: none !important; } .home-mm--projects-showcase__copy { /* Figma 615:15486 — title→lead gap 8 (desk stays 16) */ gap: 8px; } h3.home-mm--projects-showcase__name { margin: 0 !important; font-size: 16px; font-weight: 600; line-height: 1.5; letter-spacing: 0; } .home-mm--projects-showcase__lead { margin: 0 !important; font-size: 14px; font-weight: 400; line-height: 1.4; color: var(--home-mm-gray, #62748e); } /* In-card quote hidden — mirrored under dots via quote-host */ .home-mm--projects-showcase__card .home-mm--projects-showcase__quote { display: none !important; } .home-mm--projects-showcase__media { flex: 0 0 auto; width: 100%; max-width: none; height: 150px; min-height: 150px; aspect-ratio: auto; border-radius: 9px; align-self: stretch; } .home-mm--projects-showcase__photo { border-radius: 9px; } /* Quote host under dots (Figma 615:15604) */ .home-mm--projects-showcase__quote-host { display: block; width: 100%; margin: 0; } .home-mm--projects-showcase__quote-host[hidden] { display: none !important; } .home-mm--projects-showcase__quote-host .home-mm--projects-showcase__quote { display: block; width: 100%; padding: 20px; box-sizing: border-box; border: 1px solid #b8c4d6; border-radius: 12px; background: #f3f7fc; } .home-mm--projects-showcase__quote-host .home-mm--projects-showcase__quote-text { margin: 0 !important; font-size: 14px; font-weight: 400; line-height: 1.4; color: var(--home-mm-gray, #62748e); } /* Slider stack: card → dots → quote; section gap 30 covers spacing */ body.home-mm-page .home-mm--projects-showcase .home-mm--projects-showcase__slider { display: flex; flex-direction: column; gap: 30px; } } /* End */ /* Start:/local/templates/zintek-index/components/bitrix/news.list/home_mm_reviews/style.css?178940594013877*/ /* B17 — Отзывы: Figma 690:18963 */ .home-mm--reviews__head { display: flex; align-items: center; width: 100%; height: 50px; margin-bottom: 32px; } h2.home-mm--reviews__title { margin: 0; width: 100%; font-family: "Manrope", "Montserrat", sans-serif; font-size: 32px; font-weight: 600; line-height: 1.3; letter-spacing: 0; color: var(--home-mm-black, #2a2a2a); } .home-mm--reviews__viewport { position: relative; display: flex; align-items: stretch; gap: 20px; width: 100%; } .home-mm--reviews__rating { display: flex; flex: 0 0 291px; flex-direction: column; justify-content: space-between; box-sizing: border-box; width: 291px; height: 313px; padding: 24px; overflow: clip; border-radius: 12px; background: var(--home-mm-white, #ffffff); } .home-mm--reviews__rating-top { display: flex; flex: 1 1 auto; flex-direction: column; align-items: flex-start; gap: 20px; min-height: 0; } .home-mm--reviews__score { display: flex; align-items: center; gap: 14px; } .home-mm--reviews__yandex { display: block; width: 50px; height: 50px; flex-shrink: 0; } .home-mm--reviews__score-value { font-family: "Roboto", "Manrope", sans-serif; font-size: 45px; font-weight: 600; line-height: 59px; letter-spacing: 0; color: var(--home-mm-black, #2a2a2a); white-space: nowrap; } .home-mm--reviews__stars { display: flex; align-items: flex-start; gap: 4px; } .home-mm--reviews__stars img { display: block; width: 32px; height: 32px; } .home-mm--reviews__rating-caption { margin: 0; font-family: "Manrope", "Montserrat", sans-serif; font-size: 14px; font-weight: 400; line-height: 1.4; color: var(--home-mm-gray, #62748e); white-space: nowrap; } .home-mm--reviews__leave { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; height: 40px; padding: 8px 16px; border-radius: 8px; background: var(--home-mm-bg, #f3f7fc); font-family: "Manrope", "Montserrat", sans-serif; font-size: 16px; font-weight: 500; line-height: 1.5; color: var(--home-mm-blue, #0074bc); text-decoration: none; cursor: pointer; align-self: flex-start; transition: background-color 0.2s ease, color 0.2s ease; } /* Like PO-mm / Разработчикам cards: light → blue fill + white text */ a.home-mm--reviews__leave:hover, a.home-mm--reviews__leave:focus-visible { opacity: 1; background: var(--home-mm-blue, #0074bc); color: #ffffff; text-decoration: none; } body.home-mm-page .home-mm--reviews .catalog-slider-davotec-reviews { position: relative; flex: 1 1 auto; min-width: 0; margin-bottom: 0; } body.home-mm-page .home-mm--reviews .swiper-slide { height: auto; } .home-mm--reviews__card { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; box-sizing: border-box; width: 100%; height: 313px; padding: 24px; overflow: clip; border-radius: 12px; background: var(--home-mm-white, #ffffff); } .home-mm--reviews__card-main { display: flex; flex: 1 1 auto; flex-direction: column; align-items: flex-start; /* Figma/screen 4: author row → body 24 (desk); mobile keeps 8 below */ gap: 24px; min-height: 0; width: 100%; /* Clip excess text inside main so diploma (flex-shrink:0) never overlaps */ overflow: hidden; } .home-mm--reviews__card-head { display: flex; /* DOM: date → author; reverse keeps desk author left / date right */ flex-direction: row-reverse; align-items: center; gap: 8px; width: 100%; } /* Beat template `p:not(:last-child) { margin-bottom: 0.5rem }` (author→text was 14 vs 8) */ .home-mm--reviews .home-mm--reviews__card-head p, .home-mm--reviews .home-mm--reviews__card-main > p { margin: 0 !important; } .home-mm--reviews__author { flex: 1 1 auto; min-width: 0; margin: 0; font-family: "Manrope", "Montserrat", sans-serif; font-size: 18px; font-weight: 600; line-height: 1.6; color: var(--home-mm-black, #2a2a2a); } .home-mm--reviews__date { flex-shrink: 0; margin: 0; font-family: "Manrope", "Montserrat", sans-serif; font-size: 14px; font-weight: 400; line-height: 1.4; color: var(--home-mm-gray, #62748e); white-space: nowrap; } .home-mm--reviews__text { display: block; margin: 0; overflow: visible; width: 100%; font-family: "Manrope", "Montserrat", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; color: var(--home-mm-gray-2, #3f5069); } .home-mm--reviews__excerpt { flex: 1 1 auto; width: 100%; min-width: 0; min-height: 0; overflow: hidden; } /* Pin diploma to card bottom; never shrink into excerpt */ .home-mm--reviews__card > .home-mm--reviews__diploma { margin-top: auto; } /* «Читать далее» — как на mediamint.ru/about_us/reviews/: инлайн после «…» */ .home-mm--reviews__more { display: inline; margin: 0; padding: 0; border: 0; background: none; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; color: rgba(63, 80, 105, 0.55); text-decoration: underline; cursor: pointer; appearance: none; -webkit-appearance: none; transition: color 0.2s ease; } .home-mm--reviews__more:hover, .home-mm--reviews__more:focus-visible { color: var(--home-mm-blue, #0074bc); } .home-mm--reviews__diploma { flex-shrink: 0; font-family: "Manrope", "Montserrat", sans-serif; font-size: 16px; font-weight: 500; line-height: 1.5; color: var(--home-mm-blue, #0074bc); text-decoration: none; cursor: pointer; transition: color 0.15s ease; } a.home-mm--reviews__diploma:hover, a.home-mm--reviews__diploma:focus-visible { opacity: 1; color: var(--home-mm-orange, #f15a22); } /* Arrows match /catalog/ popular (−60); FIX-01; popular chrome via .catalog-slider-davotec-popular */ body.home-mm-page .home-mm--reviews .home-mm--reviews__viewport.catalog-slider-davotec-popular { overflow: visible; } body.home-mm-page .home-mm--reviews .home-mm--reviews__viewport.catalog-slider-davotec-popular .swiper-button-prev, body.home-mm-page .home-mm--reviews .home-mm--reviews__viewport.catalog-slider-davotec-popular .swiper-button-next { border-width: 1.5px; top: 50%; margin-top: -24px; z-index: 2; } body.home-mm-page .home-mm--reviews .home-mm--reviews__viewport.catalog-slider-davotec-popular .swiper-button-prev { left: -60px; } body.home-mm-page .home-mm--reviews .home-mm--reviews__viewport.catalog-slider-davotec-popular .swiper-button-next { right: -60px; } /* Hide mobile pagination on desktop / tablet desk strip */ body.home-mm-page .home-mm--reviews .catalog-slider-davotec-reviews .swiper-pagination { display: none; } /* Tablet desk strip only — do not bleed into ≤991 mobile */ @media screen and (max-width: 1200px) and (min-width: 992px) { h2.home-mm--reviews__title { font-size: 28px; } .home-mm--reviews__viewport { flex-direction: column; } .home-mm--reviews__rating { flex: 0 0 auto; width: 100%; height: auto; min-height: 220px; } } /* ——— S1-m mobile B17 (Figma 687:6145 @375; ≤991; desk @1920 untouched) ——— */ @media screen and (max-width: 991px) { .home-mm--reviews__head { height: auto; min-height: 0; margin-bottom: 30px; } /* Beat template h2:not(:last-child) mb — title→rating = head mb 30 only */ h2.home-mm--reviews__title { margin: 0 !important; font-size: 32px; font-weight: 600; line-height: 1.3; letter-spacing: 0; } .home-mm--reviews__viewport { flex-direction: column; align-items: stretch; gap: 16px; } .home-mm--reviews__rating { flex: 0 0 auto; flex-direction: column; justify-content: flex-start; gap: 16px; width: 100%; height: auto; min-height: 0; padding: 20px; } /* Score + stars on one row; caption below (Figma 687:6162) */ .home-mm--reviews__rating-top { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto; align-items: center; gap: 8px 15px; flex: 0 0 auto; } .home-mm--reviews__score { grid-column: 1; grid-row: 1; gap: 9.5px; } .home-mm--reviews__yandex { width: 33.33px; height: 33.33px; } .home-mm--reviews__score-value { font-size: 30px; line-height: 39.54px; } .home-mm--reviews__stars { grid-column: 2; grid-row: 1; gap: 3.33px; height: 28px; } .home-mm--reviews__stars img { width: 28px; height: 28px; } .home-mm--reviews__rating-caption { grid-column: 1 / -1; grid-row: 2; } .home-mm--reviews__leave { align-self: flex-start; } body.home-mm-page .home-mm--reviews .catalog-slider-davotec-reviews { width: 100%; } /* Equal card height — stretch slides (same as certificates mobile) */ body.home-mm-page .home-mm--reviews .catalog-slider-davotec-reviews .swiper-wrapper { align-items: stretch; } body.home-mm-page .home-mm--reviews .catalog-slider-davotec-reviews .swiper-slide { height: auto; display: flex; } .home-mm--reviews__card { height: 100%; min-height: 0; width: 100%; padding: 24px; gap: 12px; } .home-mm--reviews__card-main { flex: 1 1 auto; min-height: 0; gap: 8px; } /* Date above author (DOM order; Figma 687:6209) */ .home-mm--reviews__card-head { flex-direction: column; align-items: flex-start; justify-content: center; gap: 8px; } .home-mm--reviews__date { white-space: nowrap; } .home-mm--reviews__author { width: 100%; color: #000000; } /* Hide arrows; dots below card (Figma 687:6149) */ body.home-mm-page .home-mm--reviews .home-mm--reviews__viewport.catalog-slider-davotec-popular .swiper-button-prev, body.home-mm-page .home-mm--reviews .home-mm--reviews__viewport.catalog-slider-davotec-popular .swiper-button-next { display: none; } body.home-mm-page .home-mm--reviews .catalog-slider-davotec-reviews .swiper-pagination { position: static; display: flex; justify-content: center; align-items: center; gap: 15px; /* Figma 687:6149: card→dots 30; section ends at dots (no extra below) */ margin-top: 30px; margin-bottom: 0; padding: 0; width: 100%; height: auto; } body.home-mm-page .home-mm--reviews .catalog-slider-davotec-reviews .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; width: 10px; height: 10px; background-color: #b8c4d680; opacity: 1; } body.home-mm-page .home-mm--reviews .catalog-slider-davotec-reviews .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #0074bc; } } /* ——— «Читать далее» modal desk 687:6125 / mob 689:16686 ——— */ body.home-mm-reviews-modal-open { overflow: hidden; } .home-mm--reviews__modal[hidden] { display: none !important; } .home-mm--reviews__modal { position: fixed; inset: 0; z-index: 10050; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 24px; } .home-mm--reviews__modal-backdrop { position: absolute; inset: 0; background: #3f5069; opacity: 0.7; } .home-mm--reviews__modal-dialog { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 24px; box-sizing: border-box; width: 100%; max-width: 909px; max-height: calc(100vh - 48px); padding: 56px; overflow: auto; border-radius: 12px; background: #ffffff; } .home-mm--reviews__modal-close { position: absolute; top: 24px; right: 24px; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; padding: 0; border: 0; background: transparent; cursor: pointer; appearance: none; -webkit-appearance: none; } .home-mm--reviews__modal-close img { display: block; width: 18px; height: 18px; } .home-mm--reviews__modal-close:hover { opacity: 0.75; } .home-mm--reviews__modal-head { display: flex; align-items: flex-start; gap: 4px; width: 100%; } .home-mm--reviews__modal-author { flex: 1 1 auto; min-width: 0; margin: 0 !important; font-family: "Manrope", "Montserrat", sans-serif; font-size: 22px; font-weight: 600; line-height: 1.35; letter-spacing: -0.7px; color: var(--home-mm-black, #2a2a2a); } .home-mm--reviews__modal-date { flex-shrink: 0; margin: 0 !important; font-family: "Manrope", "Montserrat", sans-serif; font-size: 16px; font-weight: 500; line-height: 1.5; color: var(--home-mm-gray, #62748e); white-space: nowrap; } .home-mm--reviews__modal-date[hidden] { display: none; } .home-mm--reviews__modal-body { width: 100%; font-family: "Manrope", "Montserrat", sans-serif; font-size: 18px; font-weight: 500; line-height: 1.6; color: var(--home-mm-gray-2, #3f5069); } .home-mm--reviews__modal-body p { margin: 0 0 29px !important; } .home-mm--reviews__modal-body p:last-child { margin-bottom: 0 !important; } .home-mm--reviews__modal-diploma { width: 100%; } .home-mm--reviews__modal-diploma .home-mm--reviews__diploma { font-size: 16px; font-weight: 500; line-height: 1.5; } @media screen and (max-width: 991px) { .home-mm--reviews__modal { align-items: stretch; justify-content: stretch; padding: 0; } .home-mm--reviews__modal-backdrop { display: none; } .home-mm--reviews__modal-dialog { width: 100%; max-width: none; max-height: none; height: 100%; min-height: 100%; padding: 74px 15px 24px; gap: 16px; border-radius: 0; overflow: auto; } .home-mm--reviews__modal-close { top: 20px; right: 20px; } .home-mm--reviews__modal-head { align-items: center; } .home-mm--reviews__modal-author { font-size: 18px; font-weight: 600; line-height: 1.6; letter-spacing: 0; } .home-mm--reviews__modal-date { font-size: 14px; font-weight: 400; line-height: 1.4; } .home-mm--reviews__modal-body { font-size: 16px; font-weight: 400; line-height: 1.5; } .home-mm--reviews__modal-body p { margin: 0 0 24px !important; } .home-mm--reviews__modal-body p:last-child { margin-bottom: 0 !important; } } /* End */ /* Start:/local/templates/zintek-index/components/bitrix/news.list/home_mm_certificates/style.css?17894059405947*/ /* B12 — Сертификаты и лицензии: head + document cards + arrows −60 (= catalog popular) */ .home-mm--certificates__head { display: flex; align-items: center; gap: 24px; width: 100%; margin-bottom: 32px; } h2.home-mm--certificates__title { flex: 1 1 auto; min-width: 0; margin: 0; font-family: "Manrope", "Montserrat", sans-serif; font-size: 32px; font-weight: 600; line-height: 1.3; letter-spacing: 0; color: var(--home-mm-black, #2a2a2a); } body.home-mm-page .home-mm--certificates .catalog-slider-davotec-certificates { margin-bottom: 0; overflow: visible; } body.home-mm-page .home-mm--certificates .swiper-slide { height: auto; } /* Figma Container ~599×80 (default) / ~603×80 (hover+border) */ .home-mm--certificates__card { display: flex; align-items: center; gap: 16px; box-sizing: border-box; width: 100%; height: 80px; padding: 16px 20px; overflow: clip; border: 1px solid transparent; border-radius: 14px; background: var(--home-mm-white, #ffffff); text-decoration: none; color: inherit; cursor: default; transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; } a.home-mm--certificates__card { cursor: pointer; } .home-mm--certificates__card:hover, a.home-mm--certificates__card:hover { border-color: rgba(184, 196, 214, 0.2); background: linear-gradient(172.44deg, #f4f8fd 0%, #eef3f9 60%, #fef1eb 100%); color: inherit; text-decoration: none; } .home-mm--certificates__card:hover .home-mm--certificates__name, a.home-mm--certificates__card:hover .home-mm--certificates__name { color: var(--home-mm-blue, #0074bc); } .home-mm--certificates__icon { display: flex; flex-shrink: 0; align-items: center; justify-content: center; box-sizing: border-box; width: 44px; height: 44px; border-radius: 12px; background: rgba(0, 116, 188, 0.1); } .home-mm--certificates__icon-img { display: block; width: 20px; height: 20px; object-fit: contain; } .home-mm--certificates__text { display: flex; flex: 1 1 auto; flex-direction: column; align-items: flex-start; gap: 4px; min-width: 0; } /* FIX-14: NAME ≤100 / meta line = desc ≤120 · FORMAT · SIZE (Figma 687:15858) */ .home-mm--certificates__name { display: block; width: 100%; overflow: hidden; font-family: "Manrope", "Montserrat", sans-serif; font-size: 16px; font-weight: 500; line-height: 1.5; color: var(--home-mm-black, #2a2a2a); text-overflow: ellipsis; white-space: nowrap; transition: color 0.2s ease; } .home-mm--certificates__meta { display: block; width: 100%; overflow: hidden; font-family: "Manrope", "Montserrat", sans-serif; font-size: 14px; font-weight: 400; line-height: 1.4; color: var(--home-mm-gray, #62748e); text-overflow: ellipsis; white-space: nowrap; } /* Arrows match /catalog/ popular (−60); FIX-01; force 1.5px border */ body.home-mm-page .home-mm--certificates .catalog-slider-davotec-certificates .swiper-button-prev, body.home-mm-page .home-mm--certificates .catalog-slider-davotec-certificates .swiper-button-next { border-width: 1.5px; } body.home-mm-page .home-mm--certificates .catalog-slider-davotec-certificates .swiper-button-prev { left: -60px; } body.home-mm-page .home-mm--certificates .catalog-slider-davotec-certificates .swiper-button-next { right: -60px; } /* Hide mobile pagination on desktop / tablet desk strip (beat popular ≤1200 show) */ body.home-mm-page .home-mm--certificates .catalog-slider-davotec-certificates .swiper-pagination { display: none; } /* Tablet desk strip only — do not bleed into ≤991 mobile */ @media screen and (max-width: 1200px) and (min-width: 992px) { h2.home-mm--certificates__title { font-size: 28px; } } /* ——— S1-m mobile B12 (Figma 687:15808 @375; ≤991; desk @1920 untouched) ——— */ @media screen and (max-width: 991px) { .home-mm--certificates__head { margin-bottom: 30px; } /* Beat template h2:not(:last-child) mb — title→card = head mb 30 only */ h2.home-mm--certificates__title { margin: 0 !important; font-size: 32px; font-weight: 600; line-height: 1.3; letter-spacing: 0; } /* Equal card height — stretch slides; no autoHeight empty gap */ body.home-mm-page .home-mm--certificates .catalog-slider-davotec-certificates .swiper-wrapper { align-items: stretch; } body.home-mm-page .home-mm--certificates .catalog-slider-davotec-certificates .swiper-slide { height: auto; display: flex; } .home-mm--certificates__card { align-items: flex-start; height: 100%; min-height: 116px; width: 100%; box-sizing: border-box; padding: 16px 20px; overflow: visible; } .home-mm--certificates__name { font-size: 14px; font-weight: 400; line-height: 1.4; white-space: normal; overflow: visible; text-overflow: unset; word-break: break-word; } .home-mm--certificates__meta { white-space: normal; overflow: visible; text-overflow: unset; word-break: break-word; } body.home-mm-page .home-mm--certificates .catalog-slider-davotec-certificates .swiper-button-prev, body.home-mm-page .home-mm--certificates .catalog-slider-davotec-certificates .swiper-button-next { display: none; } /* Dots: 10×10, gap 15, mt 30, active #0074BC (Figma 687:15812) */ body.home-mm-page .home-mm--certificates .catalog-slider-davotec-certificates .swiper-pagination { position: static; display: flex; justify-content: center; align-items: center; gap: 15px; margin-top: 30px; } body.home-mm-page .home-mm--certificates .catalog-slider-davotec-certificates .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; width: 10px; height: 10px; background-color: #b8c4d680; opacity: 1; } body.home-mm-page .home-mm--certificates .catalog-slider-davotec-certificates .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #0074bc; } } /* End */ /* Start:/local/templates/zintek-index/components/bitrix/news.list/home_mm_news/style.css?17894059406233*/ /* B11 — Новости и статьи: Figma 689:15905 */ .home-mm--news { width: 100%; box-sizing: border-box; } .home-mm--news__head { display: flex; align-items: center; gap: 24px; width: 100%; margin-bottom: 32px; } h2.home-mm--news__title { flex: 1 1 auto; min-width: 0; margin: 0; font-family: "Manrope", "Montserrat", sans-serif; font-size: 32px; font-weight: 600; line-height: 1.3; letter-spacing: 0; color: var(--home-mm-black, #2a2a2a); word-break: break-word; } .home-mm--news__all-link { display: inline-flex; align-items: center; gap: 7px; flex-shrink: 0; font-family: "Manrope", "Montserrat", sans-serif; font-size: 16px; font-weight: 500; line-height: 1.5; color: var(--home-mm-blue, #0074bc); text-decoration: none; cursor: pointer; transition: color 0.15s ease; } .home-mm--news__all-link:hover, .home-mm--news__all-link:focus-visible { opacity: 1; color: var(--home-mm-orange, #f15a22); } .home-mm--news__all-link-icon { display: block; width: 10px; height: 26px; object-fit: contain; pointer-events: none; } .home-mm--news__panel { display: flex; align-items: stretch; gap: 32px; box-sizing: border-box; width: 100%; padding: 12px 12px 12px 32px; border-radius: var(--home-mm-radius, 12px); background: var(--home-mm-white, #ffffff); } .home-mm--news__list { display: flex; flex: 1 1 0; flex-direction: column; align-items: stretch; justify-content: center; gap: 0; min-width: 0; margin: 0; padding: 4px 0; list-style: none; } .home-mm--news__item { margin: 0; padding: 0; } .home-mm--news__card { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; box-sizing: border-box; width: 100%; padding: 16px 0; border-radius: var(--home-mm-radius, 12px); background: transparent; color: inherit; text-decoration: none; cursor: pointer; transition: background-color 0.15s ease, color 0.15s ease, padding 0.15s ease; } .home-mm--news__card-title { display: block; width: 100%; font-family: "Manrope", "Montserrat", sans-serif; font-size: 16px; font-weight: 500; line-height: 1.5; color: var(--home-mm-gray-2, #3f5069); word-break: break-word; transition: color 0.15s ease; } .home-mm--news__card-date { display: block; width: 100%; font-family: "Manrope", "Montserrat", sans-serif; font-size: 12px; font-weight: 400; line-height: 1.05; color: var(--home-mm-gray, #62748e); } .home-mm--news__card:hover, .home-mm--news__item.is-active .home-mm--news__card { padding: 16px 20px; background: var(--home-mm-bg, #f3f7fc); } .home-mm--news__card:hover .home-mm--news__card-title, .home-mm--news__item.is-active .home-mm--news__card-title { color: var(--home-mm-blue, #0074bc); } .home-mm--news__media { position: relative; flex: 1 1 0; min-width: 0; min-height: 347px; align-self: stretch; overflow: hidden; border-radius: var(--home-mm-radius, 12px); background: var(--home-mm-bg, #f3f7fc); } .home-mm--news__img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: var(--home-mm-radius, 12px); } .home-mm--news__img-fallback { width: 100%; height: 100%; min-height: 347px; border-radius: var(--home-mm-radius, 12px); background: var(--home-mm-bg, #f3f7fc); } /* Mob slider markup: desk-hidden (Figma 615:15841 ≤991) */ .home-mm--news__slider { display: none; width: 100%; box-sizing: border-box; } .home-mm--news__mob-card { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; box-sizing: border-box; width: 100%; padding: 20px; overflow: clip; border-radius: var(--home-mm-radius, 12px); background: var(--home-mm-white, #ffffff); color: inherit; text-decoration: none; cursor: pointer; } .home-mm--news__mob-card:hover, .home-mm--news__mob-card:focus { color: inherit; text-decoration: none; } .home-mm--news__mob-media { position: relative; width: 100%; height: 150px; overflow: hidden; border-radius: 9px; background: linear-gradient(153.81deg, #f4f8fd 0%, #eef3f9 60%, #fef1eb 100%); } .home-mm--news__mob-img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 9px; } .home-mm--news__mob-img-fallback { width: 100%; height: 100%; border-radius: 9px; background: linear-gradient(153.81deg, #f4f8fd 0%, #eef3f9 60%, #fef1eb 100%); } .home-mm--news__mob-body { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; width: 100%; } .home-mm--news__mob-title { display: block; width: 100%; font-family: "Manrope", "Montserrat", sans-serif; font-size: 16px; font-weight: 600; line-height: 1.5; color: var(--home-mm-black, #2a2a2a); word-break: break-word; } .home-mm--news__mob-date { display: block; width: 100%; font-family: "Manrope", "Montserrat", sans-serif; font-size: 14px; font-weight: 400; line-height: 1.4; color: var(--home-mm-gray, #62748e); } /* ——— S1-m mobile B11 (Figma 615:15841 @375; ≤991; desk @1920 untouched) ——— */ @media screen and (max-width: 991px) { .home-mm--news__head { flex-direction: column; align-items: flex-start; gap: 16px; margin-bottom: 30px; } /* Beat template h2:not(:last-child) mb — title→CTA = head gap 16 only */ h2.home-mm--news__title { margin: 0 !important; font-size: 32px; font-weight: 600; line-height: 1.3; letter-spacing: 0; } .home-mm--news__panel { display: none; } .home-mm--news__slider { display: block; } .home-mm--news__slider .swiper { overflow: hidden; } .home-mm--news__slider .swiper-slide { height: auto; } /* Dots: 10×10, gap 15, mt 30, active #0074BC (Figma 615:15849); section ends at dots */ .home-mm--news__slider .swiper-pagination { position: static; display: flex; justify-content: center; align-items: center; gap: 15px; margin-top: 30px; margin-bottom: 0; padding: 0; height: auto; } .home-mm--news__slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; width: 10px; height: 10px; background-color: #b8c4d680; opacity: 1; } .home-mm--news__slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #0074bc; } } /* End */ /* Start:/bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1694457563666*/ div.bx-yandex-map {color: black; font-size: 11px;} div.bx-yandex-map div.YMaps-b-balloon-content {color: black; font-size: 11px;} div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td { padding: 0px !important; } div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td textarea{ font-size: 11px; } div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td.YMaps-b-balloon-b { background-image: none !important; } /* End */ /* /local/templates/zintek-index/libs/swiper/swiper-bundle.min.css?178351510718464 */ /* /local/templates/zintek-index/components/bitrix/news.list/home_mm_hero/style.css?17919003329976 */ /* /local/templates/zintek-index/components/bitrix/news.list/home_mm_stats/style.css?1789405940699 */ /* /local/templates/zintek-index/components/bitrix/news.detail/service_detail/style.css?179060914217222 */ /* /local/templates/zintek-index/components/bitrix/catalog.top/catalog_davotec_popular/style.css?17915466833575 */ /* /local/templates/zintek-index/components/bitrix/catalog.item/catalog_item_davotec/style.css?179060914275036 */ /* /local/templates/zintek-index/components/bitrix/news.list/home_mm_about/style.css?17915436603730 */ /* /local/templates/zintek-index/components/bitrix/news.list/home_mm_how_we_work/style.css?17894059401600 */ /* /local/templates/zintek-index/components/bitrix/news.list/uslugi_list/style.css?17846150652600 */ /* /local/templates/zintek-index/components/bitrix/news.list/home_mm_services/style.css?17894059405511 */ /* /local/templates/zintek-index/components/bitrix/news.list/home_mm_partners/style.css?17914099575042 */ /* /local/templates/zintek-index/components/bitrix/catalog.section.list/objects_sections_home_mm/style.css?178940594010387 */ /* /local/templates/zintek-index/components/bitrix/news.list/home_mm_reviews/style.css?178940594013877 */ /* /local/templates/zintek-index/components/bitrix/news.list/home_mm_certificates/style.css?17894059405947 */ /* /local/templates/zintek-index/components/bitrix/news.list/home_mm_news/style.css?17894059406233 */ /* /bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1694457563666 */