

/* Start:/local/templates/vate/mockup/dist/assets/components/swiper-11.0.7/swiper-bundle.min.css?173028462418436*/
/**
 * Swiper 11.0.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 27, 2024
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */


/* Start:/local/templates/vate/mockup/dist/assets/styles/app.css?1750346977287806*/
@font-face {
  font-family: 'Raleway';
  font-display: swap;
  src: url("/local/templates/vate/mockup/dist/assets/styles/../fonts/Raleway/Raleway-Light.ttf") format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway';
  font-display: swap;
  src: url("/local/templates/vate/mockup/dist/assets/styles/../fonts/Raleway/Raleway-Medium.ttf") format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway';
  font-display: swap;
  src: url("/local/templates/vate/mockup/dist/assets/styles/../fonts/Raleway/Raleway-MediumItalic.ttf") format('truetype');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Raleway';
  font-display: swap;
  src: url("/local/templates/vate/mockup/dist/assets/styles/../fonts/Raleway/Raleway-SemiBold.ttf") format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway';
  font-display: swap;
  src: url("/local/templates/vate/mockup/dist/assets/styles/../fonts/Raleway/Raleway-Bold.ttf") format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway';
  font-display: swap;
  src: url("/local/templates/vate/mockup/dist/assets/styles/../fonts/Raleway/Raleway-ExtraBold.ttf") format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway';
  font-display: swap;
  src: url("/local/templates/vate/mockup/dist/assets/styles/../fonts/Raleway/Raleway-Black.ttf") format('truetype');
  font-weight: 900;
  font-style: normal;
}
* {
  margin: 0;
  padding: 0;
  font: inherit;
  box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-focus-ring-color: rgba(255,255,255,0);
  cursor: default;
}
body {
  font-size: 100%;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
a {
  background: transparent;
}
hr {
  box-sizing: content-box;
  height: 0;
}
ol,
ul {
  list-style: none;
}
pre {
  -moz-tab-size: 4;
       tab-size: 4;
  white-space: pre-wrap;
}
q {
  quotes: '\201C' '\201D' '\2018' '\2019';
}
img {
  border: none;
}
svg:not(:root) {
  overflow: hidden;
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
button {
  overflow: visible;
}
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  height: auto;
}
input[type='search'] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: none;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
button,
input,
select[multiple],
textarea {
  background-image: none;
}
input,
select,
textarea {
  border-radius: 0;
  box-shadow: none;
}
input,
textarea {
  resize: none;
  -webkit-user-select: text;
          user-select: text;
}
[placeholder]:focus::placeholder {
  color: transparent;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
:root {
  --color-primary: linear-gradient(180deg, #fbd65c 0%, #f6dba6 28%, #ffebc4 66.5%, #fdd546 100%);
  --color-secondary: linear-gradient(180deg, #ffeaa6 0%, #eedc7a 35%, #daaf41 69%, #ffc737 100%);
  --color-secondary-v: linear-gradient(260deg, #ffeaa6 0%, #eedc7a 35%, #daaf41 69%, #ffc737 100%);
  --color-black: #000;
  --color-white: #fff;
  --color-yellow: #eedc7a;
  --color-yellow-a: #ffeaa6;
  --color-yellow-b: #eedc7a;
  --color-yellow-c: #daaf41;
  --color-yellow-d: #ffc737;
  --color-red: #f00;
  --color-gray: #575757;
  --color-muted: #ccc;
  --color-light-gray: #e4e4e4;
  --color-bronze: #cf9c63;
  --color-silver: #505255;
  --color-gold: #dcad08;
  --color-status-default: #808390;
  --color-status-info: #1c73f9;
  --color-status-success: #00b51b;
  --shadow-primary: 0 0 10px 0 #eedc7a;
  --shadow-primary-s: 0 0 5px 0 #eedc7a;
}
body {
  color: var(--color-white);
  font-family: Raleway, sans-serif;
  font-variant: no-common-ligatures;
  font-variant-numeric: lining-nums;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  background: var(--color-black);
}
h1:not([class]),
h2:not([class]),
h3:not([class]),
h4:not([class]),
h5:not([class]),
h6:not([class]) {
  font-weight: 700;
  line-height: 1.4;
}
h1:not([class]):first-child,
h2:not([class]):first-child,
h3:not([class]):first-child,
h4:not([class]):first-child,
h5:not([class]):first-child,
h6:not([class]):first-child {
  margin-top: 0;
}
h1:not([class]):last-child,
h2:not([class]):last-child,
h3:not([class]):last-child,
h4:not([class]):last-child,
h5:not([class]):last-child,
h6:not([class]):last-child {
  margin-bottom: 0;
}
h1:not([class]) {
  margin: 40px 0;
  font-size: 56px;
}
h2:not([class]) {
  margin: 32px 0;
  font-size: 48px;
}
h3:not([class]) {
  margin: 28px 0;
  font-size: 32px;
}
h4:not([class]) {
  margin: 20px 0;
  font-size: 24px;
}
h5:not([class]) {
  margin: 15px 0;
  font-size: 20px;
}
h6:not([class]) {
  margin: 10px 0;
  font-size: 18px;
}
p:not([class]),
ul:not([class]),
ol:not([class]),
table:not([class]),
img:not([class]),
hr:not([class]),
fieldset:not([class]) {
  margin: 0 0 15px;
  font-weight: 600;
}
p:not([class]):last-child,
ul:not([class]):last-child,
ol:not([class]):last-child,
table:not([class]):last-child,
img:not([class]):last-child,
hr:not([class]):last-child,
fieldset:not([class]):last-child {
  margin-bottom: 0;
}
img:not([class]) {
  max-width: 100%;
}
ul:not([class]) {
  margin: 0 0 1.5em;
  list-style: none;
}
ul:not([class]) > li:not([class]):before {
  content: '';
  position: absolute;
  top: 0.5em;
  left: 8px;
  width: 5px;
  height: 5px;
  background: var(--color-dark);
  border-radius: 50%;
}
ol:not([class]) {
  counter-reset: ol;
}
ol:not([class]) > li:not([class]) {
  position: relative;
  padding: 0 0 0 20px;
}
ol:not([class]) > li:not([class]):before {
  content: counter(ol) '.';
  counter-increment: ol;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  flex: 0 0 auto;
  box-sizing: border-box;
  width: 20px;
  color: inherit;
  font: inherit;
  text-align: left;
}
ol:not([class]) > li:not([class]):nth-child(n+10) {
  padding: 0 0 0 28px;
}
ol:not([class]) > li:not([class]):nth-child(n+10):before {
  min-width: 28px;
}
ol:not([class]) > li:not([class]):nth-child(n+100) {
  padding: 0 0 0 36px;
}
ol:not([class]) > li:not([class]):nth-child(n+100):before {
  min-width: 36px;
}
ol:not([class]) > li:not([class]):nth-child(n+1000) {
  padding: 0 0 0 44px;
}
ol:not([class]) > li:not([class]):nth-child(n+1000):before {
  min-width: 44px;
}
li:not([class]) {
  position: relative;
  margin: 0 0 10px;
  padding: 0 0 0 20px;
  list-style: none;
}
li:not([class]):last-child {
  margin-bottom: 0;
}
table:not([class]) {
  display: table;
  width: 100%;
  margin: 0 0 1.5em;
  border-spacing: 1px;
  border-collapse: collapse;
  border: 1px solid #dedede;
}
caption:not([class]) {
  display: table-caption;
  padding: 0 0 10px;
  font-size: 1.1em;
  text-align: center;
}
th:not([class]) {
  vertical-align: middle;
  padding: 10px;
  font-weight: 700;
  text-align: center;
  background: #f1f1f1;
  border: 1px solid #dedede;
}
tbody:not([class]) th:not([class]) {
  text-align: left;
}
td:not([class]) {
  padding: 10px;
  border: 1px solid #dedede;
}
tr:not([class]):nth-child(even) th:not([class]),
tr:not([class]):nth-child(even) td:not([class]) {
  background: #e6e6e6;
}
thead:not([class]) {
  color: #888;
}
tfoot:not([class]) {
  color: #888;
}
tfoot:not([class]) th:not([class]),
tfoot:not([class]) td:not([class]) {
  background: #e6e6e6;
}
a:not([class]) {
  color: var(--color-primary);
  text-decoration: underline;
  transition: color 0.3s ease;
}
a:not([class]):hover {
  color: var(--color-primary);
  text-decoration: none;
}
a:not([class]):focus-visible {
  color: inherit;
  text-decoration: underline;
}
sub:not([class]) {
  bottom: -0.25em;
  vertical-align: bottom;
  font-size: 0.75em;
}
sup:not([class]) {
  top: -0.5em;
  vertical-align: top;
  font-size: 0.75em;
}
i:not([class]),
em:not([class]),
dfn:not([class]) {
  font-style: italic;
}
b:not([class]),
strong:not([class]) {
  font-weight: 900;
}
s:not([class]),
strike:not([class]),
del:not([class]) {
  text-decoration: line-through;
}
ins:not([class]) {
  text-decoration: underline;
}
q:not([class]) {
  display: inline;
}
q:not([class]):before {
  content: open-quote;
}
q:not([class]):after {
  content: close-quote;
}
kbd:not([class]) {
  font-family: monospace, monospace;
}
mark:not([class]) {
  background: #f1f1f1;
}
abbr:not([class]) {
  position: relative;
  text-decoration: none;
}
abbr:not([class])[title]:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px dotted #000;
}
blockquote:not([class]) {
  margin: 0 0 1.5em;
  padding: 20px;
  background: #f1f1f1;
  border: 1px solid #b1b1b1;
}
dl:not([class]) {
  margin: 0 0 1.5em;
}
dd:not([class]) {
  padding: 0 0 0 50px;
}
hr:not([class]) {
  width: 100%;
  height: 0;
  background: none;
  border: none;
  border-bottom: 2px groove #dedede;
}
fieldset:not([class]) {
  padding: 20px;
  border: 1px solid #dedede;
}
legend:not([class]) {
  margin: 0 0 0 2em;
  padding: 0 0.5em;
}
select:not([class]) {
  width: 200px;
  padding: 10px;
  line-height: 1.6;
  background: #fff;
  border: 1px solid var(--color-dark);
}
input[type='text']:not([class]),
input[type='password']:not([class]),
input[type='email']:not([class]),
input[type='url']:not([class]),
input[type='number']:not([class]),
input[type='datetime']:not([class]),
input[type='datetime-local']:not([class]),
input[type='search']:not([class]),
input[type='tel']:not([class]),
input[type='month']:not([class]),
input[type='week']:not([class]),
input[type='date']:not([class]),
input[type='time']:not([class]),
textarea:not([class]) {
  box-sizing: border-box;
  width: 200px;
  margin: 0 0 5px;
  padding: 10px;
  color: var(--color-dark);
  font-size: 1em;
  line-height: 1.6;
  text-align: left;
  background: #fff;
  border: 1px solid var(--color-dark);
  outline: none;
}
input[type='text']:not([class])::placeholder,
input[type='password']:not([class])::placeholder,
input[type='email']:not([class])::placeholder,
input[type='url']:not([class])::placeholder,
input[type='number']:not([class])::placeholder,
input[type='datetime']:not([class])::placeholder,
input[type='datetime-local']:not([class])::placeholder,
input[type='search']:not([class])::placeholder,
input[type='tel']:not([class])::placeholder,
input[type='month']:not([class])::placeholder,
input[type='week']:not([class])::placeholder,
input[type='date']:not([class])::placeholder,
input[type='time']:not([class])::placeholder,
textarea:not([class])::placeholder {
  color: #ddd;
  font-size: 16px;
  opacity: 1;
}
textarea:not([class]) {
  resize: none;
}
input[type='radio']:not([class]),
input[type='checkbox']:not([class]) {
  margin: 0 2px;
}
button:not([class]),
input[type='button']:not([class]),
input[type='reset']:not([class]),
input[type='submit']:not([class]) {
  padding: 10px;
  font-size: 1em;
  line-height: 1.6;
  background: #f5f5f5;
  border: 1px solid #dedede;
  border-radius: 0;
  outline: none;
}
button:not([class]):hover,
input[type='button']:not([class]):hover,
input[type='reset']:not([class]):hover,
input[type='submit']:not([class]):hover {
  background: #bbb;
}
label:not([class]) {
  font-weight: 700;
}
[class|="bx"] a:not([class]) {
  -webkit-text-fill-color: currentColor;
  background-color: transparent;
  background-image: none;
}
.disabled-element {
  opacity: 0.3;
  pointer-events: none;
}
.accordion-group {
  display: block;
}
.accordion-group__item {
  margin-bottom: 20px;
}
.accordion-group__item:last-child {
  margin-bottom: 0;
}
.accordion {
  display: block;
  color: var(--color-white);
}
.accordion__header {
  position: relative;
}
.accordion__trigger {
  display: block;
  width: 100%;
  padding: 0 60px 0 0;
  color: inherit;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.333;
  text-align: left;
  text-decoration: none;
  letter-spacing: -0.01em;
  background: transparent;
  border: none;
  outline: none;
  transition: color 0.3s ease;
}
@media only screen and (min-width: 480px) {
  .accordion__trigger {
    padding: 0 80px 0 0;
    font-size: 23px;
    line-height: 1.25;
  }
}
.accordion__trigger:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 16px;
  z-index: 1;
  display: block;
  width: 24px;
  height: 24px;
  color: inherit;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15.9L6 9.9L7.4 8.5L12 13.1L16.6 8.5L18 9.9L12 15.9Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: containbackground currentColor;
  transform: translate(50%, -50%);
  transition: all 0.3s ease;
  transition-property: color, transform;
}
@media only screen and (min-width: 480px) {
  .accordion__trigger:after {
    top: 38px;
  }
}
.accordion__trigger:after {
  transform: translate(50%, -50%);
}
.accordion__trigger:hover {
  text-decoration: none;
  outline: none;
}
.accordion__body {
  display: none;
  padding: 22px 0 0;
}
.accordion__text {
  display: block;
  margin: 0 0 20px;
  color: inherit;
  font-size: 14px;
  line-height: 1.1429;
  letter-spacing: -0.01em;
}
@media only screen and (min-width: 480px) {
  .accordion__text {
    font-size: 16px;
    line-height: 1.25;
  }
}
.accordion__text:last-child {
  margin-bottom: 0;
}
.accordion__text p:not([class]),
.accordion__text ul:not([class]) {
  margin: 0 0 8px;
  list-style: disc;
  line-height: 21px;
}
.accordion__props {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.accordion__additional-props {
  margin-top: 20px;
}
.accordion__controls {
  margin-top: 20px;
}
.accordion__control {
  display: flex;
  gap: 15px;
  align-items: center;
}
.accordion__button {
  width: 100%;
  max-width: 226px;
}
.accordion_state_open .accordion__trigger:after {
  transform: translate(50%, -50%) rotate(180deg);
}
.accordion_state_open .accordion__body {
  display: block;
}
.accordion_type_mini .accordion__trigger {
  min-height: 24px;
  padding: 0 30px 0 0;
}
.accordion_type_mini .accordion__trigger:before {
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.5637' cy='11.5637' r='7.95203' stroke='%23AAAEBF' stroke-width='1.22339'/%3E%3Cpath d='M15.8514 11.8653C15.8514 12.1355 15.6323 12.3546 15.3621 12.3546H12.2576V15.6529C12.2576 15.9231 12.0385 16.1422 11.7682 16.1422H11.4697C11.1995 16.1422 10.9804 15.9231 10.9804 15.6529V12.3546H7.89353C7.62327 12.3546 7.40417 12.1355 7.40417 11.8653V11.6548C7.40417 11.3846 7.62327 11.1655 7.89353 11.1655H10.9804V7.89365C10.9804 7.62339 11.1995 7.4043 11.4697 7.4043H11.7682C12.0385 7.4043 12.2576 7.62339 12.2576 7.89365V11.1655H15.3621C15.6323 11.1655 15.8514 11.3846 15.8514 11.6548V11.8653Z' fill='%23AAAEBF'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  transform: none;
}
.accordion_type_mini .accordion__trigger:after {
  display: none;
}
.accordion_type_mini .accordion__body {
  padding: 4px 0;
}
.accordion_type_mini .accordion__text {
  line-height: lh-normal;
}
.accordion_type_mini.accordion_state_open .accordion__trigger:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Ccircle class='st0' cx='11.6' cy='11.6' r='8' fill='none' stroke='%23AAAEBF' stroke-width='1.2234'/%3E%3Cpath class='st1' d='M15.9,11.9c0,0.3-0.2,0.5-0.5,0.5c-2.5,0-5,0-7.5,0c-0.3,0-0.5-0.2-0.5-0.5v-0.2c0-0.3,0.2-0.5,0.5-0.5c2.5,0,5,0,7.5,0c0.3,0,0.5,0.2,0.5,0.5V11.9z' fill='%23AAAEBF'/%3E%3C/svg%3E%0A");
}
.action-link {
  display: inline;
  flex-wrap: nowrap;
  width: auto;
  color: inherit;
  font: inherit;
  text-align: left;
  text-decoration: none;
  background: transparent;
  border: none;
  outline: none;
  transition: all 0.3s ease;
  transition-property: color opacity;
}
.action-link:hover {
  color: inherit;
  opacity: 0.7;
}
.action-link__text {
  display: inline;
  vertical-align: baseline;
}
.action-link__icon-wrapper {
  display: inline;
  vertical-align: middle;
  margin: 0 0 0 3px;
}
.action-link__icon {
  display: inline;
  vertical-align: baseline;
  width: 21px;
  height: 21px;
  fill: currentColor;
}
.action-link_weight_extra {
  font-weight: 800;
}
.action-link_style_primary {
  color: var(--color-yellow);
}
.action-link_icon-size_l .action-link__icon {
  width: 28px;
  height: 28px;
  margin: 0 0 0 5px;
}
@media only screen and (min-width: 1025px) {
  .action-link_icon-size_l .action-link__icon {
    width: 32px;
    height: 32px;
  }
}
.address-entry {
  display: block;
  color: var(--color-muted);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
}
@media only screen and (min-width: 744px) {
  .address-entry {
    font-size: 14px;
  }
}
.address-entry__header {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
}
.address-entry__title {
  display: block;
  flex: 0 1 auto;
  max-width: 100%;
  color: var(--color-white);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.786;
}
.address-entry__label {
  display: block;
  flex: 0 1 auto;
  max-width: 100%;
  padding: 1px 5px;
  color: var(--color-gray);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.1666;
  text-align: center;
  background: var(--color-light-gray);
  border-radius: 20px;
}
.address-entry__link {
  display: block;
}
.address-list {
  display: block;
}
.address-list__caption {
  display: block;
  margin: 0 0 30px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.143;
}
@media only screen and (min-width: 744px) {
  .address-list__caption {
    margin: 0 0 38px;
    font-size: 16px;
    line-height: 1.125;
  }
}
.address-list__caption:last-child {
  margin-bottom: 0;
}
.address-list__list {
  counter-reset: addressList;
  display: block;
}
.address-list__item {
  position: relative;
  display: block;
  margin: 0 0 15px;
  padding: 0 0 0 25px;
}
@media only screen and (min-width: 744px) {
  .address-list__item {
    padding: 0 0 0 30px;
  }
}
.address-list__item:last-child {
  margin-bottom: 0;
}
.address-list__item:before {
  content: counter(addressList);
  counter-increment: addressList;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.786;
}
.advantage-card {
  display: block;
  height: 100%;
}
.advantage-card__wrapper {
  height: 100%;
  padding: 30px;
  background: var(--color-black);
  border-radius: 30px;
  box-shadow: var(--shadow-primary);
}
.advantage-card__top {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  padding: 30px 0;
  background: var(--color-white);
  border-radius: 30px;
}
.advantage-card__title {
  color: var(--color-black);
  font-family: Raleway;
  font-size: 24px;
  font-weight: 800;
  font-style: normal;
  line-height: 130%;
  text-align: center;
}
.advantage-card__text {
  margin-top: 30px;
  color: var(--color-white);
  font-family: Raleway;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  line-height: 150%;
  font-variant-numeric: lining-nums;
}
.advantage-card__icon {
  display: block;
}
.advantage-card__image {
  display: block;
  max-height: 75px;
  object-fit: cover;
}
.advantages-carousel {
  display: block;
}
.advantages-carousel__container {
  overflow: visible;
  padding: 0 10px;
}
.advantages-carousel__item {
  height: 100%;
}
.advantages-carousel__slide {
  height: initial;
  min-height: 100%;
}
.advantages-carousel__navigation {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
@media only screen and (min-width: 1440px) {
  .advantages-carousel__navigation {
    display: none;
  }
}
.availability-panel {
  margin: 20px auto;
}
.availability-panel__warehouse,
.availability-panel__header {
  display: grid;
  grid-template-columns: repeat(6, minmax(20px, 1fr));
  gap: 10px;
}
@media only screen and (min-width: 744px) {
  .availability-panel__warehouse,
  .availability-panel__header {
    grid-template-columns: repeat(10, minmax(20px, 1fr));
    gap: 20px;
  }
}
.availability-panel__city {
  grid-column: 1/4;
}
.availability-panel__stockpile {
  grid-column: 4/7;
  font-weight: 800;
}
.availability-panel__stockpile_state_unavailable {
  color: var(--color-red);
}
.availability-panel__price-group {
  display: flex;
  grid-column: 1/auto;
  align-items: center;
  max-width: 30ch;
  padding: 5px 5px 5px 20px;
  color: var(--color-black);
  white-space: nowrap;
  background: var(--color-secondary);
  border-radius: 10px;
  justify-self: start;
}
.availability-panel__price-group_hide-s {
  display: none;
}
@media only screen and (min-width: 744px) {
  .availability-panel__price-group_hide-s {
    display: block;
  }
}
@media only screen and (min-width: 744px) {
  .availability-panel__price-group {
    grid-column: 7/auto;
  }
}
.availability-panel__price {
  margin-right: 15px;
}
.availability-panel__quantity-input {
  overflow: hidden;
  border-radius: 10px;
}
.availability-panel__city-title,
.availability-panel__stockpile-title {
  display: block;
  color: var(--color-gray);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}
@media only screen and (min-width: 744px) {
  .availability-panel__city-title,
  .availability-panel__stockpile-title {
    display: none;
  }
}
.availability-panel__header {
  display: none;
  margin-bottom: 4px;
  color: var(--color-gray);
  font-weight: 600;
}
@media only screen and (min-width: 744px) {
  .availability-panel__header {
    display: grid;
  }
}
.availability-panel__header .availability-panel__stockpile {
  font-weight: 400;
}
.availability-panel__header .availability-panel__price-group {
  padding: 0;
  color: var(--color-gray);
  font-weight: 600;
  background: transparent;
}
.availability-panel__cart {
  grid-column-start: 4;
}
@media only screen and (min-width: 744px) {
  .availability-panel__cart {
    grid-column-start: 10;
  }
}
.availability-panel__cart-button {
  color: #fff;
  background: transparent;
  background: var(--color-black);
  border: none;
  border-radius: 10px;
  outline: none;
  box-shadow: none;
  transition: all 0.3s ease;
  transition-property: box-shadow opacity;
}
.availability-panel__cart-button:hover {
  opacity: 0.7;
}
@media only screen and (min-width: 744px) {
  .availability-panel__cart-button {
    padding: 9px;
  }
  .availability-panel__cart-button:hover {
    opacity: 1;
    box-shadow: var(--shadow-primary);
  }
}
.availability-panel__icon {
  display: block;
}
.availability-panel__warehouse {
  align-items: center;
  margin-bottom: 10px;
  padding: 5px 0;
  font-weight: 600;
  border-bottom: 1px solid var(--color-gray);
}
.availability-panel__warehouse:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
@media only screen and (min-width: 744px) {
  .availability-panel__warehouse {
    margin-bottom: 20px;
    border-bottom: none;
  }
}
.availability-panel__warehouse_type_unavailable .availability-panel__cart-button {
  color: var(--color-gray);
  opacity: 0.7;
}
.banner-carousel {
  position: relative;
  display: block;
}
.banner-carousel__container {
  overflow: visible;
}
@media only screen and (min-width: 744px) {
  .banner-carousel__container {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1440px) {
  .banner-carousel__container {
    margin-bottom: 0;
  }
}
.banner-carousel__navigation {
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 10;
  transform: translate(-50%, 0);
}
@media only screen and (min-width: 1440px) {
  .banner-carousel__navigation {
    display: none;
  }
}
.banner {
  position: relative;
  display: flex;
  min-height: 375px;
}
@media only screen and (min-width: 744px) {
  .banner {
    display: block;
    min-height: initial;
  }
}
.banner:before {
  content: '';
  position: absolute;
  top: -10px;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 45%;
  background: linear-gradient(0deg, #000 0%, rgba(165,165,165,0) 100%);
  transform: rotate(180deg);
}
.banner:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  width: 100%;
  height: 45%;
  background: linear-gradient(0deg, #000 24.4%, rgba(0,0,0,0) 100%);
}
.banner__container {
  position: relative;
  flex: 1;
}
.banner__main {
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 20;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 1135px;
  margin: 0 auto;
  padding: 0 0 60px;
  transform: translate(-50%, 0);
}
@media only screen and (min-width: 340px) {
  .banner__main {
    padding: 0 20px 45px;
  }
}
@media only screen and (min-width: 744px) {
  .banner__main {
    padding: 0 35px 26px 30px;
  }
}
@media only screen and (min-width: 1440px) {
  .banner__main {
    padding: 0 10px 60px;
  }
}
.banner__content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 50px;
  justify-content: space-between;
}
@media only screen and (min-width: 744px) {
  .banner__content {
    flex-direction: row;
    gap: 0;
    padding: 0 40px;
  }
}
.banner__text {
  display: -webkit-box;
  overflow: hidden;
  max-width: 612px;
  font-weight: 600;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media only screen and (min-width: 744px) {
  .banner__text {
    -webkit-line-clamp: 2;
    padding: 0 20px 0 0;
  }
}
@media only screen and (min-width: 1440px) {
  .banner__text {
    max-width: initial;
    -webkit-line-clamp: 3;
  }
}
.banner__picture {
  max-height: 100%;
}
.banner__image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 450px;
  object-fit: cover;
}
@media only screen and (min-width: 744px) {
  .banner__image {
    height: 353px;
  }
}
@media only screen and (min-width: 1440px) {
  .banner__image {
    height: 570px;
  }
}
.banner__controls {
  display: flex;
  margin-bottom: 5px;
}
.banner__control {
  width: 100%;
  max-width: 188px;
}
@media only screen and (min-width: 744px) {
  .banner__control {
    min-width: 188px;
  }
}
@media only screen and (min-width: 1440px) {
  .banner__control {
    min-width: 300px;
  }
}
.banner__title {
  position: relative;
  margin-bottom: 12px;
}
@media only screen and (min-width: 744px) {
  .banner__title {
    padding: 0 40px;
  }
}
.banner__arrows {
  position: absolute;
  left: 0;
  bottom: 50%;
  display: none;
  width: 100%;
  transform: translate(0, -50%);
}
@media only screen and (min-width: 744px) {
  .banner__arrows {
    display: block;
  }
}
.banner__image {
  max-width: 100%;
}
.banner_indent_s {
  min-height: 475px;
}
@media only screen and (min-width: 744px) {
  .banner_indent_s {
    min-height: 366px;
  }
}
.banner_indent_s .banner__image {
  min-height: 475px;
}
@media only screen and (min-width: 744px) {
  .banner_indent_s .banner__image {
    height: 366px;
  }
}
@media only screen and (min-width: 1440px) {
  .banner_indent_s .banner__image {
    height: 100%;
  }
}
.banner_indent_s .banner__main {
  padding-bottom: 80px;
}
@media only screen and (min-width: 744px) {
  .banner_indent_s .banner__main {
    padding: 0 31px 27px 30px;
  }
}
@media only screen and (min-width: 1440px) {
  .banner_indent_s .banner__main {
    padding-bottom: 138px;
  }
}
.bonus-section {
  display: block;
  font-size: 12px;
  line-height: 1.1666;
}
@media only screen and (min-width: 744px) {
  .bonus-section {
    font-size: 16px;
    line-height: 1.1875;
  }
}
.bonus-section__main {
  margin: 0 0 20px;
}
@media only screen and (min-width: 744px) {
  .bonus-section__main {
    display: grid;
    grid-template: auto 1fr/auto 260px;
    grid-template-areas: 'header card' 'info card';
    gap: 46px 32px;
    margin: 0 0 22px;
  }
}
@media only screen and (min-width: 1025px) {
  .bonus-section__main {
    gap: 40px 27px;
    margin: 0 0 19px;
  }
}
.bonus-section__main:last-child {
  margin-bottom: 0;
}
.bonus-section__header {
  display: block;
  grid-area: header;
  margin: 0 0 17px;
}
@media only screen and (min-width: 744px) {
  .bonus-section__header {
    margin: 0;
  }
}
.bonus-section__header:last-child {
  margin-bottom: 0;
}
.bonus-section__card {
  grid-area: card;
  width: 260px;
  margin: 0 0 24px;
}
@media only screen and (min-width: 744px) {
  .bonus-section__card {
    width: auto;
    margin: 0;
  }
}
.bonus-section__card:last-child {
  margin-bottom: 0;
}
.bonus-section__info {
  grid-area: info;
  font-weight: 700;
}
@media only screen and (min-width: 744px) {
  .bonus-section__header {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .bonus-section__card {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
  .bonus-section__info {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}
.bonus-section__text {
  margin: 0 0 9px;
}
.bonus-section__text:last-child {
  margin-bottom: 0;
}
.bonus-section__important {
  margin: 0 0 9px;
  font-size: 18px;
}
@media only screen and (min-width: 744px) {
  .bonus-section__important {
    font-size: 20px;
    line-height: 1.15;
  }
}
.bonus-section__important:last-child {
  margin-bottom: 0;
}
.bonus-section__footer {
  display: block;
  margin: 0 0 19px;
}
.bonus-section__footer:last-child {
  margin-bottom: 0;
}
.bonus-section__progress-bar {
  display: block;
  margin: 0 0 19px;
}
.bonus-section__progress-bar:last-child {
  margin-bottom: 0;
}
.brand {
  display: block;
  height: 100%;
  padding: 0 0 15px;
}
@media only screen and (min-width: 1440px) {
  .brand {
    padding: 15px;
    background: var(--color-black);
  }
}
.brand__wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media only screen and (min-width: 1440px) {
  .brand__wrapper {
    gap: 15px;
  }
}
.brand__illustration,
.brand__icon-holder {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  padding: 8px 10px;
  background: var(--color-white);
  border-radius: 15px;
  box-shadow: var(--shadow-primary);
}
@media only screen and (min-width: 1440px) {
  .brand__illustration,
  .brand__icon-holder {
    border-radius: 30px;
  }
}
@media only screen and (min-width: 1440px) {
  .brand__illustration,
  .brand__icon-holder {
    height: 159px;
    padding: 15px;
  }
}
.brand__picture {
  height: 100%;
}
.brand__image {
  display: block;
  max-width: 100%;
  height: 100%;
  object-fit: contain;
}
.brand__icon {
  display: block;
  max-width: 100%;
}
.brand__title {
  color: var(--color-white);
  font-family: Raleway;
  font-size: 14px;
  font-weight: 800;
  font-style: normal;
  line-height: 130%;
  text-align: center;
}
@media only screen and (min-width: 1440px) {
  .brand__title {
    font-size: 20px;
  }
}
.brands-grid {
  display: block;
}
.brands-grid__item {
  width: 100%;
  text-decoration: none;
}
.brands-grid__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media only screen and (min-width: 480px) {
  .brands-grid__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 744px) {
  .brands-grid__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (min-width: 1440px) {
  .brands-grid__grid {
    gap: 40px 25px;
  }
}
.brands-grid__controls {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
@media only screen and (min-width: 744px) {
  .brands-grid__controls {
    margin-top: 60px;
  }
}
.brands-grid__control {
  width: 100%;
  max-width: 154px;
}
@media only screen and (min-width: 1440px) {
  .brands-grid__control {
    max-width: 350px;
  }
}
.breadcrumbs {
  display: block;
  padding: 24px 0 27px;
  background: var(--color-black);
}
@media only screen and (min-width: 744px) {
  .breadcrumbs {
    padding: 20px 0 30px;
  }
}
@media only screen and (min-width: 1440px) {
  .breadcrumbs {
    padding: 30px 0 60px;
  }
}
.breadcrumbs__list {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
  line-height: 16px;
}
.breadcrumbs__item {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  max-width: 100%;
  margin: 0;
  padding: 8px 21px 0 0;
  color: #eedc7a;
  font-size: 13px;
  font-weight: 500;
  font-style: italic;
  line-height: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-word;
}
.breadcrumbs__item:last-child {
  margin-right: 0;
  padding-right: 0;
}
.breadcrumbs__item:last-child:before,
.breadcrumbs__item:last-child:after {
  display: none;
}
.breadcrumbs__item:before {
  content: '/';
  position: absolute;
  right: 6px;
  z-index: 1;
  display: block;
  box-sizing: border-box;
  color: var(--color-muted);
}
@media only screen and (min-width: 744px) {
  .breadcrumbs__item {
    overflow: visible;
  }
}
@media only screen and (min-width: 1440px) {
  .breadcrumbs__item {
    font-size: 14px;
  }
}
.breadcrumbs__link {
  color: var(--color-muted);
  font-weight: 400;
  text-decoration: underline;
  outline: none;
  transition: color 0.3s ease;
}
.breadcrumbs__link:hover {
  color: #eedc7a;
  text-decoration: none;
}
.breadcrumbs__link:focus,
.breadcrumbs__link:active {
  color: #eedc7a;
}
.breadcrumbs_style_transparent {
  background: transparent;
}
@media only screen and (min-width: 744px) {
  .breadcrumbs_space_m {
    padding: 20px 0 30px;
  }
}
@media only screen and (min-width: 1440px) {
  .breadcrumbs_space_m {
    padding: 38px 0 45px;
  }
}
.bullet-pagination {
  vertical-align: middle;
  font-size: 0;
}
.bullet-pagination__button {
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  margin: 0 12px 0 0;
  color: var(--color-gray);
  font-size: 0;
  text-decoration: none;
  background: currentColor;
  border: none;
  border-radius: 10px;
  outline: none;
  opacity: 0.4;
  transition: all 0.3s ease;
  transition-property: width, opacity;
}
.bullet-pagination__button:hover {
  opacity: 1;
}
.bullet-pagination__button:last-child {
  margin-right: 0;
}
.bullet-pagination__button_state_active {
  color: var(--color-white);
  opacity: 1;
}
.burger {
  position: relative;
  z-index: 10;
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 12px;
  margin: 0;
  padding: 0;
  font-size: 0;
  font-weight: 400;
  line-height: 0;
  text-decoration: none;
  cursor: pointer;
  background: transparent;
  border: none;
  outline: none;
}
.burger:hover {
  text-decoration: none;
}
.burger:focus {
  outline: none;
}
.burger:before,
.burger:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 100%;
  height: 2px;
  background: var(--color-yellow-b);
  transform: translate(-50%, -6px) rotate(0);
}
.burger:after {
  background: var(--color-yellow-c);
  transform: translate(-50%, 4px) rotate(0);
}
.burger__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 18px;
  height: 2px;
  background: var(--color-yellow-d);
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease;
}
.burger_state_closed:before {
  width: 25px;
  background: var(--color-secondary-v);
  border-radius: 2px;
  transform: translate(-50%, -50%) rotate(-135deg);
}
.burger_state_closed:after {
  width: 25px;
  background: var(--color-secondary-v);
  border-radius: 2px;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.burger_state_closed .burger__inner {
  opacity: 0;
}
.button {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  height: 40px;
  padding: 0 4px;
  color: var(--color-black);
  font-family: inherit;
  font-size: inherit;
  font-weight: 800;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  background: transparent;
  border: none;
  border-radius: 12px;
  outline: none;
  transition: all 0.3s ease 0s;
  transition: all 0.3s ease;
  transition-property: color background-color border-color opacity;
}
.button:before,
.button:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
  transition-property: background-color opacity;
}
.button:after {
  background: var(--color-secondary);
  opacity: 1;
}
.button:before {
  background: var(--color-yellow);
  opacity: 0;
}
.button:not(:disabled):hover {
  text-decoration: none;
}
.button:not(:disabled):hover:after {
  opacity: 0;
}
.button:not(:disabled):hover:before {
  opacity: 1;
}
.button:not(:disabled):hover .button__path-base {
  opacity: 0;
}
.button:not(:disabled):hover .button__path-active {
  opacity: 1;
}
.button:disabled {
  cursor: not-allowed;
  opacity: 0.2;
}
.button__icon {
  display: block;
}
.button__icon_type_cart {
  width: 20px;
  height: 20px;
}
@media only screen and (min-width: 744px) {
  .button__icon_type_cart {
    width: 32px;
    height: 32px;
  }
}
.button__holder {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.button__path-base {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.button__path-active {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.button_width_full {
  display: block;
  width: 100%;
}
.button_width_modal {
  width: 100%;
  max-width: 355px;
}
.button_width_fit {
  width: fit-content;
  padding: 0;
}
.button_style_primary:hover {
  box-shadow: var(--shadow-primary);
}
.button_style_outline {
  color: var(--color-white);
  background: var(--color-black);
  box-shadow: var(--shadow-primary);
}
.button_style_outline:after {
  opacity: 0;
}
.button_style_outline:not(:disabled):hover {
  color: var(--color-black);
  text-decoration: none;
  background: var(--color-yellow);
}
.button_style_outline.button_state_active {
  color: var(--color-black);
  background: var(--color-yellow);
}
.button_style_outline.button_state_active:after {
  opacity: 1;
}
.button_style_black {
  padding: 11px;
  color: var(--color-gray);
  background: var(--color-black);
}
.button_style_black:before {
  display: none;
}
.button_style_black:after {
  background: var(--color-black);
}
.button_style_black:not(:disabled):hover {
  color: var(--color-yellow);
  text-decoration: none;
  box-shadow: var(--shadow-primary);
}
.button_style_black:not(:disabled):hover:before,
.button_style_black:not(:disabled):hover:after {
  background: var(--color-black);
}
.button_style_black .button__icon {
  width: 8px;
  height: 14px;
}
.button_style_secondary {
  color: var(--color-black);
}
.button_style_secondary:disabled {
  color: var(--color-white);
  cursor: not-allowed;
}
.button_style_secondary:disabled:after,
.button_style_secondary:disabled:before {
  display: none;
}
.button_style_transparent {
  color: inherit;
}
.button_style_transparent:hover {
  color: var(--color-yellow);
}
.button_style_transparent:after,
.button_style_transparent:before {
  background: transparent;
}
.button_style_transparent:after:hover:after,
.button_style_transparent:before:hover:after,
.button_style_transparent:after:hover:before,
.button_style_transparent:before:hover:before {
  background: transparent;
}
.button_style_dark {
  color: var(--color-white);
  box-shadow: none;
}
.button_style_dark:after {
  background: var(--color-black);
}
.button_style_dark:before {
  background: transparent;
}
.button_style_dark:not(:disabled):hover .button__holder {
  background: var(--color-primary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.button_style_dark:not(:disabled):hover:before {
  background: var(--color-white);
}
.button_style_muted:after {
  background: var(--color-muted);
}
.button_style_uppercase {
  text-transform: uppercase;
}
.button_icon-size_m .button__icon {
  width: 24px;
  height: 24px;
}
.button_icon-style_dependent .button__icon {
  fill: currentColor;
}
.button_icon-style_outlining .button__path-base {
  fill: var(--color-black);
  opacity: 0;
}
.button_icon-style_outlining .button__path-active {
  fill: var(--color-white);
  opacity: 1;
}
.button_icon-style_outlining.button_state_active .button__path-base {
  opacity: 1;
}
.button_icon-position_right .button__holder {
  flex-direction: row-reverse;
}
.button_indent_close {
  padding: 0;
}
.button_text-size_xs {
  font-size: 12px;
}
.button_text-size_s {
  font-size: 14px;
}
.button_text-size_m .button__holder {
  font-size: 14px;
}
@media only screen and (min-width: 1440px) {
  .button_text-size_m .button__holder {
    font-size: 18px;
  }
}
.button_text-size_md {
  font-size: 17px;
}
.button_text-size_l {
  font-size: 20px;
}
.button_size_xxs {
  height: 29.76px;
}
.button_size_xs {
  height: 32px;
}
.button_size_xs .button__icon {
  width: 24px;
  height: 24px;
}
@media only screen and (min-width: 1025px) {
  .button_size_xs .button__icon {
    width: 32px;
    height: 32px;
  }
}
.button_size_s {
  height: 35px;
}
.button_size_m {
  height: 45px;
}
.button_size_l {
  height: 44px;
}
@media only screen and (min-width: 1440px) {
  .button_size_l {
    height: 60px;
  }
}
.button_size_l-constant {
  height: 60px;
}
.button_size_xl {
  height: 44px;
  font-size: 15px;
  border-radius: 8px;
}
@media only screen and (min-width: 1440px) {
  .button_size_xl {
    height: 69px;
    font-size: 16px;
    border-radius: 10px;
  }
}
.button_size_xxl {
  height: 47px;
}
.button_size_xxxl {
  height: 40px;
}
@media only screen and (min-width: 1025px) {
  .button_size_xxxl {
    height: 50px;
  }
}
.button_size_cart {
  height: 30px;
  font-size: 12px;
  border-radius: 5px;
}
@media only screen and (min-width: 1025px) {
  .button_size_cart {
    height: 50px;
    font-size: 16px;
    border-radius: 10px;
  }
}
.button_size_cart .button__icon {
  width: 16px;
  height: 16px;
}
@media only screen and (min-width: 1025px) {
  .button_size_cart .button__icon {
    width: 24px;
    height: 24px;
  }
}
.button_rounded_m {
  border-radius: 8px;
}
.button_rounded_l {
  border-radius: 10px;
}
.button_case_upper {
  text-transform: uppercase;
}
.button_padding_m {
  padding: 0 14px;
}
.button_shadow_primary {
  box-shadow: var(--shadow-primary);
}
.button_state_disabled {
  color: var(--color-white);
  cursor: not-allowed;
  pointer-events: none;
  background-color: var(--color-grey);
  border-color: var(--color-grey);
}
.button_state_loading {
  cursor: progress;
  opacity: 0.7;
}
.button_state_loading:before {
  background: var(--color-secondary);
  opacity: 1;
}
.button_state_loading:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  background: transparent;
  border: 2px solid transparent;
  border-top-color: currentColor;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation-name: button-loader;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.button_state_loading:hover:not(:disabled):after {
  border-top-color: currentColor;
  opacity: 1;
}
.button_state_loading .button__holder {
  visibility: hidden;
  opacity: 0;
}
.button_state_active .button__path-base {
  opacity: 0;
}
.button_state_active .button__path-active {
  opacity: 1;
}
.button_type_link {
  height: auto;
  padding: 0;
  color: var(--color-yellow);
  font-weight: 600;
}
.button_type_link:before {
  content: none;
}
.button_type_link:after {
  content: none;
}
.button_type_link .button__text {
  color: var(--color-yellow);
  transition: color 0.3s ease;
}
.button_type_link .button__holder {
  display: flex;
  gap: 12px;
  align-items: center;
  color: var(--color-yellow);
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  transition: color 0.3s ease;
}
.button_type_link .button__icon-path {
  stroke: var(--color-yellow);
  transition: stroke 0.3s ease;
}
.button_type_link:hover .button__text {
  color: var(--color-white);
}
.button_type_link:hover .button__icon-path {
  stroke: var(--color-white);
}
@media only screen and (min-width: 744px) {
  .button_type_link {
    font-size: 24px;
  }
}
@keyframes button-loader {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.card {
  display: flex;
  flex-flow: column nowrap;
  height: 165px;
  padding: 20px 22px 22px;
  color: var(--color-white);
  font-size: 8px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  background: var(--color-bronze);
  border-radius: 10px;
}
.card__header {
  display: flex;
  flex: 0 0 auto;
  -moz-column-gap: 20px;
       column-gap: 20px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.card__logo {
  display: block;
  flex: 0 1 auto;
}
.card__image {
  display: block;
  width: auto;
  max-width: 100%;
}
.card__caption {
  display: block;
  flex: 0 1 auto;
}
.card__main {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  margin: auto 0;
  padding: 20px 0 12px;
}
.card__title {
  display: block;
  margin: 0 0 10px;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.333;
  text-transform: none;
}
.card__title:last-child {
  margin-bottom: 0;
}
.card__footer {
  display: block;
  flex: 0 0 auto;
  width: 100%;
}
.card__note {
  display: block;
}
.card_style_bronze {
  background-color: var(--color-bronze);
}
.card_style_silver {
  background-color: var(--color-silver);
}
.card_style_gold {
  background-color: var(--color-gold);
}
.carousel-nav {
  display: block;
}
.carousel-nav_position_sides {
  position: absolute;
  top: 50%;
  left: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  transform: translate(0, -50%);
}
.carousel-nav_disabled_hide {
  padding: 0 10px;
  color: var(--color-gray);
}
.carousel-nav_disabled_hide .button:disabled {
  display: none;
}
.carousel-nav__pagination {
  display: inline-block;
  vertical-align: middle;
  padding: 0 6px;
}
.carousel-nav__pagination:first-child {
  padding-left: 0;
}
.carousel-nav__pagination:last-child {
  padding-right: 0;
}
.carousel-nav__pagination-element {
  display: inline-block;
  vertical-align: middle;
  color: #808080;
  font-size: 20px;
  line-height: 1.25;
}
.carousel-nav_style_transparent .carousel-nav__control {
  opacity: 0.6;
}
.carousel-nav__control {
  position: relative;
  z-index: 100;
  transition: opacity 0.3s ease;
}
.carousel-nav__control:hover {
  opacity: 0.5;
}
.carousel-nav_layout_horizontal {
  display: flex;
  gap: 12px;
}
.cart-check-panel {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  padding: 10px 0;
  color: var(--color-white);
  font-weight: 600;
  background: var(--color-black);
  border-radius: inherit;
}
@media only screen and (min-width: 1025px) {
  .cart-check-panel {
    padding: 6px 26px;
  }
}
.cart-check-panel__check-elem {
  display: block;
  flex: 0 1 auto;
  width: auto;
}
.cart-check-panel__control {
  display: block;
  flex: 0 1 auto;
  width: auto;
  margin: 0 0 0 auto;
  padding: 0 0 0 10px;
}
.cart-check-panel__control:first-child {
  padding-left: 0;
}
.cart-check-panel__clear {
  display: flex;
  flex-wrap: nowrap;
  -moz-column-gap: 5px;
       column-gap: 5px;
  align-items: center;
  padding: 12px;
  color: var(--color-gray);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.143;
  background: transparent;
  border: none;
  outline: none;
  transition: color 0.3s ease;
}
@media only screen and (min-width: 1025px) {
  .cart-check-panel__clear {
    font-size: 16px;
    line-height: 1.176;
  }
}
.cart-check-panel__clear:hover {
  color: var(--color-red);
}
.cart-check-panel__icon {
  display: block;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  fill: currentColor;
}
.cart-product {
  position: relative;
  display: block;
}
@media only screen and (min-width: 1025px) {
  .cart-product {
    padding: 15px;
  }
}
.cart-product__main {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
}
.cart-product__illustration {
  position: relative;
  overflow: hidden;
  flex: 0 0 100px;
  align-self: flex-start;
  width: 100px;
  margin: 0 12px 0 0;
  background: var(--color-black);
  border-radius: 15px;
  box-shadow: var(--shadow-primary);
}
@media only screen and (min-width: 744px) {
  .cart-product__illustration {
    flex-basis: 120px;
    width: 120px;
    margin: 0 15px 0 0;
    border-radius: 30px;
  }
}
.cart-product__illustration:last-child {
  margin-right: 0;
}
.cart-product__illustration:before {
  content: '';
  display: block;
  width: 100%;
  padding: 100% 0 0;
}
.cart-product__image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.cart-product__checkbox-container {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 10;
  display: block;
  color: var(--color-gray);
}
.cart-product__labels {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.cart-product__label {
  display: block;
}
.cart-product__content {
  display: block;
}
@media only screen and (min-width: 744px) {
  .cart-product__content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
}
.cart-product__title {
  display: block;
  margin: 0 0 7px;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.3;
}
@media only screen and (min-width: 744px) {
  .cart-product__title {
    flex: 1 1 auto;
    flex-basis: 100%;
    width: 100%;
    max-width: 80%;
    min-height: 46px;
    margin: 0 14px 14px 0;
    font-size: 18px;
  }
}
@media only screen and (min-width: 1440px) {
  .cart-product__title {
    max-width: 83%;
  }
}
.cart-product__title:last-child {
  margin: 0;
  padding: 15px;
}
.cart-product__link {
  color: var(--color-white);
  font-family: Raleway;
  font-weight: inherit;
  font-style: normal;
  text-decoration: none;
  font-variant-numeric: lining-nums;
  transition: color 0.3s ease;
}
.cart-product__link:hover,
.cart-product__link:focus-visible {
  color: var(--color-yellow);
  text-decoration: none;
}
.cart-product__actions {
  position: absolute;
  top: 38px;
  left: 5px;
  z-index: 10;
  display: block;
  color: var(--color-gray);
}
@media only screen and (min-width: 744px) {
  .cart-product__actions {
    position: static;
    margin: 0 0 14px auto;
    padding: 0 37px 0 0;
  }
}
@media only screen and (min-width: 1025px) {
  .cart-product__actions {
    padding: 0 42px 0 0;
  }
}
.cart-product__actions:last-child {
  margin-bottom: 0;
}
.cart-product__props {
  display: block;
}
@media only screen and (min-width: 744px) {
  .cart-product__props {
    align-self: end;
    margin: 0 14px 0 0;
  }
}
.cart-product__props:last-child {
  margin: 0;
}
.cart-product__price-field {
  display: flex;
  flex-wrap: nowrap;
  -moz-column-gap: 10px;
       column-gap: 10px;
  align-items: stretch;
  margin: 0 50px 0 0;
  padding: 2px 12px 2px 2px;
  color: var(--color-black);
  background: var(--color-secondary);
  border-radius: 5px;
}
@media only screen and (min-width: 744px) {
  .cart-product__price-field {
    align-self: end;
    min-width: 38%;
    margin: 0 14px 0 auto;
    padding: 4px 20px 4px 4px;
    border-radius: 7px;
  }
}
@media only screen and (min-width: 1025px) {
  .cart-product__price-field {
    min-width: 48%;
    margin: 0 14px 4px auto;
    padding: 5px 20px 5px 5px;
    border-radius: 10px;
  }
}
@media only screen and (min-width: 744px) {
  .cart-product__price-field:last-child {
    margin-right: 0;
  }
}
.cart-product__quantity-input {
  overflow: hidden;
  border-radius: 6px;
}
.cart-product__price-group {
  align-self: center;
  margin: 0 0 0 auto;
  text-align: right;
}
.cart-product__removed-container {
  position: relative;
  display: none;
  flex-wrap: nowrap;
  align-items: flex-start;
  padding: 3px 34px 3px 0;
}
@media only screen and (min-width: 744px) {
  .cart-product__removed-container {
    padding: 12px 41px 12px 0;
  }
}
@media only screen and (min-width: 1025px) {
  .cart-product__removed-container {
    padding: 1px 54px 1px 0;
  }
}
.cart-product__message {
  display: block;
  flex: 1 1 100%;
  width: 100%;
  font-size: 14px;
  line-height: 1.3;
}
@media only screen and (min-width: 744px) {
  .cart-product__message {
    font-size: 18px;
  }
}
.cart-product__control {
  display: block;
  flex: 0 0 auto;
  margin: 0 0 0 34px;
}
.cart-product__restore {
  display: flex;
  flex-wrap: nowrap;
  padding: 0;
  color: var(--color-gray);
  font-size: 0;
  font-weight: 800;
  line-height: 1.8;
  background: transparent;
  border: none;
  outline: none;
  transition: color 0.3s ease;
}
@media only screen and (min-width: 744px) {
  .cart-product__restore {
    -moz-column-gap: 5px;
         column-gap: 5px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 1025px) {
  .cart-product__restore {
    font-size: 17px;
    line-height: 1.176;
  }
}
.cart-product__restore:hover {
  color: var(--color-white);
}
.cart-product__restore-icon {
  display: block;
  width: 24px;
  height: 24px;
  fill: currentColor;
}
.cart-product__remove {
  position: absolute;
  right: 0;
  bottom: 2px;
  z-index: 15;
  display: block;
  width: 24px;
  height: 24px;
  color: var(--color-gray);
  font-size: 0;
  background: transparent;
  border: none;
  outline: none;
  transition: color 0.3s ease;
}
@media only screen and (min-width: 744px) {
  .cart-product__remove {
    top: 4px;
    right: 2px;
    bottom: auto;
    width: 24px;
    height: 24px;
  }
}
@media only screen and (min-width: 1025px) {
  .cart-product__remove {
    top: 15px;
    right: 15px;
    width: 32px;
    height: 32px;
  }
}
.cart-product__remove:hover {
  color: var(--color-red);
}
.cart-product__remove:before,
.cart-product__remove:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  width: 16px;
  height: 2px;
  background: currentColor;
  transform: translate(-50%, -50%) rotate(45deg);
}
@media only screen and (min-width: 744px) {
  .cart-product__remove:before,
  .cart-product__remove:after {
    width: 20px;
  }
}
@media only screen and (min-width: 1025px) {
  .cart-product__remove:before,
  .cart-product__remove:after {
    width: 24px;
  }
}
.cart-product__remove:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.cart-product_state_removed .cart-product__main {
  display: none;
}
.cart-product_state_removed .cart-product__removed-container {
  display: flex;
}
.cart-product_state_removed .cart-product__remove {
  top: 3px;
  right: 0;
}
@media only screen and (min-width: 744px) {
  .cart-product_state_removed .cart-product__remove {
    top: 12px;
    right: 2px;
    bottom: auto;
  }
}
@media only screen and (min-width: 1025px) {
  .cart-product_state_removed .cart-product__remove {
    top: 15px;
    right: 15px;
  }
}
.catalog-filter {
  display: block;
}
.catalog-filter__trigger {
  position: relative;
  display: block;
  width: 100%;
  padding: 0 32px 0 0;
  color: var(--color-black);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.25;
  text-align: left;
  text-decoration: none;
  letter-spacing: 0.01em;
  cursor: pointer;
  background: transparent;
  border: none;
  outline: none;
}
.catalog-filter__trigger:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 1;
  display: block;
  width: 5px;
  height: 5px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translate(50%, -50%) rotate(45deg);
  transition: all 0.3s ease;
  transition-property: color transform;
}
@media only screen and (min-width: 1440px) {
  .catalog-filter__trigger {
    color: var(--color-white);
    font-size: 30px;
  }
}
.catalog-filter__trigger:hover,
.catalog-filter__trigger:focus {
  text-decoration: none;
  outline: none;
  opacity: 0.7;
}
.catalog-filter__trigger:hover:after,
.catalog-filter__trigger:focus:after {
  opacity: 0.7;
}
.catalog-filter__body {
  display: none;
  padding: 20px 0 0;
}
.catalog-filter__link {
  display: block;
  color: var(--color-black);
  font-weight: 600;
  text-align: left;
  text-decoration: underline;
  background: transparent;
  border: none;
  transition: opacity 0.3s ease;
}
@media only screen and (min-width: 1440px) {
  .catalog-filter__link {
    color: var(--color-light-grey);
  }
}
.catalog-filter__link:hover {
  opacity: 0.8;
}
.catalog-filter__link_role_open {
  display: none;
}
.catalog-filter__link_role_close {
  display: block;
}
.catalog-filter__check-group {
  margin: 0 0 20px;
  padding: 0 15px 0 0;
  scrollbar-color: var(--color-black) var(--color-gray);
  scrollbar-width: thin;
}
@media only screen and (min-width: 1440px) {
  .catalog-filter__check-group {
    padding: 9px 15px 0 0;
    scrollbar-color: var(--color-white) var(--color-gray);
  }
}
.catalog-filter__check-group:last-child {
  margin-bottom: 0;
}
.catalog-filter__check-group_type_scroll {
  overflow: hidden auto;
  max-height: 454px;
}
@media only screen and (min-width: 1025px) {
  .catalog-filter__check-group_type_scroll {
    max-height: 570px;
  }
}
.catalog-filter__check-group_state_closed .catalog-filter__check-item:nth-child(4) {
  margin-bottom: 0;
}
.catalog-filter__check-group_state_closed .catalog-filter__check-item:nth-child(n + 5) {
  display: none;
}
.catalog-filter__check-group_state_closed ~ .catalog-filter__link_role_open {
  display: block;
}
.catalog-filter__check-group_state_closed ~ .catalog-filter__link_role_close {
  display: none;
}
.catalog-filter__check-item {
  margin: 0 0 13px;
  padding: 0;
  cursor: pointer;
}
@media only screen and (min-width: 1440px) {
  .catalog-filter__check-item {
    margin: 0 0 20px;
  }
}
.catalog-filter__check-item:last-child {
  margin-bottom: 0;
}
.catalog-filter_state_open .catalog-filter__trigger:after {
  transform: translate(50%, -50%) rotate(225deg);
}
.catalog-filter_state_open .catalog-filter__body {
  display: block;
}
.catalog-filters {
  display: block;
}
.catalog-filters__list {
  display: block;
  margin: 0 0 24px;
}
@media only screen and (min-width: 1440px) {
  .catalog-filters__list {
    margin: 0 0 40px;
  }
}
.catalog-filters__list:last-child {
  margin-bottom: 0;
}
.catalog-filters__item {
  padding: 25px 0;
  border-bottom: 1px solid var(--color-gray);
}
@media only screen and (min-width: 1025px) {
  .catalog-filters__item {
    padding: 0 0 40px;
    border-bottom: none;
  }
}
@media only screen and (min-width: 1025px) {
  .catalog-filters__item:last-child {
    padding-bottom: 0;
  }
}
.catalog-filters__controls {
  display: block;
  color: var(--color-black);
}
@media only screen and (min-width: 1025px) {
  .catalog-filters__controls {
    padding: 0 14px 0 0;
  }
}
.catalog-filters__control {
  margin: 0 0 4px;
}
.catalog-filters__control:last-child {
  margin-bottom: 0;
}
.catalog {
  display: block;
}
.catalog__content {
  display: block;
}
@media only screen and (min-width: 1440px) {
  .catalog__content {
    display: flex;
    flex-wrap: nowrap;
  }
}
.catalog__aside {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 600;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.65);
  transform: translate(-110%, 0);
  transition: transform 0.3s ease;
}
@media only screen and (min-width: 1440px) {
  .catalog__aside {
    position: sticky;
    z-index: 0;
    overflow: visible;
    flex: 0 1 25%;
    width: 25%;
    max-width: 25%;
    height: auto;
    padding: 0 32px 0 6px;
    background: transparent;
    transform: none;
  }
}
.catalog__filters {
  height: 100%;
}
.catalog__main {
  display: block;
}
@media only screen and (min-width: 1440px) {
  .catalog__main {
    flex: 1 1 75%;
    padding: 0 0 0 7px;
  }
}
.catalog__pagination {
  margin: 24px 0 0;
}
@media only screen and (min-width: 1025px) {
  .catalog__pagination {
    margin: 65px 0 0;
  }
}
.catalog__pagination:last-child {
  margin-bottom: 0;
}
.catalog__filter-panel {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0 45px;
}
@media only screen and (min-width: 744px) {
  .catalog__filter-panel {
    margin: 0 0 34px;
  }
}
@media only screen and (min-width: 1440px) {
  .catalog__filter-panel {
    margin: 0 0 38px;
  }
}
.catalog__filter-panel:last-child {
  margin-bottom: 0;
}
.catalog__filter-trigger {
  display: block;
  flex: 0 1 auto;
  margin: 0 0 0 auto;
}
@media only screen and (min-width: 1440px) {
  .catalog__filter-trigger {
    display: none;
  }
}
.catalog__cart-panel {
  position: relative;
  display: flex;
  overflow: hidden;
  flex: 1 1 100%;
  align-items: center;
  justify-content: space-between;
  order: 3;
  width: 100%;
  height: 0;
  margin: 0;
}
@media only screen and (min-width: 1025px) {
  .catalog__cart-panel {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 0 27px;
    border-radius: 20px;
  }
}
.catalog__cart-panel_state_shown {
  height: auto;
  margin-top: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
}
@media only screen and (min-width: 1025px) {
  .catalog__cart-panel_state_shown {
    margin-top: 33px;
    border: 1px solid var(--color-gray);
  }
}
.catalog__cart-panel_state_shown:first-child {
  margin-top: 0;
}
.catalog__check {
  display: block;
}
@media only screen and (min-width: 480px) {
  .catalog__check {
    flex: 0 1 auto;
    width: auto;
    margin: 0 auto 0 0;
    padding: 0 15px 0 0;
  }
}
.catalog__check:last-child {
  margin: 0;
  padding: 0;
}
.catalog__control {
  display: block;
  min-width: 144px;
}
@media only screen and (min-width: 480px) {
  .catalog__control {
    flex: 0 0 auto;
    min-width: 194px;
  }
}
.catalog__fast-filter {
  display: none;
  flex: 1 1 100%;
  order: 2;
  width: 100%;
  max-width: 100%;
  margin-top: 20px;
}
@media only screen and (min-width: 1025px) {
  .catalog__fast-filter {
    display: block;
  }
}
.catalog__filter-group {
  display: flex;
  flex: 1 1 100%;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  order: 1;
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 744px) {
  .catalog__filter-group {
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 1025px) {
  .catalog__filter-group {
    gap: 30px;
  }
}
.catalog__header {
  display: flex;
  align-items: center;
  margin: 0 0 17px;
}
@media only screen and (min-width: 1025px) {
  .catalog__header {
    margin: 0 0 21px;
  }
}
.catalog__header:last-child {
  margin-bottom: 0;
}
.catalog__layout-group {
  display: none;
  flex: 0 0 auto;
  margin: 0 0 0 auto;
}
@media only screen and (min-width: 744px) {
  .catalog__layout-group {
    display: block;
  }
}
.catalog__layout-group_hidden_m {
  display: block;
  margin: 0 0 0 22px;
}
@media only screen and (min-width: 744px) {
  .catalog__layout-group_hidden_m {
    display: none;
  }
}
.catalog__text {
  padding: 32px 0;
}
.catalog__text:first-child {
  padding-top: 0;
}
.catalog__text:last-child {
  padding-bottom: 0;
}
.catalog_filters_open .catalog__aside {
  transform: translate(0, 0);
}
.catalog_cart-panel_shown .catalog__cart-panel {
  margin-top: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.catalog_cart-panel_shown .catalog__cart-panel:first-child {
  margin-top: 0;
}
.check-elem {
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 1.143;
  cursor: pointer;
}
.check-elem__input {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: none;
  opacity: 0.01;
  transform: scale(0.001);
}
.check-elem__input[type='radio'] + .check-elem__label {
  padding: 1px 0 1px 35px;
}
.check-elem__input[type='radio'] + .check-elem__label:before {
  width: 25px;
  height: 25px;
  border: 2px solid var(--color-gray);
  border-radius: 10px;
}
.check-elem__input[type='radio'] + .check-elem__label:after {
  content: '';
  position: absolute;
  top: 12px;
  left: 3px;
  display: block;
  box-sizing: border-box;
  width: 16px;
  height: 7px;
  color: var(--color-black);
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  opacity: 0;
  transform: translate(10%, -75%) rotate(-45deg);
  transition: all 0.3s ease;
  transition-property: color, opacity;
}
.check-elem__input[type='radio']:checked + .check-elem__label:before {
  background-color: transparent;
  border-color: var(--color-black);
}
.check-elem__input[type='radio']:checked + .check-elem__label:after {
  opacity: 1;
}
.check-elem__input[type='radio']:hover:not(:disabled) + .check-elem__label:before,
.check-elem__input[type='radio']:focus:not(:disabled) + .check-elem__label:before,
.check-elem__input[type='radio']:active:not(:disabled) + .check-elem__label:before {
  border-color: var(--color-black);
}
.check-elem__input:hover:not(:disabled) + .check-elem__label:before,
.check-elem__input:focus:not(:disabled) + .check-elem__label:before,
.check-elem__input:active:not(:disabled) + .check-elem__label:before {
  border-color: var(--color-black);
}
.check-elem__input:checked + .check-elem__label:before {
  background-color: transparent;
  border-color: var(--color-black);
}
.check-elem__input:checked + .check-elem__label:after {
  opacity: 1;
}
.check-elem__input:disabled {
  pointer-events: none;
}
.check-elem__input:disabled + .check-elem__label {
  pointer-events: none;
  opacity: 0.5;
}
.check-elem__input_state_error + .check-elem__label:before {
  border-color: var(--color-red);
}
.check-elem__count {
  min-width: 20px;
  height: 20px;
  padding: 2px;
  color: #9c9c9c;
  font-size: 12px;
  line-height: 19px;
  text-align: center;
  background: rgba(255,255,255,0.2);
  border-radius: 5px;
}
.check-elem__label {
  position: relative;
  display: inline-block;
  padding: 3px 0 3px 30px;
  font: inherit;
  line-height: inherit;
  transition: color 0.3s ease;
}
.check-elem__label:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  background: transparent;
  border: 2px solid var(--color-black);
  border-radius: 5px;
  transform: translate(0, -50%);
  transition: all 0.3s ease;
  transition-property: background-color, border-color;
}
.check-elem__label:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  box-sizing: border-box;
  width: 16px;
  height: 7px;
  color: var(--color-black);
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  opacity: 0;
  transform: translate(10%, -75%) rotate(-45deg);
  transition: all 0.3s ease;
  transition-property: color, opacity;
}
.check-elem__city {
  display: block;
  margin-bottom: 10px;
  color: var(--color-gray);
  font-size: 14px;
  font-weight: 900;
  line-height: 1.3;
}
@media only screen and (min-width: 744px) {
  .check-elem__city {
    margin-bottom: 5px;
    font-size: 16px;
  }
}
.check-elem__address {
  color: var(--color-gray);
  line-height: 21px;
}
.check-elem_style-rounded_l .check-elem__label:before {
  width: 25px;
  height: 25px;
  border-radius: 10px;
}
.check-elem_style_light .check-elem__input:hover:not(:disabled) + .check-elem__label:before,
.check-elem_style_light .check-elem__input:focus:not(:disabled) + .check-elem__label:before,
.check-elem_style_light .check-elem__input:active:not(:disabled) + .check-elem__label:before {
  border-color: var(--color-white);
}
.check-elem_style_light .check-elem__input:checked + .check-elem__label:before {
  background-color: transparent;
  border-color: var(--color-white);
}
.check-elem_style_light .check-elem__label:before {
  border-color: var(--color-white);
}
.check-elem_style_light .check-elem__label:after {
  border-color: var(--color-white);
}
.check-elem_style_muted .check-elem__input:hover:not(:disabled) + .check-elem__label:before,
.check-elem_style_muted .check-elem__input:focus:not(:disabled) + .check-elem__label:before,
.check-elem_style_muted .check-elem__input:active:not(:disabled) + .check-elem__label:before {
  border-color: var(--color-muted);
}
.check-elem_style_muted .check-elem__input:checked + .check-elem__label:before {
  background-color: transparent;
  border-color: var(--color-muted);
}
.check-elem_style_muted .check-elem__label:before {
  border-color: var(--color-muted);
}
.check-elem_style_muted .check-elem__label:after {
  border-color: var(--color-muted);
}
.check-elem_style_primary .check-elem__input:hover:not(:disabled) + .check-elem__label:before,
.check-elem_style_primary .check-elem__input:focus:not(:disabled) + .check-elem__label:before,
.check-elem_style_primary .check-elem__input:active:not(:disabled) + .check-elem__label:before {
  border-color: var(--color-yellow);
}
.check-elem_style_primary .check-elem__input:hover:not(:disabled) + .check-elem__label:after,
.check-elem_style_primary .check-elem__input:focus:not(:disabled) + .check-elem__label:after,
.check-elem_style_primary .check-elem__input:active:not(:disabled) + .check-elem__label:after {
  border-color: var(--color-yellow);
}
.check-elem_style_primary .check-elem__input:checked + .check-elem__label:before {
  background-color: transparent;
  border-color: var(--color-yellow);
}
.check-elem_style_primary .check-elem__input:checked + .check-elem__label:after {
  border-color: var(--color-yellow);
}
.check-elem_style_primary .check-elem__label {
  padding: 3px 0 3px 35px;
  font-weight: 600;
}
.check-elem_style_primary .check-elem__label:before {
  left: 0;
  width: 25px;
  height: 25px;
  border-color: var(--color-muted);
  border-radius: 10px;
}
.check-elem_style_primary .check-elem__label:after {
  left: 6px;
  width: 12px;
  height: 8px;
  border-color: var(--color-muted);
}
.check-elem_style_secondary {
  color: var(--color-black);
}
.check-elem_style_secondary .check-elem__label {
  display: flex;
  flex: 0 0 auto;
  gap: 5px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 3px 0 3px 35px;
  font-weight: 600;
}
.check-elem_style_secondary .check-elem__label:before {
  left: 0;
  width: 25px;
  height: 25px;
  border-color: var(--color-black);
  border-radius: 10px;
}
.check-elem_style_secondary .check-elem__label:after {
  left: 2px;
  border-color: var(--color-black);
}
.check-elem_style_gold .check-elem__input {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: none;
  opacity: 0.01;
  transform: scale(0.001);
}
.check-elem_style_gold .check-elem__input[type='radio'] + .check-elem__label {
  padding: 1px 0 1px 35px;
}
.check-elem_style_gold .check-elem__input[type='radio'] + .check-elem__label:before {
  border: 2px solid var(--color-white);
}
.check-elem_style_gold .check-elem__input:checked + .check-elem__label:before {
  border: 2px solid var(--color-yellow);
}
.check-elem_style_gold .check-elem__input:checked + .check-elem__label .check-elem__city {
  color: var(--color-yellow);
}
.check-elem_style_gold .check-elem__input:checked + .check-elem__label .check-elem__address {
  color: var(--color-yellow);
}
.check-elem_style_gold .check-elem__city {
  margin: 0 0 5px;
  color: var(--color-white);
  font-size: 16px;
}
.check-elem_style_gold .check-elem__address {
  color: var(--color-white);
}
.check-elem_type_filter {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  min-height: 25px;
}
.check-elem_type_filter .check-elem__label {
  display: flex;
  flex: 0 0 auto;
  gap: 5px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 12px;
}
.check-elem_color_gray .check-elem__input:checked + .check-elem__label:before {
  background-color: transparent;
  border-color: var(--color-gray);
}
.check-elem_color_gray .check-elem__input:after {
  opacity: 1;
}
.check-elem_color_gray .check-elem__label {
  color: var(--color-gray);
}
.check-elem_color_gray .check-elem__label:before {
  border: 2px solid var(--color-gray);
}
.check-elem_color_gray .check-elem__label:after {
  color: var(--color-gray);
}
.check-elem_align_top .check-elem__label {
  padding: 0 0 3px 32px;
}
.check-elem_align_top .check-elem__label:before {
  top: 0;
  transform: none;
}
.check-elem_align_top .check-elem__label:after {
  top: 13px;
  left: 2px;
}
.check-elem_size_full {
  width: 100%;
}
.check-elem_size-s_s {
  font-size: 12px;
  font-weight: 600;
}
@media only screen and (min-width: 744px) {
  .check-elem_size-s_s {
    font-size: 15px;
  }
}
.check-elem_size-s_s .check-elem__label {
  padding: 5px 0 3px 20px;
}
.check-elem_size-s_s .check-elem__label:before {
  width: 16px;
  height: 16px;
}
.check-elem_size-s_s .check-elem__label:after {
  left: 1px;
  width: 11px;
  height: 5px;
}
@media only screen and (min-width: 744px) {
  .check-elem_size-s_s .check-elem__label {
    padding: 3px 0 3px 30px;
  }
  .check-elem_size-s_s .check-elem__label:before {
    width: 20px;
    height: 20px;
  }
  .check-elem_size-s_s .check-elem__label:after {
    left: 0;
    width: 16px;
    height: 7px;
  }
}
.check-elem_size-m_s {
  font-size: 12px;
  font-weight: 600;
}
@media only screen and (min-width: 1440px) {
  .check-elem_size-m_s {
    font-size: 15px;
  }
}
.check-elem_size-m_s .check-elem__label {
  padding: 5px 0 3px 20px;
}
.check-elem_size-m_s .check-elem__label:before {
  width: 16px;
  height: 16px;
}
.check-elem_size-m_s .check-elem__label:after {
  left: 1px;
  width: 11px;
  height: 5px;
}
@media only screen and (min-width: 1440px) {
  .check-elem_size-m_s .check-elem__label {
    padding: 3px 0 3px 30px;
  }
  .check-elem_size-m_s .check-elem__label:before {
    width: 20px;
    height: 20px;
  }
  .check-elem_size-m_s .check-elem__label:after {
    left: 0;
    width: 16px;
    height: 7px;
  }
}
.check-elem_size_s .check-elem__label {
  font-size: 12px;
}
.check-elem_size_s .check-elem__label:before {
  width: 14px;
  height: 14px;
}
.check-elem_size_s .check-elem__label:after {
  top: 50%;
  left: 1px;
  width: 10px;
  height: 5px;
  color: currentColor;
}
.check-elem_text-size_s {
  font-size: 12px;
}
.checkout-panel {
  display: block;
  padding: 25px;
  color: var(--color-black);
  font-size: 14px;
  line-height: 1.429;
  background: var(--color-primary);
  border-radius: 15px;
  box-shadow: var(--shadow-primary);
}
@media only screen and (min-width: 1025px) {
  .checkout-panel {
    font-size: 16px;
    line-height: 1.25;
    border-radius: 30px;
  }
}
.checkout-panel__header {
  display: block;
  margin: 0 0 19px;
}
.checkout-panel__header:last-child {
  margin-bottom: 0;
}
.checkout-panel__main {
  display: block;
  margin: 0 0 19px;
}
.checkout-panel__main:last-child {
  margin-bottom: 0;
}
.checkout-panel__section {
  display: block;
}
.checkout-panel__separator {
  display: block;
  width: 100%;
  height: 1px;
  margin: 19px 0;
  background: currentColor;
  border: none;
}
@media only screen and (min-width: 744px) {
  .checkout-panel__separator {
    margin: 18px 0;
  }
}
.checkout-panel__controls {
  display: block;
  margin: 0 0 19px;
}
.checkout-panel__controls:last-child {
  margin-bottom: 0;
}
.checkout-panel__control {
  display: block;
  margin: 0 0 19px;
}
.checkout-panel__control:last-child {
  margin-bottom: 0;
}
.checkout-panel__note {
  display: block;
  margin: 0 0 10px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.8;
}
@media only screen and (min-width: 1025px) {
  .checkout-panel__note {
    font-size: 12px;
    line-height: 1.5;
  }
}
.checkout-panel__note:last-child {
  margin-bottom: 0;
}
.checkout-panel__price-list {
  display: block;
  margin: 0 0 10px;
}
.checkout-panel__price-list:last-child {
  margin-bottom: 0;
}
.checkout-panel__switch {
  display: block;
  margin: 0 0 14px;
}
.checkout-panel__switch:last-child {
  margin-bottom: 0;
}
.checkout-panel__bonus {
  display: none;
}
.checkout-panel_bonuses_shown .checkout-panel__bonus {
  display: block;
}
.checkout-step {
  position: relative;
  display: block;
  padding: 0 0 0 37px;
}
@media only screen and (min-width: 744px) {
  .checkout-step {
    padding: 0 0 0 54px;
  }
}
@media only screen and (min-width: 1025px) {
  .checkout-step {
    padding: 0 0 0 51px;
  }
}
.checkout-step:before {
  content: counter(checkoutStep);
  position: absolute;
  top: 2px;
  left: 3px;
  z-index: 1;
  display: block;
  width: 24px;
  height: 24px;
  color: var(--color-black);
  font-size: 14px;
  font-weight: 800;
  line-height: 24px;
  text-align: center;
  background: var(--color-yellow);
  border-radius: 50%;
}
@media only screen and (min-width: 744px) {
  .checkout-step:before {
    width: 28px;
    height: 28px;
    font-size: 16px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1025px) {
  .checkout-step:before {
    top: 4px;
    left: 1px;
  }
}
.checkout-step:after {
  content: '';
  position: absolute;
  top: 43px;
  left: 13px;
  bottom: 0;
  z-index: 1;
  display: block;
  width: 3px;
  height: auto;
  background: linear-gradient(180deg, var(--color-yellow), var(--color-black));
  border-radius: 4px;
}
@media only screen and (min-width: 744px) {
  .checkout-step:after {
    top: 54px;
    left: 16px;
  }
}
@media only screen and (min-width: 1025px) {
  .checkout-step:after {
    left: 13px;
  }
}
.checkout-step__header {
  display: block;
  margin: 0 0 24px;
}
@media only screen and (min-width: 744px) {
  .checkout-step__header {
    margin: 0 0 30px;
  }
}
@media only screen and (min-width: 1025px) {
  .checkout-step__header {
    margin: 0 0 21px;
  }
}
.checkout-step__header:last-child {
  margin-bottom: 0;
}
.checkout-step__title {
  display: block;
  margin: 0 0 25px;
}
.checkout-step__title:last-child {
  margin-bottom: 0;
}
.checkout-step__tabs {
  display: block;
  margin: 0 0 26px;
}
@media only screen and (min-width: 744px) {
  .checkout-step__tabs {
    margin: 0 0 38px;
  }
}
.checkout-step__tabs:last-child {
  margin-bottom: 0;
}
.checkout-step__panel_state_edit .checkout-step__edit-form {
  display: block;
}
.checkout-step__text {
  display: block;
  margin: 0 0 32px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.143;
}
@media only screen and (min-width: 744px) {
  .checkout-step__text {
    margin: 0 0 28px;
    font-size: 16px;
    line-height: 1.1875;
  }
}
.checkout-step__text:last-child {
  margin-bottom: 0;
}
.checkout-step__data-group {
  display: block;
  margin: 0 0 25px;
}
@media only screen and (min-width: 744px) {
  .checkout-step__data-group {
    margin: 0 0 40px;
  }
}
.checkout-step__data-group:last-child {
  margin-bottom: 0;
}
.checkout-step__address-list {
  display: block;
  margin: 0 0 32px;
}
@media only screen and (min-width: 744px) {
  .checkout-step__address-list {
    margin: 0 0 29px;
    padding: 10px 0 0;
  }
}
.checkout-step__address-list:last-child {
  margin-bottom: 0;
}
.checkout-step__controls {
  display: flex;
  flex-flow: column nowrap;
  gap: 15px 15px;
  align-items: flex-start;
}
@media only screen and (min-width: 744px) {
  .checkout-step__controls {
    flex-flow: row wrap;
    align-items: center;
  }
}
.checkout-step__control {
  display: block;
  flex: 0 0 auto;
  width: auto;
  min-width: 186px;
}
@media only screen and (min-width: 744px) {
  .checkout-step__control {
    flex: 0 1 auto;
    min-width: 203px;
  }
}
.checkout-step__edit-form {
  display: none;
  padding: 60px 0 0;
}
.checkout {
  display: block;
}
.checkout__header {
  display: block;
  margin: 0 0 20px;
}
@media only screen and (min-width: 744px) {
  .checkout__header {
    margin: 0 0 13px;
  }
}
@media only screen and (min-width: 1025px) {
  .checkout__header {
    margin: 0 0 21px;
  }
}
.checkout__header:last-child {
  margin-bottom: 0;
}
.checkout__container {
  display: block;
}
@media only screen and (min-width: 1025px) {
  .checkout__container {
    display: flex;
    flex-wrap: nowrap;
  }
}
.checkout__main {
  display: block;
  margin: 0 0 100px;
}
@media only screen and (min-width: 1025px) {
  .checkout__main {
    flex: 0 0 65.5%;
    margin: 0 25px 0 0;
  }
}
.checkout__main:last-child {
  margin: 0;
}
.checkout__aside {
  display: block;
  margin: 0 0 100px;
}
@media only screen and (min-width: 1025px) {
  .checkout__aside {
    flex: 1 1 auto;
    margin: 0;
  }
}
.checkout__aside:last-child {
  margin-bottom: 0;
}
.checkout__panel {
  position: sticky;
  top: 120px;
}
.checkout__check-panel {
  display: flex;
  flex-wrap: nowrap;
  margin: 0 0 18px;
  border-bottom: 1px solid var(--color-gray);
}
@media only screen and (min-width: 744px) {
  .checkout__check-panel {
    margin: 0 0 20px;
  }
}
@media only screen and (min-width: 1025px) {
  .checkout__check-panel {
    margin: 0 0 25px;
    border: 1px solid var(--color-gray);
    border-radius: 20px;
  }
}
.checkout__check-panel:last-child {
  margin-bottom: 0;
}
.checkout__list {
  display: block;
  margin: 0 0 30px;
}
@media only screen and (min-width: 744px) {
  .checkout__list {
    margin: 0 0 35px;
  }
}
@media only screen and (min-width: 1025px) {
  .checkout__list {
    margin: 0 0 22px;
  }
}
.checkout__list:last-child {
  margin-bottom: 0;
}
.checkout__item {
  display: block;
  margin: 0 0 30px;
}
@media only screen and (min-width: 744px) {
  .checkout__item {
    margin: 0 0 35px;
  }
}
@media only screen and (min-width: 1025px) {
  .checkout__item {
    margin: 0 0 22px;
  }
}
.checkout__item:last-child {
  margin-bottom: 0;
}
.checkout__steps {
  counter-reset: checkoutStep;
  display: block;
  margin: 0 0 100px;
}
@media only screen and (min-width: 1025px) {
  .checkout__steps {
    padding: 18px 0 0;
  }
}
.checkout__steps:last-child {
  margin-bottom: 0;
}
.checkout__step {
  counter-increment: checkoutStep;
  display: block;
  margin: 0 0 100px;
}
.checkout__step:last-child {
  margin-bottom: 0;
}
.choices-select {
  position: relative;
  display: block;
  --choices-select-border-radius: 6px;
}
@media only screen and (min-width: 1025px) {
  .choices-select {
    --choices-select-border-radius: 8px;
  }
}
.choices-select__select {
  display: block;
  width: 100%;
  height: 36px;
  min-height: auto;
  padding: 5px 10px;
  color: var(--color-white);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  background: var(--color-black);
  border: 1px solid var(--color-white);
  border-radius: var(--choices-select-border-radius);
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media only screen and (min-width: 1025px) {
  .choices-select__select {
    height: 50px;
    padding: 12px 17px;
    font-size: 16px;
    font-weight: 600;
  }
}
.choices-select .choices[data-type*='select-one'].choices:after {
  top: 50%;
  right: 24px;
  width: 6px;
  height: 6px;
  margin: 0;
  background: transparent;
  border: none;
  border-right: 2px solid var(--color-white);
  border-bottom: 2px solid var(--color-white);
  transform: translate(50%, -75%) rotate(45deg);
}
@media only screen and (min-width: 1025px) {
  .choices-select .choices[data-type*='select-one'].choices:after {
    right: 30px;
  }
}
.choices-select .choices[data-type*='select-one'] .choices__inner {
  height: 36px;
  min-height: auto;
  padding: 5px 10px;
  color: var(--color-white);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  background: var(--color-black);
  border: 1px solid var(--color-white);
  border-radius: var(--choices-select-border-radius);
  outline: none;
}
@media only screen and (min-width: 1025px) {
  .choices-select .choices[data-type*='select-one'] .choices__inner {
    height: 50px;
    padding: 12px 17px;
    font-size: 16px;
    font-weight: 600;
  }
}
.choices-select .choices[data-type*='select-one'] .choices__list {
  padding: 0;
}
.choices-select .choices[data-type*='select-one'] .choices__list--single .choices__item {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.choices-select .choices[data-type*='select-one'] .choices__list--dropdown {
  z-index: 10;
  overflow: hidden;
  margin: -1px 0 0;
  word-break: break-word;
  background: var(--color-black);
  border: 1px solid var(--color-white);
  border-radius: 0 0 var(--choices-select-border-radius) var(--choices-select-border-radius);
}
.choices-select .choices[data-type*='select-one'] .choices__list + .form-control__message {
  position: absolute;
  top: 100%;
  left: 0;
}
.choices-select .choices[data-type*='select-one'] .choices__item {
  display: flex;
  flex-wrap: nowrap;
}
.choices-select .choices[data-type*='select-one'] .choices__item--choice {
  padding: 5px 10px;
  color: var(--color-white);
  font-size: 15px;
  line-height: 1.5;
}
@media only screen and (min-width: 1025px) {
  .choices-select .choices[data-type*='select-one'] .choices__item--choice {
    padding: 6px 17px;
    font-size: 16px;
  }
}
.choices-select .choices[data-type*='select-one'] .choices__item--choice.is-selected {
  color: var(--color-black);
  background: var(--color-gray);
}
.choices-select .choices[data-type*='select-one'] .choices__item--choice.is-highlighted {
  color: var(--color-black);
  background: var(--color-muted);
}
.choices-select .choices[data-type*='select-one'] .choices__item--choice.choices__placeholder {
  display: none;
}
.choices-select .choices[data-type*='select-one'] .choices__placeholder {
  color: var(--color-white);
  opacity: 1;
}
.choices-select .choices[data-type*='select-one'].is-focused .choices__inner {
  background: var(--color-black);
  box-shadow: none;
}
.choices-select .choices[data-type*='select-one'].is-disabled .choices__inner {
  color: var(--color-black);
  background-color: var(--color-muted);
}
.choices-select .choices[data-type*='select-one'].is-open:after {
  transform: translate(50%, -25%) rotate(-135deg);
}
.choices-select .choices[data-type*='select-one'].is-open .choices__inner {
  border-radius: var(--choices-select-border-radius) var(--choices-select-border-radius) 0 0;
}
.choices-select .choices[data-type*='select-one'].is-flipped .choices__inner {
  border-radius: 0 0 var(--choices-select-border-radius) var(--choices-select-border-radius);
}
.choices-select .choices[data-type*='select-one'].is-flipped .choices__list--dropdown {
  margin: 0 0 -1px;
  border-radius: var(--choices-select-border-radius) var(--choices-select-border-radius) 0 0;
}
.choices-select_type_modern .choices[data-type*='select-one'] .choices__item--choice.is-selected {
  color: var(--color-white);
  font-weight: 700;
  background: transparent;
}
.choices-select_type_modern .choices[data-type*='select-one'] .choices__item--choice.is-highlighted {
  color: var(--color-white);
  font-weight: 600;
  background: transparent;
}
.choices-select_type_modern .choices[data-type*='select-one'] .choices__list--dropdown {
  border-top: none;
}
.choices-select_type_modern .choices[data-type*='select-one'] .choices__list--dropdown:before {
  content: '';
  position: absolute;
  top: 0;
  right: 17px;
  left: 17px;
  height: 1px;
  background: var(--color-white);
}
.choices-select_state_invalid .choices[data-type*='select-one'] .choices__inner {
  border-color: var(--color-red);
}
.choices-select_state_invalid .choices[data-type*='select-one'].is-focused .choices__inner {
  border-color: var(--color-red);
}
.compare-product {
  display: block;
}
@media only screen and (min-width: 744px) {
  .compare-product {
    padding: 20px;
  }
}
@media only screen and (min-width: 1025px) {
  .compare-product {
    padding: 15px;
  }
}
.compare-product__illustration {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  margin: 0 0 10px;
  background: var(--color-black);
  border-radius: 15px;
  box-shadow: var(--shadow-primary);
}
@media only screen and (min-width: 1025px) {
  .compare-product__illustration {
    margin: 0 0 15px;
    border-radius: 30px;
  }
}
.compare-product__illustration:last-child {
  margin-bottom: 0;
}
.compare-product__illustration:before {
  content: '';
  display: block;
  width: 100%;
  padding: 100% 0 0;
}
.compare-product__image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.compare-product__labels {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.compare-product__label {
  display: block;
}
.compare-product__content {
  display: block;
}
.compare-product__title {
  display: block;
  margin: 0 0 9px;
  padding: 0 0 10px;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.3;
}
@media only screen and (min-width: 744px) {
  .compare-product__title {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1025px) {
  .compare-product__title {
    min-height: 107px;
    padding: 0 0 15px;
    font-size: 19px;
  }
}
.compare-product__title:last-child {
  margin: 0;
}
.compare-product__link {
  color: var(--color-pr);
  font-family: Raleway;
  font-weight: inherit;
  font-style: normal;
  text-decoration: none;
  font-variant-numeric: lining-nums;
  background: var(--color-secondary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: color 0.3s ease;
}
.compare-product__link:hover,
.compare-product__link:focus-visible {
  color: var(--color-yellow);
  text-decoration: none;
}
.compare-product__list {
  display: block;
  margin: 0;
  padding: 0;
  text-align: center;
}
.compare-product__item {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-start;
  margin: 9px 0 0;
  padding: 9px 0 0;
  border-top: 2px dotted var(--color-gray);
}
@media only screen and (min-width: 1025px) {
  .compare-product__item {
    margin: 14px 0 0;
    padding: 14px 0 0;
  }
}
.compare-product__item:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.compare-product__caption {
  display: block;
  flex: 0 0 auto;
  margin: 0 0 5px;
  padding: 10px 0 0;
  color: var(--color-gray);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
}
@media only screen and (min-width: 744px) {
  .compare-product__caption {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1025px) {
  .compare-product__caption {
    font-size: 16px;
  }
}
.compare-product__caption:last-child {
  margin-bottom: 0;
}
.compare-product__value {
  display: block;
  flex: 0 0 auto;
  margin: 0 0 5px;
  padding: 0 0 10px;
  color: var(--color-muted);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
}
@media only screen and (min-width: 744px) {
  .compare-product__value {
    font-size: 16px;
  }
}
.compare-product__value:last-child {
  margin-bottom: 0;
}
.compare-product__price-group {
  display: block;
  margin: 0 0 9px;
  padding: 0 0 10px;
}
@media only screen and (min-width: 1025px) {
  .compare-product__price-group {
    padding: 0 0 14px;
  }
}
.compare-product__price-group:last-child {
  margin-bottom: 0;
}
.compare-product__actions {
  position: absolute;
  top: 6px;
  right: 10px;
  z-index: 10;
  display: block;
  color: var(--color-gray);
}
@media only screen and (min-width: 744px) {
  .compare-product__actions {
    top: 26px;
    right: 30px;
  }
}
@media only screen and (min-width: 1025px) {
  .compare-product__actions {
    top: 30px;
    right: 29px;
  }
}
.compare-product__favorite {
  display: block;
  margin: 0 0 6px;
}
@media only screen and (min-width: 1025px) {
  .compare-product__favorite {
    margin: 0 0 10px;
  }
}
.compare-product__favorite:last-child {
  margin-bottom: 0;
}
.compare-product__remove {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  color: var(--color-gray);
  font-size: 0;
  background: transparent;
  border: none;
  outline: none;
  transition: color 0.3s ease;
}
@media only screen and (min-width: 1025px) {
  .compare-product__remove {
    width: 32px;
    height: 32px;
  }
}
.compare-product__remove:hover {
  color: var(--color-red);
}
.compare-product__remove:before,
.compare-product__remove:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  width: 16px;
  height: 2px;
  background: currentColor;
  transform: translate(-50%, -50%) rotate(45deg);
}
@media only screen and (min-width: 744px) {
  .compare-product__remove:before,
  .compare-product__remove:after {
    width: 18px;
  }
}
@media only screen and (min-width: 1025px) {
  .compare-product__remove:before,
  .compare-product__remove:after {
    width: 24px;
    height: 3px;
  }
}
.compare-product__remove:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.compare-product__control {
  min-width: 129px;
}
@media only screen and (min-width: 1025px) {
  .compare-product__control {
    width: 100%;
    min-width: auto;
  }
}
.compare {
  display: block;
}
.compare__svg-defs {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  margin: -1px 0 0 -1px;
  opacity: 0;
}
.compare__header {
  display: block;
  margin: 0 0 42px;
}
@media only screen and (min-width: 744px) {
  .compare__header {
    margin: 0 0 16px;
  }
}
@media only screen and (min-width: 1025px) {
  .compare__header {
    margin: 0 0 30px;
  }
}
.compare__header:last-child {
  margin-bottom: 0;
}
.compare__title {
  display: block;
  margin: 0 0 21px;
}
@media only screen and (min-width: 1025px) {
  .compare__title {
    margin: 0 0 23px;
  }
}
.compare__title:last-child {
  margin-bottom: 0;
}
.compare__filter {
  display: block;
  margin: 0 0 21px;
}
@media only screen and (min-width: 1025px) {
  .compare__filter {
    margin: 0 0 23px;
  }
}
.compare__filter:last-child {
  margin-bottom: 0;
}
.compare__container {
  position: relative;
  overflow: hidden;
  margin: -20px;
  padding: 20px;
}
.compare__container_navigation_hidden .compare__nav {
  display: none;
}
.compare__wrapper {
  display: flex;
  flex-wrap: nowrap;
}
.compare__slide {
  width: 50%;
  height: auto;
  margin: 0 19px 0 0;
}
@media only screen and (min-width: 744px) {
  .compare__slide {
    margin: 0 17px 0 0;
  }
}
@media only screen and (min-width: 1025px) {
  .compare__slide {
    width: 25%;
    margin: 0 25px 0 0;
  }
}
.compare__slide:last-child {
  margin-right: 0;
}
.compare__nav {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  margin: 0 0 10px;
  padding: 0 0 9px;
  color: var(--color-muted);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  border-bottom: 2px dotted var(--color-gray);
}
@media only screen and (min-width: 744px) {
  .compare__nav {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1025px) {
  .compare__nav {
    margin: 0 0 14px;
    padding: 0 0 14px;
  }
}
.compare__nav:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.compare__pagination {
  display: block;
  flex: 0 1 auto;
  padding: 0 10px;
}
.compare__control {
  display: block;
  flex: 0 0 auto;
}
.compare__arrow {
  position: relative;
  z-index: 1;
  display: block;
  width: 24px;
  height: 24px;
  color: inherit;
  font-size: 0;
  text-decoration: none;
  background: transparent;
  border: none;
  outline: none;
  transition: all 0.3s ease;
  transition-property: color opacity;
}
.compare__arrow:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  width: 6px;
  height: 6px;
  border-top: 2px solid currentColor;
  border-left: 2px solid currentColor;
  transform: translate(-25%, -50%) rotate(-45deg);
}
.compare__arrow_type_next:before {
  transform: translate(-75%, -50%) rotate(135deg);
}
.compare__arrow_state_disabled {
  opacity: 0.3;
}
.context-menu {
  position: relative;
  z-index: 10;
  display: inline-block;
}
.context-menu__trigger {
  display: block;
  color: inherit;
  font-size: 0;
  text-decoration: none;
  background: transparent;
  border: none;
  outline: none;
  transition: opacity 0.3s ease;
}
.context-menu__trigger:hover {
  opacity: 0.7;
}
.context-menu__icon {
  display: block;
  width: 24px;
  height: 24px;
  fill: currentColor;
}
.context-menu__body {
  position: absolute;
  top: 100%;
  right: 8px;
  z-index: 1;
  display: block;
  visibility: hidden;
  padding: 15px 20px;
  color: var(--color-white);
  font-size: 17px;
  pointer-events: none;
  background: rgba(186,186,186,0.1);
  border-radius: 12px;
  opacity: 0;
  transform: translate(0, 11px);
  -webkit-backdrop-filter: blur(14px);
          backdrop-filter: blur(14px);
  transition: all 0.3s ease;
  transition-property: visibility opacity;
}
@media only screen and (min-width: 1281px) {
  .context-menu__body {
    right: 0;
  }
}
.context-menu__nav {
  display: block;
  margin: 0 0 10px;
  padding: 0 0 9px;
  border-bottom: 1px solid #bababa;
}
.context-menu__nav:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.context-menu_state_open {
  z-index: 15;
}
.context-menu_state_open .context-menu__body {
  visibility: visible;
  pointer-events: auto;
  opacity: 1;
}
.control-group {
  display: block;
}
.data-entry {
  position: relative;
  display: block;
}
.data-entry__wrapper {
  display: block;
}
.data-entry__input {
  position: absolute;
  top: 0;
  left: 50%;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: none;
  opacity: 0.01;
  transform: scale(0.001);
}
.data-entry__input:checked ~ .data-entry__panel:after {
  opacity: 1;
}
.data-entry__panel {
  position: relative;
  display: block;
  padding: 14px;
  color: var(--color-muted);
  font-size: 12px;
  line-height: 1.166;
  background: var(--color-black);
  border: 1px solid var(--color-gray);
  border-radius: 10px;
}
@media only screen and (min-width: 744px) {
  .data-entry__panel {
    font-size: 14px;
    line-height: 1.1428;
  }
}
.data-entry__panel:after {
  content: '';
  position: absolute;
  inset: -1px;
  z-index: 1;
  display: block;
  box-sizing: border-box;
  pointer-events: none;
  background: transparent;
  border: 3px solid var(--color-yellow);
  border-radius: inherit;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.data-entry__header {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  min-height: 24px;
  margin: 0 0 5px;
  padding: 0 32px 0 0;
}
@media only screen and (min-width: 1025px) {
  .data-entry__header {
    justify-content: flex-start;
  }
}
.data-entry__header:last-child {
  margin-bottom: 0;
}
.data-entry__title {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  margin: 0 0 5px;
  color: var(--color-white);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.1428;
}
@media only screen and (min-width: 744px) {
  .data-entry__title {
    font-size: 16px;
    line-height: 1.1875;
  }
}
.data-entry__title:last-child {
  margin-bottom: 0;
}
.data-entry__caption {
  display: block;
  margin: 0 0 5px;
  font-weight: 700;
}
.data-entry__caption:last-child {
  margin-bottom: 0;
}
.data-entry__text {
  font-weight: 400;
}
.data-entry__text p:not([class]) {
  margin: 0 0 3px;
  font-weight: inherit;
}
.data-entry__text p:not([class]):last-child {
  margin-bottom: 0;
}
.data-entry__trigger {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 1;
  display: block;
  color: var(--color-gray);
  background: transparent;
  border: none;
  outline: none;
  transition: color 0.3s ease;
}
.data-entry__trigger:hover {
  color: var(--color-white);
}
.data-entry__icon {
  display: block;
  width: 24px;
  height: 24px;
  fill: currentColor;
}
.data-entry_type_simple .data-entry__panel {
  padding: 0;
  font-size: 14px;
  line-height: 1.143;
  background: transparent;
  border: none;
  border-radius: 0;
}
.data-entry_type_simple .data-entry__header {
  margin: 0 0 5px;
}
@media only screen and (min-width: 744px) {
  .data-entry_type_simple .data-entry__header {
    margin: 0 0 8px;
  }
}
.data-entry_type_simple .data-entry__header:last-child {
  margin-bottom: 0;
}
.data-entry_type_simple .data-entry__title {
  font-size: 16px;
  line-height: 1.1875;
}
@media only screen and (min-width: 744px) {
  .data-entry_type_simple .data-entry__title {
    font-size: 20px;
    line-height: 1.15;
  }
}
.data-entry_type_simple .data-entry__text {
  font-weight: 700;
}
.data-entry_type_simple .data-entry__text p:not([class]) {
  margin: 0 0 5px;
}
@media only screen and (min-width: 744px) {
  .data-entry_type_simple .data-entry__text p:not([class]) {
    margin: 0 0 10px;
  }
}
.data-entry_type_simple .data-entry__text p:not([class]):last-child {
  margin-bottom: 0;
}
.data-group {
  display: block;
}
.data-group__header {
  display: block;
  margin: 0 0 21px;
}
.data-group__header:last-child {
  margin-bottom: 0;
}
.data-group__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
  grid-gap: 25px;
  margin: 0 0 40px;
}
@media only screen and (min-width: 744px) {
  .data-group__list {
    grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
  }
}
.data-group__list:last-child {
  margin-bottom: 0;
}
.data-group__item {
  display: block;
}
@media only screen and (min-width: 744px) {
  .data-group_width_auto .data-group__list {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 74px;
  }
}
@media only screen and (min-width: 744px) and (min-width: 1025px) {
  .data-group_width_auto .data-group__list {
    gap: 40px 124px;
  }
}
@media only screen and (min-width: 744px) {
  .data-group_width_auto .data-group__item {
    flex: 0 1 auto;
    max-width: 300px;
  }
}
@media only screen and (min-width: 1281px) {
  .data-group_width_auto .data-group__item {
    max-width: 100%;
  }
}
.dev-credit {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  color: inherit;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
.dev-credit:hover {
  color: inherit;
  text-decoration: none;
  opacity: 0.8;
}
.dev-credit:focus {
  color: inherit;
  text-decoration: none;
  opacity: 0.7;
}
@media only screen and (min-width: 1440px) {
  .dev-credit {
    margin-top: -5px;
  }
}
.dev-credit__label {
  flex: 0 0 auto;
  margin: 0;
  font-size: 12px;
  opacity: 0.7;
}
@media only screen and (min-width: 744px) {
  .dev-credit__label {
    font-size: 14px;
  }
}
.dev-credit__image {
  display: block;
  width: 85px;
  height: auto;
  margin: 0;
}
@media only screen and (min-width: 744px) {
  .dev-credit__image {
    width: 100px;
  }
}
.download-group {
  display: flex;
  justify-content: flex-start;
}
@media only screen and (min-width: 1440px) {
  .download-group {
    justify-content: center;
  }
}
.download-group__item {
  display: flex;
  gap: 10px;
  align-items: center;
}
.download-group__item:hover .download-group__icon-holder {
  background: var(--color-secondary);
}
.download-group__item:hover .download-group__icon-path {
  fill: var(--color-black);
}
.download-group__icon-holder {
  background: var(--color-black);
  border-radius: 5px;
  box-shadow: var(--shadow-primary);
  transition: background 0.3s ease;
}
@media only screen and (min-width: 1025px) {
  .download-group__icon-holder {
    border-radius: 10px;
  }
}
.download-group__icon {
  display: block;
  width: 32px;
  height: 32px;
}
@media only screen and (min-width: 1025px) {
  .download-group__icon {
    width: 50px;
    height: 50px;
  }
}
.download-group__text {
  max-width: 85px;
  color: var(--color-yellow);
  font-family: Raleway;
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  line-height: 120%;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.entry {
  display: block;
  color: var(--color-muted);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.143;
}
@media only screen and (min-width: 1281px) {
  .entry {
    font-size: 16px;
    line-height: 1.1875;
  }
}
.entry__text {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.entry__note {
  display: block;
  color: var(--color-gray);
  font-size: 11px;
  line-height: 1.166;
}
@media only screen and (min-width: 744px) {
  .entry__note {
    font-size: 10px;
  }
}
@media only screen and (min-width: 1281px) {
  .entry__note {
    font-size: 12px;
  }
}
.entry_style_light .entry__text {
  color: var(--color-white);
}
@media only screen and (min-width: 744px) {
  .entry_size_m .entry__text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 744px) {
  .entry_size_m .entry__note {
    font-size: 11px;
  }
}
.fancybox__container:focus {
  outline: none;
}
.fancybox__container .fancybox__slide > .carousel__button.is-close,
.fancybox__container .fancybox__content > .carousel__button.is-close {
  top: 18px;
  right: 18px;
  width: 20px;
  height: 20px;
  color: var(--color-back);
  background: none;
  opacity: 1;
}
.file-input {
  display: block;
}
.file-input__panel {
  padding: 4px 0 0;
}
@media only screen and (min-width: 744px) {
  .file-input__panel {
    padding: 0;
  }
}
@media only screen and (min-width: 744px) {
  .file-input__images {
    padding: 4px 0 0;
  }
}
.file-panel {
  display: block;
  overflow: hidden;
  color: c-dark;
  font-size: 16px;
  line-height: 1.25;
}
.file-panel__wrapper {
  position: relative;
  display: block;
  flex-wrap: wrap;
  color: inherit;
  text-decoration: none;
}
@media only screen and (min-width: 744px) {
  .file-panel__wrapper {
    display: flex;
  }
}
.file-panel__input {
  position: absolute;
  top: 50%;
  left: 36px;
  width: 1px;
  height: 1px;
  margin: -1px 0 0 -1px;
  opacity: 0.001;
  transform: scale(0.001);
}
.file-panel__content {
  display: block;
  height: 48px;
  padding: 13px 16px;
  border: 1px solid c-grey-light;
}
@media only screen and (min-width: 744px) {
  .file-panel__content {
    flex: 1 1 100%;
    width: 100%;
    max-width: calc(100% - 116px);
  }
}
.file-panel__note {
  padding: 4px 0 0;
  color: c-grey;
  font-size: 12px;
  line-height: 1.333;
}
@media only screen and (min-width: 744px) {
  .file-panel__note {
    flex: 0 1 100%;
    order: 9;
    width: 100%;
    max-width: 100%;
    padding: 8px 0 0;
  }
}
.file-panel__label {
  display: block;
  overflow: hidden;
  width: auto;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.file-panel__control {
  display: block;
  padding: 7px 9px;
  background: var(--color-black);
  border: none;
  border-radius: 10px;
  outline: none;
}
.file-panel__icon {
  display: block;
}
.file-panel_type_icon .file-panel__content,
.file-panel_type_icon .file-panel__note {
  display: none;
}
.file-panel_type_icon .file-panel__control {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
}
.filter-group {
  display: block;
  font-size: 16px;
  line-height: 1.25;
}
.filter-group__wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.filter-group__item {
  margin: 0 16px 0 0;
}
.filter-group__item:last-child {
  margin: 0;
}
.filter-group__label {
  display: block;
  margin: 0 12px 0 0;
}
.filter-group__link {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s ease;
}
.filter-group__link:hover {
  color: var(--color-muted);
  text-decoration: none;
}
.filter-group__link:focus {
  color: var(--color-muted);
  text-decoration: none;
}
.filter-group__link_state_active {
  color: var(--color-yellow);
  text-decoration: underline;
}
.filter-trigger {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  align-items: center;
  width: auto;
  color: var(--color-yellow);
  font-size: 12px;
  line-height: 1.25;
  text-align: left;
  text-decoration: none;
  background: transparent;
  border: none;
  outline: none;
}
@media only screen and (min-width: 744px) {
  .filter-trigger {
    gap: 5px;
    font-size: 16px;
  }
}
.filter-trigger:hover {
  color: var(--color-muted);
  text-decoration: none;
}
.filter-trigger:focus {
  color: var(--color-muted);
  text-decoration: none;
  outline: none;
}
.filter-trigger__text {
  color: inherit;
  font-weight: 800;
  text-transform: uppercase;
}
.filter-trigger__count {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 16px;
  height: 16px;
  padding: 0 1px;
  color: var(--color-black);
  font-size: 11px;
  line-height: 1;
  text-align: center;
  background: var(--color-yellow);
  border: none;
  border-radius: 20px;
  transition: opacity 0.3s ease;
}
@media only screen and (min-width: 744px) {
  .filter-trigger__count {
    min-width: 18px;
    height: 18px;
    font-size: 12px;
  }
}
.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: block;
  width: 100%;
  background: rgba(0,0,0,0.7);
  -webkit-backdrop-filter: blur(5px);
  transform: translate(0, -100%);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  transition: transform 0.3s ease;
}
.fixed-header_state_active {
  transform: translate(0, 0);
}
.fixed-header__main {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1025px) {
  .fixed-header__main {
    display: block;
  }
}
@media only screen and (min-width: 744px) {
  .fixed-header__navigations {
    display: flex;
    flex-direction: row-reverse;
    gap: 35px;
    align-items: center;
  }
}
.fixed-header__nav {
  margin-bottom: 14px;
}
.fixed-header__main-wrapper {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 20px 0;
}
@media only screen and (min-width: 744px) {
  .fixed-header__main-wrapper {
    padding: 20px 0;
  }
}
@media only screen and (min-width: 1440px) {
  .fixed-header__main-wrapper {
    padding: 20px 0;
  }
}
.fixed-header__burger {
  display: block;
  flex: 0 0 36px;
}
@media only screen and (min-width: 1440px) {
  .fixed-header__burger {
    display: none;
  }
}
.fixed-header__logo {
  display: block;
  max-width: 81px;
  margin-right: auto;
}
@media only screen and (min-width: 1025px) {
  .fixed-header__logo {
    flex-basis: 131px;
    width: 131px;
    max-width: 131px;
  }
}
.fixed-header__search {
  display: none;
  flex: 1 1 auto;
  width: auto;
}
@media only screen and (min-width: 744px) {
  .fixed-header__search {
    display: block;
    min-width: 250px;
  }
}
@media only screen and (min-width: 1025px) {
  .fixed-header__search {
    min-width: 400px;
  }
}
.fixed-header_state_fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: 0 4px 12px rgba(60,60,59,0.12);
}
.fixed-header_state_fixed .header__top {
  display: none;
}
@media only screen and (min-width: 1025px) {
  .fixed-header_state_fixed .header__icon-controls {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 1025px) {
  .fixed-header_state_fixed .header__fixed-auth {
    display: block;
  }
}
.footer {
  position: relative;
  display: block;
  margin-top: 79px;
  padding-bottom: 20px;
  color: var(--color-white);
  font-size: 14px;
  line-height: 1.286;
  text-align: center;
  background: var(--color-black);
}
.footer:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--color-yellow);
}
@media only screen and (min-width: 744px) {
  .footer {
    padding-bottom: 0;
    text-align: left;
  }
}
.footer__main {
  display: flex;
  flex-direction: column;
  transform: translate(0, -10px);
}
@media only screen and (min-width: 744px) {
  .footer__main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    transform: translate(0, -25px);
  }
}
@media only screen and (min-width: 1440px) {
  .footer__main {
    flex-direction: row;
    margin-top: -53px;
    padding: 0 0 53px;
    transform: translate(0, 0);
  }
}
.footer__social-nav {
  order: 1;
}
@media only screen and (min-width: 744px) {
  .footer__social-nav {
    order: initial;
  }
}
@media only screen and (min-width: 1440px) {
  .footer__social-nav {
    margin-top: 56.5px;
  }
}
.footer__col {
  display: block;
}
@media only screen and (min-width: 1440px) {
  .footer__col {
    flex: 0 1 380px;
    margin: 0;
  }
}
.footer__col:last-child {
  margin-bottom: 0;
}
.footer__info-col {
  order: 1;
  width: 100%;
}
@media only screen and (min-width: 1440px) {
  .footer__info-col {
    order: 0;
    width: fit-content;
    margin-top: 16px;
  }
}
.footer__logo {
  width: fit-content;
  max-width: 116px;
  margin: 0 auto;
  padding: 0 22px;
  background: var(--color-black);
  transform: translate(0, -50%);
}
@media only screen and (min-width: 744px) {
  .footer__logo {
    max-width: 124px;
  }
}
@media only screen and (min-width: 1440px) {
  .footer__logo {
    max-width: initial;
  }
}
.footer__title {
  display: block;
  margin: 0 0 16px;
}
@media only screen and (min-width: 744px) {
  .footer__title {
    margin: 0 0 12px;
  }
}
.footer__title:last-child {
  margin-bottom: 0;
}
.footer__title_type_mobile-hidden {
  display: none;
}
@media only screen and (min-width: 744px) {
  .footer__title_type_mobile-hidden {
    display: block;
  }
}
@media only screen and (min-width: 1440px) {
  .footer__sub {
    border-top: 2px solid #505050;
  }
}
.footer__sub .footer__link:first-child {
  margin-bottom: 30px;
}
@media only screen and (min-width: 744px) {
  .footer__sub .footer__link:first-child {
    margin-bottom: 0;
  }
}
.footer__sub-group {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 20px 0;
  border-block: 1px solid var(--color-gray);
}
@media only screen and (min-width: 744px) {
  .footer__sub-group {
    flex-flow: row wrap;
    gap: 0;
    border-width: 2px;
  }
}
@media only screen and (min-width: 1440px) {
  .footer__sub-group {
    padding: 0;
    border: none;
  }
}
.footer__sub-col {
  display: flex;
  flex: 1;
  gap: 43px;
}
.footer__contact {
  order: 2;
  text-align: center;
  transition: opacity 0.3s ease;
}
@media only screen and (min-width: 744px) {
  .footer__contact {
    order: initial;
  }
}
.footer__contact:hover {
  opacity: 0.7;
}
.footer__contact:first-child {
  order: 0;
}
@media only screen and (min-width: 744px) {
  .footer__contact:first-child {
    order: initial;
  }
}
.footer__contact-group {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0 32px;
}
@media only screen and (min-width: 744px) {
  .footer__contact-group {
    flex-wrap: nowrap;
    gap: 0;
    padding: 0 0 26px;
  }
}
@media only screen and (min-width: 1440px) {
  .footer__contact-group {
    flex-direction: column;
    gap: 20px;
    padding: 0 0 32px;
  }
}
.footer_type_control {
  width: 100%;
  min-width: 165px;
  margin-top: 9px;
}
.footer__link {
  color: #fff;
  font-family: Raleway;
  font-size: 18px;
  font-weight: 900;
  font-style: normal;
  line-height: 21px;
  text-align: center;
  text-decoration: none;
  font-variant-numeric: lining-nums;
  transition: opacity 0.3s ease;
}
.footer__link:hover {
  opacity: 0.7;
}
@media only screen and (min-width: 744px) {
  .footer__link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1440px) {
  .footer__link {
    font-size: 18px;
  }
}
.footer__link_size_s {
  font-size: 14px;
  line-height: 14.09px;
}
.footer__link_size_xs {
  font-size: 12px;
  font-weight: 300;
}
@media only screen and (min-width: 744px) {
  .footer__link_size_xs {
    font-size: 14px;
  }
}
.footer__link_style_muted {
  color: var(--color-muted);
}
.footer__nav {
  display: block;
}
@media only screen and (min-width: 744px) {
  .footer__nav {
    flex: 1;
  }
}
.footer__contact-col {
  flex: 1 1 auto;
}
@media only screen and (min-width: 1440px) {
  .footer__contact-col {
    margin-top: 20px;
  }
}
.footer__contact-col .footer__social-nav {
  display: block;
}
@media only screen and (min-width: 1440px) {
  .footer__contact-col .footer__social-nav {
    display: none;
  }
}
.footer__contact-col .footer__contact_type_control {
  display: block;
}
@media only screen and (min-width: 1440px) {
  .footer__contact-col .footer__contact_type_control {
    display: none;
  }
}
.footer__contacts {
  display: block;
  margin: 0 0 11px;
}
@media only screen and (min-width: 744px) {
  .footer__contacts {
    flex: 1 1 auto;
    margin: 0 0 24px;
  }
}
.footer__contacts:last-child {
  margin-bottom: 0;
}
.footer__contacts .link-item__icon {
  margin-top: 1px;
}
.footer__copyright {
  display: block;
  flex: 0 1 auto;
  width: auto;
  font-size: 12px;
  opacity: 0.7;
}
@media only screen and (min-width: 744px) {
  .footer__copyright {
    order: -1;
    font-size: 14px;
  }
}
.footer__credit {
  display: block;
  flex: 0 1 auto;
  width: auto;
  margin: 0 0 3px;
}
@media only screen and (min-width: 744px) {
  .footer__credit {
    display: block;
    flex-basis: auto;
    border: none;
  }
}
.footer__links {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  row-gap: 6px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 30px 0 0;
  font-size: 12px;
  line-height: 1.3333;
}
@media only screen and (min-width: 744px) {
  .footer__links {
    flex-flow: row nowrap;
    row-gap: 0;
    padding: 5px 0;
  }
}
.footer__form-col {
  display: none;
  max-width: 380px;
}
@media only screen and (min-width: 1440px) {
  .footer__form-col {
    display: block;
    flex: 0 1 380px;
  }
}
.footer .footer__info-col .footer__social-nav {
  display: none;
}
@media only screen and (min-width: 1440px) {
  .footer .footer__info-col .footer__social-nav {
    display: block;
  }
}
.form-banner {
  position: relative;
  display: block;
}
@media only screen and (min-width: 744px) {
  .form-banner {
    padding: 3px 0 0;
  }
}
@media only screen and (min-width: 1025px) {
  .form-banner {
    padding: 38px 0 26px;
  }
}
.form-banner__container {
  display: block;
}
.form-banner__illustration {
  position: absolute;
  top: -56px;
  left: -35px;
  z-index: 0;
  display: block;
  width: 283px;
  pointer-events: none;
}
@media only screen and (min-width: 744px) {
  .form-banner__illustration {
    top: 50%;
    left: 19.2%;
    width: 50%;
    max-width: 372px;
    transform: translate(-50%, -50%);
  }
}
@media only screen and (min-width: 1025px) {
  .form-banner__illustration {
    left: 22.2%;
    max-width: 639px;
  }
}
.form-banner__image {
  display: block;
  width: auto;
  max-width: 100%;
}
.form-banner__content {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 744px) {
  .form-banner__content {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-end;
  }
}
.form-banner__title {
  display: block;
  width: min-content;
  margin: 0 0 50px auto;
  padding: 0 17px;
}
@media only screen and (min-width: 744px) {
  .form-banner__title {
    flex: 0 1 auto;
    margin: 0 40px 0 0;
    padding: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .form-banner__title {
    margin: 0 55px 0 0;
  }
}
.form-banner__title:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 744px) {
  .form-banner__title:last-child {
    margin: 0;
  }
}
.form-banner__form {
  display: block;
}
@media only screen and (min-width: 744px) {
  .form-banner__form {
    flex: 0 1 48.5%;
    width: 48.5%;
    padding: 7px 0 0;
  }
}
@media only screen and (min-width: 1025px) {
  .form-banner__form {
    flex-basis: 40%;
    width: 40%;
    padding: 14px 0 0;
  }
}
.form-control {
  display: block;
  height: auto;
  margin: 0;
  padding: 0;
  color: inherit;
  font: inherit;
  line-height: 1.255;
  background: transparent;
  border: none;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  transition: none;
}
@media only screen and (min-width: 1025px) {
  .form-control {
    max-width: 480px;
  }
}
.form-control__holder {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  font: inherit;
}
.form-control__icon {
  position: absolute;
  top: 50%;
  right: 22px;
  display: none;
  transform: translate(0%, -50%);
}
.form-control__label {
  display: block;
  margin: 0 0 4px;
  color: inherit;
  font-size: 16px;
  line-height: 1.286;
  text-align: left;
}
.form-control__label:last-child {
  margin-bottom: 0;
}
.form-control__field,
.form-control__check-group {
  position: relative;
  display: block;
}
.form-control__input,
.form-control__textarea,
.form-control__select,
.form-control .choices__inner {
  display: block;
  width: 100%;
  height: 50px;
  padding: 0 20px;
  color: var(--color-black);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  background: var(--color-white);
  border: none;
  border-radius: 10px;
  outline: none;
  transition: border-color 0.3s ease;
}
.form-control__input::placeholder,
.form-control__textarea::placeholder,
.form-control__select::placeholder,
.form-control .choices__inner::placeholder {
  color: var(--color-gray);
  font-size: 16px;
  opacity: 1;
}
.form-control__input:disabled,
.form-control__textarea:disabled,
.form-control__select:disabled,
.form-control .choices__inner:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}
.form-control__input_state_invalid,
.form-control__textarea_state_invalid,
.form-control__select_state_invalid,
.form-control .choices__inner_state_invalid {
  border: 1px solid var(--color-red);
}
.form-control__input_state_invalid::placeholder,
.form-control__textarea_state_invalid::placeholder,
.form-control__select_state_invalid::placeholder,
.form-control .choices__inner_state_invalid::placeholder {
  color: var(--color-red);
  font-size: 16px;
  opacity: 1;
}
.form-control__input_state_invalid ~ .form-control__icon_error,
.form-control__textarea_state_invalid ~ .form-control__icon_error,
.form-control__select_state_invalid ~ .form-control__icon_error,
.form-control .choices__inner_state_invalid ~ .form-control__icon_error {
  display: block;
}
.form-control__input_state_invalid:focus,
.form-control__textarea_state_invalid:focus,
.form-control__select_state_invalid:focus,
.form-control .choices__inner_state_invalid:focus {
  border-color: var(--color-red);
}
.form-control__input.just-validate-success-field ~ .form-control__icon_success,
.form-control__textarea.just-validate-success-field ~ .form-control__icon_success,
.form-control__select.just-validate-success-field ~ .form-control__icon_success,
.form-control .choices__inner.just-validate-success-field ~ .form-control__icon_success {
  display: block;
}
.form-control__message {
  display: none;
}
.form-control__input[type='number'] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.form-control__input[type='number']::-webkit-outer-spin-button,
.form-control__input[type='number']::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
          appearance: none;
}
.form-control_width_full {
  width: 100%;
  max-width: 100%;
}
.form-control__textarea {
  max-height: 188px;
  padding-top: 13px;
  padding-bottom: 13px;
  line-height: 20px;
}
.form-control__textarea::-webkit-scrollbar-track {
  background-color: transparent;
}
.form-control__textarea::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: transparent;
  background-clip: padding-box;
  border: 2px solid transparent;
  border-radius: 4px;
}
.form-control__textarea::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  border: 2px solid transparent;
  border-radius: 4px;
}
.form-control__description {
  display: block;
  width: 100%;
  margin-top: 5px;
  text-align: right;
}
.form-control__check-group {
  display: block;
  padding: 7px 0 0;
}
@media only screen and (min-width: 1025px) {
  .form-control__check-group {
    padding: 3px 0 0;
  }
}
.form-control__previews {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}
.form-control__field_type_text-file {
  position: relative;
}
.form-control__field_type_text-file .form-control__textarea {
  resize: auto;
  height: 50px;
  min-height: 50px;
  padding: 16px 55px 13px 13px;
}
.form-control__field_type_text-file .form-control__file {
  position: absolute;
  right: 0;
  bottom: 0;
}
.form-control__trigger {
  position: absolute;
  top: 50%;
  right: 10px;
  color: var(--color-black);
  font-size: 0;
  text-decoration: none;
  background: transparent;
  background-image: url("/local/templates/vate/mockup/dist/assets/styles/IMG_DIR + 'hidden.svg");
  background-position: 50% 50%;
  background-size: contain;
  border: none;
  outline: none;
  transform: translate(0, -50%);
}
@media only screen and (min-width: 744px) {
  .form-control__trigger {
    right: 20px;
  }
}
.form-control__trigger ~ .form-control__icon {
  display: none;
}
.form-control__trigger_type_password.form-control__trigger_state_active .form-control__password-icon_role_show {
  display: none;
}
.form-control__trigger_type_password.form-control__trigger_state_active .form-control__password-icon_role_hide {
  display: block;
}
.form-control__password-icon {
  display: block;
  width: 20px;
  height: 20px;
  fill: currentColor;
}
.form-control__password-icon_role_hide {
  display: none;
}
.form-control__input_size-m_s {
  height: 36px;
  padding: 0 11px;
}
@media only screen and (min-width: 1440px) {
  .form-control__input_size-m_s {
    height: 50px;
    padding: 0 20px;
  }
}
.form-control__input_size_s {
  height: 33px;
  padding: 8px 11px;
  font-size: 12px;
  line-height: 14px;
}
.form-control__input_size_s::placeholder {
  color: var(--color-gray);
  font-size: 12px;
  opacity: 1;
}
.form-control__input_style_transparent {
  color: var(--color-white);
  background: transparent;
  border: 1px solid #ccc;
}
.form-control__input_style_transparent::placeholder {
  color: var(--color-muted);
  font-size: 12px;
  opacity: 1;
}
.form-control__input_style_transparent.form-control__input_state_invalid {
  color: var(--color-red);
  border: 1px solid var(--color-red);
}
.form-control__input_style_transparent.form-control__input_state_invalid::placeholder {
  color: var(--color-red);
  font-size: 12px;
  opacity: 1;
}
.form-control_type_modern {
  max-width: 100%;
}
.form-control_type_modern .form-control__label {
  margin: 0 0 6px;
  color: var(--color-gray);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.1666;
  text-transform: uppercase;
}
.form-control_type_modern .form-control__label:last-child {
  margin-bottom: 0;
}
.form-control_type_modern .form-control__input,
.form-control_type_modern .form-control__select,
.form-control_type_modern .form-control__textarea {
  height: 36px;
  padding: 0 39px 0 10px;
  color: var(--color-light-gray);
  font-size: 15px;
  font-weight: 600;
  line-height: 34px;
  background: transparent;
  border: 1px solid var(--color-muted);
  border-radius: 8px;
}
.form-control_type_modern .form-control__input::placeholder,
.form-control_type_modern .form-control__select::placeholder,
.form-control_type_modern .form-control__textarea::placeholder {
  color: var(--color-light-gray);
  font-size: 15px;
  opacity: 1;
}
@media only screen and (min-width: 744px) {
  .form-control_type_modern .form-control__input,
  .form-control_type_modern .form-control__select,
  .form-control_type_modern .form-control__textarea {
    height: 50px;
    padding: 0 46px 0 17px;
    font-size: 16px;
  }
  .form-control_type_modern .form-control__input::placeholder,
  .form-control_type_modern .form-control__select::placeholder,
  .form-control_type_modern .form-control__textarea::placeholder {
    color: var(--color-light-gray);
    font-size: 16px;
    opacity: 1;
  }
}
.form-control_type_modern .form-control__input_state_invalid,
.form-control_type_modern .form-control__select_state_invalid,
.form-control_type_modern .form-control__textarea_state_invalid {
  border-color: var(--color-red);
}
.form-control_type_modern .form-control__input_state_invalid ~ .form-control__icon_error,
.form-control_type_modern .form-control__select_state_invalid ~ .form-control__icon_error,
.form-control_type_modern .form-control__textarea_state_invalid ~ .form-control__icon_error {
  display: block;
  fill: var(--color-red);
}
.form-control_type_modern .form-control__input_state_invalid ~ .form-control__trigger ~ .form-control__icon,
.form-control_type_modern .form-control__select_state_invalid ~ .form-control__trigger ~ .form-control__icon,
.form-control_type_modern .form-control__textarea_state_invalid ~ .form-control__trigger ~ .form-control__icon {
  display: none;
}
.form-control_type_modern .form-control__input_state_success ~ .form-control__icon_success,
.form-control_type_modern .form-control__select_state_success ~ .form-control__icon_success,
.form-control_type_modern .form-control__textarea_state_success ~ .form-control__icon_success {
  display: block;
  fill: var(--color-light-gray);
}
.form-control_type_modern .form-control__input_state_success ~ .form-control__trigger ~ .form-control__icon,
.form-control_type_modern .form-control__select_state_success ~ .form-control__trigger ~ .form-control__icon,
.form-control_type_modern .form-control__textarea_state_success ~ .form-control__trigger ~ .form-control__icon {
  display: none;
}
.form-control_type_modern .form-control__icon {
  right: 9px;
}
@media only screen and (min-width: 744px) {
  .form-control_type_modern .form-control__icon {
    right: 22px;
  }
}
.form-control_type_modern .form-control__trigger {
  color: var(--color-muted);
}
.form-control_state_readonly .form-control__input,
.form-control_state_readonly .form-control__select,
.form-control_state_readonly .form-control__textarea {
  height: auto;
  padding: 0 0 8px;
  line-height: 1.5;
  background: transparent;
  border: none;
}
@media only screen and (min-width: 744px) {
  .form-control_label_hide .form-control__label {
    display: none;
  }
}
.form {
  display: block;
}
.form__tabs {
  margin: 0 0 32px;
}
.form__tabs:last-child {
  margin-bottom: 0;
}
.form__sections {
  display: flex;
  flex-flow: column nowrap;
  gap: 40px;
  margin: 0 0 40px;
}
.form__sections:last-child {
  margin-bottom: 0;
}
.form__section {
  display: block;
  flex: 0 0 auto;
  width: 100%;
}
.form__section_state_hidden {
  display: none;
}
.form__title {
  margin: 0 0 20px;
}
.form__title:last-child {
  margin-bottom: 0;
}
.form__title_align_center {
  margin-bottom: 14px;
  text-align: center;
}
.form__heading {
  margin: 0 0 20px;
}
.form__heading:last-child {
  margin-bottom: 0;
}
.form__inputs {
  margin: 0 0 19px;
}
.form__inputs:last-child {
  margin-bottom: 0;
}
.form__line {
  position: relative;
  display: block;
  flex: 1;
  margin: 0 0 21px;
}
.form__line:last-child {
  margin-bottom: 0;
}
.form__message {
  display: none;
}
.form__delete {
  width: fit-content;
  padding: 5px;
  background: var(--color-red);
  border-radius: 50%;
}
.form__icon {
  display: block;
}
.form__preview {
  display: inline-block;
  width: 50px;
  height: 50px;
  background-position: center;
  background-size: cover;
  border-radius: 5px;
}
.form__lines {
  flex: 1;
  margin: 0 0 19px;
}
@media only screen and (min-width: 1025px) {
  .form__lines {
    display: flex;
    gap: 10px;
    margin: 0;
  }
}
.form__controls {
  margin-top: 16px;
}
.form__controls_style_primary {
  display: flex;
  justify-content: center;
}
.form__controls_style_primary .form__control {
  width: 100%;
  max-width: 355px;
}
.form__control {
  margin: 0 0 20px;
}
.form__control:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 744px) {
  .form__confirmation-check {
    text-align: center;
  }
}
.form__links {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 20px;
  justify-content: space-between;
  padding: 20px 0 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}
.form__link-item {
  display: block;
  flex: 0 1 auto;
}
.form__note {
  display: block;
  padding: 20px 0 0;
  text-align: center;
}
.form__note .form__text {
  display: inline;
}
.form__note .form__link {
  display: inline;
}
.form__check-group {
  display: flex;
  flex-wrap: nowrap;
  gap: 5px 20px;
  justify-content: space-between;
  padding: 0 0 10px;
}
.form__check {
  display: block;
  flex: 0 1 auto;
}
.form_type_modal .form__controls {
  display: flex;
  justify-content: center;
  margin-top: 25px;
}
.form_type_modal .form__control {
  width: 100%;
  max-width: 355px;
}
@media only screen and (min-width: 1440px) {
  .form_style_primary .form__lines {
    gap: 24px;
  }
}
.form_style_primary .form__line {
  margin-bottom: 21px;
}
@media only screen and (min-width: 744px) {
  .form_style_primary .form__line {
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 1440px) {
  .form_style_primary .form__line {
    margin-bottom: 20px;
  }
}
.form_style_primary .form__line:last-child {
  margin-bottom: 0;
}
.form_style_primary .form__controls {
  justify-content: flex-start;
}
@media only screen and (min-width: 1440px) {
  .form_style_primary .form__controls {
    justify-content: center;
  }
}
.form_style_primary .form__inputs {
  margin-bottom: 21px;
}
@media only screen and (min-width: 744px) {
  .form_style_primary .form__inputs {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 1440px) {
  .form_style_primary .form__inputs {
    margin-bottom: 20px;
  }
}
.form_style_primary .form__confirmation-check {
  text-align: left;
}
@media only screen and (min-width: 1440px) {
  .form_style_primary .form__confirmation-check {
    text-align: center;
  }
}
.form_style_primary .form__control {
  max-width: 295px;
}
@media only screen and (min-width: 744px) {
  .form_style_primary .form__control {
    max-width: 129px;
  }
}
@media only screen and (min-width: 1440px) {
  .form_style_primary .form__control {
    max-width: 355px;
  }
}
.form_style_outline {
  padding: 20px;
  border-radius: 30px;
  box-shadow: var(--shadow-primary);
}
.form_style_outline .form__controls {
  display: flex;
  justify-content: center;
  margin-top: 20.8px;
}
.form_width_full {
  width: 100%;
}
.form_size_s .form__line {
  margin-bottom: 11px;
}
.form_size_s .form__inputs {
  margin-bottom: 0;
}
.form_size_s .form__controls {
  margin-top: 12px;
}
.form_size_s .form__control {
  width: 151px;
}
.form_space_s .form__inputs {
  margin-bottom: 10px;
}
.form_space_l .form__inputs {
  margin: 0 0 20px;
}
@media only screen and (min-width: 1025px) {
  .form_space_l .form__inputs {
    margin: 0 0 30px;
  }
}
.form_space_l .form__inputs:last-child {
  margin-bottom: 0;
}
.form_space_l .form__line {
  margin: 0 0 20px;
}
@media only screen and (min-width: 1025px) {
  .form_space_l .form__line {
    margin: 0 0 35px;
  }
}
.form_space_l .form__line:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 744px) {
  .form_control-size_l .form__controls {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
  }
}
.form_control-size_l .form__control {
  max-width: 100%;
}
@media only screen and (min-width: 744px) {
  .form_control-size_l .form__control {
    flex: 0 1 auto;
    min-width: 220px;
  }
}
@media only screen and (min-width: 1025px) {
  .form_control-size_l .form__control {
    min-width: 300px;
  }
}
.form_layout_standard .form__inputs {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 25px;
}
.form_layout_standard .form__line {
  display: block;
  flex: 1 1 100%;
  width: auto;
  max-width: 100%;
  margin: 0;
}
@media only screen and (min-width: 744px) {
  .form_layout_standard .form__line_width_m {
    flex-basis: calc(50% - 25px / 2);
    max-width: calc(50% - 25px / 2);
  }
}
.form_layout_standard .form__controls {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
}
.form_layout_standard .form__control {
  display: block;
  flex: 0 1 auto;
  width: auto;
  margin: 0;
}
.form_layout_auth-simple .form__title {
  margin: 0 0 19px;
}
.form_layout_auth-simple .form__title:last-child {
  margin-bottom: 0;
}
.form_layout_auth-simple .form__inputs {
  display: flex;
  flex-wrap: wrap;
  gap: 19px;
  margin: 0 0 19px;
}
.form_layout_auth-simple .form__inputs:last-child {
  margin-bottom: 0;
}
.form_layout_auth-simple .form__line {
  display: block;
  flex: 1 1 100%;
  width: auto;
  max-width: 100%;
  margin: 0;
}
@media only screen and (min-width: 744px) {
  .form_layout_auth-simple .form__line_width_m {
    flex-basis: calc(50% - 19px / 2);
    max-width: calc(50% - 19px / 2);
  }
}
.form_layout_auth-simple .form__controls {
  display: flex;
  flex-flow: column nowrap;
  gap: 20px;
  align-items: center;
}
.form_layout_auth-simple .form__control {
  display: block;
  flex: 0 1 auto;
  width: 100%;
  max-width: 355px;
  margin: 0;
}
@media only screen and (min-width: 744px) {
  .form_layout_auth-simple .form__control {
    max-width: 360px;
  }
}
.form_layout_auth-simple .form__links {
  padding: 19px 0 0;
}
.form_layout_double .form__inputs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media only screen and (min-width: 744px) {
  .form_layout_double .form__inputs {
    gap: 20px 25px;
  }
}
.form_layout_double .form__line {
  margin: 0;
}
.form_layout_double .form__line:nth-child(3) {
  grid-column: 1/-1;
}
.form_layout_double .form__controls {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
}
.form_layout_double .form__control {
  display: block;
  flex: 0 1 auto;
  width: auto;
  margin: 0;
}
.form_controls_hidden .form__inputs {
  margin: 0;
}
.form_controls_hidden .form__controls {
  display: none;
}
.geo-selector {
  display: block;
}
.geo-selector__trigger {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
}
.geo-selector__icon {
  margin-bottom: 13px;
}
.geo-selector__title {
  margin-bottom: 8px;
  color: var(--color-white);
  font-size: 18px;
  font-weight: 900;
  line-height: 21.13px;
}
.geo-selector__label {
  color: var(--color-white);
  font-size: 12px;
  font-weight: 600;
  line-height: 14.09px;
  white-space: nowrap;
}
.header {
  position: relative;
  display: block;
}
.header__top {
  position: relative;
  z-index: 2;
  height: 30px;
  color: var(--color-black);
  text-align: center;
  background: var(--color-yellow);
}
.header__top-wrapper {
  position: relative;
  padding: 8px 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 14.09px;
  text-align: left;
}
@media only screen and (min-width: 1025px) {
  .header__top-wrapper {
    font-size: 14px;
    text-align: center;
  }
}
.header__main {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1025px) {
  .header__main {
    display: block;
  }
}
.header__contact-group {
  display: none;
}
@media only screen and (min-width: 1440px) {
  .header__contact-group {
    display: block;
    margin: 0 50px 5px 0;
  }
}
.header__contact {
  text-align: center;
}
.header__contact_type_control {
  width: 100%;
  min-width: 165px;
  margin-top: 9px;
}
.header__link {
  color: var(--color-white);
  font-family: Raleway;
  font-size: 18px;
  font-weight: 900;
  font-style: normal;
  line-height: 21px;
  text-align: center;
  font-variant-numeric: lining-nums;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
.header__link_size_s {
  font-size: 12px;
  line-height: 14.09px;
}
.header__link:hover {
  opacity: 0.7;
}
.header__geo-selector {
  display: none;
  transition: opacity 0.3s ease;
}
@media only screen and (min-width: 1440px) {
  .header__geo-selector {
    display: block;
    margin: 17px 49px 0 0;
  }
}
.header__geo-selector:hover {
  opacity: 0.7;
}
@media only screen and (min-width: 744px) {
  .header__navigations {
    display: flex;
    flex: 1;
    flex-direction: row-reverse;
    gap: 33px;
    align-items: center;
  }
}
@media only screen and (min-width: 1440px) {
  .header__navigations {
    display: block;
  }
}
@media only screen and (min-width: 1440px) {
  .header__icon-controls {
    margin-bottom: 7px;
  }
}
.header__nav {
  margin-bottom: 14px;
}
.header__main-wrapper {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 20px 0;
}
@media only screen and (min-width: 744px) {
  .header__main-wrapper {
    padding: 20px 0;
  }
}
@media only screen and (min-width: 1440px) {
  .header__main-wrapper {
    align-items: flex-start;
    padding: 33px 0 42px;
  }
}
.header__burger {
  display: block;
  flex: 0 0 37px;
}
@media only screen and (min-width: 1440px) {
  .header__burger {
    display: none;
  }
}
.header__logo {
  display: block;
  flex-basis: 131px;
  width: 131px;
  max-width: 131px;
  margin-right: auto;
}
@media only screen and (min-width: 744px) {
  .header__logo {
    margin-right: 33px;
  }
}
@media only screen and (min-width: 1440px) {
  .header__logo {
    flex-basis: 214px;
    width: 214px;
    max-width: 214px;
    margin: 0 72px 0 0;
  }
}
.header__theme-toggle {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}
.header__search {
  display: none;
  flex: 1 1 auto;
  width: auto;
}
@media only screen and (min-width: 744px) {
  .header__search {
    display: block;
    width: 250px;
    min-width: 250px;
  }
}
@media only screen and (min-width: 1025px) {
  .header__search {
    min-width: 400px;
  }
}
@media only screen and (min-width: 1440px) {
  .header__search {
    width: auto;
  }
}
.header__search-trigger {
  display: block;
}
@media only screen and (min-width: 1025px) {
  .header__search-trigger {
    display: none;
  }
}
.header_state_fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: 0 4px 12px rgba(60,60,59,0.12);
}
.header_state_fixed .header__top {
  display: none;
}
@media only screen and (min-width: 1025px) {
  .header_state_fixed .header__icon-controls {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 1025px) {
  .header_state_fixed .header__fixed-auth {
    display: block;
  }
}
.highlight {
  display: inlnie;
  color: var(--color-yellow);
  font-weight: 800;
}
.icon-control {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 3px;
  align-items: center;
  color: inherit;
  color: var(--color-primary);
  font-size: 10px;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
  background: transparent;
  border: none;
  border-radius: 10px;
  outline: none;
  transition: all 0.3s ease;
  transition-property: background, box-shadow;
}
@media only screen and (min-width: 1440px) {
  .icon-control {
    width: 80px;
    padding: 5px 22px;
  }
}
@media only screen and (min-width: 744px) {
  .icon-control[href]:hover,
  .icon-control[type]:hover {
    color: var(--color-black);
    background: var(--color-yellow);
    box-shadow: var(--shadow-primary);
  }
  .icon-control[href]:hover .icon-control__label,
  .icon-control[type]:hover .icon-control__label {
    color: var(--color-black);
  }
  .icon-control[href]:hover .icon-control__icon path,
  .icon-control[type]:hover .icon-control__icon path {
    fill: var(--color-black);
  }
}
.icon-control[href]:focus .icon-control__label,
.icon-control[type]:focus .icon-control__label {
  color: var(--color-black);
}
.icon-control__illustration {
  position: relative;
  display: block;
  margin: 0 auto;
}
.icon-control__icon {
  display: block;
}
.icon-control__label {
  display: none;
  color: var(--color-muted);
  font-weight: 700;
  transition: color 0.3s ease;
}
@media only screen and (min-width: 1440px) {
  .icon-control__label {
    display: block;
  }
}
.icon-control__badge {
  position: absolute;
  top: -5px;
  right: -2px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 14px;
  height: 14px;
  padding: 1px 2px;
  color: var(--color-black);
  font-size: 8px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  background: var(--color-yellow);
  border: 2px solid var(--color-black);
  border-radius: 20px;
  transition: opacity 0.3s ease;
}
.icon-control_badge_hidden .icon-control__badge {
  opacity: 0;
}
.icon-control_style_primary .icon-control__label {
  display: block;
}
.icon-controls {
  display: block;
}
.icon-controls__list {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  margin: 0;
  padding: 0;
}
.icon-controls__item {
  display: block;
  flex: 0 1 auto;
  width: auto;
  margin: 0 20px 0 0;
}
@media only screen and (min-width: 744px) {
  .icon-controls__item {
    margin: 0 15px 0 0;
  }
}
@media only screen and (min-width: 1440px) {
  .icon-controls__item {
    margin: 0 12.5px 0 0;
  }
}
.icon-controls__item:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 744px) {
  .icon-controls__item_hide-m {
    display: none;
  }
}
@media only screen and (min-width: 1440px) {
  .icon-controls__item_hide-xxl {
    display: none;
  }
}
.icon-controls__item_show-m {
  display: none;
}
@media only screen and (min-width: 744px) {
  .icon-controls__item_show-m {
    display: block;
  }
}
.icon-controls_style_primary .icon-controls__list {
  justify-content: space-between;
}
.icon-controls_style_primary .icon-controls__item {
  margin: 0;
  padding: 5px 0;
}
@media only screen and (min-width: 375px) {
  .icon-controls_style_primary .icon-controls__item {
    padding: 5px 19px;
  }
}
.image {
  display: block;
}
.info-grid {
  display: block;
}
.info-grid__container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px 20px;
}
@media only screen and (min-width: 744px) {
  .info-grid__container {
    grid-template-columns: repeat(4, 1fr);
    gap: 23px 30px;
  }
}
@media only screen and (min-width: 1440px) {
  .info-grid__container {
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
  }
}
.info-grid__text {
  max-width: 110px;
  color: #000;
  font-family: Raleway;
  font-size: 11px;
  font-weight: 700;
  font-style: normal;
  line-height: 14px;
  text-align: center;
}
@media only screen and (min-width: 1440px) {
  .info-grid__text {
    max-width: 180px;
    font-size: 16px;
    line-height: 21px;
  }
}
.info-grid__icon {
  display: block;
}
.info-grid__content {
  display: flex;
}
@media only screen and (min-width: 744px) {
  .info-grid__content {
    flex-direction: column;
  }
}
.info-grid__value {
  font-family: Raleway;
  font-size: 25px;
  font-weight: 900;
  font-style: normal;
  line-height: normal;
  background: var(--color-secondary);
  -webkit-background-clip: text;
  background-clip: text;
  font-variant-numeric: lining-nums;
  -webkit-text-fill-color: transparent;
}
@media only screen and (min-width: 744px) {
  .info-grid__value {
    font-size: 25px;
  }
}
@media only screen and (min-width: 1440px) {
  .info-grid__value {
    font-size: 40px;
  }
}
.info-grid__unit {
  margin-left: 5px;
  color: var(--color-black);
  font-family: Raleway;
  font-size: 25px;
  font-weight: 800;
  font-style: normal;
  line-height: 130%;
}
@media only screen and (min-width: 744px) {
  .info-grid__unit {
    margin-left: 0;
    font-size: 20px;
  }
}
@media only screen and (min-width: 1440px) {
  .info-grid__unit {
    font-size: 24px;
  }
}
.info-grid__item {
  display: flex;
  flex-direction: column;
  gap: 3px;
  align-items: center;
  justify-content: flex-end;
  padding: 14px 0 10.8px;
  color: var(--color-black);
  text-align: center;
  background: var(--color-white);
  border-radius: 15px;
  box-shadow: var(--shadow-primary);
}
@media only screen and (min-width: 744px) {
  .info-grid__item {
    gap: 4px;
    min-height: 120px;
    padding: 10.8px;
  }
}
@media only screen and (min-width: 1440px) {
  .info-grid__item {
    gap: 17px;
    min-height: 200px;
    padding: 20px;
    border-radius: 30px;
  }
}
.info-grid__item_size_l {
  display: flex;
  grid-area: 3/1/3/3;
  align-items: initial;
  justify-content: center;
  min-height: 102px;
  margin: auto 0;
  padding: 10px 33px;
}
@media only screen and (min-width: 744px) {
  .info-grid__item_size_l {
    grid-area: 2/1/3/5;
    gap: 0;
    padding: 0 30px 0 18px;
  }
}
@media only screen and (min-width: 1440px) {
  .info-grid__item_size_l {
    min-height: 200px;
    padding: 28px 30px 29px 18px;
  }
}
.info-grid__item_size_m {
  grid-column: span 6;
}
.info-grid__item_style_filled {
  background: var(--color-secondary);
}
@media only screen and (min-width: 1440px) {
  .info-grid__item_style_filled {
    gap: 25px;
  }
}
.info-grid_size_secondary .info-grid__container {
  display: grid;
  grid-template-columns: repeat(12, minmax(8px, 1fr));
  gap: 17px;
}
@media only screen and (min-width: 375px) {
  .info-grid_size_secondary .info-grid__container {
    grid-template-columns: repeat(12, minmax(12px, 1fr));
  }
}
@media only screen and (min-width: 744px) {
  .info-grid_size_secondary .info-grid__container {
    grid-template-columns: repeat(12, minmax(40px, 1fr));
    gap: 20px;
  }
}
@media only screen and (min-width: 1440px) {
  .info-grid_size_secondary .info-grid__container {
    grid-template-columns: repeat(12, minmax(75px, 1fr));
  }
}
.info-grid_size_secondary .info-grid__text {
  max-width: unset;
  font-size: 12px;
  font-size: center;
}
@media only screen and (min-width: 744px) {
  .info-grid_size_secondary .info-grid__text {
    text-align: left;
  }
}
@media only screen and (min-width: 1440px) {
  .info-grid_size_secondary .info-grid__text {
    font-size: 16px;
  }
}
.info-grid_size_secondary .info-grid__content {
  align-items: flex-end;
}
@media only screen and (min-width: 744px) {
  .info-grid_size_secondary .info-grid__content {
    align-items: center;
  }
}
.info-grid_size_secondary .info-grid__unit {
  font-size: 20px;
}
@media only screen and (min-width: 744px) {
  .info-grid_size_secondary .info-grid__unit {
    font-size: 25px;
  }
}
.info-grid_size_secondary .info-grid__item {
  grid-column: span 3;
}
.info-grid_size_secondary .info-grid__item_layout_secondary {
  flex-direction: column;
  gap: 5px;
  justify-content: center;
  min-height: 0;
  padding: 10px;
}
@media only screen and (min-width: 744px) {
  .info-grid_size_secondary .info-grid__item_layout_secondary {
    flex-direction: row;
    gap: 15px;
    padding: 7px 20px;
  }
}
@media only screen and (min-width: 1440px) {
  .info-grid_size_secondary .info-grid__item_layout_secondary {
    gap: 25px;
    padding: 30px 22px;
  }
}
.info-grid_size_secondary .info-grid__item_size_s {
  grid-column: span 5;
}
@media only screen and (min-width: 744px) {
  .info-grid_size_secondary .info-grid__item_size_s {
    grid-column: span 3;
  }
}
.info-grid_size_secondary .info-grid__item_size_m {
  grid-column: span 5;
}
@media only screen and (min-width: 744px) {
  .info-grid_size_secondary .info-grid__item_size_m {
    grid-column: span 4;
  }
}
.info-grid_size_secondary .info-grid__item_size_xl {
  grid-column: span 7;
}
@media only screen and (min-width: 744px) {
  .info-grid_size_secondary .info-grid__item_size_xl {
    grid-column: span 5;
  }
}
.info-grid_size_secondary .info-grid__item_size-m_s {
  grid-column: span 7;
}
@media only screen and (min-width: 744px) {
  .info-grid_size_secondary .info-grid__item_size-m_s {
    grid-column: span 3;
  }
}
.info-grid_size_secondary .info-grid__item_size-m_xl {
  grid-column: span 5;
  grid-column: 6/13;
}
@media only screen and (min-width: 744px) {
  .info-grid_size_secondary .info-grid__item_size-m_xl {
    grid-row-start: 1;
    grid-column: 8/13;
  }
}
.info-grid_size_secondary .info-grid__item_size-m_m {
  grid-row: 2/3;
  grid-column: span 7;
  grid-column: 1/6;
}
@media only screen and (min-width: 744px) {
  .info-grid_size_secondary .info-grid__item_size-m_m {
    grid-column: span 4;
  }
}
.info-panel {
  display: block;
}
.info-panel__illustration {
  overflow: hidden;
  flex: 1 1 50%;
  width: 100%;
  border-radius: 15px;
}
@media only screen and (min-width: 744px) {
  .info-panel__illustration {
    max-width: 545px;
    margin-top: -65px;
  }
}
@media only screen and (min-width: 1440px) {
  .info-panel__illustration {
    height: 306px;
    margin-top: -79px;
    border-radius: 30px;
  }
}
.info-panel__main {
  display: flex;
  flex-direction: column-reverse;
  gap: 30px;
  justify-content: stretch;
}
@media only screen and (min-width: 744px) {
  .info-panel__main {
    flex-direction: row;
    gap: 20px;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1440px) {
  .info-panel__main {
    gap: 25px;
  }
}
.info-panel__picture {
  display: block;
  height: 100%;
}
.info-panel__image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}
.info-panel__title {
  margin-bottom: 25px;
}
@media only screen and (min-width: 744px) {
  .info-panel__title {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 1440px) {
  .info-panel__title {
    margin-bottom: 40px;
  }
}
.info-panel__text {
  display: inline-block;
  flex: 1 1 50%;
  width: 100%;
  font-family: Raleway;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  line-height: 21px;
}
@media only screen and (min-width: 744px) {
  .info-panel__text {
    max-width: 503px;
    padding: 0;
  }
}
@media only screen and (min-width: 1440px) {
  .info-panel__text {
    font-size: 16px;
    line-height: 24px;
  }
}
.info-panel__controls {
  margin: 45px 0 0;
}
@media only screen and (min-width: 1025px) {
  .info-panel__controls {
    max-width: 350px;
  }
}
@media only screen and (min-width: 744px) {
  .info-panel_direction_reverse .info-panel__title {
    margin-left: calc(50% + 27px);
  }
}
.info-panel_direction_reverse .info-panel__main {
  flex-direction: column-reverse;
}
@media only screen and (min-width: 744px) {
  .info-panel_direction_reverse .info-panel__main {
    flex-direction: row-reverse;
    gap: 40px;
    justify-content: flex-end;
  }
}
.label {
  display: block;
  color: inherit;
  font-family: Raleway;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  line-height: 150%;
}
.label_style_primary {
  padding: 4px 15px;
  color: var(--color-black);
  font-size: 11px;
  background: var(--color-secondary);
  border-radius: 15px 0 0;
}
@media only screen and (min-width: 1025px) {
  .label_style_primary {
    padding: 6px 20px;
    font-size: 12px;
    border-radius: 30px 0 0;
  }
}
.layout-group {
  display: block;
}
.layout-group__list {
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
.layout-group__item {
  display: block;
  flex: 0 1 auto;
  width: auto;
  margin: 0 12px 0 0;
}
@media only screen and (min-width: 1025px) {
  .layout-group__item {
    margin: 0 15px 0 0;
  }
}
.layout-group__item:last-child {
  margin-right: 0;
}
.layout-group__trigger {
  position: relative;
  display: block;
  width: 15px;
  height: 15px;
  color: var(--color-muted);
  font-size: 0;
  text-decoration: none;
  outline: none;
  transition: color 0.3s ease;
}
@media only screen and (min-width: 744px) {
  .layout-group__trigger {
    width: 18px;
    height: 18px;
  }
}
@media only screen and (min-width: 1025px) {
  .layout-group__trigger {
    width: 30px;
    height: 30px;
  }
}
.layout-group__trigger:hover {
  color: var(--color-yellow);
}
.layout-group__trigger_state_active {
  color: var(--color-yellow);
}
.layout-group__icon {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 15px;
  height: 15px;
  fill: currentColor;
}
@media only screen and (min-width: 744px) {
  .layout-group__icon {
    width: 18px;
    height: 18px;
  }
}
@media only screen and (min-width: 1025px) {
  .layout-group__icon {
    width: 100%;
    height: 100%;
  }
}
.link-filter {
  position: relative;
  display: flex;
  gap: 4px;
  font-size: 16px;
  line-height: 1.25;
}
@media only screen and (min-width: 744px) {
  .link-filter {
    gap: 7px;
  }
}
.link-filter__list {
  display: flex;
  flex-wrap: wrap;
  margin: -4px -3px;
  padding: 0;
  list-style: none;
}
@media only screen and (min-width: 1025px) {
  .link-filter__list {
    margin: -4px -6px;
  }
}
.link-filter__item {
  display: block;
  flex: 0 0 auto;
  margin: 0;
  padding: 4px 3px;
  border: none;
}
@media only screen and (min-width: 1025px) {
  .link-filter__item {
    padding: 4px 6px;
  }
}
.link-filter__label {
  color: var(--color-muted);
  font-size: 12px;
  font-weight: 600;
}
@media only screen and (min-width: 744px) {
  .link-filter__label {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1440px) {
  .link-filter__label {
    font-size: 16px;
  }
}
.link-filter__link {
  display: block;
  width: 100%;
  color: var(--color-muted);
  font-size: 12px;
  font-weight: 600;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--color-muted);
  border-radius: 2px;
  outline: none;
  transition: all 0.3s ease;
  transition-property: color, border-color;
}
@media only screen and (min-width: 744px) {
  .link-filter__link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1440px) {
  .link-filter__link {
    font-size: 16px;
  }
}
.link-filter__link:hover,
.link-filter__link:focus {
  text-decoration: none;
  outline: none;
  opacity: 0.8;
}
.link-filter__link_decor_dashed {
  border-bottom-style: dashed;
}
.link-filter__link_state_active {
  color: var(--color-yellow);
  border-bottom-style: solid;
  border-bottom-color: var(--color-yellow);
}
.link-filter_style_dark .link-filter__label {
  color: var(--color-gray);
}
.link-filter_style_dark .link-filter__link {
  color: var(--color-gray);
  border-bottom: 1px solid var(--color-gray);
}
.link-filter_style_dark .link-filter__link_state_active {
  color: var(--color-black);
  border-color: var(--color-black);
}
.link-filter_style_dark .link-filter__link_decor_dashed {
  border-bottom: 1px dashed var(--color-gray);
}
.link-group {
  display: block;
}
.link-panel {
  display: block;
}
.link-panel__list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 10px 0;
  border-bottom: 1px solid var(--color-gray);
}
@media only screen and (min-width: 1025px) {
  .link-panel__list {
    padding: 9px 10px;
    background: var(--color-black);
    border: 1px solid var(--color-gray);
    border-radius: 20px;
  }
}
.link-panel__item {
  display: block;
  flex: 0 1 auto;
}
.link-panel__item_position_right {
  margin: 0 0 0 auto;
}
.link-panel__link {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  gap: 5px;
  align-items: center;
  padding: 5px 17px;
  color: var(--color-gray);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.1;
  text-decoration: none;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 10px;
  transition: all 0.3s ease;
  transition-property: color background-color opacity;
}
@media only screen and (min-width: 744px) {
  .link-panel__link {
    padding: 7px 11px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 1281px) {
  .link-panel__link {
    gap: 10px;
    padding: 7px 14px;
    font-size: 17px;
  }
}
.link-panel__link:hover {
  color: var(--color-yellow);
}
.link-panel__link:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: var(--color-secondary);
  border-radius: inherit;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.link-panel__link_state_active {
  color: var(--color-black);
  background-color: var(--color-yellow);
}
.link-panel__link_state_active:hover {
  color: var(--color-black);
}
.link-panel__link_state_active:before {
  opacity: 1;
}
.link-panel__icon-wrapper {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
}
.link-panel__icon {
  display: block;
  width: 24px;
  height: 24px;
  fill: currentColor;
}
.link-panel__text {
  position: relative;
  z-index: 1;
  flex: 0 1 auto;
}
.link {
  display: inline;
  color: inherit;
  transition: all 0.3s ease;
  transition-property: color opacity;
}
.link:hover {
  opacity: 0.7;
}
.link_style_primary {
  color: var(--color-yellow);
}
.link_style_primary:hover {
  color: var(--color-white);
}
.link_decoration_none {
  text-decoration: none;
}
.logo-carousel {
  position: relative;
  padding: 0 26px;
}
.logo-carousel__wrapper {
  align-items: center;
  padding: 0 5px;
}
@media only screen and (min-width: 744px) {
  .logo-carousel__wrapper {
    padding: 0 15px;
  }
}
.logo-carousel__image {
  position: relative;
  z-index: 101;
  max-width: 100%;
  transform: scale(1);
  filter: grayscale(100);
  transition: all 0.3s ease;
  transition-property: filter transform;
}
.logo-carousel__image:hover {
  transform: scale(1.05);
  filter: grayscale(0);
}
.logo-carousel__slide {
  display: flex;
  justify-content: center;
}
.logo-carousel__arrows {
  color: var(--color-white);
}
.logo {
  display: block;
  transition: opacity 0.3s ease;
}
.logo__image {
  display: block;
  width: 100%;
}
.logo:hover {
  opacity: 0.7;
}
.map-panel {
  display: block;
}
.map-panel__container {
  display: flex;
  flex-direction: column-reverse;
  width: 100%;
}
@media only screen and (min-width: 1025px) {
  .map-panel__container {
    flex-direction: row;
    justify-content: space-between;
  }
}
.map-panel__storages {
  margin: 30px 0 0;
}
@media only screen and (min-width: 1440px) {
  .map-panel__storages {
    flex: 0 1 335px;
    margin: 0;
  }
}
.map-panel__map {
  flex: 1 1 auto;
  margin: -25px -10px 0;
}
@media only screen and (min-width: 744px) {
  .map-panel__map {
    width: 100%;
    max-width: 652px;
    margin: -50px auto 0;
  }
}
@media only screen and (min-width: 1025px) {
  .map-panel__map {
    max-width: 736px;
    margin-top: 19px;
  }
}
.map {
  display: block;
}
.map__container {
  position: relative;
}
.map__item {
  position: absolute;
  cursor: pointer;
  transform: translate(-20%, -40%);
  transition: transform 0.3s ease;
}
@media only screen and (min-width: 744px) {
  .map__item {
    transform: none;
  }
}
.map__item:hover {
  transform: scale(1.5) translate(0, -20%);
}
.map__item:hover path {
  stroke: url("#linear");
  fill: url("#linear");
}
.map__item_type_active {
  transform: scale(1.5) translate(0, -20%);
}
.map__item_type_active path {
  stroke: url("#linear");
  fill: url("#linear");
}
.map__item_style_stroke path {
  stroke: url("#linear");
}
.map__item_style_huge {
  transform: scale(1.5) translate(0, -20%);
}
.map__item_size_m .map__point {
  width: 10px;
}
@media only screen and (min-width: 744px) {
  .map__item_size_m .map__point {
    width: 19px;
  }
}
@media only screen and (min-width: 1025px) {
  .map__item_size_m .map__point {
    width: 22px;
  }
}
.map__icon {
  display: block;
}
.map__point {
  display: block;
}
.menu {
  display: flex;
  overflow: auto;
  flex-direction: column;
  height: 100%;
  padding: 40px 20px;
  background: rgba(0,0,0,0.7);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
@media only screen and (min-width: 375px) {
  .menu {
    padding: 30px;
  }
}
@media only screen and (min-width: 744px) {
  .menu {
    padding: 40px;
  }
}
.menu__close {
  position: absolute;
  top: 24px;
  right: 24px;
  z-index: 1;
  display: block;
  width: 24px;
  height: 24px;
  color: var(--color-white);
  font-size: 0;
  text-decoration: none;
  cursor: pointer;
  background: transparent;
  border: none;
  outline: none;
}
.menu__close:before,
.menu__close:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  width: 20px;
  height: 2px;
  background: currentColor;
  transform: translate(-50%, -50%) rotate(45deg);
}
.menu__close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.menu__contact-group {
  margin: 20px 0 0;
}
.menu__contact-group:first-child {
  margin-top: 0;
}
.menu__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.menu__logo {
  max-width: 133px;
}
.menu__contact-group {
  display: flex;
  gap: 20px;
}
.menu__link {
  color: var(--color-white);
  text-decoration: none;
}
.menu__nav {
  flex: 1 1 auto;
  padding: 35px 0 0;
}
.menu__extra {
  margin: 20px 0 0;
}
@media only screen and (min-width: 744px) {
  .menu__extra {
    margin: 30px 0 0;
  }
}
.menu__extra:first-child {
  margin-top: 0;
}
.menu__copyright {
  margin-top: 20px;
  color: var(--color-muted);
  font-size: 12px;
  line-height: 133%;
}
@media only screen and (min-width: 744px) {
  .menu__copyright {
    font-size: 14px;
    line-height: 143%;
  }
}
.menu__separator {
  position: relative;
  left: 50%;
  width: 100vw;
  margin: 0 0 40px;
  transform: translateX(-50%);
}
.modal {
  display: none;
}
.fancybox__content.modal .modal__header.modal,
.fancybox__content.modal {
  width: 335px;
  max-width: 100%;
  padding: 0;
  background: var(--color-primary);
  border-radius: 15px;
}
@media only screen and (min-width: 744px) {
  .fancybox__content.modal .modal__header.modal,
  .fancybox__content.modal {
    width: 600px;
  }
}
@media only screen and (min-width: 1440px) {
  .fancybox__content.modal .modal__header.modal_size_l,
  .fancybox__content.modal_size_l {
    width: 1115px;
  }
}
.fancybox__content.modal .modal__header.modal .modal__header,
.fancybox__content.modal .modal__header {
  padding: 20px 20px 0;
  color: var(--color-black);
}
@media only screen and (min-width: 744px) {
  .fancybox__content.modal .modal__header.modal .modal__header,
  .fancybox__content.modal .modal__header {
    padding: 60px 60px 0;
  }
}
.fancybox__content.modal .modal__header.modal .modal__content,
.fancybox__content.modal .modal__content {
  padding: 18px;
}
@media only screen and (min-width: 744px) {
  .fancybox__content.modal .modal__header.modal .modal__content,
  .fancybox__content.modal .modal__content {
    padding: 40px 60px 60px;
  }
}
.fancybox__content.modal .modal__header.modal .modal__content_layout_horizontal .modal__main,
.fancybox__content.modal .modal__content_layout_horizontal .modal__main {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media only screen and (min-width: 1440px) {
  .fancybox__content.modal .modal__header.modal .modal__content_layout_horizontal .modal__main,
  .fancybox__content.modal .modal__content_layout_horizontal .modal__main {
    flex-direction: row;
  }
}
.fancybox__content.modal .modal__header.modal .modal__content_layout_horizontal .modal__controls,
.fancybox__content.modal .modal__content_layout_horizontal .modal__controls {
  margin-top: 23px;
}
.fancybox__content.modal .modal__header.modal .modal__controls,
.fancybox__content.modal .modal__controls {
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 744px) {
  .fancybox__content.modal .modal__header.modal .modal__controls,
  .fancybox__content.modal .modal__controls {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1440px) {
  .fancybox__content.modal .modal__header.modal .modal__controls,
  .fancybox__content.modal .modal__controls {
    margin-top: 49.25px;
  }
}
.fancybox__content.modal .modal__header.modal .modal__control,
.fancybox__content.modal .modal__control {
  width: 100%;
  max-width: 295px;
  font-size: 15px;
}
@media only screen and (min-width: 744px) {
  .fancybox__content.modal .modal__header.modal .modal__control,
  .fancybox__content.modal .modal__control {
    max-width: 355px;
    font-size: 16px;
  }
}
.fancybox__content.modal .modal__header.modal .modal__fast-filter,
.fancybox__content.modal .modal__fast-filter {
  padding: 25px 0;
  border-block: 1px solid var(--color-gray);
}
.fancybox__content.modal .modal__header.modal .modal__title,
.fancybox__content.modal .modal__title {
  max-width: 228px;
  margin: 0 0 20px;
}
@media only screen and (min-width: 744px) {
  .fancybox__content.modal .modal__header.modal .modal__title,
  .fancybox__content.modal .modal__title {
    max-width: initial;
    margin: 0 0 40px;
  }
}
.fancybox__content.modal .modal__header.modal .modal__title:last-child,
.fancybox__content.modal .modal__title:last-child {
  margin-bottom: 0;
}
.fancybox__content.modal .modal__header.modal .modal__title + .modal__text:last-child,
.fancybox__content.modal .modal__title + .modal__text:last-child {
  margin-bottom: 0;
}
.fancybox__content.modal .modal__header.modal .modal__storages,
.fancybox__content.modal .modal__storages {
  overflow: auto;
  max-height: 462px;
  margin-bottom: 5px;
}
@media only screen and (min-width: 1440px) {
  .fancybox__content.modal .modal__header.modal .modal__storages,
  .fancybox__content.modal .modal__storages {
    max-height: 452px;
  }
}
.fancybox__content.modal .modal__header.modal .modal__text,
.fancybox__content.modal .modal__text {
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: -0.01em;
}
.fancybox__content.modal .modal__header.modal .modal__text:last-child,
.fancybox__content.modal .modal__text:last-child {
  margin-bottom: 0;
}
.fancybox__content.modal .modal__header.modal .modal__text_size_s,
.fancybox__content.modal .modal__text_size_s {
  font-size: 14px;
  line-height: 1.286;
}
.fancybox__content.modal .modal__header.modal .modal__text_align_center,
.fancybox__content.modal .modal__text_align_center {
  text-align: center;
}
.fancybox__content.modal .modal__header.modal .modal__map,
.fancybox__content.modal .modal__map {
  display: none;
  background: var(--color-white);
  border-radius: 30px;
}
@media only screen and (min-width: 744px) {
  .fancybox__content.modal .modal__header.modal .modal__map,
  .fancybox__content.modal .modal__map {
    display: block;
    width: 100%;
    max-width: 560px;
  }
}
@media only screen and (min-width: 1440px) {
  .fancybox__content.modal .modal__header.modal .modal__map,
  .fancybox__content.modal .modal__map {
    padding: 73px 20px;
  }
}
.fancybox__content.modal .modal__header.modal .modal__extra,
.fancybox__content.modal .modal__extra {
  display: flex;
  flex-direction: column;
  gap: 1px;
  align-items: center;
  margin-top: 15.41px;
}
.fancybox__content.modal .modal__header.modal .modal__link,
.fancybox__content.modal .modal__link {
  color: var(--color-black);
  font-family: Raleway;
  font-size: 30px;
  font-weight: 800;
  font-style: normal;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
}
.nav-carousel {
  position: relative;
  display: block;
  background: var(--color-black);
}
.nav-carousel:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  width: 20%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(270deg, #000 0%, rgba(165,165,165,0) 100%);
  transform: rotate(0deg) translate(0, 0%);
}
@media only screen and (min-width: 744px) {
  .nav-carousel:after {
    display: none;
  }
}
.nav-carousel__container.page__container {
  margin: -10px 0 0;
  padding: 10px 20px;
}
@media only screen and (min-width: 744px) {
  .nav-carousel__container.page__container {
    overflow: visible;
    margin: 0 auto;
    padding: 10px;
  }
}
@media only screen and (min-width: 1440px) {
  .nav-carousel__container.page__container {
    padding: 10px 10px 40px;
  }
}
.nav-carousel__slide {
  width: calc(28.5714% - 7px);
  margin: 0 10px 0 0;
  font-size: 12px;
}
@media only screen and (min-width: 744px) {
  .nav-carousel__slide {
    width: calc(20% - 12px);
    margin: 0 15px 0 0;
    font-size: 14px;
  }
}
@media only screen and (min-width: 1440px) {
  .nav-carousel__slide {
    width: calc(20% - 20px);
    margin: 0 25px 0 0;
  }
}
.nav-carousel__slide:last-child {
  margin-right: 0;
}
.nav-carousel__navigation {
  display: block;
}
@media only screen and (min-width: 744px) {
  .nav-carousel__navigation {
    display: none;
  }
}
.nav-carousel__arrows {
  z-index: 10;
}
.nav {
  display: block;
  font-size: 16px;
}
.nav__list {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 0;
  list-style: none;
}
.nav__item {
  position: relative;
  display: block;
  transition: all 0.3s ease;
  transition-property: background box-shadow;
}
.nav__link {
  display: flex;
  align-items: center;
  color: var(--color-muted);
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
.nav__link:hover {
  text-decoration: none;
  opacity: 0.7;
}
.nav__link_state_active {
  font-weight: 800;
}
.nav__icon {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  margin: 0 10px 0 0;
  fill: currentColor;
}
.nav__icon:last-child {
  margin-right: 0;
}
.nav__text {
  flex: 0 1 auto;
  margin: 0 auto 0 0;
}
.nav__label {
  display: block;
  flex: 0 0 auto;
  min-width: 16px;
  max-width: 50%;
  height: 16px;
  margin: 0 0 0 10px;
  padding: 0;
  color: var(--color-black);
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
  background: var(--color-yellow);
  border-radius: 20px;
}
.nav__label_type_wide {
  width: auto;
  padding: 0 5px;
}
.nav__text {
  display: flex;
  gap: 10px;
  align-items: baseline;
}
.nav_align_left .nav__list {
  align-items: flex-start;
}
.nav_layout_inline-to-col .nav__list {
  flex: 1;
  flex-direction: row;
  justify-content: space-between;
}
@media only screen and (min-width: 744px) {
  .nav_layout_inline-to-col .nav__list {
    justify-content: initial;
  }
}
@media only screen and (min-width: 1440px) {
  .nav_layout_inline-to-col .nav__list {
    flex-direction: column;
    justify-content: space-between;
  }
}
.nav_style_light .nav__link {
  color: var(--color-white);
  font-weight: 600;
}
.nav_style_light .nav__link_state_active {
  font-weight: 800;
}
.nav_style_primary .nav__link {
  color: var(--color-white);
}
.nav_style_primary .nav__link:hover {
  color: var(--color-yellow);
  opacity: 1;
}
.nav_style_primary .nav__list {
  gap: 27px;
}
.nav_style_sub .nav__list {
  gap: 32px;
}
.nav_style_sub .nav__link {
  gap: 10px;
  align-items: center;
  color: var(--color-white);
  transition: color 0.3s ease;
}
.nav_style_sub .nav__link:hover {
  color: var(--color-yellow);
  opacity: 1;
}
.nav_style_sub .nav__text {
  align-items: center;
  margin: 0;
}
.nav_style_sub .nav__label {
  margin: 0;
}
.nav_size-s_s {
  font-size: 12px;
}
@media only screen and (min-width: 1440px) {
  .nav_size-s_s {
    font-size: 16px;
  }
}
.nav_size-s_s .nav__list {
  flex-wrap: wrap;
  gap: 12.2px;
}
@media only screen and (min-width: 375px) {
  .nav_size-s_s .nav__list {
    flex-wrap: nowrap;
    gap: 16px;
  }
}
@media only screen and (min-width: 1440px) {
  .nav_size-s_s .nav__list {
    gap: 24px;
  }
}
.nav_text-size_dependent {
  font-size: inherit;
}
.nav_spacing_s .nav__list {
  gap: 10px;
}
.nav_icon-style_transparent .nav__icon {
  opacity: 0.5;
}
.option-filter {
  position: relative;
  z-index: 50;
  display: block;
}
.option-filter__header {
  position: relative;
  display: flex;
  align-items: center;
}
.option-filter__trigger {
  position: relative;
  display: block;
  width: auto;
  height: 30px;
  padding: 4px 30px 4px 10px;
  color: var(--color-white);
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  letter-spacing: inherit;
  background: transparent;
  border: 1px solid var(--color-white);
  border-radius: 8px;
  outline: none;
  transition: opacity 0.3s ease;
}
@media only screen and (min-width: 744px) {
  .option-filter__trigger {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1025px) {
  .option-filter__trigger {
    height: 40px;
    padding: 3px 32px 3px 16px;
    font-size: 14px;
    line-height: 30px;
    border-width: 2px;
  }
}
.option-filter__trigger:hover,
.option-filter__trigger:focus {
  text-decoration: none;
  outline: none;
}
.option-filter__trigger:hover .option-filter__label,
.option-filter__trigger:focus .option-filter__label {
  border-color: currentColor;
}
.option-filter__icon {
  position: absolute;
  top: 50%;
  right: 16px;
  z-index: 1;
  display: block;
  transform: translate(50%, -50%);
  transition: transform 0.3s ease;
}
.option-filter__body {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  display: none;
  overflow: hidden auto;
  width: 250px;
  max-height: 530px;
  background: var(--color-black);
  border: 1px solid var(--color-white);
  border-radius: 10px;
  transform: translate(0, 8px);
}
.option-filter__list {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.option-filter__item {
  display: block;
  margin: 0;
  padding: 0;
}
.option-filter__item:last-child {
  border-bottom: none;
}
.option-filter__link {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  padding: 12px 20px;
  color: var(--color-white);
  font-size: 12px;
  text-align: left;
  text-decoration: none;
  background: transparent;
  border: none;
  outline: none;
  transition: opacity 0.3s ease;
}
@media only screen and (min-width: 744px) {
  .option-filter__link {
    font-size: 14px;
  }
}
.option-filter__link:hover,
.option-filter__link:focus {
  text-decoration: none;
  opacity: 0.7;
}
.option-filter__link_state_active {
  color: var(--color-yellow);
  text-decoration: none;
}
.option-filter__link_state_active .option-filter__icon {
  color: inherit;
}
.option-filter_state_open .option-filter__icon {
  transform: translate(50%, -50%) rotate(180deg);
}
.option-filter_state_open .option-filter__label {
  border-color: currentColor;
}
.option-filter_state_open .option-filter__body {
  display: block;
}
.order-header {
  display: block;
}
.order-header__link-panel {
  display: block;
  margin: 0 0 24px;
}
@media only screen and (min-width: 744px) {
  .order-header__link-panel {
    margin: 0 0 42px;
  }
}
@media only screen and (min-width: 1025px) {
  .order-header__link-panel {
    margin: 0 0 52px;
  }
}
.order-header__link-panel:last-child {
  margin-bottom: 0;
}
.order-header__data-group {
  display: block;
  margin: 0 0 24px;
}
@media only screen and (min-width: 744px) {
  .order-header__data-group {
    margin: 0 0 42px;
  }
}
@media only screen and (min-width: 1025px) {
  .order-header__data-group {
    margin: 0 0 52px;
  }
}
.order-header__data-group:last-child {
  margin-bottom: 0;
}
.page {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  background: var(--color-black);
}
.page__body {
  display: flex;
  flex-flow: column nowrap;
  min-height: 100vh;
}
.page__body_nav_open {
  overflow: hidden;
}
@media only screen and (min-width: 1025px) {
  .page__body_nav_open {
    overflow: visible;
  }
}
.page__body_nav_open .page__slide-nav {
  transform: translate(0, 0);
}
.page__body_style_no-lines .page__content {
  background: transparent;
}
.page__header {
  position: relative;
  top: 0;
  left: 0;
  z-index: 500;
  display: block;
  flex: 0 0 auto;
  width: 100%;
}
.page__header_position_absolute {
  position: absolute;
  pointer-events: none;
}
.page__header_position_fixed {
  pointer-events: auto;
}
.page__header_position_fixed .page__header-wrapper {
  position: fixed;
}
.page__header-wrapper {
  position: relative;
  top: 0;
  left: 0;
  z-index: inherit;
  display: block;
  width: 100%;
}
.page__scroll-top {
  position: fixed;
  right: 10px;
  bottom: 70px;
  z-index: 20;
  display: block;
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
  will-change: transform;
}
@media only screen and (min-width: 744px) {
  .page__scroll-top {
    right: 24px;
    bottom: 52px;
  }
}
@media only screen and (min-width: 1025px) {
  .page__scroll-top {
    right: 28px;
    bottom: 56px;
  }
}
@media only screen and (min-width: 1440px) {
  .page__scroll-top {
    right: 39px;
    bottom: 43px;
  }
}
.page__scroll-top_state_hidden {
  visibility: hidden;
  opacity: 0;
  transform: translate(0, 50%);
}
.page__content {
  position: relative;
  display: block;
  flex: 1 1 100%;
  width: 100%;
  background: linear-gradient(0deg, #000 0%, rgba(165,165,165,0) 200px);
}
@media only screen and (min-width: 1440px) {
  .page__content {
    background: linear-gradient(0deg, #000 0%, rgba(165,165,165,0) 200px), linear-gradient(180deg, #000 0%, rgba(165,165,165,0) 40vh), repeating-linear-gradient(-70deg, rgba(215,215,215,0.2), rgba(126,126,126,0.2) 1px, #000 1px, #000 12px);
  }
}
.page__container {
  width: 100%;
  max-width: 1135px;
  margin: 0 auto;
  padding: 0 10px;
}
@media only screen and (min-width: 340px) {
  .page__container {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 1440px) {
  .page__container {
    padding: 0 10px;
  }
}
.page__container_width_full {
  max-width: 100%;
}
.page__section_type_intro {
  position: relative;
}
.page__section_type_intro:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  width: 100%;
  height: 35%;
  background: linear-gradient(0deg, #000 0%, rgba(165,165,165,0) 100%);
  transform: rotate(180deg) translate(0, -100%);
}
.page__section_top_gradient {
  position: relative;
}
.page__section_top_gradient:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 35%;
  background: linear-gradient(0deg, #000 0%, rgba(165,165,165,0) 100%);
  transform: rotate(180deg) translate(0, 0%);
}
.page__footer {
  position: relative;
  display: block;
  flex: 0 0 auto;
  width: 100%;
  padding: 65px 0 69px;
}
@media only screen and (min-width: 744px) {
  .page__footer {
    padding: 0;
  }
}
.page__nav-slider {
  position: relative;
}
.page__slide-nav {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 400;
  overflow: auto;
  width: 100%;
  height: auto;
  padding: 142px 0 0;
  background: rgba(0,0,0,0.7);
  transform: translate(-110%, 0);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  transition: transform 0.3s ease;
}
@media only screen and (min-width: 744px) {
  .page__slide-nav {
    width: 50%;
  }
}
.page__tab-bar-panel {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 100;
  width: 100%;
  padding: 10px 20px;
  background: var(--color-black);
}
@media only screen and (min-width: 744px) {
  .page__tab-bar-panel {
    display: none;
  }
}
.page__catalog {
  padding: 44px 0 50px;
}
@media only screen and (min-width: 744px) {
  .page__catalog {
    padding: 48px 0 55px;
  }
}
@media only screen and (min-width: 1025px) {
  .page__catalog {
    padding: 26px 0 110px;
  }
}
.page__cart {
  display: block;
  margin: 0 0 68px;
}
@media only screen and (min-width: 744px) {
  .page__cart {
    margin: 0 0 98px;
  }
}
@media only screen and (min-width: 1025px) {
  .page__cart {
    margin: 0 0 172px;
  }
}
.page__checkout {
  display: block;
}
@media only screen and (min-width: 744px) {
  .page__checkout {
    padding: 0 0 48px;
  }
}
@media only screen and (min-width: 1025px) {
  .page__checkout {
    padding: 0 0 172px;
  }
}
.page__compare {
  display: block;
}
@media only screen and (min-width: 744px) {
  .page__compare {
    padding: 0 0 48px;
  }
}
@media only screen and (min-width: 1025px) {
  .page__compare {
    padding: 0 0 94px;
  }
}
.page__profile {
  display: block;
  background: linear-gradient(to bottom, #000 0%, rgba(165,165,165,0) 200px);
}
@media only screen and (min-width: 744px) {
  .page__profile {
    padding: 0 0 49px;
  }
}
@media only screen and (min-width: 1281px) {
  .page__profile {
    padding: 0 0 125px;
  }
}
.pagination {
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: middle;
}
.pagination__list {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media only screen and (min-width: 375px) {
  .pagination__list {
    gap: 10px;
  }
}
@media only screen and (min-width: 1025px) {
  .pagination__list {
    gap: 17px;
  }
}
.pagination__item {
  display: block;
  margin: 0 4px 0 0;
  padding: 0;
}
@media only screen and (min-width: 375px) {
  .pagination__item {
    margin: 0 8px 0 0;
  }
}
.pagination__item:last-child {
  margin-right: 0;
}
.pagination__item_type_prev,
.pagination__item_type_next {
  font-size: 0;
}
.pagination__item_type_prev .pagination__link,
.pagination__item_type_next .pagination__link {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  color: var(--color-white);
}
.pagination__item_type_prev .pagination__link:before,
.pagination__item_type_next .pagination__link:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  width: 7px;
  height: 7px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
}
.pagination__item_type_prev .pagination__link:hover,
.pagination__item_type_next .pagination__link:hover {
  color: var(--color-muted);
}
.pagination__item_type_prev .pagination__link:focus,
.pagination__item_type_next .pagination__link:focus {
  color: var(--color-muted);
}
.pagination__item_type_prev .pagination__link_state_inactive,
.pagination__item_type_next .pagination__link_state_inactive {
  color: rgba(0,0,0,0.2);
}
.pagination__item_type_prev {
  margin: 0 auto 0 0;
}
@media only screen and (min-width: 1025px) {
  .pagination__item_type_prev {
    padding: 0 24px 0 0;
  }
}
.pagination__item_type_prev .pagination__link:before {
  transform: translate(-20%, -50%) rotate(-135deg);
}
.pagination__item_type_next {
  order: 1;
  margin: 0 0 0 auto;
}
@media only screen and (min-width: 1025px) {
  .pagination__item_type_next {
    padding: 0 0 0 24px;
  }
}
.pagination__item_type_next .pagination__link:before {
  transform: translate(-80%, -50%) rotate(45deg);
}
.pagination__link {
  display: block;
  color: var(--color-white);
  text-align: center;
  text-decoration: none;
  background: transparent;
  border: none;
  outline: none;
  transition: all 0.3s ease;
  transition-property: color, background-color;
}
.pagination__link:hover {
  color: var(--color-muted);
}
.pagination__link:focus {
  color: var(--color-muted);
}
.pagination__link_state_inactive {
  color: rgba(0,0,0,0.2);
  pointer-events: none;
}
.pagination__label {
  position: relative;
  display: block;
  min-width: 24px;
  height: 24px;
  padding: 0 2px;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 5px;
}
@media only screen and (min-width: 1025px) {
  .pagination__label {
    min-width: 39px;
    height: 40px;
    font-size: 17px;
    line-height: 40px;
    border-radius: 10px;
  }
}
.pagination__label_state_active {
  color: var(--color-black);
  background: var(--color-secondary);
  box-shadow: var(--shadow-primary);
}
.partners-carousel {
  position: relative;
}
@media only screen and (min-width: 1440px) {
  .partners-carousel__container {
    padding: 0 28px 0 30px;
  }
}
.partners-carousel__wrapper {
  align-items: center;
}
.partners-carousel__arrows {
  z-index: 100;
  display: none;
}
@media only screen and (min-width: 1440px) {
  .partners-carousel__arrows {
    display: block;
  }
}
.partners-carousel__image {
  max-width: 100%;
}
.partners-carousel__navigation {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 10;
  width: 100%;
}
.partners-carousel__pagination {
  position: absolute;
  left: 50%;
  bottom: -80px;
  width: 100%;
  transform: translate(-50%, 0);
}
@media only screen and (min-width: 744px) {
  .partners-carousel__pagination {
    bottom: -100px;
  }
}
@media only screen and (min-width: 1440px) {
  .partners-carousel__pagination {
    display: none;
  }
}
.partnership-panel {
  display: block;
}
.partnership-panel__container {
  display: flex;
  flex-direction: column;
  gap: 31px;
}
@media only screen and (min-width: 744px) {
  .partnership-panel__container {
    flex-direction: row;
    gap: 49px;
  }
}
@media only screen and (min-width: 1440px) {
  .partnership-panel__container {
    gap: 52px;
  }
}
.partnership-panel__title {
  margin-bottom: 22px;
}
@media only screen and (min-width: 1440px) {
  .partnership-panel__title {
    margin-bottom: 29px;
  }
}
@media only screen and (min-width: 744px) {
  .partnership-panel__main {
    flex: 0 1 335px;
  }
}
@media only screen and (min-width: 1025px) {
  .partnership-panel__main {
    flex: 0 1 400px;
  }
}
@media only screen and (min-width: 1440px) {
  .partnership-panel__main {
    flex: 0 1 508px;
  }
}
.partnership-panel__form {
  flex: 1;
}
.partnership-panel__subtitle {
  max-width: 464px;
  margin-bottom: 49px;
  color: #000;
  font-family: Raleway;
  font-size: 18px;
  font-weight: 800;
  font-style: normal;
  line-height: 130%;
}
@media only screen and (min-width: 1440px) {
  .partnership-panel__subtitle {
    font-size: 20px;
  }
}
.partnership-panel__icons {
  display: flex;
  gap: 20px;
}
@media only screen and (min-width: 1440px) {
  .partnership-panel__icons {
    gap: 36px;
  }
}
.partnership-panel__text {
  font-size: 12px;
}
@media only screen and (min-width: 744px) {
  .partnership-panel__text {
    font-size: 16px;
  }
}
.partnership-panel__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 100px;
  line-height: 21px;
  text-align: center;
}
.partnership-panel__item:after {
  content: '';
  position: absolute;
  top: 31px;
  right: 4px;
  width: 15px;
  height: 15px;
  border-right: 4px solid var(--color-white);
  border-bottom: 4px solid var(--color-white);
  transform: translate(100%, 0%) rotate(-45deg);
  transform-origin: center;
}
@media only screen and (min-width: 1440px) {
  .partnership-panel__item:after {
    right: -3px;
  }
}
.partnership-panel__item:last-child:after {
  display: none;
}
@media only screen and (min-width: 1440px) {
  .partnership-panel__item {
    max-width: 152px;
    padding: 0 11px 0 0;
  }
  .partnership-panel__item:not(:first-child) {
    padding: 0 11px;
  }
  .partnership-panel__item:after {
    top: 52px;
  }
}
.partnership-panel__icon {
  display: block;
  max-width: 75px;
  max-height: 90px;
  margin-bottom: 11px;
}
@media only screen and (min-width: 375px) {
  .partnership-panel__icon {
    max-width: 90px;
  }
}
@media only screen and (min-width: 1440px) {
  .partnership-panel__icon {
    max-width: initial;
    max-width: 130px;
    min-height: 130px;
    margin-bottom: 13px;
  }
}
.person-card {
  display: block;
  font-size: 16px;
  line-height: 1.5;
}
.person-card__top {
  display: block;
  margin: 0 0 14px;
}
.person-card__top[href] {
  transition: opacity 0.3s ease;
}
.person-card__top[href]:hover {
  opacity: 0.7;
}
.person-card__top:last-child {
  margin-bottom: 0;
}
.person-card__figure {
  display: flex;
  flex-wrap: nowrap;
  -moz-column-gap: 10px;
       column-gap: 10px;
  align-items: center;
}
.person-card__illustration {
  position: relative;
  display: block;
  overflow: hidden;
  flex: 0 0 70px;
  width: 70px;
  border-radius: 15px;
}
.person-card__illustration:before {
  content: '';
  display: block;
  width: 100%;
  height: auto;
  padding: 100% 0 0;
}
.person-card__image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.person-card__caption {
  display: block;
  flex: 1 1 auto;
  width: auto;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
}
.person-card__main {
  display: block;
}
.person-card__title {
  display: block;
  margin: 0 0 3px;
}
.person-card__title[href] {
  transition: opacity 0.3s ease;
}
.person-card__title[href]:hover {
  opacity: 0.7;
}
.person-card__title:last-child {
  margin-bottom: 0;
}
.person-card__links {
  display: block;
  margin: 0 0 23px;
}
.person-card__links:last-child {
  margin-bottom: 0;
}
.person-card__link-item {
  display: block;
  margin: 0 0 3px;
}
.person-card__link-item:last-child {
  margin-bottom: 0;
}
.person-card__link {
  color: inherit;
  font-weight: 600;
  text-decoration: none;
  background: transparent;
  transition: color 0.3s ease;
}
.person-card__link:hover {
  color: var(--color-yellow);
}
.person-card__link_style_underline {
  text-decoration: underline;
}
.person-card__social-nav {
  margin: 0 0 23px;
}
.person-card__social-nav:last-child {
  margin-bottom: 0;
}
.person-card_style_menu {
  max-width: 220px;
}
.person-card_style_menu .person-card__top {
  margin: 0 0 34px;
}
.person-card_style_menu .person-card__title {
  margin: 0 0 24px;
}
.person-card_style_menu .person-card__link-item {
  margin: 0 0 24px;
}
.person-card_style_menu .person-card__link-item:last-child {
  margin-bottom: 0;
}
.photo-carousel-group {
  position: relative;
  display: block;
}
.photo-carousel-group__main {
  position: relative;
  display: block;
  padding: 0 0 5px;
}
@media only screen and (min-width: 1025px) {
  .photo-carousel-group__main {
    padding: 0 0 10px;
  }
}
.photo-carousel-group__container {
  overflow: hidden;
  margin: -10px;
}
.photo-carousel-group__wrapper {
  display: flex;
  flex-wrap: nowrap;
}
.photo-carousel-group__slide {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  height: auto;
  padding: 10px;
}
.photo-carousel-group__illustration {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 93%;
  background: var(--color-black);
  border-radius: 30px;
  box-shadow: var(--shadow-primary);
}
.photo-carousel-group__image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.photo-carousel-group__nav {
  position: relative;
  display: block;
}
.photo-carousel-group__nav-container {
  overflow: hidden;
  width: 100%;
  max-width: 237px;
  height: 100%;
  margin: 0 auto;
  padding: 10px;
}
.photo-carousel-group__nav-wrapper {
  display: flex;
  flex-wrap: nowrap;
}
.photo-carousel-group__nav-illustration {
  position: relative;
  width: 100%;
  padding: 0 0 97%;
  background: var(--color-black);
}
.photo-carousel-group__nav-slide {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: auto;
  cursor: pointer;
  border: 2px solid transparent;
  border-radius: 10px;
  box-shadow: var(--shadow-primary-s);
  transition: border 0.3s ease;
}
.photo-carousel-group__nav-slide_state_active {
  border: 2px solid var(--color-yellow);
}
.photo-carousel-group__control {
  display: none;
}
@media only screen and (min-width: 1025px) {
  .photo-carousel-group__control {
    position: absolute;
    top: 50%;
    z-index: 100;
    display: block;
    width: 40px;
    height: 40px;
    font-size: 0;
    line-height: 0;
    background: #fff;
    border: 1px solid #efefef;
    border-radius: 50%;
    box-shadow: 1px 1px 10px rgba(189,189,189,0.25);
    transform: translateY(-50%);
  }
}
.photo-carousel-group__control_type_prev {
  left: -20px;
}
.photo-carousel-group__control_type_prev .photo-carousel-group__icon {
  transform: translate(-50%, -50%) rotate(180deg);
}
.photo-carousel-group__control_type_next {
  right: -20px;
}
.photo-carousel-group__control_state_disabled {
  display: none;
}
.photo-carousel-group__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 17px;
  height: 17px;
  fill: #464655;
  transform: translate(-50%, -50%);
}
.photo-carousel {
  position: relative;
  display: block;
}
.photo-carousel__wrapper {
  align-items: center;
}
.photo-carousel__container {
  overflow: visible;
}
.photo-carousel__image {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}
@media only screen and (min-width: 1440px) {
  .photo-carousel__image {
    border-radius: 30px;
  }
}
.photo-carousel__slide {
  width: 300px;
  height: 300px;
  transition: all 1s ease;
}
.photo-carousel__slide.swiper-slide {
  transform: scale(0.8);
}
@media only screen and (min-width: 744px) {
  .photo-carousel__slide.swiper-slide {
    width: 410px;
    transform: scale(0.9);
  }
}
@media only screen and (min-width: 1440px) {
  .photo-carousel__slide.swiper-slide {
    height: 414px;
  }
}
.photo-carousel__slide.swiper-slide-prev,
.photo-carousel__slide.swiper-slide-next {
  margin: 0;
}
@media only screen and (min-width: 1440px) {
  .photo-carousel__slide.swiper-slide-prev,
  .photo-carousel__slide.swiper-slide-next {
    transform: scale(1);
  }
}
.photo-carousel__slide.swiper-slide-active {
  margin: 0;
  transform: scale(1);
}
.photo-carousel__navigation {
  position: relative;
}
.photo-carousel__pagination {
  position: absolute;
  left: 50%;
  bottom: -30px;
  display: flex;
  justify-content: center;
  width: 100%;
  transform: translate(-50%, 0);
}
.price-group {
  display: block;
}
.price-group__price {
  color: inherit;
  font-family: Raleway;
  font-size: 14px;
  font-weight: 800;
  font-style: normal;
  line-height: 130%;
  font-variant-numeric: lining-nums;
}
@media only screen and (min-width: 744px) {
  .price-group__price {
    font-size: 20px;
  }
}
.price-group__price_type_old {
  color: var(--color-red);
  font-size: 11px;
  text-decoration: line-through;
}
@media only screen and (min-width: 744px) {
  .price-group__price_type_old {
    font-size: 14px;
  }
}
.price-group_type_panel {
  display: flex;
  flex-direction: column-reverse;
}
.price-group_type_panel .price-group__extra {
  display: flex;
  gap: 10px;
  align-items: center;
}
.price-group_type_panel .price-group__label {
  padding: 4px 7px;
  color: var(--color-white);
  font-size: 11px;
  font-weight: 800;
  background: var(--color-red);
  border-radius: 5px;
}
.price-group_type_panel .price-group__price {
  font-size: 30px;
  line-height: 1;
}
.price-group_type_panel .price-group__price_type_old {
  font-size: 18px;
}
.price-group_size_xs .price-group__price {
  font-size: 14px;
}
@media only screen and (min-width: 744px) {
  .price-group_size_xs .price-group__price {
    font-size: 15px;
  }
}
.price-group_size_xs .price-group__price_type_old {
  font-size: 10px;
}
@media only screen and (min-width: 744px) {
  .price-group_size_xs .price-group__price_type_old {
    font-size: 12px;
  }
}
.price-group_size_s .price-group__price {
  font-size: 14px;
}
@media only screen and (min-width: 1025px) {
  .price-group_size_s .price-group__price {
    font-size: 20px;
  }
}
.price-group_size_s .price-group__price_type_old {
  font-size: 11px;
}
@media only screen and (min-width: 1025px) {
  .price-group_size_s .price-group__price_type_old {
    font-size: 14px;
  }
}
.price-group_size_m .price-group__price {
  font-size: 14px;
  line-height: 1.143;
}
@media only screen and (min-width: 744px) {
  .price-group_size_m .price-group__price {
    font-size: 18px;
    line-height: 1.1666;
  }
}
@media only screen and (min-width: 1025px) {
  .price-group_size_m .price-group__price {
    font-size: 20px;
    line-height: 1.15;
  }
}
.price-group_size_m .price-group__price_type_old {
  font-size: 10px;
  line-height: 1.2;
}
@media only screen and (min-width: 744px) {
  .price-group_size_m .price-group__price_type_old {
    font-size: 11px;
    line-height: 1.18;
  }
}
@media only screen and (min-width: 1025px) {
  .price-group_size_m .price-group__price_type_old {
    font-size: 14px;
    line-height: 1.142;
  }
}
.price-group_size_l .price-group__price {
  font-size: 16px;
  line-height: 1.3;
}
@media only screen and (min-width: 744px) {
  .price-group_size_l .price-group__price {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1025px) {
  .price-group_size_l .price-group__price {
    font-size: 20px;
  }
}
.price-group_size_l .price-group__price_type_old {
  font-size: 13px;
  line-height: 1.154;
}
@media only screen and (min-width: 1025px) {
  .price-group_size_l .price-group__price_type_old {
    font-size: 16px;
    line-height: 1.1875;
  }
}
.price-group_style_gradient .price-group__price {
  background: var(--color-secondary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.price-group_style_gradient .price-group__price_type_old {
  background: transparent;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: initial;
}
.price-group_order_reversed {
  display: flex;
  flex-flow: column-reverse nowrap;
}
@media only screen and (min-width: 744px) {
  .price-group_order_m-reversed {
    display: flex;
    flex-flow: column-reverse nowrap;
  }
}
@media only screen and (min-width: 744px) {
  .price-group_order_l-reversed {
    display: flex;
    flex-flow: column-reverse nowrap;
  }
}
.price-group_weight_regular .price-group__price {
  font-weight: 400;
}
.price-list {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.143;
}
@media only screen and (min-width: 1025px) {
  .price-list {
    font-size: 16px;
    line-height: 1.1875;
  }
}
.price-list__list {
  display: block;
}
.price-list__item {
  display: block;
  margin: 0 0 19px;
}
.price-list__item:last-child {
  margin-bottom: 0;
}
.price-list__item .price-list__list {
  display: none;
  padding: 10px 0 0 10px;
}
.price-list__item_state_open > .price-list__list {
  display: block;
}
.price-list__item_state_open > .price-list__line .price-list__trigger:after {
  transform: translate(50%, -25%) rotate(-135deg);
}
.price-list__line {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 5px;
       column-gap: 5px;
  align-items: center;
}
.price-list__line:before {
  content: '';
  flex: 1 1 auto;
  align-self: stretch;
  order: 1;
  margin: 0 0 5px;
  border-bottom: 1px dotted currentColor;
}
.price-list__line_type_important {
  font-size: 20px;
  line-height: 1.15;
  text-transform: uppercase;
}
@media only screen and (min-width: 1025px) {
  .price-list__line_type_important {
    font-size: 23px;
    line-height: 1.174;
  }
}
.price-list__line_type_important:before {
  margin: 0 0 9px;
}
.price-list__line_type_important .price-list__value {
  font-weight: 800;
}
.price-list__caption {
  flex: 0 1 auto;
  order: 0;
  padding: 0 5px 0 0;
}
.price-list__value {
  display: block;
  flex: 0 1 auto;
  order: 2;
  padding: 0 0 0 5px;
  text-overflow: ellipsis;
  font-variant-numeric: lining-nums;
}
.price-list__field {
  display: block;
  flex: 0 0 125px;
  order: 2;
  margin: 0 5px;
}
.price-list__input {
  display: block;
  width: 100%;
  height: 34px;
  padding: 0 11px;
  color: var(--color-black);
  line-height: 32px;
  text-align: center;
  background: var(--color-white);
  border: 1px solid transparent;
  border-radius: 8px;
  outline: none;
}
.price-list__trigger {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0 20px 0 0;
  color: inherit;
  font: inherit;
  text-align: left;
  text-decoration: none;
  background: transparent;
  border: none;
}
.price-list__trigger:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 1;
  display: block;
  width: 6px;
  height: 6px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translate(50%, -75%) rotate(45deg);
  transition: transform 0.3s ease;
}
.price-list_size_l {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.1875;
}
@media only screen and (min-width: 744px) {
  .price-list_size_l {
    font-size: 20px;
    line-height: 1.15;
  }
}
.price-list_size_l .price-list__line {
  -moz-column-gap: 10px;
       column-gap: 10px;
}
@media only screen and (min-width: 744px) {
  .price-list_size_l .price-list__line_type_important {
    font-size: 25px;
    line-height: 1.16;
  }
}
.price-list_size_l .price-list__value {
  font-weight: 800;
}
.price-panel {
  display: block;
  padding: 20px;
  color: var(--color-black);
  background: var(--color-primary);
  border-radius: 15px;
  box-shadow: var(--shadow-primary);
}
@media only screen and (min-width: 744px) {
  .price-panel {
    height: 300px;
  }
}
.price-panel__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.price-panel__icons {
  display: flex;
  gap: 10px;
  align-items: center;
  color: var(--color-white);
}
.price-panel__actions {
  display: flex;
  gap: 10px;
  margin-top: 24px;
}
.price-panel__available {
  display: inline-block;
  margin-top: 15px;
  color: var(--color-black);
  font-family: Raleway;
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  line-height: 14px;
  font-feature-settings: 'pnum' on, 'lnum' on;
}
.price-panel__controls {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
.price-panel__control {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  text-decoration: none;
}
.price-panel__control-text {
  max-width: 96px;
  color: var(--color-black);
  font-family: Raleway;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  line-height: 14px;
  text-align: center;
  font-feature-settings: 'pnum' on, 'lnum' on;
}
.price-panel__control-icon {
  display: block;
}
.price-panel__button {
  flex: 1 1 auto;
}
.price-panel__text {
  margin-top: 10px;
  color: var(--color-black);
  font-family: Raleway;
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  line-height: 14px;
  opacity: 0.5;
}
.price-panel__empty-panel {
  display: none;
  padding: 10px;
  text-align: center;
  background: var(--color-white);
  border-radius: 20px;
}
@media only screen and (min-width: 744px) {
  .price-panel__empty-panel {
    padding: 20px;
  }
}
.price-panel__title {
  display: block;
  margin-bottom: 8px;
  color: var(--color-black);
  font-family: Raleway;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  line-height: 130%;
}
.price-panel__description {
  color: var(--color-black);
  font-family: Raleway;
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  line-height: 150%;
}
.price-panel_type_empty .price-panel__header,
.price-panel_type_empty .price-panel__text,
.price-panel_type_empty .price-panel__actions {
  display: none;
}
.price-panel_type_empty .price-panel__empty-panel {
  display: block;
}
.product-card {
  display: grid;
  grid-template-columns: 100%;
  grid-template-areas: 'title' 'image' 'price' 'specs' 'tabs';
  gap: 25px;
}
@media only screen and (min-width: 744px) {
  .product-card {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas: 'title title' 'image price' 'image specs' 'tabs tabs';
  }
}
@media only screen and (min-width: 1440px) {
  .product-card {
    grid-template-columns: minmax(20px, 355px) minmax(20px, 365px) 355px;
    grid-template-areas: 'title title price' 'image specs price' 'tabs tabs price';
  }
}
.product-card__aside {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  grid-area: price;
}
.product-card__price-group {
  position: static;
}
@media only screen and (min-width: 1440px) {
  .product-card__price-group {
    position: sticky;
    align-self: start;
    height: fit-content;
  }
}
.product-card__showcase {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: image;
}
.product-card__header {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: title;
}
.product-card__reviews {
  display: flex;
  gap: 5px;
}
.product-card__bottom {
  display: flex;
  gap: 33px;
  align-items: center;
}
.product-card__articul {
  flex: 0 1 auto;
  max-width: 50%;
}
.product-card__controls {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  margin: 0 0 0 auto;
  padding: 0 0 0 15px;
}
.product-card__control {
  display: block;
  flex: 0 1 auto;
  width: auto;
  margin: 0 13px 0 0;
}
@media only screen and (min-width: 1025px) {
  .product-card__control {
    margin: 0 16px 0 0;
  }
}
.product-card__control:last-child {
  margin-right: 0;
}
.product-card__title {
  margin: 0 0 21px;
}
.product-card__content {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
  grid-area: specs;
}
.product-card__info {
  max-width: 285px;
  margin: 0 0 8px;
}
.product-card__info:last-child {
  margin-bottom: 0;
}
.product-card__props-panel {
  background: var(--color-black);
  border-radius: 30px;
}
@media only screen and (min-width: 1440px) {
  .product-card__props-panel {
    padding: 30px;
  }
}
.product-card__props-list {
  margin-top: 20px;
}
@media only screen and (min-width: 1440px) {
  .product-card__props-list {
    margin-top: 15px;
  }
}
.product-card__description {
  max-width: 450px;
  margin: 0 0 29px;
  font-size: 14px;
  line-height: 1.286;
}
@media only screen and (min-width: 1025px) {
  .product-card__description {
    margin: 0 0 24px;
  }
}
.product-card__description:last-child {
  margin-bottom: 0;
}
.product-card__link {
  display: block;
  margin-top: 12px;
  color: var(--color-yellow);
  font-family: Raleway;
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  line-height: 14px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  transition: opacity 0.3s ease;
}
@media only screen and (min-width: 1440px) {
  .product-card__link {
    margin-top: 20px;
  }
}
.product-card__link:hover {
  opacity: 0.7;
}
.product-card__quantity-input {
  display: block;
  flex: 0 0 150px;
}
.product-card__button {
  display: block;
  flex: 0 1 260px;
  width: auto;
  margin: 0 0 0 12px;
}
@media only screen and (min-width: 375px) {
  .product-card__button {
    margin: 0 0 0 20px;
  }
}
.product-card__button:first-child {
  margin: 0;
}
.product-card__button:only-child {
  flex-basis: 100%;
  width: 100%;
}
@media only screen and (min-width: 480px) {
  .product-card__button:only-child {
    flex-basis: 260px;
  }
}
.product-card__price-panel {
  position: sticky;
  top: 110px;
}
@media only screen and (min-width: 744px) {
  .product-card__price-panel {
    height: 300px;
  }
}
.product-card__info-accordion {
  -ms-grid-row: 9;
  -ms-grid-column: 1;
  display: block;
  grid-area: tabs;
  margin-top: 23px;
}
@media only screen and (min-width: 744px) {
  .product-card__info-accordion {
    display: none;
    margin-top: 0;
  }
}
.product-card__download-group {
  margin: 40px 0 0;
}
@media only screen and (min-width: 1440px) {
  .product-card__download-group {
    margin: 44px auto 0;
  }
}
.product-card__info-tabs {
  -ms-grid-row: 9;
  -ms-grid-column: 1;
  display: none;
  grid-area: tabs;
}
@media only screen and (min-width: 744px) {
  .product-card__aside {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .product-card__showcase {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .product-card__header {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .product-card__content {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .product-card__info-accordion {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .product-card__info-tabs {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}
@media only screen and (min-width: 1440px) {
  .product-card__aside {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
  .product-card__showcase {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .product-card__header {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .product-card__content {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .product-card__info-accordion {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .product-card__info-tabs {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}
@media only screen and (min-width: 744px) {
  .product-card__info-tabs {
    display: block;
  }
}
.product-card_state_added .product-card__quantity-input {
  display: none;
}
.product-card_state_added .product-card__quantity-input + .product-card__button {
  margin-left: 0;
}
.product-grid {
  display: block;
}
.product-grid__svg-defs {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  margin: -1px 0 0 -1px;
  opacity: 0;
}
.product-grid__wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px 19px;
}
@media only screen and (min-width: 744px) {
  .product-grid__wrapper {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 30px 24px;
  }
}
@media only screen and (min-width: 1440px) {
  .product-grid__wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 51px 25px;
  }
}
@media only screen and (min-width: 1025px) {
  .product-grid__item {
    padding: 15px;
  }
}
.product-grid__controls {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
@media only screen and (min-width: 744px) {
  .product-grid__controls {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1440px) {
  .product-grid__controls {
    margin-top: 40px;
  }
}
.product-grid__control {
  width: 100%;
  max-width: 201px;
}
@media only screen and (min-width: 1440px) {
  .product-grid__control {
    max-width: 350px;
  }
}
.product-grid_cols_4 .product-grid__wrapper {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px 19px;
}
@media only screen and (min-width: 744px) {
  .product-grid_cols_4 .product-grid__wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px 25px;
  }
}
@media only screen and (min-width: 1440px) {
  .product-grid_cols_4 .product-grid__wrapper {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 30px 24px;
  }
}
.product-grid_layout_list .product-grid__wrapper {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1440px) {
  .product-grid_layout_list .product-grid__wrapper {
    gap: 25px;
  }
}
.product-list-item {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  align-items: flex-start;
}
.product-list-item__illustration {
  position: relative;
  overflow: hidden;
  flex: 0 0 50px;
  width: 50px;
  background: var(--color-black);
  border: 1px solid var(--color-gray);
  border-radius: 10px;
}
.product-list-item__illustration:before {
  content: '';
  display: block;
  width: 100%;
  height: auto;
  padding: 100% 0 0;
}
.product-list-item__image {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product-list-item__content {
  display: block;
  flex: 1 1 100%;
  align-self: center;
  width: 100%;
}
@media only screen and (min-width: 744px) {
  .product-list-item__content {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    align-items: flex-start;
  }
}
.product-list-item__main {
  display: block;
  margin: 0 0 5px;
}
@media only screen and (min-width: 744px) {
  .product-list-item__main {
    flex: 0 0 51.5%;
    margin: 0;
  }
}
@media only screen and (min-width: 1281px) {
  .product-list-item__main {
    flex: 0 0 59.5%;
  }
}
.product-list-item__main:last-child {
  margin-bottom: 0;
}
.product-list-item__title {
  display: block;
  margin: 0 0 5px;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.3;
}
@media only screen and (min-width: 744px) {
  .product-list-item__title {
    margin: 0 0 3px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
  }
}
.product-list-item__title:last-child {
  margin-bottom: 0;
}
.product-list-item__props {
  display: block;
  margin: 0 0 5px;
}
@media only screen and (min-width: 744px) {
  .product-list-item__props {
    margin: 0 0 3px;
  }
}
.product-list-item__props:last-child {
  margin-bottom: 0;
}
.product-list-item__info {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: nowrap;
  align-items: flex-end;
  width: 100%;
}
@media only screen and (min-width: 744px) {
  .product-list-item__info {
    align-items: flex-start;
  }
}
.product-list-item__info-item {
  display: block;
  flex: 0 0 auto;
}
.product-list-item__info-item:first-child {
  padding-left: 0;
}
.product-list-item__info-item:last-child {
  padding-right: 0;
}
.product-list-item__price {
  flex-basis: 38%;
}
@media only screen and (min-width: 744px) {
  .product-list-item__price {
    flex-basis: 44%;
  }
}
.product-list-item__quantity {
  flex-basis: 18%;
  padding: 0 5px;
  font-size: 14px;
  line-height: 1.3;
  text-align: right;
}
@media only screen and (min-width: 744px) {
  .product-list-item__quantity {
    font-size: 15px;
  }
}
.product-list-item__sum {
  flex-basis: 44%;
  text-align: right;
}
@media only screen and (min-width: 744px) {
  .product-list-item__sum {
    flex-basis: 38%;
  }
}
.product-list {
  display: block;
}
.product-list__header {
  display: block;
  margin: 0 0 27px;
}
.product-list__header:last-child {
  margin-bottom: 0;
}
.product-list__main {
  display: block;
}
.product-list__list {
  display: block;
  margin: 0 0 17px;
  padding: 0 0 16px;
  border-bottom: 1px solid var(--color-gray);
}
@media only screen and (min-width: 744px) {
  .product-list__list {
    margin: 0 0 10px;
    padding: 0 0 9px;
  }
}
.product-list__list:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.product-list__item {
  margin: 0 0 17px;
  padding: 0 0 16px;
  border-bottom: 1px dashed var(--color-gray);
}
@media only screen and (min-width: 744px) {
  .product-list__item {
    margin: 0 0 10px;
    padding: 0 0 9px;
  }
}
.product-list__item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.product-list__total {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.product-list__quantity {
  flex-basis: 30%;
  padding: 0 5px;
  font-size: 14px;
  line-height: 1.3;
  text-align: right;
}
@media only screen and (min-width: 744px) {
  .product-list__quantity {
    font-size: 15px;
  }
}
.product-list__sum {
  flex-basis: calc((100vw - 100px) * 0.44);
  text-align: right;
}
@media only screen and (min-width: 744px) {
  .product-list__sum {
    flex-basis: 16%;
  }
}
@media only screen and (min-width: 1281px) {
  .product-list__sum {
    flex-basis: 13.4%;
  }
}
.product-snippet {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
}
.product-snippet__image {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product-snippet__illustration {
  position: relative;
  overflow: hidden;
  background: var(--color-black);
  border-radius: 15px;
  box-shadow: var(--shadow-primary);
}
@media only screen and (min-width: 1025px) {
  .product-snippet__illustration {
    border-radius: 30px;
  }
}
.product-snippet__illustration:before {
  content: '';
  display: block;
  width: 100%;
  padding: 100% 0 0;
}
.product-snippet__labels {
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.product-snippet__text {
  display: none;
}
.product-snippet__actions {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 6px 10px;
  color: var(--color-light-gray);
}
@media only screen and (min-width: 1025px) {
  .product-snippet__actions {
    gap: 10px;
    padding: 15px;
  }
}
.product-snippet__title {
  display: block;
  margin: 11px 0 0;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.3;
}
@media only screen and (min-width: 1025px) {
  .product-snippet__title {
    margin: 15px 0 0;
    font-size: 19px;
  }
}
.product-snippet__title:first-child {
  margin-top: 0;
}
.product-snippet__link {
  color: var(--color-white);
  font-family: Raleway;
  font-weight: inherit;
  font-style: normal;
  text-decoration: none;
  font-variant-numeric: lining-nums;
  transition: color 0.3s ease;
}
.product-snippet__link:hover,
.product-snippet__link:focus-visible {
  color: var(--color-yellow);
  text-decoration: none;
}
.product-snippet__checkbox-container {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: none;
}
.product-snippet__quantity-input {
  overflow: hidden;
  flex-basis: 65px;
  border-radius: 4px;
}
@media only screen and (min-width: 1025px) {
  .product-snippet__quantity-input {
    flex-basis: auto;
    border-radius: 10px;
  }
}
.product-snippet__props {
  display: none;
  margin: 8px 0 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}
.product-snippet__props:first-child {
  margin-top: 0;
}
.product-snippet__price-field {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  margin: auto 0 0;
}
.product-snippet__price-field:first-child {
  margin-top: 0;
}
.product-snippet__price-group {
  align-self: center;
}
.product-snippet__button {
  margin-top: 4px;
}
@media only screen and (min-width: 1025px) {
  .product-snippet__button {
    margin-top: 10px;
  }
}
.product-snippet__availability {
  display: flex;
  gap: 5px;
  align-items: center;
  margin-top: 7px;
  color: #ccc;
  font-family: Raleway;
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  line-height: 18px;
}
@media only screen and (min-width: 1025px) {
  .product-snippet__availability {
    font-size: 14px;
    line-height: 20px;
  }
}
.product-snippet__availability_status_unavailable {
  color: #f00;
  text-decoration: none;
}
@media only screen and (min-width: 1025px) {
  .product-snippet__availability {
    margin-top: 10px;
  }
}
.product-snippet__cart {
  display: none;
}
.product-snippet__params {
  display: flex;
  gap: 5px;
  align-items: center;
}
.product-snippet__reviews {
  display: flex;
  gap: 2px;
  align-items: center;
}
.product-snippet__reviews .product-snippet__value {
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}
@media only screen and (min-width: 1025px) {
  .product-snippet__reviews .product-snippet__value {
    font-size: 14px;
  }
}
.product-snippet__prop {
  display: flex;
  gap: 3px;
  margin: 13px 0 0;
  color: var(--color-light-gray);
  font-family: Raleway;
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  line-height: 150%;
}
@media only screen and (min-width: 1025px) {
  .product-snippet__prop {
    font-size: 16px;
  }
}
.product-snippet__prop:first-child {
  margin-top: 0;
}
@media only screen and (min-width: 1025px) {
  .product-snippet__prop + .product-snippet__params {
    margin-top: -2px;
    margin-bottom: 4px;
  }
}
.product-snippet__value {
  font-variant-numeric: lining-nums;
}
.product-snippet_layout_list-item {
  display: grid;
  grid-template-rows: 31px auto auto 31px 31px;
  grid-template-columns: 25px 25px 25px 25px repeat(2, 1fr);
  gap: 2px 12px;
}
@media only screen and (min-width: 375px) {
  .product-snippet_layout_list-item {
    grid-template-rows: repeat(5, 31.2px);
  }
}
@media only screen and (min-width: 744px) {
  .product-snippet_layout_list-item {
    grid-template-rows: auto;
    grid-template-columns: 125px 1fr 1fr 246px 32px;
    gap: 7px 15px;
  }
}
@media only screen and (min-width: 1025px) {
  .product-snippet_layout_list-item {
    grid-template-columns: 150px 1fr 1fr 246px 50px;
  }
}
.product-snippet_layout_list-item .product-snippet {
  padding: 15px;
}
.product-snippet_layout_list-item .product-snippet__prop {
  display: none;
}
.product-snippet_layout_list-item .product-snippet__params {
  display: flex;
  gap: 9px;
}
@media only screen and (min-width: 375px) {
  .product-snippet_layout_list-item .product-snippet__params {
    margin-left: -22px;
  }
}
@media only screen and (min-width: 744px) {
  .product-snippet_layout_list-item .product-snippet__params {
    margin: 0;
  }
}
@media only screen and (min-width: 1440px) {
  .product-snippet_layout_list-item .product-snippet__params {
    gap: 20px;
  }
}
.product-snippet_layout_list-item .product-snippet__compare,
.product-snippet_layout_list-item .product-snippet__favorite {
  color: var(--color-gray);
}
.product-snippet_layout_list-item .product-snippet__checkbox-container {
  top: 0;
  right: auto;
  left: 0;
  display: block;
  padding: 2px 5px;
}
@media only screen and (min-width: 1025px) {
  .product-snippet_layout_list-item .product-snippet__checkbox-container {
    padding: 12px;
  }
}
.product-snippet_layout_list-item .product-snippet__quantity-input {
  overflow: hidden;
  border-radius: 6px;
}
.product-snippet_layout_list-item .product-snippet__availability-text {
  overflow: hidden;
  max-width: 80px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 1025px) {
  .product-snippet_layout_list-item .product-snippet__availability-text {
    max-width: none;
  }
}
.product-snippet_layout_list-item .product-snippet__cart {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  margin: 0;
  color: var(--color-light-gray);
}
@media only screen and (min-width: 744px) {
  .product-snippet_layout_list-item .product-snippet__cart {
    position: static;
    margin: auto 0 10px;
    color: var();
  }
}
.product-snippet_layout_list-item .product-snippet__button {
  display: none;
}
.product-snippet_layout_list-item .product-snippet__illustration {
  grid-area: 1/1/5/4;
  width: 100px;
  height: 100px;
}
@media only screen and (min-width: 744px) {
  .product-snippet_layout_list-item .product-snippet__illustration {
    grid-area: 1/1/5/2;
    width: 125px;
    height: 125px;
  }
}
@media only screen and (min-width: 1025px) {
  .product-snippet_layout_list-item .product-snippet__illustration {
    width: 150px;
    height: 150px;
  }
}
.product-snippet_layout_list-item .product-snippet__availability {
  gap: 2px;
}
@media only screen and (min-width: 744px) {
  .product-snippet_layout_list-item .product-snippet__availability {
    gap: 5px;
  }
}
.product-snippet_layout_list-item .product-snippet__availability-icon {
  width: 16px;
}
@media only screen and (min-width: 744px) {
  .product-snippet_layout_list-item .product-snippet__availability-icon {
    width: initial;
  }
}
.product-snippet_layout_list-item .product-snippet__actions {
  position: static;
  flex-direction: row;
  grid-area: 4/1/5/4;
  gap: 10px;
  align-items: center;
  justify-content: center;
  padding: 14px 0 0;
}
@media only screen and (min-width: 744px) {
  .product-snippet_layout_list-item .product-snippet__actions {
    position: relative;
    flex-direction: column;
    grid-area: 1/5/5/6;
    gap: 18px;
    justify-content: flex-start;
    padding: 0;
  }
}
.product-snippet_layout_list-item .product-snippet__title {
  display: inline-block;
  overflow: hidden;
  grid-area: 1/4/2/8;
  margin: 0;
  font-size: 14px;
  line-height: 1;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}
@media only screen and (min-width: 744px) {
  .product-snippet_layout_list-item .product-snippet__title {
    grid-area: 1/2/2/5;
    font-size: 16px;
    line-height: normal;
  }
}
@media only screen and (min-width: 1025px) {
  .product-snippet_layout_list-item .product-snippet__title {
    font-size: 18px;
  }
}
.product-snippet_layout_list-item .product-snippet__button {
  grid-area: 2/4/5/5;
}
.product-snippet_layout_list-item .product-snippet__availability {
  grid-area: 5/4/6/8;
  margin: 0;
  font-size: 11px;
}
@media only screen and (min-width: 375px) {
  .product-snippet_layout_list-item .product-snippet__availability {
    grid-area: 4/4/5/6;
  }
}
@media only screen and (min-width: 744px) {
  .product-snippet_layout_list-item .product-snippet__availability {
    grid-area: 4/2/5/3;
    font-size: 14px;
  }
}
.product-snippet_layout_list-item .product-snippet__props {
  display: block;
  grid-area: 2/4/4/8;
  margin: 0;
}
@media only screen and (min-width: 744px) {
  .product-snippet_layout_list-item .product-snippet__props {
    grid-area: 2/2/4/4;
  }
}
.product-snippet_layout_list-item .product-snippet__params {
  grid-area: 4/4/5/8;
}
@media only screen and (min-width: 375px) {
  .product-snippet_layout_list-item .product-snippet__params {
    grid-area: 4/6/5/8;
  }
}
@media only screen and (min-width: 744px) {
  .product-snippet_layout_list-item .product-snippet__params {
    grid-area: 4/3/5/4;
  }
}
.product-snippet_layout_list-item .product-snippet__price-field {
  grid-area: 6/1/7/8;
  gap: 10px;
  justify-self: flex-start;
  height: auto;
  margin: 0 60px 0 0;
  padding: 4px 4px 4px 10px;
  color: var(--color-black);
  background: var(--color-secondary);
  border-radius: 10px;
}
@media only screen and (min-width: 375px) {
  .product-snippet_layout_list-item .product-snippet__price-field {
    grid-area: 5/4/6/8;
  }
}
@media only screen and (min-width: 480px) {
  .product-snippet_layout_list-item .product-snippet__price-field {
    grid-area: 5/4/6/6;
    max-width: fit-content;
    margin: 0;
  }
}
@media only screen and (min-width: 744px) {
  .product-snippet_layout_list-item .product-snippet__price-field {
    grid-area: 4/4/5/5;
    justify-content: flex-end;
    height: 30px;
    margin-top: -13.5px;
    padding: 5px 15px;
    justify-self: flex-end;
  }
}
@media only screen and (min-width: 1025px) {
  .product-snippet_layout_list-item .product-snippet__price-field {
    height: 50px;
    padding: 5px;
  }
}
.product-snippet_layout_list-item.product-snippet_status_unavailable .product-snippet__quantity-input {
  display: none;
}
.product-snippet_layout_list-item.product-snippet_status_unavailable .product-snippet__price-field {
  width: fit-content;
  min-width: initial;
  padding: 12px 20px;
}
.profile-form {
  display: block;
}
.profile-form__form {
  display: block;
  max-width: 735px;
  margin: 0 0 42px;
}
.profile-form__form:last-child {
  margin-bottom: 0;
}
.profile-form__controls {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0 0 50px;
}
.profile-form__controls:last-child {
  margin-bottom: 0;
}
.profile-form__control {
  display: block;
  flex: 0 1 auto;
}
.profile-form_state_edit .profile-form__form {
  margin: 0;
}
.profile-form_state_edit .profile-form__controls {
  display: none;
}
.profile {
  display: block;
}
@media only screen and (min-width: 1025px) {
  .profile {
    display: flex;
    flex-wrap: nowrap;
  }
}
.profile__svg-defs {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  margin: -1px 0 0 -1px;
  opacity: 0;
}
.profile__main {
  display: block;
}
@media only screen and (min-width: 1025px) {
  .profile__main {
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%;
  }
}
.profile__aside {
  display: none;
}
@media only screen and (min-width: 1281px) {
  .profile__aside {
    display: flex;
    flex: 0 0 260px;
    flex-flow: column nowrap;
    row-gap: 70px;
    width: 260px;
    min-width: 260px;
    margin: 0 0 0 25px;
  }
}
.profile__header {
  display: block;
  margin: 0 0 33px;
}
@media only screen and (min-width: 744px) {
  .profile__header {
    margin: 0 0 53px;
  }
}
@media only screen and (min-width: 1025px) {
  .profile__header {
    margin: 0 0 57px;
  }
}
.profile__header:last-child {
  margin-bottom: 0;
}
.profile__section {
  margin: 0 0 102px;
}
@media only screen and (min-width: 744px) {
  .profile__section {
    margin: 0 0 69px;
  }
}
@media only screen and (min-width: 1025px) {
  .profile__section {
    margin: 0 0 60px;
  }
}
.profile__section:last-child {
  margin-bottom: 0;
}
.profile__section .profile__header {
  margin: 0 0 26px;
}
@media only screen and (min-width: 744px) {
  .profile__section .profile__header {
    margin: 0 0 18px;
  }
}
@media only screen and (min-width: 1025px) {
  .profile__section .profile__header {
    margin: 0 0 40px;
  }
}
.profile__section .profile__header:last-child {
  margin-bottom: 0;
}
.profile__panel {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  padding: 25px;
  background: var(--color-black);
  border-radius: 30px;
  box-shadow: var(--shadow-primary);
}
.profile__menu {
  padding: 30px 25px;
  font-size: 17px;
}
.profile__navs {
  display: block;
  margin: 0 0 40px;
}
.profile__navs:last-child {
  margin-bottom: 0;
}
.profile__nav {
  display: block;
  margin: 0 0 20px;
  padding: 0 0 19px;
  border-bottom: 1px solid var(--color-gray);
}
.profile__nav:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.progress-bar {
  display: block;
}
.progress-bar__header {
  display: flex;
  flex-wrap: nowrap;
  gap: 6px 12px;
  align-items: flex-end;
  margin: 0 0 4px;
}
@media only screen and (min-width: 744px) {
  .progress-bar__header {
    gap: 8px 20px;
    margin: 0 0 7px;
  }
}
.progress-bar__header:last-child {
  margin-bottom: 0;
}
.progress-bar__value {
  display: block;
  flex: 0 0 auto;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.16;
}
@media only screen and (min-width: 744px) {
  .progress-bar__value {
    font-size: 30px;
    line-height: 1.166;
  }
}
.progress-bar__caption {
  display: block;
  flex: 0 1 130px;
  color: #a4a8ae;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.2;
}
@media only screen and (min-width: 744px) {
  .progress-bar__caption {
    flex-basis: auto;
    font-size: 14px;
    line-height: 1.714;
  }
}
.progress-bar__note {
  display: block;
  color: #a4a8ae;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.142;
}
.progress-bar__main {
  display: block;
  margin: 0 0 8px;
}
@media only screen and (min-width: 744px) {
  .progress-bar__main {
    margin: 0 0 11px;
  }
}
.progress-bar__main:last-child {
  margin-bottom: 0;
}
.progress-bar__bar {
  display: block;
  width: 100%;
  height: 6px;
  background: var(--color-white);
}
.progress-bar__progress {
  display: block;
  width: 0;
  height: 100%;
  font-size: 0;
  background: var(--color-bronze);
}
.progress-bar_style_bronze .progress-bar__progress {
  background-color: var(--color-bronze);
}
.progress-bar_style_silver .progress-bar__progress {
  background-color: var(--color-silver);
}
.progress-bar_style_gold .progress-bar__progress {
  background-color: var(--color-gold);
}
.props-group {
  display: block;
}
.props-group__list {
  display: block;
}
@media only screen and (min-width: 744px) {
  .props-group__list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 60px;
  }
}
@media only screen and (min-width: 1025px) {
  .props-group__list {
    gap: 60px 120px;
  }
}
.props-group__item {
  display: block;
  margin: 0 0 20px;
}
@media only screen and (min-width: 744px) {
  .props-group__item {
    flex: 0 1 auto;
    min-width: 261px;
    margin: 0;
  }
}
.props-group__item:last-child {
  margin-bottom: 0;
}
.props-group__caption {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.1875;
}
@media only screen and (min-width: 744px) {
  .props-group__caption {
    margin: 0 0 20px;
    font-size: 20px;
    line-height: 1.15;
  }
}
.props-group__caption:last-child {
  margin-bottom: 0;
}
.props {
  display: flex;
  flex-flow: column wrap;
}
.props__prop {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  max-width: 100%;
  color: var(--color-light-gray);
  font-family: Raleway;
  font-size: 10px;
  font-weight: 300;
  font-style: normal;
  line-height: 150%;
}
@media only screen and (min-width: 744px) {
  .props__prop {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1025px) {
  .props__prop {
    font-size: 14px;
  }
}
.props__prop_style_highlight {
  color: var(--color-yellow);
}
.props__label {
  order: 0;
}
.props__value {
  display: inline-block;
  overflow: hidden;
  order: 2;
  font-weight: 600;
  text-overflow: ellipsis;
  font-variant-numeric: lining-nums;
}
.props__controls {
  display: block;
}
.props__trigger {
  position: relative;
  padding: 0 19px 0 0;
  color: var(--color-value);
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  background: transparent;
  border: none;
}
@media only screen and (min-width: 744px) {
  .props__trigger {
    font-size: 12px;
    line-height: 16px;
  }
}
@media only screen and (min-width: 1025px) {
  .props__trigger {
    font-size: 14px;
  }
}
.props__trigger:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 8px;
  z-index: 1;
  display: block;
  width: 5px;
  height: 5px;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: translate(50%, -25%) rotate(-135deg);
}
.props_layout_horizontal {
  flex-flow: row wrap;
  gap: 5px 15px;
}
@media only screen and (min-width: 744px) {
  .props_layout_horizontal {
    gap: 10px 21px;
  }
}
.props_layout_horizontal .props__prop {
  margin: 0;
}
.props_type_inline .props__prop {
  display: block;
}
.props_type_inline .props__label,
.props_type_inline .props__value {
  display: inline;
}
.props_style_light .props__label,
.props_style_light .props__value {
  color: var(--color-white);
  font-size: 16px;
  font-weight: 600;
}
.props_style_muted {
  color: var(--color-muted);
}
.props_style_muted .props__prop {
  align-items: flex-end;
}
.props_size_s .props__prop {
  line-height: 1.4;
}
@media only screen and (min-width: 744px) {
  .props_size_s .props__prop {
    font-size: 13px;
    line-height: 1.538;
  }
}
.props_size_l .props__prop {
  margin-bottom: 12px;
}
@media only screen and (min-width: 1440px) {
  .props_size_l .props__prop {
    margin-bottom: 15px;
  }
}
.props_size_l .props__prop:last-child {
  margin-bottom: 0;
}
.props_size_l .props__label,
.props_size_l .props__value {
  font-size: 14px;
  font-weight: 600;
}
@media only screen and (min-width: 1440px) {
  .props_size_l .props__label,
  .props_size_l .props__value {
    font-size: 16px;
  }
}
@media only screen and (min-width: 744px) {
  .props_size_xl {
    flex: 0 1 533px;
  }
}
.props_size_xl .props__prop {
  margin-bottom: 15px;
}
.props_size_xl .props__prop:last-child {
  margin-bottom: 15px;
}
.props_size_xl .props__label,
.props_size_xl .props__value {
  font-size: 16px;
  font-weight: 600;
}
.props_text-size_l .props__prop {
  font-size: 14px;
  line-height: 1.143;
}
@media only screen and (min-width: 744px) {
  .props_text-size_l .props__prop {
    font-size: 16px;
    line-height: 1.1875;
  }
}
.props_spacing_l {
  gap: 5px;
}
@media only screen and (min-width: 744px) {
  .props_spacing_l {
    gap: 10px;
  }
}
.props_type_dotted .props__label,
.props_type_dotted .props__value {
  line-height: 18px;
}
.props_type_dotted .props__prop {
  justify-content: space-between;
}
.props_type_dotted .props__prop:before {
  content: '';
  flex: 1 1 auto;
  order: 1;
  margin-bottom: 5px;
  border-bottom: 2px dotted var(--color-gray);
}
.props_state_closed .props__prop:nth-child(3) {
  margin-bottom: 0;
}
.props_state_closed .props__prop:nth-child(n + 4) {
  display: none;
}
.props_state_closed .props__trigger:after {
  transform: translate(50%, -75%) rotate(45deg);
}
.quantity-input {
  display: block;
}
.quantity-input__wrapper {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  padding: 4px;
  background: #252525;
}
@media only screen and (min-width: 1025px) {
  .quantity-input__wrapper {
    padding: 5px 8px;
  }
}
.quantity-input__control {
  display: block;
  flex: 0 0 auto;
  width: auto;
}
.quantity-input__button {
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
  color: var(--color-white);
  font-size: 0;
  text-decoration: none;
  background: transparent;
  border: none;
  outline: none;
  transition: all 0.3s ease;
  transition-property: color, background-color, border-color;
}
.quantity-input__button:before,
.quantity-input__button:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  width: 10px;
  height: 2px;
  color: inherit;
  background: currentColor;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 1025px) {
  .quantity-input__button:before,
  .quantity-input__button:after {
    width: 16px;
  }
}
.quantity-input__button:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.quantity-input__button:hover,
.quantity-input__button:focus {
  z-index: 5;
  color: var(--color-yellow);
  text-decoration: none;
  background-color: transparent;
  border-color: var(--color-yellow);
}
.quantity-input__button:active {
  z-index: 5;
  color: #fff;
  text-decoration: none;
  background-color: var(--color-yellow);
  border-color: var(--color-yellow);
}
.quantity-input__button:disabled {
  pointer-events: none;
  opacity: 0.5;
}
@media only screen and (min-width: 1025px) {
  .quantity-input__button {
    width: 24px;
    height: 24px;
  }
}
.quantity-input__button_type_decrease {
  border-radius: 2px 0 0 2px;
}
.quantity-input__button_type_decrease:after {
  display: none;
}
.quantity-input__icon {
  display: none;
}
.quantity-input__field {
  display: block;
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  width: auto;
  height: 20px;
}
@media only screen and (min-width: 1025px) {
  .quantity-input__field {
    display: block;
    height: initial;
  }
}
.quantity-input__input {
  position: relative;
  width: 100%;
  min-width: 17px;
  height: 16px;
  color: var(--color-white);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  background: transparent;
  border: none;
  outline: none;
  box-shadow: none;
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
  font-variant-numeric: lining-nums;
  transition: border-color 0.3s ease;
}
.quantity-input__input::-webkit-outer-spin-button,
.quantity-input__input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
          appearance: none;
}
@media only screen and (min-width: 1025px) {
  .quantity-input__input {
    width: 30px;
    height: 24px;
    font-size: 18px;
    line-height: 24px;
  }
}
.quantity-input_style_secondary .quantity-input__button {
  position: absolute;
  top: 10px;
  right: 9px;
  width: fit-content;
  height: fit-content;
  color: var(--color-black);
}
.quantity-input_style_secondary .quantity-input__button:before,
.quantity-input_style_secondary .quantity-input__button:after {
  display: none;
}
.quantity-input_style_secondary .quantity-input__button_type_decrease {
  top: initial;
  bottom: 10px;
}
.quantity-input_style_secondary .quantity-input__input {
  width: 50px;
  height: auto;
  color: var(--color-black);
  font-size: 25px;
  font-weight: 800;
}
.quantity-input_style_secondary .quantity-input__wrapper {
  position: relative;
  height: 47px;
  padding: 0 25px 0 10px;
  background: var(--color-white);
  border-radius: 10px;
}
.quantity-input_style_secondary .quantity-input__icon {
  display: block;
}
.quantity-input_size_l .quantity-input__wrapper {
  padding: 4px;
}
@media only screen and (min-width: 1025px) {
  .quantity-input_size_l .quantity-input__wrapper {
    padding: 5px 8px;
  }
}
.quantity-input_size_l .quantity-input__button {
  width: 18px;
  height: 18px;
}
.quantity-input_size_l .quantity-input__button:before,
.quantity-input_size_l .quantity-input__button:after {
  width: 10px;
  height: 2px;
}
@media only screen and (min-width: 1025px) {
  .quantity-input_size_l .quantity-input__button:before,
  .quantity-input_size_l .quantity-input__button:after {
    width: 14px;
  }
}
@media only screen and (min-width: 1025px) {
  .quantity-input_size_l .quantity-input__button {
    width: 32px;
    height: 32px;
  }
}
.quantity-input_size_l .quantity-input__button_type_decrease {
  border-radius: 2px 0 0 2px;
}
.quantity-input_size_l .quantity-input__field {
  height: 20px;
}
@media only screen and (min-width: 1025px) {
  .quantity-input_size_l .quantity-input__field {
    height: auto;
  }
}
.quantity-input_size_l .quantity-input__input {
  min-width: 17px;
  height: 16px;
  font-size: 12px;
  font-weight: 800;
  line-height: 18px;
}
@media only screen and (min-width: 1025px) {
  .quantity-input_size_l .quantity-input__input {
    width: 30px;
    height: 30px;
    min-height: 30px;
    font-size: 18px;
    line-height: 24px;
  }
}
.quantity-input_height_full {
  height: 100%;
}
.quantity-input_height_full .quantity-input__wrapper,
.quantity-input_height_full .quantity-input__control,
.quantity-input_height_full .quantity-input__button,
.quantity-input_height_full .quantity-input__field,
.quantity-input_height_full .quantity-input__input {
  height: 100%;
}
.radio-group {
  display: block;
}
.radio-group__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
  grid-gap: 25px;
  margin: 0 0 40px;
}
@media only screen and (min-width: 744px) {
  .radio-group__list {
    grid-template-columns: repeat(auto-fill, 194px);
  }
}
.radio-group__list:last-child {
  margin-bottom: 0;
}
.radio-group__item {
  display: block;
}
.radio-group__panel {
  height: 100%;
}
.radio-panel {
  position: relative;
  display: block;
}
.radio-panel__wrapper {
  display: block;
}
.radio-panel__input {
  position: absolute;
  top: 0;
  left: 50%;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: none;
  opacity: 0.01;
  transform: scale(0.001);
}
.radio-panel__input:checked ~ .radio-panel__panel:after {
  opacity: 1;
}
.radio-panel__panel {
  position: relative;
  display: flex;
  flex-flow: nowrap column;
  align-items: center;
  padding: 27px 19px 34px;
  color: var(--color-white);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
  background: var(--color-black);
  border: 1px solid var(--color-gray);
  border-radius: 10px;
}
@media only screen and (min-width: 744px) {
  .radio-panel__panel {
    padding: 29px;
    font-size: 16px;
  }
}
.radio-panel__panel:after {
  content: '';
  position: absolute;
  inset: -1px;
  z-index: 1;
  display: block;
  box-sizing: border-box;
  pointer-events: none;
  background: transparent;
  border: 2px solid var(--color-yellow);
  border-radius: inherit;
  opacity: 0;
  transition: opacity 0.3s ease;
}
@media only screen and (min-width: 744px) {
  .radio-panel__panel:after {
    border-width: 3px;
  }
}
.radio-panel__illustration {
  display: block;
  margin: 0 0 15px;
}
.radio-panel__illustration:last-child {
  margin-bottom: 0;
}
.radio-panel__image {
  display: block;
  max-width: 100%;
  height: 50px;
  object-fit: scale-down;
  object-position: 50% 50%;
}
.radio-tabs {
  display: block;
}
.radio-tabs__list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}
.radio-tabs__item {
  display: block;
  flex: 1 1 100%;
  width: auto;
}
@media only screen and (min-width: 744px) {
  .radio-tabs__item {
    flex: 0 1 auto;
    min-width: 120px;
  }
}
.radio-tabs__label {
  position: relative;
}
.radio-tabs__input {
  position: absolute;
  top: 50%;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: none;
  opacity: 0.01;
  transform: scale(0.001);
}
.radio-tabs__input:checked ~ .radio-tabs__visual {
  color: var(--color-yellow);
  font-weight: 700;
}
.radio-tabs__visual {
  display: block;
  padding: 10px 5px;
  color: #a4a8ae;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.1;
  text-align: center;
  border-bottom: 3px solid currentColor;
  transition: color 0.3s ease;
}
.range {
  display: block;
}
.range .range__fields {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.range .range__fields:last-child {
  margin-bottom: 0;
}
.range .range__field {
  position: relative;
  display: block;
  padding: 0;
  text-align: left;
}
.range .range__label {
  position: absolute;
  top: 50%;
  left: 5px;
  display: block;
  margin: 0 0 4px;
  color: var(--color-gray);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.143;
  transform: translate(0, -50%);
}
@media only screen and (min-width: 1440px) {
  .range .range__label {
    color: var(--color-muted);
  }
}
.range .range__rub {
  position: absolute;
  top: 50%;
  right: 17px;
  color: var(--color-gray);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.143;
  transform: translate(50%, -50%);
}
@media only screen and (min-width: 1440px) {
  .range .range__rub {
    color: var(--color-muted);
  }
}
.range .range__input {
  display: block;
  width: 100%;
  height: 35px;
  padding: 0 25px;
  color: var(--color-gray);
  font-size: 14px;
  font-weight: 400;
  line-height: 38px;
  text-align: right;
  background: transparent;
  border: 2px solid var(--color-gray);
  outline: none;
}
@media only screen and (min-width: 1440px) {
  .range .range__input {
    height: 40px;
    color: var(--color-white);
    border: 2px solid var(--color-light-gray);
  }
}
.range .range__input_type_to,
.range .range__input_type_from {
  display: none;
}
.range .range__input_type_visual-from {
  border-right: 1px solid var(--color-gray);
  border-radius: 10px 0 0 10px;
}
@media only screen and (min-width: 1440px) {
  .range .range__input_type_visual-from {
    border-right-color: var(--color-light-gray);
  }
}
.range .range__input_type_visual-to {
  border-left: none;
  border-radius: 0 10px 10px 0;
}
.range .range__slider {
  position: relative;
  height: 4px;
  margin: 29px 0 5px;
  padding: 0 7px;
  background: #808080;
  border: none;
  border-radius: 2px;
  box-shadow: none;
}
.range .range__slider .noUi-base {
  height: inherit;
}
.range .range__slider .noUi-base:before,
.range .range__slider .noUi-base:after {
  content: '';
  position: absolute;
  top: 50%;
  display: block;
  box-sizing: border-box;
  width: 6px;
  height: inherit;
}
.range .range__slider .noUi-base:before {
  left: 0;
  transform: translate(-100%, -50%);
}
.range .range__slider .noUi-base:after {
  right: 0;
  transform: translate(100%, -50%);
}
.range .range__slider .noUi-connects {
  position: relative;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.range .range__slider .noUi-touch-area {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.range .range__slider .noUi-connect {
  position: absolute;
  top: -2px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 8px;
  background: var(--color-black);
  border: none;
  border-radius: 0;
  box-shadow: none;
  transform-origin: 0 0;
  will-change: transform;
  transform-style: flat;
}
@media only screen and (min-width: 1440px) {
  .range .range__slider .noUi-connect {
    background: var(--color-yellow);
  }
}
.range .range__slider .noUi-origin {
  position: relative;
  z-index: 1;
}
.range .range__slider .noUi-handle {
  position: absolute;
  top: -6px !important;
  right: -10px !important;
  width: 16px;
  height: 16px;
  cursor: pointer;
  background: var(--color-black);
  border: none;
  border-radius: 50%;
  box-shadow: none;
  transition: transform 0.3s ease;
}
@media only screen and (min-width: 1440px) {
  .range .range__slider .noUi-handle {
    background: var(--color-yellow);
  }
}
.range .range__slider .noUi-marker {
  display: none;
}
.range .range__slider .noUi-value {
  top: 7px;
  color: var(--color-black);
  font-size: 10px;
  line-height: 13px;
  transform: none;
}
@media only screen and (min-width: 1440px) {
  .range .range__slider .noUi-value {
    color: var(--color-yellow);
  }
}
.range .range__slider .noUi-value:last-child {
  transform: translate(-100%, 0);
}
.range .range__slider .noUi-tooltip {
  position: absolute;
  top: 14px;
  bottom: auto;
  padding: 0;
  color: var(--color-gray);
  font-size: 10px;
  font-weight: 600;
  line-height: 13px;
  white-space: nowrap;
  background: transparent;
  border: none;
}
@media only screen and (min-width: 1440px) {
  .range .range__slider .noUi-tooltip {
    color: var(--color-white);
  }
}
.rating {
  display: inline-block;
}
.rating__items {
  display: flex;
  flex-wrap: nowrap;
  align-self: center;
}
.rating__item {
  position: relative;
  display: block;
  margin: 0;
  padding: 2px 1px;
  color: var(--color-yellow);
  background: transparent;
  border: none;
  outline: none;
  transition: all 0.3s ease;
  transition-property: color, opacity;
}
.rating__item:first-child {
  padding-left: 2px;
}
.rating__item:last-child {
  padding-right: 2px;
}
.rating__item_type_current ~ .rating__item {
  color: var(--color-gray);
  opacity: 0.7;
}
.rating__mark {
  display: block;
  width: 19px;
  height: 19px;
  margin: 0;
  padding: 0;
  fill: currentColor;
  color: inherit;
  filter: drop-shadow(0 0 1px var(--color-gray));
}
@media only screen and (min-width: 744px) {
  .rating__mark {
    width: 20px;
    height: 20px;
  }
}
.rating__icon {
  filter: drop-shadow(0 0 1px var(--color-gray));
}
.rating_marks_0 .rating__item {
  color: var(--color-yellow);
}
.rating_marks_0 .rating__item:nth-child(n+1) {
  color: var(--color-gray);
  opacity: 0.7;
}
.rating_marks_0_style_secondary .rating__item {
  color: var(--color-secondary);
}
.rating_marks_1 .rating__item {
  color: var(--color-yellow);
}
.rating_marks_1 .rating__item:nth-child(n+2) {
  color: var(--color-gray);
  opacity: 0.7;
}
.rating_marks_1_style_secondary .rating__item {
  color: var(--color-secondary);
}
.rating_marks_2 .rating__item {
  color: var(--color-yellow);
}
.rating_marks_2 .rating__item:nth-child(n+3) {
  color: var(--color-gray);
  opacity: 0.7;
}
.rating_marks_2_style_secondary .rating__item {
  color: var(--color-secondary);
}
.rating_marks_3 .rating__item {
  color: var(--color-yellow);
}
.rating_marks_3 .rating__item:nth-child(n+4) {
  color: var(--color-gray);
  opacity: 0.7;
}
.rating_marks_3_style_secondary .rating__item {
  color: var(--color-secondary);
}
.rating_marks_4 .rating__item {
  color: var(--color-yellow);
}
.rating_marks_4 .rating__item:nth-child(n+5) {
  color: var(--color-gray);
  opacity: 0.7;
}
.rating_marks_4_style_secondary .rating__item {
  color: var(--color-secondary);
}
.rating_marks_5 .rating__item {
  color: var(--color-yellow);
}
.rating_marks_5 .rating__item:nth-child(n+6) {
  color: var(--color-gray);
  opacity: 0.7;
}
.rating_marks_5_style_secondary .rating__item {
  color: var(--color-secondary);
}
.rating_type_interactable:hover .rating__item {
  color: var(--color-yellow);
}
.rating_type_interactable:hover .rating__item:hover ~ .rating__item {
  color: var(--color-gray);
  opacity: 0.7;
}
.rating_size_l .rating__item {
  padding: 2px 4px;
}
.rating_size_l .rating__item:first-child {
  padding-left: 0;
}
.rating_size_l .rating__item:last-child {
  padding-right: 0;
}
.rating_size_l .rating__mark,
.rating_size_l .rating__icon {
  width: 32px;
  height: 32px;
}
.review-grid {
  display: block;
}
.review-grid__reviews {
  display: flex;
  flex-wrap: wrap;
  gap: 27px;
  justify-content: stretch;
}
@media only screen and (min-width: 744px) {
  .review-grid__reviews {
    flex-wrap: nowrap;
  }
}
.review-grid__star .review-grid__count {
  font-size: 12px;
}
.review-grid__star .review-grid__text {
  display: flex;
  gap: 5px;
  align-items: flex-end;
}
.review-grid__star .review-grid__text:first-letter {
  font-size: 14px;
  font-weight: 600;
}
.review-grid__review {
  flex: 1 1 50%;
}
.review-grid__wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media only screen and (min-width: 744px) {
  .review-grid__wrapper {
    flex-direction: row;
    margin-bottom: 40px;
  }
}
.review-grid__text {
  display: block;
  color: #fff;
  font-family: Raleway;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  line-height: 150%;
}
.review-grid__text:first-letter {
  font-size: 24px;
  font-weight: 800;
}
.review-grid__title {
  margin-bottom: 15px;
}
@media only screen and (min-width: 744px) {
  .review-grid__title {
    margin-bottom: 30px;
  }
}
.review-grid__star {
  display: flex;
}
.review-grid__star-group {
  margin-right: 20px;
}
.review-grid__percent {
  color: #fff;
  font-family: Raleway;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  line-height: 24px;
}
.review-snippet {
  display: block;
  height: 100%;
  padding: 10px;
  color: var(--color-black);
  background: var(--color-white);
  border-radius: 10px;
  box-shadow: var(--shadow-primary);
}
@media only screen and (min-width: 744px) {
  .review-snippet {
    padding: 20px;
  }
}
.review-snippet__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.review-snippet__entity {
  display: flex;
  gap: 10px;
  align-items: flex-end;
}
.review-snippet__name {
  font-weight: 700;
}
.review-snippet__text {
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.review-snippet__illustration {
  width: 55px;
  height: 55px;
}
.review-snippet__image {
  width: 100%;
  height: 100%;
}
.scroller {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  padding: 0;
  font-size: 0;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  background: var(--color-primary);
  border-radius: 4px;
  outline: none;
  box-shadow: none;
  transition: opacity 0.3s ease;
}
@media only screen and (min-width: 1025px) {
  .scroller {
    width: 32px;
    height: 32px;
  }
}
@media only screen and (min-width: 1440px) {
  .scroller {
    width: 45px;
    height: 45px;
    border-radius: 8px;
  }
}
.scroller:hover,
.scroller:active,
.scroller:focus {
  opacity: 0.7;
}
.scroller__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  fill: transparent;
  transform: translate(-50%, -50%);
}
.search-panel {
  position: relative;
  display: block;
  width: 100%;
  max-width: 450px;
}
.search-panel__field {
  position: relative;
  display: block;
}
.search-panel__input {
  padding: 0 100px 0 15px;
  color: var(--color--white);
}
@media only screen and (min-width: 1440px) {
  .search-panel__input {
    padding: 0 150px 0 15px;
  }
}
.search-panel__control {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  display: block;
  width: 100%;
  max-width: 64px;
  transform: translate(0%, -50%);
}
@media only screen and (min-width: 1440px) {
  .search-panel__control {
    max-width: 116px;
  }
}
.search-panel__clear-control {
  position: absolute;
  top: 50%;
  right: 80px;
  z-index: 1;
  display: block;
  transform: translate(50%, -50%);
}
@media only screen and (min-width: 1440px) {
  .search-panel__clear-control {
    right: 140px;
  }
}
.search-panel__submit,
.search-panel__clear {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  color: #a8a8a8;
  text-decoration: none;
  background: transparent;
  border: none;
  outline: none;
}
.search-panel__submit:hover,
.search-panel__clear:hover {
  opacity: 0.7;
}
.search-panel__submit:focus,
.search-panel__clear:focus {
  opacity: 0.7;
}
.search-panel__clear {
  opacity: 0;
}
.search-panel__clear:before,
.search-panel__clear:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  width: 20px;
  height: 1px;
  background: currentColor;
  transform: translate(-50%, -50%) rotate(45deg);
}
.search-panel__clear:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.search-panel__text {
  display: none;
  color: #a8a8a8;
  font-size: 14px;
  line-height: 1.111;
  letter-spacing: -0.01em;
}
@media only screen and (min-width: 1025px) {
  .search-panel__text {
    display: block;
  }
}
.search-panel__results {
  position: absolute;
  top: 120%;
  left: 0;
  z-index: 100;
  visibility: hidden;
  width: 100%;
  opacity: 0;
  transform: translate(0, 10px);
  transition: all 0.3s ease;
  transition-property: opacity visibility transform;
}
.search-panel_results_shown.search-panel_state_filled .search-panel__results {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}
.search-panel_results_shown.search-panel_state_filled .search-panel__clear {
  opacity: 1;
}
.search-results {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  padding: 5px 15px 15px;
  background: var(--color-primary);
  border: none;
  border-radius: 10px;
}
.search-results__message {
  display: none;
  padding: 15px;
}
.search-results__wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media only screen and (min-width: 1025px) {
  .search-results__wrapper {
    flex-direction: row;
    align-items: center;
  }
}
.search-results__control {
  margin-top: 17px;
}
.search-results__matches {
  display: block;
}
.search-results__list {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.search-results__link {
  display: flex;
  gap: 10px;
  align-items: center;
  width: 100%;
  padding: 10px 0 9px;
  color: var(--color-black);
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  background: transparent;
  border: none;
  outline: none;
  transition: color 0.3s ease;
}
.search-results__link:hover {
  text-decoration: none;
}
.search-results__link:hover .search-results__name {
  opacity: 0.7;
}
.search-results__link:focus {
  text-decoration: none;
  outline: none;
}
.search-results__link:focus .search-results__name {
  opacity: 0.7;
}
.search-results__name {
  font-size: 14px;
  font-weight: 600;
  line-height: 130%;
  transition: opacity 0.3s ease;
}
.search-results__price {
  flex: 0 0 auto;
  width: fit-content;
  min-width: 96px;
  color: var(--color-black);
  font-size: 14px;
  text-align: center;
  border-radius: 10px;
}
@media only screen and (min-width: 1025px) {
  .search-results__price {
    padding: 5px 13px;
    color: var(--color-white);
    background: var(--color-gray);
  }
}
.search-results__message {
  padding: 8px 28px 8px 6px;
  color: var(--color-black);
  font-size: 12px;
  text-decoration: none;
  background: transparent;
}
.search-results__image {
  max-width: 60px;
  max-height: 60px;
}
.search-results__item {
  display: block;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--color-gray);
}
.search-results_state_no-results {
  padding: 7px 15px;
}
.search-results_state_no-results .search-results__message {
  display: block;
}
.search-results_state_no-results .search-results__matches {
  display: none;
}
.search-results_state_no-results .search-results__control {
  display: none;
}
.search-results_styleless {
  padding: 0;
  background: transparent;
}
.search-results_content_s .search-results__control {
  display: none;
}
.section {
  position: relative;
  z-index: 20;
  display: block;
  overflow: hidden;
  padding: 50px 0;
}
@media only screen and (min-width: 744px) {
  .section {
    padding: 55px 0;
  }
}
@media only screen and (min-width: 1440px) {
  .section {
    padding: 110px 0;
  }
}
.section__header {
  display: block;
  margin: 0 auto 30px;
}
.section__header:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1440px) {
  .section__header {
    margin: 0 auto 40px;
  }
}
.section__header_space-bottom_l {
  margin: 0 auto 38px;
}
@media only screen and (min-width: 744px) {
  .section__header_space-bottom_l {
    margin: 0 auto 28px;
  }
}
@media only screen and (min-width: 1440px) {
  .section__header_space-bottom_l {
    margin: 0 auto 50px;
  }
}
.section__header_align_center .section__header-container {
  justify-content: center;
}
.section__carousel-nav {
  display: none;
}
@media only screen and (min-width: 1440px) {
  .section__carousel-nav {
    display: block;
  }
}
.section__description {
  max-width: 545px;
  margin: 0 0 30px;
  font-weight: 600;
}
@media only screen and (min-width: 1440px) {
  .section__description {
    margin: 0 0 40px;
  }
}
.section__image {
  display: block;
  width: 100%;
}
.section__content {
  display: block;
}
.section__header-container {
  display: flex;
  justify-content: space-between;
}
.section__info-panel {
  margin-bottom: 66px;
}
@media only screen and (min-width: 744px) {
  .section__info-panel {
    margin-bottom: 47px;
  }
}
@media only screen and (min-width: 1440px) {
  .section__info-panel {
    margin-bottom: 60px;
  }
}
.section__info-panel_space-bottom_none {
  margin-bottom: 0;
}
.section__info-panel:last-child {
  margin-bottom: 0;
}
.section__auth-form {
  width: 100%;
  max-width: 360px;
  margin: 0 auto 40px;
}
.section__auth-form:last-child {
  margin-bottom: 0;
}
.section__auth-form_width_l {
  max-width: 630px;
}
.section_overflow_visible {
  overflow: visible;
}
.section_spacing_none {
  padding: 0;
}
.section_spacing_top-none {
  padding-top: 0;
}
@media only screen and (min-width: 744px) {
  .section_spacing_top-half {
    padding: 22px 0;
  }
}
@media only screen and (min-width: 1440px) {
  .section_spacing_top-half {
    padding: 55px 0;
  }
}
.section_spacing_top-l {
  padding-top: 29px;
}
@media only screen and (min-width: 744px) {
  .section_spacing_top-l {
    padding-top: 0;
  }
}
.section_spacing_top-m {
  padding-top: 30px;
}
@media only screen and (min-width: 744px) {
  .section_spacing_top-m {
    padding-top: 31px;
  }
}
@media only screen and (min-width: 1440px) {
  .section_spacing_top-m {
    padding-top: 0;
  }
}
.section_spacing_bottom-xs {
  padding-bottom: 20px;
}
.section_spacing_bottom-none {
  padding-bottom: 0;
}
.section_indent_l .section__header {
  margin-bottom: 30px;
}
@media only screen and (min-width: 1440px) {
  .section_indent_l .section__header {
    margin-bottom: 66px;
  }
}
.section_style_filled .section__main {
  padding: 60px 0 52px;
  color: var(--color-black);
  background: var(--color-primary);
}
@media only screen and (min-width: 744px) {
  .section_style_filled .section__main {
    padding: 60px 0 43px;
  }
}
@media only screen and (min-width: 1440px) {
  .section_style_filled .section__main {
    padding: 60px 0;
  }
}
.separator-line {
  display: block;
  width: 100%;
  max-width: 200px;
  height: 1px;
  background: var(--color-yellow);
}
.separator {
  position: relative;
  display: block;
  text-align: center;
}
.separator:before {
  content: '';
  position: absolute;
  top: 50%;
  display: block;
  width: 35%;
  height: 1px;
  background: var(--color-yellow);
  transform: translateY(-50%);
}
.separator:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 35%;
  height: 1px;
  background: var(--color-yellow);
  transform: translateY(-50%);
}
.slide-nav {
  display: block;
  overflow: hidden;
}
.slide-nav__shift {
  position: relative;
  width: 200%;
  transform: translate(0, 0);
  transition: all 0.3s ease;
  transition-property: transform 0.4s ease-in;
}
.slide-nav__holder {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}
.slide-nav__panel {
  overflow: hidden;
  flex-basis: 50%;
  width: 50%;
  padding: 0 20px 20px;
}
.slide-nav__panel_type_deep {
  display: none;
}
.slide-nav__panel_state_active {
  display: block;
}
.slide-nav__group {
  margin: 0 0 52px;
}
.slide-nav__group:last-child {
  margin-bottom: 0;
}
.slide-nav__group_primary {
  margin: 0 0 40px;
}
.slide-nav__group_separator {
  margin: 0 0 28px;
}
.slide-nav__group_contact {
  margin: 0 0 20px;
}
.slide-nav__triggers {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.slide-nav__trigger {
  display: flex;
  gap: 12px;
  align-items: center;
  color: var(--color-yellow);
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.3s ease;
}
.slide-nav__trigger:hover {
  color: var(--color-white);
}
.slide-nav__trigger:hover .slide-nav__icon-path {
  stroke: var(--color-white);
}
.slide-nav__icon-path {
  transition: stroke 0.3s ease;
}
.slide-nav__separator {
  position: relative;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
}
@media only screen and (min-width: 744px) {
  .slide-nav__separator {
    width: 110%;
  }
}
.slide-nav__separator-line {
  margin: 44px 0;
}
.slide-nav__contact-group {
  display: flex;
  flex-direction: column;
  gap: 17px;
  margin: 0 0 24px;
}
.slide-nav__contact-group:first-child {
  margin-bottom: 0;
}
.slide-nav__link {
  color: var(--color-yellow);
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: color 0.3s ease;
}
.slide-nav__link:hover {
  color: var(--white);
}
.slide-nav__link_decoration_underline {
  text-decoration: underline;
}
.slide-nav__contact_mail .menu__link {
  text-decoration: underline;
}
.slide-nav__control {
  margin: 0 0 41px;
}
.slide-nav__control:last-child {
  margin-bottom: 0;
}
.slide-nav__nav_offset_bottom {
  margin: 0 0 20px;
}
.slide-nav_show_deep .slide-nav__shift {
  transform: translate(-50%, 0);
}
.slide-nav_show_deep .slide-nav__panel:nth-child(1) {
  height: 0;
}
.social-nav {
  display: block;
}
.social-nav__list {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.social-nav__item {
  display: block;
  flex: 0 1 auto;
  margin: 0 12px 0 0;
}
.social-nav__item:last-child {
  margin-right: 0;
}
.social-nav__link {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  color: inherit;
  text-decoration: none;
  border: none;
  outline: none;
  transition: all 0.3s ease;
  transition-property: color opacity;
}
.social-nav__link:hover {
  text-decoration: none;
  opacity: 0.7;
}
.social-nav__link:focus {
  text-decoration: none;
  outline: none;
}
.social-nav__link:focus .social-nav__image {
  opacity: 0.7;
}
.social-nav__icon-wrapper {
  position: relative;
}
.social-nav__icon,
.social-nav__image {
  display: block;
}
.social-nav_style_gradient .social-nav__list {
  gap: 15px;
}
.social-nav_style_gradient .social-nav__item {
  margin: 0;
}
.social-nav_style_gradient .social-nav__link {
  color: var(--color-black);
  background: var(--color-secondary);
  border-radius: 7px;
}
.social-nav_style_gradient .social-nav__icon {
  width: 32px;
  height: 32px;
  fill: currentColor;
}
.social-nav_style_gap .social-nav__list {
  gap: 3px;
}
.status {
  display: block;
  padding: 0 4px;
  color: var(--color-white);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  background: var(--color-status-default);
  border-radius: 5px;
}
@media only screen and (min-width: 744px) {
  .status {
    font-size: 16px;
    line-height: 23px;
  }
}
.status_style_info {
  background-color: var(--color-status-info);
}
.status_style_success {
  background-color: var(--color-status-success);
}
.storage-list {
  display: block;
}
.storage-list__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 744px) {
  .storage-list__item {
    margin-bottom: 25px;
  }
}
.storage-list__item:last-child {
  margin-bottom: 0;
}
.storage-list__city {
  color: var(--color-white);
  font-family: Raleway;
  font-size: 16px;
  font-weight: 800;
  font-style: normal;
  line-height: 25px;
}
.storage-list_style_light {
  color: var(--color-white);
}
.storage-list_style_margin .storage-list__item {
  margin: 0 0 33px;
}
.storage-list_style_margin .storage-list__item:last-child {
  margin-bottom: 0;
}
.storage-list_m_row .storage-list__list {
  display: flex;
  flex-wrap: wrap;
  margin: -19px;
}
@media only screen and (min-width: 744px) {
  .storage-list_m_row .storage-list__list {
    margin: 0 -19px;
  }
}
@media only screen and (min-width: 1025px) {
  .storage-list_m_row .storage-list__list {
    display: block;
    margin: 0;
  }
}
.storage-list_m_row .storage-list__item {
  gap: 5px;
  width: 50%;
  margin: 0;
  margin-bottom: 21px;
  padding: 0 19px;
}
@media only screen and (min-width: 1025px) {
  .storage-list_m_row .storage-list__item {
    width: initial;
    padding: 0;
  }
}
.swiper {
  display: block;
}
.swiper-autoheight .swiper-wrapper {
  align-items: center;
}
.switch {
  position: relative;
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.1428;
  -webkit-user-select: none;
          user-select: none;
}
@media only screen and (min-width: 744px) {
  .switch {
    font-size: 16px;
    line-height: 1.1875;
  }
}
.switch__input {
  position: absolute;
  top: 50%;
  left: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: none;
  opacity: 0.01;
  transform: scale(0.001);
}
.switch__input:checked + .switch__body .switch__knob {
  background: var(--color-yellow);
  transform: translate(calc(-100% + 30px), -50%);
}
.switch__body {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.switch__container {
  position: relative;
  display: block;
  flex: 0 0 34px;
  width: 34px;
  height: 20px;
  padding: 2px;
  cursor: pointer;
  background: var(--color-black);
  border-radius: 20px;
}
.switch__wrapper {
  position: relative;
  z-index: 10;
  display: block;
  width: 100%;
  height: 100%;
}
.switch__knob {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  width: 16px;
  height: 16px;
  background: var(--color-white);
  border: none;
  border-radius: 50%;
  transform: translate(0, -50%);
  transition: all 0.3s ease;
  transition-property: background transform;
}
.switch__label {
  display: block;
  flex: 1 1 100%;
  width: 100%;
  max-width: 100%;
  margin: 0 0 0 10px;
  color: inherit;
}
.tab-bar-panel {
  display: block;
  background: var(--color-balck);
}
.table {
  display: block;
  font-size: 16px;
  line-height: 1.1875;
}
@media only screen and (min-width: 744px) {
  .table {
    font-weight: 700;
  }
}
.table__table {
  display: block;
  margin: 0 0 20px;
}
@media only screen and (min-width: 744px) {
  .table__table {
    margin: 0 0 25px;
  }
}
.table__table:last-child {
  margin-bottom: 0;
}
.table__header {
  display: none;
  color: var(--color-gray);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.143;
  text-transform: uppercase;
  border-bottom: 1px solid var(--color-gray);
}
@media only screen and (min-width: 744px) {
  .table__header {
    display: block;
  }
}
.table__main {
  border-bottom: 1px dashed var(--color-gray);
}
.table__row {
  margin: 0 0 23px;
  padding: 0 0 19px;
  border-bottom: 1px dashed var(--color-gray);
}
@media only screen and (min-width: 744px) {
  .table__row {
    margin: 0;
    padding: 0;
  }
}
.table__row:last-child {
  border-bottom: none;
}
.table__inner {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 744px) {
  .table__inner {
    flex-wrap: nowrap;
  }
}
.table__inner:last-child {
  margin-bottom: 0;
}
.table__cell {
  display: block;
  flex: 1 1 50%;
  margin: 0 0 11px;
}
@media only screen and (min-width: 744px) {
  .table__cell {
    margin: 0;
    padding: 25px 5px 24px;
  }
}
@media only screen and (min-width: 744px) {
  .table__cell:first-child {
    padding-left: 0;
  }
}
.table__cell:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 744px) {
  .table__cell:last-child {
    padding-right: 0;
  }
}
.table__cell_type_heading {
  padding-top: 0;
  padding-bottom: 19px;
}
.table__meta {
  display: block;
  margin: 0 0 14px;
}
@media only screen and (min-width: 744px) {
  .table__meta {
    margin: 0;
  }
}
@media only screen and (min-width: 1281px) {
  .table__meta {
    display: none;
  }
}
.table__meta:last-child {
  margin-bottom: 0;
}
.table__highlight {
  margin: 0 0.25em 0 0;
  font-weight: 700;
}
@media only screen and (min-width: 744px) {
  .table__highlight {
    margin: 0 0.75em 0 0;
    font-weight: inherit;
  }
}
.table__highlight:last-child {
  margin-right: 0;
}
.table__meta-separator {
  margin: 0 0.25em 0 0;
}
@media only screen and (min-width: 744px) {
  .table__meta-separator {
    display: none;
  }
}
.table__meta-separator:last-child {
  margin-right: 0;
}
.table__caption {
  margin: 0 0.25em 0 0;
}
.table__caption:last-child {
  margin-right: 0;
}
.table__status {
  display: inline-block;
  vertical-align: middle;
}
.table__controls {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.table__control {
  display: block;
  flex: 0 1 auto;
}
.table__note {
  display: block;
  margin: 0 0 20px;
  color: var(--color-gray);
  font-size: 14px;
  line-height: 1.143;
  text-transform: uppercase;
}
@media only screen and (min-width: 744px) {
  .table__note {
    margin: 0 0 25px;
  }
}
.table__note:last-child {
  margin-bottom: 0;
}
.table__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 744px) {
  .table__form {
    margin: 0 0 25px;
  }
}
.table_role_orders .table__cell:nth-child(1) {
  display: none;
  flex: 0 0 11.5%;
  width: 11.5%;
}
@media only screen and (min-width: 1281px) {
  .table_role_orders .table__cell:nth-child(1) {
    display: block;
  }
}
.table_role_orders .table__cell:nth-child(2) {
  display: none;
  flex: 0 0 20%;
  width: 20%;
}
@media only screen and (min-width: 1281px) {
  .table_role_orders .table__cell:nth-child(2) {
    display: block;
  }
}
.table_role_orders .table__cell:nth-child(3) {
  flex: 1 1 calc(100% - 40px);
  order: -2;
  width: calc(100% - 40px);
}
@media only screen and (min-width: 744px) {
  .table_role_orders .table__cell:nth-child(3) {
    flex: 0 0 48%;
    order: 0;
    width: 48%;
    padding-left: 0;
  }
}
@media only screen and (min-width: 1281px) {
  .table_role_orders .table__cell:nth-child(3) {
    flex-basis: 29.5%;
    width: 29.5%;
    padding-left: 5px;
  }
}
.table_role_orders .table__cell:nth-child(4) {
  flex: 0 1 auto;
  margin: 0;
}
@media only screen and (min-width: 744px) {
  .table_role_orders .table__cell:nth-child(4) {
    flex: 0 0 23%;
    width: 23%;
  }
}
@media only screen and (min-width: 1281px) {
  .table_role_orders .table__cell:nth-child(4) {
    flex-basis: 15%;
    width: 15%;
  }
}
.table_role_orders .table__cell:nth-child(5) {
  flex: 0 1 auto;
  align-self: flex-end;
  margin: 0 0 0 auto;
}
@media only screen and (min-width: 744px) {
  .table_role_orders .table__cell:nth-child(5) {
    align-self: auto;
    margin: 0;
  }
}
.table_role_orders .table__cell:nth-child(6) {
  flex: 0 0 auto;
  order: -1;
}
@media only screen and (min-width: 744px) {
  .table_role_orders .table__cell:nth-child(6) {
    order: 0;
    margin: 0 0 0 auto;
  }
}
.table_role_address .table__inner {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 0;
}
@media only screen and (min-width: 744px) {
  .table_role_address .table__inner {
    grid-template-rows: auto;
    grid-template-columns: 11.6% 20% 1fr 3.3%;
  }
}
.table_role_address .table__cell:nth-child(1) {
  grid-area: 1/1/2/2;
}
@media only screen and (min-width: 744px) {
  .table_role_address .table__cell:nth-child(1) {
    grid-area: auto;
  }
}
.table_role_address .table__cell:nth-child(2) {
  grid-area: 1/2/2/3;
}
@media only screen and (min-width: 744px) {
  .table_role_address .table__cell:nth-child(2) {
    grid-area: auto;
  }
}
.table_role_address .table__cell:nth-child(3) {
  grid-area: 2/1/3/5;
}
@media only screen and (min-width: 744px) {
  .table_role_address .table__cell:nth-child(3) {
    grid-area: auto;
  }
}
.table_role_address .table__cell:nth-child(4) {
  grid-area: 1/4/2/5;
  justify-self: end;
}
@media only screen and (min-width: 744px) {
  .table_role_address .table__cell:nth-child(4) {
    grid-area: auto;
  }
}
.tabs {
  display: block;
}
.tabs__nav {
  display: flex;
  flex-wrap: nowrap;
  margin: 10px 0 40px;
  list-style: none;
  white-space: nowrap;
}
.tabs__nav:last-child {
  margin-bottom: 0;
}
.tabs__item {
  display: block;
  flex: 0 1 auto;
  margin: 0 15px 0 0;
  padding: 0;
}
.tabs__item:last-child {
  margin-right: 0;
}
.tabs__controls {
  margin-top: 40px;
}
.tabs__control {
  display: flex;
  gap: 27px;
  align-items: center;
}
.tabs__button {
  width: 100%;
  max-width: 226px;
}
.tabs__file-type {
  color: #7e7e7e;
  font-family: Raleway;
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  line-height: 23px;
  font-feature-settings: 'pnum' on, 'lnum' on;
}
.tabs__label {
  position: relative;
  display: block;
  width: auto;
  padding: 9px 15px 10px;
  color: var(--color-white);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
  background: var(--color-black);
  border: none;
  border-radius: 10px;
  outline: none;
  box-shadow: var(--shadow-primary);
  transition: all 0.3s ease;
  transition-property: color, background-color;
}
@media only screen and (min-width: 1025px) {
  .tabs__label {
    min-width: 100px;
    padding: 15px 10px;
    font-size: 16px;
  }
}
.tabs__label:hover {
  color: c-black;
  text-decoration: none;
  border-color: c-grey;
}
.tabs__label:focus {
  text-decoration: none;
  border-color: c-primary;
  outline: none;
}
.tabs__label_state_active {
  color: var(--color-black);
  background: var(--color-secondary);
}
.tabs__label_state_active:hover {
  color: c-primary-dark;
}
.tabs__label_state_active:focus {
  border-color: c-primary-dark;
}
.tabs__content {
  display: block;
}
.tabs__panel_state_hidden {
  display: none;
}
.tabs__panel_state_active {
  display: block;
}
.tabs__props-group {
  display: block;
  margin: 0 0 7px;
}
@media only screen and (min-width: 744px) {
  .tabs__props-group {
    margin: 0;
  }
}
.tabs__props-group:last-child {
  margin-bottom: 0;
}
.tabs__text {
  display: block;
  max-width: 862px;
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.286;
}
.tabs__text:last-child {
  margin-bottom: 0;
}
.tabs__text p:not([class]),
.tabs__text ul:not([class]) {
  margin: 0 0 8px;
  list-style: disc;
  line-height: 24px;
}
.tabs__text p:not([class]):last-child,
.tabs__text ul:not([class]):last-child {
  margin-bottom: 0;
}
.tabs__text li:not([calss]) {
  margin: 0 0 12px 30px;
  padding: 0;
  list-style: disc;
}
.tabs__text_style_dark {
  color: var(--color-gray);
  font-family: Raleway;
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  line-height: 150%;
}
.tabs__text_size_m {
  max-width: 533px;
}
.tabs__props {
  display: flex;
  width: 100%;
  margin: 0 0 7px;
}
@media only screen and (min-width: 744px) {
  .tabs__props {
    flex: 0 1 285px;
    gap: 40px;
    margin: 0 52px 0 0;
    padding: 0 0 12px;
  }
}
.tabs__props:last-child {
  margin: 0;
}
@media only screen and (min-width: 1025px) {
  .tabs__props_width_l {
    flex-basis: 435px;
    max-width: 435px;
    padding: 0 0 19px;
  }
}
.tabs__prop {
  flex: 1 1 316px;
}
.tabs__prop:first-child {
  flex: 0 1 379px;
}
.tabs__additional-props {
  margin-top: 40px;
}
.tabs__docs {
  margin: 0 0 12px;
}
.tabs__docs:last-child {
  margin-bottom: 0;
}
.tabs_layout_spacious .tabs__item {
  margin: 0 15px 0 0;
}
@media only screen and (min-width: 744px) {
  .tabs_layout_spacious .tabs__item {
    margin: 0 30px 0 0;
  }
}
.tabs_layout_spacious .tabs__item:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 744px) {
  .tabs_size_l .tabs__label {
    padding: 15px 20px;
    font-size: 18px;
    line-height: 1.111;
  }
}
.test {
  display: block;
}
.test__icon {
  display: block;
  width: 30px;
  height: 30px;
  fill: #f00;
}
.theme-toggle {
  position: relative;
  display: block;
  display: flex;
  align-items: center;
  width: 48px;
  height: 18px;
  padding: 0 4px;
  cursor: pointer;
  background: var(--color-black);
  border-radius: 9px;
  box-shadow: 0 0 2px rgba(0,0,0,0.2);
  transition: background 0.3s ease;
}
.theme-toggle__input[type='checkbox'] {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  font-size: 0;
  opacity: 0;
}
.theme-toggle__label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  color: var(--color-white);
}
.theme-toggle__icon {
  display: block;
}
.theme-toggle__toggle-thumb {
  position: absolute;
  top: 4px;
  left: 30px;
  width: 10px;
  height: 10px;
  background: var(--color-white);
  border-radius: 50%;
  transition: left 0.3s ease;
}
.theme-toggle_state_light {
  background: var(--color-white);
}
.theme-toggle_state_light .theme-toggle__label {
  color: var(--color-yellow);
}
.theme-toggle_state_light .theme-toggle__toggle-thumb {
  left: 0;
  background: var(--color-yellow);
}
.title {
  display: block;
  margin: 20px 0;
  padding: 0;
  color: inherit;
  font-weight: 700;
  line-height: 1.22;
}
.title:first-child {
  margin-top: 0;
}
.title:last-child {
  margin-bottom: 0;
}
.title_style_black {
  font-weight: 900;
}
.title_style_bold {
  font-weight: 800;
}
.title_style_primary {
  color: var(--color-primary);
}
.title_style_yellow {
  color: var(--color-yellow);
}
.title_style_gradient {
  background: var(--color-secondary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.title_size_h0 {
  font-size: 39px;
  font-weight: 900;
  line-height: 1.18;
}
@media only screen and (min-width: 1025px) {
  .title_size_h0 {
    font-size: 70px;
    line-height: 1.17;
  }
}
.title_size_h1 {
  font-size: 30px;
  font-weight: 900;
}
@media only screen and (min-width: 1025px) {
  .title_size_h1 {
    font-size: 40px;
    line-height: 1.225;
  }
}
.title_size_h1-l {
  font-size: 30px;
  font-weight: 900;
  line-height: 35.22px;
}
@media only screen and (min-width: 744px) {
  .title_size_h1-l {
    font-size: 35px;
    line-height: 41.09px;
  }
}
@media only screen and (min-width: 1025px) {
  .title_size_h1-l {
    font-size: 45px;
  }
}
@media only screen and (min-width: 1440px) {
  .title_size_h1-l {
    font-size: 55px;
    line-height: 64.57px;
  }
}
.title_size_h2 {
  font-size: 25px;
}
@media only screen and (min-width: 1025px) {
  .title_size_h2 {
    font-size: 30px;
  }
}
.title_size_sh2 {
  font-size: 20px;
}
@media only screen and (min-width: 1025px) {
  .title_size_sh2 {
    font-size: 30px;
  }
}
.title_size_h3 {
  font-size: 18px;
}
@media only screen and (min-width: 1025px) {
  .title_size_h3 {
    font-size: 24px;
    line-height: 1.21;
  }
}
.title_size_h3-l {
  font-size: 23px;
  line-height: 1.174;
}
@media only screen and (min-width: 1025px) {
  .title_size_h3-l {
    font-size: 25px;
    line-height: 1.16;
  }
}
.title_size_h4 {
  font-size: 20px;
  line-height: 1.2;
}
.title_size_h5 {
  font-size: 16px;
  line-height: 1.5;
}
.title_height_fit {
  line-height: 1;
}
.title_align_left {
  text-align: left;
}
.title_align_center {
  text-align: center;
}
.title_align_right {
  text-align: right;
}
.title_weight_light {
  font-weight: 300;
}
.title_weight_regular {
  font-weight: 400;
}
.title_weight_medium {
  font-weight: 500;
}
.title_weight_semibold,
.title_weight_extra {
  font-weight: 800;
}
.title_weight_bold {
  font-weight: 900;
}
.title_case_normal {
  text-transform: none;
}
.title_case_upper {
  text-transform: uppercase;
}
.title_spacing_none {
  margin: 0;
}
.work-list {
  display: block;
  font-size: 1.2rem;
}
.work-list__list {
  counter-reset: workList;
}
.work-list__item {
  position: relative;
  padding: 0 0 0 24px;
}
.work-list__item:before {
  content: counter(workList) '.';
  counter-increment: workList;
  position: absolute;
  top: 0;
  left: 0;
}
.work-list__item_done:after {
  content: '';
  display: inline-block;
  vertical-align: baseline;
  box-sizing: border-box;
  width: 8px;
  height: 16px;
  margin: 0 0 0 8px;
  color: var(--color-primary);
  font-size: 16px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
}
.work-list__link {
  display: inline-block;
  vertical-align: middle;
  color: inherit;
  text-decoration: none;
  transition: color 0.3s ease;
}
.work-list__link[href='#'] {
  cursor: default;
  pointer-events: none;
  opacity: 0.2;
}
.work-list__link:hover {
  color: var(--color-primary);
  text-decoration: none;
}
.hidden {
  display: none !important;
}
@media only screen and (max-width: 374px) {
  .hidden-xs {
    display: none !important;
  }
}
@media only screen and (min-width: 375px) {
  .hidden-up-xs {
    display: none !important;
  }
}
@media only screen and (max-width: 479px) {
  .hidden-s {
    display: none !important;
  }
}
@media only screen and (min-width: 480px) {
  .hidden-up-s {
    display: none !important;
  }
}
@media only screen and (max-width: 743px) {
  .hidden-m {
    display: none !important;
  }
}
@media only screen and (min-width: 744px) {
  .hidden-up-m {
    display: none !important;
  }
}
@media only screen and (max-width: 1024px) {
  .hidden-l {
    display: none !important;
  }
}
@media only screen and (min-width: 1025px) {
  .hidden-up-l {
    display: none !important;
  }
}
@media only screen and (max-width: 1280px) {
  .hidden-xl {
    display: none !important;
  }
}
@media only screen and (min-width: 1281px) {
  .hidden-up-xl {
    display: none !important;
  }
}
@media only screen and (max-width: 1439px) {
  .hidden-xxl {
    display: none !important;
  }
}
@media only screen and (min-width: 1440px) {
  .hidden-up-xxl {
    display: none !important;
  }
}
.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: none;
  opacity: 0.01;
  transform: scale(0.001);
}

/* End */


/* Start:/local/templates/vate/custom.css?17483264651472*/
.bx-authform {
	margin: 0 auto 25px;
	max-width: 500px;
	padding: 40px 0;
	color: #fff;
}

.bx-authform-link-container,
.bx-authform-description-container,
.bx-authform a {
	color: #f4f4f4;
}

.bx-authform input[type='text']:not([class]),
.bx-authform input[type='password']:not([class]) {
	display: block;
	width: 100%;
	color: #343434 !important;
}

.bx-authform-social {
	display: none;
}

.bx-authform .bx-title {
	font-size: 25px;
	font-weight: 400;

}

.bx-authform .btn {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	padding: 10px 30px;
	border: none;
	outline: none;
	background: #fff;
	border-radius: 3px;
}

.form__final {
	display: none;
}

.form_state_sent .form__final {
	display: block;
}

.form_state_sent .form__main {
	display: none;
}

.form__title {
	margin: 0 0 15px;
}


.modal_state_sent .modal__title,
.modal_state_sent .modal__text,
.modal_state_sent .modal__extra {
	display: none !important;
}


.notetext {
    color: green;
    font-weight: bold;
}

.form_has_errors .form__message {
	display: block;
}

.form_is_loading {
	opacity: .3;
	pointer-events: none;
}

.form__description {
	margin: 0 0 30px;
}

/* TODO Fix map-point about page start */
.map__item_style_stroke path {
	stroke: url(#linear2);
}

.map__item:hover path {
	stroke: url(#linea2);
	fill: url(#linear2);
}
/* TODO Fix map-point about page end */

div[id^="wait_comp"] {
	display: none;
}
.props__prop.PRICE_TYPE,
.props__prop.ID_STORE {
	display: none;
}
/* End */


/* Start:/local/templates/vate/components/bitrix/catalog.compare.list/head/style.css?17464175911265*/
.bx_catalog-compare-list{
    font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size:12px;
    z-index:998;
    overflow:hidden;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
    width:270px;
    max-height:100%;
    padding:10px 8px 0;
    white-space:normal;
    color:#404040;
    border:1px solid #b7b7b7;
    border-radius:3px;
    background:#fff;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.18);
	margin-bottom: 10px;
}
.bx_catalog-compare-list.fix{
	position:fixed;
}
.bx_catalog-compare-list.top{
    top:5px;
}
.bx_catalog-compare-list.right{
    right:5px;
}
.bx_catalog-compare-list.bottom{
    bottom:5px;
}
.bx_catalog-compare-list.left{
    left:5px;
}
.bx_catalog-compare-list .bx_catalog_compare_form {  }
.bx_catalog-compare-list:hover .bx_catalog_compare_form {  }
.bx_catalog-compare-list a{
    font-size:11px;
    color:#327ab7;
}
.bx_catalog-compare-list a:hover{
    text-decoration:none;
}
.bx_catalog_compare_count p{
    margin:0 0 10px 0;
}
.bx_catalog_compare_count p.compare-redirect{
	text-align: center;
	font-weight: bold;
}
.bx_catalog-compare-list .compare-items td{
    font-size:12px;
    font-weight:bold;
    padding-bottom:10px;
	vertical-align: top;
}
/* End */


/* Start:/local/templates/vate/components/bitrix/sale.basket.basket.line/.default/style.min.css?17483264654062*/
.bx-basket-block{margin:auto;position:relative;padding-bottom:5px;padding-left:20px;white-space:nowrap;font-size:12px}.bx-basket-block>.fa{position:absolute;top:3px;left:0;width:12px;color:#97a1ab}.bx-basket-block a{margin-right:10px}@media(min-width:768px){.bx-basket-fixed{position:fixed;z-index:100;overflow:hidden;padding-top:10px;width:200px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}.block-store-catalog-list .bx-basket-fixed.bottom{bottom:70px}}@media(min-width:768px) and (width <= 992px){.block-store-catalog-list .bx-basket-fixed.bottom{bottom:90px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;right:0;bottom:0;left:0;z-index:100;overflow:hidden;padding-top:10px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-item-list{display:none}.block-wrapper .bx-basket-fixed{padding-top:0}.block-wrapper .bx-basket-fixed .bx-hdr-profile{display:flex;justify-content:space-between}.block-wrapper .bx-basket-fixed .bx-hdr-profile .bx-basket-block{padding-bottom:0}}.bx-basket-item-list{position:relative;overflow:hidden;padding-bottom:20px;border-top:1px solid #f7f7f7}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;right:0;bottom:0;left:0}.bx-closed .bx-basket-item-list{overflow:hidden;height:20px}.bx-basket-item-list-action{position:absolute;right:0;bottom:0;left:0;z-index:120;padding:3px 0;height:20px;background:#f7f7f7;color:#4f4f4f;vertical-align:middle;text-align:center;font-size:12px;line-height:14px;cursor:pointer}.bx-basket-item-list-button-container{position:absolute;right:0;bottom:20px;left:0;padding:10px 0;border-top:1px solid #f7f7f7;background:#fff;text-align:center}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{position:relative;margin-bottom:15px;padding-top:15px;padding-right:10px;padding-left:10px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{margin-bottom:0;border-bottom:0}.bx-basket-item-list-item-status{margin:0 10px 20px;padding:3px;border-radius:3px;background:#ebebeb;text-align:center;white-space:normal;font-weight:bold;font-size:12px;line-height:16px}.bx-basket-item-list-item-img{position:relative;padding-bottom:5px;text-align:center}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;top:-7px;right:10px;width:20px;height:20px;opacity:.5;cursor:pointer;transition:250ms linear all}.bx-basket-item-list-item-remove:after,.bx-basket-item-list-item-remove:before{position:absolute;top:50%;left:50%;display:block;width:10px;height:2px;border-radius:1px;background-color:#333;content:'';transform:translate(-50%,-50%)}.bx-basket-item-list-item-remove:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.bx-basket-item-list-item-remove:before{-webkit-transform:translate(-50%,-50%) rotate(135deg);-moz-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);-o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg)}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;color:#b0b0b0;text-decoration:line-through}.bx_cart_login_top .bx-hdr-profile{line-height:1.44em}
/* End */
/* /local/templates/vate/mockup/dist/assets/components/swiper-11.0.7/swiper-bundle.min.css?173028462418436 */
/* /local/templates/vate/mockup/dist/assets/styles/app.css?1750346977287806 */
/* /local/templates/vate/custom.css?17483264651472 */
/* /local/templates/vate/components/bitrix/catalog.compare.list/head/style.css?17464175911265 */
/* /local/templates/vate/components/bitrix/sale.basket.basket.line/.default/style.min.css?17483264654062 */
