/* Start:/_v1/css/swiper-bundle.min.css?178098946017917*/ /** * Swiper 9.3.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: May 15, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{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-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,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,.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{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-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,swiper-container: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: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,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.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-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-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,:host(.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;-ms-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,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/_v1/css/styles.min.css?1781064091120033*/ @charset "UTF-8"; /** Нормализация блочной модели */ *, ::before, ::after { -webkit-box-sizing: border-box; box-sizing: border-box; } /** Убираем внутренние отступы слева тегам списков, у которых есть атрибут class */ :where(ul, ol):where([class]) { padding-left: 0; } /** Убираем внешние отступы body и двум другим тегам, у которых есть атрибут class */ body, :where(blockquote, figure, fieldset):where([class]) { margin: 0; } /** Убираем внешние отступы вертикали нужным тегам, у которых есть атрибут class */ :where(h1, h2, h3, h4, h5, h6, p, ul, ol, dl):where([class]) { margin-block: 0; } :where(dd[class]) { margin-left: 0; } :where(fieldset[class]) { padding: 0; border: none; } /** Убираем стандартный маркер маркированному списку, у которого есть атрибут class */ :where(ul[class]) { list-style: none; } :where(address[class]) { font-style: normal; } /** Обнуляем вертикальные внешние отступы параграфа, объявляем локальную переменную для внешнего отступа вниз, чтобы избежать взаимодействие с более сложным селектором */ p { --paragraphMarginBottom: 24px; margin-block: 0; font-weight:normal } /** Внешний отступ вниз для параграфа без атрибута class, который расположен не последним среди своих соседних элементов */ p:where(:not([class]):not(:last-child)) { margin-bottom: var(--paragraphMarginBottom); } /** Упрощаем работу с изображениями и видео */ img, video { display: block; max-width: 100%; height: auto; } /** Наследуем свойства шрифт для полей ввода */ input, textarea, select, button { font: inherit; } html { /** Пригодится в большинстве ситуаций (когда, например, нужно будет "прижать" футер к низу сайта) */ height: 100%; /** Убираем скачок интерфейса по горизонтали при появлении / исчезновении скроллбара */ scrollbar-gutter: stable; /** Плавный скролл */ scroll-behavior: smooth; } body { /** Пригодится в большинстве ситуаций (когда, например, нужно будет "прижать" футер к низу сайта) */ min-height: 100%; /** Унифицированный интерлиньяж */ line-height: 1.5; } /** Нормализация высоты элемента ссылки при его инспектировании в DevTools */ a:where([class]) { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } /** Курсор-рука при наведении на элемент */ button, label { cursor: pointer; } /** Убирает серую подсветку при тапе на мобильных устройствах (iOS/Android) */ button { -webkit-tap-highlight-color: transparent; } /** Приводим к единому цвету svg-элементы (за исключением тех, у которых уже указан атрибут fill со значением 'none' или начинается с 'url') */ :where([fill]:not([fill=none], [fill^=url])) { fill: currentColor; } /** Приводим к единому цвету svg-элементы (за исключением тех, у которых уже указан атрибут stroke со значением 'none') */ :where([stroke]:not([stroke=none], [stroke^=url])) { stroke: currentColor; } /** Чиним баг задержки смены цвета при взаимодействии с svg-элементами */ svg * { -webkit-transition-property: fill, stroke; transition-property: fill, stroke; } /** Приведение рамок таблиц в классический 'collapse' вид */ :where(table) { border-collapse: collapse; border-color: currentColor; } /** Удаляем все анимации и переходы для людей, которые предпочитают их не использовать */ @media (prefers-reduced-motion: reduce) { *, ::before, ::after { -webkit-animation-duration: 0.01ms !important; animation-duration: 0.01ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; -webkit-transition-duration: 0.01ms !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } h1, .h1, h2, .h2, h3, .h3, h4, .h4 { font-family: var(--second-ff); } h1, .h1 { font-size: 24px; line-height: 30px; } @media (max-width: 767px) { h1, .h1 { font-size: 14px; line-height: 1; } } .fade { -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { -webkit-transition: none; transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { -webkit-transition: none; transition: none; } } .collapsing.collapse-horizontal { width: 0; height: auto; -webkit-transition: width 0.35s ease; transition: width 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing.collapse-horizontal { -webkit-transition: none; transition: none; } } .modal { --bs-modal-zindex: 1055; --bs-modal-width: 500px; --bs-modal-padding: 1rem; --bs-modal-margin: 0.5rem; --bs-modal-color: var(--bs-body-color); --bs-modal-bg: var(--bs-body-bg); --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: var(--bs-border-width); --bs-modal-border-radius: var(--bs-border-radius-lg); --bs-modal-box-shadow: var(--bs-box-shadow-sm); --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width))); --bs-modal-header-padding-x: 1rem; --bs-modal-header-padding-y: 1rem; --bs-modal-header-padding: 1rem 1rem; --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: var(--bs-border-width); --bs-modal-title-line-height: 1.5; --bs-modal-footer-gap: 0.5rem; --bs-modal-footer-bg: ; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: var(--bs-border-width); position: fixed; top: 0; left: 0; z-index: var(--bs-modal-zindex); display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; } .modal-dialog { position: relative; width: auto; margin: var(--bs-modal-margin); pointer-events: none; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -50px); -ms-transform: translate(0, -50px); transform: translate(0, -50px); -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { -webkit-transition: none; transition: none; } } .modal.show .modal-dialog { -webkit-transform: none; -ms-transform: none; transform: none; } .modal.modal-static .modal-dialog { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .modal-dialog-scrollable { height: calc(100% - var(--bs-modal-margin) * 2); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - var(--bs-modal-margin) * 2); } .modal-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; color: var(--bs-modal-color); pointer-events: auto; background-color: var(--bs-modal-bg); background-clip: padding-box; border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); border-radius: var(--bs-modal-border-radius); outline: 0; } .modal-backdrop { --bs-backdrop-zindex: 1050; --bs-backdrop-bg: #000; --bs-backdrop-opacity: 0.5; position: fixed; top: 0; left: 0; z-index: var(--bs-backdrop-zindex); width: 100vw; height: 100vh; background-color: var(--bs-backdrop-bg); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: var(--bs-backdrop-opacity); } .modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: var(--bs-modal-header-padding); border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); border-top-left-radius: var(--bs-modal-inner-border-radius); border-top-right-radius: var(--bs-modal-inner-border-radius); } .modal-header .btn-close { padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5); margin-top: calc(-0.5 * var(--bs-modal-header-padding-y)); margin-right: calc(-0.5 * var(--bs-modal-header-padding-x)); margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y)); margin-left: auto; } .modal-title { margin-bottom: 0; line-height: var(--bs-modal-title-line-height); } .modal-body { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: var(--bs-modal-padding); } .modal-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5); background-color: var(--bs-modal-footer-bg); border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); border-bottom-right-radius: var(--bs-modal-inner-border-radius); border-bottom-left-radius: var(--bs-modal-inner-border-radius); } .modal-footer > * { margin: calc(var(--bs-modal-footer-gap) * 0.5); } @media (min-width: 576px) { .modal { --bs-modal-margin: 1.75rem; --bs-modal-box-shadow: var(--bs-box-shadow); } .modal-dialog { max-width: var(--bs-modal-width); margin-right: auto; margin-left: auto; } .modal-sm { --bs-modal-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { --bs-modal-width: 800px; } } @media (min-width: 1200px) { .modal-xl { --bs-modal-width: 1140px; } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen .modal-header, .modal-fullscreen .modal-footer { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-sm-down .modal-header, .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-md-down .modal-header, .modal-fullscreen-md-down .modal-footer { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-lg-down .modal-header, .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xl-down .modal-header, .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } } @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xxl-down .modal-header, .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } } .dropup, .dropend, .dropdown, .dropstart, .dropup-center, .dropdown-center { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { --bs-dropdown-zindex: 1000; --bs-dropdown-min-width: 10rem; --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 0.5rem; --bs-dropdown-spacer: 0.125rem; --bs-dropdown-font-size: 1rem; --bs-dropdown-color: var(--bs-body-color); --bs-dropdown-bg: var(--bs-body-bg); --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-border-radius: var(--bs-border-radius); --bs-dropdown-border-width: var(--bs-border-width); --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width)); --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-divider-margin-y: 0.5rem; --bs-dropdown-box-shadow: var(--bs-box-shadow); --bs-dropdown-link-color: var(--bs-body-color); --bs-dropdown-link-hover-color: var(--bs-body-color); --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #0d6efd; --bs-dropdown-link-disabled-color: var(--bs-tertiary-color); --bs-dropdown-item-padding-x: 1rem; --bs-dropdown-item-padding-y: 0.25rem; --bs-dropdown-header-color: #6c757d; --bs-dropdown-header-padding-x: 1rem; --bs-dropdown-header-padding-y: 0.5rem; position: absolute; z-index: var(--bs-dropdown-zindex); display: none; min-width: var(--bs-dropdown-min-width); padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); margin: 0; font-size: var(--bs-dropdown-font-size); color: var(--bs-dropdown-color); text-align: left; list-style: none; background-color: var(--bs-dropdown-bg); background-clip: padding-box; border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); border-radius: var(--bs-dropdown-border-radius); } .dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: var(--bs-dropdown-spacer); } .dropdown-menu-start { --bs-position: start; } .dropdown-menu-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-end { --bs-position: end; } .dropdown-menu-end[data-bs-popper] { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-start { --bs-position: start; } .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-sm-end { --bs-position: end; } .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position: start; } .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-md-end { --bs-position: end; } .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position: start; } .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-lg-end { --bs-position: end; } .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position: start; } .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xl-end { --bs-position: end; } .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1400px) { .dropdown-menu-xxl-start { --bs-position: start; } .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xxl-end { --bs-position: end; } .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto; } } .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: var(--bs-dropdown-spacer); } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-menu[data-bs-popper] { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: var(--bs-dropdown-spacer); } .dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropend .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-toggle::after { vertical-align: 0; } .dropstart .dropdown-menu[data-bs-popper] { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: var(--bs-dropdown-spacer); } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropstart .dropdown-toggle::after { display: none; } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropstart .dropdown-toggle:empty::after { margin-left: 0; } .dropstart .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: var(--bs-dropdown-divider-margin-y) 0; overflow: hidden; border-top: 1px solid var(--bs-dropdown-divider-bg); opacity: 1; } .dropdown-item { display: block; width: 100%; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); clear: both; font-weight: 400; color: var(--bs-dropdown-link-color); text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; border-radius: var(--bs-dropdown-item-border-radius, 0); } .dropdown-item:hover, .dropdown-item:focus { color: var(--bs-dropdown-link-hover-color); background-color: var(--bs-dropdown-link-hover-bg); } .dropdown-item.active, .dropdown-item:active { color: var(--bs-dropdown-link-active-color); text-decoration: none; background-color: var(--bs-dropdown-link-active-bg); } .dropdown-item.disabled, .dropdown-item:disabled { color: var(--bs-dropdown-link-disabled-color); pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); margin-bottom: 0; font-size: 0.875rem; color: var(--bs-dropdown-header-color); white-space: nowrap; } .dropdown-item-text { display: block; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); color: var(--bs-dropdown-link-color); } .dropdown-menu-dark { --bs-dropdown-color: #dee2e6; --bs-dropdown-bg: #343a40; --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-box-shadow: ; --bs-dropdown-link-color: #dee2e6; --bs-dropdown-link-hover-color: #fff; --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #0d6efd; --bs-dropdown-link-disabled-color: #adb5bd; --bs-dropdown-header-color: #adb5bd; } :root { --white: #FFFFFF; --black: #000000; --base-ff: 'Montserrat'; --second-ff: 'Actay Wide'; --text-primary: rgba(20, 20, 20, 1); --text-neutral: rgba(91, 91, 91, 1); --text-white: rgba(255, 255, 255, 1); --text-secondary: rgba(40, 40, 40, 1); --text-disabled: rgba(153, 152, 152, 0.3); --text-success: rgba(25, 127, 66, 1); --bg-white: #FFFFFF; --gutter-x: 20px; --gutter-y: 0px; --px: 20px; --surface-ui-red: rgba(149, 43, 198, 1); --text-interact-critical-default: rgba(198, 55, 29, 1); --text-interact-primary-default: rgba(20, 20, 20, 1); --text-interact-accent-default: rgba(17, 79, 178, 1); --icon-interact-critical-hovered: rgba(174, 39, 21, 1); --surface-controls-secondary-default: rgba(5, 5, 5, 0.1); --surface-controls-accent-hovered: rgba(29, 89, 198, 1); --surface-controls-accent-pressed: rgba(17, 79, 178, 1); --surface-controls-disable: rgba(153, 152, 152, 0.15); --surface-controls-secondary-hovered: rgba(5, 5, 5, 0.15); --surface-controls-secondary-pressed: rgba(5, 5, 5, 0.2); --surface-controls-tertiary-default: rgba(153, 152, 152, 0.1); --surface-body-neutral-alt: rgba(153, 152, 152, 1); --surface-bg-fader: rgba(5, 5, 5, 0.9); --stroke-interact-primary-default: rgba(5, 5, 5, 0.3); --stroke-interact-primary-hovered: rgba(5, 5, 5, 0.2); --stroke-interact-primary-pressed: rgba(5, 5, 5, 0.15); --stroke-primary: rgba(5, 5, 5, 0.25); --stroke-secondary: rgba(5, 5, 5, 0.15); --stroke-interact-accent-default: rgba(29, 89, 198, 1); --stroke-accent: rgba(29, 89, 198, 1); --stroke-interact-critical-default: rgba(198, 55, 29, 0.6); --stroke-interact-critical-hovered: rgba(198, 55, 29, 0.4); --stroke-interact-critical-pressed: rgba(198, 55, 29, 0.3); --surface-body-accent: rgba(53, 109, 214, 1); --surface-body-primary: rgba(255, 255, 255, 1); --surface-body-accent-black: rgba(20, 20, 20, 1); --surface-body-secondary: rgba(40, 40, 40, 1); --surface-body-neutral-alpha: rgba(5, 5, 5, 0.05); --surface-body-components-menu-selected: rgba(29, 89, 198, 0.1); --surface-controls-accent-default: rgba(53, 109, 214, 1); --icon-on-brand: rgba(255, 255, 255, 1); } @media (max-width: 1280px) { :root { --px: 16px; } } @font-face { font-family: "Actay Wide"; src: url("/_v1/css/../fonts/ActayWide-Bold.woff2") format("woff2"), url("/_v1/css/../fonts/ActayWide-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url("/_v1/css/../fonts/Montserrat-Regular.woff2") format("woff2"), url("/_v1/css/../fonts/Montserrat-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url("/_v1/css/../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("/_v1/css/../fonts/Montserrat-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url("/_v1/css/../fonts/Montserrat-Medium.woff2") format("woff2"), url("/_v1/css/../fonts/Montserrat-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } html { height: 100%; } body { height: 100%; } h1, h2, h3, h4, h5, h6 { margin: 0; } a { text-decoration: none; color: inherit; } a, button { -webkit-transition: 0.2s linear; transition: 0.2s linear; } svg, path { -webkit-transition: fill 0.2s linear, stroke 0.2s linear; transition: fill 0.2s linear, stroke 0.2s linear; } ul[class], ol[class] { list-style: none; padding: 0; } ul, ol { margin: 0; } img { height: auto; max-width: 100%; } button { background: none; border: none; padding: 0; } label { cursor: pointer; } input, textarea { outline: none; -ms-touch-action: none; touch-action: none; } textarea { resize: none; } .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100svh; } .content { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .content-inner { padding: 24px 0; } .content__head { margin-bottom: 24px; } .content__head-inner { gap: 24px; } .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .d-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .flex-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .d-grid { display: grid; } .d-grid > * { min-width: 0; } .centered { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 20px; height: 20px; -ms-flex-negative: 0; flex-shrink: 0; } .icon svg, .icon img { width: 100%; height: 100%; } .icon svg, .icon path { stroke: inherit; } .medium { font-weight: 500; } .bold { font-weight: bold; } .full-link::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .border { position: relative; } .border::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: inherit; border: 1px solid var(--stroke-primary); pointer-events: none; -webkit-transition: border-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out; } .text-crop { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; text-overflow: ellipsis; } @media (max-width: 1024px) { .content-inner { padding: 20px 0; } .content__head { margin-bottom: 20px; } .content__head-inner { gap: 20px; } } @media (max-width: 767px) { .content-inner { padding: 16px 0; } .content__head { margin-bottom: 16px; } .content__head-inner { gap: 16px; } } body { font-family: var(--base-ff); color: var(--text-primary); font-weight: 600; font-size: 16px; line-height: 1.5; } .container { width: 1480px; padding-left: var(--px); padding-right: var(--px); max-width: 100%; margin-left: auto; margin-right: auto; } .title { font-family: var(--second-ff); font-weight: bold; } .o-hidden { overflow: hidden !important; } .tabs-content { display: none; opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .tabs-content.active { display: block; } .tabs-content.animate { opacity: 1; } .text-red { color: var(--text-critical, rgb(174, 39, 21)); } .mobile { display: none; } @media (max-width: 767px) { .desktop { display: none; } .mobile { display: block; } } .slider { overflow: hidden; } .slider__controls { gap: 8px; } .slider-btn { width: 40px; height: 40px; border-radius: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; fill: var(--text-primary); background: var(--surface-controls-secondary-default, rgba(5, 5, 5, 0.1)); } .slider-btn svg { width: 20px; height: 20px; } .slider-btn:hover { background: var(--surface-controls-secondary-hovered); } .slider-btn:active { background: var(--surface-controls-secondary-pressed); } .slider-pagination { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; --swiper-pagination-bullet-size: 4px; --swiper-pagination-bullet-horizontal-gap: 2px; --swiper-pagination-bullet-inactive-opacity: 1; --swiper-pagination-bullet-inactive-color: rgba(224, 223, 223, 1); --swiper-pagination-color: rgba(20, 20, 20, 1); } .btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-family: var(--second-ff); font-weight: bold; font-size: 16px; line-height: 1; border-radius: 12px; background: var(--surface-controls-accent-default, rgb(53, 109, 214)); color: var(--text-white); padding: 12px 24px; } .btn-diabled, .btn[disabled] { background: var(--surface-controls-disable); color: var(--text-disabled); } .btn-diabled:hover, .btn-diabled:active, .btn[disabled]:hover, .btn[disabled]:active { background: var(--surface-controls-disable); } .btn:hover { background: var(--surface-controls-accent-hovered); } .btn:active { background: var(--surface-controls-accent-pressed); } .btn-grey { background: var(--surface-controls-secondary-default, rgba(5, 5, 5, 0.1)); color: var(--text-primary); } .btn-grey:hover { background: var(--surface-controls-secondary-hovered); } .btn-grey:active { background: var(--surface-controls-secondary-pressed); } .btn-sm { padding: 10px 20px; font-size: 12px; line-height: 1; border-radius: 8px; } .btn-icon { padding: 10px; } .btn-icon svg { width: 20px; height: 20px; } @media (max-width: 767px) { .btn { border-radius: 8px; } .btn-icon { padding: 8px; } .btn-icon svg { width: 16px; height: 16px; } } .open-menu { width: 40px; height: 40px; border-radius: 12px; background: var(--surface-controls-accent-default, rgb(53, 109, 214)); fill: var(--white); } .open-menu svg { width: 20px; height: 20px; } .open-menu .icon-cancel { display: none; } .open-menu.active .icon-burger { display: none; } .open-menu.active .icon-cancel { display: block; } @media (max-width: 767px) { .open-menu { width: 32px; height: 32px; border-radius: 8px; } .open-menu svg { width: 16px; height: 16px; } } .sorting { font-weight: normal; position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .sorting-btn { font-size: 14px; line-height: 22px; padding: 5px 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; text-align: left; border-radius: 8px; } .sorting-btn[aria-expanded=true] .sorting-btn__arrow svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sorting-btn::before { border-width: 1.5px; } .sorting-btn__txt { min-width: 116px; padding-left: 4px; } .sorting-btn .icon { width: 16px; height: 16px; } .sorting-dropdown { border-radius: 8px; width: 100%; padding: 0; overflow: hidden; background: var(--surface-body-primary); } .sorting-dropdown::before { border-width: 1.5px; } .sorting-dropdown__label { display: block; font-size: 14px; line-height: 22px; } .sorting-dropdown__label input { display: none; } .sorting-dropdown__label input:checked + span { background: var(--surface-controls-tertiary-default); } .sorting-dropdown__label input:checked + span .sorting-dropdown__label-icon { opacity: 1; } .sorting-dropdown__label-content { padding: 5px 8px; gap: 4px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sorting-dropdown__label-txt { padding: 0 4px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .sorting-dropdown__label-icon { width: 16px; height: 16px; opacity: 0; } .form__fields { gap: 12px; } .form-item__label { font-size: 14px; line-height: 22px; font-weight: 500; margin-bottom: 8px; } .form-item__content { position: relative; } .form-item__content:has(.icon) .form-field { padding-right: 32px; } .form-item__icon { width: 20px; height: 20px; position: absolute; right: 8px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .form-item__clear { display: none; } .form-item__clear.visible { display: -webkit-box; display: -ms-flexbox; display: flex; } .form-item__qty { font-weight: normal; position: absolute; right: 14px; bottom: 8px; font-size: 14px; line-height: 22px; color: var(--text-neutral); } .form-field { display: block; width: 100%; border: 1.5px solid var(--stroke-interact-primary-default); border-radius: 12px; padding-left: 12px; padding-right: 12px; font-weight: normal; font-size: 16px; line-height: 24px; -webkit-transition: border-color 0.2s easy-in-out; transition: border-color 0.2s easy-in-out; } .form-field[disabled] { background: var(--surface-controls-disable); color: var(--text-disabled); } .form-field[readonly] { background: var(--surface-controls-disable); color: var(--etxt-neutral); } .form-field:hover { border-color: var(--stroke-interact-primary-hovered); } .form-field:active { border-color: var(--stroke-interact-primary-pressed); } .form-field.error { border-color: var(--stroke-interact-critical-default); } .form-field.error:hover { border-color: var(--stroke-interact-critical-hovered); } .form-field.error:active { border-color: var(--stroke-interact-critical-pressed); } .form-input { height: 40px; } .form-textarea { min-height: 66px; padding-top: 8px; padding-bottom: 8px; padding-right: 68px; } .form-select { width: 100%; } .form-select__btn { height: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px; border-radius: 8px; width: 100%; text-align: left; } .form-select__btn:hover::before { border-color: var(--stroke-interact-primary-hovered); } .form-select__btn:active::before { border-color: var(--stroke-interact-primary-pressed); } .form-select__btn[aria-expanded=true] .icon svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .form-select__btn-txt { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .form-checkbox { font-size: 14px; line-height: 22px; font-weight: normal; } .form-checkbox input { display: none; } .form-checkbox input:checked + span .form-checkbox__icon { background: var(--surface-controls-accent-default); border-color: var(--surface-controls-accent-default); } .form-checkbox input:checked + span .form-checkbox__icon svg { opacity: 1; } .form-checkbox__content { gap: 8px; } .form-checkbox__icon { width: 20px; height: 20px; -ms-flex-negative: 0; flex-shrink: 0; border: 1.5px solid var(--stroke-interact-primary-default); border-radius: 6px; fill: var(--icon-on-brand); } .form-checkbox__icon svg { width: 12px; height: 12px; opacity: 0; } .form-checkbox__txt a { color: #168599; } .form__radiosImg { grid-template-columns: repeat(5, 1fr); gap: 12px; } .form-radioImg { display: block; } .form-radioImg input { display: none; } .form-radioImg input:checked + span .form-radioImg__icon { border-color: var(--surface-body-accent); } .form-radioImg input:checked + span .form-radioImg__icon::before { opacity: 1; } .form-radioImg__content { border-radius: 16px; height: 72px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px; } .form-radioImg__content::before { z-index: 3; } .form-radioImg__img { position: absolute; top: 0; bottom: 0; left: 64px; right: 0; } .form-radioImg__img--pos-2 { left: 44px; } .form-radioImg__img--pos-3 { left: 34px; } .form-radioImg__img img { height: 100%; width: auto; -o-object-fit: cover; object-fit: cover; } .form-radioImg__icon { width: 20px; height: 20px; border-radius: 50%; border: 1.5px solid var(--stroke-interact-primary-default); -webkit-transition: border-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out; z-index: 9; } .form-radioImg__icon::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--surface-body-accent); opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .form__tabs { gap: 4px; } .form-radioTab { font-size: 14px; line-height: 22px; display: block; } .form-radioTab input { display: none; } .form-radioTab input:checked + span { color: var(--text-primary); } .form-radioTab input:checked + span::before { opacity: 1; } .form-radioTab__content { display: block; padding: 5px 16px; border-radius: 8px; color: var(--text-neutral); } .form-radioTab__content:hover { color: var(--text-primary); } .form-radioTab__content::before { border-width: 1.5px; border-color: var(--stroke-interact-accent-default); opacity: 0; } .form__link { font-size: 12px; line-height: 1; color: var(--text-interact-accent-default); } .form__link:hover { color: var(--surface-controls-accent-hovered); } .form__link:active { color: var(--surface-controls-accent-pressed); } @media (min-width: 768px) and (max-width: 1024px) { .sorting-btn { font-size: 16px; line-height: 24px; padding: 8px; border-radius: 12px; } .sorting-btn .icon { width: 20px; height: 20px; } .sorting-btn__txt { min-width: 136px; } .sorting-dropdown { border-radius: 12px; } } @media (max-width: 1366px) { .form__radiosImg { grid-template-columns: repeat(4, 1fr); } } @media (max-width: 1280px) { .form__radiosImg { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 1024px) { .form-radioImg__img { inset: 0; } .form-radioImg__img img { margin: auto; } } @media (max-width: 767px) { .form-item__label { font-weight: normal; font-size: 12px; line-height: 20px; margin-bottom: 4px; } .form-item__clear { width: 16px; height: 16px; } .form-item__qty { font-size: 12px; line-height: 20px; right: 12px; bottom: 4px; } .form-field { border-radius: 8px; font-size: 14px; line-height: 22px; } .form-input { height: 32px; } .form-textarea { min-height: 54px; padding-top: 4px; } .form-select__btn { height: 32px; padding-top: 4px; padding-bottom: 4px; font-size: 14px; line-height: 22px; } .form-select__btn-icon { width: 16px; height: 16px; } .form__radiosImg { grid-template-columns: 1fr; gap: 8px; } .form__tabs { display: grid; grid-template-columns: repeat(2, 1fr); } .form-radioTab { font-size: 14px; line-height: 22px; } .form-radioTab__content { padding: 5px; text-align: center; } } .header { border-bottom: 1px solid var(--stroke-primary); position: relative; } .header__top { padding: 12px 0; grid-template-columns: 182px 1fr; gap: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__top-right { gap: 16px; } .header__top-top { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header__top-group { gap: 8px; } .header__search { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .header__buttons { gap: 8px; } .header-actions { gap: 8px; } .header-actions__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px; border-radius: 12px; min-width: 102px; font-size: 12px; line-height: 1; gap: 8px; } .header-actions__btn::before { border-width: 1.5px; border-color: var(--stroke-interact-primary-default); } .header-actions__btn:hover::before { border-color: var(--stroke-interact-primary-hovered); } .header-actions__btn-icon { width: 24px; height: 24px; } .header-actions__btn-qty { position: absolute; top: -4px; right: -4px; background: var(--surface-body-accent, rgb(53, 109, 214)); color: var(--white); font-size: 10px; line-height: 1; height: 16px; min-width: 16px; padding: 0 4px; border-radius: 100px; padding-top: 2px; } .header__m-catalog { display: none; } .header__dropdown { position: absolute; left: 0; right: 0; top: calc(100% + 1px); display: none; opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; z-index: 99; background: var(--white); } .header__dropdown.visible { display: block; } .header__dropdown.animate { opacity: 1; } .header__dropdown-content { height: 100%; overflow: auto; border-radius: 0 0 12px 12px; max-height: calc(100vh - 193px); padding: 20px; } .header__dropdown-grid { grid-template-columns: repeat(6, 1fr); gap: 20px; } .header__dropdown-item__title { font-size: 14px; line-height: 1; margin-bottom: 12px; display: block; color: var(--text-interact-primary-default, rgb(20, 20, 20)); } .header__dropdown-menu { font-size: 14px; line-height: 22px; color: var(--text-neutral, rgb(91, 91, 91)); } .header__dropdown-block:not(.visible) { display: none; } .logo { display: block; } .searchForm { position: relative; } .searchForm__input { height: 64px; width: 100%; border-radius: 12px; border: 1.5px solid var(--stroke-interact-primary-default, rgba(5, 5, 5, 0.3)); padding: 0 48px 0 16px; font-weight: normal; } .searchForm__input:hover { border-color: var(--stroke-interact-primary-hovered); } .searchForm__input:active { border-color: var(--stroke-interact-primary-pressed); } .searchForm__btn { width: 24px; height: 24px; position: absolute; right: 12px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .topMenu { font-size: 16px; line-height: 24px; gap: 16px; color: var(--text-neutral); } .topMenu__link { display: block; padding: 8px 0; } .topMenu__link:hover { color: var(--text-primary); } .social { gap: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .social-wrap { -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .social__link { width: 36px; height: 36px; display: block; } .social__link:hover { opacity: 0.9; } .social__btn { padding: 12px 20px; } .menu { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 8px; font-size: 14px; line-height: 1; } .menu .menu__item:last-child .menu__link { color: var(--text-interact-critical-default, rgb(198, 55, 29)); } /* .menu__link--red { color: var(--text-interact-critical-default, rgb(198, 55, 29)); } */ .menu__link { display: block; padding: 17px 0; position: relative; text-transform: uppercase; } .menu__link::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: var(--surface-body-accent); opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .menu__link.selected::after { opacity: 1; } .mobileCatalog { position: fixed; z-index: 99; top: 88px; left: 0; right: 0; max-height: calc(100vh - 88px); overflow: auto; background: var(--surface-body-primary); } .mobileCatalog:not(.visible) { display: none; } .mobileCatalog-menu__item { border-bottom: 1px solid var(--stroke-secondary, rgba(5, 5, 5, 0.15)); } .mobileCatalog .mobileCatalog-menu__item:last-child .mobileCatalog-menu__link { color: rgb(214, 72, 47); } .mobileCatalog-menu__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: var(--second-ff); font-size: 16px; line-height: 1; padding: 26px 16px; gap: 8px; font-weight: bold; font-family: var(--second-ff); } .mobileCatalog-menu__link-txt { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .mobileCatalog-menu__link-icon { width: 20px; height: 20px; } .mobileCatalog__hidden { position: fixed; inset: 0; z-index: 9; background: var(--surface-body-primary); overflow: auto; top: 88px; } .mobileCatalog__hidden:not(.visible) { display: none; } .mobileCatalog__back { background: var(--surface-body-accent-black); width: 100%; text-align: left; padding: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; color: var(--text-white); position: sticky; top: 0; z-index: 3; } .mobileCatalog__back-icon { width: 40px; height: 40px; background: rgba(255, 255, 255, 0.15); fill: var(--white); -ms-flex-negative: 0; flex-shrink: 0; border-radius: 12px; } .mobileCatalog__back-icon svg { width: 20px; height: 20px; } .mobileCatalog-submenu__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 26px 16px; gap: 8px; font-weight: bold; font-family: var(--second-ff); border-bottom: 1px solid var(--stroke-secondary, rgba(5, 5, 5, 0.15)); } .mobileCatalog-submenu__link[aria-expanded=true] svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .mobileCatalog-submenu__link-icon { width: 20px; height: 20px; } .mobileCatalog-submenu__link-txt { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .mobileCatalog-submenu__lvl2 { background: var(--surface-body-neutral-alpha, rgba(5, 5, 5, 0.05)); } .mobileCatalog-submenu__lvl2-link { padding: 16px 16px 16px 34px; position: relative; font-size: 16px; line-height: 24px; display: block; color: var(--text-secondary); font-weight: 500; } .mobileCatalog-submenu__lvl2-link::before { content: ""; width: 6px; height: 6px; position: absolute; left: 16px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: rgb(153, 152, 152); border-radius: 50%; } @media (max-width: 1280px) { .header__bottom { display: none; } .header__top { padding: 16px 0; grid-template-columns: 75px 1fr; gap: 24px; } .header__top-top { display: none; } .header__top-bottom { gap: 24px; } .header-actions__btn { padding: 10px; min-width: initial; } .header-actions__btn-txt { display: none; } .header-actions__btn-icon { width: 20px; height: 20px; } .header__m-catalog { display: block; } .searchForm__input { height: 40px; padding-left: 12px; } .searchForm__btn { width: 20px; height: 20px; right: 8px; } } @media (max-width: 767px) { body:has(.header__actions) { padding-bottom: 62px; height: auto; } .header__top { grid-template-columns: 50px 1fr; gap: 8px; } .header__top-group { gap: 8px; } .header__m-catalog { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .header__actions { position: fixed; bottom: 0; left: 0; right: 0; padding: 8px 16px; background: var(--surface-body-accent-black); z-index: 100; } .header__actions .header-actions { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; } .header__actions .header-actions__btn { gap: 4px; color: rgb(204, 202, 202); fill: var(--text-white); padding: 8px; font-size: 10px; line-height: 1; } .header__actions .header-actions__btn::before { opacity: 0; } .header__actions .header-actions__btn-txt { display: block; } .header__actions .header-actions__btn-qty { top: 0; right: 0; } .header-actions__btn { padding: 8px; border-radius: 8px; } .header-actions__btn-icon { width: 16px; height: 16px; } .searchForm__input { height: 32px; padding-right: 32px; border-radius: 8px; font-size: 14px; } .searchForm__btn { width: 16px; height: 16px; right: 8px; } .mobileCatalog { top: 65px; max-height: calc(100vh - 65px); bottom: 62px; } .mobileCatalog__hidden { top: 65px; bottom: 62px; } .mobileCatalog-menu__link { font-size: 12px; line-height: 16px; padding: 12px 16px; } .mobileCatalog-menu__link-icon { width: 16px; height: 16px; } .mobileCatalog__back { padding: 14px 16px; font-size: 12px; line-height: 16px; } .mobileCatalog__back-icon { border-radius: 0; width: 20px; height: 20px; background: none; } .mobileCatalog__back-icon svg { width: 100%; height: 100%; } .mobileCatalog-submenu__link { font-size: 12px; line-height: 16px; padding: 12px 16px; } .mobileCatalog-submenu__link-icon { width: 16px; height: 16px; } .mobileCatalog-submenu__lvl2-link { padding: 10px 16px 10px 28px; font-size: 12px; line-height: 20px; } .mobileCatalog-submenu__lvl2-link::before { width: 4px; height: 4px; left: 16px; } } .footer { padding: 40px 0; background: var(--surface-body-secondary); color: var(--text-white); } .footer__content { grid-template-columns: auto 1fr auto; -webkit-column-gap: 72px; -moz-column-gap: 72px; column-gap: 72px; } .footer__content-middle { border-left: 1px solid rgba(255, 255, 255, 0.1); border-right: 1px solid rgba(255, 255, 255, 0.1); padding-left: 72px; padding-right: 72px; } .footer__left { grid-template-columns: 138px 1fr; -webkit-column-gap: 68px; -moz-column-gap: 68px; column-gap: 68px; row-gap: 16px; } .footer__social { grid-column: span 2; } .footer-social { gap: 36px; } .footer-social .social__btn { background: rgba(255, 255, 255, 0.15); color: var(--text-white); } .footer-contacts { gap: 8px; } .footer-contacts__item { background: rgba(5, 5, 5, 0.1); border-radius: 100px; padding: 3px 12px; gap: 8px; color: rgb(204, 202, 202); font-size: 10px; line-height: 18px; min-width: 196px; } .footer-contacts__item-grey { color: rgb(132, 131, 131); } .footer-item__title { line-height: 1; margin-bottom: 12px; } .footer__menu { gap: 80px; } .footer-menu { color: var(--text-neutral); } .footer-menu--col-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; min-width: 334px; } .footer-menu__link { font-size: 12px; line-height: 20px; } .footer-menu__link:hover { color: var(--white); } .footer__right { height: 100%; } .footer__links { gap: 4px; font-size: 12px; line-height: 20px; color: rgb(29, 167, 198); margin-bottom: 20px; font-weight: normal; } .footer__links-item:hover { text-decoration: underline; } .footer-menu-cat .footer-menu__item:last-child .footer-menu__link { color: rgb(214, 72, 47); } .footer__copyright { margin-top: auto; font-size: 10px; line-height: 18px; color: var(--text-neutral); font-weight: normal; } @media (max-width: 1439px) { .footer__content { gap: 36px; } .footer__menu { gap: 36px; } .footer-menu--col-2 { -webkit-columns: 1; -moz-columns: 1; columns: 1; min-width: initial; } } @media (max-width: 1280px) { .footer { padding: 20px 0; } .footer__content { grid-template-columns: 1fr auto; row-gap: 20px; } .footer__content-left { grid-column: span 2; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-bottom: 20px; } .footer__content-middle { padding-left: 0; border-left: none; } .footer__left { grid-template-columns: 124px auto 1fr; gap: 32px; } .footer__social { grid-column: initial; } .footer-social { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; } .footer-menu { white-space: nowrap; line-height: 20px; } .footer-menu--col-2 { -webkit-columns: 2; -moz-columns: 2; columns: 2; } .footer-menu__link { font-size: 12px; line-height: 20px; } } @media (max-width: 767px) { .footer__content { grid-template-columns: 1fr; gap: 16px; } .footer__content-left { grid-column: initial; padding-bottom: 16px; } .footer__content-middle { padding-bottom: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-right: 0; border-right: none; } .footer__left { grid-template-columns: 112px 1fr; -webkit-column-gap: 28px; -moz-column-gap: 28px; column-gap: 28px; row-gap: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer__social { grid-column: span 2; } .footer-social { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer-contacts__item { min-width: initial; } .footer__menu { gap: 16px; border-right: none; padding-right: none; } .footer-menu { line-height: 20px; } .footer-menu--col-2 { -webkit-columns: 1; -moz-columns: 1; columns: 1; } .footer-menu__item { margin-bottom: 12px; } .footer-menu__item:last-child { margin-bottom: 0; } .footer-item__title { margin-bottom: 8px; } .social__link { width: 24px; height: 24px; } .social__btn { padding: 10px 12px; font-size: 12px; line-height: 1; } } @media (max-width: 480px) { .footer__menu { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; /*flex-direction: column;*/ } } .modal-dialog-product { max-width: 452px; } .modal-dialog-form { max-width: 402px; } .modal-close { position: absolute; z-index: 3; top: 20px; right: 20px; width: 16px; height: 16px; } .modal-content { background: var(--bg-white); padding: 20px; border-radius: 16px; } .modal-product__inner { gap: 20px; } .modal-product__top { gap: 8px; } .modal-product__info { gap: 16px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .modal-product__info-img { width: 100px; border-radius: 12px; -ms-flex-negative: 0; flex-shrink: 0; } .modal-product__info-img img { width: 100%; } .modal-product__info-img::before { border-width: 1.5px; } .modal-product__info-title { font-weight: 500; margin-bottom: 12px; } .modal-product__info-link { -webkit-line-clamp: 2; } .modal-product__title { font-weight: 500; font-size: 12px; line-height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; margin-bottom: 12px; } .modal-product__title::after { content: ""; height: 1px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; background: var(--stroke-secondary); } .modal-product__title--no-line { font-size: 14px; line-height: 22px; } .modal-product__title--no-line::after { display: none; } .modal-product__bottom { grid-template-columns: repeat(2, 1fr); gap: 12px; } .modal-product__list { gap: 8px; } .modal-product__label { display: block; font-size: 12px; line-height: 20px; --px: 16px; --py: 4px; --radius: 8px; } .modal-product__label--big { font-size: 16px; line-height: 24px; --px: 20px; --py: 8px; --radius: 12px; } .modal-product__label input { display: none; } .modal-product__label input:checked + span { color: var(--text-primary); } .modal-product__label input:checked + span::before { border-color: var(--stroke-interact-accent-default); } .modal-product__label-content { display: block; padding: var(--py) var(--px); border-radius: var(--radius); color: var(--text-neutral); } .modal-product__label-content::before { border-color: var(--stroke-interact-primary-default); } .modal-product__btn-wrap { position: relative; } .modal-product__btn { width: 100%; } .modal-product__qty { position: absolute; inset: 0; z-index: 9; background: var(--surface-body-neutral-alpha); } .modal-product__qty .product-card__qty-group { height: 100%; } .modal-product__qty .product-card__qty-btn { width: 20px; height: 20px; } .modal-product__qty .product-card__qty-input { width: calc(100% - 40px); } .modal-form__inner { gap: 20px; } .modal-form__block { padding: 12px; text-align: center; border-radius: 12px; } .modal-form__block-title { margin-bottom: 4px; font-weight: normal; } .modal-form__buttons { grid-template-columns: repeat(2, 1fr); gap: 12px; } .modal-form__buttons-2 { grid-template-columns: auto 1fr; gap: 12px; } .modal-form__btn { padding: 12px 22px; width: 100%; } .modal-form__textarea { height: 150px; } .modal-form__title { font-size: 20px; line-height: 28px; font-weight: 500; } .qty__content { opacity: 0; pointer-events: none; } .qty.active .qty__btn { opacity: 0; -webkit-transition: 0s; transition: 0s; } .qty.active .qty__content { opacity: 1; pointer-events: auto; } @media (max-width: 480px) { .modal-product__bottom { grid-template-columns: 1fr; } .modal-product__info { gap: 8px; padding-right: 20px; } .modal-product__info-img { width: 80px; } .modal-product__info-title { font-size: 12px; line-height: 20px; } .modal-product__title--no-line { font-size: 12px; line-height: 20px; } .modal-product__label--big { font-size: 14px; line-height: 22px; --py: 5px; --px: 16px; --radius: 8px; } .modal-form__buttons, .modal-form__buttons-2 { grid-template-columns: 1fr; gap: 8px; } } .product-card { height: 100%; border-radius: 16px; overflow: hidden; position: relative; display: block; } .product-card:hover .product-card__fake-pagination { opacity: 1; } .product-card.favorite .product-card__favorite { fill: var(--icon-interact-critical-hovered); } .product-card.favorite .product-card__favorite .icon-heart { display: block; } .product-card.favorite .product-card__favorite .icon-heart-outline { display: none; } .product-card.contrast .product-card__contrast { fill: var(--text-interact-accent-default); } .product-card.contrast .product-card__contrast .icon-contrast { display: none; } .product-card.contrast .product-card__contrast .icon-contrast-fill { display: block; } .product-card::before { border-color: var(--stroke-interact-primary-default); z-index: 9; } .product-card__remove { width: 28px; height: 28px; position: absolute; top: 12px; right: 12px; z-index: 90; border: 1px solid var(--stroke-interact-primary-default); border-radius: 50%; background: var(--white); } .product-card__remove svg { width: 12px; height: 12px; } .product-card__inner { height: 100%; } .product-card__top { position: relative; padding-bottom: 20px; } .product-card__badges { position: absolute; top: 12px; left: 12px; gap: 4px; z-index: 12; pointer-events: none; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .product-card__badges-item { font-size: 12px; line-height: 20px; padding: 0 8px; border-radius: 20px; color: var(--text-white); } .product-card__badges-item--discount { background: rgb(149, 43, 198); } .product-card__badges-item--new { background: rgb(25, 127, 66); } .product-card__badges-item--hit { background: rgb(20, 20, 20); } .product-card__pagination { position: absolute; inset: 0; top: 0 !important; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 9; } .product-card__pagination .swiper-pagination-bullet { margin: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 100%; background: transparent; border-radius: 0; margin: 0; } .product-card__fake-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 4px; position: absolute; bottom: 8px; left: 8px; right: 8px; opacity: 0; } .product-card__fake-pagination .fake-pagination-bullet { width: 6px; height: 4px; border-radius: 100px; background: rgb(224, 223, 223); -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .product-card__fake-pagination .fake-pagination-bullet--active { width: 12px; background: var(--surface-body-dark-constant, rgb(20, 20, 20)); } .product-card__img { height: 200px; } .product-card__img img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .product-card__img--null { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .product-card__img--null img { width: auto; height: auto; } .product-card__bottom { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 8px 12px 12px; } .product-card__price { -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; margin-bottom: 8px; } .product-card__price-new { font-size: 20px; line-height: 1; } .product-card__price-old { font-size: 12px; line-height: 1; color: var(--surface-ui-red, rgb(149, 43, 198)); text-decoration: line-through; } .product-card__title { margin-bottom: 12px; } .product-card__link { -webkit-line-clamp: 3; } .product-card__link::before { z-index: 10; } .product-card__actions { gap: 8px; grid-template-columns: 1fr 32px 32px; position: relative; z-index: 11; margin-top: auto; } .product-card__actions--2-items { grid-template-columns: 1fr 32px; } .product-card__button { width: 100%; height: 32px; padding: 0; font-size: 12px; line-height: 1; border-radius: 8px; } .product-card__button.active .product-card__button-more { opacity: 1; } .product-card__button-more { position: absolute; inset: 0; border-radius: inherit; background: var(--surface-controls-accent-default, rgb(53, 109, 214)); fill: var(--text-white); padding: 8px; opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-card__button-icon { position: absolute; width: 16px; height: 16px; inset: 0; margin: auto; } .product-card__button-qty { height: 16px; min-width: 16px; padding-left: 4px; padding-right: 4px; padding-top: 4px; border-radius: 100px; background: var(--surface-body-primary, rgb(255, 255, 255)); font-size: 12px; line-height: 1; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: auto; color: var(--text-primary); } .product-card__btn { width: 32px; height: 32px; border: 1px solid var(--stroke-interact-primary-default, rgba(5, 5, 5, 0.3)); border-radius: 8px; } .product-card__btn-icon { width: 16px; height: 16px; } .product-card__contrast .icon-contrast-fill { display: none; } .product-card__favorite .icon-heart { display: none; } .product-card__button-wrap { position: relative; } .product-card__button-wrap-loading { background: url(/_v1/images/icons/loading.gif) center center; background-size: contain; background-repeat: no-repeat; } .product-card__button-wrap.active .product-card__qty { display: block; } .product-card__qty { position: absolute; left: 0; right: 0; bottom: 52px; display: none; z-index: 9; } .product-card__qty-arrow { width: 12px; height: 8px; fill: var(--surface-body-primary, rgb(255, 255, 255)); position: absolute; top: 100%; left: 0; right: 0; margin-left: auto; margin-right: auto; } .product-card__qty-inner { border-radius: 12px; background: var(--surface-body-primary, rgb(255, 255, 255)); padding: 8px; gap: 4px; -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.18); box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.18); } .product-card__qty-link { width: 100%; height: 32px; font-size: 12px; line-height: 1; border-radius: 8px; padding-left: 4px; padding-right: 4px; } .product-card__qty-group { padding: 5px 8px; border-radius: 8px; background: var(--surface-body-neutral-alpha, rgba(5, 5, 5, 0.05)); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-card__qty-btn { width: 16px; height: 16px; } .product-card__qty-input { border: none; text-align: center; width: calc(100% - 32px); height: 22px; display: block; background: transparent; } @media (max-width: 767px) { .product-card { border-radius: 12px; } .product-card__badges { top: 8px; left: 8px; gap: 4px; } .product-card__badges-item { font-size: 10px; line-height: 16px; padding: 0 4px; } .product-card__img { height: 128px; } .product-card__top { padding-bottom: 0; } .product-card__fake-pagination { display: none; } .product-card__pagination { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 9; height: auto; gap: 4px; top: initial !important; bottom: 8px !important; } .product-card__pagination .swiper-pagination-bullet { width: 4px; height: 4px; border-radius: 50%; background: rgb(224, 223, 223); -webkit-box-flex: initial; -ms-flex: initial; flex: initial; opacity: 1; margin: 0 !important; } .product-card__pagination .swiper-pagination-bullet-active { background: rgb(20, 20, 20); } .product-card__bottom { padding: 8px; } .product-card__price { margin-bottom: 8px; } .product-card__price-new { font-size: 12px; line-height: 1; } .product-card__title { font-size: 12px; line-height: 20px; margin-bottom: 8px; } .product-card__remove { top: 8px; right: 8px; } .product-card__actions { grid-template-columns: repeat(2, 1fr); gap: 4px; } .product-card__actions--2-items { grid-template-columns: 1fr 28px; } .product-card__actions--2-items .product-card__actions-item:first-child { grid-column: span 1; grid-row-start: 1; } .product-card__actions-item:first-child { grid-column: span 2; grid-row-start: 2; } .product-card__btn { width: 100%; height: 28px; } .product-card__btn-icon { width: 14px; height: 14px; } .product-card__button { height: 28px; font-size: 10px; line-height: 1; } } .breadcrumbs-list { font-size: 12px; line-height: 20px; color: var(--text-neutral); } .breadcrumbs-list__link { display: -webkit-box; display: -ms-flexbox; display: flex; } .breadcrumbs-list__link::after { content: "/"; margin: 0 8px; } @media (max-width: 767px) { .breadcrumbs-list { font-size: 10px; line-height: 26px; overflow: scroll; white-space: nowrap; width:100%; display: inline-block; } .breadcrumbs-list__item { display: inline-block; white-space: nowrap; } .breadcrumbs-list__link::after { margin: 0 4px; } } .intro { padding-top: 24px; padding-bottom: 20px; } .intro__content { grid-template-columns: repeat(12, 1fr); gap: 12px; } .intro__content-left { grid-column: span 8; } .intro__content-right { grid-column: span 4; } .intro__slider { position: relative; border-radius: 16px; overflow: hidden; } .intro__controls { position: absolute; top: 12px; right: 12px; z-index: 9; } .intro__pagination { display: none; position: absolute; left: 10px; right: 10px; bottom: 10px; z-index: 9; } .intro-item { height: 360px; border-radius: 16px; background: var(--ui-alpha-blue-alpha, rgba(29, 89, 198, 0.05)); overflow: hidden; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 40px; } .intro-item__img { position: absolute; bottom: -60px; right: -300px; } .intro-item__info { gap: 10px; } .intro-item__suptitle { font-size: 24px; line-height: 30px; } .intro-item__title { font-size: 64px; line-height: 81px; } .intro-item__btn { font-size: 20px; line-height: 1; padding: 14px 20px; } .intro-news { position: relative; height: 100%; } .intro-news__head-title { display: none; } .intro-news__head-link { color: var(--text-interact-accent-default, rgb(17, 79, 178)); font-size: 16px; line-height: 1; position: absolute; bottom: 16px; right: 16px; z-index: 9; } .intro-news__head-link:hover { color: var(--surface-controls-accent-hovered); } .intro-news__head-link:active { color: var(--surface-controls-accent-pressed); } .intro-news__content { border-radius: 16px; padding: 16px; height: 100%; } .intro-news__content::before { border-color: var(--stroke-secondary); } .intro-news__list { gap: 22px; } .intro-news__list-item:nth-child(n+4) { display: none; } .intro-news__item { gap: 8px; position: relative; } .intro-news__item-date { font-size: 10px; line-height: 18px; padding: 3px 8px; border-radius: 100px; background: var(--surface-body-neutral-alpha, rgba(5, 5, 5, 0.05)); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .intro-news__item-link { -webkit-line-clamp: 2; } @media (max-width: 1280px) { .intro { padding-top: 20px; padding-bottom: 12px; } .intro__content { grid-template-columns: 1fr; gap: 24px; } .intro__content-left { grid-column: span 1; } .intro__content-right { grid-column: span 1; } .intro-item { height: 260px; } .intro-item__img { bottom: -160px; right: -520px; } .intro-news { height: auto; } .intro-news__content { height: auto; } .intro-news__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 40px; margin-bottom: 12px; } .intro-news__head-title { display: block; font-size: 24px; line-height: 30px; } .intro-news__head-link { position: initial; } .intro-news__list { grid-template-columns: repeat(2, 1fr); gap: 12px; } .intro-news__list-item:nth-child(n+4) { display: block; } } @media (max-width: 767px) { .intro { padding-top: 16px; padding-bottom: 8px; } .intro__content { gap: 16px; } .intro__controls { display: none; } .intro__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; } .intro-slider .swiper-slide { height: initial; } .intro__slider { border-radius: 12px; } .intro-item { height: auto; padding: 16px; height: 100%; border-radius: 12px; } .intro-item__img { width: 358px; bottom: -50px; right: -200px; } .intro-item__suptitle { font-size: 12px; line-height: 1; } .intro-item__title { font-size: 20px; line-height: 1; } .intro-item__btn { font-size: 10px; line-height: 1; padding: 9px 12px; border-radius: 8px; } .intro-news__head { min-height: initial; } .intro-news__head-title { font-size: 16px; line-height: 1; } .intro-news__head-link { font-size: 12px; line-height: 1; position: absolute; bottom: 16px; right: 16px; } .intro-news__content { padding-bottom: 44px; } .intro-news__list { grid-template-columns: 1fr; } .intro-news__item-title { font-size: 14px; line-height: 22px; } } .section { padding: 20px 0; } .section__head { margin-bottom: 16px; } .section__head--mb-2 { margin-bottom: 12px; } .section__head--mb-3 { margin-bottom: 32px; } .section__head-inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .section__links { gap: 8px; } .section__link { display: block; padding: 10px 20px; border-radius: 12px; color: var(--text-neutral); font-size: 20px; line-height: 28px; } .section__link::before { opacity: 0; border: 1.7px solid var(--stroke-interact-accent-default, rgb(29, 89, 198)); } .section__link.selected { color: var(--text-primary); } .section__link.selected::before { opacity: 1; } .section__title { font-size: 24px; line-height: 30px; } .section__subtitle { font-size: 16px; line-height: 1; } .section-slider { margin-left: -2px; margin-right: -2px; padding-left: 2px; padding-right: 2px; } .section-slider__slide { height: initial; } .section__pagination { display: none; } .collections__list { gap: 12px; } .collections-card { height: 224px; border-radius: 16px; background: var(--surface-controls-tertiary-default, rgba(153, 152, 152, 0.1)); position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 16px; } .collections-card__title { font-size: 16px; line-height: 1; } .collections-card__img { position: absolute; inset: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; pointer-events: none; } .collections-card__img picture { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .collections-card__img img { width: 100%; height: 100%; max-width: initial; -o-object-fit: contain; object-fit: contain; } .collections-sale { height: 100%; background: var(--surface-controls-critical-alpha-default, rgba(198, 55, 29, 0.1)); border-radius: 16px; position: relative; } .collections-sale__title { font-size: 16px; line-height: 1; color: var(--text-critical, rgb(174, 39, 21)); } .mainSale { padding-bottom: 60px; } @media (min-width: 1281px) { .collections__list { grid-template-columns: repeat(12, 1fr); } .collections__list-item { grid-column: span 5; } .collections__list-item--sm { grid-column: span 2; } .collections__list-item--sm-2 { grid-column: span 4; } } @media (max-width: 1280px) { .section { padding: 12px 0; } .section__link { padding: 12px 20px; font-size: 16px; line-height: 24px; } .collections__head { display: none; } .collections__list { grid-template-columns: repeat(3, 1fr); gap: 8px; } .collections-card { height: 160px; padding: 12px; } .collections-card__title { font-size: 14px; line-height: 1; } .collections-card__img-1 img { height: 90%; } } @media (max-width: 767px) { .section { padding: 10px 0; } .section__head--mb-3 { margin-bottom: 16px; } .section__head--mb-2 { margin-bottom: 16px; } .section__links { gap: 4px; } .section__link { padding: 4px 16px; border-radius: 8px; font-size: 12px; line-height: 20px; } .section__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 12px; } .section__title { font-size: 14px; line-height: 1; } .section__subtitle { font-size: 14px; line-height: 1; } .collections__list { grid-template-columns: repeat(2, 1fr); } .collections__list-item { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .collections__list-item--m-100 { grid-column: span 2; } .collections__list-item:nth-child(11) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .collections__list-item:nth-child(9), .collections__list-item:nth-child(10), .collections__list-item:nth-child(12) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .collections-card { height: 100px; border-radius: 12px; padding: 8px; } .collections-card__title { font-size: 10px; line-height: 1; } .collections-sale { min-height: 48px; border-radius: 12px; } .collections-sale__title { font-size: 10px; line-height: 1; } } .catalog__content { grid-template-columns: repeat(5, 1fr); gap: 12px; } .catalog__content-left { grid-column: span 1; } .catalog__content-right { grid-column: span 4; } .catalog__list { grid-template-columns: repeat(4, 1fr); gap: 12px; } .catalog__list + .catalog__list { margin-top:12px; } .catalog__list-favorites { grid-template-columns: repeat(5, 1fr); } .catalog__actions { margin-bottom: 12px; } .catalog__actions-inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .catalog__actions-filter { display: none; } .pagination { margin-top: 24px; } .pagination__inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; } .pagination__more { padding: 12px 20px; } .pagination__list { gap: 8px; } .pagination__btn { width: 40px; height: 40px; border-radius: 12px; } .pagination__arrow { background: var(--surface-controls-secondary-default); } .pagination__arrow:hover { background: var(--surface-controls-secondary-hovered); } .pagination__arrow:active { background: var(--surface-controls-secondary-pressed); } .pagination__arrow svg { width: 20px; height: 20px; } .pagination__num { border: 1.5px solid var(--stroke-interact-primary-default); font-family: var(--second-ff); font-size: 14px; line-height: 1; padding-top: 4px; color: var(--text-neutral); } .pagination__num.selected, .pagination__num:hover { border-color: var(--stroke-interact-accent-default); color: var(--text-primary); } .filter { position: relative; } .filter__inner { gap: 12px; } .filter__group--hide { display: none; } .filter__group--hide.visible { display: block; } .filter__buttons { grid-template-columns: repeat(2, 1fr); gap: 8px; } .filter__btn { width: 100%; font-size: 12px; line-height: 1; padding: 10px; } .filter__floating { font-family: var(--second-ff); font-size: 12px; line-height: 1; position: absolute; right: 0%; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25); border-radius: 12px; z-index: 99; display: none; } .filter__floating.visible { display: block; } .filter__floating-inner { background: var(--surface-body-primary); border-radius: 12px; padding: 16px; color: var(--text-interact-accent-default); position: relative; z-index: 3; } .filter__floating-icon { width: 6px; height: 12px; fill: var(--surface-body-primary); position: absolute; left: -6px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .filter-item__list-item.disabled { color:#05050526; } .filter-item__list-item.disabled input, .filter-item__list-item.disabled label { pointer-events: none; } .filter-item__list-item.disabled .form-checkbox__icon { fill:#05050526; } .filter__floating-txt { display:block; margin-top:10px; } .filter-block { border-radius: 16px; } .filter-block::before { border-width: 1.5px; } .filter-block__head { padding: 12px; border-bottom: 1.5px solid var(--stroke-secondary); } .filter-block__title { font-size: 12px; line-height: 1; } .filter-block__content { padding: 12px; } .filter-block__content--pl-0 { padding-left: 0; padding-right: 0; } .filter-links { gap: 8px; } .filter-links__btn { border-radius: 8px; /*padding: 5px 12px;*/ font-weight: normal; font-size: 14px; line-height: 22px; display: block; } .filter-links__btn:hover { background: var(--surface-body-components-menu-selected); } .filter-links__btn.selected { background: var(--surface-body-components-menu-selected); font-weight: 500; } .filter-close { display: none; } .filter-item { margin-bottom: 4px; } .filter-item:last-child { margin-bottom: 0; } .filter-item:last-child .filter-item__content { border: none; } .filter-item__open { font-size: 14px; line-height: 22px; padding: 5px 8px 5px 12px; gap: 8px; width: 100%; text-align: left; font-weight: normal; } .filter-item__open[aria-expanded=true] { font-weight: 500; } .filter-item__open[aria-expanded=true] .filter-item__open-icon svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .filter-item__open-txt { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .filter-item__open-icon { width: 16px; height: 16px; } .filter-item__content { border-bottom: 1px solid var(--stroke-secondary); } .filter-item__content-inner { padding: 12px; } .filter-item__range-inputs { grid-template-columns: 1fr auto 1fr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; margin-bottom: 12px; } .filter-item__range-slide { height: 16px; padding-left: 12px; padding-right: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .filter-item__range-input { height: 32px; } .filter-item__list { gap: 8px; max-height: 142px; overflow: hidden; } .filter-item__list.full { overflow: auto; } .filter-item__full { font-size: 12px; line-height: 1; padding: 2px 0; margin-top: 8px; color: var(--text-interact-accent-default, rgb(17, 79, 178)); } .filter-item__full:hover { color: var(--surface-controls-accent-hovered); } .filter-item__full:active { color: var(--surface-controls-accent-pressed); } .noUi-base { height: 2px; background: var(--surface-body-neutral-alt); border-radius: 0px; } .noUi-connects { height: 2px; border-radius: 0px; } .noUi-connect { background: var(--surface-body-accent); } .noUi-horizontal .noUi-handle { width: 12px; height: 12px; border-radius: 50%; background: var(--surface-body-primary); border: 2px solid var(--stroke-accent); -webkit-box-shadow: none; box-shadow: none; top: -6px; right: -6px; cursor: pointer; } .noUi-horizontal .noUi-handle::before, .noUi-horizontal .noUi-handle::after { display: none; } .noUi-target { background: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; border: none; } @media (max-width: 1280px) { .catalog__list { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 768px) and (max-width: 1024px) { .filter__inner { gap: 8px; } .filter-block__title { font-size: 16px; line-height: 1; } .filter-links__btn { font-size: 16px; line-height: 24px; padding: 8px 12px; } .filter-item { margin-bottom: 12px; } .filter-item__open { font-size: 16px; line-height: 24px; padding: 8px 12px; } .filter-item__open-icon { width: 20px; height: 20px; } .filter-item__range-input { height: 40px; } .filter-item__list { max-height: 160px; } .filter-item .form-checkbox { font-size: 16px; line-height: 24px; } .filter-item .form-checkbox__icon { width: 24px; height: 24px; } .filter-item .form-checkbox__icon svg { width: 16px; height: 16px; } } @media (max-width: 1024px) { .catalog__content { grid-template-columns: 1fr; gap: 0; } .catalog__content-left { grid-column: span 1; } .catalog__content-right { grid-column: span 1; } .catalog__list { gap: 8px; } .catalog__list + .catalog__list { margin-top:8px; } .catalog__actions-filter { display: block; } .pagination { margin-top: 20px; } .filter-wrap { position: fixed; z-index: 99; inset: 0; background: var(--surface-bg-fader); pointer-events: none; opacity: 0; -webkit-transition: opacity 0.25s linear; transition: opacity 0.25s linear; } .filter-wrap.visible { opacity: 1; pointer-events: auto; } .filter-wrap.visible .filter-wrap__inner { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .filter-wrap__inner { height: 100%; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; position: relative; -webkit-transform: translateX(-120%); -ms-transform: translateX(-120%); transform: translateX(-120%); -webkit-transition: -webkit-transform 0.25s linear; transition: -webkit-transform 0.25s linear; transition: transform 0.25s linear; transition: transform 0.25s linear, -webkit-transform 0.25s linear; } .filter { background: var(--surface-body-primary); border-radius: 0 20px 20px 0; padding: 20px; width: 488px; height: 100%; overflow: auto; } .filter::before { display: none; } .filter__floating { display: none !important; } .filter__group--hide { background: var(--surface-body-primary); position: sticky; bottom: -20px; z-index: 9; padding-bottom: 20px; padding-top: 20px; } .filter-close { padding: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; right: -68px; top: 16px; fill: var(--white); } .filter-close svg { width: 24px; height: 24px; } } @media (max-width: 767px) { .catalog__list { grid-template-columns: repeat(2, 1fr); } .pagination { margin-top: 16px; } .pagination__inner { gap: 16px; } .pagination__more { padding: 10px 12px; font-size: 12px; line-height: 1; } .pagination__btn { width: 32px; height: 32px; border-radius: 8px; } .pagination__btn svg { width: 16px; height: 16px; } .filter { width: 100%; border-radius: 20px 20px 0 0; padding: 20px 16px; height: auto; max-height: 100%; margin-top: auto; } .filter-wrap { z-index: 101; } .filter-wrap.visible .filter-wrap__inner { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .filter-wrap__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .filter-close { position: initial; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; width: 100%; background: transparent; padding: 16px; } } .product { padding-bottom: 32px; } .product__title { max-width: 714px; } .product__head { margin-bottom: 24px; } .product__content { grid-template-columns: 714px 1fr; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; row-gap: 24px; } .product__content-gallery { grid-area: 1/1/2/2; } .product__content-info { grid-area: 1/2/3/3; } .product__content-desc { grid-area: 2/1/3/2; } .product-gallery { position: relative; } .product-gallery__badges { top: 20px; left: 20px; } .product-gallery__inner { gap: 8px; } .product-gallery__btn { width: 32px; height: 32px; border-radius: 8px; background: var(--surface-body-primary); -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25); position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .product-gallery__btn svg { width: 16px; height: 16px; } .product-gallery__prev { left: -16px; } .product-gallery__next { right: -16px; } .product-slider__img { border-radius: 16px; } .product-slider__img { max-height: 488px; } .product-slider__img img { height: 100%; -o-object-fit: contain; object-fit: contain; } .product-thumbs-wrap { position: relative; } .product-thumbs__slide.swiper-slide-thumb-active .product-thumbs__img::before { border-color: var(--stroke-accent); border-width: 2px; } .product-thumbs__img { border-radius: 12px; } .product-thumbs__img img { width: auto; margin: 0 auto; } .product-desc { font-weight: normal; } .product-desc h2, .product-desc h3 { margin-bottom: 16px; } .product-desc h2 { font-size: 24px; line-height: 30px; } .product-info__inner { grid-template-columns: repeat(2, 1fr); gap: 12px; } .product-info__inner-item--fw { grid-column: span 2; } .product-info__block { border-radius: 16px; height: 100%; overflow: initial; } .product-info__price { -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; height: 100%; padding: 20px; } .product-info__price-new { font-size: 24px; line-height: 30px; } .product-info__price-old { font-size: 20px; line-height: 1; color: var(--surface-ui-red); text-decoration: line-through; } .product-info__actions { padding: 20px; grid-template-columns: 1fr repeat(3, 40px); gap: 8px; } .product-info__actions .product-card__btn { width: 40px; height: 40px; } .product-info__actions .product-card__btn-icon { width: 20px; height: 20px; } .product-info__actions .product-card__button { height: 40px; font-size: 16px; line-height: 1; } .product-info__actions .product-card__button-icon { width: 20px; height: 20px; } .product-info__detail { padding: 16px; } .product-info__detail-list { gap: 16px; } .product-info__detail-item { font-weight: 500; font-size: 14px; line-height: 22px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; } .product-info__detail-item__value { color: var(--text-neutral); } .product-info__detail-item__value .title { font-size: 16px; line-height: 1; color: var(--text-interact-accent-default); } .product-info__detail-item__line { border-bottom: 1px dashed var(--stroke-secondary); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (max-width: 1366px) { .product__title { max-width: 560px; } .product__content { -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; grid-template-columns: 560px 1fr; } .product-info__inner-item { grid-column: span 2; } } @media (min-width: 768px) and (max-width: 1024px) { .product-gallery__inner { grid-template-columns: 140px 1fr; } .product-gallery__inner-thumbs { grid-area: 1/1/2/2; } .product-gallery__inner-slider { grid-area: 1/2/2/3; } .product-gallery__btn { -webkit-transform: initial; -ms-transform: initial; transform: initial; left: 0; right: 0; margin-left: auto; margin-right: auto; top: initial; } .product-gallery__prev { top: -12px; } .product-gallery__prev svg { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .product-gallery__next { bottom: -12px; } .product-gallery__next svg { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .product-thumbs { height: 488px; } .product-thumbs__img { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .product-slider__img { height: 488px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .product-info__inner { gap: 20px; } .product-info__inner-item { grid-column: span 1; } .product-info__inner-item--fw { grid-column: span 2; } } @media (max-width: 1024px) { .product__title { max-width: 100%; } .product__head { margin-bottom: 20px; } .product__content { grid-template-columns: 1fr; gap: 20px; } .product__content-gallery { grid-area: 1/1/2/2; } .product__content-info { grid-area: 2/1/3/2; } .product__content-desc { grid-area: 3/1/4/2; } .product-info__configuration { padding-left: 0; padding-right: 0; } } @media (max-width: 767px) { .product { padding-bottom: 16px; } .product__head { margin-bottom: 16px; } .product__content { gap: 16px; } .product-gallery__btn { display: none; } .product-gallery__badges { top: 8px; left: 8px; } .product-slider__img { border-radius: 12px; } .product-slider__img img { min-height: 168px; -o-object-fit: cover; object-fit: cover; } .product-thumbs__img { border-radius: 8px; } .product-thumbs__img img { min-height: 52px; max-height:62px; -o-object-fit: cover; object-fit: cover; } .product-info__inner { gap: 16px; } .product-info__block { border-radius: 12px; } .product-info__block.product-card { border-radius: 0; } .product-info__block.product-card::before { display: none; } .product-info__price { padding: 18px 16px 14px; } .product-info__price-new { font-size: 16px; line-height: 1; } .product-info__price-old { font-size: 12px; line-height: 1; } .product-info__actions { padding: 0; grid-template-columns: 1fr repeat(3, 32px); } .product-info__actions .product-card__btn { height: 32px; width: 32px; } .product-info__actions .product-card__btn svg { width: 16px; height: 16px; } .product-info__actions .product-card__button { height: 32px; font-size: 12px; line-height: 1; } .product-info__detail-list { gap: 12px; } .product-info__detail-item { font-size: 12px; line-height: 20px; } .product-info__detail-item__value.title { font-size: 12px; line-height: 1; } .product-info__configuration { padding: 0; } .product-desc { padding-top: 8px; font-size: 14px; line-height: 22px; } .product-desc h2, .product-desc h3 { margin-bottom: 8px; } .product-desc h2 { font-size: 14px; line-height: 1; } } .cart__content { grid-template-columns: 1fr 353px; gap: 12px; } .cart__list { gap: 8px; } .cart-item { position: relative; border-radius: 16px; padding: 20px; } .cart-item::before { border-color: var(--stroke-secondary); } .cart-item__inner { grid-template-columns: 112px 1fr 202px; gap: 16px; } .cart-item__img img { width: 100%; } .cart-item__info { gap: 8px; } .cart-item__title { font-weight: 500; } .cart-item__more { gap: 4px; } .cart-item__more-item { font-size: 14px; line-height: 22px; gap: 12px; font-weight: normal; } .cart-item__more-item__name { color: var(--text-neutral); } .cart-item__more-item__value { font-weight: 500; } .cart-item__actions { grid-template-columns: 1fr 32px; gap: 8px; position: relative; z-index: 3; } .cart-item__actions-qty { grid-area: 1/1/2/2; } .cart-item__actions-remove { grid-area: 1/2/2/3; } .cart-item__actions-price { grid-area: 2/1/3/3; } .cart-item__price { gap: 8px; } .cart-item__price-new { font-size: 16px; line-height: 1; } .cart-item__price-old { font-size: 12px; line-height: 1; color: var(--surface-ui-red); text-decoration: line-through; } .cart-item__remove { padding: 8px; border-radius: 8px; } .cart-item__remove svg { width: 16px; height: 16px; } .cart-item__qty { max-width: 114px; } .cart-item__qty .qty__content { opacity: 1; pointer-events: auto; } .cart-total { border-radius: 16px; position: sticky; top: 20px; } .cart-total::before { border-color: var(--stroke-secondary); } .cart-total__group { padding: 12px 20px; border-bottom: 1px solid var(--stroke-secondary); } .cart-total__group--bottom { padding-top: 20px; border: none; } .cart-total__list { gap: 12px; } .cart-total__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cart-total__item-name { font-weight: 500; font-size: 14px; line-height: 22px; } .cart-total__item-name span { font-weight: 700; } .cart-total__item-value { font-size: 16px; line-height: 1; } .cart-total__item-value--red { color: var(--surface-ui-red); } .cart-total__item-value--big { font-size: 24px; line-height: 30px; } .cart-total__bottom { gap: 8px; } .cart-total__btn { width: 100%; } .cart-total__txt { font-weight: normal; font-size: 12px; line-height: 20px; color: var(--text-neutral); } .cart__groups { gap: 24px; } .cart-group { border-radius: 16px; padding: 20px; } .cart-group__inner { gap: 20px; } .cart-group__title { font-size: 16px; line-height: 1; } .cart-items-wrapper { overflow: hidden; transition: max-height 0.3s ease-out; } .cart-item__more { position: relative; } .cart-item__toggle-link { color: #0066cc; font-size: 14px; margin-top: 0px; display: inline-block; user-select: none; font-weight:normal; } .cart-item__toggle-link:hover { color: #004499; text-decoration: none; } /* Анимация для плавного появления/исчезновения */ .cart-items-wrapper { transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1); } @media (max-width: 1024px) { .cart__content { grid-template-columns: 1fr; gap: 20px; } .cart-total__bottom { gap: 16px; } .cart-total__btn { font-size: 20px; line-height: 1; padding: 14px; } .cart-total__txt { text-align: center; } .cart-total .form-checkbox__content { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 767px) { .cart__content { gap: 16px; } .cart-item { padding: 12px; border-radius: 12px; } .cart-item__inner { grid-template-columns: 54px 1fr; gap: 12px; } .cart-item__inner-img { grid-area: 1/1/2/2; } .cart-item__inner-info { grid-area: 1/2/2/3; } .cart-item__inner-actions { grid-area: 2/1/3/3; } .cart-item__title { font-size: 12px; line-height: 20px; } .cart-item__more-item { font-size: 12px; line-height: 20px; gap: 8px; } .cart-item__actions { border-top: 1px solid var(--stroke-secondary); padding-top: 12px; grid-template-columns: 1fr 92px 32px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } .cart-item__actions-price { grid-area: 1/1/2/2; } .cart-item__actions-qty { grid-area: 1/2/2/3; } .cart-item__actions-remove { grid-area: 1/3/2/4; } .cart-item__qty { max-width: 92px; } .cart-item__price { gap: 4px; } .cart-item__price-new { font-size: 16px; line-height: 1; } .cart-item__price-old { font-size: 12px; line-height: 1; } .cart-total { border-radius: 12px; } .cart-total__group { padding: 12px; } .cart-total__item-name { font-size: 12px; line-height: 20px; } .cart-total__item-value { font-size: 16px; line-height: 1; } .cart-total__item-value--big { font-size: 20px; line-height: 1; } .cart-total__bottom { gap: 8px; } .cart-total__btn { font-size: 12px; line-height: 1; padding: 10px; } .cart-total__txt { font-size: 12px; line-height: 20px; text-align: left; } .cart__groups { gap: 16px; } .cart-group { padding: 12px; border-radius: 12px; } .cart-group__inner { gap: 12px; } .cart-group__title { font-size: 12px; line-height: 1; } .cart-item__toggle-link { font-size:12px; } } .switch { font-size: 14px; line-height: 22px; font-weight: normal; } .switch input { display: none; } .switch input:checked + span .switch__btn { background: var(--surface-controls-accent-default); border-color: var(--surface-controls-accent-default); } .switch input:checked + span .switch__btn-dot { background: var(--white); left: 14px; } .switch__content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .switch__btn { width: 40px; height: 22px; -ms-flex-negative: 0; flex-shrink: 0; border: 1.5px solid var(--stroke-interact-primary-default); border-radius: 100px; position: relative; -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .switch__btn-dot { width: 22px; height: 14px; border-radius: 100px; background: var(--surface-body-neutral-alt); display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 4px; -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } body:has(.comparison) .content__head { margin-bottom: 0; } .comparison__sorting { -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; } .comparison__sorting-select { min-width: 172px; } .comparison__sorting .form-select__btn { height: 32px; } .comparison__sorting .form-select__btn-icon { width: 16px; height: 16px; } .comparison__top { padding-bottom: 24px; padding-top: 24px; background: var(--white); top: 0; left: 0; right: 0; z-index: 9; } .comparison__top.fixed { -webkit-box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.16); box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.16); position: fixed; } .comparison__top.fixed .product-card__link { -webkit-line-clamp: 2; } .comparison__top.fixed .product-card__top { padding-bottom: 0; } .comparison__top.fixed .product-card__img { height: 80px; } .comparison__bottom { padding-bottom: 64px; } .comparison-item { margin-right: -12px; font-weight: 500; } .comparison-item__group { border-bottom: 1px solid var(--stroke-secondary); padding-bottom: 8px; margin-bottom: 8px; } .comparison-item__group:last-child { border: none; padding: 0; margin: 0; } .comparison-item__name { margin-bottom: 4px; min-height: 22px; color: var(--text-neutral); font-size: 14px; line-height: 22px; padding-right: 12px; } .comparison-item__value { font-size: 12px; line-height: 20px; padding-right: 12px; } .comparison__pagination { display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1024px) { .comparison-item { margin-right: -8px; } .comparison-item__name { padding-right: 8px; } .comparison-item__value { padding-right: 8px; } } @media (max-width: 767px) { .comparison .section__head-left { width: 100%; } .comparison .section__head { margin-bottom: 12px; } .comparison__sorting { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 12px; } .comparison__sorting-select { width: 100%; } .comparison__top { padding-top: 16px; padding-bottom: 16px; } .comparison__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 12px; } .comparison-item__name { font-size: 12px; line-height: 20px; min-height: 20px; } .comparison-item__value { font-size: 10px; line-height: 18px; } } .manufacturers { padding-top: 0; } .manufacturers-item { height: 140px; display: block; border-radius: 16px; } .manufacturers-item::before { border-color: var(--stroke-interact-primary-default); } .manufacturers-item img { height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; } .manufacturers__list { grid-template-columns: repeat(2, 1fr); gap: 8px; } .manufacturersAll__list { display: none; } .manufacturersAll__list-item { margin-bottom: 24px; } .manufacturersAll__list-item:last-child { margin-bottom: 0; } .manufacturersAll__lg, .manufacturersAll__sm, .manufacturersAll__xs { display: none; } .manufacturersAll__xl { gap: 24px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .manufacturersAll__col { gap: 24px; } .manufacturersAll-item__title { font-size: 16px; line-height: 1; margin-bottom: 12px; } .manufacturersAll-item__list { gap: 4px; } .manufacturersAll-item__link { font-size: 12px; line-height: 20px; display: block; color: var(--text-neutral); } .manufacturersAll-item__link:hover { color: var(--text-primary); } @media (max-width: 1366px) { .manufacturersAll__xl { display: none; } .manufacturersAll__lg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (max-width: 1024px) { .manufacturers-item { height: 100px; } .manufacturersAll__lg { display: none; } .manufacturersAll__sm { display: grid; grid-template-columns: repeat(4, 1fr); } } @media (max-width: 767px) { .manufacturersAll__sm { display: none; } .manufacturersAll__xs { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; } .manufacturersAll__list-item { margin-bottom: 16px; } .manufacturersAll-item__title { font-size: 14px; line-height: 1; } .manufacturersAll-item__list { gap: 8px; } .manufacturersAll-item__link { font-size: 10px; line-height: 18px; } } .news__list { gap: 12px; } .news-item { padding: 12px; border-radius: 16px; position: relative; } .news-item:hover::before { border-color: var(--stroke-interact-primary-hovered); } .news-item .intro-news__item { position: initial; gap: 12px; } .news-item__inner { grid-template-columns: 80px 1fr 20px; gap: 12px; } .news-item__inner-icon { -ms-flex-item-align: center; align-self: center; } .news-item__info { max-width: 756px; } .article__inner { grid-template-columns: repeat(6, 1fr); gap: 12px; } .article__inner-info { grid-column: span 4; } .article__title { margin-bottom: 24px; } .article__date { margin-bottom: 24px; } .article__preview-wrap { width: 472px; max-width: 100%; margin-bottom: 24px; } .article__preview { width: 100%; border-radius: 16px; height: 322px; display: block; } .article__preview img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .article__text { width: 728px; max-width: 100%; font-weight: normal; } @media (max-width: 1280px) { .article__inner { grid-template-columns: 1fr; } .article__inner-info { grid-column: span 1; } } @media (max-width: 1024px) { .article__preview-wrap { width: 100%; } } @media (max-width: 767px) { .news__list { gap: 8px; } .news-item .intro-news__item { gap: 8px; } .news-item .intro-news__item-title { font-size: 12px; line-height: 20px; } .news-item__inner { grid-template-columns: 40px 1fr 16px; } .news-item__icon { width: 16px; height: 16px; } .article__title { margin-bottom: 8px; } .article__date { margin-bottom: 16px; } .article__preview-wrap { margin-bottom: 16px; } .article__preview { height: 168px; } .article__text { font-size: 14px; line-height: 22px; } } .users-table { border-radius: 12px; font-weight: normal; } .users-table__row { grid-template-columns: repeat(6, 1fr) 140px; border-bottom: 1px solid var(--stroke-secondary); } .users-table__row:last-child { border: none; } .users-table__row > div { border-right: 1px solid var(--stroke-secondary); } .users-table__row > div:last-child { border: none; } .users-table__name { padding: 22px 12px; font-size: 16px; line-height: 1; } .users-table__name--right { text-align: right; } .users-table__item { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 12px; } .users-table__remove { width: 24px; height: 24px; margin-left: auto; fill: var(--text-interact-critical-default); } .users-table__select { position: relative; height: 100%; width: 100%; } .users-table__select-wrap { padding: 0; } .users-table__select-dropdown { position: absolute; top: -1px; left: -1px; right: -1px; background: var(--white); border-radius: 0 0 12px 12px; border: 1px solid var(--stroke-secondary); display: none; z-index: 9; } .users-table__select-dropdown.visible { display: block; } .users-table__select-btn { height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; padding: 12px; width: 100%; } .users-table__select-btn__icon { width: 24px; height: 24px; } .users-table__select-btn__txt { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .users-table__user { -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; font-weight: normal; } .users-table__user-img { width: 40px; height: 40px; -ms-flex-negative: 0; flex-shrink: 0; } .users-table__user-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; } .users-table__status { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 3px 12px; font-weight: 500; font-size: 14px; line-height: 22px; border-radius: 100px; background: var(--surface-body-success-alpha, rgba(29, 198, 103, 0.1)); color: var(--text-success); } .users-table__status--grey { background: var(--surface-body-neutral-alpha); color: var(--text-primary); } .users-table__txt-sm { font-size: 14px; line-height: 22px; color: var(--text-interact-link-default, rgb(22, 133, 153)); } .users-desc { width: 1084px; max-width: 100%; margin-top: 20px; font-weight: normal; } .users-desc > *:last-child { margin-bottom: 0; } .users-desc p, .users-desc h2, .users-desc h3, .users-desc h4, .users-desc ul, .users-desc ol { margin-bottom: 20px; } .users-desc h2 { font-size: 20px; line-height: 1; } .users-desc ul, .users-desc ol { color: var(--text-neutral); } @media (max-width: 1024px) { .users-table__row { grid-template-columns: repeat(4, 1fr) 94px; } .users-table__row-status { display: none; } .users-table__row-login { display: none; } } @media (max-width: 767px) { .users-table { width: 736px; font-size: 14px; line-height: 22px; } .users-table-wrap { overflow: auto; margin-right: -16px; margin-left: -16px; padding-left: 16px; padding-right: 16px; } .users-table__name { font-size: 12px; line-height: 1; padding: 12px; } .users-table__item { padding: 12px; } .users-table__select-wrap { padding: 0; } .users-desc { margin-top: 16px; font-size: 12px; line-height: 20px; } .users-desc h2 { font-size: 14px; line-height: 1; } } .cart-quantity-max-notice { font-size: 12px; font-weight: normal; color: #cc0000; } .check_user_email_result { font-size: 12px; line-height: 16px; padding: 5px 12px; font-weight: normal; } .check_user_email_result a { color: #168599; } .title-search-result { display:none; border-color: var(--stroke-interact-primary-pressed); border-radius: 12px; border: 1.5px solid var(--stroke-interact-primary-default, rgba(5, 5, 5, 0.3)); padding: 5px 48px 5px 16px; font-weight: normal; background:#fff; z-index:15; } .search_tips a { display:block; margin-top:5px; } /*for modal choice sku window*/ .filter-btn { border: 1px solid #e2e8f0; padding: 4px 16px; border-radius: 8px; font-size: 12px; line-height: 20px; color: #5b5b5b; cursor: pointer; } .product-info__detail .filter-btn { font-size: 16px; line-height: 24px; } .filter-btn.active { font-weight:bold; color:#141414; border-color: #1e3a8a; } .filter-btn.inactive { opacity: 0.45; background: #f1f5f9; border-color: #e2e8f0; cursor: not-allowed; text-decoration: line-through; filter: grayscale(0.05); pointer-events: none; } /*cookie policy window*/ .cookies-block-window { position: fixed; bottom: 8px; left: 8px; right: 8px; padding: 16px; background-color: rgb(255, 255, 255); box-shadow: rgba(30, 75, 210, 0.15) 0px 4px 20px 0px, rgba(30, 75, 210, 0.15) 0px 0px 10px 0px; z-index: 300; border-radius: 8px; animation-duration: 0.3s; animation-iteration-count: 1; animation-name: show; animation-timing-function: linear; } @media (min-width: 1280px) { .cookies-block-window { width: 684px; } } @media (min-width: 1024px) { .cookies-block-window { display: block; width: 636px; left: 24px; bottom: 24px; padding: 16px 24px; } } @media (min-width: 1024px) { .cookies-block-window-content { display: flex; justify-content: space-between; align-items: center; } } .cookies-block-window-content-text { color: #606981; font-weight: 400; font-size: 12px; line-height: 140%; } .cookies-block-window-content-text a { text-decoration: underline } .cookies-block-window-content-text a:hover { text-decoration: none } .cookies-block-window-content-btn { margin-top: 16px; } @media (min-width: 1024px) { .cookies-block-window-content-btn { margin-top: 0px; margin-left: 24px; } } @media screen and (min-width: 1024px) { .cookies-block-window-content-btn-btn { min-height: 56px; padding: 12px 24px; } } @media screen and (min-width: 1024px) { .cookies-block-window-content-btn-btn { font-weight: 400; font-size: 18px; letter-spacing: -0.4px; line-height: 110%; } } .cookies-block-window-content-btn-btn { display: flex; align-items: center; position: relative; box-sizing: border-box; width: 100%; height: min-content; font-family: sans-serif; white-space: nowrap; border: none; outline: none; box-shadow: none; cursor: pointer; transition: background 0.2s ease-out, color 0.2s ease-out, border 0.2s ease-out; -webkit-tap-highlight-color: transparent; font-weight: 400; font-size: 14px; letter-spacing: -0.3px; line-height: 120%; min-height: 48px; padding: 12px 16px; border-radius: 8px; color: rgb(47, 52, 65); background: rgb(233, 236, 239); text-align: center; } .cookies-block-window-content-btn-btn-span { position: relative; z-index: 3; width: 100%; padding: 0px 4px; } /* End */ /* /_v1/css/swiper-bundle.min.css?178098946017917 */ /* /_v1/css/styles.min.css?1781064091120033 */