/* Start:/local/templates/rr-wheels_corp/css/normalize.min.css?17619056991830*/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none} /*# sourceMappingURL=normalize.min.css.map */ /* End */ /* Start:/local/templates/rr-wheels_corp/css/swiper-bundle.min.css?176190569915834*/ /** * Swiper 8.0.6 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 14, 2022 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-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:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-slide-visible .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{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/rr-wheels_corp/css/fancybox.min.css?176190569925343*/ :root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__backdrop:empty,.fancybox__viewport:empty,.fancybox__track:empty,.fancybox__slide:empty{display:block}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-animating .fancybox__content,.is-dragging .fancybox__content{will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;filter:blur(0px)}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:flex}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0))*-0.5);width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-modern .f-thumbs__slide__button{--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none} /* End */ /* Start:/local/templates/rr-wheels_corp/css/y-map.css?17619056993600*/ .ymap-container { width: 100%; } .ymap-container .y-map { width: 100%; height: 460px; max-width: 100%; display: grid; background-size: cover; border-radius: 20px; background-repeat: no-repeat; max-height: 460px; min-height: 300px; } .y-map { width: 100%; height: 460px; max-width: 100%; display: grid; .ymaps3x0--map-container { border-radius: 24px; } } .marker-container { display: flex; gap: 30px; position: relative; top: -24px; } .marker-tip-container { padding: 16px; /* padding-bottom: 40px; */ box-shadow: 0px 2px 2px 1px rgba(30, 41, 59, 0.04), 0px 2px 8px -1px rgba(30, 41, 59, 0.12); min-height: 160px; position: absolute; right: -141px; top: 50px; background-color: var(--color-full-white); max-width: 330px; width: 330px; z-index: 101; border-radius: 10px; opacity: 1; transition: all var(--transition); max-height: 220px; overflow: auto; } .marker-tip-container .tip_close { position: absolute; right: 0; top: 0; margin: 20px; cursor: pointer; } .marker-tip-container .marker-content { display: flex; flex-direction: column; gap: 8px; text-align: start; } .marker-tip-container .marker-content .marker-title { font-size: 16px; font-weight: 400; } .marker-tip-container .marker-content .marker-text-item { display: flex; flex-direction: column; gap: 3px; text-align: start; } .marker-tip-container .marker-content .marker-text-item .marker-text-item-title { font-size: 14px; font-weight: 400; } .marker-tip-container .marker-content .marker-text-item .marker-text-item-text { color: var(--color-gray); font-size: 14px; font-weight: 300; } .marker-tip-container .marker-content .marker-text-item .marker-text-item-text p { margin: 0; } .marker-tip-container._hide { opacity: 0; pointer-events: none; } .marker-tip-container._modal { max-width: max-content; border-radius: 10px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; bottom: 0; top: auto; left: 0; right: 0; width: 100%; max-width: 100%; height: max-content; } .ymap-circle { background-color: var(--color-white); border-radius: 100%; border: 10px solid #5b7fff; display: flex; align-items: center; justify-content: center; color: #000; text-align: center; font-size: 18px; font-weight: 600; line-height: 130%; width: 64px; height: 64px; position: relative; left: -32px; top: -64px; cursor: pointer; } .ymap-tip { width: 60px; height: 60px; position: relative; left: -30px; top: -30px; cursor: pointer; max-width: max-content !important; } @media (max-width: 768px) { .ymap-container .y-map { height: 284px; max-height: 284px; } .y-map { height: 284px; } .marker-tip-container { top: 0; max-width: 70vw; left: calc(-27vw - 24px); } .ymap-circle { width: 32px; height: 32px; left: -16px; top: -32px; font-size: 16px; border: 5px solid #5b7fff; } .y-map { height: 400px; } } /*Оформление заказа*/ .make-order-address-map { flex: 1; } .make-order-address-map .ymap-container { height: 100%; } .make-order-address-map .ymap-container .map { height: 100%; min-height: 500px; } .make-order-address-map .ymap-container .map .ymaps3x0--map-container { border-bottom-left-radius: 0; border-top-left-radius: 0; } /* End */ /* Start:/local/templates/rr-wheels_corp/styles.css?1769072751230972*/ @charset "UTF-8"; /*Стили шаблона (template) */ /* @import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap"); */ :root { --color-full-black: #000000; --color-full-white: #ffffff; --color-grafite: #323232; --color-gray: rgba(0, 0, 0, 0.5); --transition: 0.3s; --color-primary: #323232; --color-secondary: #ebedf0; --color-main-red: #d3001b; --color-red-error: #e31e25; --color-black-2: rgba(0, 0, 0, 0.8); --color-black-3: #2d2d2d; --color-black-4: #0a0a0a; --color-neutral-50: #f8fafc; --color-neutral-200: #e2e8f0; --color-neutral-400: #94a3b8; --color-neutral-600: #475569; --color-neutral-800: #1e293b; --color-light-gray: #6f8ba5; --color-light-gray-2: #b1b1b1; --color-light-gray-3: #f4f4f4; --color-light-gray-4: rgba(255, 255, 255, 0.2); --color-light-gray-5: #f2f2f2; --color-light-gray-6: rgba(255, 255, 255, 0.40); --color-light-gray-7: #DDD; --color-gray-2: #615f5f; --color-gray-3: rgba(255, 255, 255, 0.1); --color-gray-4: #515151; --color-gray-5: #838383; --color-gray-6: #7c7c7c; --color-gray-7: #BFBFBF; --color-calm-gray: #7f7f7f; --color-opacity-hover: 0.7; --color-green: #21ba4c; --color-green-success: #81c784; --color-green-success-bg: #e6f4ea; --color-blue: #217aba; --color-badge-green: rgba(33, 186, 76, 0.83); --color-text-grafite: #373737; --color-text-mid-gray: #626262; --color-text-light-gray: #d2d2d2; --color-light-white: rgba(154, 178, 201, 0.1); --color-light-stroke: rgba(154, 178, 201, 0.3); --color-light-scroll: rgba(154, 178, 201, 0.5); --color-light-border: rgba(154, 178, 201, 0.6); --color-status-placement-bg: #fff8dd; --color-status-shipment-bg: #e8fff3; --color-status-complete-bg: #f1faff; --color-status-placement: #ff9900; --color-status-shipment: #50cd89; --color-status-complete: #00b2ff; --shadow-dropdown: 0px 4px 17.8px 0px rgba(120, 167, 193, 0.25); --shadow-1: 0 0 20px 10px rgba(0, 0, 0, 0.1); --shadow-200: 0 0 2px 1px rgba(30, 41, 59, 0.04), 0 0 8px -1px rgba(30, 41, 59, 0.12); --shadow-300: 0 2px 2px -1px rgba(30, 41, 59, 0.04), 0 8px 16px -2px rgba(30, 41, 59, 0.12); --border-radius-block-inner: 20px; --border-radius-block-outer: 30px; --border-radius-input: 30px; --border-radius-button: 30px; } .mt--auto { margin-top: auto !important; } .m--0 { margin: 0 !important; } .mt--0 { margin-top: 0px !important; } .mt--2 { margin-top: 2px !important; } .mt--4 { margin-top: 4px !important; } .mt--6 { margin-top: 6px !important; } .mt--8 { margin-top: 8px !important; } .mt--10 { margin-top: 10px !important; } .mt--12 { margin-top: 12px !important; } .mt--14 { margin-top: 14px !important; } .mt--16 { margin-top: 16px !important; } .mt--20 { margin-top: 20px !important; } .mt--24 { margin-top: 24px !important; } .mt--30 { margin-top: 30px !important; } .mt--40 { margin-top: 40px !important; } .mb--0 { margin-bottom: 0px !important; } .mb--2 { margin-bottom: 2px !important; } .mb--4 { margin-bottom: 4px !important; } .mb--6 { margin-bottom: 6px !important; } .mb--8 { margin-bottom: 8px !important; } .mb--10 { margin-bottom: 10px !important; } .mb--12 { margin-bottom: 12px !important; } .mb--14 { margin-bottom: 14px !important; } .mb--16 { margin-bottom: 16px !important; } .mb--20 { margin-bottom: 20px !important; } .mb--24 { margin-bottom: 24px !important; } .mb--30 { margin-bottom: 30px !important; } .mb--40 { margin-bottom: 40px !important; } .mb--60 { margin-bottom: 60px !important; } .mr--auto { margin-right: auto !important; } .ml--auto { margin-left: auto !important; } @media (max-width: 768px) { .mb--60.margin--media { margin-bottom: 30px !important; } .mb--40.margin--media { margin-bottom: 24px !important; } } .p--10 { padding: 10px; } .p--20 { padding: 20px; } .pr--16 { padding-right: 16px !important; } .pl--0 { padding-left: 0 !important; } .pl--16 { padding-left: 16px !important; } .pr--20 { padding-right: 20px !important; } .pl--20 { padding-left: 20px !important; } .pt--20 { padding-top: 20px !important; } .pb--0 { padding-bottom: 0px !important; } .pb--2 { padding-bottom: 2px !important; } .pb--4 { padding-bottom: 4px !important; } .pb--6 { padding-bottom: 6px !important; } .pb--8 { padding-bottom: 8px !important; } .pb--10 { padding-bottom: 10px !important; } .pb--20 { padding-bottom: 20px !important; } .gap--2 { gap: 2px !important; } .gap--4 { gap: 4px !important; } .gap--6 { gap: 6px !important; } .gap--8 { gap: 8px; } .gap--10 { gap: 10px !important; } .gap--12 { gap: 12px !important; } .gap--16 { gap: 16px; } .gap--20 { gap: 20px; } .gap--24 { gap: 24px; } .gap--30 { gap: 30px; } .gap--32 { gap: 32px; } .gap--40 { gap: 40px; } @media (max-width: 768px) { .gap--40.gap--media { gap: 20px; } .gap--24.gap--media { gap: 12px; } .gap--20.gap--media { gap: 8px; } } html { box-sizing: border-box; } *, :after, :before { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: inherit; -webkit-font-smoothing: antialiased !important; -webkit-tap-highlight-color: transparent; outline: 0 !important; } * { margin: 0; padding: 0; box-sizing: border-box; } /* Для Firefox */ * { scrollbar-width: thin; scrollbar-color: var(--color-light-scroll) var(--color-full-white); } /* Для WebKit-браузеров */ *::-webkit-scrollbar { width: 12px; } *::-webkit-scrollbar-track { background: var(--color-full-white); } *::-webkit-scrollbar-thumb { background-color: var(--color-light-scroll); border: 3px solid var(--color-full-white); } body, html { margin: 0; padding: 0; } html { height: 100%; } body { min-height: 100%; } li, ul { margin: 0; padding: 0; list-style: none; } button { border: none; font-family: inherit; } body { color: var(--color-black-3); font-family: "Rubik", sans-serif, Arial, Tahoma; font-size: 16px; background-color: var(--color-light-gray-3); font-weight: 400; } body::selection { background: var(--color-primary); /* Safari */ color: var(--color-full-white); } body::-moz-selection { background: var(--color-primary); /* Firefox */ color: var(--color-full-white); } body.sok--fixed { width: auto; overflow: hidden; overscroll-behavior-y: none; } .sok__container { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; max-width: 1540px; position: relative; } a { cursor: pointer; text-decoration: none; color: inherit; text-decoration: none; } ._content img { max-width: 100%; } ._content h1 { font-size: 36px; } ._content h2 { font-size: 32px; margin-bottom: 16px; } ._content h3 { font-size: 24px; margin-bottom: 16px; } ._content h4 { font-size: 20px; margin-bottom: 16px; } ._content h5 { font-size: 16px; margin-bottom: 16px; } ._content p { line-height: 140%; margin-bottom: 20px; } ._content blockquote { padding: 24px 20px; font-size: 18px; font-weight: 300; line-height: 130%; color: var(--color-black-3); border-left: 3px solid var(--color-main-red); } ._content ._h2 { margin: 0; } ._content ._h3 { margin: 0; } ._content ._h4 { margin: 0; } ._content ._h5 { margin: 0; } ._content ._p { margin: 0; } ._content ul, ._content ol { padding-left: 30px; display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; } ._content ul ul, ._content ul ol, ._content ol ul, ._content ol ol { padding-left: 0; } ._content ul li, ._content ol li { list-style: auto; line-height: 140%; } ._content ul { padding-left: 0; } ._content ul li { display: block; } ._content ul li::before { content: "— " !important; counter-increment: none; font-weight: 500; } ._content ol[type="1"] { margin-top: 10px; counter-reset: item; padding-left: 0; } ._content ol[type="1"] li { display: block; } ._content ol[type="1"] li:last-child ul { margin-bottom: 0; } ._content ol[type="1"] li ul { margin-top: 10px; } ._content ol[type="1"] li::before { content: counters(item, ".") ". "; counter-increment: item; } ._content ul[type="3"] { gap: 20px; list-style-type: none; padding-left: 0; } ._content ul[type="3"] li { display: grid; grid-template-columns: 24px auto; gap: 10px; } ._content ul[type="3"] li::before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11.0026 16L18.0737 8.92893L16.6595 7.51472L11.0026 13.1716L8.17421 10.3431L6.75999 11.7574L11.0026 16Z' fill='%23E31E25'/%3E%3C/svg%3E"); width: 24px; height: 24px; display: inline-block; } ._content ul[type="2"] li { list-style: none; display: flex; } ._content ul[type="2"] li::before { position: relative; content: ""; background-color: var(--color-main-red); border-radius: 100%; min-width: 12px; min-height: 12px; max-width: 12px; max-height: 12px; margin: 4px 6px; display: inline-block; } ._content ul[type="1"] { padding-left: 0; } ._content ul[type="1"] li { display: block; } ._content ul[type="1"] li::before { content: "— " !important; counter-increment: none; } ._content ul[type="0"] { padding-left: 0; } ._content ul[type="0"] li { display: block; } ._content ul[type="0"] li::before { content: "" !important; counter-increment: none; } ._content li[type="0"]::before { content: "" !important; counter-increment: none; } h1, h2, h3, h4, h5 { font-weight: 500; color: var(--color-text-grafite); } .w--max { width: max-content !important; } .h--max { height: max-content !important; } .w--100 { width: 100% !important; } .page-top { margin-bottom: 24px; } .grid-list--count { --items-count: 1; grid-template-columns: repeat(var(--items-count), 1fr); } .grid-list--count-5-desktop { --items-count: 5; } .grid-list--count-4-desktop { --items-count: 4; } .grid-list--count-3-desktop { --items-count: 3; } .grid-list--count-2-desktop { --items-count: 2; } .grid-list--count-1-desktop { --items-count: 1; } .overflow-visible { overflow: visible; } .hover-link:hover { color: var(--color-primary) !important; } .hover-link:hover svg path { fill: var(--color-primary) !important; } .primary-link { color: var(--color-primary) !important; text-decoration: none !important; } .primary-link svg path { fill: var(--color-primary) !important; } .dotted-link { text-decoration-line: underline; text-decoration-style: dotted; text-decoration-skip-ink: auto; text-decoration-thickness: 5%; /* 1px */ text-underline-offset: 10%; /* 2px */ text-underline-position: from-font; cursor: pointer; } .solid-link { text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; cursor: pointer; } .text--12 { font-size: 12px; } .text--14 { font-size: 14px; } .text--16 { font-size: 16px; } .text--18 { font-size: 18px; } .text--20 { font-size: 20px; } .text--24 { font-size: 24px; } .text--uppercase { text-transform: uppercase; } .t--right { text-align: right !important; } .t--left { text-align: left !important; } .t--center { text-align: center !important; } .text-link { text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; color: var(--color-primary); cursor: pointer; } .fw--400 { font-weight: 400; } .fw--500 { font-weight: 500; } .color-neutral-600 { color: var(--color-neutral-600); } .color-grafite { color: var(--color-grafite); } .color-gray { color: var(--color-gray); } .color-gray-80 { color: var(--color-gray-80); } .color-calm-gray { color: var(--color-calm-gray); } .color-primary { color: var(--color-primary); } .color-white { color: var(--color-full-white); } .color-black { color: var(--color-full-black); } .brd-r-5 { border-radius: 5px; } .--disabled { pointer-events: none !important; } .d--flex { display: flex; } .flex-wrap-nowrap { flex-wrap: nowrap !important; } .d--flex__row { display: flex; flex-direction: row !important; } .flex--wrap { flex-wrap: wrap; } .d--flex__col { display: flex; flex-direction: column; } .align-items--start { align-items: flex-start !important; } .align-items--center { align-items: center !important; } .align-items--end { align-items: end !important; } .justify-content--space-between { justify-content: space-between; } .justify-content--center { justify-content: center !important; } .justify-content--end { justify-content: end; } .d--grid--3-fr { display: grid !important; grid-template-columns: repeat(3, 1fr); } .d--grid--2-fr { display: grid !important; grid-template-columns: repeat(2, 1fr); } .flex--1 { flex: 1; } .whitespace--nowrap { white-space: nowrap; } .--hide { display: none; } .cursor-zoom-in { cursor: zoom-in; } .input-text { border-radius: var(--border-radius-input); border: 1px solid var(--color-light-gray-7); background-color: var(--color-full-white); padding: 11px 20px; font-weight: 400; font-size: 14px; width: 100%; color: var(--color-grafite); display: flex; gap: 8px; align-items: center; height: 42px; } .input-text:focus { border: 1px solid var(--color-grafite); color: var(--color-grafite); } .input-text::placeholder { color: var(--color-light-gray); } .input-text input { color: inherit; border: none; display: flex; width: 100%; height: 100%; background: transparent; } .input-text input:focus { color: var(--color-grafite); } .input-text input::placeholder { color: var(--color-light-gray); } .input-text input[type=password]::-ms-reveal, .input-text input[type=password]::-ms-clear { display: none; } .input-text[type=password]::-ms-reveal, .input-text[type=password]::-ms-clear { display: none; } .input-textarea { border-radius: 25px; border: 1px solid var(--color-light-gray-7); background-color: var(--color-full-white); padding: 16px; width: 100%; max-height: 200px; min-height: 97px; resize: none; color: var(--color-grafite); display: flex; gap: 8px; } .input-textarea:focus { border: 1px solid var(--color-grafite); color: var(--color-grafite); } .input-textarea textarea { border: none; display: flex; width: 100%; height: 100%; background: transparent; max-height: 200px; min-height: 97px; resize: none; color: var(--color-grafite); } .input-textarea textarea:focus { border: 1px solid var(--color-grafite); color: var(--color-grafite); } .input-error { border: 1px solid var(--color-red-error) !important; } .text-error { color: var(--color-red-error); font-size: 14px; line-height: 140%; position: relative; display: flex; align-items: center; gap: 16px; margin: 0 !important; user-select: none; } .text-error::before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.99935 18.3333C5.39697 18.3333 1.66602 14.6023 1.66602 9.99996C1.66602 5.39758 5.39697 1.66663 9.99935 1.66663C14.6017 1.66663 18.3327 5.39758 18.3327 9.99996C18.3327 14.6023 14.6017 18.3333 9.99935 18.3333ZM9.99935 16.6666C13.6813 16.6666 16.666 13.6819 16.666 9.99996C16.666 6.31806 13.6813 3.33329 9.99935 3.33329C6.31745 3.33329 3.33268 6.31806 3.33268 9.99996C3.33268 13.6819 6.31745 16.6666 9.99935 16.6666ZM9.16602 12.5H10.8327V14.1666H9.16602V12.5ZM9.16602 5.83329H10.8327V10.8333H9.16602V5.83329Z' fill='%23DC2626'/%3E%3C/svg%3E"); width: 20px; height: 20px; min-width: 20px; position: relative; } .text-error.__hide { display: none; } .text-info { color: var(--color-neutral-600); font-size: 12px; line-height: 140%; } .input-checkbox { position: relative; display: flex; align-items: center; user-select: none; cursor: pointer; font-weight: 400; } .input-checkbox input { display: none; } .input-checkbox input:checked + .checkboxLabel .checkboxIcon { background-color: var(--color-red-error); border: none; } .input-checkbox input:checked + .checkboxLabel .checkboxIcon::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6.66746 10.1141L12.7957 3.98584L13.7385 4.92865L6.66746 11.9997L2.4248 7.75709L3.36761 6.81429L6.66746 10.1141Z' fill='white' stroke='white'/%3E%3C/svg%3E"); position: absolute; top: 2px; right: 2px; max-width: 16px; max-height: 16px; } .input-checkbox .checkboxLabel { display: flex; cursor: pointer; height: max-content; align-self: flex-start; } .input-checkbox .checkboxIcon { width: 20px; height: 20px; border-radius: 4px; border: 1px solid var(--color-text-grafite); position: relative; margin-right: 8px; } .input-checkbox:hover .checkboxIcon { border: 1px solid var(--color-black-3); } .input-radio { position: relative; display: inline-flex; align-items: center; user-select: none; cursor: pointer; font-weight: 400; } .input-radio input { display: none; } .input-radio input:checked + .radioLabel .radioIcon { border: 6px solid var(--color-text-grafite); } .input-radio .radioLabel { display: inline-flex; cursor: pointer; height: max-content; align-self: flex-start; } .input-radio .radioIcon { width: 20px; height: 20px; border-radius: 50%; border: 1px solid var(--color-text-grafite); margin-right: 8px; position: relative; display: flex; justify-content: center; align-items: center; } .input-radio:hover .radioIcon { border: 1px solid var(--color-black-3); } .input-select { margin-bottom: 20px; } .input-select .input-select__content { justify-content: space-between; width: 100%; line-height: normal; } .input-select .input-select__list { width: 100% !important; top: 0 !important; border-radius: var(--border-radius-input) !important; } .input-select .input-select__list .input-select__inner { overflow: auto; display: flex; flex-direction: column; row-gap: 12px; overflow: auto; margin: 0; } .input-select .input-select__content.sok__btn-light-white:hover { color: var(--color-neutral-600); background: var(--color-light-white); } .input-select .input-select__content.sok__btn-light-white:hover svg path { fill: currentColor; } .input-select .input-select__content.sok__btn-light-white .input-select__current { color: var(--color-neutral-600); font-size: 14px; } .input-select .input-select__content.input-text { color: var(--color-grafite); } .page-container .page__sidebar { display: none; } .content__grid { display: grid; grid-template-columns: 360px auto; gap: 30px; } .content__grid .page__sidebar { display: block; } .wide__content { max-width: 100%; } .sok__container .sok__container { padding: 0; } .narrow__content { max-width: 1120px; margin: 0 auto; } .wrapper-border-24 { border-radius: var(--border-radius-block-outer); border: 1px solid var(--color-light-stroke); background-color: var(--color-full-white); padding: 24px; place-items: flex-start; } .wrapper-border-20 { border-radius: var(--border-radius-block-outer); border: 1px solid var(--color-light-stroke); background-color: var(--color-full-white); padding: 20px; place-items: flex-start; } .img-wrapper { display: flex; } .img-wrapper.center { justify-content: center; } .img-wrapper.end { justify-content: end; } .max-h-0 { max-height: 0; } .navigation { height: 44px; display: flex; gap: 24px; align-items: center; overflow: hidden; overflow-x: auto; scroll-padding-top: 100px; max-width: calc(100vw - 40px); } .navigation .navigation-item { color: var(--color-neutral-800); font-size: 20px; font-weight: 400; line-height: 140%; padding: 6px 0; padding-left: 24px; padding-right: 24px; white-space: nowrap; border-bottom: 4px solid transparent; cursor: pointer; display: flex; align-items: center; gap: 8px; user-select: none; } .navigation .navigation-item:hover { border-bottom: 4px solid var(--color-primary); } .navigation .navigation-item .navigation-counter { font-size: 12px; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; padding: 4px; background-color: var(--color-neutral-200); border-radius: 100%; color: var(--color-neutral-800); font-weight: 400; } .navigation .navigation-item._active { border-bottom: 4px solid var(--color-primary); font-weight: 500; } .card--img { position: relative; width: 100%; display: flex; justify-content: center; align-items: center; height: 100%; } .card--img img { height: 100%; max-width: 100%; } .card--img-240 { max-height: 240px; } .card--img-240 img { max-height: 240px; max-width: 100%; } .img--cover { object-fit: cover; } .card__tooltip { display: none; background-color: var(--color-primary); background-repeat: no-repeat; position: absolute; padding: 8px; top: -30px; left: -60px; border-radius: 8px; font-size: 10px; color: var(--color-full-white); width: 115px; user-select: none; } .card__tooltip::before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 5 5' fill='none'%3E%3Cpath d='M4.5 0.51709L4.5 4.51709L0.5 0.51709L4.5 0.51709Z' fill='%23d3001b'/%3E%3C/svg%3E"); background-repeat: no-repeat; position: absolute; width: 5px; height: 5px; bottom: -4px; left: calc(50% - 1px); } .card__tooltip::after { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 5 5' fill='none'%3E%3Cpath d='M0.5 0.51709V4.51709L4.5 0.51709H0.5Z' fill='%23d3001b'/%3E%3C/svg%3E"); background-repeat: no-repeat; position: absolute; width: 5px; height: 5px; bottom: -4px; left: calc(50% + 1px); } .sok__btn-primary { border-radius: var(--border-radius-button); font-size: 14px; line-height: normal; cursor: pointer; padding: 0px 24px; display: flex; align-items: center; justify-content: center; text-align: center; gap: 12px; height: 42px; font-weight: 400; user-select: none; transition: all var(--transition); background: var(--color-primary); color: var(--color-full-white); border: 1px solid transparent; pointer-events: all; box-shadow: none; margin: 0; } .sok__btn-primary span { pointer-events: none; } .sok__btn-primary svg { pointer-events: none; } .sok__btn-primary svg path { fill: var(--color-full-white); } .sok__btn-primary:hover { opacity: var(--color-opacity-hover); } .sok__btn-primary._active { border: 1px solid var(--color-primary); background: var(--color-full-white); color: var(--color-primary); box-shadow: none; } .sok__btn-primary._active svg path { fill: var(--color-primary); } .sok__btn-primary._active:hover { background: var(--color-primary); color: var(--color-full-white); } .sok__btn-primary._active:hover svg path { fill: var(--color-full-white); } .sok__btn-primary--invert { border-radius: var(--border-radius-button); font-size: 14px; line-height: normal; cursor: pointer; padding: 0px 24px; display: flex; align-items: center; justify-content: center; text-align: center; gap: 12px; height: 42px; font-weight: 400; user-select: none; transition: all var(--transition); border: 1px solid var(--color-text-grafite); background: var(--color-full-white); color: var(--color-text-grafite); margin: 0; } .sok__btn-primary--invert svg path { fill: var(--color-text-grafite); } .sok__btn-primary--invert:hover { background: var(--color-text-grafite); color: var(--color-full-white); } .sok__btn-primary--invert:hover svg path { fill: var(--color-full-white); } .sok__btn-opacity { border-radius: var(--border-radius-button); font-size: 14px; line-height: normal; cursor: pointer; padding: 0px 24px; display: flex; align-items: center; justify-content: center; text-align: center; gap: 12px; height: 42px; font-weight: 400; user-select: none; transition: all var(--transition); color: var(--color-text-mid-gray); background-color: transparent; } .sok__btn-opacity:hover { background: var(--color-light-white); color: var(--color-grafite); } .sok__btn-secondary { border-radius: var(--border-radius-button); font-size: 14px; line-height: normal; cursor: pointer; padding: 0px 24px; display: flex; align-items: center; justify-content: center; text-align: center; gap: 12px; height: 42px; font-weight: 400; user-select: none; transition: all var(--transition); color: var(--color-text-mid-gray); background: var(--color-secondary); } .sok__btn-secondary svg path { fill: var(--color-text-grafite); } .sok__btn-secondary:hover { background: var(--color-primary); color: var(--color-full-white); } .sok__btn-secondary:hover svg path { fill: var(--color-full-white); } .sok__btn-white { border-radius: var(--border-radius-button); font-size: 14px; line-height: normal; cursor: pointer; padding: 0px 24px; display: flex; align-items: center; justify-content: center; text-align: center; gap: 12px; height: 42px; font-weight: 400; user-select: none; transition: all var(--transition); color: var(--color-black-4); background: var(--color-full-white); } .sok__btn-white:hover { background: var(--color-secondary); } .sok__btn-light-white { border-radius: var(--border-radius-button); font-size: 14px; line-height: normal; cursor: pointer; padding: 0px 24px; display: flex; align-items: center; justify-content: center; text-align: center; gap: 12px; height: 42px; font-weight: 400; user-select: none; transition: all var(--transition); border: none; background: var(--color-light-white); } .sok__btn-light-white svg path { transition: all var(--transition); } .sok__btn-light-white:hover { color: var(--color-full-white); background: var(--color-primary); } .sok__btn-light-white:hover svg path { fill: var(--color-full-white); } .sok__btn-select-light-gray { border-radius: var(--border-radius-button); font-size: 14px; line-height: normal; cursor: pointer; padding: 0px 24px; display: flex; align-items: center; justify-content: center; text-align: center; gap: 12px; height: 42px; font-weight: 400; user-select: none; transition: all var(--transition); color: var(--color-neutral-600); border: 2px solid var(--color-light-white); background: var(--color-full-white); } .sok__btn-select-light-gray:hover { background: var(--color-light-white); border: 2px solid transparent; } .sok__btn-select-light-gray[disabled] { color: var(--color-light-gray); cursor: auto; pointer-events: none; } .sok__btn-select-light-gray._active { background: var(--color-light-white); color: var(--color-full-white); border: 2px solid transparent; } .sok__btn--sm { padding: 8px 12px; gap: 8px; font-size: 12px; height: 30px !important; } .sok__btn--m { padding: 0px 24px; height: 42px !important; } .sok__btn--lg { height: 48px !important; } .mobile--show { display: none; pointer-events: none; } .form-container { display: flex; flex-direction: column; margin-bottom: -16px; } .form-container .password-hide { display: none; } .form-container .fields-cols-2 { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 16px; } .form-container .form-container__bottom { display: flex; flex-direction: column; width: 100%; margin-bottom: 16px; } .form-container .form-container__bottom .form-container__bottom-message { margin-top: 10px; font-size: 16px; font-weight: 500; line-height: 140%; } .form-container .form-container__bottom > *:last-child { margin-bottom: 0px; } .form-container .form-container__checkbox { color: var(--color-calm-gray); font-size: 14px; font-weight: 400; line-height: 120%; display: flex; align-items: flex-start; margin-bottom: 16px; } .form-container .form-container__checkbox a { text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; } .form-container .form-container__buttons { display: flex; flex-direction: column; gap: 10px; margin-bottom: 16px; } .form-container .form-container__nav { margin-top: -16px; } .form-container .form-forgot-password { margin-bottom: 16px; padding: 10px; } .form-container .form-forgot-password__text { color: var(--color-gray-4); font-size: 16px; font-weight: 500; line-height: 140%; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; margin-left: auto; cursor: pointer; width: max-content; } .form-container .form-change-password { margin-bottom: 20px; padding: 12px; padding-bottom: 24px; } .form-container .form-change-password__text { color: var(--color-full-black); font-size: 14px; font-weight: 500; line-height: 140%; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; cursor: pointer; width: max-content; } .form-container .form-restore-password { margin-bottom: 15px; padding: 10px; font-size: 14px; font-weight: 400; line-height: 140%; color: var(--color-gray-5); } .text__confirm { color: var(--color-light-gray); font-size: 14px; line-height: 140%; text-align: center; } .text__confirm a { text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; } .password_field { position: relative; } .password_field .toggle-password { position: absolute; top: 0; bottom: 0; cursor: pointer; right: 0px; width: 55px; } .password_field .toggle-password::after { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7.78573 15.6516L6.17586 15.2201L6.83208 12.7711C5.84116 12.4061 4.93067 11.8748 4.13446 11.2111L2.34002 13.0056L1.16151 11.8271L2.95596 10.0326C1.96334 8.8419 1.26695 7.39553 0.97998 5.8068L2.62005 5.50861C3.25257 9.01048 6.31626 11.6667 10.0003 11.6667C13.6844 11.6667 16.7482 9.01048 17.3807 5.50861L19.0207 5.8068C18.7337 7.39553 18.0373 8.8419 17.0447 10.0326L18.8392 11.8271L17.6607 13.0056L15.8662 11.2111C15.07 11.8748 14.1595 12.4061 13.1686 12.7711L13.8248 15.2201L12.215 15.6516L11.5585 13.2015C11.0521 13.2882 10.5315 13.3334 10.0003 13.3334C9.46925 13.3334 8.94858 13.2882 8.44225 13.2015L7.78573 15.6516Z' fill='%23475569'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position-x: center; background-position-y: center; width: 55px; position: absolute; top: 0; bottom: 0; } .password_field .toggle-password.password-show::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10.0004 2.5C14.4938 2.5 18.2322 5.73313 19.0159 10C18.2322 14.2668 14.4938 17.5 10.0004 17.5C5.50693 17.5 1.76862 14.2668 0.984863 10C1.76862 5.73313 5.50693 2.5 10.0004 2.5ZM10.0004 15.8333C13.5301 15.8333 16.5504 13.3767 17.3149 10C16.5504 6.62336 13.5301 4.16667 10.0004 4.16667C6.47066 4.16667 3.45035 6.62336 2.68581 10C3.45035 13.3767 6.47066 15.8333 10.0004 15.8333ZM10.0004 13.75C7.92931 13.75 6.25038 12.0711 6.25038 10C6.25038 7.92893 7.92931 6.25 10.0004 6.25C12.0714 6.25 13.7504 7.92893 13.7504 10C13.7504 12.0711 12.0714 13.75 10.0004 13.75ZM10.0004 12.0833C11.151 12.0833 12.0837 11.1506 12.0837 10C12.0837 8.84942 11.151 7.91667 10.0004 7.91667C8.84983 7.91667 7.91705 8.84942 7.91705 10C7.91705 11.1506 8.84983 12.0833 10.0004 12.0833Z' fill='%23475569'/%3E%3C/svg%3E"); } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; display: flex; flex-direction: column; row-gap: 8px; font-size: 16px; width: 100%; margin-bottom: 16px; font-weight: 400; } fieldset label { color: var(--color-grafite); font-size: 16px; display: flex; } fieldset .input-select { margin-bottom: 0px !important; } .required-field label::before { content: "*"; color: var(--color-main-red); margin-right: 4px; } .required-email label::before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M1.99967 2H13.9997C14.3679 2 14.6663 2.29848 14.6663 2.66667V13.3333C14.6663 13.7015 14.3679 14 13.9997 14H1.99967C1.63149 14 1.33301 13.7015 1.33301 13.3333V2.66667C1.33301 2.29848 1.63149 2 1.99967 2ZM13.333 4.82528L8.04754 9.55867L2.66634 4.81063V12.6667H13.333V4.82528ZM3.00731 3.33333L8.04094 7.77467L13.0003 3.33333H3.00731Z' fill='%231E1E1E'/%3E%3C/svg%3E"); margin-right: 4px; min-width: 16px; min-height: 16px; max-width: 16px; max-height: 16px; display: inline-block; } .required-phone label::before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6.24371 7.1214C6.868 8.2192 7.7808 9.132 8.8786 9.75627L9.46827 8.93073C9.66433 8.65633 10.0344 8.57153 10.3304 8.7332C11.2683 9.24553 12.3047 9.55687 13.3859 9.64247C13.7327 9.66993 14 9.95927 14 10.3071V13.2823C14 13.6241 13.7415 13.9105 13.4015 13.9454C13.0482 13.9817 12.6918 14 12.3333 14C6.62639 14 2 9.3736 2 3.66667C2 3.30818 2.01828 2.95181 2.05459 2.59851C2.08953 2.2585 2.37596 2 2.71777 2H5.69295C6.04073 2 6.33009 2.26736 6.35753 2.61406C6.44311 3.69525 6.75447 4.73176 7.2668 5.66963C7.42847 5.9656 7.34367 6.33569 7.06927 6.53171L6.24371 7.1214ZM4.56283 6.68347L5.82947 5.77873C5.47031 5.00343 5.22419 4.18122 5.09818 3.33333H3.33938C3.33535 3.44421 3.33333 3.55533 3.33333 3.66667C3.33333 8.6372 7.3628 12.6667 12.3333 12.6667C12.4447 12.6667 12.5558 12.6647 12.6667 12.6606V10.9018C11.8188 10.7758 10.9966 10.5297 10.2213 10.1705L9.31653 11.4372C8.95053 11.295 8.59707 11.1277 8.25827 10.9374L8.21953 10.9153C6.91313 10.1725 5.82756 9.08687 5.08467 7.78047L5.06263 7.74173C4.87233 7.40293 4.70503 7.04947 4.56283 6.68347Z' fill='%230C0C0D'/%3E%3C/svg%3E"); margin-right: 4px; min-width: 16px; min-height: 16px; max-width: 16px; max-height: 16px; display: inline-block; } .ratio-list { display: flex; flex-direction: column; } .ratio-list .ratio-list-item { padding: 16px 0; display: flex; flex-direction: column; gap: 8px; border-bottom: 1px solid var(--color-light-stroke); flex: 1; align-items: flex-start; } .ratio-list .ratio-list-item .ratio-item-top { display: flex; gap: 12px; } .tab-item-content { display: none; } .tab-item-content._active { display: inline-block; } .text-info-result { position: relative; display: flex; gap: 24px; } .text-info-result a { text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; } .text-info-result.icon-checked-success-svg { gap: 10px; } .text-info-result.icon-checked-success-svg svg { min-width: 34px; min-height: 34px; max-width: 34px; max-height: 34px; } .text-info-result.icon-checked-success::before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cpath d='M24 44C12.9543 44 4 35.0456 4 24C4 12.9543 12.9543 4 24 4C35.0456 4 44 12.9543 44 24C44 35.0456 35.0456 44 24 44ZM22.0052 32L36.1474 17.8579L33.319 15.0294L22.0052 26.3432L16.3484 20.6862L13.52 23.5148L22.0052 32Z' fill='%23d3001b'/%3E%3C/svg%3E"); min-width: 48px; min-height: 48px; max-width: 48px; max-height: 48px; display: inline-block; } .text-info-result.icon-checked-success-green::before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M20.0002 36.6673C10.7954 36.6673 3.3335 29.2053 3.3335 20.0007C3.3335 10.7959 10.7954 3.33398 20.0002 3.33398C29.2048 3.33398 36.6668 10.7959 36.6668 20.0007C36.6668 29.2053 29.2048 36.6673 20.0002 36.6673ZM18.3378 26.6673L30.123 14.8822L27.766 12.5252L18.3378 21.9533L13.6238 17.2392L11.2668 19.5963L18.3378 26.6673Z' fill='%2321BA4C' fill-opacity='0.83'/%3E%3C/svg%3E"); min-width: 40px; min-height: 40px; max-width: 40px; max-height: 40px; display: inline-block; } .text-info-result.icon-search::before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11 2C15.968 2 20 6.032 20 11C20 15.968 15.968 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2ZM11 18C14.8675 18 18 14.8675 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18ZM19.4853 18.0711L22.3137 20.8995L20.8995 22.3137L18.0711 19.4853L19.4853 18.0711Z' fill='%23475569'/%3E%3C/svg%3E"); min-width: 24px; min-height: 24px; max-width: 24px; max-height: 24px; display: inline-block; } .product-counter { user-select: none; } .product-counter input { text-align: center; } .product-counter { /* Для Chrome и Safari */ } .product-counter input[type=number]::-webkit-inner-spin-button, .product-counter input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .product-counter { /* Для Firefox */ } .product-counter input[type=number] { -moz-appearance: textfield; } .product-counter { /* Для IE и Edge */ } .product-counter input[type=number]::-ms-clear { display: none; } .product-counter .product-counter__controls .product-counter__control.product--disabled { cursor: auto; pointer-events: none; } .product-counter._hide { display: none; pointer-events: none; } .w-600-container { margin: 0 auto; max-width: 600px; padding: 24px 0; } section.big-section { padding-top: 80px; padding-bottom: 80px; } section.medium-section { padding-top: 40px; padding-bottom: 40px; } section.page-section { margin-bottom: 60px; } .bg-white { background-color: var(--color-full-white); } .bg-black { background-color: var(--color-full-black); } .bg-black h2 { color: var(--color-full-white); } .bg-light-gray-3 { background-color: var(--color-light-gray-3); } .bg-about-image { background-color: var(--color-full-black); background-image: url(/local/templates/rr-wheels_corp/img/sections/about.png); object-fit: cover; background-size: contain; background-position-x: right; background-position-y: center; background-repeat: no-repeat; } .bg-about-image h2 { color: var(--color-full-white); } section.section__row { display: flex; flex-direction: column; row-gap: 40px; } section.section__row .section-top { display: flex; justify-content: space-between; align-items: center; } section.section__row .section-top .section__title { display: flex; align-items: center; gap: 16px; } section.section__row .section-top .section__title .section__title__text { transition: all var(--transition); } section.section__row .section-top .section__title .section__icon { display: flex; background-color: var(--color-full-white); border-radius: 100%; transition: all var(--transition); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.07); } section.section__row .section-top a.section__title:hover .section__title__text { color: var(--color-primary); } section.section__row .section-top a.section__title:hover .section__icon { background-color: var(--color-primary); } section.section__row .section-top a.section__title:hover .section__icon svg path { fill: var(--color-full-white); } section.section__row .section-top .section__buttons { display: flex; gap: 12px; flex-wrap: wrap; } section.section__row .section-top .section__buttons .section__button { border-radius: var(--border-radius-button); font-size: 14px; line-height: normal; cursor: pointer; padding: 0px 24px; display: flex; align-items: center; justify-content: center; text-align: center; gap: 12px; height: 42px; font-weight: 400; user-select: none; transition: all var(--transition); border: none; background: var(--color-light-white); color: var(--color-neutral-600); } section.section__row .section-top .section__buttons .section__button:hover { background: var(--color-primary-light); color: var(--color-primary-hover); } section.section__row .section-top .section__buttons .section__button._active { background: var(--color-primary-light); color: var(--color-primary-hover); } section.section__row .section-top.top-white .section__title .section__title__text { color: var(--color-full-white); } section.section__row .section-top.top-white .section__title .section__icon { background-color: var(--color-full-white); } section.section__row .section-top.top-white .section__title .section__icon svg path { fill: var(--color-neutral-600); } section.section__row .section-top.top-white .section__title:hover .section__title__text { color: var(--color-grafite); } section.section__row .section-top.top-white .section__title:hover .section__icon { background-color: var(--color-grafite); } section.section__row .section-top.top-white .section__title:hover .section__icon svg path { fill: var(--color-full-white); } @media (max-width: 1600px) { .container-swiper { padding-right: 0 !important; } } @media (max-width: 1280px) { .content__grid { grid-template-columns: 300px auto; } } @media (max-width: 992px) { .text--24 { font-size: 16px; } .text--20 { font-size: 16px; } .d--grid--3-fr { display: grid !important; grid-template-columns: repeat(2, 1fr); } .page__sidebar { display: none !important; } .content__grid { grid-template-columns: auto; } .grid-list--count-5-tablet { --items-count: 5; } .grid-list--count-4-tablet { --items-count: 4; } .grid-list--count-3-tablet { --items-count: 3; } .grid-list--count-2-tablet { --items-count: 2; } .grid-list--count-1-tablet { --items-count: 1; } section.big-section { padding-top: 50px; padding-bottom: 50px; } section.page-section { margin-bottom: 50px; } section.section__row .section-top { flex-direction: column; align-items: baseline; gap: 24px; } } @media only screen and (max-device-width: 768px) and (orientation: portrait) { .mobile--show { display: flex; pointer-events: all; } } @media (max-width: 768px) { .text--24 { font-size: 14px; } .text--20 { font-size: 14px; } .text--18 { font-size: 16px; } .text--16 { font-size: 14px; } fieldset { font-size: 14px; } fieldset label { font-size: 14px; } .wrapper-border-24 { padding: 24px 20px; } .wrapper-shadow-30 { padding: 20px; } .d--flex__row { flex-wrap: wrap; gap: 12px; } .d--grid--3-fr { display: grid !important; grid-template-columns: auto; } .d--grid--2-fr { grid-template-columns: auto; } .bg-about-image { background-image: url(/local/templates/rr-wheels_corp/img/sections/about-mob.png); } .media-col { flex-direction: column !important; } .grid-list--count-5-mobile { --items-count: 5; } .grid-list--count-4-mobile { --items-count: 4; } .grid-list--count-3-mobile { --items-count: 3; } .grid-list--count-2-mobile { --items-count: 2; } .grid-list--count-1-mobile { --items-count: 1; } .sok__btn-primary, .sok__btn-primary--invert, .sok__btn-opacity, .sok__btn-light-white { width: 100%; } section.big-section { padding-top: 40px; padding-bottom: 40px; } section.medium-section { padding-top: 20px; padding-bottom: 20px; } section.page-section { margin-bottom: 40px; } section.section__row { row-gap: 20px; } section.section__row .section-top { gap: 16px; } section.section__row .section-top .section__title .section__icon svg { max-width: 28px; max-height: 28px; } ._content h1 { font-size: 24px; } ._content h2 { font-size: 24px; } ._content h3 { font-size: 20px; } ._content p { font-size: 14px; } ._content ul li, ._content ol li { font-size: 14px; } .form-container .fields-cols-2 { grid-template-columns: repeat(1, 1fr); } .form-container .form-forgot-password__text { font-size: 14px; } .form-container .form-container__checkbox { font-size: 12px; } .form-container .form-container__bottom .form-container__bottom-message { font-size: 12px; margin-top: 16px; } } /* Стили для Swiper слайдеров */ /* Слайдер каталога */ .catalog-swiper-wrapper .swiper { overflow: visible; } .catalog-swiper { position: relative; } .catalog-swiper .swiper-slide { height: auto; display: flex; box-sizing: border-box; width: auto; cursor: grab; } .catalog-swiper .swiper-slide .catalog-card { width: 360px; flex-shrink: 0; } @media (max-width: 768px) { .catalog-swiper .swiper-slide { width: calc((100% - 20px) / 2.2); min-width: calc((100% - 20px) / 2.2); max-width: calc((100% - 20px) / 2.2); } .catalog-swiper .swiper-slide .catalog-card { width: 100%; max-width: 100%; min-width: 100%; } } .catalog-swiper-prev[aria-disabled=true], .catalog-swiper-next[aria-disabled=true] { display: none; } .catalog-swiper-next, .catalog-swiper-prev { width: var(--swiper-arrow-size); height: var(--swiper-arrow-size); background-color: rgba(0, 0, 0, 0.168627451); border-radius: 100%; transition: all var(--transition); position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; cursor: pointer; margin-top: 0; } .catalog-swiper-next:before, .catalog-swiper-prev:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.5s; pointer-events: none; background: url(/local/templates/rr-wheels_corp/img/icons/arrow-right-up.svg) no-repeat center center; background-size: 18px 18px; } .catalog-swiper-prev { left: 0; transform: translateY(-50%) rotate(225deg); } .catalog-swiper-next { right: 0; transform: translateY(-50%) rotate(45deg); } .catalog-swiper-prev-overlay, .catalog-swiper-next-overlay { position: absolute; width: var(--swiper-arrow-size); height: var(--swiper-arrow-size); left: 100%; bottom: 100%; border-radius: 100%; opacity: 0; scale: 0.2; background-color: var(--color-full-black, #000); transition: all 0.5s; pointer-events: none; } .catalog-swiper:hover .catalog-swiper-next, .catalog-swiper:hover .catalog-swiper-prev { opacity: 0.7; } .catalog-swiper-next:hover:before, .catalog-swiper-prev:hover:before { filter: invert(100%) sepia(0%) saturate(7435%) hue-rotate(230deg) brightness(115%) contrast(116%); z-index: 1; } .catalog-swiper-next:hover .catalog-swiper-next-overlay, .catalog-swiper-prev:hover .catalog-swiper-prev-overlay { scale: 1; left: 0%; bottom: 0%; opacity: 1; pointer-events: none; } .catalog-swiper-next:hover, .catalog-swiper-prev:hover { transition: all var(--transition); opacity: 1 !important; } @media (max-width: 576px) { .catalog-swiper-next, .catalog-swiper-prev { display: none; } } .container-swiper { position: relative; } :root { --swiper-arrow-size: 100px; } @media (max-width: 576px) { :root { --swiper-arrow-size: 70px; } } .swiper-button-next:after, .swiper-button-prev:after, .swiper-button-next:before, .swiper-button-prev:before { content: ""; font-family: unset; font-size: unset; } /*Стили шапки (header) */ .header { display: flex; flex-direction: column; padding: 16px 0; transition: all var(--transition); position: relative; background-color: var(--color-full-white); box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.13); gap: 24px; } .header .header-flex { display: flex; justify-content: space-between; } .header .header-flex__left { display: flex; height: 100%; max-width: 1044px; width: 100%; justify-content: space-between; align-items: center; gap: 30px; } .header .header-flex__left .header-menu { display: flex; flex-wrap: wrap; gap: 12px; } .header .header-flex__left .header-menu .sok__btn-opacity { padding: 6px 12px 6px 20px; } .header .header-flex__left .header-catalog-menu { display: flex; flex-wrap: wrap; gap: 8px; } .header .header-flex__left .header-catalog-menu .header-catalog-btn._active .catalog-btn-menu-container { display: grid; } .header .header-flex__left .header-catalog-menu .header-catalog-btn._active .catalog-btn-menu { display: grid; grid-template-columns: repeat(3, 1fr); } .header .header-flex__left .header-catalog-menu .header-menu._list .dropdown__show { display: none; } .header .header-flex__left .header-catalog-menu .header-menu._list .dropdown__content { display: flex; position: relative; box-shadow: none; flex-direction: row; z-index: 0; padding: 0; gap: 8px; width: auto; } .header .header-flex .header-menu-buttons-phone-dropdown { display: flex; align-items: center; gap: 24px; min-height: 40px; } .header .header-flex .header-phone-dropdown { margin: auto; margin-right: 0; } .header .header-flex .header-phone-dropdown .dropdown__show { padding: 0; } .header .header-flex .header-phone-dropdown .dropdown__content { width: 227px; left: -66px; gap: 12px; margin-top: 10px; } .header .header-flex .header-phone-dropdown .header-phone { display: flex; flex-direction: column; align-items: center; gap: 12px; color: var(--color-grafite); cursor: pointer; } .header .header-flex .header-phone-dropdown .header-phone .header-phone__number { display: flex; gap: 12px; font-weight: 500; font-size: 16px; } .header .header-flex .header-phone-dropdown .header-phone .header-phone__number .header-phone__text { display: flex; flex-direction: column; } .header .header-flex .header-phone-dropdown .header-phone .header-phone__number .header-phone__additional { font-size: 14px; font-weight: 400; color: var(--color-neutral-400); } .header .header-flex .header-menu-buttons { display: flex; gap: 8px; } .header .header-flex .header-menu-buttons .menu-buttons__item { border-radius: 100%; position: relative; cursor: pointer; padding: 9px; margin: auto; display: flex; } .header .header-flex .header-menu-buttons .menu-buttons__item svg { width: 24px; min-width: 24px; height: 24px; min-height: 24px; } .header .header-flex .header-menu-buttons .menu-buttons__item:hover { background: var(--color-light-white); } .header .header-flex .header-menu-buttons .menu-buttons__item .dropdown__show { display: flex; } .header .header-flex .header-menu-buttons .menu-buttons__item .menu-buttons__count { position: absolute; border-radius: 20px; background: var(--color-primary); width: 20px; height: 20px; display: flex; flex-direction: column; color: var(--color-full-white); font-size: 12px; align-items: center; justify-content: center; top: 0px; right: 0px; user-select: none; visibility: hidden; } .header .header-flex .header-menu-buttons .menu-buttons__item .menu-buttons__count._active { visibility: visible; } .header .header-flex .header-menu-buttons .menu-buttons__item.item__menu { display: none; padding: 11px; background-color: var(--color-main-red); border-radius: 100%; cursor: pointer; } .header .header-flex .header-menu-buttons .menu-buttons__item.item__profile .dropdown__show { padding: 0; } .header .header-flex .header-menu-buttons .menu-buttons__item.item__profile .profile-menu-list { gap: 10px; width: 217px; right: 0; top: 100%; font-weight: 400; } .header .header-flex .header-menu-buttons .menu-buttons__item.item__profile .profile-menu-list .profile-menu__item { color: var(--color-full-black); display: flex; align-items: center; gap: 16px; padding: 8px; border-radius: 20px; } .header .header-flex .header-menu-buttons .menu-buttons__item.item__profile .profile-menu-list .profile-menu__item:hover { background: var(--color-light-white); } .header .fixed__wrapper._fixed { position: fixed; top: 0; right: 0; left: 0; background: var(--color-full-white); z-index: 100; box-shadow: var(--shadow-1); padding: 10px 0; } .header .fixed__wrapper._fixed .header-flex .header-menu-buttons-phone-dropdown .header-menu-buttons { display: flex; } .header-logo { display: flex; align-items: center; gap: 16px; user-select: none; } .header-logo .header-logo-text { color: var(--color-text-grafite); font-size: 14px; font-weight: 400; } .header-logo img { width: 97px; height: 54px; } .header.z-index { z-index: 101; } @media (max-width: 1280px) { .header .header-flex__left { justify-content: flex-start; } .header .header-flex__left .header-menu { display: none; } } @media (max-width: 992px) { .header-logo img { width: 77px; height: 44px; } .header-logo .header-logo-text { display: none; } .header .header-flex__left .header-catalog-menu { display: none; } .header .header-flex .header-phone-dropdown .dropdown__content { left: -20px; } .header .header-flex .header-menu-buttons .menu-buttons__item.item__menu { display: flex; padding: 9px; } } @media (max-width: 768px) { .header-logo img { width: 62px; height: 34px; } .header { padding: 9px 0; } .header .header-flex { align-items: center; } .header .header-flex .header-menu-buttons-phone-dropdown { min-height: 32px; } .header .header-flex .header-menu-buttons .menu-buttons__item.item__profile { display: none; } .header .header-flex .header-phone-dropdown .dropdown__content { width: 160px; padding: 10px; gap: 6px; } .header .header-flex .header-phone-dropdown .dropdown__content .sok__btn-primary--invert { font-size: 10px; height: 32px; } .header .header-flex .header-phone-dropdown .header-phone .header-phone__number { font-size: 10px; } .header .header-flex .header-phone-dropdown .header-phone .header-phone__number svg { min-width: 16px; width: 16px; height: 16px; min-height: 16px; } .header .header-flex .header-phone-dropdown .header-phone .header-phone__number .header-phone__additional { font-size: 8px; } .header .fixed__wrapper._fixed { padding: 9px 0; } } /*Стили шапки (header) END */ /*Стили футера (footer) */ .footer-bg { background-color: var(--color-full-black); } .footer-container { color: var(--color-full-white); padding: 60px 0; } .footer-container .footer__inner { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; } .footer-container .footer__inner .footer__col { width: 100%; } .footer-container .footer__inner .footer__col .footer-menu { display: flex; flex-direction: column; gap: 20px; height: 100%; cursor: auto; user-select: all; } .footer-container .footer__inner .footer__col .footer-menu .footer-logo { display: flex; align-items: center; gap: 16px; } .footer-container .footer__inner .footer__col .footer-menu .footer-logo img { width: 97px; height: 54px; } .footer-container .footer__inner .footer__col .footer-menu .footer-logo .footer-logo-text { font-size: 14px; font-weight: 400; line-height: 140%; } .footer-container .footer__inner .footer__col .footer-menu .footer-menu__top { font-size: 18px; font-weight: 500; cursor: auto; } .footer-container .footer__inner .footer__col .footer-menu .footer-menu__top svg { transition: all var(--transition); transform: rotate(0deg); min-width: 24px; min-height: 24px; } .footer-container .footer__inner .footer__col .footer-menu .footer-menu__content { display: flex; flex-direction: column; border-radius: 0; position: relative; background: none; box-shadow: none; padding: 0; width: auto; top: auto; gap: 10px; } .footer-container .footer__inner .footer__col .footer-menu .footer-menu__content li { color: var(--color-full-white); font-size: 16px; line-height: 140%; } .footer-container .footer__inner .footer__col .footer-menu .footer-menu__content li a:hover { color: var(--color-main-red); } .footer-container .footer__inner .footer__col .footer-menu .footer-menu__content .footer-menu__phone { font-weight: 600; } .footer-container .footer__inner .footer__col .footer-menu .footer-socials { display: flex; gap: 18px; flex-wrap: wrap; } .footer-container .footer__inner .footer__col .footer-menu .footer-socials .footer-socials__link { display: flex; } .footer-container .footer__inner .footer__col .footer-menu .footer-socials .footer-socials__link svg path { transition: all var(--transition); } .footer-container .footer__inner .footer__col .footer-menu .footer-socials .footer-socials__link:hover svg path { fill: var(--color-main-red); } .footer-container .footer-bottom { display: flex; margin-top: 44px; justify-content: space-between; width: 100%; flex-wrap: wrap; gap: 20px; } .sok__developers { display: flex; gap: 6px; align-items: center; font-size: 14px; font-weight: 500; } .sok__developers a { display: flex; } .sok__developers a svg path { transition: all var(--transition); } .sok__developers a:hover svg path { fill: var(--color-main-red); } @media (min-width: 769px) { .footer-container .footer__inner .footer__col:first-child { max-width: 272px; } .footer-container .footer__inner .footer__col { max-width: 180px; } .footer-container .footer__inner .footer__col:last-child { max-width: 280px; } } @media (max-width: 992px) { .footer-container { padding: 40px 0; } } @media (max-width: 768px) { .footer-container .footer__inner { gap: 0px; } .footer-container .footer__inner .footer__col:first-child { margin-bottom: 30px; } .footer-container .footer__inner .footer__col { margin-bottom: 20px; } .footer-container .footer__inner .footer__col:last-child { margin-bottom: 46px; } } /* Стили футера (footer) END */ .dropdown { position: relative; } .dropdown .dropdown__show { padding: 6px 12px 6px 20px; display: flex; gap: 2px; align-items: center; cursor: pointer; color: var(--color-gray-2); } .dropdown .dropdown__show svg { transition: all var(--transition); } .dropdown .dropdown__content { position: absolute; z-index: 1000; background: var(--color-full-white); box-shadow: var(--shadow-dropdown); padding: 20px; flex-direction: column; row-gap: 12px; width: 170px; display: none; border-radius: 20px; } .dropdown .dropdown__content { color: var(--color-neutral-600); font-size: 14px; } .dropdown .dropdown__content:hover { display: flex; } .dropdown:hover .dropdown__show svg.rotate { transform: rotate(180deg); } .dropdown:hover .dropdown__show { color: var(--color-primary) !important; } .dropdown._active .dropdown__content { display: flex; } .dropdown-click { position: relative; cursor: pointer; display: flex; user-select: none; font-weight: 400; } .dropdown-click .dropdown-click__show { display: flex; align-items: center; gap: 12px; cursor: pointer; width: max-content; } .dropdown-click .dropdown-click__show svg { transition: all var(--transition); } .dropdown-click .dropdown-click__content { display: flex; visibility: hidden; position: absolute; z-index: 100; border-radius: var(--border-radius-input); background: var(--color-full-white); box-shadow: var(--shadow-dropdown); padding: 16px; flex-direction: column; row-gap: 12px; width: 215px; min-width: max-content; top: 100%; cursor: auto; } .dropdown-click .dropdown-click__content li { font-size: 14px; width: 100%; font-weight: 400; line-height: 140%; list-style: none; cursor: pointer; color: var(--color-neutral-600); } .dropdown-click .dropdown-click__content li svg path { fill: var(--color-neutral-600); } .dropdown-click .dropdown-click__content li::before { display: none; } .dropdown-click .dropdown-click__content li:hover { color: var(--color-primary); } .dropdown-click .dropdown-click__content li:hover svg path { fill: var(--color-primary); } .dropdown-click._active .dropdown-click__show svg.rotate { transform: rotate(180deg); } .dropdown-click._active .dropdown-click__content { visibility: visible; } .page-menu-container { display: flex; flex-direction: column; border-radius: 30px; gap: 12px; box-shadow: var(--shadow-1); padding: 20px; background-color: var(--color-full-white); } .page-menu-container .page-menu-item { display: flex; align-items: center; padding: 12px 16px; border-radius: 20px; line-height: 140%; user-select: none; gap: 16px; font-weight: 400; color: var(--color-full-black); } .page-menu-container .page-menu-item:hover { background: var(--color-light-white); } .page-menu-container .page-menu-item._active { background: var(--color-light-white); cursor: auto; } .fancybox__backdrop { background-color: transparent; } .fancybox__carousel { background-color: var(--color-full-white); } .fancybox__carousel.has-thumbs { background-color: var(--color-full-white); } .has-iframe .fancybox__content { padding: 0; } .fancybox-button--zoom, .fancybox-button--play, .fancybox-button--thumbs { display: none !important; } .f-button { background-color: transparent !important; } .fancybox__footer { background-color: var(--color-full-white); } .fancybox__slide { padding: 20px; } .f-thumbs__slide { width: 80px !important; height: 80px !important; } .f-thumbs__slide__button { max-width: 80px; max-height: 80px; min-width: 80px; min-height: 80px; display: grid; align-items: center; justify-content: center; align-content: center; justify-items: center; } .f-thumbs__slide__img { height: max-content !important; max-width: 80px; max-height: 80px; width: max-content !important; align-items: center; align-content: center; place-self: center; width: max-content; } .is-modern .f-thumbs__slide__button { clip-path: none !important; } .fancybox__toolbar__column.is-left { display: none; } .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next { width: 60px; height: 60px; border-radius: 100%; transition: all var(--transition); filter: drop-shadow(0px 8px 16px rgba(30, 41, 59, 0.12)) drop-shadow(0px 2px 2px rgba(30, 41, 59, 0.04)); display: flex; justify-content: center; } .is-horizontal .fancybox__nav .f-button.is-prev::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38' fill='none'%3E%3Cpath d='M12.7085 17.4372H31.7266V20.5622H12.7085L21.0897 28.9433L18.88 31.1529L6.72656 18.9997L18.88 6.84619L21.0897 9.05589L12.7085 17.4372Z' fill='%23475569' fill-opacity='0.5'/%3E%3C/svg%3E"); background-repeat: no-repeat; position: relative; width: 36px; height: 36px; top: 0; bottom: 0; left: 0; right: 0; } .is-horizontal .fancybox__nav .f-button.is-prev svg { display: none; } .is-horizontal .fancybox__nav .f-button.is-next::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38' fill='none'%3E%3Cpath d='M25.7447 17.4372L17.3634 9.05589L19.5731 6.84619L31.7266 18.9997L19.5731 31.1529L17.3634 28.9433L25.7447 20.5622H6.72656V17.4372H25.7447Z' fill='%23475569' fill-opacity='0.5'/%3E%3C/svg%3E"); background-repeat: no-repeat; position: relative; width: 36px; height: 36px; top: 0; bottom: 0; left: 0; right: 0; } .is-horizontal .fancybox__nav .f-button.is-next svg { display: none; } button[data-fancybox-close=""]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12.0007 10.5865L16.9504 5.63672L18.3646 7.05093L13.4149 12.0007L18.3646 16.9504L16.9504 18.3646L12.0007 13.4149L7.05093 18.3646L5.63672 16.9504L10.5865 12.0007L5.63672 7.05093L7.05093 5.63672L12.0007 10.5865Z' fill='%23B1B1B1'/%3E%3C/svg%3E"); background-repeat: no-repeat; width: 24px; height: 24px; content: ""; } button[data-fancybox-close=""] svg { display: none; } @media (max-width: 768px) { .fancybox__footer { display: block !important; background: var(--color-full-white); } .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next { display: none; } } .breadcrumbs { display: flex; align-items: center; column-gap: 12px; row-gap: 6px; padding: 24px 0; padding-top: 40px; color: var(--color-gray-2); overflow-x: auto; } .breadcrumbs .breadcrumbs__item { font-size: 14px; line-height: 140%; font-weight: 400; white-space: nowrap; } .breadcrumbs a.breadcrumbs__item::after { content: "/"; color: var(--color-gray-2); margin-left: 12px; } .breadcrumbs a.breadcrumbs__item:hover { color: var(--color-primary); } .breadcrumbs a.breadcrumbs__item:last-child::after { display: none; } @media (max-width: 768px) { .breadcrumbs { padding: 12px 0; margin-bottom: 10px; } } .loading-state-before .catalog-list__items { user-select: none; } .loading-state-before .catalog-list__items::before { content: ""; display: block; background-color: rgba(255, 255, 255, 0.5); background-position-x: center; background-position-y: 170px; background-size: initial; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; backdrop-filter: blur(2px); user-select: none; } .loading-state-before .catalog-list__items::after { content: ""; display: block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 210 200' fill='none'%3E%3Cpath d='M105 16.6667C109.833 16.6667 113.75 20.3977 113.75 25.0001V50.0001C113.75 54.6024 109.833 58.3334 105 58.3334C100.167 58.3334 96.25 54.6024 96.25 50.0001V25.0001C96.25 20.3977 100.167 16.6667 105 16.6667ZM105 141.667C109.833 141.667 113.75 145.398 113.75 150V175C113.75 179.603 109.833 183.333 105 183.333C100.167 183.333 96.25 179.603 96.25 175V150C96.25 145.398 100.167 141.667 105 141.667ZM192.5 100C192.5 104.603 188.583 108.333 183.75 108.333H157.5C152.667 108.333 148.75 104.603 148.75 100C148.75 95.3976 152.667 91.6667 157.5 91.6667H183.75C188.583 91.6667 192.5 95.3976 192.5 100ZM61.25 100C61.25 104.603 57.3325 108.333 52.5 108.333H26.25C21.4175 108.333 17.5 104.603 17.5 100C17.5 95.3976 21.4175 91.6667 26.25 91.6667H52.5C57.3325 91.6667 61.25 95.3976 61.25 100ZM166.872 158.926C163.454 162.18 157.915 162.18 154.498 158.926L135.936 141.248C132.519 137.993 132.519 132.718 135.936 129.463C139.353 126.208 144.893 126.208 148.31 129.463L166.872 147.141C170.289 150.395 170.289 155.671 166.872 158.926ZM74.0641 70.5373C70.647 73.7917 65.1068 73.7917 61.6897 70.5373L43.1281 52.8597C39.7111 49.6052 39.7111 44.3289 43.1281 41.0745C46.5453 37.8202 52.0854 37.8202 55.5026 41.0745L74.0641 58.7522C77.4812 62.0066 77.4812 67.2829 74.0641 70.5373ZM43.1281 158.926C39.7111 155.671 39.7111 150.395 43.1281 147.141L61.6897 129.463C65.1068 126.208 70.647 126.208 74.0641 129.463C77.4812 132.718 77.4812 137.993 74.0641 141.248L55.5026 158.926C52.0854 162.18 46.5453 162.18 43.1281 158.926ZM135.936 70.5373C132.519 67.2829 132.519 62.0066 135.936 58.7522L154.498 41.0745C157.915 37.8202 163.454 37.8202 166.872 41.0745C170.289 44.3289 170.289 49.6052 166.872 52.8597L148.31 70.5373C144.893 73.7917 139.353 73.7917 135.936 70.5373Z' fill='%23d3001b'/%3E%3C/svg%3E"); background-position-x: center; background-size: initial; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; position: absolute; z-index: 2; top: 170px; left: 0; right: 0; bottom: 0; max-height: 210px; width: 200px; margin-left: auto; margin-right: auto; animation: 1.2s linear 0s normal none infinite running rot; -webkit-animation: 1.2s linear 0s normal none infinite running rot; user-select: none; } @keyframes rot { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .content-nav { display: flex; align-items: center; justify-content: center; flex-direction: column; margin-top: 24px; } .content-nav .btn-show-more { margin-bottom: 10px; } .content-nav .pagination { margin-top: 20px; margin-bottom: 20px; padding: 20px; display: flex; align-items: center; justify-content: center; column-gap: 8px; } .content-nav .pagination .pagination__prev, .content-nav .pagination .pagination__next { height: max-content; display: flex; } .content-nav .pagination .pagination__prev svg path, .content-nav .pagination .pagination__next svg path { stroke: var(--color-neutral-600); } .content-nav .pagination .pagination__prev { margin-right: 10px; } .content-nav .pagination .pagination__next { margin-left: 10px; } .content-nav .pagination .pagination__prev._disable, .content-nav .pagination .pagination__next._disable { pointer-events: none; } .content-nav .pagination .pagination__prev._disable svg path, .content-nav .pagination .pagination__next._disable svg path { stroke: var(--color-light-gray-2); } .content-nav .pagination .pagination__btn { color: var(--color-neutral-600); font-size: 14px; font-weight: 400; line-height: 20px; padding: 2px 12px; border-radius: 20px; transition: all var(--transition); } .content-nav .pagination .pagination__btn:hover { border-radius: 10px; color: var(--color-full-black); background: var(--color-light-white); } .content-nav .pagination .pagination__btn._active { background: var(--color-light-white); color: var(--color-full-black); font-weight: 500; } @media (max-width: 768px) { .loading-state-before .catalog-list__items::after { width: 120px; height: 120px; } .content-nav .pagination .pagination__btn { padding: 2px 6px; } } .catalog-card { background: var(--color-full-white); border-radius: 25px; border-style: solid; border-color: var(--color-light-gray-5); border-width: 1px; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; flex-shrink: 0; position: relative; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; padding: 10px 20px; } .catalog-card .catalog-card__top { width: 100%; margin-bottom: 20px; } .catalog-card .catalog-card__top .catalog-card__img { position: relative; display: flex; justify-content: center; align-items: center; border-radius: 20px; } .catalog-card .catalog-card__top .catalog-card__img img { mix-blend-mode: darken; max-width: 100%; /* max-height: 100%; */ max-height: 266px; height: auto; border-radius: 20px; } .catalog-card .catalog-card__top .catalog-card__img .card-img__link { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; cursor: zoom-in; } .catalog-card .catalog-card__top .catalog-card__badges { position: absolute; display: flex; gap: 8px; top: 0; left: 0; margin: 0; z-index: 1; transition: all var(--transition); } .catalog-card .catalog-card__top .catalog-card__badges .badge { border-radius: 20px; display: flex; height: 32px; padding: 8px 12px; align-items: center; font-size: 12px; user-select: none; } .catalog-card .catalog-card__top .catalog-card__badges ._red-bg { background-color: var(--color-red-error); color: var(--color-full-white); } .catalog-card .catalog-card__top .catalog-card__badges ._green-bg { background-color: var(--color-badge-green); color: var(--color-full-white); } .catalog-card .catalog-card__top .catalog-card__badges ._blue-bg { background-color: var(--color-blue); color: var(--color-full-white); } .catalog-card .catalog-card__top .catalog-card__top-content { display: flex; flex-direction: column; gap: 10px; } .catalog-card .catalog-card__top .catalog-card__top-content .card-product__title { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; } .catalog-card .catalog-card__top .catalog-card__top-content .card-product__title .card-product__name { font-size: 20px; font-weight: 400; line-height: 120%; color: var(--color-text-mid-gray); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; } .catalog-card .catalog-card__top .catalog-card__top-content .card-product__title .card-product__diameter { font-size: 24px; color: var(--color-gray); font-weight: 500; line-height: 120%; } .catalog-card .catalog-card__top .catalog-card__top-content .catalog-card__top-props { display: flex; flex-direction: column; gap: 10px; } .catalog-card .catalog-card__top .catalog-card__top-content .catalog-card-prop { display: grid; grid-template-columns: max-content max-content; gap: 5px; } .catalog-card .catalog-card__top .catalog-card__top-content .catalog-card-prop .catalog-card-prop__name { font-size: 14px; color: var(--color-text-mid-gray); font-weight: 300; line-height: 120%; } .catalog-card .catalog-card__top .catalog-card__top-content .catalog-card-prop .catalog-card-prop__value { font-size: 14px; color: var(--color-text-mid-gray); font-weight: 400; line-height: 120%; } .catalog-card .catalog-card__content { display: flex; flex-direction: column; justify-content: space-between; height: 100%; width: 100%; } .catalog-card .catalog-card__content .catalog-card__props { display: grid; grid-template-columns: auto auto; column-gap: 30px; row-gap: 8px; } .catalog-card .catalog-card__content .catalog-card__props .catalog-card-prop { display: flex; align-items: center; gap: 2px; flex-wrap: wrap; } .catalog-card .catalog-card__content .catalog-card__props .catalog-card-prop .catalog-card-prop__name { font-size: 14px; color: var(--color-text-mid-gray); font-weight: 300; line-height: 120%; flex: 1; } .catalog-card .catalog-card__content .catalog-card__props .catalog-card-prop .catalog-card-prop__value { font-size: 14px; color: var(--color-black-3); font-weight: 400; line-height: 120%; flex: 1; } .catalog-card .catalog-card__prices { display: flex; gap: 14px; margin-bottom: 20px; margin-top: 14px; } .catalog-card .catalog-card__prices .catalog-card-price { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; white-space: nowrap; } .catalog-card .catalog-card__prices .catalog-card-price .catalog-price__name { color: var(--color-text-mid-gray); font-size: 18px; font-weight: 300; line-height: 140%; /* 19.6px */ } .catalog-card .catalog-card__prices .catalog-card-price .catalog-price__value { font-size: 18px; color: var(--color-black-3); font-weight: 400; line-height: 120%; min-width: 80px; } .catalog-card .catalog-card-stock { display: flex; flex-direction: column; gap: 6px; width: 100%; } .catalog-card .catalog-card-stock .catalog-card-stock-item { display: flex; flex-direction: row; gap: 8px; align-items: center; width: 100%; justify-content: space-between; } .catalog-card .catalog-card-stock .catalog-card-stock-item .catalog-card-stock-item__left { display: flex; flex-direction: row; gap: 8px; align-items: center; } .catalog-card .catalog-card-stock .catalog-card-stock-item .catalog-card-stock-text__name { color: var(--color-black-3); font-size: 14px; line-height: 140%; font-weight: 400; } .catalog-card .catalog-card-stock .catalog-card-stock-item .catalog-card-stock-text__count { display: flex; flex-direction: row; gap: 2px; align-items: center; color: var(--color-black-3); font-size: 14px; line-height: 140%; font-weight: 400; min-width: 60px; } .catalog-card .catalog-card-stock .catalog-card-stock-item .catalog-card-stock-text__measure { color: var(--color-black-3); font-size: 14px; line-height: 140%; font-weight: 300; } .catalog-card .catalog-card-stock .catalog-card-stock-item .catalog-card-stock-item__right { display: flex; flex-direction: row; gap: 6px; align-items: center; justify-content: flex-end; width: 168px; } .catalog-card .catalog-card-stock .catalog-card-stock-item .catalog-card-stock-item__right .input-text { width: max-content; max-width: 60px; border-radius: 10px; border: 1px solid var(--color-neutral-200); padding: 11px 11px; } .catalog-card .catalog-card-stock .catalog-card-stock-item .product-counter .product-counter__controls { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; } .catalog-card .catalog-card-stock .catalog-card-stock-item .product-counter .product-counter__controls .product-counter__control { display: none; border-radius: 30px; border: 1px solid var(--color-neutral-200); background-color: var(--color-full-white); width: 42px; justify-content: center; align-items: center; height: 42px; cursor: pointer; transition: all var(--transition); } .catalog-card .catalog-card-stock .catalog-card-stock-item .product-counter .product-counter__controls .product-counter__control:hover { background-color: var(--color-primary); } .catalog-card .catalog-card-stock .catalog-card-stock-item .product-counter .product-counter__controls .product-counter__control:hover svg path { fill: var(--color-full-white); stroke: var(--color-full-white); } .catalog-card .catalog-card-stock .catalog-card-stock-item .product-counter._active .product-counter__controls .product-counter__control { display: flex; } .catalog-card .catalog-card-stock .catalog-card-stock-item .product-counter._active .icon-cart { display: none; } .catalog-card .catalog-card-stock .catalog-card-stock-item .catalog-card-stock-text { display: flex; flex-direction: row; gap: 6px; align-items: center; white-space: nowrap; } .catalog-card .catalog-card-stock .catalog-card-stock-item .catalog-card-stock-text::before { content: ""; border-radius: 20px; width: 4px; height: 30px; margin-right: 2px; } .catalog-card .catalog-card-stock .catalog-card-stock-item.status-in-stock .catalog-card-stock-text::before { background: var(--color-green); } .catalog-card .catalog-card-stock .catalog-card-stock-item.status-in-transit .catalog-card-stock-text::before { background: var(--color-blue); } .icon-cart { border-radius: 30px; border: 1px solid var(--color-neutral-200); background-color: var(--color-full-white); display: flex; width: 42px; justify-content: center; align-items: center; height: 42px; cursor: pointer; transition: all var(--transition); } .icon-cart:hover { background-color: var(--color-primary); } .icon-cart:hover svg path { fill: var(--color-full-white); stroke: var(--color-full-white); } .icon-cart._active { background-color: var(--color-primary); } .icon-cart._active svg path { fill: var(--color-full-white); stroke: var(--color-full-white); } @media (max-width: 992px) { .catalog-card .catalog-card-stock .catalog-card-stock-item .catalog-card-stock-text__name { font-size: 12px; } .catalog-card .catalog-card-stock .catalog-card-stock-item .catalog-card-stock-text__count { font-size: 12px; } .catalog-card .catalog-card-stock .catalog-card-stock-item .catalog-card-stock-text__measure { font-size: 12px; } } @media (max-width: 768px) { .catalog-card { padding: 16px; } .catalog-card .catalog-card__top { display: flex; gap: 12px; } .catalog-card .catalog-card__top .catalog-card__img { width: auto; margin-bottom: 8px; } .catalog-card .catalog-card__top .catalog-card__top-content { width: 100%; } .catalog-card .catalog-card__top .catalog-card__top-content .card-product__title .card-product__name { font-size: 18px; } .catalog-card .catalog-card__top .catalog-card__top-content .card-product__title .card-product__diameter { font-size: 18px; } .catalog-card .catalog-card__top .catalog-card__top-content .catalog-card-prop .catalog-card-prop__name { font-size: 12px; } .catalog-card .catalog-card__top .catalog-card__top-content .catalog-card-prop .catalog-card-prop__value { font-size: 12px; } .catalog-card .catalog-card__content { margin-bottom: 10px; } .catalog-card .catalog-card__content .catalog-card__props { gap: 6px; grid-template-columns: auto; } .catalog-card .catalog-card__content .catalog-card__props .catalog-card-prop .catalog-card-prop__name { font-size: 10px; } .catalog-card .catalog-card__content .catalog-card__props .catalog-card-prop .catalog-card-prop__value { font-size: 10px; } .catalog-card .catalog-card__content .catalog-card__props .catalog-card-prop:nth-of-type(2):nth-child(even) { margin-top: 4px; } .catalog-card .catalog-card__content .catalog-card__props .catalog-card-prop:nth-child(even) { order: 1; } .catalog-card .catalog-card__prices { margin-top: 0; margin-bottom: 10px; } .catalog-card .catalog-card__prices .catalog-card-price .catalog-price__name { font-size: 14px; } .catalog-card .catalog-card__prices .catalog-card-price .catalog-price__value { font-size: 14px; } .catalog-card .catalog-card-stock .catalog-card-stock-item { flex-direction: column; gap: 2px; } .catalog-card .catalog-card-stock .catalog-card-stock-item .catalog-card-stock-text__name { font-size: 10px; } .catalog-card .catalog-card-stock .catalog-card-stock-item .catalog-card-stock-text__count { font-size: 10px; } .catalog-card .catalog-card-stock .catalog-card-stock-item .catalog-card-stock-text__measure { font-size: 10px; } .catalog-card .catalog-card-stock .catalog-card-stock-item .catalog-card-stock-item__right { padding: 5px 0; } } @media (max-width: 768px) { .catalog-list .catalog-list__view .catalog-list__items._tile { grid-template-columns: repeat(2, minmax(0, 1fr)); } .catalog-list .catalog-list__view .catalog-list__items._tile .catalog-card .catalog-card__top { display: inline-block; } .catalog-list .catalog-list__view .catalog-list__items._tile .catalog-card .catalog-card__top .catalog-card__img { margin-bottom: 20px; } } .catalog-list .catalog-list__view .catalog-list__items._list .catalog-card { display: grid; flex-direction: row; align-items: center; grid-template-columns: auto auto 1fr auto auto; gap: 20px; } .catalog-list .catalog-list__view .catalog-list__items._list .catalog-card .catalog-card__top { grid-column: 1; display: flex; align-items: center; gap: 30px; width: auto; margin-bottom: 0; } .catalog-list .catalog-list__view .catalog-list__items._list .catalog-card .catalog-card__top .catalog-card__img { height: 100px; width: 100px; } .catalog-list .catalog-list__view .catalog-list__items._list .catalog-card .catalog-card__top .catalog-card__top-content { grid-column: 2; width: 180px; } .catalog-list .catalog-list__view .catalog-list__items._list .catalog-card .catalog-card__content { justify-content: center; max-width: 265px; width: 100%; } .catalog-list .catalog-list__view .catalog-list__items._list .catalog-card .catalog-card__prices { grid-column: 4; margin: 0; } .catalog-list .catalog-list__view .catalog-list__items._list .catalog-card .catalog-card-stock { grid-column: 5; width: max-content; margin-left: auto; } .catalog-list .catalog-list__view .catalog-list__items._list .catalog-card .catalog-card-stock .catalog-card-stock-item { justify-content: space-between; column-gap: 10px; width: 100%; } @media (max-width: 1280px) { .catalog-list .catalog-list__view .catalog-list__items._list .catalog-card .catalog-card__top { gap: 20px; } .catalog-list .catalog-list__view .catalog-list__items._list .catalog-card .catalog-card__prices { flex-direction: column; } } @media (max-width: 992px) { .catalog-list .catalog-list__view .catalog-list__items._list .catalog-card { grid-template-columns: 1fr 1fr; } .catalog-list .catalog-list__view .catalog-list__items._list .catalog-card .catalog-card__top { grid-column: 1; grid-row: 1; } .catalog-list .catalog-list__view .catalog-list__items._list .catalog-card .catalog-card__top .catalog-card__top-content { grid-column: 2; grid-row: 1; } .catalog-list .catalog-list__view .catalog-list__items._list .catalog-card .catalog-card__prices { grid-column: 1; grid-row: 2; flex-direction: column; align-items: start; width: auto; margin-left: 120px; } .catalog-list .catalog-list__view .catalog-list__items._list .catalog-card .catalog-card-stock { width: 100%; grid-column: 2; grid-row: 2; } } @media (max-width: 768px) { .catalog-list .catalog-list__view .catalog-list__items._list .catalog-card { display: flex; flex-direction: column; align-items: flex-start; } .catalog-list .catalog-list__view .catalog-list__items._list .catalog-card .catalog-card__top { width: 100%; align-items: flex-start; } .catalog-list .catalog-list__view .catalog-list__items._list .catalog-card .catalog-card__top .catalog-card__top-content .catalog-card__top-props { grid-template-columns: minmax(max-content, 65%) auto; gap: 8px; } .catalog-list .catalog-list__view .catalog-list__items._list .catalog-card .catalog-card__content { margin-bottom: 16px; } .catalog-list .catalog-list__view .catalog-list__items._list .catalog-card .catalog-card__content .catalog-card__props { grid-template-columns: auto auto; } .catalog-list .catalog-list__view .catalog-list__items._list .catalog-card .catalog-card__content .catalog-card__props .catalog-card-prop .catalog-card-prop__name { font-size: 14px; } .catalog-list .catalog-list__view .catalog-list__items._list .catalog-card .catalog-card__content .catalog-card__props .catalog-card-prop .catalog-card-prop__value { font-size: 14px; } .catalog-list .catalog-list__view .catalog-list__items._list .catalog-card .catalog-card__prices { margin-bottom: 20px; flex-direction: row; margin-left: 0; } .catalog-list .catalog-list__view .catalog-list__items._list .catalog-card .catalog-card__prices .catalog-card-price .catalog-price__name { font-size: 18px; } .catalog-list .catalog-list__view .catalog-list__items._list .catalog-card .catalog-card__prices .catalog-card-price .catalog-price__value { font-size: 18px; } .catalog-list .catalog-list__view .catalog-list__items._list .catalog-card .catalog-card-stock .catalog-card-stock-item { flex-direction: row; } .catalog-list .catalog-list__view .catalog-list__items._list .catalog-card .catalog-card-stock .catalog-card-stock-item .catalog-card-stock-text__name { font-size: 14px; } .catalog-list .catalog-list__view .catalog-list__items._list .catalog-card .catalog-card-stock .catalog-card-stock-item .catalog-card-stock-text__count { font-size: 14px; } .catalog-list .catalog-list__view .catalog-list__items._list .catalog-card .catalog-card-stock .catalog-card-stock-item .catalog-card-stock-text__measure { font-size: 14px; } } .alert-messages { display: none; flex-direction: column; position: fixed; top: 0; right: 0; left: 0; z-index: 101; } .alert-messages._active { display: flex; } .alert-message { background: var(--color-main-red); padding: 10px 0 10px 0; } .alert-message__content { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 16px; } .alert-message__inner { color: var(--color-full-white); text-align: left; font-size: 16px; line-height: 130%; font-weight: 300; } .alert-message__inner a { text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; cursor: pointer; } .alert-message__close { width: 32px; height: 32px; position: relative; cursor: pointer; } .notification-container { position: fixed; display: flex; flex-direction: column; gap: 10px; z-index: 1000; transition: all var(--transition); } .notification-container.right-top { top: 150px; right: 50px; } .notification-container.left-top { top: 150px; left: 50px; } .notification-container.right-bottom { bottom: 100px; right: 50px; } .notification-container.left-bottom { bottom: 100px; left: 50px; } .notification { user-select: none; transform: translateY(-20px); transition: opacity 0.5s ease, transform 0.5s ease; border-radius: 30px; background: var(--color-full-white); box-shadow: 0px -5px 5.8px -1px rgba(30, 41, 59, 0.04), 0px 16px 24px -4px rgba(30, 41, 59, 0.16); width: 460px; position: relative; display: flex; gap: 10px; padding: 24px; } .notification.fade-out { opacity: 0 !important; transform: translateY(-20px) !important; } .notification.show { opacity: 1; transform: translateY(0); } .notification .notification__content { display: flex; gap: 20px; align-items: center; } .notification .notification__content .notification__top { display: flex; gap: 20px; align-items: center; } .notification .notification__content .notification__top svg { min-width: 40px; min-height: 40px; align-self: flex-start; } .notification .notification__content .notification__top .notification__text { font-size: 14px; } @media (max-width: 992px) { .notification-container.right-top { top: 90px; } .notification-container.left-top { top: 90px; } .notification-container.right-bottom { bottom: 60px; } .notification-container.left-bottom { bottom: 60px; } } @media (max-width: 768px) { .notification-container .notification__content { align-items: flex-start; flex-direction: column; width: 100%; gap: 10px; } .notification-container.right-top { right: 20px; top: 70px; } .notification-container.left-top { left: 20px; top: 70px; } .notification-container.right-bottom { right: 20px; } .notification-container.left-bottom { left: 20px; } .notification { width: 100%; max-width: 90vw; } } @media (max-width: 480px) { .notification-container .notification__content { align-items: flex-start; flex-direction: column; width: 100%; gap: 10px; } .notification-container.right-top { right: 20px; } .notification-container.left-top { left: 20px; } .notification-container.right-bottom { bottom: 40px; } .notification-container.left-bottom { bottom: 40px; } } /*Стили страниц */ .partners-section { display: flex; gap: 30px; color: var(--color-full-white); } .partners__inner { flex: 1; } .partner-advantages { display: flex; flex-direction: column; gap: 20px; } .partner-advantages__items { display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px; } .partner-advantages__item { border-radius: 20px; padding: 20px; display: flex; flex-direction: column; gap: 16px; min-height: 270px; min-width: 180px; flex: 1; box-shadow: var(--shadow-200); } .advantages-item__light { background: var(--color-light-gray-4); } .advantages-item__gray { background: var(--color-gray-3); } .partner-advantages__icon svg { width: 32px; height: 32px; min-width: 32px; min-height: 32px; } .partner-advantages__content { display: flex; flex-direction: column; gap: 16px; } .partner-advantages__title { font-size: 18px; line-height: 130%; font-weight: 500; } .partner-advantages__text { font-size: 16px; line-height: 130%; font-weight: 300; } .partner-advantages__bottom { font-size: 18px; font-weight: 400; } .partner-invite { border-radius: 20px; background: var(--color-gray-3); box-shadow: var(--shadow-300); padding: 20px; display: flex; flex-direction: column; gap: 20px; } .partner-invite__title { font-size: 24px; font-weight: 400; line-height: normal; } .partner-invite__inner { display: flex; justify-content: space-between; align-items: center; gap: 20px; } .partner-inner__items { display: flex; flex-direction: row; gap: 10px; flex-wrap: wrap; max-width: 444px; } .partner-inner__item { background: var(--color-full-black); border-radius: 10px; padding: 10px 20px 10px 20px; display: flex; flex-direction: row; gap: 10px; align-items: center; justify-content: center; font-weight: 300; line-height: normal; } .partner-invite__image img { max-width: 181px; max-height: 181px; width: 181px; height: 181px; } @media (max-width: 992px) { .partners-section { flex-direction: column; gap: 40px; } .partner-advantages__item { min-height: 220px; } .partner-advantages__text { font-size: 14px; } } @media (max-width: 768px) { .partner-advantages__items { flex-direction: column; } .partner-advantages__item { min-height: auto; flex-direction: row; } .partner-advantages__title { font-size: 16px; } .partner-advantages__content { gap: 8px; } .partner-advantages__bottom { font-size: 14px; } .partner-invite__image img { width: 80px; height: 80px; } .partner-inner__items { gap: 8px; } .partner-invite__title { font-size: 20px; } .partner-inner__item { font-size: 14px; } } .products__inner { display: flex; flex-direction: column; gap: 50px; } .products__inner .sok__btn-primary { width: max-content; align-self: center; } .product__items { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 20px; } @media (max-width: 992px) { .product__items { gap: 10px; } } @media (max-width: 768px) { .products__inner .sok__btn-primary { width: 100%; } .product__items { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); } } .seo-section { max-width: 728px; } .seo-text { font-size: 18px; font-weight: 400; line-height: 140%; color: var(--color-full-white); } @media (max-width: 768px) { .seo-text { font-size: 16px; } } .call-description { margin-bottom: 40px; font-size: 18px; font-weight: 400; color: var(--color-black-3); } .call-content { display: flex; flex-direction: row; gap: 60px; } .call-content__form { display: flex; flex-direction: column; align-items: center; max-width: 728px; width: 100%; } .call-content__right { height: 100%; display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr); flex: 1; margin-top: 30px; margin-right: 24px; } .call-content__item { display: flex; flex-direction: row; gap: 16px; } .call-item__rows { display: flex; flex-direction: column; gap: 10px; } .call-item__title { color: var(--color-black-3); font-size: 20px; line-height: 130%; font-weight: 600; white-space: nowrap; } .call-item__title a, a.call-item__title { text-decoration-line: underline; text-decoration-style: dotted; text-decoration-skip-ink: auto; text-decoration-thickness: 5%; /* 1px */ text-underline-offset: 10%; /* 2px */ text-underline-position: from-font; } .call-item__text { color: var(--color-black-3); font-size: 16px; line-height: 130%; font-weight: 300; } @media (max-width: 1280px) { .call-content { flex-direction: column; gap: 30px; } .call-content__form { max-width: none; align-items: flex-start; } .call-content__right { margin-right: 0; } } @media (max-width: 992px) { .call-item__title { font-size: 16px; } .call-item__text { font-size: 14px; } } @media (max-width: 768px) { .call-description { font-size: 16px; margin-bottom: 30px; } .call-content__right { grid-template-columns: 1fr; margin: 0; } } .restore-password-wrapper { border-radius: 30px; border: 1px solid var(--color-light-stroke); background: var(--color-full-white); max-width: 625px; padding: 40px 20px; margin: 0 auto; } .authorization-wrapper { border-radius: 30px; border: 1px solid var(--color-light-stroke); background: var(--color-full-white); max-width: 600px; padding: 20px; margin: 0 auto; } .authorization-wrapper .form-container .form-container__bottom .form-container__bottom-message { margin-top: 20px; } .filter-container { background-color: var(--color-full-black); padding: 40px 0; position: relative; z-index: 1; } .filter-container::after { background-repeat: no-repeat; background-size: 100%; content: ""; display: block; background-position-y: bottom; position: absolute; top: 0; z-index: -1; width: 100%; height: 100%; background-image: url(/local/templates/rr-wheels_corp/img/sections/catalog/filter-bg.png); } .filter-container ._h1 { color: var(--color-full-white); padding: 20px 0; margin-bottom: 10px; } .filter-container .sok__btn-opacity { color: var(--color-full-white); } .filter-container .sok__btn-opacity:hover { background: var(--color-full-white); color: var(--color-full-black); } .filter-container .catalog-filter { display: flex; flex-direction: column; gap: 40px; } .filter-container .catalog-filter label { display: flex; color: var(--color-full-white); font-size: 14px; font-weight: 400; line-height: 20px; cursor: pointer; width: max-content; } .filter-container .catalog-filter .catalog-filter-params { display: flex; flex-wrap: wrap; gap: 30px; row-gap: 16px; align-items: center; } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param .filter-param-title { font-size: 14px; font-weight: 500; font-size: 16px; line-height: 140%; color: var(--color-full-white); } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param .input-checkbox .checkboxIcon { border: 1px solid var(--color-full-white); background-color: var(--color-full-white); } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param .input-checkbox input:checked + .checkboxLabel .checkboxIcon { border: none; background-color: var(--color-red-error); } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-checkbox label { color: var(--color-gray-2); } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-checkbox .filter-param-title { color: var(--color-gray-2); } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-checkbox .catalog-flex-title { display: flex; justify-content: space-between; align-items: center; width: 100%; } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-checkbox .filter-list { display: flex; flex-direction: column; row-gap: 12px; overflow: auto; } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-checkbox .dropdown-click { border-radius: var(--border-radius-button); font-size: 14px; line-height: normal; cursor: pointer; padding: 0px 24px; display: flex; align-items: center; justify-content: center; text-align: center; gap: 12px; height: 42px; font-weight: 400; user-select: none; transition: all var(--transition); background: var(--color-full-white); color: var(--color-gray-2); border-radius: 10px; padding: 0px 14px; border: 1px solid var(--color-light-gray-5); max-width: 278px; min-height: 42px; height: max-content; } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-checkbox .dropdown-click:hover { background: var(--color-gray-7); } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-checkbox .dropdown-click .dropdown-click__content { left: 0; margin-top: 15px; border-radius: 20px; width: 170px; max-height: 188px; } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-checkbox .dropdown-click .dropdown-click__content label { color: var(--color-neutral-600); } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-checkbox .dropdown-click .dropdown-click__content .input-checkbox .checkboxIcon { border: 1px solid var(--color-neutral-600); } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-checkbox .dropdown-click .dropdown-click__content .input-checkbox input:checked + .checkboxLabel .checkboxIcon { border: none; } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-checkbox .filter-param-title-flex { display: flex; gap: 4px; height: 100%; align-items: center; } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-checkbox .filter-param-title-flex .filter_arrow_down { padding-left: 10px; } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-checkbox .filter-param-title-flex .filter_arrow_down svg path { fill: var(--color-gray-2); stroke: var(--color-gray-2); } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-checkbox .delete_filter { display: none; } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-checkbox._select { background-color: var(--color-main-red); color: var(--color-full-white); border-radius: 10px; } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-checkbox._select .form-checkbox { border: none; flex-direction: row; padding: 0; } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-checkbox._select .dropdown-click { border: 1px solid var(--color-main-red); background-color: var(--color-main-red); } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-checkbox._select .dropdown-click .dropdown-click__show .filter-param-title-flex .filter-param-title { padding-right: 10px; color: var(--color-full-white); } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-checkbox._select .dropdown-click .dropdown-click__show .filter-param-title-flex .filter-param-title .filter_arrow_down { display: none; } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-checkbox._select .delete_filter { display: flex; height: 100%; align-items: center; border-left: 1px solid var(--color-light-gray-6); padding-left: 11px; height: -webkit-fill-available; } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-checkbox._select .delete_filter svg path { fill: var(--color-full-white); stroke: var(--color-full-white); } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-checkbox._select .filter_arrow_down { padding-right: 10px; padding-left: 0px; } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-checkbox._select .filter_arrow_down svg path { fill: var(--color-full-white); stroke: var(--color-full-white); } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-select .input-select { margin: 0; } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-select .input-select__list { width: 170px !important; top: 100% !important; border-radius: var(--border-radius-input) !important; gap: 4px; } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-select input-select__inner { row-gap: 4px; } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-select .input-select__option { display: flex; font-size: 14px; font-weight: 400; line-height: 20px; padding: 8px 9px; cursor: pointer; text-align: start; width: 100%; color: var(--color-neutral-600); border-radius: 5px; } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-select .input-select__option:hover { color: var(--color-main-red); background-color: var(--color-light-white); } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-select label { color: var(--color-gray-2); } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-select .filter-param-title { color: var(--color-gray-2); } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-select .catalog-flex-title { display: flex; justify-content: space-between; align-items: center; width: 100%; } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-select .filter-list { display: flex; flex-direction: column; row-gap: 12px; } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-select .dropdown-click { border-radius: var(--border-radius-button); font-size: 14px; line-height: normal; cursor: pointer; padding: 0px 24px; display: flex; align-items: center; justify-content: center; text-align: center; gap: 12px; height: 42px; font-weight: 400; user-select: none; transition: all var(--transition); background: var(--color-full-white); color: var(--color-gray-2); border-radius: 10px; padding: 0px 14px; border: 1px solid var(--color-light-gray-5); } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-select .dropdown-click:hover { background: var(--color-gray-7); } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-select .dropdown-click .dropdown-click__content { left: 0; margin-top: 15px; border-radius: 20px; width: 170px; max-height: 188px; } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-select .dropdown-click .dropdown-click__content label { color: var(--color-neutral-600); } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-select .dropdown-click .dropdown-click__content .input-checkbox .checkboxIcon { border: 1px solid var(--color-neutral-600); } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-select .dropdown-click .dropdown-click__content .input-checkbox input:checked + .checkboxLabel .checkboxIcon { border: none; } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-select .filter-param-title-flex { display: flex; gap: 4px; height: 100%; align-items: center; } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-select .filter-param-title-flex .filter_arrow_down { padding-left: 10px; } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-select .filter-param-title-flex .filter_arrow_down svg path { fill: var(--color-gray-2); stroke: var(--color-gray-2); } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-select .delete_filter { display: none; } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-select._select { background-color: var(--color-main-red); color: var(--color-full-white); border-radius: 10px; } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-select._select .form-checkbox { border: none; flex-direction: row; padding: 0; } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-select._select .dropdown-click { border: 1px solid var(--color-main-red); background-color: var(--color-main-red); } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-select._select .dropdown-click .dropdown-click__show .filter-param-title-flex .filter-param-title { padding-right: 10px; color: var(--color-full-white); } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-select._select .dropdown-click .dropdown-click__show .filter-param-title-flex .filter-param-title .filter_arrow_down { display: none; } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-select._select .delete_filter { display: flex; height: 100%; align-items: center; border-left: 1px solid var(--color-light-gray-6); padding-left: 11px; height: -webkit-fill-available; } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-select._select .delete_filter svg path { fill: var(--color-full-white); stroke: var(--color-full-white); } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-select._select .filter_arrow_down { padding-right: 10px; padding-left: 0px; } .filter-container .catalog-filter .catalog-filter-params .catalog-filter-param.filter-select._select .filter_arrow_down svg path { fill: var(--color-full-white); stroke: var(--color-full-white); } .filter-container .catalog-filter .catalog-filter-bottom { flex-direction: row; display: flex; gap: 20px; flex-wrap: wrap; } .dropdown-click._sort { margin: 0; } .dropdown-click._sort .input-select__list { width: 215px !important; top: 100% !important; border-radius: var(--border-radius-input) !important; } @media (max-width: 768px) { .filter-container { padding: 30px 0; } .filter-container::after { background-position-x: right; background-size: auto; background-image: url(/local/templates/rr-wheels_corp/img/sections/catalog/filter-bg-image-mob.png); } } .catalog-list .content-nav { margin-top: 40px; } .catalog-list .catalog-list-grid { display: grid; grid-template-columns: auto; gap: 20px; } .catalog-list .catalog-list__content .catalog-top { display: flex; justify-content: end; gap: 24px; flex-wrap: wrap; align-self: center; } .catalog-list .catalog-list__content .catalog-top .catalog-top__buttons { display: flex; gap: 0; flex-wrap: wrap; } .catalog-list .catalog-list__content .catalog-top .catalog-top__buttons .catalog-top__button { background: var(--color-light-white); color: var(--color-full-white); opacity: 0.35; border: none; } .catalog-list .catalog-list__content .catalog-top .catalog-top__buttons .catalog-top__button svg path { fill: var(--color-neutral-600); } .catalog-list .catalog-list__content .catalog-top .catalog-top__buttons .catalog-top__button._active { color: var(--color-neutral-600); background: var(--color-full-white); pointer-events: none; opacity: 1; border: none; } .catalog-list .catalog-top-sort._active .sok__btn-select-light-gray { background: var(--color-light-white); border: 2px solid transparent; } .catalog-list .catalog-top-sort .dropdown-click__content { right: 0; } .catalog-list .catalog-list__view .catalog-list__items { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 20px; position: relative; } .catalog-list .catalog-list__view .catalog-list__items._hide { display: none; } .catalog-list .catalog-list__view .catalog-list__items._list { grid-template-columns: 1fr; gap: 12px; } @media (max-width: 768px) { .catalog-list .catalog-list__view .catalog-list__items { gap: 10px; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); } } .personal-main { gap: 30px; display: grid; grid-template-columns: 55% auto; } .personal-main__wrapper { background: var(--color-full-white); border-radius: 30px; border-style: solid; border-color: var(--color-light-stroke); border-width: 1px; padding: 20px; display: flex; flex-direction: column; width: 100%; max-width: 611px; } .personal-main__col { display: flex; flex-direction: column; gap: 30px; } .personal-main__title-block-kabinet { margin-bottom: 30px; display: flex; flex-direction: row; color: var(--color-grafite); font-size: 20px; line-height: 120%; font-weight: 500; display: flex; align-items: center; } .personal-main-cols { display: flex; flex-direction: row; gap: 30px; row-gap: 20px; flex-wrap: wrap; } .personal-main-col { display: flex; flex-direction: column; width: 170.33px; } .personal-main-col__name { color: var(--color-gray-6); font-size: 13px; line-height: 120%; font-weight: 400; } .personal-main-col__value { color: var(--color-black-2); font-size: 16px; line-height: 120%; font-weight: 400; } .personal-main__manager { max-width: 465px; } .personal-main__manager .personal-main-cols { flex-direction: column; gap: 30px; } .personal-main-form__fiedls { display: flex; flex-direction: column; width: 100%; } .personal-main-form__fiedls fieldset { max-width: 260px; } .personal-main-debt { display: flex; flex-direction: row; gap: 4px; align-items: flex-end; } .personal-main-debt__value { color: var(--color-main-red); font-size: 20px; line-height: 120%; font-weight: 400; display: flex; align-items: center; } .personal-main-debt__measure { color: var(--color-black-3); font-size: 20px; line-height: 120%; font-weight: 400; display: flex; align-items: center; } .personal-main__buttons { display: flex; flex-direction: row; gap: 10px; flex-wrap: wrap; } @media (max-width: 768px) { .personal-main { grid-template-columns: auto; } .personal-main__wrapper { max-width: 100%; } .personal-main__manager { max-width: 100%; } } .personal-profile .personal-main__title-block-kabinet { margin-bottom: 28px; } .personal-profile .personal-main__wrapper { max-width: none; } .personal-profile .personal-main-cols { margin-bottom: 28px; } .personal-profile fieldset { margin-bottom: 28px; } @media (max-width: 992px) { .personal-profile .personal-main__title-block-kabinet { margin-bottom: 18px; } .personal-profile .personal-main__wrapper { max-width: none; } .personal-profile .personal-main-cols { margin-bottom: 18px; } .personal-profile fieldset { margin-bottom: 18px; } } @media (max-width: 768px) { .personal-profile .personal-main__title-block-kabinet { margin-bottom: 10px; } .personal-profile .personal-main__wrapper { max-width: none; } .personal-profile .personal-main-cols { margin-bottom: 10px; } .personal-profile fieldset { margin-bottom: 10px; } } .order-info-container { display: flex; flex-direction: column; border-radius: 30px; border: 1px solid var(--color-light-stroke); background-color: var(--color-full-white); padding: 30px 20px; } .order-info-container .order-payment-buttons { display: flex; gap: 10px; align-items: center; } .order-info-container .order-payment-buttons .order-payment-btn { height: 30px !important; padding: 0 12px !important; } .order-info-container .status-sale { border-radius: 10px; justify-content: flex-start; height: 30px !important; } .order-info-container .status-sale .dropdown .dropdown__show { padding: 0; height: 30px; } .order-info-container .status-sale .dropdown .status-tip-container { padding: 20px; /* Shadow-200 */ box-shadow: var(--shadow-1); min-height: max-content; position: absolute; top: 100%; left: -12px; background-color: var(--color-full-white); width: 330px; border-radius: 10px; transition: all var(--transition); text-align: start; } .order-info-container .status-sale .dropdown .status-tip-container .status-title { color: var(--color-full-black); } .order-info-container .status-sale .dropdown .status-tip-container .status-text { color: var(--color-neutral-600); font-size: 14px; } .status-shipment { border-radius: var(--border-radius-button); font-size: 14px; line-height: normal; cursor: pointer; padding: 0px 24px; display: flex; align-items: center; justify-content: center; text-align: center; gap: 12px; height: 42px; font-weight: 400; user-select: none; transition: all var(--transition); cursor: auto; height: 30px; padding: 0 12px; border-radius: 12px; background: var(--color-light-white); } .status-shipment.no-shipment { color: var(--color-black-2); } .status-shipment.shipment { color: var(--color-calm-gray); } .order-info-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } .order-info-grid .order-info-fields { display: grid; gap: 10px; grid-template-columns: repeat(1, 1fr); } .order-info-fields { display: grid; gap: 20px; row-gap: 12px; grid-template-columns: 1fr 1fr; } .order-info-field { display: grid; grid-template-columns: 1fr; grid-row-gap: 4px; height: max-content; } .order-info-field .order-info-field-name { color: var(--color-calm-gray); } .order-info-field .order-info-field-value { color: var(--color-black-3); } .sales-items { padding: 0 20px !important; } .order-product-sale { background-color: var(--color-full-white); width: 100%; display: flex; position: relative; padding: 10px 0px; justify-content: space-between; border-bottom: 1px solid var(--color-light-stroke); column-gap: 20px; } .order-product-sale .order-product-favorite { position: absolute; top: 0; right: 0; bottom: 0; align-items: center; align-self: center; } .order-product-sale .order-product-favorite .favorite-btn { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='none'%3E%3Cg clip-path='url(%23clip0_3156_779)'%3E%3Cpath d='M12.7503 0.5C15.2817 0.5 17.3337 2.58333 17.3337 5.5C17.3337 11.3333 11.0837 14.6667 9.00033 15.9167C6.91699 14.6667 0.666992 11.3333 0.666992 5.5C0.666992 2.58333 2.75033 0.5 5.25033 0.5C6.8003 0.5 8.16699 1.33333 9.00033 2.16667C9.83366 1.33333 11.2003 0.5 12.7503 0.5ZM9.77858 13.5032C10.5132 13.0404 11.1753 12.5796 11.7961 12.0858C14.2784 10.1108 15.667 7.95292 15.667 5.5C15.667 3.53397 14.3862 2.16667 12.7503 2.16667C11.8537 2.16667 10.8831 2.64092 10.1788 3.34517L9.00033 4.52369L7.82183 3.34517C7.11756 2.64092 6.14691 2.16667 5.25033 2.16667C3.63288 2.16667 2.33366 3.54708 2.33366 5.5C2.33366 7.95292 3.72222 10.1108 6.20461 12.0858C6.82533 12.5796 7.48741 13.0404 8.22208 13.5032C8.47083 13.6599 8.71791 13.8107 9.00033 13.9793C9.28274 13.8107 9.52983 13.6599 9.77858 13.5032Z' fill='%2394A3B8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3156_779'%3E%3Crect width='18' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .order-product-sale .order-product-favorite .favorite-btn:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='none'%3E%3Cpath d='M12.7503 0.5C15.2817 0.5 17.3337 2.58333 17.3337 5.5C17.3337 11.3333 11.0837 14.6667 9.00033 15.9167C6.91699 14.6667 0.666992 11.3333 0.666992 5.5C0.666992 2.58333 2.75033 0.5 5.25033 0.5C6.8003 0.5 8.16699 1.33333 9.00033 2.16667C9.83366 1.33333 11.2003 0.5 12.7503 0.5ZM9.77858 13.5032C10.5132 13.0404 11.1753 12.5796 11.7961 12.0858C14.2784 10.1108 15.667 7.95292 15.667 5.5C15.667 3.53397 14.3862 2.16667 12.7503 2.16667C11.8537 2.16667 10.8831 2.64092 10.1788 3.34517L9.00033 4.52369L7.82183 3.34517C7.11756 2.64092 6.14691 2.16667 5.25033 2.16667C3.63288 2.16667 2.33366 3.54708 2.33366 5.5C2.33366 7.95292 3.72222 10.1108 6.20461 12.0858C6.82533 12.5796 7.48741 13.0404 8.22208 13.5032C8.47083 13.6599 8.71791 13.8107 9.00033 13.9793C9.28274 13.8107 9.52983 13.6599 9.77858 13.5032Z' fill='white'/%3E%3C/svg%3E"); } .order-product-sale .order-product-price-content { display: flex; row-gap: 4px; width: 100%; } .order-product-sale .order-product-image-content { display: flex; gap: 10px; width: 100%; } .order-product-sale .order-product-image-content .order-product-image { width: 60px; height: 60px; min-width: max-content; } .order-product-sale .order-product-image-content .order-product-image img { width: 60px; height: 60px; } .order-product-sale .order-product-image-content .order-product-content { width: 100%; margin-right: 30px; } .order-product-sale .order-product-image-content .order-product-content .order-product-name { transition: all var(--transition); margin-bottom: 4px; } .order-product-sale .order-product-image-content .order-product-content .order-product-prop-selected { margin-bottom: 4px; font-size: 12px; color: var(--color-gray); } .order-product-sale .order-product-image-content .order-product-content .order-product-stock { color: var(--color-calm-gray); } .order-product-sale .order-product-props { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; row-gap: 4px; width: 100%; max-width: 330px; color: var(--color-black-3); } .order-product-sale .order-product-props .order-product-prop { display: flex; flex-direction: column; gap: 7px; flex: 1; } .order-product-sale .order-product-props .order-product-prop .order-product-props-text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; color: var(--color-calm-gray); } .order-product-sale .order-product-props .order-product-prop .order-product-value { color: var(--color-grafite); font-size: 14px; white-space: nowrap; } .order-product-sale .order-product-props .order-product-prop .order-product-value-total { font-size: 18px; } .order-product-sale .order-product-props .order-product-prop .order-product-value.value-strikethrough { color: var(--color-gray); font-style: normal; line-height: 140%; text-decoration-line: line-through; } .order-product-sale .order-product-props .order-product-total-container { font-size: 18px; font-weight: 500; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; } .order-product-sale:last-child { border-bottom: none; } @media (max-width: 1280px) { .order-product-sale { flex-direction: column; } } @media (max-width: 768px) { .order-product-sale { gap: 10px; } .order-product-sale .order-product-props .order-product-prop .order-product-value-total { font-size: 16px; } .order-product-sale .order-product-price-content { margin-right: 90px; flex-direction: column; } .order-product-sale .order-product-image-content .order-product-content { margin: 0; margin-bottom: 10px; max-width: none; } .order-product-sale .order-product-image-content .order-product-image { position: absolute; right: 0; } .sales-items { padding: 0 12px !important; } .order-info-grid { grid-template-columns: 1fr; } .order-info-fields { grid-template-columns: 1fr; } } .sales-container .sales-top { display: flex; flex-wrap: wrap; gap: 10px; } .sales-container .sales-list { display: flex; flex-direction: column; gap: 20px; } .status-sale { border-radius: var(--border-radius-button); font-size: 14px; line-height: normal; cursor: pointer; padding: 0px 24px; display: flex; align-items: center; justify-content: center; text-align: center; gap: 12px; height: 42px; font-weight: 400; user-select: none; transition: all var(--transition); height: 30px; padding: 0 12px; cursor: auto; } .status-sale.sale-complete { background-color: var(--color-status-complete-bg); color: var(--color-status-complete); } .status-sale.sale-complete svg path { fill: var(--color-status-complete); } .status-sale.sale-placement { background-color: var(--color-status-placement-bg); color: var(--color-status-placement); } .status-sale.sale-placement svg path { fill: var(--color-status-placement); } .status-sale.sale-shipment { background-color: var(--color-status-shipment-bg); color: var(--color-status-shipment); } .status-sale.sale-shipment svg path { fill: var(--color-status-shipment); } .order-payment-btn { border-radius: var(--border-radius-button); font-size: 14px; line-height: normal; cursor: pointer; padding: 0px 24px; display: flex; align-items: center; justify-content: center; text-align: center; gap: 12px; height: 42px; font-weight: 400; user-select: none; transition: all var(--transition); cursor: auto; height: 30px; padding: 0 12px; border-radius: 12px; background: var(--color-light-white); } .no-payment { color: var(--color-black-2); } .payment { color: var(--color-calm-gray); } .order-card { display: flex; flex-direction: column; gap: 16px; border: 1px solid var(--color-light-stroke); background-color: var(--color-full-white); padding: 24px; border-radius: 30px; transition: all var(--transition); position: relative; font-weight: 400; } .order-card:hover { border: 1px solid transparent; box-shadow: var(--shadow-1); scale: 1.01; } .order-card:hover .order-card-top .order-card-name { color: var(--color-primary); } .order-card a { z-index: 2; } .order-card .order-card-link { position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 0; } .order-card .order-card-top { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; } .order-card .order-card-top .order-card-name-status { display: flex; gap: 20px; align-items: center; row-gap: 10px; flex-wrap: wrap; } .order-card .order-card-top .order-card-name-status .order-card-name { font-size: 20px; line-height: 140%; transition: all var(--transition); } .order-card .order-card-top .order-card-price-payment { display: flex; gap: 10px; align-items: center; justify-content: flex-end; } .order-card .order-card-description { font-size: 18px; line-height: 140%; transition: all var(--transition); margin-top: -6px; } .order-card .order-card-content { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; } .order-card .order-card-content .order-buttons { display: flex; gap: 10px; align-items: center; } .order-card .order-card-content .order-products { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; } .order-card .order-card-content .order-products .order-product .order-product-image img { height: 40px; width: 100%; } .order-card .order-card-content .order-products .order-product-others { padding: 6px 0; padding-left: 20px; padding-right: 10px; font-size: 20px; } @media (max-width: 768px) { .status-sale { font-size: 12px; padding: 0 8px; height: 22px; } .dropdown-click .dropdown-click__content { max-width: 100%; } .order-payment-btn { padding: 0 8px; height: 22px; } .order-card .order-card-content .order-buttons { display: none; } .order-card .order-card-top .order-card-name-status .order-card-name { font-size: 16px; } .order-card .order-card-top .order-card-price-payment { flex-direction: row-reverse; flex-wrap: wrap; } } .cart-section-container .cart-alert { font-size: 14px; padding: 16px 25px; width: 100%; display: flex; gap: 10px; border-radius: 4px; } .cart-section-container .cart-alert::before { content: ""; min-width: 24px; min-height: 24px; max-width: 24px; max-height: 24px; display: inline-block; } .cart-section-container .alert--success { background-color: var(--color-alery-green-bg); color: var(--color-alery-green); } .cart-section-container .alert--success::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_3641_1641)'%3E%3Cpath d='M12.0001 23.7638C5.50259 23.7638 0.235352 18.4965 0.235352 11.9991C0.235352 5.50161 5.50259 0.234375 12.0001 0.234375C18.4975 0.234375 23.7648 5.50161 23.7648 11.9991C23.7648 18.4965 18.4975 23.7638 12.0001 23.7638ZM10.8266 16.705L19.1456 8.38606L17.4818 6.72228L10.8266 13.3774L7.49913 10.0498L5.83534 11.7137L10.8266 16.705Z' fill='%2381C784'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3641_1641'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .cart-section-container .alert--info { background-color: var(--color-alery-blue-bg); color: var(--color-alery-blue); } .cart-section-container .alert--info::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_3641_3001)'%3E%3Cpath d='M12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24ZM12 21.6C17.302 21.6 21.6 17.302 21.6 12C21.6 6.69806 17.302 2.4 12 2.4C6.69806 2.4 2.4 6.69806 2.4 12C2.4 17.302 6.69806 21.6 12 21.6ZM10.8 6H13.2V8.4H10.8V6ZM10.8 10.8H13.2V18H10.8V10.8Z' fill='%2390CAF9'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3641_3001'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .cart-section-container .alert--warning { background-color: var(--color-alery-orange-bg); color: var(--color-alery-orange); } .cart-section-container .alert--warning::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_3641_1644)'%3E%3Cpath d='M12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24ZM12 21.6C17.302 21.6 21.6 17.302 21.6 12C21.6 6.69806 17.302 2.4 12 2.4C6.69806 2.4 2.4 6.69806 2.4 12C2.4 17.302 6.69806 21.6 12 21.6ZM10.8 6H13.2V8.4H10.8V6ZM10.8 10.8H13.2V18H10.8V10.8Z' fill='%23FFCC80'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3641_1644'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .cart-section-container .alert--error { background-color: var(--color-alery-red-bg); color: var(--color-alery-red); } .cart-section-container .alert--error::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_3641_26342)'%3E%3Cpath d='M12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24ZM12 21.6C17.302 21.6 21.6 17.302 21.6 12C21.6 6.69806 17.302 2.4 12 2.4C6.69806 2.4 2.4 6.69806 2.4 12C2.4 17.302 6.69806 21.6 12 21.6ZM10.8 15.6H13.2V18H10.8V15.6ZM10.8 6H13.2V13.2H10.8V6Z' fill='%23EF9A9A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3641_26342'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .cart-section-container .cart-container .cart-cols { display: flex; gap: 20px; } .cart-col-items { width: 100%; font-weight: 400; } .cart-col-items .cart-items { display: flex; flex-direction: column; border: 1px solid var(--color-light-stroke); border-radius: var(--border-radius-block-outer); background-color: var(--color-full-white); padding: 20px; } .cart-col-items .cart-items .col-items-title { line-height: 140%; } .cart-col-items .cart-items .col-items-top { padding-bottom: 14px; width: max-content; } .cart-col-items .cart-items .col-items-top .input-checkbox { color: var(--color-neutral-600); } .cart-col-items .cart-items .cart-item:first-child { border-top-left-radius: 20px; border-top-right-radius: 20px; } .cart-col-items .cart-items .cart-item:last-child { border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom: none; } .cart-col-items .cart-items-remove-text { color: var(--color-neutral-600); font-size: 16px; line-height: 140%; letter-spacing: 0.16px; width: max-content; cursor: pointer; } .cart-col-items .cart-items.accordion-click .accordion-click__show { margin-bottom: 0px !important; } .cart-col-items .cart-items.accordion-click .accordion-click__show .accordion-click__top { justify-content: space-between; } .cart-col-items .cart-items.accordion-click .accordion-click__content { transition: all var(--transition); min-height: 0; max-height: 0; } .cart-col-items .cart-items.accordion-click._active .accordion-click__show { margin-bottom: 20px !important; } .cart-col-side-panel { width: 100%; max-width: 360px; position: sticky; top: 70px; height: max-content; } .cart-col-side-panel .side-panel-container { border-radius: var(--border-radius-block-outer); background: var(--color-full-white); padding: 20px; box-shadow: var(--shadow-1); font-weight: 400; } .cart-col-side-panel .side-panel-container .side-panel__top { display: flex; justify-content: space-between; font-weight: 600; font-size: 20px; color: var(--color-grafite); } .cart-col-side-panel .side-panel-container .side-panel-buttons { display: flex; gap: 10px; flex-direction: column; } .cart-col-side-panel .side-panel-container .side-panel__info { display: flex; flex-direction: column; gap: 6px; } .cart-col-side-panel .side-panel-container .side-panel__info .side-panel__item { display: flex; justify-content: space-between; color: var(--color-neutral-600); font-size: 14px; line-height: 140%; gap: 10px; position: relative; overflow: hidden; } .cart-col-side-panel .side-panel-container .side-panel__info .side-panel__item .side-panel__text { white-space: nowrap; } .cart-col-side-panel .side-panel-container .side-panel__info .side-panel__item .side-panel__text::after { margin-left: 10px; color: transparent; position: absolute; top: 0; bottom: 0; content: " ................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................"; width: 100%; pointer-events: none; } .cart-col-side-panel .side-panel-container .side-panel__info .side-panel__item .side-panel__value { text-align: end; z-index: 1; background-color: var(--color-full-white); padding-left: 10px; } .cart-col-side-panel .side-panel-container .side-panel__info .side-panel__item__top { display: flex; color: var(--color-neutral-600); font-size: 14px; line-height: 140%; gap: 10px; } .cart-col-side-panel .side-panel-container .side-panel__info .side-panel__item__top .side-panel__value { color: var(--color-full-black); } .cart-col-side-panel .side-panel-container .text-coupon-success { color: var(--color-green-positive); font-size: 12px; } .cart-col-side-panel .side-panel-container .text-coupon-remove { cursor: pointer; margin-left: 10px; color: var(--color-neutral-400); } .cart-col-side-panel .side-panel-container .text-coupon-remove:hover { color: var(--color-primary); } .cart-col-side-panel .side-panel-container b { font-weight: 500; } .cart-col-side-panel .side-panel-container .text-coupon-error { font-size: 12px; color: var(--color-red-error); } .cart-col-side-panel .text__confirm { padding: 0 20px; } .cart-col-side-panel .form-container__nav { padding: 0 20px; margin-bottom: 10px; flex-direction: column; align-items: baseline; } .cart-col-side-panel .form-container__nav .input-checkbox input:checked + .checkboxLabel .checkboxIcon { border: none; } .cart-col-side-panel .form-container__nav .input-checkbox:hover .checkboxIcon { border: 1px solid var(--color-light-gray); } .cart-col-side-panel .form-container__nav .form-container__check { color: var(--color-light-gray); font-size: 14px; line-height: 120%; } .cart-col-side-panel .form-container__nav .form-container__link, .cart-col-side-panel .form-container__nav a { font-size: 14px; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; color: inherit; } @media (max-width: 992px) { .cart-section-container .cart-container .cart-cols { flex-direction: column; } .cart-col-side-panel { max-width: 100%; } } .detail-go-back { display: flex; color: var(--color-neutral-400); line-height: 140%; width: max-content; font-weight: 400; } .detail-go-back::before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='16' viewBox='0 0 31 16' fill='none'%3E%3Cpath d='M0.292891 7.29289C-0.0976333 7.68341 -0.0976334 8.31658 0.29289 8.7071L6.65685 15.0711C7.04738 15.4616 7.68054 15.4616 8.07107 15.0711C8.46159 14.6805 8.46159 14.0474 8.07107 13.6569L2.41421 8L8.07107 2.34314C8.46159 1.95262 8.46159 1.31945 8.07107 0.92893C7.68054 0.538406 7.04738 0.538406 6.65685 0.92893L0.292891 7.29289ZM31 7L0.999998 7L0.999998 9L31 9L31 7Z' fill='%2394A3B8'/%3E%3C/svg%3E"); margin-right: 16px; width: 32px; height: 16px; display: flex; position: relative; } .gallery-form { align-items: end; } .gallery-form .gallery-field { max-width: 428px; width: 100%; } .gallery-form .gallery-field .gallery-dropdown { width: 100%; } .gallery-form .gallery-field .gallery-dropdown .dropdown-click__show { width: 100%; justify-content: space-between; } .gallery-form .gallery-field .gallery-dropdown .dropdown-click__content { width: 236px; margin-top: 10px; } @media (max-width: 768px) { .gallery-form .gallery-field { max-width: none; } .gallery-form .gallery-field .gallery-dropdown { flex-direction: column; gap: 12px; } .gallery-form .gallery-field .gallery-dropdown .dropdown-click__content { margin-top: 0; display: none; position: relative; width: 100%; } .gallery-form .gallery-field .gallery-dropdown._active .dropdown-click__content { display: flex; } } .contacts-wrapper .form-container { max-width: 728px; width: 100%; } .container-404 { display: flex; flex-direction: column; align-items: center; padding-bottom: 40px; } .container-404 .imgage-404 { padding-top: 120px; } .container-404 .imgage-404 svg { max-width: 100%; max-height: 100%; height: auto; } @media (max-width: 768px) { .container-404 .imgage-404 { padding-top: 40px; } } /*Стили страниц END */ .sok--modal { position: fixed; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; overflow-y: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 100; opacity: 0; -webkit-overflow-scrolling: touch; pointer-events: none; display: -webkit-box; display: -ms-flexbox; display: flex; transition: opacity var(--transition); } .sok--modal .modal__overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; background: rgba(0, 0, 0, 0.2); opacity: 0; transition: opacity var(--transition); } .sok--modal._active { opacity: 1; pointer-events: all; } .sok--modal._active .modal__overlay { opacity: 1; } .modal__dialog-container { position: relative; z-index: 10000; border-radius: 20px; background: var(--color-full-white); color: var(--color-text-grafite); box-shadow: 0px 2px 2px -1px rgba(30, 41, 59, 0.04), 0px 16px 24px -4px rgba(30, 41, 59, 0.16); padding: 20px; max-width: 600px; height: 100%; max-height: max-content; width: 100%; overflow-x: hidden !important; } .modal__dialog-container .modal__close { display: flex; cursor: pointer; position: absolute; top: 0; right: 0; margin: 20px; z-index: 1; background-color: var(--color-full-white); } .desktop-fullsize-modal { max-width: 100%; border-radius: 0px; } .desktop-fullsize-modal .modal__dialog { height: 100%; } .modal--1200 { max-width: 1200px; } .modal__dialog { width: 100%; max-height: 100%; padding: 20px; display: flex; flex-direction: column; gap: 20px; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .modal__dialog .sok--modal-title { display: flex; align-items: center; position: relative; padding-top: 0px; padding-bottom: 11px; min-height: 40px; gap: 20px; } .modal__dialog .sok--modal-title .modal-nav__icon { display: none; cursor: pointer; } .modal__dialog .sok--modal-title .modal-nav__icon._active { display: inline-block; } .modal__dialog .sok--modal-title .sok--modal-title__text { font-size: 32px; font-weight: 500; } .modal__dialog .sok--modal-content .sok--modal-description { font-size: 16px; line-height: 140%; color: var(--color-text-grafite); margin-bottom: 20px; font-weight: 400; } @media (max-width: 768px) { .sok--modal .modal__dialog-container { max-width: 100%; height: 100%; border-radius: 0; padding: 10px; max-height: none; } .sok--modal .modal__dialog-container .modal__dialog { padding: 10px; gap: 10px; height: 100%; } .sok--modal .modal__dialog-container .modal__dialog .sok--modal-title { min-height: auto; padding-bottom: 10px; } .sok--modal .modal__dialog-container .modal__dialog .sok--modal-title .sok--modal-title__text { font-size: 18px; } .sok--modal .modal__dialog-container .modal__dialog .sok--modal-content .sok--modal-description { font-size: 14px; margin-bottom: 10px; } .sok--modal .modal__dialog-container .modal__close { margin: 0; } } .sok--modal .modal--650 { max-width: 650px; margin: 0 auto; } .modal__dialog .sok--modal-title .sok--modal-title__text .sok--modal-title-nav { display: flex; align-items: center; gap: 6px; white-space: nowrap; } .modal__dialog .sok--modal-title .sok--modal-title__text .sok--modal-title-nav .sok--modal-title-nav__text._active { color: var(--color-text-grafite); cursor: auto; pointer-events: none; } .modal__dialog .sok--modal-title .sok--modal-title__text .sok--modal-title-nav .sok--modal-title-nav__text { color: var(--color-text-light-gray); cursor: pointer; } .modal__dialog .sok--modal-title .sok--modal-title__text .sok--modal-title-nav .sok--modal-title-nav__text::after { content: "/"; color: var(--color-gray-2); margin-left: 6px; } .modal__dialog .sok--modal-title .sok--modal-title__text .sok--modal-title-nav .sok--modal-title-nav__text:last-child::after { display: none; } .modal__dialog .sok--modal-content .form-container { margin-bottom: -20px; } .modal__dialog .sok--modal-content .form-container > *:last-child { margin-bottom: 20px; } .modal__dialog .sok--modal-content fieldset { margin-bottom: 20px; } .modal__dialog .sok--modal-content .form-container__bottom > *:last-child { margin-bottom: 0px; } .modal__dialog .sok--modal-content .fields-cols-2 { column-gap: 20px; } .modal__dialog .sok--modal-content .form-container__checkbox { margin-bottom: 20px; } .modal__dialog .sok--modal-content .form-container__buttons { margin-bottom: 20px; } .modal__dialog .sok--modal-content .form-container__nav { margin-top: -20px; } .modal__dialog .sok--modal-content .form-forgot-password { margin-bottom: 20px; padding: 10px; } .sok--modal .mobile-menu-modal-container { display: flex; flex-direction: column; row-gap: 10px; width: 100%; height: 100%; background-color: var(--color-full-white); z-index: 1000; padding: 0; min-width: 240px; max-width: 100%; border-radius: 0; transition: all var(--transition); overflow-y: auto; -webkit-overflow-scrolling: touch; font-weight: 400; position: relative; } .sok--modal .mobile-menu-modal-container .modal__dialog { padding: 0; padding-top: 12px; } .sok--modal .mobile-menu-modal-container .modal__close { background-color: var(--color-main-red); border-radius: 100%; transition: all var(--transition); padding: 11px; margin: 20px; margin-top: 26px; z-index: 1001; } .sok--modal .mobile-menu-modal-container .sok--modal-title { border-bottom: 1px solid var(--color-light-stroke); } .sok--modal .mobile-menu-modal-container .sok--modal-title .modal-nav__icon { display: flex; } .sok--modal .mobile-menu-modal-container .sok--modal-title .sok--modal-title__text { margin-left: auto; margin-right: auto; font-size: 18px; margin-left: auto; margin-right: auto; } .sok--modal .mobile-menu-modal-container .mobile-menu-modal { transition: var(--transition); transform: translateX(0px); height: 100%; } .sok--modal .mobile-menu-modal-container .header-menu-dropdown { padding: 0 20px; padding-top: 16px; display: flex; flex-direction: column; gap: 10px; } .sok--modal .mobile-menu-modal-container .modal-header-menu .header-menu-dropdown._active { display: flex; } .sok--modal .mobile-menu-modal-container .modal-header-menu .header-menu-dropdown { left: 100%; top: 0; width: 100%; border: medium none; box-shadow: none; visibility: visible; opacity: 1; display: none; position: absolute; z-index: 5; margin: 0; margin-right: 20px; } .sok--modal .mobile-menu-modal-container .modal-header-menu { display: flex; flex-direction: column; row-gap: 10px; overflow-y: auto; width: 100%; padding-bottom: 20px; -webkit-overflow-scrolling: touch; } .sok--modal .mobile-menu-modal-container .modal-header-menu .header-menu-list { display: flex; flex-direction: column; padding-bottom: 10px; border-bottom: 1px solid var(--color-primary-light); } .sok--modal .mobile-menu-modal-container .modal-header-menu .header-menu-list .sok--modal-title { min-height: 56px; } .sok--modal .mobile-menu-modal-container .modal-header-menu .header-menu-list .sok--modal-title .sok--modal-title__text { font-size: 18px; } .sok--modal .mobile-menu-modal-container .modal-header-menu .header-menu-list .header-menu-item { display: flex; align-items: center; gap: 10px; justify-content: space-between; border-radius: 10px; width: 100%; color: var(--color-grafite); font-size: 14px; } .sok--modal .mobile-menu-modal-container .modal-header-menu .header-menu-list .header-menu-item .item-title { display: flex; gap: 12px; align-items: center; } .sok--modal .mobile-menu-modal-container .modal-header-menu .header-menu-list .header-menu-item .item-title svg { margin: 0; width: 20px; height: 20px; } .sok--modal .mobile-menu-modal-container .modal-header-menu .header-menu-list .header-menu-item a { color: var(--color-grafite); } .sok--modal .mobile-menu-modal-container .modal-header-menu .header-menu-list .header-menu-item a:hover { color: var(--color-primary); } .sok--modal .mobile-menu-modal-container .modal-header-menu .header-menu-list .header-menu-item a:hover svg path { fill: var(--color-primary); } .sok--modal .mobile-menu-modal-container .modal-header-menu .header-menu-list .header-menu-item a { width: 100%; } .sok--modal .mobile-menu-modal-container .modal-header-menu .header-menu-list .header-menu-item .sok__btn-primary { color: var(--color-full-white); } .sok--modal .mobile-menu-modal-container .modal-header-menu .header-menu-list .header-menu-item .header-menu-top { display: flex; justify-content: space-between; align-items: center; width: 100%; font-size: 14px; font-weight: 400; padding: 6px 0px; width: 100%; cursor: pointer; pointer-events: all; } .sok--modal .mobile-menu-modal-container .modal-header-menu .header-menu-list .header-menu-item .header-menu-top svg { min-width: 20px; min-height: 20px; } .sok--modal .mobile-menu-modal-container .modal-header-menu .header-menu-bottom { display: flex; flex-direction: column; gap: 12px; } .sok--modal .mobile-menu-modal-container .modal-header-menu .header-menu-bottom .menu-bottom__item { display: flex; gap: 12px; color: var(--color-grafite); cursor: pointer; } .sok--modal .mobile-menu-modal-container .modal-header-menu .header-menu-bottom a.menu-bottom__item:hover { color: var(--color-primary); } .sok--modal .mobile-menu-modal-container .modal-header-menu .header-menu-bottom a.menu-bottom__item:hover svg path { fill: var(--color-primary); } .sok--modal .mobile-menu-modal-container .modal-header-menu .header-menu-bottom .item-phone .menu-bottom__content { display: flex; flex-direction: column; } .sok--modal .mobile-menu-modal-container .modal-header-menu .header-menu-bottom .item-phone .menu-bottom__content .menu-bottom__phone { font-weight: 500; } .sok--modal .mobile-menu-modal-container .modal-header-menu .header-menu-bottom .item-phone .menu-bottom__content .menu-bottom__text { color: var(--color-neutral-400); font-size: 14px; line-height: 140%; } @media (max-width: 768px) { .sok--modal .mobile-menu-modal-container { display: flex; } .sok--modal .mobile-menu-modal-container .modal__close { margin: 14px 20px; padding: 3px; } .sok--modal .mobile-menu-modal-container .header-menu-dropdown { padding: 0px 20px; } .sok--modal .mobile-menu-modal-container .modal-header-menu .header-menu-list .sok--modal-title { min-height: 45px; } } /*Стили модулей */ /*Стили шаблона (template) */ :root { --color-primary: #323232; --color-light-blue: #d9edf7; --color-alert-green-bg: #e6f4ea; --color-alert-green: #2e7d32; --color-alert-blue-bg: #e8f1fa; --color-alert-blue: #1565c0; --color-alert-orange-bg: #fff8e1; --color-alert-orange: #ef6c00; --color-alert-red-bg: #fdecea; --color-alert-red: #b71c1c; --color-neutral-50: #f8fafc; --color-neutral-400: #94a3b8; --color-neutral-600: #475569; --color-neutral-800: #1e293b; --color-grafite: #323232; --color-grafite-60: rgba(50, 50, 50, 0.6); --color-light-white: rgba(154, 178, 201, 0.1); --color-light-stroke: rgba(154, 178, 201, 0.3); --color-light-border: rgba(154, 178, 201, 0.6); --color-full-black: #000000; --color-full-white: #ffffff; --color-light-gray: #9ab2c9; --color-gray: rgba(0, 0, 0, 0.5); --color-calm-gray: #7f7f7f; --color-gray-80: rgba(0, 0, 0, 0.8); --color-green-positive: #059669; --color-red: #fb7373; --color-red-error: #e31e25; --shadow-dropdown: 0px 4px 17.8px 0px rgba(120, 167, 193, 0.25); --shadow-1: 0px 10px 30px 0px rgba(92, 122, 132, 0.1); --transition: 0.3s; } body.sok--fixed { width: auto; overflow: hidden; overscroll-behavior-y: none; } .sok--wrapper *, .sok--wrapper :after, .sok--wrapper :before { margin: 0; padding: 0; box-sizing: border-box; -webkit-font-smoothing: antialiased !important; -webkit-tap-highlight-color: transparent; outline: 0 !important; } .sok--wrapper body, .sok--wrapper html { margin: 0; padding: 0; font-weight: 400; } .sok--wrapper li, .sok--wrapper ul { margin: 0; padding: 0; list-style: none; } .sok--wrapper button { border: none; font-family: inherit; } .sok--wrapper .sok__container { width: 100%; margin-right: auto; margin-left: auto; position: relative; } .sok--wrapper a { cursor: pointer; text-decoration: none; color: inherit; text-decoration: none; } .sok--wrapper img { max-width: 100%; } .sok--wrapper h1 { font-size: 36px; } .sok--wrapper h2 { font-size: 32px; margin-bottom: 20px; } .sok--wrapper h3 { font-size: 24px; margin-bottom: 20px; } .sok--wrapper h4 { font-size: 20px; margin-bottom: 20px; } .sok--wrapper h5 { font-size: 16px; margin-bottom: 20px; } .sok--wrapper p { line-height: 140%; margin-bottom: 20px; } .sok--wrapper ._h2 { margin: 0; } .sok--wrapper ._h3 { margin: 0; } .sok--wrapper ._h5 { margin: 0; } .sok--wrapper ._p { margin: 0; } .sok--wrapper ul, .sok--wrapper ol { padding-left: 30px; display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; } .sok--wrapper ul ul, .sok--wrapper ul ol, .sok--wrapper ol ul, .sok--wrapper ol ol { padding-left: 0; } .sok--wrapper ul li, .sok--wrapper ol li { list-style: auto; line-height: 140%; } .sok--wrapper ul { display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; } .sok--wrapper ul li { list-style: disc; } .sok--wrapper ul li::marker { color: inherit; } .sok--wrapper ol[type="1"] { margin-top: 10px; counter-reset: item; padding-left: 0; } .sok--wrapper ol[type="1"] li { display: block; } .sok--wrapper ol[type="1"] li:last-child ul { margin-bottom: 0; } .sok--wrapper ol[type="1"] li ul { margin-top: 10px; } .sok--wrapper ol[type="1"] li::before { content: counters(item, ".") ". "; counter-increment: item; } .sok--wrapper ul[type="3"] { gap: 20px; list-style-type: none; padding-left: 0; } .sok--wrapper ul[type="3"] li { display: grid; grid-template-columns: 24px auto; gap: 10px; } .sok--wrapper ul[type="3"] li::before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11.0026 16L18.0737 8.92893L16.6595 7.51472L11.0026 13.1716L8.17421 10.3431L6.75999 11.7574L11.0026 16Z' fill='%23E31E25'/%3E%3C/svg%3E"); width: 24px; height: 24px; display: inline-block; } .sok--wrapper ul[type="2"] li { list-style: none; display: flex; } .sok--wrapper ul[type="2"] li::before { position: relative; content: ""; background-color: var(--color-primary); border-radius: 100%; min-width: 12px; min-height: 12px; max-width: 12px; max-height: 12px; margin: 4px 6px; display: inline-block; } .sok--wrapper ul[type="1"] { padding-left: 0; } .sok--wrapper ul[type="1"] li { display: block; } .sok--wrapper ul[type="1"] li::before { content: "— " !important; counter-increment: none; } .sok--wrapper ul[type="0"] { padding-left: 0; } .sok--wrapper ul[type="0"] li { display: block; } .sok--wrapper ul[type="0"] li::before { content: "" !important; counter-increment: none; } .sok--wrapper li[type="0"]::before { content: "" !important; counter-increment: none; } .sok--wrapper h1, .sok--wrapper h2, .sok--wrapper h3, .sok--wrapper h4, .sok--wrapper h5 { font-weight: 500; color: var(--color-grafite); } .sok--wrapper .w-max, .popup-window .w-max { width: max-content !important; } .sok--wrapper .h-max { height: max-content !important; } .sok--wrapper .w-100, .popup-window .w-100 { width: 100% !important; } .sok--wrapper .page-top { margin-bottom: 24px; } .sok--wrapper .detail-text { margin-bottom: -20px; } .sok--wrapper .detail-container { display: flex; flex-direction: column; border-radius: var(--border-radius-block-outer); padding: 24px !important; border: 1px solid var(--color-light-stroke); background-color: var(--color-full-white); } .sok--wrapper .favorite-btn { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='none'%3E%3Cpath d='M12.7503 0.0170898C15.2817 0.0170898 17.3337 2.10042 17.3337 5.01709C17.3337 10.8504 11.0837 14.1838 9.00033 15.4338C6.91699 14.1838 0.666992 10.8504 0.666992 5.01709C0.666992 2.10042 2.75033 0.0170898 5.25033 0.0170898C6.8003 0.0170898 8.16699 0.850423 9.00033 1.68376C9.83366 0.850423 11.2003 0.0170898 12.7503 0.0170898ZM9.77858 13.0203C10.5132 12.5575 11.1753 12.0967 11.7961 11.6028C14.2784 9.62792 15.667 7.47001 15.667 5.01709C15.667 3.05106 14.3862 1.68376 12.7503 1.68376C11.8537 1.68376 10.8831 2.15801 10.1788 2.86226L9.00033 4.04078L7.82183 2.86226C7.11756 2.15801 6.14691 1.68376 5.25033 1.68376C3.63288 1.68376 2.33366 3.06417 2.33366 5.01709C2.33366 7.47001 3.72222 9.62792 6.20461 11.6028C6.82533 12.0967 7.48741 12.5575 8.22208 13.0203C8.47083 13.177 8.71791 13.3278 9.00033 13.4964C9.28274 13.3278 9.52983 13.177 9.77858 13.0203Z' fill='%23475569'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position-x: center; background-position-y: center; width: 32px; height: 32px; padding: 10px; position: relative; bottom: 0; display: flex; cursor: pointer; z-index: 1; border-radius: 100%; transition: all var(--transition); } .sok--wrapper .favorite-btn:hover { background-color: var(--color-primary) !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='none'%3E%3Cpath d='M12.7503 0.5C15.2817 0.5 17.3337 2.58333 17.3337 5.5C17.3337 11.3333 11.0837 14.6667 9.00033 15.9167C6.91699 14.6667 0.666992 11.3333 0.666992 5.5C0.666992 2.58333 2.75033 0.5 5.25033 0.5C6.8003 0.5 8.16699 1.33333 9.00033 2.16667C9.83366 1.33333 11.2003 0.5 12.7503 0.5ZM9.77858 13.5032C10.5132 13.0404 11.1753 12.5796 11.7961 12.0858C14.2784 10.1108 15.667 7.95292 15.667 5.5C15.667 3.53397 14.3862 2.16667 12.7503 2.16667C11.8537 2.16667 10.8831 2.64092 10.1788 3.34517L9.00033 4.52369L7.82183 3.34517C7.11756 2.64092 6.14691 2.16667 5.25033 2.16667C3.63288 2.16667 2.33366 3.54708 2.33366 5.5C2.33366 7.95292 3.72222 10.1108 6.20461 12.0858C6.82533 12.5796 7.48741 13.0404 8.22208 13.5032C8.47083 13.6599 8.71791 13.8107 9.00033 13.9793C9.28274 13.8107 9.52983 13.6599 9.77858 13.5032Z' fill='white'/%3E%3C/svg%3E"); } .sok--wrapper .favorite-btn._active { background-color: var(--color-primary) !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='none'%3E%3Cpath d='M12.7503 0.5C15.2817 0.5 17.3337 2.58333 17.3337 5.5C17.3337 11.3333 11.0837 14.6667 9.00033 15.9167C6.91699 14.6667 0.666992 11.3333 0.666992 5.5C0.666992 2.58333 2.75033 0.5 5.25033 0.5C6.8003 0.5 8.16699 1.33333 9.00033 2.16667C9.83366 1.33333 11.2003 0.5 12.7503 0.5ZM9.77858 13.5032C10.5132 13.0404 11.1753 12.5796 11.7961 12.0858C14.2784 10.1108 15.667 7.95292 15.667 5.5C15.667 3.53397 14.3862 2.16667 12.7503 2.16667C11.8537 2.16667 10.8831 2.64092 10.1788 3.34517L9.00033 4.52369L7.82183 3.34517C7.11756 2.64092 6.14691 2.16667 5.25033 2.16667C3.63288 2.16667 2.33366 3.54708 2.33366 5.5C2.33366 7.95292 3.72222 10.1108 6.20461 12.0858C6.82533 12.5796 7.48741 13.0404 8.22208 13.5032C8.47083 13.6599 8.71791 13.8107 9.00033 13.9793C9.28274 13.8107 9.52983 13.6599 9.77858 13.5032Z' fill='white'/%3E%3C/svg%3E"); } .sok--wrapper .grid-list--count { --items-count: 1; grid-template-columns: repeat(var(--items-count), 1fr); } .sok--wrapper .grid-list--count-5-desktop { --items-count: 5; } .sok--wrapper .grid-list--count-4-desktop { --items-count: 4; } .sok--wrapper .grid-list--count-3-desktop { --items-count: 3; } .sok--wrapper .grid-list--count-2-desktop { --items-count: 2; } .sok--wrapper .grid-list--count-1-desktop { --items-count: 1; } .sok--wrapper .overflow-visible { overflow: visible; } .sok--wrapper .hover-link:hover { color: var(--color-primary) !important; } .sok--wrapper .hover-link:hover svg path { fill: var(--color-primary) !important; } .sok--wrapper .primary-link { color: var(--color-primary) !important; text-decoration: none !important; } .sok--wrapper .primary-link svg path { fill: var(--color-primary) !important; } .sok--wrapper .gap--6 { gap: 6px !important; } .sok--wrapper .gap--8 { gap: 8px; } .sok--wrapper .gap--12 { gap: 12px !important; } .sok--wrapper .gap--16 { gap: 16px; } .sok--wrapper .gap--20 { gap: 20px; } .sok--wrapper .gap--24 { gap: 24px; } .sok--wrapper .gap--30 { gap: 30px; } .sok--wrapper .gap--32 { gap: 32px; } .sok--wrapper .gap--40 { gap: 40px; } .sok--wrapper .mt--0 { margin-top: 0px !important; } .sok--wrapper .mt--2 { margin-top: 2px !important; } .sok--wrapper .mt--4 { margin-top: 4px !important; } .sok--wrapper .mt--6 { margin-top: 6px !important; } .sok--wrapper .mt--8 { margin-top: 8px !important; } .sok--wrapper .mt--10 { margin-top: 10px !important; } .sok--wrapper .mt--12 { margin-top: 12px !important; } .sok--wrapper .mt--14 { margin-top: 14px !important; } .sok--wrapper .mt--16 { margin-top: 16px !important; } .sok--wrapper .mt--20 { margin-top: 20px !important; } .sok--wrapper .mt--24 { margin-top: 24px !important; } .sok--wrapper .mt--30 { margin-top: 30px !important; } .sok--wrapper .mt--40 { margin-top: 40px !important; } .sok--wrapper .mb--0 { margin-bottom: 0px !important; } .sok--wrapper .mb--2 { margin-bottom: 2px !important; } .sok--wrapper .mb--4 { margin-bottom: 4px !important; } .sok--wrapper .mb--6 { margin-bottom: 8px !important; } .sok--wrapper .mb--8 { margin-bottom: 8px !important; } .sok--wrapper .mb--10 { margin-bottom: 10px !important; } .sok--wrapper .mb--12 { margin-bottom: 12px !important; } .sok--wrapper .mb--14 { margin-bottom: 14px !important; } .sok--wrapper .mb--16 { margin-bottom: 16px !important; } .sok--wrapper .mb--20, .popup-window .mb--20 { margin-bottom: 20px !important; } .sok--wrapper .mb--24 { margin-bottom: 24px !important; } .sok--wrapper .mb--30 { margin-bottom: 30px !important; } .sok--wrapper .mb--40 { margin-bottom: 40px !important; } .sok--wrapper .mb--60 { margin-bottom: 60px !important; } .sok--wrapper .mr--auto { margin-right: auto !important; } .sok--wrapper .ml--auto { margin-left: auto !important; } .sok--wrapper .p--20 { padding: 20px; } .sok--wrapper .pr--16 { padding-right: 16px !important; } .sok--wrapper .pl--0 { padding-left: 0 !important; } .sok--wrapper .pl--16 { padding-left: 16px !important; } .sok--wrapper .pr--20 { padding-right: 20px !important; } .sok--wrapper .pl--20 { padding-left: 20px !important; } .sok--wrapper .pt--20 { padding-top: 20px !important; } .sok--wrapper .pb--0 { padding-bottom: 0px !important; } .sok--wrapper .pb--2 { padding-bottom: 2px !important; } .sok--wrapper .pb--4 { padding-bottom: 4px !important; } .sok--wrapper .pb--6 { padding-bottom: 6px !important; } .sok--wrapper .pb--8 { padding-bottom: 8px !important; } .sok--wrapper .pb--10 { padding-bottom: 10px !important; } .sok--wrapper .pb--20 { padding-bottom: 20px !important; } .sok--wrapper .text--12 { font-size: 12px; } .sok--wrapper .text--14 { font-size: 14px; } .sok--wrapper .text--16 { font-size: 16px; } .sok--wrapper .text--20 { font-size: 20px; } .sok--wrapper .text--24 { font-size: 24px; } .sok--wrapper .text-link { text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; color: var(--color-primary); cursor: pointer; } .sok--wrapper .fw--400 { font-weight: 400; } .sok--wrapper .fw--500 { font-weight: 500; } .sok--wrapper .color-neutral-600 { color: var(--color-neutral-600); } .sok--wrapper .color-grafite { color: var(--color-grafite); } .sok--wrapper .color-gray { color: var(--color-gray); } .sok--wrapper .color-gray-80 { color: var(--color-gray-80); } .sok--wrapper .color-calm-gray { color: var(--color-calm-gray); } .sok--wrapper .color-primary { color: var(--color-primary); } .sok--wrapper .--disabled { pointer-events: none !important; } .sok--wrapper .d--flex { display: flex; } .sok--wrapper .flex-wrap-nowrap { flex-wrap: nowrap !important; } .sok--wrapper .d--flex__row { display: flex; flex-direction: row !important; } .sok--wrapper .flex--wrap { flex-wrap: wrap; } .sok--wrapper .d--flex__col { display: flex; flex-direction: column; } .sok--wrapper .align-items--start { align-items: flex-start !important; } .sok--wrapper .align-items--center { align-items: center !important; } .sok--wrapper .align-items--end { align-items: end !important; } .sok--wrapper .justify-content--space-between { justify-content: space-between; } .sok--wrapper .justify-content--end { justify-content: end; } .sok--wrapper .d--grid--2-fr { display: grid !important; grid-template-columns: repeat(2, 1fr); } .sok--wrapper .flex--1 { flex: 1; } .sok--wrapper .whitespace--nowrap { white-space: nowrap; } .sok--wrapper .input-text { border-radius: var(--border-radius-input); border: 1px solid var(--color-light-gray-7); background-color: var(--color-full-white); padding: 11px 20px; font-weight: 400; font-size: 14px; width: 100%; color: var(--color-grafite); display: flex; gap: 8px; align-items: center; height: 42px; } .sok--wrapper .input-text:focus { border: 1px solid var(--color-grafite); color: var(--color-grafite); } .sok--wrapper .input-text::placeholder { color: var(--color-light-gray); } .sok--wrapper .input-text input { color: inherit; border: none; display: flex; width: 100%; height: 100%; background: transparent; } .sok--wrapper .input-text input:focus { color: var(--color-grafite); } .sok--wrapper .input-text input::placeholder { color: var(--color-light-gray); } .sok--wrapper .input-text input[type=password]::-ms-reveal, .sok--wrapper .input-text input[type=password]::-ms-clear { display: none; } .sok--wrapper .input-text[type=password]::-ms-reveal, .sok--wrapper .input-text[type=password]::-ms-clear { display: none; } .sok--wrapper .input-textarea { border-radius: 25px; border: 1px solid var(--color-light-gray-7); background-color: var(--color-full-white); padding: 16px; width: 100%; max-height: 200px; min-height: 97px; resize: none; color: var(--color-grafite); display: flex; gap: 8px; } .sok--wrapper .input-textarea:focus { border: 1px solid var(--color-grafite); color: var(--color-grafite); } .sok--wrapper .input-textarea textarea { border: none; display: flex; width: 100%; height: 100%; background: transparent; max-height: 200px; min-height: 97px; resize: none; color: var(--color-grafite); } .sok--wrapper .input-textarea textarea:focus { border: 1px solid var(--color-grafite); color: var(--color-grafite); } .sok--wrapper .input-error { border: 1px solid var(--color-red-error) !important; } .sok--wrapper .text-error { color: var(--color-red-error); font-size: 14px; line-height: 140%; position: relative; display: flex; align-items: center; gap: 16px; margin: 0 !important; user-select: none; } .sok--wrapper .text-error::before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.99935 18.3333C5.39697 18.3333 1.66602 14.6023 1.66602 9.99996C1.66602 5.39758 5.39697 1.66663 9.99935 1.66663C14.6017 1.66663 18.3327 5.39758 18.3327 9.99996C18.3327 14.6023 14.6017 18.3333 9.99935 18.3333ZM9.99935 16.6666C13.6813 16.6666 16.666 13.6819 16.666 9.99996C16.666 6.31806 13.6813 3.33329 9.99935 3.33329C6.31745 3.33329 3.33268 6.31806 3.33268 9.99996C3.33268 13.6819 6.31745 16.6666 9.99935 16.6666ZM9.16602 12.5H10.8327V14.1666H9.16602V12.5ZM9.16602 5.83329H10.8327V10.8333H9.16602V5.83329Z' fill='%23DC2626'/%3E%3C/svg%3E"); width: 20px; height: 20px; min-width: 20px; position: relative; } .text-error.__hide { display: none; } .sok--wrapper .text-info { color: var(--color-neutral-600); font-size: 12px; line-height: 140%; } .sok--wrapper .input-select { margin-bottom: 20px; } .sok--wrapper .input-select .input-select__content { justify-content: space-between; width: 100%; line-height: normal; } .sok--wrapper .input-select .input-select__list { width: 100% !important; top: 0 !important; border-radius: var(--border-radius-input) !important; } .sok--wrapper .input-select .input-select__content.sok__btn-light-white:hover { color: var(--color-neutral-600); background: var(--color-light-white); } .sok--wrapper .input-select .input-select__content.sok__btn-light-white:hover svg path { fill: currentColor; } .sok--wrapper .input-select .input-select__content.sok__btn-light-white .input-select__current { color: var(--color-neutral-600); font-size: 14px; } .sok--wrapper .input-select .input-select__content.input-text { color: var(--color-grafite); } .sok--wrapper .page-container .page__sidebar { display: none; } .sok--wrapper .content__grid { display: grid; grid-template-columns: 360px auto; gap: 30px; } .sok--wrapper .content__grid .page__sidebar { display: block; } .sok--wrapper .wide__content { max-width: 100%; } .sok--wrapper .sok__container .sok__container { padding: 0; } .sok--wrapper .narrow__content { max-width: 1120px; margin: 0 auto; } .sok--wrapper .wrapper-light-white { background-color: var(--color-light-white); border-radius: 20px; } .sok--wrapper .wrapper-border-24 { border-radius: var(--border-radius-block-outer); border: 1px solid var(--color-light-stroke); background-color: var(--color-full-white); padding: 24px; place-items: flex-start; } .sok--wrapper .wrapper-shadow-16 { border-radius: 30px; padding: 16px; background-color: var(--color-full-white); box-shadow: var(--shadow-1); } .sok--wrapper .wrapper-shadow-16 svg { min-width: max-content; min-height: max-content; } .sok--wrapper .wrapper-shadow-30 { border-radius: 30px; padding: 30px; background-color: var(--color-full-white); box-shadow: var(--shadow-1); } .sok--wrapper .wrapper-shadow-30._blue, .sok--wrapper .wrapper-shadow-16._blue { background-color: var(--color-primary); color: var(--color-full-white); } .sok--wrapper .img-wrapper { display: flex; } .sok--wrapper .img-wrapper.center { justify-content: center; } .sok--wrapper .img-wrapper.end { justify-content: end; } .sok--wrapper .max-h-0 { max-height: 0; } .sok--wrapper .sok__btn-primary, .popup-window .sok__btn-primary { border-radius: var(--border-radius-button); font-size: 14px; line-height: normal; cursor: pointer; padding: 0px 24px; display: flex; align-items: center; justify-content: center; text-align: center; gap: 12px; height: 42px; font-weight: 400; user-select: none; transition: all var(--transition); background: var(--color-primary); color: var(--color-full-white); margin: 0; box-shadow: none; border: 1px solid transparent; pointer-events: all; } .sok--wrapper .sok__btn-primary span, .popup-window .sok__btn-primary span { pointer-events: none; } .sok--wrapper .sok__btn-primary svg, .popup-window .sok__btn-primary svg { pointer-events: none; } .sok--wrapper .sok__btn-primary svg path, .popup-window .sok__btn-primary svg path { fill: var(--color-full-white); } .sok--wrapper .sok__btn-primary._active, .popup-window .sok__btn-primary._active { border: 1px solid var(--color-primary); background: var(--color-full-white); color: var(--color-primary); } .sok--wrapper .sok__btn-primary._active svg path .popup-window .sok__btn-primary._active svg path { fill: var(--color-primary); } .sok--wrapper .sok__btn-primary._active:hover, .popup-window .sok__btn-primary._active:hover { background: var(--color-primary); color: var(--color-full-white); } .sok--wrapper .sok__btn-primary._active:hover svg path, .popup-window .sok__btn-primary._active:hover svg path { fill: var(--color-full-white); } .sok--wrapper .sok__btn-primary--invert, .popup-window .sok__btn-primary--invert { border-radius: var(--border-radius-button); font-size: 14px; line-height: normal; cursor: pointer; padding: 0px 24px; display: flex; align-items: center; justify-content: center; text-align: center; gap: 12px; height: 42px; font-weight: 400; user-select: none; transition: all var(--transition); border: 1px solid var(--color-primary); background: var(--color-full-white); color: var(--color-primary); margin: 0; box-shadow: none; } .sok--wrapper .sok__btn-primary--invert svg path, .popup-window .sok__btn-primary--invert svg path { fill: var(--color-primary); } .sok--wrapper .sok__btn-primary--invert:hover, .popup-window .sok__btn-primary--invert:hover { background: var(--color-primary); color: var(--color-full-white); } .sok--wrapper .sok__btn-primary--invert:hover svg path, .popup-window .sok__btn-primary--invert:hover svg path { fill: var(--color-full-white); } .sok--wrapper .sok__btn-opacity { border-radius: var(--border-radius-button); font-size: 14px; line-height: normal; cursor: pointer; padding: 0px 24px; display: flex; align-items: center; justify-content: center; text-align: center; gap: 12px; height: 42px; font-weight: 400; user-select: none; transition: all var(--transition); color: var(--color-grafite); } .sok--wrapper .sok__btn-opacity:hover { background: var(--color-light-white); color: var(--color-grafite); } .sok--wrapper .sok__btn-opacity._disabled { color: var(--color-light-gray); } .sok--wrapper .sok__btn-opacity._disabled svg path { fill: var(--color-light-gray); } .sok--wrapper .sok__btn-select { border-radius: var(--border-radius-button); font-size: 14px; line-height: normal; cursor: pointer; padding: 0px 24px; display: flex; align-items: center; justify-content: center; text-align: center; gap: 12px; height: 42px; font-weight: 400; user-select: none; transition: all var(--transition); color: var(--color-neutral-600); border: 2px solid var(--color-light-white); } .sok--wrapper .sok__btn-select:hover { background: var(--color-primary); color: var(--color-full-white); border: 2px solid transparent; } .sok--wrapper .sok__btn-select._active { background: var(--color-primary); color: var(--color-full-white); } .sok--wrapper .sok__btn-select._active::after { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M8.82208 10.0006L4.69727 14.1253L5.87577 15.3038L10.0006 11.1791L14.1253 15.3038L15.3038 14.1253L11.1791 10.0006L15.3038 5.87577L14.1253 4.69727L10.0006 8.82208L5.87577 4.69727L4.69727 5.87577L8.82208 10.0006Z' fill='white' fill-opacity='0.5'/%3E%3C/svg%3E"); width: 20px; height: 20px; position: relative; } .sok--wrapper .sok__btn-select-light-gray { border-radius: var(--border-radius-button); font-size: 14px; line-height: normal; cursor: pointer; padding: 0px 24px; display: flex; align-items: center; justify-content: center; text-align: center; gap: 12px; height: 42px; font-weight: 400; user-select: none; transition: all var(--transition); color: var(--color-neutral-600); border: 2px solid var(--color-light-white); background: var(--color-full-white); } .sok--wrapper .sok__btn-select-light-gray:hover { background: var(--color-light-white); border: 2px solid transparent; } .sok--wrapper .sok__btn-select-light-gray[disabled] { color: var(--color-light-gray); cursor: auto; pointer-events: none; } .sok--wrapper .sok__btn-select-light-gray._active { background: var(--color-light-white); color: var(--color-full-white); border: 2px solid transparent; } .sok--wrapper .sok__btn-select-primary-light { border-radius: var(--border-radius-button); font-size: 14px; line-height: normal; cursor: pointer; padding: 0px 24px; display: flex; align-items: center; justify-content: center; text-align: center; gap: 12px; height: 42px; font-weight: 400; user-select: none; transition: all var(--transition); background-color: var(--color-full-white); border: 2px solid var(--color-light-white); } .sok--wrapper .sok__btn-light-white { border-radius: var(--border-radius-button); font-size: 14px; line-height: normal; cursor: pointer; padding: 0px 24px; display: flex; align-items: center; justify-content: center; text-align: center; gap: 12px; height: 42px; font-weight: 400; user-select: none; transition: all var(--transition); border: none; background: var(--color-light-white); } .sok--wrapper .sok__btn-light-white svg path { transition: all var(--transition); } .sok--wrapper .sok__btn-light-white:hover { color: var(--color-full-white); background: var(--color-primary); } .sok--wrapper .sok__btn-light-white:hover svg path { fill: var(--color-full-white); } .sok--wrapper .sok__btn-darkgray { border-radius: var(--border-radius-button); font-size: 14px; line-height: normal; cursor: pointer; padding: 0px 24px; display: flex; align-items: center; justify-content: center; text-align: center; gap: 12px; height: 42px; font-weight: 400; user-select: none; transition: all var(--transition); border: none; background-color: var(--color-grafite); color: var(--color-full-white); transition-property: all, background-color; transition-duration: var(--transition), 0s; } .sok--wrapper .sok__btn-darkgray svg path { fill: var(--color-full-white); } .sok--wrapper .sok__btn-darkgray:hover { background: linear-gradient(133deg, var(--color-neutral-600) 11.45%, rgba(100, 117, 141, 0.75) 49.83%, #54647c 76.12%); } .sok--wrapper .sok__btn--sm { padding: 6px 10px; height: 32px !important; } .sok--wrapper .sok__btn--m { padding: 0px 24px; height: 40px !important; } .sok--wrapper .sok__btn--lg { height: 50px !important; } .sok--wrapper .mobile--show { display: none; pointer-events: none; } .sok--wrapper .form-container { display: flex; flex-direction: column; margin-bottom: -20px; } .sok--wrapper .form-container .password-hide { display: none; } .sok--wrapper .form-container .fields-cols-2 { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 20px; } .sok--wrapper .form-container .form-container__message { margin-bottom: 20px; font-size: 14px; color: var(--color-neutral-400); } .sok--wrapper .form-container .form-container__message a { text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; } .sok--wrapper .form-container .form-container__nav { display: flex; align-items: center; justify-content: space-between; margin: 0; margin-bottom: 20px; } .sok--wrapper .form-container .form-container__nav .form-container__check { align-items: center; color: var(--color-neutral-600); font-size: 14px; } .sok--wrapper .form-container .form-container__link { font-size: 14px; color: var(--color-neutral-600); text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; } .sok--wrapper .form-container .form-container__buttons { display: flex; flex-direction: column; gap: 10px; } .sok--wrapper .form-container .form-container__buttons.__row { flex-direction: row; align-items: center; } .sok--wrapper .form-container .form-container__text__confirm { color: var(--color-light-gray); font-size: 12px; line-height: 140%; } .sok--wrapper .form-container .form-container__text__confirm a { text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; } .sok--wrapper .form-container .sok__btn-primary, .sok--wrapper .form-container .sok__btn-primary--invert, .sok--wrapper .form-container .sok__btn-opacity, .sok--wrapper .form-container .sok__btn-darkgray { height: 42px; } .sok--wrapper .form-container .input-text.h--40 { padding-top: 10px; padding-bottom: 10px; } .sok--wrapper .form-container._hide { display: none; } .sok--wrapper .text__confirm { color: var(--color-light-gray); font-size: 14px; line-height: 140%; text-align: center; } .sok--wrapper .text__confirm a { text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; } .sok--wrapper .password_field { position: relative; } .sok--wrapper .password_field .toggle-password { position: absolute; top: 0; bottom: 0; cursor: pointer; right: 0px; width: 55px; } .sok--wrapper .password_field .toggle-password::after { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7.78573 15.6516L6.17586 15.2201L6.83208 12.7711C5.84116 12.4061 4.93067 11.8748 4.13446 11.2111L2.34002 13.0056L1.16151 11.8271L2.95596 10.0326C1.96334 8.8419 1.26695 7.39553 0.97998 5.8068L2.62005 5.50861C3.25257 9.01048 6.31626 11.6667 10.0003 11.6667C13.6844 11.6667 16.7482 9.01048 17.3807 5.50861L19.0207 5.8068C18.7337 7.39553 18.0373 8.8419 17.0447 10.0326L18.8392 11.8271L17.6607 13.0056L15.8662 11.2111C15.07 11.8748 14.1595 12.4061 13.1686 12.7711L13.8248 15.2201L12.215 15.6516L11.5585 13.2015C11.0521 13.2882 10.5315 13.3334 10.0003 13.3334C9.46925 13.3334 8.94858 13.2882 8.44225 13.2015L7.78573 15.6516Z' fill='%23475569'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position-x: center; background-position-y: center; width: 55px; position: absolute; top: 0; bottom: 0; } .sok--wrapper .password_field .toggle-password.password-show::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10.0004 2.5C14.4938 2.5 18.2322 5.73313 19.0159 10C18.2322 14.2668 14.4938 17.5 10.0004 17.5C5.50693 17.5 1.76862 14.2668 0.984863 10C1.76862 5.73313 5.50693 2.5 10.0004 2.5ZM10.0004 15.8333C13.5301 15.8333 16.5504 13.3767 17.3149 10C16.5504 6.62336 13.5301 4.16667 10.0004 4.16667C6.47066 4.16667 3.45035 6.62336 2.68581 10C3.45035 13.3767 6.47066 15.8333 10.0004 15.8333ZM10.0004 13.75C7.92931 13.75 6.25038 12.0711 6.25038 10C6.25038 7.92893 7.92931 6.25 10.0004 6.25C12.0714 6.25 13.7504 7.92893 13.7504 10C13.7504 12.0711 12.0714 13.75 10.0004 13.75ZM10.0004 12.0833C11.151 12.0833 12.0837 11.1506 12.0837 10C12.0837 8.84942 11.151 7.91667 10.0004 7.91667C8.84983 7.91667 7.91705 8.84942 7.91705 10C7.91705 11.1506 8.84983 12.0833 10.0004 12.0833Z' fill='%23475569'/%3E%3C/svg%3E"); } .sok--wrapper .close_field { position: relative; } .sok--wrapper .close_field .close-text { position: absolute; top: 0; bottom: 0; right: 0; width: 55px; pointer-events: none; display: none; justify-content: center; } .sok--wrapper .close_field .close-text::after { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.00047 7.05767L11.3003 3.75781L12.2431 4.70062L8.94327 8.00047L12.2431 11.3003L11.3003 12.2431L8.00047 8.94327L4.70062 12.2431L3.75781 11.3003L7.05767 8.00047L3.75781 4.70062L4.70062 3.75781L8.00047 7.05767Z' fill='%23475569'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; width: 16px; height: 16px; position: absolute; top: 0; bottom: 0; margin: auto; place-self: center; visibility: hidden; pointer-events: none; } .sok--wrapper .close_field._fill .close-text { display: flex; pointer-events: all; cursor: pointer; } .sok--wrapper .close_field._fill .close-text::after { visibility: visible; } .sok--wrapper .sale-search-field .input-text { padding: 12px; } .sok--wrapper .phone-confirm-field { position: relative; } .sok--wrapper .phone-confirm-field .text-confirm { position: absolute; cursor: pointer; right: 0px; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; color: var(--color-primary); font-size: 14px; padding-right: 20px; } .sok--wrapper .phone-confirm-field .text-confirm.hide { display: none; } .sok--wrapper .change-email-field { position: relative; display: flex; align-items: center; gap: 10px; } .sok--wrapper .form-container.gap--20 { gap: 0; } .sok--wrapper .form-container.gap--20 .form-container__nav { margin-bottom: 20px; } .sok--wrapper .form-container.gap--20 .form-container__buttons { /* margin-bottom: 20px; */ } .sok--wrapper .form-container.gap--20 .form-container__text__confirm { margin-bottom: 20px; } .sok--wrapper .form-container.gap--20 .input-select { margin-bottom: 20px; } .sok--wrapper .form-container.gap--20 fieldset { margin-bottom: 20px; } .sok--wrapper fieldset { min-width: 0; padding: 0; margin: 0; border: 0; display: flex; flex-direction: column; row-gap: 8px; font-size: 16px; width: 100%; margin-bottom: 20px; } .sok--wrapper fieldset label { color: var(--color-grafite); font-size: 16px; } .sok--wrapper fieldset .input-select { margin-bottom: 0px !important; } .sok--wrapper .required-field label::before { content: "*"; color: var(--color-red); margin-right: 4px; } .sok--wrapper .select-options-fields { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; align-items: flex-start; } .sok--wrapper .select-options-fields .select-option-field { padding: 20px; display: flex; flex-direction: column; gap: 10px; border-radius: var(--border-radius-block-inner); border: 1px solid var(--color-light-stroke); flex: 1; align-items: flex-start; height: 100%; } .sok--wrapper .select-options-fields .select-option-field .option-field-top { display: flex; gap: 12px; } .sok--wrapper .ratio-list { display: flex; flex-direction: column; } .sok--wrapper .ratio-list .ratio-list-item { padding: 16px 0; display: flex; flex-direction: column; gap: 8px; border-bottom: 1px solid var(--color-light-stroke); flex: 1; align-items: flex-start; } .sok--wrapper .ratio-list .ratio-list-item .ratio-item-top { display: flex; gap: 12px; } .sok--wrapper .tab-item-content { display: none; } .sok--wrapper .tab-item-content._active { display: inline-block; } .sok--wrapper .text-info-result { position: relative; display: flex; gap: 24px; } .sok--wrapper .text-info-result a { text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; } .sok--wrapper .text-info-result.icon-checked-success-svg { gap: 10px; } .sok--wrapper .text-info-result.icon-checked-success-svg svg { min-width: 34px; min-height: 34px; max-width: 34px; max-height: 34px; } .sok--wrapper .text-info-result.icon-checked-success::before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cpath d='M24 44C12.9543 44 4 35.0456 4 24C4 12.9543 12.9543 4 24 4C35.0456 4 44 12.9543 44 24C44 35.0456 35.0456 44 24 44ZM22.0052 32L36.1474 17.8579L33.319 15.0294L22.0052 26.3432L16.3484 20.6862L13.52 23.5148L22.0052 32Z' fill='%23d3001b'/%3E%3C/svg%3E"); min-width: 48px; min-height: 48px; max-width: 48px; max-height: 48px; display: inline-block; } .sok--wrapper .text-info-result.icon-checked-success-green::before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M20.0002 36.6673C10.7954 36.6673 3.3335 29.2053 3.3335 20.0007C3.3335 10.7959 10.7954 3.33398 20.0002 3.33398C29.2048 3.33398 36.6668 10.7959 36.6668 20.0007C36.6668 29.2053 29.2048 36.6673 20.0002 36.6673ZM18.3378 26.6673L30.123 14.8822L27.766 12.5252L18.3378 21.9533L13.6238 17.2392L11.2668 19.5963L18.3378 26.6673Z' fill='%2321BA4C' fill-opacity='0.83'/%3E%3C/svg%3E"); min-width: 40px; min-height: 40px; max-width: 40px; max-height: 40px; display: inline-block; } .sok--wrapper .text-info-result.icon-search::before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11 2C15.968 2 20 6.032 20 11C20 15.968 15.968 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2ZM11 18C14.8675 18 18 14.8675 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18ZM19.4853 18.0711L22.3137 20.8995L20.8995 22.3137L18.0711 19.4853L19.4853 18.0711Z' fill='%23475569'/%3E%3C/svg%3E"); min-width: 24px; min-height: 24px; max-width: 24px; max-height: 24px; display: inline-block; } .sok--wrapper .product-counter { width: 160px; padding: 0px 24px; height: 42px; user-select: none; } .sok--wrapper .product-counter input { text-align: center; } .sok--wrapper .product-counter input[type=number]::-webkit-inner-spin-button, .sok--wrapper .product-counter input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .sok--wrapper .product-counter input[type=number] { -moz-appearance: textfield; } .sok--wrapper .product-counter input[type=number]::-ms-clear { display: none; } .sok--wrapper .product-counter .product-counter__controls { display: flex; flex-direction: column; margin: 3px 0px; } .sok--wrapper .product-counter .product-counter__controls .product-counter__control { display: flex; cursor: pointer; background-color: var(--color-full-white); } .sok--wrapper .product-counter .product-counter__controls .product-counter__control.product--disabled { cursor: auto; pointer-events: none; } .sok--wrapper .product-counter .product-counter__controls .product-counter__control.product--disabled svg path { fill: var(--color-neutral-400); } .sok--wrapper .product-counter._hide { display: none; pointer-events: none; } .sok--wrapper .product-counter.type-2 { width: 120px; padding: 0px 9px; height: 36px; } .sok--wrapper .product-counter.type-2 .product-counter__controls { flex-direction: row; } .sok--wrapper .w-600-container { margin: 0 auto; max-width: 600px; padding: 24px 0; } .sok--wrapper section.main { padding-top: 40px; padding-bottom: 40px; } .sok--wrapper section.big-section { padding-top: 60px; padding-bottom: 60px; } .sok--wrapper section.detail-section { margin-bottom: 40px; } .sok--wrapper section.page-section { margin-bottom: 60px; } .sok--wrapper .bg-light-white { background-color: var(--color-light-white); } .sok--wrapper .bg-banner-blue { background-image: url(/local/templates/rr-wheels_corp/img/banner-bg.png); } .sok--wrapper .payment--template { width: 100%; } .payment--template a { color: var(--color-primary) !important; text-decoration: none !important; } .sok--wrapper .payment--template .mb--4 { font-size: 14px; color: var(--color-grafite); } .sok--wrapper .payment--template b, .sok--wrapper .payment--template strong { font-weight: normal; } .sok--wrapper .payment--template input { margin-bottom: 20px; } .sok--wrapper .payment--template .btn-success { border-radius: var(--border-radius-button); font-size: 14px; line-height: normal; cursor: pointer; padding: 0px 24px; display: flex; align-items: center; justify-content: center; text-align: center; gap: 12px; height: 42px; font-weight: 400; user-select: none; transition: all var(--transition); background: var(--color-primary); color: var(--color-full-white); border: 1px solid transparent; pointer-events: all; } .sok--wrapper .payment--template .btn-success span { pointer-events: none; } .sok--wrapper .payment--template .btn-success svg { pointer-events: none; } .sok--wrapper .payment--template .btn-success svg path { fill: var(--color-full-white); } .sok--wrapper .payment--template .btn-success:hover { opacity: var(--color-opacity-hover); } .sok--wrapper .payment--template .alert { color: var(--color-neutral-600); font-size: 14px; padding: 20px; width: 100%; border: none; } .sok--wrapper .payment--template .alert b, .sok--wrapper .payment--template .alert strong { font-weight: bolder; } .sok--wrapper .payment--template .alert-info { background-color: var(--color-light-blue); } .sok--wrapper section.section__row { display: flex; flex-direction: column; row-gap: 24px; } .sok--wrapper section.section__row .section-top { display: flex; justify-content: space-between; align-items: center; } .sok--wrapper section.section__row .section-top .section__title { display: flex; align-items: center; gap: 16px; } .sok--wrapper section.section__row .section-top .section__title .section__title__text { transition: all var(--transition); } .sok--wrapper section.section__row .section-top .section__title .section__icon { display: flex; background-color: var(--color-full-white); border-radius: 100%; transition: all var(--transition); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.07); } .sok--wrapper section.section__row .section-top a.section__title:hover .section__title__text { color: var(--color-primary); } .sok--wrapper section.section__row .section-top a.section__title:hover .section__icon { background-color: var(--color-primary); } .sok--wrapper section.section__row .section-top a.section__title:hover .section__icon svg path { fill: var(--color-full-white); } .sok--wrapper section.section__row .section-top .section__buttons { display: flex; gap: 12px; flex-wrap: wrap; } .sok--wrapper section.section__row .section-top .section__buttons .section__button { border-radius: var(--border-radius-button); font-size: 14px; line-height: normal; cursor: pointer; padding: 0px 24px; display: flex; align-items: center; justify-content: center; text-align: center; gap: 12px; height: 42px; font-weight: 400; user-select: none; transition: all var(--transition); border: none; background: var(--color-light-white); color: var(--color-neutral-600); } .sok--wrapper section.section__row .section-top.top-white .section__title .section__title__text { color: var(--color-full-white); } .sok--wrapper section.section__row .section-top.top-white .section__title .section__icon { background-color: var(--color-full-white); } .sok--wrapper section.section__row .section-top.top-white .section__title .section__icon svg path { fill: var(--color-neutral-600); } .sok--wrapper section.section__row .section-top.top-white .section__title:hover .section__title__text { color: var(--color-grafite); } .sok--wrapper section.section__row .section-top.top-white .section__title:hover .section__icon { background-color: var(--color-grafite); } .sok--wrapper section.section__row .section-top.top-white .section__title:hover .section__icon svg path { fill: var(--color-full-white); } @media (max-width: 1600px) { .sok--wrapper .container-swiper { padding-right: 0 !important; } } @media (max-width: 1280px) { .sok--wrapper .content__grid { grid-template-columns: 300px auto; } .sok--wrapper .grid-list--count-5-laptop { --items-count: 5; } .sok--wrapper .grid-list--count-4-laptop { --items-count: 4; } .sok--wrapper .grid-list--count-3-laptop { --items-count: 3; } .sok--wrapper .grid-list--count-2-laptop { --items-count: 2; } .sok--wrapper .grid-list--count-1-laptop { --items-count: 1; } } @media (max-width: 992px) { .sok--wrapper .page-menu-container .accordion-click { display: none; } .sok--wrapper .text--24 { font-size: 16px; } .sok--wrapper .text--20 { font-size: 16px; } .sok--wrapper .page__sidebar { display: none !important; } .sok--wrapper .content__grid { grid-template-columns: auto; } .sok--wrapper .grid-list--count-5-tablet { --items-count: 5; } .sok--wrapper .grid-list--count-4-tablet { --items-count: 4; } .sok--wrapper .grid-list--count-3-tablet { --items-count: 3; } .sok--wrapper .grid-list--count-2-tablet { --items-count: 2; } .sok--wrapper .grid-list--count-1-tablet { --items-count: 1; } .sok--wrapper section.big-section { padding-top: 40px; padding-bottom: 40px; } .sok--wrapper section.page-section { margin-bottom: 40px; } .sok--wrapper section.section__row .section-top { flex-direction: column; align-items: baseline; gap: 24px; } } @media only screen and (max-device-width: 768px) and (orientation: portrait) { .sok--wrapper .mobile--show { display: flex; pointer-events: all; } } @media (max-width: 768px) { .sok--wrapper .gap--40.gap--media { gap: 20px; } .sok--wrapper .gap--24.gap--media { gap: 12px; } .sok--wrapper .gap--20.gap--media { gap: 8px; } .sok--wrapper .mb--60.margin--media { margin-bottom: 30px !important; } .sok--wrapper .mb--40.margin--media { margin-bottom: 24px !important; } .sok--wrapper .text--24 { font-size: 14px; } .sok--wrapper .text--20 { font-size: 14px; } .sok--wrapper .text--16 { font-size: 14px; } .sok--wrapper .wrapper-border-24 { padding: 20px; } .sok--wrapper .wrapper-shadow-30 { padding: 20px; } .sok--wrapper .d--flex__row { flex-wrap: wrap; gap: 12px; } .sok--wrapper .d--grid--2-fr { grid-template-columns: auto; } .sok--wrapper .media-col { flex-direction: column !important; } .sok--wrapper .grid-list--count-5-mobile { --items-count: 5; } .sok--wrapper .grid-list--count-4-mobile { --items-count: 4; } .sok--wrapper .grid-list--count-3-mobile { --items-count: 3; } .sok--wrapper .grid-list--count-2-mobile { --items-count: 2; } .sok--wrapper .grid-list--count-1-mobile { --items-count: 1; } .sok--wrapper .sok__btn-primary, .sok--wrapper .sok__btn-primary--invert, .sok--wrapper .sok__btn-opacity, .sok--wrapper .sok__btn-darkgray, .sok--wrapper .sok__btn-light-white { width: 100%; } .sok--wrapper section.big-section { padding-top: 20px; padding-bottom: 20px; } .sok--wrapper section.page-section { margin-bottom: 20px; } .sok--wrapper section.section__row { row-gap: 12px; } .sok--wrapper section.section__row .section-top { gap: 16px; } .sok--wrapper section.section__row .section-top .section__title .section__icon svg { max-width: 28px; max-height: 28px; } .sok--wrapper .select-options-fields { grid-template-columns: repeat(1, 1fr); } .sok--wrapper .form-container .fields-cols-2 { grid-template-columns: repeat(1, 1fr); } .sok--wrapper .form-container .form-container__buttons.__row { flex-direction: column; align-items: baseline; } } @media (max-width: 480px) { .sok--wrapper .grid-list--count-5-mini { --items-count: 5; } .sok--wrapper .grid-list--count-4-mini { --items-count: 4; } .sok--wrapper .grid-list--count-3-mini { --items-count: 3; } .sok--wrapper .grid-list--count-2-mini { --items-count: 2; } .sok--wrapper .grid-list--count-1-mini { --items-count: 1; } } /*Стили шапки (header) */ /*Стили шапки (header) END */ /*Стили футера (footer) */ /* Стили футера (footer) END */ .sok--wrapper .dropdown { position: relative; } .sok--wrapper .dropdown .dropdown_show { padding: 6px 12px 6px 20px; display: flex; gap: 2px; align-items: center; cursor: pointer; color: var(--color-grafite-60); } .sok--wrapper .dropdown .dropdown_show svg { transition: all var(--transition); } .sok--wrapper .dropdown .dropdown_content { position: absolute; z-index: 1000; background: var(--color-full-white); box-shadow: var(--shadow-dropdown); padding: 20px; flex-direction: column; row-gap: 12px; width: 170px; display: none; border-radius: 20px; color: var(--color-neutral-600); font-size: 14px; } .sok--wrapper .dropdown .dropdown_content:hover { display: flex; } .sok--wrapper .dropdown:hover .dropdown_show svg.rotate { transform: rotate(180deg); } .sok--wrapper .dropdown:hover .dropdown_show { color: var(--color-primary) !important; } .sok--wrapper .dropdown._active .dropdown_content { display: flex; } .sok--wrapper .dropdown-click { position: relative; cursor: pointer; display: flex; user-select: none; } .sok--wrapper .dropdown-click .dropdown-click__show { display: flex; align-items: center; gap: 12px; cursor: pointer; width: max-content; } .sok--wrapper .dropdown-click .dropdown-click__show svg { transition: all var(--transition); } .sok--wrapper .dropdown-click .dropdown-click__content { display: flex; visibility: hidden; position: absolute; z-index: 100; border-radius: var(--border-radius-input); background: var(--color-full-white); box-shadow: var(--shadow-dropdown); padding: 16px; flex-direction: column; row-gap: 12px; width: 215px; min-width: max-content; top: 100%; cursor: auto; } .sok--wrapper .dropdown-click .dropdown-click__content li { font-size: 14px; width: 100%; font-weight: 400; line-height: 140%; list-style: none; cursor: pointer; color: var(--color-neutral-600); } .sok--wrapper .dropdown-click .dropdown-click__content li svg path { fill: var(--color-neutral-600); } .sok--wrapper .dropdown-click .dropdown-click__content li:hover { color: var(--color-primary); } .sok--wrapper .dropdown-click .dropdown-click__content li:hover svg path { fill: var(--color-primary); } .sok--wrapper .dropdown-click._active .dropdown-click__show svg.rotate { transform: rotate(180deg); } .sok--wrapper .dropdown-click._active .dropdown-click__content { visibility: visible; } .sok--wrapper .accordion-click { position: relative; display: flex; flex-direction: column; } .sok--wrapper .accordion-click .accordion-click__show { display: flex; flex-direction: column; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all var(--transition); justify-content: space-between; margin-bottom: 0 !important; } .sok--wrapper .accordion-click .accordion-click__show .accordion-click__top { display: flex; align-items: center; gap: 12px; } .sok--wrapper .accordion-click .accordion-click__show .accordion-click__top svg { transition: all var(--transition); } .sok--wrapper .accordion-click .accordion-click__content { overflow: hidden; max-height: 0; transition: all var(--transition); min-height: 0; } .sok--wrapper .accordion-click._active .accordion-click__show .accordion-click__top svg { transform: rotate(180deg); } .sok--wrapper .accordion-click._active .accordion-click__content { max-height: 100%; min-height: -webkit-max-content; min-height: -moz-max-content; min-height: max-content; } .sok--wrapper .cart-item { background-color: var(--color-full-white); width: 100%; display: flex; position: relative; padding: 20px 0; justify-content: space-between; border-bottom: 1px solid var(--color-light-stroke); } .sok--wrapper .cart-item .input-checkbox { height: max-content; position: absolute; z-index: 1; } .sok--wrapper .cart-item .input-checkbox .checkboxIcon { margin-right: 6px; } .sok--wrapper .cart-item .catalog-detail__main-offers .sok__btn-select-primary-light { height: 36px; color: var(--color-neutral-600); font-size: 14px; text-transform: uppercase; } .sok--wrapper .cart-item .cart-image-description { display: flex; gap: 20px; margin-left: 28px; } .sok--wrapper .cart-item .cart-image-description .cart-image { width: 120px; height: 120px; display: flex; justify-content: center; align-items: center; border-radius: 20px; } .sok--wrapper .cart-item .cart-image-description .cart-image img { padding: 10px; max-width: 100%; max-height: 100%; mix-blend-mode: darken; } .sok--wrapper .cart-item .cart-image-description .cart-description { display: flex; flex-direction: column; } .sok--wrapper .cart-item .cart-image-description .cart-description .cart-message-text { font-size: 14px; line-height: 140%; } .sok--wrapper .cart-item .cart-image-description .cart-description .message-error { color: var(--color-alert-red); } .sok--wrapper .cart-item .cart-image-description .cart-description .message-warning { color: var(--color-alert-orange); } .sok--wrapper .cart-item .cart-image-description .cart-description .cart-title { font-size: 20px; color: var(--color-full-black); } .sok--wrapper .cart-item .cart__buttons { display: flex; align-items: center; gap: 16px; } .sok--wrapper .cart-item .cart__buttons .cart__button { display: flex; cursor: pointer; padding: 0; width: 16px; height: 16px; border-radius: 0; } .sok--wrapper .cart-item .cart__buttons .cart__button svg { width: 16px; height: 16px; } .sok--wrapper .cart-item .cart__buttons .favorite-btn { width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='none'%3E%3Cg clip-path='url(%23clip0_3011_25571)'%3E%3Cpath d='M12.7498 0.5C15.2812 0.5 17.3332 2.58333 17.3332 5.5C17.3332 11.3333 11.0832 14.6667 8.99984 15.9167C6.9165 14.6667 0.666504 11.3333 0.666504 5.5C0.666504 2.58333 2.74984 0.5 5.24984 0.5C6.79981 0.5 8.1665 1.33333 8.99984 2.16667C9.83317 1.33333 11.1998 0.5 12.7498 0.5ZM9.77809 13.5032C10.5128 13.0404 11.1748 12.5796 11.7956 12.0858C14.2779 10.1108 15.6665 7.95292 15.6665 5.5C15.6665 3.53397 14.3857 2.16667 12.7498 2.16667C11.8533 2.16667 10.8826 2.64092 10.1783 3.34517L8.99984 4.52369L7.82134 3.34517C7.11707 2.64092 6.14642 2.16667 5.24984 2.16667C3.63239 2.16667 2.33317 3.54708 2.33317 5.5C2.33317 7.95292 3.72173 10.1108 6.20412 12.0858C6.82484 12.5796 7.48692 13.0404 8.22159 13.5032C8.47034 13.6599 8.71742 13.8107 8.99984 13.9793C9.28225 13.8107 9.52934 13.6599 9.77809 13.5032Z' fill='%2394A3B8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3011_25571'%3E%3Crect width='18' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .sok--wrapper .cart-item .cart__buttons .favorite-btn:hover { background-color: var(--color-full-white) !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='none'%3E%3Cpath d='M12.75 0.5C15.2813 0.5 17.3333 2.58333 17.3333 5.5C17.3333 11.3333 11.0833 14.6667 8.99999 15.9167C6.91666 14.6667 0.666656 11.3333 0.666656 5.5C0.666656 2.58333 2.74999 0.5 5.24999 0.5C6.79997 0.5 8.16666 1.33333 8.99999 2.16667C9.83332 1.33333 11.2 0.5 12.75 0.5Z' fill='%23d3001b'/%3E%3C/svg%3E"); } .sok--wrapper .cart-item .cart__buttons .favorite-btn._active { background-color: var(--color-full-white) !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='none'%3E%3Cpath d='M12.75 0.5C15.2813 0.5 17.3333 2.58333 17.3333 5.5C17.3333 11.3333 11.0833 14.6667 8.99999 15.9167C6.91666 14.6667 0.666656 11.3333 0.666656 5.5C0.666656 2.58333 2.74999 0.5 5.24999 0.5C6.79997 0.5 8.16666 1.33333 8.99999 2.16667C9.83332 1.33333 11.2 0.5 12.75 0.5Z' fill='%23d3001b'/%3E%3C/svg%3E") !important; } .sok--wrapper .cart-item .cart__buttons .cart-btn:hover svg path { transition: all var(--transition); fill: var(--color-red-error); } .sok--wrapper .cart-item .cart-image-description .cart-offer-selected { font-size: 14px; color: var(--color-gray); } .sok--wrapper .cart-item .cart-counter-price { display: flex; gap: 20px; justify-content: space-between; max-width: 280px; width: 100%; height: max-content; margin-right: 6px; } .sok--wrapper .cart-item .cart-counter-price .cart__buttons { align-items: baseline; padding: 10px 0; } .sok--wrapper .cart-item .cart-counter-price .cart-price { display: flex; flex-direction: column; gap: 4px; height: max-content; flex: 1; } .sok--wrapper .cart-item .cart-counter-price .cart-price .price { color: var(--color-grafite); font-size: 20px; line-height: 36px; } .sok--wrapper .cart-item .cart-counter-price .cart-price .old-price { color: var(--color-gray); line-height: 140%; } .sok--wrapper .cart-item .cart-counter-price .cart-counter-container { display: flex; flex-direction: column; flex: 1; } .sok--wrapper .cart-item .cart-counter-price .cart-counter-container .cart-per-price-text { color: var(--color-gray); text-align: center; } .sok--wrapper .cart-item .cart-close { position: absolute; top: 0; right: 0; margin: 20px; cursor: pointer; display: flex; transition: all var(--transition); } .sok--wrapper .cart-item .cart-close:hover svg { fill: var(--color-primary); } .cart-item.cart-item-not-available .cart-image-description { margin-left: 0; } .sok--wrapper .cart-item.cart-item-not-available .cart-image-description .cart-image { opacity: 0.36; } .sok--wrapper .cart-item.cart-item-not-available .product-counter { pointer-events: none; } .sok--wrapper .cart-item.cart-item-remove { display: flex; justify-content: space-between; flex-direction: row; gap: 10px; font-weight: 300; padding: 20px 0; } .sok--wrapper .cart-item.cart-item-remove .cart-remove-info .cart-item-name { font-size: 14px; font-weight: 400; line-height: 140%; color: var(--color-full-black); } .sok--wrapper .cart-item.cart-item-remove .cart-remove-info .cart-item-message { line-height: 140%; cursor: pointer; } .sok--wrapper .cart-item.cart-item-remove .cart-save-close { position: relative; display: flex; align-items: center; gap: 10px; } .sok--wrapper .cart-item.cart-item-remove .cart-save-close .cart-save { color: var(--color-primary); cursor: pointer; font-weight: 400; } .sok--wrapper .cart-item.cart-item-remove .cart-save-close .cart-close { position: relative; margin: 0; } @media (max-width: 480px) { .sok--wrapper .cart-item { flex-direction: column; } .sok--wrapper .cart-item .cart-image-description { margin-right: 20px; margin-bottom: 10px; } .sok--wrapper .cart-item .cart-counter-price { max-width: 100%; } .sok--wrapper .cart-item .cart-counter-price .cart-counter-container { flex: 0; } } @media (max-width: 992px) { .sok--wrapper .cart-item .cart-image-description { margin-left: 0; } .sok--wrapper .cart-item .cart-image-description .cart-image { max-width: 80px; max-height: 80px; min-height: 80px; min-width: 80px; } .sok--wrapper .cart-item .cart-image-description .cart-image img { max-height: 80px; } .sok--wrapper .cart-item .cart-image-description .cart-description .cart-title { font-size: 16px; } } @media (max-width: 768px) { .sok--wrapper .cart-item { padding: 10px 0; } .sok--wrapper .cart-item .cart-image-description { gap: 10px; border-radius: 10px; } .sok--wrapper .cart-item .cart-counter-price .cart-price { font-size: 16px; } .sok--wrapper .cart-item.cart-item-remove { flex-direction: column; } } .sok--wrapper .cart-alert { font-size: 14px; padding: 16px 25px; width: 100%; display: flex; gap: 10px; border-radius: 4px; } .sok--wrapper .cart-alert::before { content: ""; min-width: 24px; min-height: 24px; max-width: 24px; max-height: 24px; display: inline-block; } .sok--wrapper .alert--success { background-color: var(--color-alert-green-bg); color: var(--color-alert-green); } .sok--wrapper .alert--success::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_3641_1641)'%3E%3Cpath d='M12.0001 23.7638C5.50259 23.7638 0.235352 18.4965 0.235352 11.9991C0.235352 5.50161 5.50259 0.234375 12.0001 0.234375C18.4975 0.234375 23.7648 5.50161 23.7648 11.9991C23.7648 18.4965 18.4975 23.7638 12.0001 23.7638ZM10.8266 16.705L19.1456 8.38606L17.4818 6.72228L10.8266 13.3774L7.49913 10.0498L5.83534 11.7137L10.8266 16.705Z' fill='%2381C784'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3641_1641'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .sok--wrapper .alert--info { background-color: var(--color-alert-blue-bg); color: var(--color-alert-blue); } .sok--wrapper .alert--info::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_3641_3001)'%3E%3Cpath d='M12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24ZM12 21.6C17.302 21.6 21.6 17.302 21.6 12C21.6 6.69806 17.302 2.4 12 2.4C6.69806 2.4 2.4 6.69806 2.4 12C2.4 17.302 6.69806 21.6 12 21.6ZM10.8 6H13.2V8.4H10.8V6ZM10.8 10.8H13.2V18H10.8V10.8Z' fill='%2390CAF9'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3641_3001'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .sok--wrapper .alert--warning { background-color: var(--color-alert-orange-bg); color: var(--color-alert-orange); } .sok--wrapper .alert--warning::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_3641_1644)'%3E%3Cpath d='M12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24ZM12 21.6C17.302 21.6 21.6 17.302 21.6 12C21.6 6.69806 17.302 2.4 12 2.4C6.69806 2.4 2.4 6.69806 2.4 12C2.4 17.302 6.69806 21.6 12 21.6ZM10.8 6H13.2V8.4H10.8V6ZM10.8 10.8H13.2V18H10.8V10.8Z' fill='%23FFCC80'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3641_1644'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .sok--wrapper .alert--error { background-color: var(--color-alert-red-bg); color: var(--color-alert-red); } .sok--wrapper .alert--error::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_3641_26342)'%3E%3Cpath d='M12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24ZM12 21.6C17.302 21.6 21.6 17.302 21.6 12C21.6 6.69806 17.302 2.4 12 2.4C6.69806 2.4 2.4 6.69806 2.4 12C2.4 17.302 6.69806 21.6 12 21.6ZM10.8 15.6H13.2V18H10.8V15.6ZM10.8 6H13.2V13.2H10.8V6Z' fill='%23EF9A9A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3641_26342'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .sok--wrapper .cart-container .cart-cols { display: flex; gap: 20px; } .sok--wrapper .cart-col-items { width: 100%; } .sok--wrapper .cart-col-items .cart-items { display: flex; flex-direction: column; border: 1px solid var(--color-light-stroke); border-radius: var(--border-radius-block-outer); padding: 20px; background-color: var(--color-full-white); } .sok--wrapper .cart-col-items .cart-items .col-items-title { line-height: 140%; } .sok--wrapper .cart-col-items .cart-items .col-items-top { padding-bottom: 14px; width: max-content; } .sok--wrapper .cart-col-items .cart-items .col-items-top .input-checkbox { color: var(--color-neutral-600); } .sok--wrapper .cart-col-items .cart-items .cart-item:first-child { border-top-left-radius: 20px; border-top-right-radius: 20px; } .sok--wrapper .cart-col-items .cart-items .cart-item:last-child { border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom: none; } .sok--wrapper .cart-col-items .cart-items-remove-text { color: var(--color-neutral-600); font-size: 16px; line-height: 140%; letter-spacing: 0.16px; width: max-content; cursor: pointer; } .sok--wrapper .cart-col-items .cart-items.accordion-click .accordion-click__show { margin-bottom: 0px !important; } .sok--wrapper .cart-col-items .cart-items.accordion-click .accordion-click__show .accordion-click__top { justify-content: space-between; } .sok--wrapper .cart-col-items .cart-items.accordion-click .accordion-click__content { transition: all var(--transition); min-height: 0; max-height: 0; } .sok--wrapper .cart-col-items .cart-items.accordion-click._active .accordion-click__show { margin-bottom: 20px !important; } .sok--wrapper .cart-col-side-panel { width: 100%; max-width: 360px; position: sticky; top: 20px; height: max-content; } .sok--wrapper .cart-col-side-panel .side-panel-container { border-radius: var(--border-radius-block-outer); background: var(--color-full-white); padding: 20px; box-shadow: var(--shadow-1); } .sok--wrapper .cart-col-side-panel .side-panel-container .side-panel__top { display: flex; justify-content: space-between; font-weight: 600; font-size: 20px; color: var(--color-grafite); } .sok--wrapper .cart-col-side-panel .side-panel-container .side-panel__info { display: flex; flex-direction: column; gap: 6px; } .sok--wrapper .cart-col-side-panel .side-panel-container .side-panel__info .side-panel__item { display: flex; justify-content: space-between; color: var(--color-neutral-600); font-size: 14px; line-height: 140%; gap: 10px; position: relative; overflow: hidden; } .sok--wrapper .cart-col-side-panel .side-panel-container .side-panel__info .side-panel__item .side-panel__text { white-space: nowrap; } .sok--wrapper .cart-col-side-panel .side-panel-container .side-panel__info .side-panel__item .side-panel__text::after { margin-left: 10px; color: var(--color-light-stroke); position: absolute; top: 0; bottom: 0; content: " ................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................"; width: 100%; pointer-events: none; } .sok--wrapper .cart-col-side-panel .side-panel-container .side-panel__info .side-panel__item .side-panel__value { text-align: end; z-index: 1; background-color: var(--color-full-white); padding-left: 10px; } .cart-col-side-panel .side-panel-container .side-panel__info .side-panel__item__top { display: flex; color: var(--color-neutral-600); font-size: 14px; line-height: 140%; gap: 10px; } .cart-col-side-panel .side-panel-container .side-panel__info .side-panel__item__top .side-panel__value { color: var(--color-full-black); } .sok--wrapper .cart-col-side-panel .side-panel-container .text-coupon-success { color: var(--color-green-positive); font-size: 12px; } .sok--wrapper .cart-col-side-panel .side-panel-container .text-coupon-remove { cursor: pointer; margin-left: 10px; color: var(--color-neutral-400); } .sok--wrapper .cart-col-side-panel .side-panel-container .text-coupon-remove:hover { color: var(--color-primary); } .sok--wrapper .cart-col-side-panel .side-panel-container b { font-weight: 500; } .sok--wrapper .cart-col-side-panel .side-panel-container .text-coupon-error { font-size: 12px; color: var(--color-red-error); } .sok--wrapper .cart-col-side-panel .text__confirm { padding: 0 20px; } .sok--wrapper .cart-col-side-panel .form-container__nav { padding: 0 20px; margin-bottom: 10px; flex-direction: column; align-items: baseline; } .sok--wrapper .cart-col-side-panel .form-container__nav .input-checkbox input:checked + .checkboxLabel .checkboxIcon { border: none; } .sok--wrapper .cart-col-side-panel .form-container__nav .input-checkbox:hover .checkboxIcon { border: 1px solid var(--color-light-gray); } .sok--wrapper .cart-col-side-panel .form-container__nav .form-container__check { color: var(--color-light-gray); font-size: 14px; line-height: 120%; } .sok--wrapper .cart-col-side-panel .form-container__nav .form-container__link, .sok--wrapper .cart-col-side-panel .form-container__nav a { font-size: 14px; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; color: inherit; } @media (max-width: 992px) { .sok--wrapper .cart-container .cart-cols { flex-direction: column; } .sok--wrapper .cart-col-side-panel { max-width: 100%; } } .sok--wrapper .make-order-tabs { display: flex; flex-wrap: wrap; gap: 8px; } .sok--wrapper .make-order-tabs .make-order-tab { border-radius: var(--border-radius-button); font-size: 14px; line-height: normal; cursor: pointer; padding: 0px 24px; display: flex; align-items: center; justify-content: center; text-align: center; gap: 12px; height: 42px; font-weight: 400; user-select: none; transition: all var(--transition); background-color: var(--color-light-white); } .sok--wrapper .make-order-tabs .make-order-tab .radioLabel { align-self: center; } .sok--wrapper .make-order-profile { padding: 20px; padding-right: 40px; position: relative; border-radius: var(--border-radius-block-inner); display: flex; flex-wrap: wrap; gap: 20px; max-width: 690px; align-items: center; } .sok--wrapper .make-order-profile .make-order-profile-buttons { display: flex; align-items: center; gap: 12px; } .sok--wrapper .make-order-profile .make-order-profile-buttons .make-order-profile-button { display: flex; cursor: pointer; } .sok--wrapper .make-order-profile .make-order-profile-buttons .make-order-profile-button svg path { transition: all var(--transition); } .sok--wrapper .make-order-profile .make-order-profile-buttons .make-order-profile-button:hover svg path { fill: var(--color-primary); } .sok--wrapper .make-order-profile .order-profile__dropdown--fixed { position: absolute; top: 30px; right: 10px; width: 20px; } .sok--wrapper .make-order-profile .order-profile__dropdown--fixed .dropdown-click { width: 20px; justify-content: center; } .sok--wrapper .make-order-profile .order-profile__dropdown .dropdown-click__content { width: 100%; padding: 14px 20px; right: -10px; top: 30px; } .sok--wrapper .make-order-profile .order-profile__dropdown .dropdown-click__content li { color: var(--color-full-black); } .sok--wrapper .make-order-profile .order-profile__dropdown .dropdown-click__content li svg path { fill: var(--color-neutral-400); } .sok--wrapper .make-order-profile .order-profile__dropdown .dropdown-click__content li:hover { color: var(--color-primary); } .sok--wrapper .make-order-profile .order-profile__dropdown .dropdown-click__content li:hover svg path { fill: var(--color-primary); } .sok--wrapper .make-order-profile .make-order-profile-buttons { display: flex; align-items: center; gap: 12px; } .sok--wrapper .make-order-profile .make-order-profile-buttons .make-order-profile-button { display: flex; cursor: pointer; } .sok--wrapper .make-order-profile .make-order-profile-buttons .make-order-profile-button svg path { transition: all var(--transition); } .sok--wrapper .make-order-profile .make-order-profile-buttons .make-order-profile-button:hover svg path { fill: var(--color-primary); } .sok--wrapper .make-order-profile .input-select { margin-bottom: 0; max-width: 100%; width: 100%; max-width: 344px; } .sok--wrapper .make-order-profile .input-select .input-select__content { width: 100%; } .sok--wrapper .make-order-profile .input-select .input-select__current { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; } .sok--wrapper .make-order-profile .input-select .input-select__list .input-select__option { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; white-space: pre-line; } .sok--wrapper .make-order-profile-add { border-radius: var(--border-radius-button); font-size: 14px; line-height: normal; cursor: pointer; padding: 0px 24px; display: flex; align-items: center; justify-content: center; text-align: center; gap: 12px; height: 42px; font-weight: 400; user-select: none; transition: all var(--transition); height: 32px; background-color: var(--color-light-white); padding: 0 16px; color: var(--color-primary); } .sok--wrapper .make-order-address { display: flex; max-height: 600px; border: 1px solid var(--color-light-stroke); border-radius: var(--border-radius-block-inner); } .sok--wrapper .make-order-address .make-order-address-content { padding: 20px; padding-right: 0px; flex: 1; } .sok--wrapper .make-order-address .make-order-address-list { display: flex; flex-direction: column; overflow-y: auto; max-height: 500px; padding-right: 10px; } .sok--wrapper .make-order-address .make-order-address-map .map-container .map { height: 600px; } @media (max-width: 1280px) { .sok--wrapper .make-order-address { flex-direction: column-reverse; max-height: 100%; } .sok--wrapper .make-order-address .make-order-address-content { padding-right: 20px; } .sok--wrapper .make-order-address .make-order-address-list { max-height: 550px; } .sok--wrapper .make-order-address-map .map-container .map .ymaps3x0--map-container { border-radius: 0px; border-top-left-radius: var(--border-radius-block-inner) !important; border-top-right-radius: var(--border-radius-block-inner) !important; } } @media (max-width: 480px) { .sok--wrapper .make-order-tabs { flex-direction: column; } .sok--wrapper .make-order-tabs .make-order-tab { justify-content: flex-start; } .sok--wrapper .make-order-profile .input-select { width: 100%; } .sok--wrapper .make-order-profile .input-select .input-select__content { width: 100%; } } /*КАРТА ЯНДЕКС*/ .sok--wrapper .make-order-address-map { flex: 1; } .sok--wrapper .make-order-address-map .map-container { height: 100%; } .sok--wrapper .make-order-address-map .map-container .map { height: 100%; min-height: 500px; } .sok--wrapper .make-order-address-map .map-container .map .ymaps3x0--map-container { border-bottom-left-radius: 0; border-top-left-radius: 0; } .sok--wrapper .y-map { width: 100%; height: 500px; max-width: 100%; display: grid; } .sok--wrapper .y-map .ymaps3x0--map-container { border-radius: var(--border-radius-block-inner); } .sok--wrapper .marker-container { display: flex; gap: 30px; position: relative; top: -24px; } .sok--wrapper .marker-tip-container { padding: 16px; padding-bottom: 40px; box-shadow: 0px 2px 2px 1px rgba(30, 41, 59, 0.04), 0px 2px 8px -1px rgba(30, 41, 59, 0.12); min-height: 160px; position: absolute; right: -141px; top: 50px; background-color: var(--color-full-white); max-width: 330px; width: 330px; z-index: 101; border-radius: 10px; opacity: 1; transition: all var(--transition); } .sok--wrapper .marker-tip-container .tip_close { position: absolute; right: 0; top: 0; margin: 20px; cursor: pointer; } .sok--wrapper .marker-tip-container .marker-content { display: flex; flex-direction: column; gap: 8px; text-align: start; } .sok--wrapper .marker-tip-container .marker-content .marker-title { font-size: 16px; font-weight: 400; } .sok--wrapper .marker-tip-container .marker-content .marker-text-item { display: flex; flex-direction: column; gap: 3px; text-align: start; } .sok--wrapper .marker-tip-container .marker-content .marker-text-item .marker-text-item-title { font-size: 14px; font-weight: 400; } .sok--wrapper .marker-tip-container .marker-content .marker-text-item .marker-text-item-text { color: var(--color-gray); font-size: 14px; font-weight: 300; } .sok--wrapper .marker-tip-container .marker-content .marker-text-item .marker-text-item-text p { margin: 0; } .sok--wrapper .marker-tip-container._hide { opacity: 0; pointer-events: none; } .sok--wrapper .marker-tip-container._modal { max-width: max-content; border-radius: 10px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; bottom: 0; top: auto; left: 0; right: 0; width: 100%; max-width: 100%; height: max-content; } .sok--wrapper .ymap-circle { background-color: var(--color-white); border-radius: 100%; border: 10px solid #5b7fff; display: flex; align-items: center; justify-content: center; color: #000; text-align: center; font-size: 18px; font-weight: 600; line-height: 130%; width: 64px; height: 64px; position: relative; left: -32px; top: -64px; cursor: pointer; } .sok--wrapper .ymap-tip { width: 60px; height: 60px; position: relative; left: -30px; top: -30px; cursor: pointer; max-width: max-content !important; } @media (max-width: 768px) { .sok--wrapper .marker-tip-container { top: 0; max-width: 70vw; left: calc(-27vw - 24px); } .sok--wrapper .ymap-circle { width: 32px; height: 32px; left: -16px; top: -32px; font-size: 16px; border: 5px solid #5b7fff; } .sok--wrapper .y-map { height: 400px; } } /*КАРТА ЯНДЕКС END*/ /*Стили модулей END */ /* End */ /* /local/templates/rr-wheels_corp/css/normalize.min.css?17619056991830 */ /* /local/templates/rr-wheels_corp/css/swiper-bundle.min.css?176190569915834 */ /* /local/templates/rr-wheels_corp/css/fancybox.min.css?176190569925343 */ /* /local/templates/rr-wheels_corp/css/y-map.css?17619056993600 */ /* /local/templates/rr-wheels_corp/styles.css?1769072751230972 */