/* Start:/local/templates/test_flowers/css/swiper.css?170774375618444*/
/**
 * Swiper 10.1.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 1, 2023
 */

 @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}: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;overflow:clip;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;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-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/test_flowers/css/nouislider.min.css?17077437564220*/
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}
/* End */


/* Start:/local/templates/test_flowers/css/nativejs-select.css?17077437562568*/
.nativejs-select {
  position: relative;
  border-radius: 3px;
  cursor: pointer;
}

.sort--catalog .nativejs-select {
  min-width: 220px;
}

.nativejs-select__placeholder,
.nativejs-select__option {
  cursor: pointer;
  border: none;
  outline: none;
  text-align: left;
}

.nativejs-select__placeholder {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 40px;
  padding: 12px 20px 12px 35px;
  border-radius: 20px;
  color: #ccc;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: transparent;
  transition: background-color 0.3s;
}

.nativejs-select_active .nativejs-select__placeholder {
  background-color: rgba(99, 99, 99, 0.1);
}

@media screen and (min-width: 1000px) {
  .nativejs-select__placeholder:hover {
    background-color: rgba(99, 99, 99, 0.1);
  }
}

.nativejs-select_active {
  .nativejs-select__placeholder {
    border-radius: 20px 20px 0 0;
  }
}

.nativejs-select__placeholder:after {
  content: '';
  display: block;
  clip-path: polygon(10% 0, 50% 80%, 90% 0, 100% 9%, 100% 10%, 50% 100%, 0 10%);
  position: absolute;
  width: 12px;
  height: 7px;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #000;
  transition: transform 0.3s;
}

.nativejs-select__placeholder img {
  margin-right: 5px;
}

.nativejs-select__placeholder_fixed {
  padding-right: 5px;
  color: #7ca95c;
}

.nativejs-select__dropdown {
  margin: 0;
  padding: 0;
  width: 100%;
  position: absolute;
  transform: translateY(100%);
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  display: none;
  border-radius: 0 0 20px 20px;
  overflow: hidden;
  background-color: #f2eef4;
}

.nativejs-select__option {
  width: 100%;
  padding: 10px 15px;
  color: #000;
  background-color: rgba(99, 99, 99, 0.1);
  display: flex;
  align-items: center;
  transition: background-color 0.3s;
}

.nativejs-select__option:hover,
.nativejs-select__option[data-selected="true"] {
  background-color: rgba(99, 99, 99, 0.3);
}

.nativejs-select__option img {
  margin-right: 10px;
}

.nativejs-select_active {
  border-radius: 3px 3px 0 0;
}

.nativejs-select_active .nativejs-select__placeholder:after {
  transform: translateY(-50%) rotate(180deg);
}

.nativejs-select_active .nativejs-select__dropdown {
  display: block;
}

.nativejs-select__search {
  padding: 5px;
}

.nativejs-select__search-inp {
  box-sizing: border-box;
  width: 100%;
  height: 30px;
}

.nativejs-select__placeholder-value {
  display: flex;
  align-items: center;
  color: #000;
  line-height: 1;
}

/* End */


/* Start:/local/templates/test_flowers/css/fancybox.css?170774375624645*/
:root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:.175s ease-out both f-throwOutUp}.f-throwOutDown{animation:.175s ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, -150px, 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, 150px, 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease-out .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease-out both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) ease both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) ease both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:1050;outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,.is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content{visibility:hidden}.is-animating .fancybox__content,.is-dragging .fancybox__content{filter:blur(0px);will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:.25s ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:.35s ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:.15s ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:.35s ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:100%;height:100%}.fancybox__container:not(.is-compact) .has-iframe .fancybox__content,.fancybox__container:not(.is-compact) .has-map .fancybox__content,.fancybox__container:not(.is-compact) .has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 20px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden}.f-thumbs__track{display:flex;will-change:transform}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);min-width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--left, 0)*1px);width:calc(100% - var(--width, 0)*1px);cursor:pointer}.is-modern .f-thumbs__slide{--clip-path: inset( 0 calc( (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0)) ) round var(--f-thumb-border-radius, 0) );transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern .f-thumbs__slide:focus-within:not(.is-selected){filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.is-modern .f-thumbs__slide>*{clip-path:var(--clip-path)}.is-modern.in-touch .f-thumbs__slide{filter:none}.is-modern.is-resting .f-thumbs__slide{transition:all .33s ease}.is-modern.is-resting .f-thumbs__slide>*{transition:all .33s ease}.f-thumbs__slide__button{appearance:none;width:100%;height:100%;margin:0;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{position:absolute;overflow:hidden;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover}.f-thumbs.is-horizontal .f-thumbs__track{margin:0 auto;padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;margin:auto 0;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 20px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none}
/* End */


/* Start:/local/templates/test_flowers/css/style.css?1710990256220840*/
@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
 
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

@font-face {
  font-family: "Montserrat";
  src: local("Montserrat"), local("Montserrat-Regular"), url("/local/templates/test_flowers/css/../fonts/Montserrat-Regular.woff2") format("woff2"), url("/local/templates/test_flowers/css/../fonts/Montserrat-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: local("Montserrat"), local("Montserrat-SemiBold"), url("/local/templates/test_flowers/css/../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("/local/templates/test_flowers/css/../fonts/Montserrat-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: local("Montserrat"), local("Montserrat-Bold"), url("/local/templates/test_flowers/css/../fonts/Montserrat-Bold.woff2") format("woff2"), url("/local/templates/test_flowers/css/../fonts/Montserrat-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
* {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: "Montserrat", sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

html {
  height: 100%;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
  background-color: #f2eef4;
}
@media screen and (min-width: 2000px) {
  body {
    font-size: 0.75vw;
  }
}
@media screen and (min-width: 950px) {
  body {
    padding-left: 5.9375em;
  }
}
body.hidden {
  overflow: hidden;
}

header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}


main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  width: 100%;
  min-height: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.content--product {
  position: relative;
}

.filter__checkbox.disabled{
  display: none;
}
a {
  text-decoration: none;
}

button:not(:disabled) {
  cursor: pointer;
}

input,
textarea {
  outline: none;
}

textarea {
  resize: vertical;
}

.js-location > .bx-soa-reference {
  display: none;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type=number],
input[type=number]:hover,
input[type=number]:focus {
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: textfield;
}
.btn__text__empty{
  color: var(--btn-text-color, #000);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.disabled{
display:none !important;}
.title--size-lg {
  font-size: 3.5em;
  font-weight: 700;
  color: var(--title-color-lg, #575757);
}
::-moz-placeholder, :-moz-placeholder {
  opacity: 1;
  color: black;
}
@media screen and (max-width: 949.98px) {
  .title--size-lg {
    font-size: 1.625em;
  }
}
@media screen and (max-width: 339.98px) {
  .title--size-lg {
    font-size: 24px;
  }
}
.title--size-md {
  font-size: 1.875em;
  font-weight: 600;
}
@media screen and (max-width: 949.98px) {
  .title--size-md {
    font-size: 1.375em;
  }
}
.title--size-sm {
  font-size: 1.25em;
  font-weight: 600;
  color: var(--title-sm-color, #000);
}

.text--size-md {
  font-size: 1.125em;
  line-height: 1.44;
}
.text--size-sm {
  line-height: 1.5;
}
.spoiler-button {
 
  
  text-align: left;
  cursor: pointer;
  width: fit-content;
  color: #4b8702;
  background-color: #f2eef4;;
}
 
.spoiler-content {
  display: none; /* Скрыть содержимое спойлера по умолчанию */
}
.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: inherit;
  padding-right: 0.9375em;
  padding-left: 0.9375em;
  min-height: 3em;
  border-radius: 1.5em;
  border: 1px solid transparent;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.btn--primary {
  --btn-text-color: #fff;
  background-color: #533dd4;
  border-color: #533dd4;
}
.range__input::-webkit-input-placeholder { /* WebKit browsers */
  color:    black;
}
.range__input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:    black;
}
.range__input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:    black;
}
.range__input::-ms-input-placeholder { /* Internet Explorer 10+ */
  color:    black;
}
@media screen and (min-width: 1000px) {
  .btn--primary:hover {
    background-color: #866fcb;
    border-color: #866fcb;
  }
}
.btn--border {
  background-color: transparent;
  border-color: #000;
}
@media screen and (min-width: 1000px) {
  .btn--border:not(:disabled):hover {
    --btn-text-color: #fff;
    background-color: #533dd4;
    border-color: #533dd4;
  }
}
.btn--link {
  background-color: transparent;
  -webkit-text-decoration: dashed;
  text-decoration: dashed;
}
.btn--preview {
  padding-right: 2.5em;
  padding-left: 2.5em;
}
@media screen and (max-width: 949.98px) {
  .btn--preview {
    padding-right: 1.375em;
    padding-left: 1.375em;
  }
  .btn--preview .btn__text {
    white-space: nowrap;
  }
}
.btn--change {
  background-color: #f0ebe6;
}
@media screen and (min-width: 1000px) {
  .btn--change:hover {
    background-color: rgba(61, 74, 98, 0.1);
  }
}
.btn:disabled {
  --btn-text-color: #000;
  background-color: #e7ddd4;
  border-color: #e7ddd4;
}
.btn__text {
  color: var(--btn-text-color, #000);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.cursor{
  cursor: pointer;
}
.btn--link .btn__text {
  background-image: -webkit-gradient(linear, left top, right top, from(#000), color-stop(49.9%, #000), color-stop(50%, transparent));
  background-image: linear-gradient(to right, #000, #000 49.9%, transparent 50%);
  background-repeat: round no-repeat;
  background-position-y: 100%;
  background-size: 5px 1px;
  -webkit-transition: background-size 1s;
  transition: background-size 1s;
}
@media screen and (min-width: 1000px) {
  .btn--link:hover .btn__text {
    background-size: 0;
  }
}

.wrapper {
  padding: 2.5em 9% 8.75em 12.3%;
}
@media screen and (max-width: 1699.98px) {
  .wrapper {
    padding-right: 5%;
  }
}
@media screen and (max-width: 1499.98px) {
  .wrapper {
    padding-right: 9%;
    padding-left: 4.5%;
    padding-bottom: 6.25em;
  }
}
@media screen and (max-width: 1149.98px) {
  .wrapper {
    padding-left: 4.6%;
    padding-right: 2%;
  }
}
@media screen and (max-width: 949.98px) {
  .wrapper {
    padding-top: 1.25em;
    padding-right: 4.6%;
    padding-bottom: 5em;
  }
}
@media screen and (max-width: 499.98px) {
  .wrapper {
    padding-right: 5.5%;
    padding-left: 5.5%;
    padding-bottom: 3.75em;
  }
}

.success-text,
.error-text {
  padding-top: 40px;
  padding-bottom: 60px;
  color: rgb(150, 4, 4);
}

.error[data-type=validator-error] {
  position: absolute;
  right: 0;
  bottom: -15px;
  text-align: right;
  font-size: 12px;
  color: rgb(150, 4, 4);
  margin-top: 2px;
}

.text-404 {
  padding: 2.1875em 5.5% 3.75em;
}
@media screen and (max-width: 1499.98px) {
  .text-404 {
    padding-right: 4.5%;
    padding-left: 4.5%;
  }
}
@media screen and (max-width: 1149.98px) {
  .text-404 {
    padding-left: 4.6%;
  }
}
@media screen and (max-width: 499.98px) {
  .text-404 {
    padding-top: 1.25em;
    padding-bottom: 2.5em;
    padding-left: 5.5%;
  }
}

.preloader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f2eef4;
  z-index: 1003;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
}

.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 1.9375em;
  padding-bottom: 1.125em;
  padding-left: 4.7%;
  padding-right: 2%;
}
@media screen and (max-width: 1749.98px) {
  .header {
    display: grid;
    grid-template-columns: 25.625em 1fr 17.8125em 4.0625em 4.0625em 4.0625em;
    padding-right: 2.5%;
    grid-row-gap: 0.625em;
  }
}
@media screen and (max-width: 1499.98px) {
  .header {
    padding-left: 3.5%;
    grid-template-columns: 1fr 17.8125em 4.0625em 4.0625em 4.0625em;
  }
}
@media screen and (max-width: 1099.98px) {
  .header {
    grid-template-columns: 1fr 16.875em 4.0625em 4.0625em 4.0625em;
  }
}
@media screen and (max-width: 999.98px) {
  .header {
    grid-template-columns: 1fr 14.375em 4.0625em 4.0625em 4.0625em;
  }
}
@media screen and (max-width: 949.98px) {
  .header {
    grid-template-columns: 3.125em repeat(2, 1fr) 3.125em;
    justify-items: center;
    padding: 0.9375em 9%;
  }
}
@media screen and (max-width: 499.98px) {
  .header {
    padding-right: 5.5%;
    padding-left: 5.5%;
  }
}
@media screen and (max-width: 339.98px) {
  .header {
    padding-right: 0.625em;
    padding-left: 0.625em;
  }
}
@media screen and (min-width: 950px) {
  .header:not(.header--home)::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 3.7%;
    right: 6.2%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
  }
}
@media screen and (min-width: 950px) and (max-width: 1149.98px) {
  .header:not(.header--home)::before {
    left: 4.4%;
    right: 4.4%;
  }
}
.header__sidebar {
  position: fixed;
  left: 0;
  top: 0;
  width: 6.5625em;
  height: 100vh;
}
@media screen and (max-width: 949.98px) {
  .header__sidebar {
    position: static;
    grid-area: 3/1/4/5;
    height: 2.3125em;
    width: 111%;
  }
}
@media screen and (max-width: 499.98px) {
  .header__sidebar {
    width: 100%;
  }
}
@media screen and (max-width: 339.98px) {
  .header__sidebar {
    width: 94%;
  }
}
.header__logo {
  margin-right: auto;
}
@media screen and (max-width: 1749.98px) {
  .header__logo {
    grid-area: 1/1/2/2;
  }
}
@media screen and (max-width: 949.98px) {
  .header__logo {
    margin-right: 0;
  }
}
@media screen and (max-width: 949.98px) {
  .header__logo {
    grid-column: 2/4;
  }
}
.header__nav {
  margin-right: auto;
}
@media screen and (max-width: 1749.98px) {
  .header__nav {
    grid-area: 1/2/2/3;
    margin-left: auto;
  }
}
@media screen and (max-width: 1499.98px) {
  .header__nav {
    grid-area: 2/1/3/2;
    margin-left: 0.9375em;
  }
}
@media screen and (max-width: 1149.98px) {
  .header__nav {
    margin-left: 0.625em;
  }
}
.header__phone {
  margin-bottom: 0.4375em;
}
@media screen and (max-width: 1749.98px) {
  .header__phone {
    margin-right: 1.5625em;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 949.98px) {
  .header__phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 0;
    width: 3.125em;
    height: 3.125em;
  }
}
.header__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-right: auto;
}
@media screen and (max-width: 1749.98px) {
  .header__box {
    grid-area: 2/3/3/7;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
  }
}
@media screen and (max-width: 1499.98px) {
  .header__box {
    grid-column: 2/6;
  }
}
@media screen and (max-width: 1149.98px) {
  .header__box {
    margin-right: 0;
    margin-left: 1.25em;
  }
}
@media screen and (max-width: 949.98px) {
  .header__box {
    margin-right: 0;
    margin-left: 0;
    grid-column: 1/2;
  }
}
.header__search {
  width: 16.875em;
  height: 3.625em;
  margin-right: 0.9375em;
}
@media screen and (max-width: 1749.98px) {
  .header__search {
    grid-area: 1/3/2/4;
  }
}
@media screen and (max-width: 1499.98px) {
  .header__search {
    grid-column: 2/3;
  }
}
@media screen and (max-width: 1099.98px) {
  .header__search {
    margin-right: 0;
  }
}
@media screen and (max-width: 999.98px) {
  .header__search {
    width: 14.375em;
  }
}
@media screen and (max-width: 949.98px) {
  .header__search {
    grid-column: 4/5;
    width: 3.125em;
    height: 3.125em;
  }
}
.header__control {
  width: 3.125em;
  height: 3.125em;
  margin-left: 0.9375em;
}
@media screen and (max-width: 949.98px) {
  .header__control {
    margin-left: 0;
  }
}
@media screen and (max-width: 949.98px) {
  .header__call {
    display: none !important;
  }
}
.header__hamburger {
  grid-column: 1/2;
}

.header-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-logo__picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 5.9375em;
  min-width: 5.9375em;
  margin-right: 0.375em;
}
@media screen and (max-width: 1099.98px) {
  .header-logo__picture {
    width: 4.6875em;
    min-width: 4.6875em;
  }
}
@media screen and (max-width: 949.98px) {
  .header-logo__picture {
    width: 2.625em;
    min-width: 2.625em;
  }
}
@media screen and (max-width: 499.98px) {
  .header-logo__picture {
    margin-right: 0.25em;
  }
}
.header-logo__img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.header-logo__text {
  font-size: 2.3125em;
  color: #533dd4;
  font-weight: 700;
}
@media screen and (max-width: 1099.98px) {
  .header-logo__text {
    font-size: 1.875em;
  }
}
@media screen and (max-width: 949.98px) {
  .header-logo__text {
    font-size: 1.5em;
  }
}
@media screen and (max-width: 499.98px) {
  .header-logo__text {
    font-size: 1.125em;
  }
}

.btn-sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #866fcb;
  font-size: inherit;
  padding-right: 0;
  padding-left: 0;
}
@media screen and (min-width: 950px) {
  .btn-sidebar {
    -webkit-transform: translateX(-0.625em);
    -ms-transform: translateX(-0.625em);
    transform: translateX(-0.625em);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    will-change: transform;
    padding-left: 0.625em;
  }
}
@media screen and (max-width: 949.98px) {
  .btn-sidebar {
    border-radius: 2em;
  }
}
@media screen and (min-width: 1000px) {
  .btn-sidebar:hover {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.btn-sidebar__icon {
  width: 1.8125em;
  height: auto;
  margin-bottom: 0.875em;
  fill: #fff;
}
@media screen and (max-width: 949.98px) {
  .btn-sidebar__icon {
    display: none;
  }
}
.btn-sidebar__text {
  font-weight: 600;
  line-height: 1.5;
  color: #fff;
}

.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 949.98px) {
  .nav {
    display: none;
  }
}
.nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  list-style: none;
}
.nav__item {
  position: relative;
}
.nav__item:hover {
  --dropdown-shows: flex;
}
.nav__item:not(:last-child) {
  margin-right: 1.75em;
}
@media screen and (max-width: 999.98px) {
  .nav__item:not(:last-child) {
    margin-right: 1.5625em;
  }
}
.nav__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.5;
  color: inherit;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (min-width: 1000px) {
  .nav__link:hover {
    opacity: 0.7;
  }
}
.nav__icon {
  fill: rgba(0, 0, 0, 0.5);
  margin-left: 0.5em;
  width: 0.875em;
  height: auto;
}
.nav__dropdown {
  position: absolute;
  z-index: 10;
}

.nav-dropdown {
  display: var(--dropdown-shows, none);
  padding-top: 0.625em;
}
.nav-dropdown__list {
  background-color: #f2eef4;
  border-radius: 0.3125em;
  overflow: hidden;
  -webkit-box-shadow: 0em 0.9375em 3.75em rgba(0, 0, 0, 0.15);
  box-shadow: 0em 0.9375em 3.75em rgba(0, 0, 0, 0.15);
  min-width: 12.8125em;
}
.nav-dropdown__link {
  display: block;
  padding: 0.9375em 1.25em;
  color: inherit;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
@media screen and (min-width: 1000px) {
  .nav-dropdown__link:hover {
    background-color: #eddef5;
  }
}

.header-phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: inherit;
}
.header-phone__text {
  font-size: 1.5em;
  line-height: 1.5;
}
@media screen and (max-width: 949.98px) {
  .header-phone--icon .header-phone__text {
    display: none;
  }
}
.header-phone__icon {
  display: none;
  fill: #575757;
}
@media screen and (max-width: 949.98px) {
  .header-phone--icon .header-phone__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.btn-call {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 0;
  padding-left: 0;
  font-size: inherit;
  background: transparent;
}
.btn-call__icon {
  width: 0.9375em;
  height: auto;
  fill: #fe7200;
  margin-right: 0.6875em;
}

.btn-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 2em;
  border: 0.1875em solid #575757;
  background-color: transparent;
  padding-right: 0.9375em;
  padding-left: 1.5em;
  font-size: inherit;
}
@media screen and (max-width: 949.98px) {
  .btn-search {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 0;
    padding-left: 0;
    border: none;
  }
}
.btn-search__text {
  color: #3d4a62;
}
@media screen and (max-width: 949.98px) {
  .btn-search__text {
    display: none;
  }
}
.btn-search__icon {
  fill: #575757;
  width: 1.6875em;
  height: auto;
}

.btn-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: inherit;
  padding-right: 0;
  padding-left: 0;
  background-color: transparent;
}
@media screen and (min-width: 1000px) {
  .btn-control:hover {
    --icon-opacity: 0.7;
  }
}
.btn-control__icon {
  fill: #575757;
  opacity: var(--icon-opacity);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  width: auto;
  height: 1.5625em;
}
.btn-control__counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: -0.4375em;
  right: -0.4375em;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 1.375em;
  min-height: 1.375em;
  padding-right: 0.1875em;
  padding-left: 0.1875em;
  background-color: #fe7200;
  border-radius: 0.5em;
  font-weight: 600;
  color: #fff;
}

.hamburger {
  display: none;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 1.8125em;
  height: 1.1875em;
}
.hamburger::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 3.125em;
  height: 3.125em;
}
@media screen and (max-width: 949.98px) {
  .hamburger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.hamburger__item {
  width: 100%;
  height: 0.1875em;
  background-color: #575757;
}

.title-block {
  padding-top: 2.1875em;
  padding-left: 5.5%;
}
@media screen and (max-width: 1499.98px) {
  .title-block {
    padding-left: 4.5%;
    padding-right: 9%;
  }
}
@media screen and (max-width: 1149.98px) {
  .title-block {
    padding-left: 4.6%;
  }
}
@media screen and (max-width: 949.98px) {
  .title-block {
    --title-color-lg: #000;
    padding-top: 0.9375em;
    padding-right: 0;
  }
}
@media screen and (max-width: 499.98px) {
  .title-block {
    padding-left: 5.5%;
  }
}
@media screen and (min-width: 1500px) {
  .title-block--secondary {
    padding-left: 12.3%;
  }
}
.title-block__title {
  margin-top: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 949.98px) {
  .title-block__title {
    padding-right: 4.6%;
  }
}
@media screen and (max-width: 499.98px) {
  .title-block__title {
    padding-right: 5.5%;
  }
}
.title-block__breadcrumb {
  margin-bottom: 2.1875em;
}
@media screen and (max-width: 1149.98px) {
  .title-block__breadcrumb {
    margin-bottom: 1.25em;
  }
}
.title-block__icon {
  fill: #2fa827;
}

.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 2.375em;
  background-color: #f2eef4 !important;
}
@media screen and (max-width: 949.98px) {
  .breadcrumb {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding-right: 1.875em;
    padding-bottom: 0.3125em;
  }
}
.breadcrumb__link_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  line-height: 1.5;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

@media screen and (max-width: 949.98px) {
  .breadcrumb__link_item {
    white-space: nowrap;
  }
}
.breadcrumb__link_item[href]:hover {
  color: rgba(0, 0, 0, 0.6);
}
.breadcrumb__link_item[href]:hover::before {
  opacity: 0.6;
}
.breadcrumb__link_item:first-child::before {
  content: "";
  position: absolute;
  left: -2.375em;
  margin-right: 1.25em;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  background: url("/local/templates/test_flowers/css/../img/arrow-brea.svg") center/contain no-repeat;
  width: 1.125em;
  height: 0.8125em;
}
.breadcrumb__link_item:not(:last-child)::after {
  content: "/";
  margin-right: 0.625em;
  margin-left: 0.625em;
  pointer-events: none;
  color: #000;
}

.footer {
  padding-left: 5.2%;
}
@media screen and (max-width: 1499.98px) {
  .footer {
    padding-left: 4.3%;
  }
}
@media screen and (max-width: 949.98px) {
  .footer {
    padding-left: 0;
  }
}
.footer__newsletter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 3.1875em 27.5em 2.9375em 5.625em;
  background-color: #4b8702;
  border-top-left-radius: 2.5em;
}
@media screen and (min-width: 1750px) {
  .footer__newsletter::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    background: url("/local/templates/test_flowers/css/../img/flowers-footer.png") top/100% auto no-repeat;
    width: 27.25em;
    height: 14em;
  }
}
@media screen and (max-width: 1749.98px) {
  .footer__newsletter {
    padding-right: 4.0625em;
  }
}
@media screen and (max-width: 1499.98px) {
  .footer__newsletter {
    padding-right: 3.4375em;
  }
}
@media screen and (max-width: 1249.98px) {
  .footer__newsletter {
    padding-left: 5.125em;
  }
}
@media screen and (max-width: 999.98px) {
  .footer__newsletter {
    padding-left: 4.375em;
  }
}
@media screen and (max-width: 949.98px) {
  .footer__newsletter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 2.25em 1.25em 2.9375em;
  }
}
.footer__text {
  display: block;
  font-size: 1.5em;
  color: #fff;
  width: 100%;
  max-width: 22.5em;
  margin-right: 5%;
}
@media screen and (max-width: 1749.98px) {
  .footer__text {
    margin-right: 2.7083333333em;
  }
}
@media screen and (max-width: 1499.98px) {
  .footer__text {
    margin-right: 0.4166666667em;
  }
}
@media screen and (max-width: 1249.98px) {
  .footer__text {
    margin-right: 2.5em;
  }
}
@media screen and (max-width: 949.98px) {
  .footer__text {
    margin-right: 0;
    max-width: 21.1666666667em;
    margin-bottom: 2.7083333333em;
  }
}
.footer__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 1249.98px) {
  .footer__form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 20.75em;
    min-width: 20.75em;
  }
}
@media screen and (max-width: 949.98px) {
  .footer__form {
    max-width: 31.75em;
    width: 100%;
    min-width: 0;
  }
}
.footer__input {
  width: 14.5em;
  height: 2.6666666667em;
  border: 1px solid rgba(0, 0, 0, 0.23);
  border-radius: 0.2777777778em;
  margin-right: 1.1111111111em;
  padding-left: 0.8888888889em;
  font-size: 1.125em;
}
.footer__input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.footer__input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.footer__input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.footer__input::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.footer__input::placeholder {
  color: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 1499.98px) {
  .footer__input {
    width: 12.5555555556em;
  }
}
@media screen and (max-width: 1249.98px) {
  .footer__input {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.1111111111em;
  }
}
.footer__submit {
  width: 16.3125em;
}
@media screen and (max-width: 1249.98px) {
  .footer__submit {
    width: 100%;
  }
}
.footer__content {
  padding: 4.5em 7.6% 1.625em 5.625em;
  background-color: #444644;
}
@media screen and (max-width: 1749.98px) {
  .footer__content {
    padding-right: 5%;
  }
}
@media screen and (max-width: 1249.98px) {
  .footer__content {
    padding-left: 5.125em;
    padding-right: 3%;
  }
}
@media screen and (max-width: 1099.98px) {
  .footer__content {
    padding-right: 0;
  }
}
@media screen and (max-width: 999.98px) {
  .footer__content {
    padding-left: 4.375em;
  }
}
@media screen and (max-width: 949.98px) {
  .footer__content {
    padding: 2.625em 0.625em 3em;
  }
}
.footer__nav {
  margin-bottom: 3.125em;
}
@media screen and (max-width: 949.98px) {
  .footer__nav {
    margin-bottom: 1.5625em;
  }
}
.footer__contact {
  margin-bottom: 2.25em;
}
.footer__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 1499.98px) {
  .footer__info {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1099.98px) {
  .footer__info {
    padding-right: 3.125em;
  }
}
@media screen and (max-width: 949.98px) {
  .footer__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 0;
  }
}
.footer__copyright, .footer__link, .footer__developers {
  color: #fff;
  line-height: 1.6;
  text-align: center;
}
.footer__link, .footer__developers {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (min-width: 1000px) {
  .footer__link:hover, .footer__developers:hover {
    opacity: 0.7;
  }
}
.footer__copyright {
  font-size: 0.875em;
}
@media screen and (min-width: 950px) {
  .footer__copyright {
    margin-right: 4.1428571429em;
  }
}
@media screen and (max-width: 949.98px) {
  .footer__copyright {
    margin-bottom: 1.0714285714em;
  }
}
.footer__link {
  font-size: 0.875em;
}
@media screen and (min-width: 950px) {
  .footer__link {
    margin-right: 3.5714285714em;
  }
}
@media screen and (max-width: 1499.98px) {
  .footer__link:first-child {
    margin-bottom: 0.6428571429em;
  }
}
@media screen and (max-width: 949.98px) {
  .footer__link {
    margin-bottom: 1.0714285714em;
  }
  .footer__link:first-child {
    margin-bottom: 1.0714285714em;
  }
}
.footer__developers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.875em;
  margin-left: auto;
}
@media screen and (max-width: 1099.98px) {
  .footer__developers {
    position: absolute;
    top: 0;
    right: 3.5714285714em;
  }
}
@media screen and (max-width: 949.98px) {
  .footer__developers {
    position: static;
    margin-left: 0;
  }
}
.footer__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0.625em;
  width: 4.6875em;
  height: auto;
}
.footer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1499.98px) {
  .footer__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (max-width: 949.98px) {
  .footer__inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.footer-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
@media screen and (max-width: 949.98px) {
  .footer-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.footer-nav__link {
  color: #fff;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  margin-bottom: 1.25em;
  line-height: 1.5;
}
@media screen and (max-width: 949.98px) {
  .footer-nav__link {
    text-align: center;
  }
}
.footer-nav__link:not(:last-child) {
  margin-right: 2.875em;
}
@media screen and (max-width: 1099.98px) {
  .footer-nav__link:not(:last-child) {
    margin-right: 2.4375em;
  }
}
@media screen and (max-width: 949.98px) {
  .footer-nav__link:not(:last-child) {
    margin-right: 0;
  }
}
@media screen and (min-width: 1000px) {
  .footer-nav__link:hover {
    opacity: 0.8;
  }
}

.footer-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 949.98px) {
  .footer-contact {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.footer-contact__link:not(:last-child) {
  margin-right: 4.375em;
}
@media screen and (max-width: 949.98px) {
  .footer-contact__link:not(:last-child) {
    margin-right: 0;
    margin-bottom: 0.9375em;
  }
}

.contact-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (min-width: 1000px) {
  .contact-item:hover {
    opacity: 0.8;
  }
}
.contact-item__text {
  font-size: 0.875em;
  color: var(--contact-item-color, #fff);
  line-height: 1.6;
}
.contact-item__icon {
  margin-right: 0.625em;
}
.contact-item__icon--theme-orange {
  fill: #fe7200;
}
.contact-item__icon--theme-blue {
  fill: #4f7fff;
}
.contact-item__icon--theme-purple {
  fill: #be3ebe;
}

.preview {
  display: grid;
  justify-items: space-between;
  padding-top: 3.75em;
  padding-right: 5.2%;
  padding-left: 5.2%;
  overflow: hidden;
}
@media screen and (max-width: 1499.98px) {
  .preview {
    padding-top: 1.375em;
    padding-left: 4.8%;
    padding-right: 4%;
    padding-bottom: 2.5em;
    padding: 1.375em 4% 2.5em 4.8%;
  }
}
@media screen and (max-width: 1199.98px) {
  .preview {
    padding-bottom: 2.75em;
  }
}
@media screen and (max-width: 949.98px) {
  .preview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0.3125em 0em 3.4375em;
  }
}
.preview__block {
  grid-area: -1/1;
}
@media screen and (max-width: 949.98px) {
  .preview__block {
    padding-left: 4.8%;
  }
}
@media screen and (max-width: 499.98px) {
  .preview__block {
    padding-left: 1.25em;
  }
}
.preview__title {
  width: 47%;
  height: auto;
  margin-bottom: 4.375em;
}
@media screen and (max-width: 1499.98px) {
  .preview__title {
    width: 50%;
  }
}
@media screen and (max-width: 1499.98px) {
  .preview__title {
    margin-bottom: 2.6875em;
  }
}
@media screen and (max-width: 1199.98px) {
  .preview__title {
    width: 56%;
  }
}
@media screen and (max-width: 949.98px) {
  .preview__title {
    width: 77%;
    margin-bottom: 1.5625em;
  }
}
@media screen and (max-width: 599.98px) {
  .preview__title {
    width: 92%;
  }
}
.preview__images {
  display: grid;
  grid-area: -1/1;
  align-self: start;
  justify-self: end;
  justify-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.833vw;
  pointer-events: none;
}
@media screen and (max-width: 1199.98px) {
  .preview__images {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 949.98px) {
  .preview__images {
    font-size: 2.353vw;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 599.98px) {
  .preview__images {
    font-size: 3.7vw;
  }
}
.preview__picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-area: -1/1;
  border-radius: 50%;
  width: 50.75em;
  height: auto;
  overflow: hidden;
  -webkit-box-shadow: 0em 0em 7.6875em rgba(75, 82, 186, 0.27) inset;
  box-shadow: 0em 0em 7.6875em rgba(75, 82, 186, 0.27) inset;
}
@media screen and (max-width: 1199.98px) {
  .preview__picture {
    width: 23.0625em;
  }
}
@media screen and (max-width: 949.98px) {
  .preview__picture {
    width: 33.4375em;
  }
}
@media screen and (max-width: 949.98px) {
  .preview__picture {
    width: 23.0625em;
  }
}
.preview__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
  -webkit-animation: rotate-img 120s forwards infinite linear;
  animation: rotate-img 120s forwards infinite linear;
}
.preview__slogan {
  grid-area: -1/1;
  -webkit-animation: rotate-text 60s forwards infinite linear;
  animation: rotate-text 60s forwards infinite linear;
  width: 55em;
  height: auto;
}
@media screen and (max-width: 1199.98px) {
  .preview__slogan {
    width: 25em;
  }
}
@media screen and (max-width: 949.98px) {
  .preview__slogan {
    width: 36.25em;
  }
}
@media screen and (max-width: 949.98px) {
  .preview__slogan {
    width: 25em;
  }
}
.preview__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 43.75em;
  margin-bottom: 3em;
}
@media screen and (max-width: 1499.98px) {
  .preview__btns {
    max-width: 28.75em;
    margin-bottom: 1.625em;
  }
}
@media screen and (max-width: 1199.98px) {
  .preview__btns {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 949.98px) {
  .preview__btns {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    max-width: 100%;
    padding-bottom: 0.9375em;
    margin-bottom: 1.875em;
  }
}
.preview__btn {
  margin-right: 1.875em;
  margin-bottom: 1.625em;
}
@media screen and (max-width: 1199.98px) {
  .preview__btn {
    margin-right: 1.0625em;
    margin-bottom: 1em;
  }
}
@media screen and (max-width: 949.98px) {
  .preview__btn {
    min-height: 2.3125em;
    margin-right: 0.625em;
    margin-bottom: 0;
  }
}

.btn-down {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 1.5em;
  height: 2.125em;
  border: 1px solid rgba(0, 0, 0, 0.43);
  border-radius: 1.5625em;
}
@media screen and (min-width: 1000px) {
  .btn-down:hover {
    --btn-down-y: 0.125em;
  }
}
@media screen and (max-width: 1199.98px) {
  .btn-down {
    display: none;
  }
}
.btn-down__icon {
  width: 0.5625em;
  height: auto;
  fill: #000;
  -webkit-transform: translateY(var(--btn-down-y, -0.125em));
  -ms-transform: translateY(var(--btn-down-y, -0.125em));
  transform: translateY(var(--btn-down-y, -0.125em));
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

@-webkit-keyframes rotate-text {
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

@keyframes rotate-text {
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes rotate-img {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  100% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
}
@keyframes rotate-img {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  100% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
}
.advantage {
  display: grid;
  grid-template-columns: repeat(2, 46.3125em);
  grid-column-gap: 5.375em;
  padding-left: 6%;
  grid-template-rows: 15.625em;
  font-size: 0.833vw;
}
@media screen and (max-width: 1199.98px) {
  .advantage {
    font-size: 1.6vw;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 15.625em);
    padding-left: 2.25em;
    padding-right: 2.0625em;
    grid-row-gap: 1.75em;
  }
}
@media screen and (max-width: 949.98px) {
  .advantage {
    padding-left: 1.875em;
    padding-right: 1.875em;
    font-size: 2.353vw;
    grid-template-rows: repeat(2, 13.0625em);
    grid-row-gap: 2.0625em;
  }
}
@media screen and (max-width: 599.98px) {
  .advantage {
    font-size: 4.267vw;
    grid-template-rows: repeat(2, 7.0625em);
    grid-row-gap: 0.625em;
    padding-left: 1.25em;
    padding-right: 1.25em;
  }
}
.advantage--margin {
  margin-bottom: 110px;
  padding-left: 5%;
}
@media screen and (max-width: 1499.98px) {
  .advantage--margin {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 1199.98px) {
  .advantage--margin {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 949.98px) {
  .advantage--margin {
    margin-bottom: 3.4375em;
  }
}
@media screen and (max-width: 599.98px) {
  .advantage--margin {
    margin-bottom: 2.3125em;
  }
}
.advantage--margin-xl {
  margin-bottom: 11.25em;
}
@media screen and (max-width: 1199.98px) {
  .advantage--margin-xl {
    margin-bottom: 10.625em;
  }
}
@media screen and (max-width: 949.98px) {
  .advantage--margin-xl {
    margin-bottom: 3.4375em;
  }
}
@media screen and (max-width: 599.98px) {
  .advantage--margin-xl {
    margin-bottom: 3.75em;
  }
}
.advantage__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 7.8125em;
  padding-right: 4.375em;
}
@media screen and (max-width: 1199.98px) {
  .advantage__block {
    border-radius: 8.75em;
    padding-right: 3.75em;
  }
}
@media screen and (max-width: 949.98px) {
  .advantage__block {
    border-radius: 7.8125em;
    padding-right: 2.5em;
  }
}
@media screen and (max-width: 599.98px) {
  .advantage__block {
    padding-right: 0.625em;
  }
}
.advantage__block--delivery {
  --advantage-title-margin: 1.875em;
  background-image: url("/local/templates/test_flowers/css/../img/advantage-delivery.jpg");
  padding-left: 19.0625em;
}
@media screen and (max-width: 1199.98px) {
  .advantage__block--delivery {
    padding-left: 20.9375em;
  }
}
@media screen and (max-width: 949.98px) {
  .advantage__block--delivery {
    padding-left: 15.625em;
  }
}
@media screen and (max-width: 599.98px) {
  .advantage__block--delivery {
    padding-left: 8.5em;
  }
}
.advantage__block--payment {
  --advantage-title-color: #7a5e8e;
  --btn-circle-color: #000;
  background-image: url("/local/templates/test_flowers/css/../img/advantage-payment.png");
  background-size: auto 100%;
  background-position-x: 5%;
  background-color: #fff;
  padding-left: 19.3125em;
}
@media screen and (max-width: 1199.98px) {
  .advantage__block--payment {
    padding-left: 20.9375em;
  }
}
@media screen and (max-width: 949.98px) {
  .advantage__block--payment {
    padding-left: 15em;
  }
}
@media screen and (max-width: 599.98px) {
  .advantage__block--payment {
    padding-left: 7.5625em;
  }
}
.advantage__block--discount {
  background-image: url("/local/templates/test_flowers/css/../img/advantage-discount.jpg");
  padding-left: 17.25em;
}
@media screen and (max-width: 1199.98px) {
  .advantage__block--discount {
    padding-left: 18.25em;
  }
}
@media screen and (max-width: 949.98px) {
  .advantage__block--discount {
    padding-left: 15em;
  }
}
@media screen and (max-width: 599.98px) {
  .advantage__block--discount {
    padding-left: 7.625em;
  }
}
.advantage__block--discount .advantage__btn {
  display: none;
}
.advantage__block--amount {
  --advantage-title-color: #4b8702;
  --advantage-title-width: 31.25em;
  background-image: url("/local/templates/test_flowers/css/../img/advantage-amount.jpg");
  background-size: auto 100%;
  background-position-x: 2%;
  background-color: #fff;
  padding-right: 1.25em;
  padding-left: 18.25em;
}
@media screen and (max-width: 1199.98px) {
  .advantage__block--amount {
    background-position-x: 5%;
  }
}
@media screen and (max-width: 949.98px) {
  .advantage__block--amount {
    padding-left: 15em;
  }
}
@media screen and (max-width: 599.98px) {
  .advantage__block--amount {
    background-position-x: 2%;
    padding-left: 7.625em;
  }
}
.advantage__block--onorder {
  --advantage-title-color: #575757;
  --advantage-title-width: 13.4375em;
  background-image: url("/local/templates/test_flowers/css/../img/advantage-onorder.jpg");
  padding-right: 3.125em;
  padding-left: 5.5em;
}
@media screen and (max-width: 949.98px) {
  .advantage__block--onorder {
    padding-left: 5.9375em;
  }
}
@media screen and (max-width: 599.98px) {
  .advantage__block--onorder {
    padding-left: 2.5em;
  }
}
.advantage__block--colors {
  --advantage-title-width: 14.375em;
  background-image: url("/local/templates/test_flowers/css/../img/advantage-colors.jpg");
  padding-right: 1.875em;
  padding-left: 5.5em;
}
@media screen and (max-width: 949.98px) {
  .advantage__block--colors {
    padding-left: 5.9375em;
  }
}
@media screen and (max-width: 599.98px) {
  .advantage__block--colors {
    padding-left: 2.5em;
  }
}
.advantage__btn {
  width: 3em;
  min-width: 3em;
  height: 3em;
}
.advantage__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2.5em;
  font-weight: 700;
  line-height: 1.2;
  color: var(--advantage-title-color, #fff);
  max-width: var(--advantage-title-width, 6.4em);
  margin-bottom: var(--advantage-title-margin);
}
@media screen and (max-width: 949.98px) {
  .advantage__title {
    font-size: 1.875em;
  }
}
@media screen and (max-width: 599.98px) {
  .advantage__title {
    font-size: 1.125em;
  }
}

.btn-circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid var(--btn-circle-color, #fff);
  border-radius: 50%;
  background-color: transparent;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
@media screen and (min-width: 1000px) {
  .btn-circle:hover {
    --btn-circle-color: #fff;
    background-color: #533dd4;
    border-color: #533dd4;
  }
}
.btn-circle__icon {
  width: 1.5em;
  height: auto;
  fill: var(--btn-circle-color, #fff);
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
}

.section-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-right: 10%;
}
@media screen and (max-width: 1499.98px) {
  .section-form {
    padding-right: 6%;
    padding-left: 5%;
  }
}
@media screen and (max-width: 1199.98px) {
  .section-form {
    padding-right: 4%;
    padding-left: 4%;
  }
}
@media screen and (max-width: 949.98px) {
  .section-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 4.4%;
    padding-right: 4.4%;
  }
}
@media screen and (max-width: 599.98px) {
  .section-form {
    padding-left: 5.4%;
    padding-right: 5.4%;
  }
}
.section-form--margin {
  margin-bottom: 8.125em;
}
@media screen and (max-width: 1499.98px) {
  .section-form--margin {
    margin-bottom: 6.25em;
  }
}
@media screen and (max-width: 1199.98px) {
  .section-form--margin {
    margin-bottom: 4.375em;
  }
}
@media screen and (max-width: 599.98px) {
  .section-form--margin {
    margin-bottom: 2.6875em;
  }
}
.section-form--feedback {
  margin-bottom: 6.25em;
  padding-right: 9%;
}
@media screen and (min-width: 1500px) {
  .section-form--feedback {
    padding-left: 12.3%;
    max-width: calc(77.1875em + 21.3%);
  }
}
@media screen and (max-width: 1199.98px) {
  .section-form--feedback {
    padding-right: 5%;
  }
}
@media screen and (max-width: 1149.98px) {
  .section-form--feedback {
    padding-right: 3.3%;
    margin-bottom: 3.75em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .section-form--feedback .form-consent {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 949.98px) {
  .section-form--feedback {
    padding-right: 4.6%;
  }
}
.section-form__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-right: 5em;
}
@media screen and (max-width: 1499.98px) {
  .section-form__content {
    margin-right: 5%;
  }
}
@media screen and (max-width: 1199.98px) {
  .section-form__content {
    margin-right: 8%;
  }
}
@media screen and (max-width: 949.98px) {
  .section-form__content {
    margin-right: 0;
    margin-bottom: 3.4375em;
  }
}
@media screen and (max-width: 599.98px) {
  .section-form__content {
    margin-bottom: 2.0625em;
  }
}
@media screen and (max-width: 1149.98px) {
  .section-form--feedback .section-form__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-right: 0;
    margin-bottom: 1.875em;
  }
}
@media screen and (max-width: 949.98px) {
  .section-form--feedback .section-form__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1.5625em;
  }
}
.section-form__title {
  width: 31.5em;
  height: auto;
  margin-right: 3.5625em;
  margin-bottom: 2.375em;
}
@media screen and (max-width: 1199.98px) {
  .section-form__title {
    width: 27.0625em;
    margin-right: 0;
  }
}
@media screen and (max-width: 949.98px) {
  .section-form__title {
    margin-bottom: 2.1875em;
  }
}
@media screen and (max-width: 599.98px) {
  .section-form__title {
    width: 100%;
    margin-bottom: 1.0625em;
  }
}
.section-form--feedback .section-form__title {
  width: 25.4375em;
  margin-right: 8.75em;
}
@media screen and (max-width: 1499.98px) {
  .section-form--feedback .section-form__title {
    margin-right: 10vw;
  }
}
@media screen and (max-width: 1199.98px) {
  .section-form--feedback .section-form__title {
    margin-right: 5vw;
  }
}
@media screen and (max-width: 1149.98px) {
  .section-form--feedback .section-form__title {
    margin-right: 0;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 949.98px) {
  .section-form--feedback .section-form__title {
    width: 20.4375em;
    margin-bottom: 1.5625em;
  }
}
@media screen and (max-width: 369.98px) {
  .section-form--feedback .section-form__title {
    width: 100%;
  }
}
.section-form__inner {
  max-width: 26.875em;
  margin-left: auto;
}
@media screen and (max-width: 1199.98px) {
  .section-form__inner {
    max-width: 22.8125em;
  }
}
@media screen and (max-width: 949.98px) {
  .section-form__inner {
    margin-left: 3.75em;
  }
}
@media screen and (max-width: 599.98px) {
  .section-form__inner {
    margin-left: 0;
    max-width: 100%;
  }
}
@media screen and (max-width: 1199.98px) {
  .section-form--feedback .section-form__inner {
    max-width: 26.875em;
  }
}
@media screen and (max-width: 1149.98px) {
  .section-form--feedback .section-form__inner {
    max-width: 21.25em;
    margin-top: 0.625em;
    margin-left: 8%;
  }
}
@media screen and (max-width: 949.98px) {
  .section-form--feedback .section-form__inner {
    max-width: 100%;
    margin-top: 0;
    margin-left: 0;
  }
}
.section-form__inner a {
  color: inherit;
}
.section-form__form {
  width: 26.6875em;
}
@media screen and (max-width: 949.98px) {
  .section-form__form {
    width: 100%;
  }
}
@media screen and (max-width: 1149.98px) {
  .section-form--feedback .section-form__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
}
.section-form__form .btn {
  width: 100%;
  margin-bottom: 1.0625em;
}

.our-company {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 8em;
}
@media screen and (max-width: 1499.98px) {
  .our-company {
    padding-left: 4%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 5em;
  }
}
@media screen and (max-width: 1199.98px) {
  .our-company {
    padding-left: 4.4%;
  }
}
@media screen and (max-width: 949.98px) {
  .our-company {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 4.4%;
    margin-bottom: 1.25em;
  }
}
@media screen and (max-width: 599.98px) {
  .our-company {
    padding-right: 5.4%;
    padding-left: 5.4%;
  }
}
@media screen and (max-width: 599.98px) {
  .our-company {
    margin-bottom: 1.9375em;
  }
}
.our-company__block {
  position: relative;
}
.our-company__title {
  font-size: 6em;
  font-weight: 700;
  color: #575757;
}
@media screen and (max-width: 1199.98px) {
  .our-company__title {
    font-size: 4.125em;
  }
}
@media screen and (max-width: 949.98px) {
  .our-company__title {
    font-size: 2.375em;
  }
}
.our-company__text {
  max-width: 31.25em;
  margin-top: 2.1875em;
  margin-bottom: 2.5em;
  margin-left: 5.25em;
}
.our-company__text :first-child {
  margin-bottom: 1.875em;
}
@media screen and (max-width: 599.98px) {
  .our-company__text :first-child {
    margin-bottom: 1.25em;
  }
}
@media screen and (max-width: 1499.98px) {
  .our-company__text {
    margin-left: 0;
  }
}
@media screen and (max-width: 1199.98px) {
  .our-company__text {
    max-width: 25.9375em;
  }
}
@media screen and (max-width: 949.98px) {
  .our-company__text {
    max-width: 100%;
  }
}
@media screen and (max-width: 599.98px) {
  .our-company__text {
    margin-top: 1.875em;
    margin-bottom: 1.875em;
  }
}
.our-company__picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40.25em;
  height: auto;
  margin-left: -11%;
}
@media screen and (max-width: 1699.98px) {
  .our-company__picture {
    margin-left: -17%;
  }
}
@media screen and (max-width: 1599.98px) {
  .our-company__picture {
    margin-left: -20%;
  }
}
@media screen and (max-width: 1499.98px) {
  .our-company__picture {
    margin-left: -24.5em;
  }
}
@media screen and (max-width: 1199.98px) {
  .our-company__picture {
    width: 27.1875em;
    margin-left: -9.6875em;
  }
}
@media screen and (max-width: 949.98px) {
  .our-company__picture {
    width: 70%;
    margin-left: auto;
    margin-top: -8.125em;
  }
}
@media screen and (max-width: 599.98px) {
  .our-company__picture {
    width: 100%;
    margin-top: 0.9375em;
  }
}
.our-company__img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.our-company__btn {
  margin-left: 5.25em;
}
@media screen and (max-width: 1499.98px) {
  .our-company__btn {
    margin-left: 0;
  }
}

.btn-more {
  --btn-circle-color: #4b8702;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 1000px) {
  .btn-more:hover {
    --btn-circle-color: #533dd4;
    --btn-more-text-color: #533dd4;
  }
}
.btn-more__text {
  font-size: 1.625em;
  color: var(--btn-more-text-color, #4b8702);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.btn-more__circle {
  width: 3em;
  height: 3em;
  margin-left: 1.25em;
  pointer-events: none;
}

@-webkit-keyframes overlay-shows {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes overlay-shows {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes overlay-hidden {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes overlay-hidden {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes popup-shows {
  0% {
    -webkit-transform: translateX(var(--translate-x-popup, 100%));
    transform: translateX(var(--translate-x-popup, 100%));
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes popup-shows {
  0% {
    -webkit-transform: translateX(var(--translate-x-popup, 100%));
    transform: translateX(var(--translate-x-popup, 100%));
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes popup-hidden {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(var(--translate-x-popup, 100%));
    transform: translateX(var(--translate-x-popup, 100%));
  }
}
@keyframes popup-hidden {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(var(--translate-x-popup, 100%));
    transform: translateX(var(--translate-x-popup, 100%));
  }
}
.popup {
  display: none;
  position: fixed;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
}
.popup--sidebar {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.popup--is-show {
  --overlay-show: overlay-shows;
  --popup-show: popup-shows;
}
.popup--sharing {
  --popup-block-width: 34.375em;
  --translate-x-popup: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-animation: var(--overlay-show, overlay-hidden) 0.3s forwards;
  animation: var(--overlay-show, overlay-hidden) 0.3s forwards;
}
.popup--sharing .js-btn-copy-btn {
  width: 100%;
  margin-top: 2em;
}
.popup--basket {
  --popup-block-width: 61.25em;
}
@media screen and (max-width: 1099.98px) {
  .popup--basket {
    --popup-block-width: 100%;
  }
}
.popup--basket-empty {
  --popup-title-show: none;
  --popup-block-width: 22.1875em;
}
@media screen and (max-width: 849.98px) {
  .popup--basket-empty {
    --popup-title-show: flex;
    --popup-block-width: 100%;
  }
}
.popup__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(242, 238, 244, 0.7);
  z-index: -1;
  cursor: url("/local/templates/test_flowers/css/../img/close.svg"), auto;
  -webkit-animation: var(--overlay-show, overlay-hidden) 0.3s forwards;
  animation: var(--overlay-show, overlay-hidden) 0.3s forwards;
  will-change: opacity;
}
.basket-empty{

  --popup-title-show: none;
  --popup-block-width: 22.1875em;
  align-items: flex-end;
}
.popup__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-width: var(--popup-block-width, 44.375em);
  background-color: #fff;
  -webkit-animation: var(--popup-show, popup-hidden) 0.2s forwards;
  animation: var(--popup-show, popup-hidden) 0.2s forwards;
  -webkit-box-shadow: 0em 0em 2.5em rgba(83, 61, 212, 0.38);
  box-shadow: 0em 0em 2.5em rgba(83, 61, 212, 0.38);
}
@media screen and (max-width: 949.98px) {
  .popup__block {
    max-width: var(--popup-block-width, 34.375em);
  }
}
@media screen and (max-width: 549.98px) {
  .popup__block {
    max-width: var(--popup-block-width, 34.375em);
  }
}
.popup__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 3.3125em 2.1875em 1.875em 4.125em;
  border-bottom: 1px solid #cacaca;
}
@media screen and (max-width: 949.98px) {
  .popup__head {
    padding: 1.25em 3.75em 1.25em 1.875em;
  }
}
@media screen and (max-width: 499.98px) {
  .popup__head {
    padding-right: 1.25em;
    padding-left: 1.25em;
  }
}
.popup__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 2.5em;
  height: 2.5em;
  margin-left: auto;
  background-color: transparent;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (min-width: 1000px) {
  .popup__close:hover {
    opacity: 0.7;
  }
}
.popup__close--menu-mobi {
  margin-right: 1.5625em;
  margin-left: auto;
  margin-bottom: 0.3125em;
}
.popup__icon {
  width: 1.75em;
  height: auto;
}
.popup__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-arrow-color: transparent;
  scrollbar-face-color: transparent;
  scrollbar-track-color: transparent;
  scrollbar-base-color: transparent;
  padding: 3.4375em 4.125em;
}

@supports (scrollbar-width: auto) {
  .popup__content {
    scrollbar-width: auto;
  }
}
@-moz-document url-prefix() {
  .popup__content {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.15) transparent;
  }
}

.popup__content::-webkit-scrollbar {
  width: 0.3125em;
}
.popup__content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.15);
}
.popup__content::-webkit-scrollbar-track {
  background-color: transparent;
}
.popup--add-profile .popup__content, .popup--sharing .popup__content {
  padding-top: 1.875em;
}
@media screen and (max-width: 949.98px) {
  .popup__content {
    padding-right: 1.875em;
    padding-left: 1.875em;
  }
}
@media screen and (max-width: 499.98px) {
  .popup__content {
    padding-top: 1.875em;
    padding-right: 1.25em;
    padding-left: 1.25em;
  }
}
.popup__text {
  display: block;
  font-size: 1.125em;
  line-height: 1.4;
  max-width: 27.7777777778em;
  margin-bottom: 2.7777777778em;
}
@media screen and (max-width: 499.98px) {
  .popup__text {
    margin-bottom: 1.6666666667em;
  }
}
.popup__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.popup__share {
  margin-bottom: 4.0625em !important;
}
.popup__search {
  width: 100%;
  max-width: 46.25em;
}
@media screen and (max-width: 780px) {
  .popup__search {
    max-width: 100%;
  }
}

.sidebar {
  --translate-x-popup: -100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  max-width: 83.875em;
  background-color: #fff;
  -webkit-box-shadow: 0em 0em 2.5em rgba(83, 61, 212, 0.38);
  box-shadow: 0em 0em 2.5em rgba(83, 61, 212, 0.38);
  -webkit-animation: var(--popup-show, popup-hidden) 0.2s forwards;
  animation: var(--popup-show, popup-hidden) 0.2s forwards;
  will-change: transform;
}
@media screen and (max-width: 1349.98px) {
  .sidebar {
    max-width: 100%;
  }
}
.sidebar__catalog {
  width: 100%;
}

.sidebar-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 2.875em;
  background-color: transparent;
}
@media screen and (max-width: 699.98px) {
  .sidebar-close {
    position: absolute;
    top: 0.9375em;
    right: 1.25em;
  }
}
@media screen and (min-width: 1150px) {
  .sidebar-close:hover {
    --btn-close-transform: -0.625em;
  }
}
@media screen and (min-width: 700px) {
  .sidebar-close::before {
    content: "";
    position: absolute;
    top: 0;
    right: 2.25em;
    width: 1px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.28);
    -webkit-transform: translateX(var(--btn-close-transform));
    -ms-transform: translateX(var(--btn-close-transform));
    transform: translateX(var(--btn-close-transform));
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    will-change: transform;
  }
}
@media screen and (max-width: 1149.98px) {
  .sidebar-close {
    padding-left: 0.5em;
  }
}
@media screen and (max-width: 699.98px) {
  .sidebar-close {
    padding-left: 0;
    width: 2.5em;
    height: 2.5em;
  }
}
.sidebar-close__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}
@media screen and (min-width: 700px) {
  .sidebar-close__wrap {
    -webkit-transform: translate(var(--btn-close-transform, 0), -3.125em);
    -ms-transform: translate(var(--btn-close-transform, 0), -3.125em);
    transform: translate(var(--btn-close-transform, 0), -3.125em);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    will-change: transform;
    height: 6.25em;
  }
}
.sidebar-close__icon {
  fill: #575757;
  width: 1.75em;
  height: auto;
}
@media screen and (min-width: 700px) {
  .sidebar-close__icon {
    margin-bottom: 0.625em;
  }
}
.sidebar-close__text {
  line-height: 1.5;
}
@media screen and (max-width: 699.98px) {
  .sidebar-close__text {
    display: none;
  }
}

.sidebar-catalog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 699.98px) {
  .sidebar-catalog {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.sidebar-catalog__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.sidebar-catalog__block:first-child {
  border-right: 1px solid rgba(0, 0, 0, 0.28);
}
.sidebar-catalog__block--retail {
  --grid-number-col: 4;
  --label-header-bg: #9da63b;
  padding-left: 3.75em;
  width: 63%;
}
@media screen and (max-width: 1349.98px) {
  .sidebar-catalog__block--retail {
    padding-left: 0.625em;
  }
}
@media screen and (max-width: 1149.98px) {
  .sidebar-catalog__block--retail {
    --grid-number-col: 3;
    padding-left: 0;
    width: 56%;
  }
}
@media screen and (max-width: 949.98px) {
  .sidebar-catalog__block--retail {
    --grid-number-col: 2;
    width: 49%;
  }
}
@media screen and (max-width: 699.98px) {
  .sidebar-catalog__block--retail {
    --grid-number-col: 3;
    width: 100%;
    height: calc(100% - 237px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.27);
  }
}
.sidebar-catalog__block--opt {
  --grid-number-col: 2;
  --label-header-bg: #b15933;
  padding-left: 3.75em;
  width: 37%;
}
@media screen and (max-width: 1349.98px) {
  .sidebar-catalog__block--opt {
    padding-left: 2.8125em;
  }
}
@media screen and (max-width: 1149.98px) {
  .sidebar-catalog__block--opt {
    width: 44%;
    padding-left: 2.5em;
  }
}
@media screen and (max-width: 949.98px) {
  .sidebar-catalog__block--opt {
    width: 51%;
    padding-left: 1.25em;
  }
}
@media screen and (max-width: 699.98px) {
  .sidebar-catalog__block--opt {
    --grid-number-col: 3;
    width: 100%;
    height: 14.8125em;
    padding-left: 0;
  }
}
.sidebar-catalog__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 3.75em;
  padding-bottom: 2.5em;
  padding-left: 1.25em;
  min-height: 8.8125em;
}
@media screen and (max-width: 949.98px) {
  .sidebar-catalog__head {
    padding-top: 2.5em;
    min-height: auto;
  }
}
@media screen and (max-width: 699.98px) {
  .sidebar-catalog__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 1.25em;
    padding-bottom: 1.25em;
  }
}
.sidebar-catalog__title {
  margin-right: 0.5em;
}
@media screen and (max-width: 699.98px) {
  .sidebar-catalog__title {
    margin-right: 0;
    margin-bottom: 0.625em;
  }
}
.sidebar-catalog__label {
  border-radius: 0.4117647059em;
  background-color: var(--label-header-bg);
  font-size: 1.0625em;
  font-weight: 700;
  padding: 0.3529411765em 1.7647058824em;
  color: #fff;
}
.sidebar-catalog__block .catalog-cotigories__grid {
  display: grid;
  -ms-flex-line-pack: start;
  align-content: start;
  grid-template-columns: repeat(var(--grid-number-col), 1fr);
  grid-row-gap: 1.25em;
  padding-right: 4em;
  padding-bottom: 1.25em;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-arrow-color: transparent;
  scrollbar-face-color: transparent;
  scrollbar-track-color: transparent;
  scrollbar-base-color: transparent;
}
@supports (scrollbar-width: auto) {
  .sidebar-catalog__block .catalog-cotigories__grid {
    scrollbar-width: auto;
  }
}
@-moz-document url-prefix() {
  .sidebar-catalog__block .catalog-cotigories__grid {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.15) transparent;
  }
}
.sidebar-catalog__block .catalog-cotigories__grid::-webkit-scrollbar {
  width: 0.3125em;
}
.sidebar-catalog__block .catalog-cotigories__grid::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.15);
}
.sidebar-catalog__block .catalog-cotigories__grid::-webkit-scrollbar-track {
  background-color: transparent;
}
@media screen and (max-width: 1349.98px) {
  .sidebar-catalog__block .catalog-cotigories__grid {
    padding-right: 2.8125em;
  }
}
@media screen and (max-width: 1149.98px) {
  .sidebar-catalog__block .catalog-cotigories__grid {
    padding-right: 1.5625em;
  }
  .sidebar-catalog__block.sidebar-catalog__block--opt .catalog-cotigories__grid {
    padding-right: 2.5em;
  }
}
@media screen and (max-width: 949.98px) {
  .sidebar-catalog__block.sidebar-catalog__block--opt .catalog-cotigories__grid {
    padding-right: 1.25em;
  }
}
@media screen and (max-width: 699.98px) {
  .sidebar-catalog__block .catalog-cotigories__grid {
    padding-right: 0.3125em;
    padding-left: 0.3125em;
  }
  .sidebar-catalog__block.sidebar-catalog__block--opt .catalog-cotigories__grid {
    padding-right: 0.3125em;
  }
}

.popup-title {
  display: var(--popup-title-show, flex);
  font-size: 2.25em;
  font-weight: 600;
}
@media screen and (max-width: 949.98px) {
  .popup-title {
    font-size: 1.375em;
  }
}

.catalog-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 1000px) {
  .catalog-link:hover {
    --catalog-link-img-scale: 1.1;
  }
}
.catalog-link__picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 2.1875em;
  overflow: hidden;
  width: 7.5em;
  height: 7.5em;
  margin-bottom: 0.75em;
}
@media screen and (max-width: 699.98px) {
  .catalog-link__picture {
    width: 6.25em;
    height: 6.25em;
    border-radius: 1.5625em;
  }
}
@media screen and (max-width: 349.98px) {
  .catalog-link__picture {
    width: 5.625em;
    height: 5.625em;
  }
}
.catalog-link__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: scale(var(--catalog-link-img-scale));
  -ms-transform: scale(var(--catalog-link-img-scale));
  transform: scale(var(--catalog-link-img-scale));
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  will-change: transform;
}
.catalog-link__label {
  border-radius: 0.4375em;
  background-color: #533dd4;
  padding-right: 0.5em;
  padding-left: 0.5em;
  font-weight: 600;
  line-height: 1.5;
  color: #fff;
}
@media screen and (max-width: 699.98px) {
  .catalog-link__label {
    font-size: 0.75em;
    padding: 0.4166666667em 1.5em;
  }
}
.catalog-link__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.5;
  color: #000;
  text-align: center;
  min-height: 4.125em;
}
@media screen and (max-width: 699.98px) {
  .catalog-link__name {
    font-size: 0.75em;
    min-height: auto;
  }
}

.popup-thank {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.popup-thank__text {
  font-size: 1.125em;
  line-height: 1.5;
}
.popup-thank__icon {
  margin-left: 1.5625em;
  fill: #2fa827;
}

.tabs__nav {
  display: grid;
  grid-template-columns: 47% 53%;
  border-radius: 1.9375em;
  background-color: #d9e0e7;
  max-width: 27.5em;
  padding: 0.25em 0.3125em;
  margin-bottom: 2.5em;
}
.tabs__btn {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 3em;
  border-radius: 1.7222222222em;
  font-size: 1.125em;
  background-color: transparent;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
@media screen and (max-width: 499.98px) {
  .tabs__btn {
    font-size: 1em;
    padding-right: 0.625em;
    padding-left: 0.625em;
  }
}
/* .error-text{
  display: none;
}
.loading-text{
  display: none;
}
.success-text{
  display: none;
} */
.tabs__btn--active {
  cursor: pointer;
  background-color: #fff;
}
.tabs__panel {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.tabs__panel--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.popup-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  background-color: #fff;
  -webkit-animation: var(--popup-show, popup-hidden) 0.2s forwards;
  animation: var(--popup-show, popup-hidden) 0.2s forwards;
  -webkit-box-shadow: 0em 0em 2.5em rgba(83, 61, 212, 0.38);
  box-shadow: 0em 0em 2.5em rgba(83, 61, 212, 0.38);
}
.popup-search__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding-top: 2.5em;
  padding-right: 2.1875em;
  padding-left: 5.875em;
  margin-bottom: 3.125em;
}
@media screen and (max-width: 699.98px) {
  .popup-search__head {
    padding-top: 1.25em;
    padding-right: 1.25em;
    padding-left: 1.25em;
    margin-bottom: 1.25em;
  }
}
.popup-search__form {
  display: grid;
  width: 32.5em;
}
@media screen and (max-width: 699.98px) {
  .popup-search__form {
    width: 83%;
  }
}
.popup-search__label {
  grid-area: -1/1;
}
.popup-search__input {
  border-radius: 2em;
  border: 0.1875em solid #575757;
  width: 100%;
  height: 3.625em;
  padding-right: 3.75em;
  padding-left: 1.5em;
  color: #3d4a62;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.popup-search__input:focus {
  border-color: rgba(0, 0, 0, 0.8);
}
.popup-search__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-area: -1/1;
  justify-self: self-end;
  align-self: center;
  width: 3.75em;
  height: 3.125em;
  background-color: transparent;
}
@media screen and (min-width: 1000px) {
  .popup-search__btn:not(:disabled):hover {
    --btn-search-fill: rgba(0, 0, 0, 0.8);
  }
}
.popup-search__btn:disabled {
  pointer-events: none;
}
.popup-search__icon {
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
  fill: var(--btn-search-fill, #575757);
  width: 1.6875em;
  height: auto;
}

.search-autocomplete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 100%;
  overflow: hidden;
}
.search-autocomplete__list {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-arrow-color: transparent;
  scrollbar-face-color: transparent;
  scrollbar-track-color: transparent;
  scrollbar-base-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-right: 7.8125em;
  padding-left: 6.75em;
}
@supports (scrollbar-width: auto) {
  .search-autocomplete__list {
    scrollbar-width: auto;
  }
}
@-moz-document url-prefix() {
  .search-autocomplete__list {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.15) transparent;
  }
}
.search-autocomplete__list::-webkit-scrollbar {
  width: 0.3125em;
}
.search-autocomplete__list::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.15);
}
.search-autocomplete__list::-webkit-scrollbar-track {
  background-color: transparent;
}
@media screen and (max-width: 699.98px) {
  .search-autocomplete__list {
    padding-right: 1.25em;
    padding-left: 1.25em;
  }
}
.search-autocomplete__item {
  margin-bottom: 1.25em;
}
.search-autocomplete__controls {
  position: relative;
  width: 100%;
  background-color: #fff;
  padding: 2.125em 7.8125em 2.125em 6.75em;
  align-self: self-end;
}
@media screen and (max-width: 699.98px) {
  .search-autocomplete__controls {
    padding: 1.25em;
  }
}
.search-autocomplete__controls::before {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: 100%;
  height: 1.25em;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.14)), color-stop(99.99%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.14) 0%, rgba(255, 255, 255, 0) 99.99%);
  pointer-events: none;
}

.search-autocomplete-item {
  display: grid;
  -ms-flex-line-pack: start;
  align-content: start;
  grid-template-columns: 5em 1fr;
  grid-gap: 0.125em 1.25em;
}
@media screen and (min-width: 1000px) {
  .search-autocomplete-item:hover {
    --autocomplete-item-scale: 1.2;
    --autocomplete-item-color: rgba(0, 0, 0, 0.6);
  }
}
.search-autocomplete-item__picture {
  width: 5em;
  height: 5em;
  grid-area: 1/1/4/2;
  overflow: hidden;
}
.alert-hide{display: none !important;}
.search-autocomplete-item__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: scale(var(--autocomplete-item-scale));
  -ms-transform: scale(var(--autocomplete-item-scale));
  transform: scale(var(--autocomplete-item-scale));
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  will-change: transform;
}
.search-autocomplete-item__name, .search-autocomplete-item__cost {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: var(--autocomplete-item-color, #000);
}
.search-autocomplete-item__name {
  line-height: 1.5;
}
.search-autocomplete-item__cost {
  font-size: 1.25em;
  line-height: 1.2;
  font-weight: 600;
}

.basket {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: hidden;
}
@media screen and (max-width: 849.98px) {
  .basket {
    display: grid;
    grid-template-columns: 1fr 15.25em;
  }
}
@media screen and (max-width: 649.98px) {
  .basket {
    grid-template-columns: 1fr;
    overflow-y: auto;
    overflow-x: hidden;
  }
}
.basket__list {
  border-right: 1px solid #cacaca;
}
@media screen and (min-width: 650px) {
  .basket__list {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-arrow-color: transparent;
    scrollbar-face-color: transparent;
    scrollbar-track-color: transparent;
    scrollbar-base-color: transparent;
  }
  @supports (scrollbar-width: auto) {
    .basket__list {
      scrollbar-width: auto;
    }
  }
  @-moz-document url-prefix() {
    .basket__list {
      scrollbar-width: thin;
      scrollbar-color: rgba(0, 0, 0, 0.15) transparent;
    }
  }
  .basket__list::-webkit-scrollbar {
    width: 0.3125em;
  }
  .basket__list::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.15);
  }
  .basket__list::-webkit-scrollbar-track {
    background-color: transparent;
  }
}
@media screen and (max-width: 849.98px) {
  .basket__list {
    grid-area: 1/1/2/2;
  }
}
.basket--empty .basket__list {
  display: none;
}
.basket__checkout {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-arrow-color: transparent;
  scrollbar-face-color: transparent;
  scrollbar-track-color: transparent;
  scrollbar-base-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 15.375em;
  max-width: 15.375em;
  padding: 1.0625em 1.25em 1.25em 2.1875em;
}
@supports (scrollbar-width: auto) {
  .basket__checkout {
    scrollbar-width: auto;
  }
}
@-moz-document url-prefix() {
  .basket__checkout {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.15) transparent;
  }
}
.basket__checkout::-webkit-scrollbar {
  width: 0.3125em;
}
.basket__checkout::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.15);
}
.basket__checkout::-webkit-scrollbar-track {
  background-color: transparent;
}
@media screen and (max-width: 849.98px) {
  .basket__checkout {
    grid-area: 1/2/2/3;
  }
}
@media screen and (max-width: 649.98px) {
  .basket__checkout {
    grid-area: 2/1/3/2;
    width: 100%;
    max-width: 100%;
    min-height: 23.875em;
    padding: 1.375em 1.875em;
  }
}
.basket--empty .basket__checkout {
  display: none;
}
.basket__cost {
  margin-bottom: 1.625em;
}
@media screen and (max-width: 649.98px) {
  .basket__cost {
    margin-bottom: 1.125em;
  }
}
.basket__info {
  font-size: 0.875em;
  font-weight: 600;
  line-height: 1.36;
  color: #fe7200;
  max-width: 13.2142857143em;
  margin-top: 0.7857142857em;
}
@media screen and (max-width: 649.98px) {
  .basket__info {
    max-width: 100%;
  }
}
.basket__delivery {
  margin-top: 1.6875em;
  margin-bottom: 1.375em;
}
@media screen and (max-width: 649.98px) {
  .basket__delivery {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }
}
.basket__btn {
  max-width: 10.875em;
  margin-bottom: 0.625em;
}
@media screen and (max-width: 649.98px) {
  .basket__btn {
    max-width: 100%;
    margin-top: 0.625em;
  }
}
.basket__purchase {
  max-width: 10.875em;
  min-height: 3em;
}
@media screen and (max-width: 649.98px) {
  .basket__purchase {
    max-width: 100%;
  }
}
.basket__discount {
  min-width: 6.875em;
  max-width: 6.875em;
}
@media screen and (max-width: 849.98px) {
  .basket__discount {
    grid-area: 2/1/3/3;
    min-width: auto;
    max-width: 100%;
    max-height: 3.9375em;
    align-self: self-end;
  }
}
@media screen and (max-width: 649.98px) {
  .basket__discount {
    grid-area: 3/1/4/2;
  }
}
.basket__empty {
  display: none;
}
@media screen and (max-width: 849.98px) {
  .basket__empty {
    grid-column: 1/3;
  }
}
.basket--empty .basket__empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.basket-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 1.25em;
  border-bottom: 1px solid #cacaca;
}
@media screen and (max-width: 649.98px) {
  .basket-card {
    padding-left: 0;
  }
}
.basket-card__picture {
  width: 5.875em;
  min-width: 5.875em;
  height: 6em;
}
.basket-card__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.basket-card__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-top: 1.25em;
  padding-bottom: 1.25em;
  padding-left: 1.25em;
}
@media screen and (max-width: 649.98px) {
  .basket-card__content {
    padding-right: 0;
    padding-left: 0.625em;
  }
}
.basket-card__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #000;
  line-height: 1.5;
  margin-bottom: 0.1875em;
}
.basket-card__color {
  font-size: 0.875em;
  line-height: 1.7;
  color: rgba(0, 0, 0, 0.7);
}
.basket-card__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 0.5em;
  margin-bottom: 0.75em;
}
.basket-card__cost {
  font-size: 1.25em;
  font-weight: 600;
}
.basket-card__old {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  text-decoration: line-through;
  color: rgba(0, 0, 0, 0.5);
  margin-left: 0.9375em;
}
.basket-card__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0.9375em;
}
.basket-card__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.basket-card__counter {
  width: 6.8125em;
  height: 3em;
  margin-right: 0.875em;
}
@media screen and (max-width: 649.98px) {
  .basket-card__counter {
    margin-right: 0.625em;
  }
}
.basket-card__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 0.8125em;
  padding-right: 0.375em;
}
@media screen and (max-width: 649.98px) {
  .basket-card__controls {
    padding-right: 0;
  }
}
.basket-card__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 2.25em;
  height: 2.125em;
  margin-bottom: 0.3125em;
  border-radius: 0.3125em;
  background-color: transparent;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
@media screen and (min-width: 1000px) {
  .basket-card__btn:hover {
    background-color: rgba(61, 74, 98, 0.1);
  }
}
.basket-card__icon {
  -webkit-transition: fill 0.3s, stroke 0.3s;
  transition: fill 0.3s, stroke 0.3s;
  fill: var(--basket-btn-icon-color, #c9beb4);
  stroke: var(--basket-btn-icon-color, #c9beb4);
  width: auto;
  height: var(--basket-btn-icon-height, 1.1875em);
}

.basket-card__btn--favorites {
  --basket-btn-icon-height: 1.45em;
}

.basket-card__btn--favorites.active {
  --basket-btn-icon-color: #fe7200;
}

.counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.3125em;
  border: 1px solid rgba(0, 0, 0, 0.23);
  overflow: hidden;
}
.counter__btn {
  display: grid;
  justify-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 35%;
  height: 100%;
  background-color: transparent;
}
.counter__btn::before, .counter__btn--plus::after {
  content: "";
  grid-area: -1/1;
  width: 1.0625em;
  height: 0.1875em;
  background-color: #8a8a8a;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
@media screen and (min-width: 1000px) {
  .counter__btn:not(:disabled):hover::before, .counter__btn:not(:disabled):hover::after {
    background-color: rgba(138, 138, 138, 0.5);
  }
}
.counter__btn:disabled::before, .counter__btn:disabled::after {
  background-color: rgba(138, 138, 138, 0.34);
}
.counter__btn--plus::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.counter__input {
  font-size: 1.125em;
  width: 30%;
  height: 100%;
  text-align: center;
}

.basket-cost {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (max-width: 649.98px) {
  .basket-cost {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}
.basket-cost__text {
  font-size: 0.875em;
  line-height: 1.57;
  margin-bottom: 0.2142857143em;
}
@media screen and (max-width: 649.98px) {
  .basket-cost__text {
    min-width: 5.5em;
    margin-right: 2em;
    margin-bottom: 0;
    line-height: 1.2;
  }
}
.basket-cost__number {
  font-size: 1.5625em;
  font-weight: 600;
  line-height: 0.96;
}

.basket-delivery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (max-width: 649.98px) {
  .basket-delivery {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.basket-delivery__icon {
  width: 1.3125em;
  min-width: 1.3125em;
  height: auto;
  fill: #c9beb4;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 649.98px) {
  .basket-delivery__icon {
    margin-right: 1.25em;
    margin-bottom: 0;
  }
}
.basket-delivery__text {
  font-size: 0.875em;
  line-height: 1.57;
}

.basket-btn-purchase {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 1.5em;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
@media screen and (min-width: 1000px) {
  .basket-btn-purchase:hover {
    --btn-purchase-color: #fff;
    background-color: #533dd4;
  }
}
.basket-btn-purchase__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1em;
  height: auto;
  margin-right: 0.6875em;
  fill: var(--btn-purchase-color, #fe7200);
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
}
.basket-btn-purchase__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.875em;
  line-height: 1.57;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: var(--btn-purchase-color, #000);
}

.basket-empty {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 30vh;

}
@media screen and (max-width: 849.98px) {
  .basket-empty {
    padding-bottom: 0;
  }
}
.basket-empty__icon {
  fill: #533dd4;
  width: 3.25em;
  height: auto;
  margin-bottom: 3.125em;
}
.basket-empty__text {
  font-size: 1.25em;
  text-align: center;
  max-width: 8.5em;
  margin-bottom: 1.8em;
}
.basket-empty__info {
  font-size: 0.875em;
  line-height: 1.57;
  text-align: center;
}
.basket-empty__info a {
  display: block;
  color: #000;
}

.discount-panel {
  display: grid;
  position: relative;
  grid-template-rows: repeat(5, 1fr);
  background-color: #e3dbe7;
  z-index: 10;
}
.discount-panel--product {
  position: sticky;
  top: 100px;
  width: 5.5625em;
  height: 78vh;
}
@media screen and (max-width: 1149.98px) {
  .discount-panel--product {
    width: 5em;
    position: static;
  }
}
.discount-panel--product::after {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 0;
  left: 0;
  height: 2.125em;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(11, 11, 11, 0)), to(rgba(5, 5, 5, 0.05)));
  background-image: linear-gradient(180deg, rgba(11, 11, 11, 0) 0%, rgba(5, 5, 5, 0.05) 100%);
  pointer-events: none;
}
@media screen and (max-width: 849.98px) {
  .discount-panel--basket {
    grid-template-rows: 3.9375em;
    grid-template-columns: repeat(5, 1fr);
    -webkit-box-shadow: 0em 0em 0.9375em rgba(0, 0, 0, 0.5);
    box-shadow: 0em 0em 0.9375em rgba(0, 0, 0, 0.5);
  }
}
.discount-panel__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 0.1875em solid #fe7200;
  padding-top: 0.4375em;
}
.discount-panel__box--active {
  --discount-panel-percentage-bg: #533DD4;
  --discount-panel-color: #fff;
  background-color: #4B8702;
  border-color: #fff;
}
@media screen and (max-width: 849.98px) {
  .discount-panel--basket .discount-panel__box {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 0;
    padding-right: 0.3125em;
    border-top: 0;
    border-right: 0.1875em solid #fe7200;
  }
}
@media screen and (max-width: 849.98px) {
  .discount-panel__box:nth-child(1) {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .discount-panel__box:nth-child(2) {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .discount-panel__box:nth-child(3) {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .discount-panel__box:nth-child(4) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .discount-panel__box:nth-child(5) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
.discount-panel__cost {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--discount-panel-color, #575757);
  font-weight: 600;
  font-size: 0.875em;
  margin-bottom: 0.4285714286em;
  text-align: center;
}
@media screen and (max-width: 449.98px) {
  .discount-panel__cost {
    font-size: 0.73em;
  }
}
@media screen and (max-width: 359.98px) {
  .discount-panel__cost {
    font-size: 0.73em;
  }
}
.discount-panel__percentage {
  font-size: 1.0625em;
  color: #4b8702;
  color: var(--discount-panel-color, #4b8702);
  font-weight: 700;
  background-color: var(--discount-panel-percentage-bg);
  border-radius: 0.4117647059em;
  padding: 0.1176470588em 0.5882352941em;
}
.discount-panel__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.discount-panel-wrapper {
  position: absolute;
  top: -1em;
  right: 0;
  bottom: 110px;
}
@media screen and (max-width: 1499.98px) {
  .discount-panel-wrapper {
    bottom: auto;
  }
}
@media screen and (max-width: 1149.98px) {
  .discount-panel-wrapper {
    top: -9.375em;
  }
}
@media screen and (max-width: 949.98px) {
  .discount-panel-wrapper {
    display: none;
  }
}

.menu {
  --contact-item-color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  width: 100%;
  padding-top: 1.25em;
  -webkit-animation: var(--overlay-show, overlay-hidden) 0.3s forwards;
  animation: var(--overlay-show, overlay-hidden) 0.3s forwards;
}
.menu__block {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-arrow-color: transparent;
  scrollbar-face-color: transparent;
  scrollbar-track-color: transparent;
  scrollbar-base-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 2.5em;
}
@supports (scrollbar-width: auto) {
  .menu__block {
    scrollbar-width: auto;
  }
}
@-moz-document url-prefix() {
  .menu__block {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.15) transparent;
  }
}
.menu__block::-webkit-scrollbar {
  width: 0.3125em;
}
.menu__block::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.15);
}
.menu__block::-webkit-scrollbar-track {
  background-color: transparent;
}
@media screen and (min-height: 750px) {
  .menu__block {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.menu__phone {
  margin-bottom: 0.625em;
}
.menu__call {
  margin-bottom: 2.25em;
}
.menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.875em;
}
.menu__link {
  color: #000;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 1.25em;
}
.menu__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.menu__contact {
  margin-bottom: 0.9375em;
}

.form__label {
  max-width: var(--form-label-width, 100%);
}
.form__label:not(:last-child) {
  margin-bottom: 2em;
}
.form__input, .form__textarea {
  font-size: 1.125em;
  line-height: 1.22;
  padding: 0.6666666667em 2.7777777778em 0.6666666667em 0.8888888889em;
  border: var(--input-border-size, 3px) solid var(--input-border-color, #575757);
  width: 100%;
  border-radius: 0.2777777778em;
  background-color: var(--input-bg, transparent);
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.form__input:focus, .form__textarea:focus {
  border-color: rgba(0, 0, 0, 0.5);
}
.form__input {
  height: 3em;
}
.form__textarea {
  height: 6.5em;
  min-height: 6.5em;
}
.form__placeholder {
  position: absolute;
  top: 1em;
  left: 0;
  font-size: var(--fz-placeholder, 1.125em);
  color: rgba(0, 0, 0, 0.6);
  -webkit-transform: var(--placeholder-shows, translate(1em, 0));
  -ms-transform: var(--placeholder-shows, translate(1em, 0));
  transform: var(--placeholder-shows, translate(1em, 0));
  -webkit-transition: font-size 0.3s, -webkit-transform 0.3s;
  transition: font-size 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, font-size 0.3s;
  transition: transform 0.3s, font-size 0.3s, -webkit-transform 0.3s;
  pointer-events: none;
}
.form__clear {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 0.125em;
  right: 0;
  width: 2.5em;
  height: 3.125em;
  background-color: transparent;
  opacity: var(--clear-show, 0);
  pointer-events: var(--clear-events, none);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (min-width: 1000px) {
  .form__clear:hover {
    --clear-color: rgba(0, 0, 0, 0.8);
  }
}
.form__icon {
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
  fill: var(--clear-color, rgba(0, 0, 0, 0.6));
  width: 1em;
  height: auto;
}
.form__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 499.98px) {
  .form__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.label--is-active {
  --placeholder-shows: translate(0, -2.3125em);
  --clear-show: 1;
  --clear-events: auto;
  --fz-placeholder: 0.75em;
}

.form-consent {
  font-size: 0.75em;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.5);
}
.form-consent__link {
  text-decoration: underline;
  color: inherit;
}
@media screen and (min-width: 1000px) {
  .form-consent__link:hover {
    text-decoration: none;
  }
}

.form-popup {
  --input-border-size: 1px;
  --input-border-color: rgba(0, 0, 0, 0.23);
  --form-label-width: 27.5em;
}
.form-popup__btn {
  width: 14.5em;
}
.form-popup__btn--signup {
  margin-top: 2em;
}
@media screen and (max-width: 499.98px) {
  .form-popup__btn--signup {
    margin-top: 0.9375em;
  }
}
.form-popup__btn--account {
  margin-top: 0.625em;
}
@media screen and (max-width: 499.98px) {
  .form-popup__btn {
    width: 100%;
  }
}
.form-popup__consent {
  max-width: 20em;
  margin-left: 1.5625em;
}
@media screen and (max-width: 499.98px) {
  .form-popup__consent {
    margin-left: 0;
    margin-top: 1.25em;
    margin-right: auto;
    max-width: 100%;
  }
}
.form-popup__forgot {
  margin-left: 2.1875em;
}
@media screen and (max-width: 499.98px) {
  .form-popup__forgot {
    margin-top: 0.625em;
    margin-left: 0;
  }
}

.slider-products {
  padding-right: 6.6%;
  padding-left: 4.8%;
}
@media screen and (max-width: 1499.98px) {
  .slider-products {
    padding-left: 2.8%;
    padding-right: 4.2%;
  }
}
@media screen and (max-width: 1199.98px) {
  .slider-products {
    padding-left: 2.2%;
    padding-right: 2%;
  }
}
@media screen and (max-width: 949.98px) {
  .slider-products {
    padding-left: 3%;
    padding-right: 3%;
  }
}
.main-page-slider,
.slider-products--margin {
  margin-bottom: 5.625em;
}
@media screen and (max-width: 1499.98px) {
  .main-page-slider,
  .slider-products--margin {
    margin-bottom: 4.0625em;
  }
}
@media screen and (max-width: 1199.98px) {
  .main-page-slider,
  .slider-products--margin {
    margin-bottom: 1.4375em;
  }
}

.main-page-slider .slider-products--margin {
  margin-bottom: 0;
}

.slider-products__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 1.25em;
  margin-bottom: 0.625em;
}
@media screen and (max-width: 949.98px) {
  .slider-products__head {
    padding-right: 0.625em;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 599.98px) {
  .slider-products__head {
    padding-left: 0.5625em;
    margin-bottom: 0.625em;
  }
}
@media screen and (max-width: 369.98px) {
  .slider-products__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
@media screen and (max-width: 599.98px) {
  .slider-products--watched .slider-products__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.slider-products__control {
  margin-left: 1.875em;
}
@media screen and (max-width: 949.98px) {
  .slider-products__control {
    margin-left: auto;
  }
}
@media screen and (max-width: 369.98px) {
  .slider-products__control {
    margin-left: 0;
  }
}
@media screen and (max-width: 599.98px) {
  .slider-products--watched .slider-products__control {
    margin-left: 0;
  }
}
.slider-products__wrapper {
  padding-top: 1.25em;
  padding-bottom: 1.25em;
}
@media screen and (max-width: 949.98px) {
  .slider-products__wrapper {
    padding-top: 0.625em;
    padding-bottom: 0.625em;
  }
}

.slider-control {
  display: grid;
  grid-template-columns: 3.8125em 7.5em;
  grid-column-gap: 0.625em;
}
.slider-control__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 3.625em;
  border-radius: 2em;
  border: 1px solid #000;
  background-color: transparent;
  -webkit-transition: border-color 0.3s, background-color 0.3s;
  transition: border-color 0.3s, background-color 0.3s;
}
.slider-control__btn--prev {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  padding-left: 0.125em;
}
.slider-control__btn--next {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 1.5625em;
}
@media screen and (min-width: 1000px) {
  .slider-control__btn:hover {
    --slider-control-btn-fill: #fff;
    background-color: #533dd4;
    border-color: #533dd4;
  }
}
@media screen and (max-width: 369.98px) {
  .slider-control__btn {
    margin-top: 1.25em;
  }
}

@media screen and (max-width: 599.98px) {
  .slider-products--watched .slider-control__btn {
    margin-top: 1.25em;
  }
}

.slider-control__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 0.75em;
  height: auto;
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
  fill: var(--slider-control-btn-fill, #000);
}

.product-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0.8125em 1.0625em 1.5em;
  background-color: #fff;
  border-radius: 1.875em;
  -webkit-box-shadow: 0em 0.1875em 0.1875em rgba(0, 0, 0, 0.09);
  box-shadow: 0em 0.1875em 0.1875em rgba(0, 0, 0, 0.09);
  height: auto;
  -webkit-transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
}
@media screen and (max-width: 949.98px) {
  .product-card {
    padding: 0.5625em 0.5em 0.75em;
  }
}
@media screen and (min-width: 1000px) {
  .product-card:hover {
    -webkit-transform: translateY(-0.625em);
    -ms-transform: translateY(-0.625em);
    transform: translateY(-0.625em);
    -webkit-box-shadow: 0em 0.9375em 1.4375em rgba(0, 0, 0, 0.09);
    box-shadow: 0em 0.9375em 1.4375em rgba(0, 0, 0, 0.09);
  }
}
.product-card__picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
.product-card__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.product-card__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-right: 0.625em;
  padding-left: 0.625em;
}
@media screen and (max-width: 949.98px) {
  .product-card__content {
    padding-right: 0.625em;
  }
}
.product-card__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #000;
  line-height: 1.5;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  margin-bottom: 0.375em;
}
@media screen and (min-width: 1000px) {
  .product-card__name:hover {
    opacity: 0.7;
  }
}
.product-card__article {
  font-size: 0.875em;
  color: rgba(0, 0, 0, 0.7);
  line-height: 1.71;
  padding-bottom: 0.7142857143em;
  margin-bottom: auto;
}
.product-card__parameters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 0.625em;
}
.product-card__parameter {
  line-height: 1.6;
  color: rgba(0, 0, 0, 0.7);
}
.product-card__parameter span {
  font-weight: 600;
}
.product-card__parameter:not(:last-child) {
  margin-right: 0.625em;
}
.product-card__cost {
  margin-bottom: 0.4375em;
}
.product-card__label {
  position: absolute;
  top: 0.8125em;
  right: 1.0625em;
  width: 4.0625em;
  height: 4.0625em;
  z-index: 1;
}

.product-card__label--new {
  width: 5.0625em;
  height: 5.0625em;
}

@media screen and (max-width: 1149.98px) {
  .catalog__grid .product-card__label {
    top: 0.5625em;
    right: 0.5em;
  }
}
@media screen and (max-width: 949.98px) {
 .product-card__label {
    top: 0.5625em;
    right: 0.5em;
  }
}

.product-card__label--action ~ .product-card__label--new {
  width: 7.0625em;
  height: 7.0625em;
}

.product-card__colors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.4375em;
}
.product-card__controls {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(8.75em, 1fr));
  grid-gap: 0.3125em 0.625em;
  margin-top: 0.625em;
}
@media screen and (max-width: 499.98px) {
  .product-card__controls {
    grid-template-columns: repeat(auto-fit, minmax(10em, 1fr));
  }
}
.product-card__btn {
  padding-right: 0.625em;
  padding-left: 0.625em;
  width: 100%;
}
.product-card__btn--active {
  --btn-text-color: #000;
  background-color: #e7ddd4;
  border-color: #e7ddd4;
}

.product-card-color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-card-color--package {
  --product-card-color-item-margin: -0.625em;
}
.product-card-color__item {
  width: 1.125em;
  height: 1.125em;
  border-radius: 0.375em;
  border: 1px solid #e7ddd4;
  margin-right: var(--product-card-color-item-margin, 0.3125em);
}
.product-card-color__text {
  margin-right: 0.4375em;
}

.product-card-slider {
  --swiper-theme-color: rgba(0, 0, 0, 0.26);
  --swiper-pagination-bullet-inactive-opacity: 0.127;
  width: 100%;
  height: 17.8125em;
  overflow: hidden;
  border-radius: 1.25em;
  margin-bottom: 0.8125em;
  pointer-events: auto;
}

.btn-favorites {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 3em;
  background-color: transparent;
  border-radius: 1.5em;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  padding-right: 0.625em;
  padding-left: 0.625em;
}

@media screen and (min-width: 1000px) {
  .btn-favorites:hover {
    --btn-favorites-text-color: #fff;
    background-color: #533dd4;
  }
}
.btn-favorites__icon {
  width: 1.3em;
  height: auto;
  fill: transparent;
  stroke-width: 2px;
  stroke: #fe7200;
  margin-right: 0.625em;
}

.btn-favorites.active .btn-favorites__icon {
  fill: #fe7200;
}

.btn-favorites__text {
  font-size: 0.875em;
  color: var(--btn-favorites-text-color, #000);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.product-card-cost {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.product-card-cost__price {
  font-size: 1.25em;
  font-weight: 600;
  margin-right: 0.75em;
}
.product-card-cost__old {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.5);
  text-decoration: line-through;
  margin-right: 0.9375em;
}

.product-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  padding-left: 1.0625em;
  padding-bottom: 1.0625em;
}

.product-label--action {
  --product-label-bg: #00bfc1;
}

.product-label--new {
  --product-label-bg: orange;
}

.product-label__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--product-label-bg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 10.25em;
  min-width: 10.25em;
  height: 1.5em;
}

.product-label__text {
  font-size: 0.875em;
  font-weight: 600;
  color: #fff;
}

@media screen and (min-width: 1050px) {
  .product-card-slider .swiper-pagination-bullet::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: var(--element-position);
    width: var(--element-width);
    height: 17.5em;
  }
}

.product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-right: 11.9%;
  padding-bottom: 6.25em;
  padding-left: 5.5%;
}
@media screen and (max-width: 1699.98px) {
  .product {
    padding-right: 9%;
  }
}
@media screen and (max-width: 1499.98px) {
  .product {
    padding-bottom: 4.75em;
  }
}
@media screen and (max-width: 1149.98px) {
  .product {
    padding-right: 19%;
    padding-left: 4.6%;
  }
}
@media screen and (max-width: 949.98px) {
  .product {
    padding-right: 4.6%;
  }
}
@media screen and (max-width: 949.98px) {
  .product {
    padding-bottom: 1.5em;
  }
}
@media screen and (max-width: 499.98px) {
  .product {
    padding-right: 5.5%;
    padding-left: 5.5%;
  }
}
.product__container {
  display: grid;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  grid-template-columns: 53% 42%;
  grid-column-gap: 2%;
  grid-template-rows: repeat(5, minmax(0, auto));
  margin-bottom: 4.375em;
}
@media screen and (max-width: 1699.98px) {
  .product__container {
    grid-template-columns: 53% 44%;
  }
}
@media screen and (max-width: 1499.98px) {
  .product__container {
    grid-template-columns: 47% 50%;
    margin-bottom: 3.125em;
  }
}
@media screen and (max-width: 1149.98px) {
  .product__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 2.5em;
  }
}
@media screen and (max-width: 949.98px) {
  .product__container {
    margin-bottom: 1.25em;
  }
}
.product__sliders {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-area: 1/1/3/2;
}
@media screen and (max-width: 1149.98px) {
  .product__sliders {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    margin-top: 1.25em;
  }
}
@media screen and (max-width: 949.98px) {
  .product__sliders {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.product__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 8.1875em;
  min-width: 8.1875em;
  margin-right: 1.6875em;
}
@media screen and (max-width: 1499.98px) {
  .product__inner {
    margin-right: 1.25em;
    width: 6.3125em;
    min-width: 6.3125em;
  }
}
@media screen and (max-width: 1149.98px) {
  .product__inner {
    width: 8.1875em;
    min-width: 8.1875em;
    margin-right: 1.5625em;
  }
}
@media screen and (max-width: 949.98px) {
  .product__inner {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
  }
}
.product__thumbs {
  height: 20.625em;
  width: 100%;
}
@media screen and (max-width: 1499.98px) {
  .product__thumbs {
    height: 10em;
  }
}
@media screen and (max-width: 1149.98px) {
  .product__thumbs {
    height: 13.4375em;
  }
}
@media screen and (max-width: 949.98px) {
  .product__thumbs {
    height: auto;
  }
}
.product__slider {
  width: 100%;
  max-width: 39.5625em;
  height: 27.4375em;
  margin-right: 0;
  margin-left: 0;
}
@media screen and (max-width: 1499.98px) {
  .product__slider {
    height: 19.219vw;
    min-height: 15.375em;
  }
}
@media screen and (max-width: 1149.98px) {
  .product__slider {
    height: 37vw;
  }
}
@media screen and (max-width: 949.98px) {
  .product__slider {
    max-width: 100%;
    height: 63.235vw;
    margin-bottom: 1.25em;
  }
}
.product__btn-slider {
  width: 6.25em;
  height: 2.5em;
}
@media screen and (max-width: 949.98px) {
  .product__btn-slider {
    width: 2.5em;
    height: 5em;
  }
}
.product__btn-slider--prev {
  margin-bottom: 0.75em;
}
@media screen and (max-width: 1499.98px) {
  .product__btn-slider--prev {
    margin-bottom: 0.1875em;
  }
}
@media screen and (max-width: 949.98px) {
  .product__btn-slider--prev {
    margin-right: 0.625em;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 499.98px) {
  .product__btn-slider--prev {
    margin-right: 0;
  }
}
.product__btn-slider--next {
  margin-top: 0.75em;
}
@media screen and (max-width: 1499.98px) {
  .product__btn-slider--next {
    margin-top: 0.1875em;
  }
}
@media screen and (max-width: 949.98px) {
  .product__btn-slider--next {
    margin-top: 0;
    margin-left: 0.625em;
  }
}
@media screen and (max-width: 499.98px) {
  .product__btn-slider--next {
    margin-left: 0;
  }
}
.product__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-area: 3/1/4/2;
  margin-top: 1.5625em;
  margin-left: 9.875em;
}
@media screen and (max-width: 1499.98px) {
  .product__btns {
    margin-left: 7.1875em;
    margin-top: 0.9375em;
  }
}
@media screen and (max-width: 1269.98px) {
  .product__btns {
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 1149.98px) {
  .product__btns {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    margin-left: 2.375em;
  }
}
@media screen and (max-width: 499.98px) {
  .product__btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-right: 0;
    margin-left: 1.0625em;
  }
}
.product__btn:not(:last-child) {
  margin-right: 1.25em;
}
@media screen and (max-width: 499.98px) {
  .product__btn:not(:last-child) {
    margin-right: 0;
  }
}
.product__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2.25em;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 1149.98px) {
  .product__title {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media screen and (max-width: 949.98px) {
  .product__title {
    font-size: 1.625em;
  }
}
.product__wrap {
  grid-area: 2/2/5/3;
  margin-top: 1.5em;
}
@media screen and (max-width: 1149.98px) {
  .product__wrap {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}
@media screen and (max-width: 1149.98px) {
  .product__wrap {
    margin-top: 1.875em;
    width: 100%;
  }
}
.product__article {
  font-size: 1.125em;
  line-height: 1.44;
}
.product__control {
  margin-top: 1.5em;
}

.product-control {
  border-radius: 1.25em;
  padding: 1.875em 1.875em 1.25em 2.375em;
  background-color: #fff;
}
@media screen and (max-width: 1499.98px) {
  .product-control {
    padding-right: 1.75em;
    padding-left: 1.75em;
  }
}
@media screen and (max-width: 1149.98px) {
  .product-control {
    padding-left: 2.375em;
  }
}
@media screen and (max-width: 499.98px) {
  .product-control {
    position: relative;
    padding: 1.625em 1.25em 0.625em 1.125em;
  }
}
.product-control__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.product-control__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 1.5em;
}
@media screen and (max-width: 499.98px) {
  .product-control__row {
    margin-bottom: 1em;
  }
}
.product-control__share {
  width: 2.5em;
  height: 2.5em;
}
@media screen and (min-width: 360px) and (max-width: 499.98px) {
  .product-control__share {
    position: absolute;
    top: 1.25em;
    right: 1.25em;
  }
}
.product-control__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 31.25em;
}
.product-control__counter {
  width: 8em;
  height: 3em;
  margin-right: 1.5625em;
}
@media screen and (max-width: 499.98px) {
  .product-control__counter {
    margin-bottom: 1.25em;
  }
}
.product-control__btn--basket {
  width: 12.25em;
  margin-bottom: 0.9375em;
}
@media screen and (max-width: 499.98px) {
  .product-control__btn--basket {
    width: 8.75em;
  }
}
.product-control__btn--favorites {
  margin-right: 0.45em;
  min-width: 9.25em;
}
.product-control__btn--purchase {
  width: 12.25em;
}
@media screen and (max-width: 499.98px) {
  .product-control__btn--purchase {
    width: auto;
  }
}
.product-control__color {
  margin-bottom: 2.625em;
}
@media screen and (max-width: 499.98px) {
  .product-control__color {
    margin-bottom: 2em;
  }
}
.product-control__price--one {
  margin-top: 0.8125em;
}

.btn-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}
@media screen and (min-width: 1000px) {
  .btn-share:hover {
    --btn-share-icon-color: #533dd4;
  }
}
.btn-share__icon {
  width: 1.875em;
  height: auto;
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
  fill: var(--btn-share-icon-color, #4b8702);
}

.product-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media screen and (max-width: 499.98px) {
  .product-price {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
@media screen and (max-width: 359.98px) {
  .product-price {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.product-price__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media screen and (max-width: 499.98px) {
  .product-price__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    min-width: 6.875em;
    margin-right: 0.3125em;
  }
}
.product-price__final, .product-price__old {
  font-weight: 600;
}
.product-price__final {
  font-size: 2.5em;
}
@media screen and (max-width: 499.98px) {
  .product-price__final {
    font-size: 1.625em;
    margin-bottom: 0.0769230769em;
  }
}
.product-price--one .product-price__final {
  font-size: 1.625em;
}
.product-price__old {
  font-size: 1.875em;
  margin-left: 0.8666666667em;
  text-decoration: line-through;
  color: rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 499.98px) {
  .product-price__old {
    font-size: 1.625em;
    margin-left: 0;
  }
}
.product-price--one .product-price__old {
  font-size: 1.625em;
  margin-left: 0.8846153846em;
}
@media screen and (max-width: 499.98px) {
  .product-price--one .product-price__old {
    margin-left: 0;
  }
}
.product-price__text {
  margin-left: 1.25em;
}
@media screen and (min-width: 500px) {
  .product-price__text {
    margin-bottom: 0.25em;
  }
}
@media screen and (max-width: 499.98px) {
  .product-price__text {
    padding-top: 0.625em;
    margin-left: 0;
  }
}
@media screen and (max-width: 359.98px) {
  .product-price__text {
    padding-top: 0.125em;
  }
}

.btn-slider-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 1000px) {
  .btn-slider-detail:hover {
    --btn-slider-detail-fill-icon: rgba(0, 0, 0, 0.5);
  }
}
.btn-slider-detail__icon {
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
  fill: var(--btn-slider-detail-fill-icon, rgba(0, 0, 0, 0.13));
}
@media screen and (max-width: 949.98px) {
  .btn-slider-detail__icon {
    position: absolute;
  }
}
@media screen and (max-width: 949.98px) {
  .btn-slider-detail--prev .btn-slider-detail__icon {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
}
.btn-slider-detail--next .btn-slider-detail__icon {
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1);
}
@media screen and (max-width: 949.98px) {
  .btn-slider-detail--next .btn-slider-detail__icon {
    -webkit-transform: rotate(-90deg) scaleY(-1);
    -ms-transform: rotate(-90deg) scaleY(-1);
    transform: rotate(-90deg) scaleY(-1);
  }
}

.slider-thumbs__slide {
  height: 5.5em;
  border-radius: 1.25em;
  overflow: hidden;
  background-color: #f2eef4;
  border: 0.125em solid transparent;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.slider-thumbs__slide.swiper-slide-thumb-active {
  border-color: rgba(83, 61, 212, 0.07);
}
@media screen and (max-width: 949.98px) {
  .slider-thumbs__slide {
    height: 6.125em;
  }
}
.slider-thumbs__picture, .slider-thumbs__img {
  width: 100%;
  height: 100%;
}
.slider-thumbs__picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.slider-thumbs__img {
  -o-object-fit: cover;
  object-fit: cover;
}

.slider-product {
  border-radius: 1.25em;
  border: 0.3125em solid rgba(83, 61, 212, 0.07);
  background-color: #d9e0e7;
}
.slider-product__label {
  position: absolute;
  top: 0;
  right: 0;
  width: 4.0625em;
  height: 4.0625em;
  z-index: 1;
}

.slider-product__label--new {
  width: 5.0625em;
  height: 5.0625em;
}

.slider-product__label--action ~ .slider-product__label--new {
  width: 7.0625em;
  height: 7.0625em;
}

.slider-product__picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.slider-product__picture, .slider-product__img {
  width: 100%;
  height: 100%;
}
.slider-product__img {
  -o-object-fit: cover;
  object-fit: cover;
}

.btn-favorites__hint {
  --icon-hint-bg-color: #fe7200;
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.5625em;
}

.icon-hint {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--icon-hint-bg-color);
  color: var(--icon-hint-color, #fff);
  font-weight: 600;
  border-radius: 50%;
  padding-top: 0.125em;
  padding-left: 1px;
}

.product-color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  z-index: 1;
}
.product-color--opt {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 1149.98px) {
  .product-color--opt {
    justify-content: space-between;
  }
}

.product-color__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.875em;
  line-height: 1.57;
  margin-bottom: 0.6428571429em;
}
.product-color__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  border-left: 1px solid #cacaca;
}
.product-color--opt .product-color__row {
  pointer-events: none;
  border: 1px solid #cacaca;
  padding-right: 0.2em;
  padding-left: 0.2em;
}
.product-color__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.5625em 0.625em;
  border: 1px solid #cacaca;
  margin-top: -1px;
}
.product-color__label:not(:last-child) {
  border-left: 0;
}
.product-color--opt .product-color__label {
  border: none;
}
.product-color--opt .product-color__label {
  padding-right: 0.15625em;
  padding-left: 0.15625em;
}
/* .product-color__input {
  display: none;
}  мне это ебать как мешало зачем вообше оно?*/
.product-color__input2:disabled ~ .product-color__box2:after {
  width: 0.25em;
  height: 4.3125em;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background-color: rgba(27, 27, 27, 0.21);
  pointer-events: none;
}
.product-color__input2:checked ~ .product-color__box2:before {
  background-color: #e9dacc;
}
.product-color__input2 {
  display: none;
}
.selected{
  background-color: #e9dacc;
}
.product-color__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 1.875em;
  height: 1.875em;
  border-radius: 0.5625em;
  border: 1px solid #e7ddd4;
}
.product-color__box::before, .product-color__box::after {
  content: "";
  position: absolute;
  background-color: transparent;
  width: 3.4375em;
  height: 3.4375em;
}
.product-color__box::before {
  z-index: -1;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.product-color--opt .product-color__box::before {
  content: none;
}
.product-color__box::after {
  cursor: pointer;
}
.product-color__hint {
  margin-left: 1.5625em;
}

.product-parameters {
  padding: 2.5em 3.75em 0.9375em 10em;
  border-radius: 1.875em;
  background-color: rgba(0, 0, 0, 0.04);
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  -webkit-column-gap: 10%;
  -moz-column-gap: 10%;
  column-gap: 10%;
}
@media screen and (max-width: 1499.98px) {
  .product-parameters {
    padding-left: 4.0625em;
    -webkit-column-gap: 12%;
    -moz-column-gap: 12%;
    column-gap: 12%;
  }
}
@media screen and (max-width: 1269.98px) {
  .product-parameters {
    -webkit-column-gap: 8%;
    -moz-column-gap: 8%;
    column-gap: 8%;
    padding-right: 1.25em;
  }
}
@media screen and (max-width: 1149.98px) {
  .product-parameters {
    padding-left: 2.375em;
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
    border-radius: 1.25em;
  }
}
.product-parameters__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.5625em;
}
@media screen and (max-width: 499.98px) {
  .product-parameters__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.product-parameters__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.25;
  width: 12.5em;
  min-width: 12.5em;
  margin-right: 2.5em;
}
@media screen and (max-width: 1149.98px) {
  .product-parameters__name {
    margin-right: 20%;
  }
}
@media screen and (max-width: 499.98px) {
  .product-parameters__name {
    margin-right: 0;
    margin-bottom: 0.3125em;
  }
}
.product-parameters__value {
  line-height: 1.25;
  font-weight: 600;
}

.hint {
  --icon-hint-bg-color: rgba(61, 74, 98, 0.25);
  position: relative;
  background-color: transparent;
  z-index: 20;
}
@media screen and (min-width: 1150px) {
  .hint:hover {
    --hint-drop-show: block;
  }
}

@media screen and (max-width: 1149.98px) {
  .hint--is-active {
    --hint-drop-show: block;
  }
}

.hint__drop {
  display: var(--hint-drop-show, none);
  position: absolute;
  bottom: -0.3125em;
  right: calc(100% + 12px);
  background-color: #4c4c4c;
  border-radius: 0.3125em;
  padding: 0.9375em;
  width: 22.8125em;
  z-index: 20;
}
@media screen and (max-width: 949.98px) {
  .hint__drop {
    width: 17.5em;
  }
}
@media screen and (max-width: 699.98px) {
  .hint__drop {
    width: 12.5em;
    left: auto;
    right: -0.8125em;
    bottom: calc(100% + 10px);
  }
}
.hint__drop::before {
  content: "";
  position: absolute;
  left: calc(100% - 1px);
  bottom: 0.5em;
  width: 0.5em;
  height: 1em;
  -webkit-clip-path: polygon(0 100%, 0 0, 100% 50%);
  clip-path: polygon(0 100%, 0 0, 100% 50%);
  background-color: #4c4c4c;
}
@media screen and (max-width: 699.98px) {
  .hint__drop::before {
    top: calc(100% - 5px);
    right: 1.375em;
    left: auto;
    bottom: auto;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
.hint__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.75em;
  line-height: 1.5;
  text-align: left;
  color: #fff;
}
.hint__icon {
  width: 1.5em;
  height: 1.5em;
}

.catalog-cotigories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 2.1875em 6.6% 5.4375em 5.5%;
}
@media screen and (max-width: 1499.98px) {
  .catalog-cotigories {
    padding-right: 4.1%;
    padding-left: 4.5%;
  }
}
@media screen and (max-width: 1149.98px) {
  .catalog-cotigories {
    padding-left: 4.6%;
  }
}
@media screen and (max-width: 499.98px) {
  .catalog-cotigories {
    padding: 1.25em 5.5% 2.5em;
  }
}
.catalog-cotigories__head {
  margin-bottom: 2.5em;
}
@media screen and (max-width: 499.98px) {
  .catalog-cotigories__head {
    margin-bottom: 1.25em;
  }
}
.catalog-cotigories__block:not(:last-child) {
  margin-bottom: 3.4375em;
}
.catalog-cotigories .catalog-cotigories__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(9.375em, 1fr));
  grid-row-gap: 2.125em;
  max-width: 91%;
  margin-left: -1.25em;
}
@media screen and (max-width: 1699.98px) {
  .catalog-cotigories .catalog-cotigories__grid {
    max-width: 100%;
  }
}
@media screen and (max-width: 499.98px) {
  .catalog-cotigories .catalog-cotigories__grid {
    grid-row-gap: 1.25em;
    grid-template-columns: repeat(auto-fill, minmax(6.875em, 1fr));
    margin-left: 0;
  }
}

.catalog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2.5em 6.6% 6.25em 5.5%;
  width: 100%;
}
@media screen and (max-width: 1499.98px) {
  .catalog {
    padding-right: 4.2%;
    padding-left: 4.5%;
  }
}
@media screen and (max-width: 1149.98px) {
  .catalog {
    padding-right: 2%;
    padding-bottom: 3.75em;
    padding-left: 4.6%;
  }
}
@media screen and (max-width: 949.98px) {
  .catalog {
    padding-top: 0.3125em;
    padding-right: 4.6%;
    padding-left: 4.6%;
  }
}
@media screen and (max-width: 499.98px) {
  .catalog {
    padding-right: 3%;
    padding-left: 3%;
  }
}
.catalog__filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 16.75em;
  min-width: 16.75em;
  margin-right: 3.4375em;
}
@media screen and (max-width: 1149.98px) {
  .catalog__filters {
    width: 15.5em;
    min-width: 15.5em;
    margin-right: 1.75em;
  }
}
@media screen and (max-width: 949.98px) {
  .catalog__filters {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 101;
    width: 100%;
  }
}
.catalog__block {
  width: 100%;
}

@media screen and (max-width: 499.98px) {
  .catalog__head,
  .catalog__tags {
    padding-right: 2.5%;
    padding-left: 2.5%;
  }
}
.catalog__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));
  grid-gap: 2.0625em 1.5625em;
}
@media screen and (min-width: 2300px) {
  .catalog__grid {
    grid-template-columns: repeat(auto-fill, minmax(21.875em, 1fr));
  }
}
@media screen and (max-width: 1499.98px) {
  .catalog__grid {
    grid-column-gap: 0.875em;
  }
}
@media screen and (max-width: 1199.98px) {
  .catalog__grid {
    grid-template-columns: repeat(auto-fill, minmax(16.25em, 1fr));
    grid-gap: 1.875em 0.6875em;
  }
}
@media screen and (max-width: 949.98px) {
  .catalog__grid {
    grid-column-gap: 0.4375em;
  }
}
@media screen and (max-width: 499.98px) {
  .catalog__grid {
    grid-row-gap: 1.5625em;
  }
}
@media screen and (min-width: 1500px) {
  .catalog__grid--favorites {
    grid-column-gap: 1.25em;
  }
}
@media screen and (min-width: 950px) and (max-width: 1149.98px) {
  .catalog__grid--favorites {
    grid-template-columns: repeat(auto-fill, minmax(17.5em, 1fr));
  }
}
@media screen and (min-width: 950px) and (max-width: 1149.98px) {
  .catalog__grid .product-card {
    padding: 0.5625em 0.5em 0.75em;
  }
}
.catalog__card {
  width: 100%;
}
.catalog__sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 1.25em;
}
@media screen and (max-width: 949.98px) {
  .catalog__sort {
    margin-bottom: 0.625em;
    margin-left: -0.625em;
  }
}
.catalog__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.25em;
}
@media screen and (min-width: 500px) {
  .catalog__tags {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 499.98px) {
  .catalog__tags {
    overflow: auto;
  }
}
.catalog__tag {
  margin-top: 0.3125em;
  margin-right: 0.625em;
  margin-bottom: 0.3125em;
}
.catalog__pagination {
  margin-top: 3.125em;
  justify-content: center;
}
@media screen and (max-width: 1149.98px) {
  .catalog__pagination {
    margin-top: 1.25em;
  }
}
.catalog__setting {
  width: 3.4375em;
  height: 3.4375em;
}

.sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 949.98px) {
  .sort--number {
    display: none;
  }
}
.sort__text {
  margin-right: 0.875em;
}
@media screen and (max-width: 949.98px) {
  .sort__text {
    display: none;
  }
}

.tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.3125em;
  min-height: 2.125em;
  padding: 0.375em 0.625em 0.375em 0.5em;
  background-color: #533dd4;
}
.tag__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1em;
  height: 1em;
  background-color: transparent;
  margin-left: 0.4375em;
}
.tag__btn::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tag__icon {
  fill: #fff;
  width: 1em;
  height: auto;
}
.tag__name {
  color: #fff;
  font-size: 0.875em;
}

.btn-reset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 2.125em;
  padding-right: 0.5625em;
  padding-left: 0.5625em;
  border-radius: 0.3125em;
  background-color: transparent;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
@media screen and (min-width: 1000px) {
  .btn-reset:hover {
    background-color: rgba(99, 99, 99, 0.1);
  }
}
.btn-reset__icon {
  width: 1.0625em;
  height: auto;
  margin-right: 0.625em;
  fill: #8a8a8a;
}
.btn-reset__text {
  font-size: 0.875em;
}

.filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (max-width: 949.98px) {
  .filters {
    display: none;
    background-color: #fff;
    -webkit-animation: var(--overlay-show, overlay-hidden) 0.3s forwards;
    animation: var(--overlay-show, overlay-hidden) 0.3s forwards;
  }
}
@media screen and (max-width: 949.98px) {
  .filters__form {
    padding-right: 8%;
    padding-bottom: 3.125em;
    padding-left: 8%;
    overflow-x: hidden;
    overflow-y: auto;
  }
}
.filters__box {
  margin-bottom: 2.5em;
}
@media screen and (max-width: 949.98px) {
  .filters__box {
    margin-bottom: 2.1875em;
  }
}
.filters__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 949.98px) {
  .filters__btns {
    display: none;
  }
}

.filters__btns--is-fixed {
  position: fixed;
  bottom: 0;
  background-color: #f2eef4;
  width: 18.75em;
  margin-left: -1em;
  padding: 1em;
  z-index: 1;
}

@media screen and (max-width: 1149.98px) {
  .filters__btns--is-fixed {
    width: 17.5em;
  }
}

.filters__head {
  display: none;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.25em 8%;
  border-bottom: 1px solid #cacaca;
  margin-bottom: 1.625em;
}
@media screen and (max-width: 949.98px) {
  .filters__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.filters-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 2.5em;
  height: 2.5em;
  background-color: transparent;
}
.filters-close__icon {
  fill: #575757;
}

.filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (max-width: 949.98px) {
  .filter--categories {
    display: none;
  }
}
.filter__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.25em;
}
@media screen and (max-width: 949.98px) {
  .filter__head {
    margin-bottom: 1.0625em;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.filter__title {
  font-size: 1.0625em;
  font-weight: 600;
}
@media screen and (max-width: 949.98px) {
  .filter__title {
    margin-right: 0.5882352941em;
  }
}
.filter__categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.filter__content {
  padding-bottom: 0.25em;
}
@media screen and (min-width: 950px) {
  .filter__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-arrow-color: transparent;
    scrollbar-face-color: transparent;
    scrollbar-track-color: transparent;
    scrollbar-base-color: transparent;
    scrollbar-width: thin;
    max-height: 15.1875em;
  }
  @supports (scrollbar-width: auto) {
    .filter__content {
      scrollbar-width: auto;
    }
  }
  @-moz-document url-prefix() {
    .filter__content {
      scrollbar-width: thin;
      scrollbar-color: rgba(0, 0, 0, 0.15) transparent;
    }
  }
  .filter__content::-webkit-scrollbar {
    width: 0.3125em;
  }
  .filter__content::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.15);
  }
  .filter__content::-webkit-scrollbar-track {
    background-color: transparent;
  }
}
@media screen and (max-width: 949.98px) {
  .filter__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 0;
  }
}
.filter__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  border-radius: 2.1875em;
  border: 1px solid transparent;
  padding-right: 1.25em;
  padding-left: 1.25em;
  width: calc(100% + 1.25em);
  min-height: 3.25em;
  margin-left: -1.25em;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.filter__link:not(:last-child) {
  margin-bottom: 2px;
}
@media screen and (min-width: 1000px) {
  .filter__link:hover {
    border-color: #8a8a8a;
  }
}
.filter__link--active {
  border-color: #8a8a8a;
  cursor: default;
}
.filter__checkbox:not(:last-child) {
  margin-bottom: 1em;
}
@media screen and (max-width: 949.98px) {
  .filter__checkbox:not(:last-child) {
    margin-bottom: 0.5em;
    margin-right: 0.75em;
  }
}

.checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 949.98px) {
  .checkbox {
    display: none;
  }
  .checkbox:nth-child(-n+6) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .filter--is-show .checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.checkbox__input {
  display: none;
}
.checkbox__input:checked ~ .checkbox__label::before {
  background-color: #4c4c4c;
  border-color: #4c4c4c;
}
@media screen and (max-width: 949.98px) {
  .checkbox__input:checked ~ .checkbox__label {
    background-color: #4c4c4c;
  }
  .checkbox__input:checked ~ .checkbox__label .checkbox__text {
    color: #fff;
  }
}
.checkbox__text {
  color: #5b5b5b;
  line-height: 1.37;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: 0.1875em;
}
@media screen and (max-width: 949.98px) {
  .checkbox__text {
    font-size: 0.875em;
    margin-top: 0;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    line-height: 1;
  }
}
.checkbox__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
@media screen and (max-width: 949.98px) {
  .checkbox__label {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.375em 0.75em;
    border-radius: 1.1875em;
    background-color: #f2eef4;
    min-height: 2.125em;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
}
@media screen and (min-width: 1000px) {
  .checkbox__label:hover::before {
    background-color: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.05);
  }
}
.checkbox__label::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0.3125em;
  border: 1px solid rgba(0, 0, 0, 0.23);
  background-color: #fff;
  -webkit-box-shadow: 0em 0.125em 0.25em -1px rgba(0, 0, 0, 0.4);
  box-shadow: 0em 0.125em 0.25em -1px rgba(0, 0, 0, 0.4);
  width: 1.5em;
  min-width: 1.5em;
  height: 1.5em;
  margin-right: 0.5em;
  background-size: 1em 0.75em;
  background-image: url("/local/templates/test_flowers/css/../img/cheker.svg");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: border-color 0.3s, background-color 0.3s;
  transition: border-color 0.3s, background-color 0.3s;
}
@media screen and (max-width: 949.98px) {
  .checkbox__label::before {
    content: none;
  }
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-column: -1/1;
}
.pagination__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.125em;
  width: 11.4%;
  min-height: 2.2222222222em;
  border: 1px solid #cacaca;
  background-color: #fff;
  color: var(--pagination-link-color, #000);
  -webkit-transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.pagination__link--prev {
  margin-right: 2.4%;
}
.pagination__link--next {
  margin-left: 2.4%;
}
.pagination__link--active {
  pointer-events: none;
  --pagination-link-color: #fff;
  background-color: #4b8702;
  border-color: #4b8702;
}
.pagination__link:hover {
  --pagination-link-color: #fff;
  background-color: rgba(75, 135, 2, 0.8);
  border-color: rgba(75, 135, 2, 0.8);
  color: white;
}
@media screen and (min-width: 1000px) {
  .pagination__link:hover {
    --pagination-link-color: #fff;
    background-color: rgba(75, 135, 2, 0.8);
    border-color: rgba(75, 135, 2, 0.8);
    color: white;
  }
}
.pagination__dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-bottom: 0.625em;
  width: 7.5%;
}
.pagination__icon {
  width: 1.375em;
  height: auto;
  fill: var(--pagination-link-color, rgba(0, 0, 0, 0.55));
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
}
.pagination__link--next .pagination__icon {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}

.range__values {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.75em;
}

.range__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  max-width: 6.5555555556em;
}

@media screen and (max-width: 949.98px) {
  .range__wrap {
    max-width: 40%;
  }
}

.range__text {
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 2px;
}

.range__input {
  font-size: 1.125em;
  width: 100%;
  min-height: 2.6666666667em;
  border: 1px solid rgba(0, 0, 0, 0.23);
  background-color: #fff;
  border-radius: 0.2777777778em;
  text-align: center;
}
.range__line {
  font-size: 1.125em;
  margin-top: 1.08em;
}
.range__slider {
  padding-top: 13px;
  padding-bottom: 13px;
}
.range__slider .noUi-horizontal {
  height: 2px;
  background: rgba(0, 0, 0, 0.14);
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.range__slider .noUi-connect {
  background: transparent;
}
.range__slider .noUi-handle {
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background: #b39785;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  top: -13px;
  right: -13.5px;
  border: 5px solid transparent;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
@media screen and (min-width: 1000px) {
  .range__slider .noUi-handle:hover {
    background-color: #fff;
    border-color: #533dd4;
  }
}
.range__slider .noUi-handle:active {
  background-color: #fff;
  border-color: #533dd4;
}
.range__slider .noUi-handle::before, .range__slider .noUi-handle::after {
  content: none;
}

.btn-setting-filter {
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.1875em;
  background-color: #fff;
}
@media screen and (max-width: 949.98px) {
  .btn-setting-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.btn-setting-filter__icon {
  fill: #533dd4;
}

.empty-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.5625em 1.25em 6.25em;
  padding-top: 1.5625em;
  padding-bottom: 6.25em;
  margin-top: auto;
  margin-bottom: auto;
}
@media screen and (max-width: 949.98px) {
  .empty-page {
    padding-bottom: 3.125em;
  }
}
.empty-page__oval {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.07);
  width: 10.625em;
  height: 10.625em;
}
.empty-page__name {
  display: block;
  font-size: 1.5em;
  line-height: 1.5;
  margin-top: -1.75em;
  margin-bottom: 1.25em;
}
.empty-page__text {
  text-align: center;
}

.filter-uncover {
  display: none;
  background-color: transparent;
  padding-top: 0.3125em;
  padding-bottom: 0.3125em;
}
@media screen and (max-width: 949.98px) {
  .filter-uncover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.filter-uncover__text {
  color: #533dd4;
  line-height: 1.25;
}

.filters-panel-mobi {
  display: none;
  position: fixed;
  right: 0.5em;
  left: 0.5em;
  bottom: 0.6875em;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.5625em 0.8125em 0.5625em 1em;
  background-color: #4c4c4c;
  border-radius: 0.3125em;
  z-index: 10;
}
@media screen and (max-width: 949.98px) {
  .filters-panel-mobi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.filters-panel-mobi__btn {
  width: 70%;
  min-width: 70%;
  height: 3em;
  margin-left: 0.625em;
}
.filters-panel-mobi__text {
  font-size: 0.75em;
  line-height: 1.5;
  color: #fff;
}

.filter-btn-show {
  border-radius: 0.1875em;
  background-color: #fff;
}

.order {
  padding: 2.3125em 5.5% 8.75em;
}
@media screen and (max-width: 1499.98px) {
  .order {
    padding-right: 4.1%;
    padding-left: 4.5%;
  }
}
@media screen and (max-width: 1149.98px) {
  .order {
    padding-right: 3.3%;
    padding-bottom: 6.25em;
    padding-left: 4.6%;
  }
}
@media screen and (max-width: 1149.98px) {
  .order {
    padding-top: 1.25em;
    padding-right: 4.6%;
  }
}
@media screen and (max-width: 499.98px) {
  .order {
    padding-right: 0;
    padding-bottom: 2.5em;
    padding-left: 0;
  }
}
.order__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.order__composition {
  width: 100%;
  max-width: 57.5em;
  margin-bottom: 3.4375em;
}
@media screen and (max-width: 1599.98px) {
  .order__composition {
    max-width: 51.25em;
  }
}
@media screen and (min-width: 1250px) and (max-width: 1499.98px) {
  .order__composition {
    max-width: 65.6%;
  }
}
@media screen and (max-width: 1249.98px) {
  .order__composition {
    max-width: 100%;
  }
}
@media screen and (max-width: 499.98px) {
  .order__composition {
    margin-bottom: 1.75em;
  }
}
.order__form {
  --input-bg: #fff;
  --input-border-size: 1px;
  --input-border-color: rgba(0, 0, 0, 0.23);
  --form-label-width: 43.75em;
  position: relative;
}
@media screen and (min-width: 1250px) and (max-width: 1499.98px) {
  .order__form {
    --form-label-width: 100%;
  }
}
@media screen and (min-width: 1250px) and (max-width: 1499.98px) {
  .order__block {
    max-width: 100%;
  }
}
.order__block:not(:last-child) {
  margin-bottom: 3.125em;
}
@media screen and (max-width: 499.98px) {
  .order__block:not(:last-child) {
    margin-bottom: 2.5em;
  }
}
.order__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 1250px) and (max-width: 1499.98px) {
  .order__box {
    max-width: 65.6%;
  }
}
@media screen and (max-width: 499.98px) {
  .order__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 5.5%;
    padding-left: 5.5%;
  }
}
.order__btn {
  width: 19.5em;
  margin-right: 2.6875em;
}
@media screen and (max-width: 499.98px) {
  .order__btn {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.5625em;
  }
}
.order__price {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 59.0625em;
}
@media screen and (max-width: 1599.98px) {
  .order__price {
    left: 52.8125em;
  }
}
@media screen and (max-width: 1499.98px) {
  .order__price {
    left: 68%;
  }
}
@media screen and (max-width: 1249.98px) {
  .order__price {
    position: static;
  }
}

.order-composition--order {
  padding: 2.0625em 5.5em 2.9375em 2.5em;
  border-radius: 2.5em;
  background-color: #fff;
}
@media screen and (max-width: 499.98px) {
  .order-composition--order {
    border-radius: 0;
    padding: 1.875em 5.5% 2.1875em;
  }
}
.order-composition--account {
  padding: 2.375em 7.5625em 1.6875em;
}
@media screen and (max-width: 1499.98px) {
  .order-composition--account {
    padding-left: 2.6875em;
  }
}
@media screen and (max-width: 499.98px) {
  .order-composition--account {
    padding-top: 0.625em;
    padding-right: 0.625em;
    padding-left: 5.5%;
  }
}
.order-composition__head {
  margin-bottom: 1.5em;
}
@media screen and (max-width: 499.98px) {
  .order-composition__head {
    margin-bottom: 2.1875em;
  }
}
.order-composition__card:not(:last-child) {
  margin-bottom: 1.875em;
}

.order-composition-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.order-composition-card__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 2.125em;
}
@media screen and (max-width: 599.98px) {
  .order-composition-card__link {
    margin-right: 1.5625em;
  }
}
.order-composition-card__picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 4.875em;
  height: 5em;
}
@media screen and (max-width: 599.98px) {
  .order-composition-card__picture {
    width: 5.3125em;
    height: 5.3125em;
    margin-bottom: 2.1875em;
  }
}
.order-composition-card__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.order-composition-card__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.5;
  color: #000;
  margin-bottom: 0.5625em;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media screen and (min-width: 1000px) {
  .order-composition-card__name:hover {
    color: #575757;
  }
}
.order-composition-card__row {
  display: grid;
  grid-template-columns: 8.125em 6.25em auto;
  grid-column-gap: 0.5em;
}
@media screen and (max-width: 599.98px) {
  .order-composition-card__row {
    margin-left: -110px;
  }
}
@media screen and (max-width: 499.98px) {
  .order-composition-card__row {
    grid-template-columns: 7.9375em 5em auto;
    grid-column-gap: 0;
  }
}
@media screen and (max-width: 369.98px) {
  .order-composition-card__row {
    grid-template-columns: 1fr;
    margin-left: 0;
  }
}
.order-composition-card__number {
  font-size: 1.25em;
  line-height: 1.4;
}
@media screen and (max-width: 499.98px) {
  .order-composition-card__number {
    font-size: 1.1875em;
  }
}
.order-composition-card__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (max-width: 599.98px) {
  .order-composition-card__content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.total-price__block {
  padding: 2.4375em 3.5625em;
  background: url("/local/templates/test_flowers/css/../img/order-price.png") top/100% 100% no-repeat;
  width: 23.8125em;
  height: 14.8125em;
}

.total-price__wrap {
  position: sticky;
  top: 6.25em;
}

@media screen and (max-width: 1499.98px) {
  .total-price__block {
    width: 21.25em;
  }
}
@media screen and (max-width: 1249.98px) {
  .total-price__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 2.5em;
    background: #fff;
    margin-bottom: 1.75em;
    width: 100%;
    height: auto;
    padding: 2.125em 2.5em 2.3125em;
  }

  .total-price__wrap {
    position: static;
  }
}
@media screen and (max-width: 679.98px) {
  .total-price__block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (max-width: 499.98px) {
  .total-price__block {
    border-radius: 0;
    padding: 1.875em 5.5% 1.25em;
  }
}
.total-price__row {
  display: grid;
}
@media screen and (min-width: 1250px) {
  .total-price__row {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    grid-template-columns: 5em auto;
    grid-column-gap: 0.75em;
  }
  .total-price__row:not(:last-child) {
    margin-bottom: 0.8125em;
  }
}
@media screen and (max-width: 1249.98px) {
  .total-price__row:not(:last-child) {
    margin-right: 3.75em;
  }
}
@media screen and (max-width: 949.98px) {
  .total-price__row:not(:last-child) {
    margin-right: 2.5em;
  }
}
@media screen and (max-width: 679.98px) {
  .total-price__row {
    grid-template-columns: 5em auto;
    grid-column-gap: 0.75em;
  }
  .total-price__row:not(:last-child) {
    margin-bottom: 0.8125em;
  }
}
.total-price__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.875em;
  line-height: 1.3;
}
@media screen and (max-width: 1249.98px) {
  .total-price__name {
    margin-bottom: 0.6428571429em;
  }
}
@media screen and (max-width: 679.98px) {
  .total-price__name {
    margin-bottom: 0;
  }
}
.total-price__value {
  font-size: 1.5625em;
  font-weight: 600;
  line-height: 0.96;
}

@media screen and (max-width: 499.98px) {
  .order-block {
    padding-right: 5.5%;
    padding-left: 5.5%;
  }
}
.order-block__head {
  margin-bottom: 1.875em;
}
.order-block__content {
  display: grid;
}
.order-block__content--customer {
  grid-template-columns: repeat(2, 20.9375em);
  grid-column-gap: 1.875em;
}
@media screen and (min-width: 1250px) and (max-width: 1499.98px) {
  .order-block__content--customer {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 949.98px) {
  .order-block__content--customer {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 0.625em;
  }
}
@media screen and (max-width: 599.98px) {
  .order-block__content--customer {
    grid-template-columns: 1fr;
    grid-row-gap: 1.25em;
  }
}
.order-block__content--delivery {
  grid-template-columns: repeat(3, 13.375em);
  grid-column-gap: 1.8125em;
  grid-template-rows: minmax(8.375em, auto);
  gap: 20px;
}
@media screen and (min-width: 1250px) and (max-width: 1499.98px) {
  .order-block__content--delivery {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 949.98px) {
  .order-block__content--delivery {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 0.625em;
  }
}
@media screen and (max-width: 599.98px) {
  .order-block__content--delivery {
    grid-template-columns: 1fr;
    grid-row-gap: 1.25em;
  }
  .order-block__content--delivery .order-radio {
    min-height: 8.375em;
  }
}
.order-block__content--data {
  grid-template-columns: repeat(2, 27.5em);
  grid-column-gap: 2.5em;
}
@media screen and (min-width: 950px) {
  .order-block__info {
    display: grid;
    grid-row-gap: 2em;
  }
}
@media screen and (max-width: 1599.98px) {
  .order-block__content--data {
    grid-template-columns: repeat(2, 24.375em);
  }
}
@media screen and (min-width: 1250px) and (max-width: 1499.98px) {
  .order-block__content--data {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 1.875em;
  }
}
@media screen and (max-width: 1149.98px) {
  .order-block__content--data {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 1.25em;
  }
}
@media screen and (max-width: 949.98px) {
  .order-block__content--data {
    grid-template-columns: 1fr;
    grid-row-gap: 2em;
  }
}
@media screen and (min-width: 950px) {
  .order-block__content--data .label--comment {
    grid-area: 1/2/5/3;
    max-height: 14.125em;
  }
}
@media screen and (min-width: 950px) {
  .order-block__content--data .form__label {
    margin-bottom: 0;
  }
}
.order-block__content--data .form__textarea {
  min-height: 100%;
}
.order-block__content--address {
  --form-label-width: 57.5em;
}
@media screen and (max-width: 1599.98px) {
  .order-block__content--address {
    --form-label-width: 51.25em;
  }
}
@media screen and (min-width: 1250px) and (max-width: 1499.98px), screen and (max-width: 1149.98px) {
  .order-block__content--address {
    --form-label-width: 100%;
  }
}
@media screen and (max-width: 949.98px) {
  .order-block__content--address {
    --form-label-width: 43.75em;
  }
}
.order-block__row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 0.8125em;
}
@media screen and (max-width: 499.98px) {
  .order-block__row {
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 500px) {
  .order-block__row .form__label {
    margin-bottom: 0;
  }
}

.order-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.order-head__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 1.4375em;
  margin-right: 1.25em;
}
.order-head__icon {
  fill: #d6d6d6;
}

.order-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
.order-radio__input {
  display: none;
}
.order-radio__input:checked ~ .order-radio__box {
  -webkit-box-shadow: 0em 0.25em 0em rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0em 0.25em 0em rgba(0, 0, 0, 0.5) inset;
  background-color: #4b8702;
}
.order-radio__input:checked ~ .order-radio__box .order-radio__name,
.order-radio__input:checked ~ .order-radio__box .order-radio__text {
  color: #fff;
}
.order-radio__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding: 0.75em 0.8125em 0.6875em 1em;
  border-radius: 0.625em;
  border: 1px solid rgba(0, 0, 0, 0.23);
  background-color: #fff;
  -webkit-box-shadow: 0em 0.125em 0.25em -1px rgba(0, 0, 0, 0.4);
  box-shadow: 0em 0.125em 0.25em -1px rgba(0, 0, 0, 0.4);
  -webkit-transition: background-color 0.3s, -webkit-box-shadow 0.3s;
  transition: background-color 0.3s, -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s, background-color 0.3s;
  transition: box-shadow 0.3s, background-color 0.3s, -webkit-box-shadow 0.3s;
}
.order-radio__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.order-radio__name {
  -ms-flex-item-align: center;
  align-self: center;
  font-size: 1.0625em;
  font-weight: 600;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.order-radio__cheker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 1.5em;
  min-width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  border: 0.125em solid #979797;
}
.order-radio__cheker::before {
  content: "";
  width: 0.875em;
  height: 0.875em;
  border-radius: 50%;
  background-color: #fff;
}
.order-radio__text {
  justify-self: end;
  font-size: 0.875em;
  line-height: 1.57;
  padding-top: 1.1428571429em;
  margin-top: auto;
}
.order-radio__images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: auto;
  padding-bottom: 0.625em;
}
.order-radio__img:not(:last-child) {
  margin-right: 0.75em;
}

.order-placed {
  padding: 3.125em 2% 8.125em 16%;
}
@media screen and (max-width: 1499.98px) {
  .order-placed {
    padding-left: 4.5%;
  }
}
@media screen and (max-width: 1149.98px) {
  .order-placed {
    padding-right: 4.6%;
    padding-bottom: 6.25em;
    padding-left: 4.6%;
  }
}
@media screen and (max-width: 949.98px) {
  .order-placed {
    padding-top: 1.25em;
    padding-bottom: 3.75em;
  }
}
.order-placed__item {
  display: grid;
  grid-template-columns: 1.75em auto;
  grid-column-gap: 1.625em;
}
.order-placed__item:not(:last-child) {
  margin-bottom: 2.8125em;
}
@media screen and (max-width: 949.98px) {
  .order-placed__item:not(:last-child) {
    margin-bottom: 1.375em;
  }
}
.order-placed__text {
  line-height: 1.5;
  -ms-flex-item-align: center;
  align-self: center;
}
.order-placed__icon {
  fill: #b7b7b7;
}
.order-placed__link {
  color: #533dd4;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.order-placed__link:hover {
  opacity: 0.7;
}

.account {
  padding: 2.1875em 5.5% 6.25em;
}
@media screen and (max-width: 1499.98px) {
  .account {
    padding-right: 13.5%;
    padding-left: 4.5%;
  }
}
@media screen and (max-width: 1269.98px) {
  .account {
    padding-right: 4.5%;
  }
}
@media screen and (max-width: 1149.98px) {
  .account {
    padding-right: 3%;
    padding-bottom: 3.75em;
    padding-left: 4.6%;
  }
}
@media screen and (max-width: 949.98px) {
  .account {
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (max-width: 499.98px) {
  .account {
    padding-top: 1.25em;
    padding-bottom: 2.5em;
  }
}
.account__row {
  display: grid;
  grid-template-columns: 41% 57%;
  grid-column-gap: 1.6875em;
  margin-bottom: 5em;
}
@media screen and (max-width: 1649.98px) {
  .account__row {
    grid-template-columns: 35em 57%;
  }
}
@media screen and (max-width: 1499.98px) {
  .account__row {
    grid-template-columns: 1fr;
    grid-row-gap: 1.6875em;
  }
}
@media screen and (max-width: 1149.98px) {
  .account__row {
    grid-row-gap: 2.0625em;
    margin-bottom: 4.5625em;
  }
}
@media screen and (max-width: 949.98px) {
  .account__row {
    margin-bottom: 2.375em;
  }
}

.account-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  padding-top: 1.875em;
  padding-bottom: 3.125em;
  padding-left: 2.6875em;
  border-radius: 1.875em;
}
@media screen and (max-width: 949.98px) {
  .account-card {
    border-radius: 0;
    padding-top: 1.125em;
    padding-bottom: 2.0625em;
    padding-left: 4.6%;
  }
}
@media screen and (max-width: 499.98px) {
  .account-card {
    padding-left: 5.5%;
  }
}
@media screen and (min-width: 1150px) and (max-width: 1499.98px) {
  .account-card--profile {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.account-card--data {
  overflow: hidden;
}
.account-card__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 1.875em;
  margin-bottom: 1.875em;
}
@media screen and (max-width: 499.98px) {
  .account-card__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-right: 5.5%;
  }
}
@media screen and (min-width: 1150px) and (max-width: 1499.98px) {
  .account-card--profile .account-card__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 13.875em;
  }
}
@media screen and (max-width: 949.98px) {
  .account-card__head {
    margin-bottom: 1.5em;
  }
}
.account-card__add {
  width: 15.125em;
}
@media screen and (min-width: 1150px) and (max-width: 1499.98px) {
  .account-card__add {
    width: 12.1875em;
  }
}
@media screen and (max-width: 949.98px) {
  .account-card__add {
    width: 13.9375em;
  }
}
@media screen and (max-width: 499.98px) {
  .account-card__add {
    width: 100%;
    margin-top: 1.25em;
  }
}
.account-card__profile {
  max-height: 10.625em;
}
@media screen and (max-width: 949.98px) {
  .account-card__profile {
    max-height: 20.625em;
  }
}
@media screen and (max-width: 499.98px) {
  .account-card__profile {
    max-height: 21.875em;
  }
}
@media screen and (max-width: 949.98px) {
  .account-card__out {
    width: 12.875em;
  }
}
@media screen and (max-width: 499.98px) {
  .account-card__out {
    width: 100%;
    margin-top: 1.25em;
  }
}

.card-data {
  padding-right: 1.875em;
}
@media screen and (max-width: 499.98px) {
  .card-data {
    padding-right: 0.625em;
  }
}
.card-data__row {
  display: grid;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-template-columns: 4.5em 1fr 2.25em;
  grid-column-gap: 2.5em;
}
.card-data__row:not(:last-child) {
  margin-bottom: 0.8125em;
}
@media screen and (max-width: 499.98px) {
  .card-data__row {
    grid-column-gap: 0;
    grid-template-columns: 5.375em minmax(6.25em, 1fr) 2.25em;
  }
}
.card-data__btn {
  width: 2.25em;
  height: 2.125em;
}
.card-data__value {
  background-color: transparent;
  font-weight: 600;
  color: #000;
  border-radius: 0.3125em;
  border: 1px solid transparent;
  padding: 0.4375em 0.3125em;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.card-data__value--is-active {
  border-color: rgba(0, 0, 0, 0.23);
  width: 100%;
}
.card-data__msg {
  position: absolute;
  top: 100%;
  right: 5.4285714286em;
  font-size: 0.875em;
  color: #43b627;
}
@media screen and (max-width: 499.98px) {
  .card-data__msg {
    right: 2.5714285714em;
  }
}


.card-profile {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-arrow-color: transparent;
  scrollbar-face-color: transparent;
  scrollbar-track-color: transparent;
  scrollbar-base-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-right: 1.875em;
}
@supports (scrollbar-width: auto) {
  .card-profile {
    scrollbar-width: auto;
  }
}
@-moz-document url-prefix() {
  .card-profile {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.15) transparent;
  }
}
.card-profile::-webkit-scrollbar {
  width: 0.3125em;
}
.card-profile::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.15);
}
.card-profile::-webkit-scrollbar-track {
  background-color: transparent;
}
@media screen and (max-width: 949.98px) {
  .card-profile {
    padding-right: 1.25em;
  }
}
.card-profile__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 1.5625em;
}
@media screen and (max-width: 949.98px) {
  .card-profile__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (max-width: 949.98px) {
  .card-profile__content {
    margin-bottom: 1.5em;
  }
}
.card-profile__delete {
  width: 2.25em;
  height: 2.125em;
}
.card-profile__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 949.98px) {
  .card-profile__btns {
    width: 100%;
  }
}
.card-profile__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.3125em;
  cursor: pointer;
}
@media screen and (max-width: 949.98px) {
  .card-profile__label {
    margin-bottom: 0.625em;
  }
}
.card-profile__input {
  display: none;
}
.card-profile__input:checked ~ .card-profile__cheker::before {
  background-color: #4c4c4c;
}
.card-profile__cheker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 1.5em;
  min-width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.23);
  background-color: #fff;
  -webkit-box-shadow: 0em 0.125em 0.25em -1px rgba(0, 0, 0, 0.4);
  box-shadow: 0em 0.125em 0.25em -1px rgba(0, 0, 0, 0.4);
  margin-right: 1.25em;
}
.card-profile__cheker::before {
  content: "";
  width: 0.875em;
  height: 0.875em;
  border-radius: 50%;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.card-profile__address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.0625em;
  font-weight: 600;
  margin-top: 0.1764705882em;
}
.card-profile__data {
  display: grid;
  grid-template-columns: 11.875em auto;
  grid-gap: 1px 1.25em;
  margin-left: 2.75em;
}
@media screen and (max-width: 949.98px) {
  .card-profile__data {
    grid-column-gap: 7%;
    margin-left: 0;
  }
}
@media screen and (max-width: 499.98px) {
  .card-profile__data {
    grid-template-columns: 11.25em auto;
    grid-column-gap: 4%;
  }
}
@media screen and (max-width: 459.98px) {
  .card-profile__data {
    grid-template-columns: 1fr;
  }
}
.card-profile__text {
  font-size: 0.875em;
  line-height: 1.57;
}
.card-profile__btn {
  margin-right: 0.625em;
  width: 12.25em;
}
@media screen and (max-width: 949.98px) {
  .card-profile__btn {
    width: 95%;
    margin-right: 1.25em;
  }
}

.order-history__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 3.125em;
}
@media screen and (max-width: 1149.98px) {
  .order-history__head {
    margin-bottom: 2.25em;
  }
}
@media screen and (max-width: 949.98px) {
  .order-history__head {
    padding-right: 0.625em;
    padding-left: 4.6%;
    margin-bottom: 1.875em;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (max-width: 549.98px) {
  .order-history__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
@media screen and (max-width: 499.98px) {
  .order-history__head {
    padding-left: 5.5%;
    margin-bottom: 0.9375em;
  }
}
.order-history__sort {
  margin-left: 3.125em;
}
@media screen and (max-width: 949.98px) {
  .order-history__sort {
    margin-left: 0;
  }
}
@media screen and (max-width: 549.98px) {
  .order-history__sort {
    margin-top: 0.8125em;
    margin-left: -0.625em;
  }
}
.order-history__card {
  margin-bottom: 1.25em;
  max-width: 83.25em;
}
.orders__list {
  max-width: 83.25em;
}
.order-history__details {
  overflow: hidden;
  height: 0;
}
.order-history__pagination {
  max-width: 83.25em;
  margin-top: 3.4375em;
}
@media screen and (max-width: 1149.98px) {
  .order-history__pagination {
    margin-top: 2.5em;
  }
}

.order-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  border-radius: 1.875em;
  padding-bottom: 0.625em;
}
@media screen and (max-width: 949.98px) {
  .order-card {
    border-radius: 0;
  }
}
.order-card__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #e3e3e3;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 7.3125em;
}
@media screen and (max-width: 1499.98px) {
  .order-card__head {
    padding-left: 2.6875em;
  }
}
@media screen and (max-width: 949.98px) {
  .order-card__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
@media screen and (max-width: 499.98px) {
  .order-card__head {
    padding-right: 5.5%;
    padding-left: 5.5%;
    border-bottom: 0;
  }
}
.order-card__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 499.98px) {
  .order-card__wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.order-card__status {
  margin-left: auto;
  margin-right: -0.625em;
}
@media screen and (max-width: 949.98px) {
  .order-card__status {
    margin-right: 0;
    margin-bottom: 1.4375em;
    margin-left: 0;
  }
}
.order-card__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1px;
  margin-left: 0.375em;
  line-height: 1.25;
  font-size: 17px;
  font-weight: 100!important;
}
.order-card__btn {
  margin-right: 0.5em;
  margin-left: 0.5em;
}
.order-card__amount {
  font-size: 1.25em;
  margin-left: 6.5em;
}
@media screen and (max-width: 1149.98px) {
  .order-card__amount {
    margin-left: 4em;
  }
}
@media screen and (max-width: 949.98px) {
  .order-card__amount {
    margin-left: 6.5em;
  }
}
@media screen and (max-width: 499.98px) {
  .order-card__amount {
    margin-top: 0.85em;
    margin-right: 5em;
    margin-left: 0;
  }
}

.order-card-status {
  padding: 0.875em 2.1875em;
}
@media screen and (max-width: 499.98px) {
  .order-card-status {
    padding-right: 0.9375em;
    padding-left: 0.9375em;
  }
}
.order-card-status--accept {
  background-color: #ffb02c;
}
.order-card-status--paid {
  background-color: #36c3fc;
}
.order-card-status--fulfilled {
  background-color: #4b8702;
}
.order-card-status--unfulfilled {
  background-color: #e70000;
}
.order-card-status__text {
  font-weight: 700;
  color: #fff;
}

.order-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
  will-change: height;
}
.order-details__wrapper {
  padding: 3.0625em 3.125em 2.875em 8.375em;
}
@media screen and (max-width: 1499.98px) {
  .order-details__wrapper {
    padding-left: 2.6875em;
  }
}
@media screen and (max-width: 1149.98px) {
  .order-details__wrapper {
    padding-bottom: 2em;
    padding-left: 3.125em;
  }
}
@media screen and (max-width: 499.98px) {
  .order-details__wrapper {
    padding-top: 2.6875em;
    padding-left: 5.5%;
    padding-right: 5.5%;
  }
}
.order-details__value, .order-details__name {
  line-height: 1.25;
}
.order-details__value {
  font-weight: 600;
}
@media screen and (max-width: 499.98px) {
  .order-details__value {
    margin-top: 0.1875em;
  }
}
.order-details__list {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-column-gap: 2.5em;
  margin-bottom: 4.6875em;
}
@media screen and (max-width: 1149.98px) {
  .order-details__list {
    grid-template-columns: 1fr;
    margin-bottom: 1.5625em;
  }
}
@media screen and (max-width: 499.98px) {
  .order-details__list {
    margin-bottom: 0.3125em;
  }
}
.order-details__item {
  display: grid;
  grid-template-columns: 9.375em auto;
  grid-column-gap: 2.1875em;
  margin-bottom: 1.25em;
}
@media screen and (max-width: 1499.98px) {
  .order-details__item {
    grid-template-columns: 9.0625em auto;
  }
}
@media screen and (max-width: 1149.98px) {
  .order-details__item {
    grid-template-columns: 9.375em auto;
    grid-column-gap: 1.5625em;
  }
}
@media screen and (max-width: 499.98px) {
  .order-details__item {
    grid-template-columns: 1fr;
  }
}

.order-details-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 27.5em;
}
.order-details-price__text, .order-details-price__value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.25em;
  line-height: 1.4;
}

.btn-delete,
.btn-enter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.3125em;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  background-color: transparent;
}
@media screen and (min-width: 1000px) {
  .btn-delete:hover,
  .btn-enter:hover {
    background-color: rgba(61, 74, 98, 0.1);
  }
}
.btn-delete__icon,
.btn-enter__icon {
  fill: #bcbcbc;
  width: auto;
  height: 1.25em;
}

@media screen and (min-width: 950px) and (max-width: 1149.98px) {
  .about {
    padding-right: 3.3%;
  }
}
.about__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 5em;
}
@media screen and (max-width: 1499.98px) {
  .about__block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 1149.98px) {
  .about__block {
    margin-bottom: 4.25em;
  }
}
@media screen and (max-width: 949.98px) {
  .about__block {
    margin-bottom: 2.25em;
  }
}
@media screen and (max-width: 499.98px) {
  .about__block {
    margin-bottom: 1.5em;
  }
}
.about__desc {
  width: 100%;
}
@media screen and (min-width: 1500px) {
  .about__desc {
    max-width: 26.1875em;
    margin-right: 4%;
  }
}
@media screen and (max-width: 1499.98px) {
  .about__desc {
    margin-bottom: 5em;
  }
}
@media screen and (max-width: 1149.98px) {
  .about__desc {
    margin-bottom: 4.25em;
  }
}
@media screen and (max-width: 949.98px) {
  .about__desc {
    margin-bottom: 2.25em;
  }
}
.about__desc p:not(:last-child) {
  margin-bottom: 1.25em;
}
.about__video {
  width: 64%;
  min-width: 64%;
  height: 26.51vw;
}
@media screen and (max-width: 1699.98px) {
  .about__video {
    height: 29vw;
  }
}
@media screen and (max-width: 1499.98px) {
  .about__video {
    width: 81%;
    min-width: 81%;
    height: 39.766vw;
  }
}
@media screen and (max-width: 1149.98px) {
  .about__video {
    width: 100%;
    height: 46.1vw;
  }
}
@media screen and (max-width: 949.98px) {
  .about__video {
    height: 51.176vw;
  }
}

.about-video {
  display: grid;
  overflow: hidden;
  border-radius: 1.875em;
}
.about-video::before {
  content: "";
  position: relative;
  grid-area: -1/1;
  background-color: rgba(83, 61, 212, 0.75);
  width: 100%;
  height: 100%;
}
.about-video__picture {
  grid-area: -1/1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.about-video__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.about-video__content {
  grid-area: -1/1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 2.5em 3.125em 2.5em 3.625em;
}
@media screen and (max-width: 1149.98px) {
  .about-video__content {
    padding: 2.25em 2.0625em 2.0625em 2.625em;
  }
}
@media screen and (max-width: 499.98px) {
  .about-video__content {
    display: none;
  }
}
.about-video__title {
  font-size: 1.6875em;
  font-weight: 700;
  color: #fff;
  margin-left: auto;
}
.about-video__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.about-video__name {
  font-size: 1.875em;
  font-weight: 600;
  color: #fff;
}
.about-video__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.about-video__text {
  color: #fff;
  font-weight: 600;
  line-height: 1.25;
}
.about-video__text:not(:last-child) {
  margin-bottom: 0.9375em;
}
.about-video__play {
  grid-area: -1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-self: center;
  align-self: center;
  width: 6.25em;
  height: 6.25em;
  background-color: #fff;
  -webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);
  clip-path: polygon(100% 50%, 0 0, 0 100%);
}
.about-video__play::before {
  content: "";
  width: 4em;
  height: 4em;
  -webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);
  clip-path: polygon(100% 50%, 0 0, 0 100%);
  background-color: #4b8702;
  -webkit-transform: translateX(-0.5em);
  -ms-transform: translateX(-0.5em);
  transform: translateX(-0.5em);
}

.about-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1.875em;
}
@media screen and (max-width: 1499.98px) {
  .about-gallery {
    grid-gap: 1.25em;
  }
}
@media screen and (max-width: 1149.98px) {
  .about-gallery {
    grid-gap: 0.9375em;
  }
}
@media screen and (max-width: 949.98px) {
  .about-gallery {
    grid-gap: 0.6875em;
  }
}
@media screen and (max-width: 499.98px) {
  .about-gallery {
    grid-gap: 0.25em;
  }
}
.about-gallery__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  border-radius: 1.25em;
  width: 100%;
  height: 13.542vw;
}
@media screen and (max-width: 1499.98px) {
  .about-gallery__item {
    height: 14.375vw;
  }
}
@media screen and (max-width: 1149.98px) {
  .about-gallery__item {
    height: 14.8vw;
  }
}
@media screen and (max-width: 949.98px) {
  .about-gallery__item {
    height: 16.471vw;
  }
}
@media screen and (max-width: 499.98px) {
  .about-gallery__item {
    height: 16vw;
  }
}
.about-gallery__picture, .about-gallery__img {
  width: 100%;
  height: 100%;
}
.about-gallery__picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.about-gallery__img {
  -o-object-fit: cover;
  object-fit: cover;
}

.contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 6.25em;
  padding-right: 9%;
}
@media screen and (max-width: 1199.98px) {
  .contacts {
    padding-right: 5%;
  }
}
@media screen and (max-width: 1149.98px) {
  .contacts {
    padding-right: 3.3%;
    padding-bottom: 5.625em;
  }
}
@media screen and (max-width: 949.98px) {
  .contacts {
    padding-right: 4.6%;
    padding-bottom: 3.25em;
  }
}
@media screen and (max-width: 949.98px) {
  .contacts {
    padding-right: 0;
    padding-left: 0;
  }
}
.contacts__container {
  display: grid;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  grid-template-columns: 45% 50%;
  grid-column-gap: 5%;
  margin-bottom: 4.125em;
}
@media screen and (max-width: 1149.98px) {
  .contacts__container {
    grid-template-columns: 46% 51%;
    grid-column-gap: 3%;
  }
}
@media screen and (max-width: 949.98px) {
  .contacts__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-template-columns: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    grid-row-gap: 1.25em;
    margin-bottom: 3em;
  }
}
.contacts__container, .contacts__map {
  max-width: 77.1875em;
}
.contacts__map {
  width: 100%;
  height: 27.75em;
  border-radius: 2.5em;
  overflow: hidden;
}
.contacts__map .ymaps-2-1-79-controls__toolbar,
.contacts__map .ymaps-2-1-79-copyrights-pane {
  display: none;
}

.contacts-data,
.conracts-requisite {
  border-radius: 2.5em;
  padding-top: 1.9375em;
}
@media screen and (min-width: 500px) {
  .contacts-data,
  .conracts-requisite {
    min-height: 19.375em;
  }
}

.contacts-data {
  --title-sm-color: #fff;
  background-color: #4b8702;
  padding-left: 4.25em;
}
@media screen and (max-width: 1149.98px) {
  .contacts-data {
    padding-left: 1.75em;
  }
}
@media screen and (max-width: 949.98px) {
  .contacts-data {
    padding-left: 1.4375em;
  }
}
@media screen and (max-width: 499.98px) {
  .contacts-data {
    padding-bottom: 2.5em;
  }
}
.contacts-data__head {
  margin-bottom: 2.625em;
}
@media screen and (max-width: 499.98px) {
  .contacts-data__head {
    margin-bottom: 1.375em;
  }
}
.contacts-data__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.contacts-data__item:not(:last-child) {
  margin-bottom: 3.125em;
}
@media screen and (max-width: 499.98px) {
  .contacts-data__item:not(:last-child) {
    margin-bottom: 1.75em;
  }
}
.contacts-data__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 1.25em;
  min-width: 1.25em;
  height: 1.25em;
  margin-right: 0.8125em;
}
.contacts-data__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  fill: rgba(255, 255, 255, 0.24);
}
.contacts-data__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 1px;
}
.contacts-data__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  line-height: 1.25;
  margin-bottom: 1.125em;
}
.contacts-data__link {
  font-size: 1.625em;
  color: #fff;
  font-weight: 600;
  line-height: 0.77;
}

.conracts-requisite {
  padding-bottom: 2.125em;
  padding-left: 6.125em;
  padding-right: 1.875em;
  background-color: #fff;
}
@media screen and (max-width: 1149.98px) {
  .conracts-requisite {
    padding-left: 3.625em;
  }
}
@media screen and (max-width: 949.98px) {
  .conracts-requisite {
    padding-left: 3.3125em;
  }
}
.conracts-requisite__head {
  margin-bottom: 2.3125em;
}
@media screen and (max-width: 499.98px) {
  .conracts-requisite__head {
    margin-bottom: 0.875em;
  }
}
.conracts-requisite__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 1.5625em;
}
.conracts-requisite__subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  line-height: 1.25;
}
.conracts-requisite__list {
  display: grid;
  grid-row-gap: 0.9375em;
  margin-bottom: 0.8125em;
}
.conracts-requisite__list--is-show {
  --requisite-show: grid;
}
.conracts-requisite__item {
  display: var(--requisite-show, none);
  grid-template-columns: 7.5em auto;
}
.conracts-requisite__item:first-child {
  display: grid;
}
.conracts-requisite__name, .conracts-requisite__value {
  line-height: 1.25;
}
.conracts-requisite__value {
  font-weight: 600;
}

.btn-show-requisite {
  display: grid;
  background-color: transparent;
  margin-bottom: 2.5em;
}
.btn-show-requisite__text {
  font-size: 0.875em;
  line-height: 1.5;
  color: #525252;
  background-image: -webkit-gradient(linear, left top, right top, from(#000), color-stop(50%, #000), color-stop(50%, transparent), to(transparent));
  background-image: linear-gradient(90deg, #000, #000 50%, transparent 50%, transparent 100%);
  background-size: 6px 1px;
  background-position-y: bottom;
  background-repeat: repeat-x;
}
.btn-show-requisite:hover .btn-show-requisite__text {
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(transparent));
  background-image: linear-gradient(90deg, transparent, transparent 100%);
}

.download {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-transition: opacity 0.3;
  transition: opacity 0.3;
}
.download:hover {
  opacity: 0.7;
}
.download__icon {
  fill: #de7474;
  width: 1.25em;
  height: auto;
  margin-right: 0.75em;
}
.download__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #000;
  line-height: 1.5;
  margin-right: 0.75em;
}
.download__size {
  font-size: 0.875em;
  color: #858585;
}

.conracts-location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 4.375em;
  padding-left: 4.25em;
}
@media screen and (max-width: 1499.98px) {
  .conracts-location {
    padding-left: 0;
  }
}
@media screen and (max-width: 949.98px) {
  .conracts-location {
    margin-bottom: 2em;
  }
}
@media screen and (max-width: 499.98px) {
  .conracts-location {
    padding-left: 1.25em;
    padding-right: 0.625em;
  }
}
.conracts-location__icon {
  fill: #ccc;
  width: 0.875em;
  min-width: 0.875em;
  height: auto;
  margin-right: 1em;
}
.conracts-location__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.conracts-location__title {
  display: block;
  line-height: 1.25;
  margin-bottom: 1.25em;
}
.conracts-location__address {
  font-size: 1.625em;
  font-weight: 600;
}

.description {
  display: grid;
  grid-row-gap: 4.375em;
}
@media screen and (min-width: 950px) and (max-width: 1149.98px) {
  .description {
    padding-right: 10%;
  }
}
@media screen and (max-width: 949.98px) {
  .description {
    grid-row-gap: 2.5em;
  }
}
.description--exchanges {
  --description-row-gap: 3.125em;
}
@media screen and (max-width: 949.98px) {
  .description--exchanges {
    --description-row-gap: 2.5em;
  }
}
.description__head {
  margin-bottom: 2.5em;
}
@media screen and (max-width: 949.98px) {
  .description__head {
    margin-bottom: 1.25em;
  }
}
.description__box {
  display: grid;
  grid-template-columns: 20em 1fr;
  grid-column-gap: 11%;
}
@media screen and (max-width: 1499.98px) {
  .description__box {
    grid-template-columns: 15.625em 1fr;
    grid-column-gap: 3%;
  }
}
@media screen and (max-width: 1149.98px) {
  .description__box {
    grid-template-columns: 1fr;
    grid-row-gap: 1.875em;
  }
}
@media screen and (max-width: 949.98px) {
  .description__box {
    grid-row-gap: 0.6875em;
  }
}
.description__wrap {
  display: grid;
  grid-row-gap: 1.25em;
}
@media screen and (max-width: 499.98px) {
  .description__wrap {
    grid-row-gap: 1.0625em;
  }
}
.description__content {
  display: grid;
  grid-row-gap: var(--description-row-gap, 1.875em);
}

.list {
  list-style: none;
}
.list__item {
  font-size: 1.125em;
  line-height: 1.44;
}
.list__item::before {
  content: "•";
  margin-right: 0.1111111111em;
}

.how-order {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.how-order__container {
  display: grid;
  grid-row-gap: 3.4375em;
}
.how-order__block {
  display: grid;
  grid-column-gap: 5em;
}
@media screen and (min-width: 1250px) {
  .how-order__block {
    grid-template-columns: 35em 30em;
  }
}
@media screen and (max-width: 1499.98px) {
  .how-order__block {
    grid-column-gap: 2.5em;
  }
}
@media screen and (max-width: 1249.98px) {
  .how-order__block {
    grid-row-gap: 2.0625em;
  }
}
@media screen and (max-width: 499.98px) and (max-width: 1249.98px) {
  .how-order__block {
    grid-row-gap: 1.25em;
  }
}
.how-order__picture {
  width: 100%;
  max-width: 35em;
  height: 15.6875em;
  overflow: hidden;
  border-radius: 2.5em;
}
@media screen and (max-width: 499.98px) {
  .how-order__picture {
    height: 39.467vw;
  }
}
.how-order__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.how-order__content {
  display: grid;
  -ms-flex-line-pack: start;
  align-content: start;
  grid-row-gap: 1.25em;
}
@media screen and (max-width: 1249.98px) {
  .how-order__content {
    grid-row-gap: 1.5625em;
    max-width: 48.75em;
  }
}

.questions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 1150px) and (max-width: 1499.98px) {
  .questions {
    padding-right: 7%;
  }
}
@media screen and (max-width: 949.98px) {
  .questions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 0;
    padding-left: 0;
  }
}
.questions__accordion {
  width: 100%;
  max-width: 66.875em;
}
.questions__nav {
  width: 12.5em;
  min-width: 12.5em;
  margin-right: 6.25em;
}
@media screen and (min-width: 950px) {
  .questions__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (max-width: 1499.98px) {
  .questions__nav {
    margin-right: 2.5em;
  }
}
@media screen and (max-width: 1149.98px) {
  .questions__nav {
    margin-right: 1.25em;
  }
}
@media screen and (max-width: 949.98px) {
  .questions__nav {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    width: 100%;
    max-width: 37.5em;
    padding-left: 4.6%;
    padding-right: 4.6%;
    margin-bottom: 1.875em;
  }
}
@media screen and (max-width: 499.98px) {
  .questions__nav {
    padding-left: 5.5%;
  }
}
@media screen and (max-width: 369.98px) {
  .questions__nav {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
.questions__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #533dd4;
  line-height: 1.25;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.questions__link:not(:last-child) {
  margin-bottom: 1.5625em;
}
@media screen and (max-width: 949.98px) {
  .questions__link:not(:last-child) {
    margin-bottom: 1.25em;
  }
}
@media screen and (min-width: 1000px) {
  .questions__link:hover {
    color: #000;
  }
}
.questions__link--active {
  color: #000;
  pointer-events: none;
}

.accordion {
  border: 1px solid #b4b0ad;
}
@media screen and (max-width: 949.98px) {
  .accordion {
    border-right: 0;
    border-left: 0;
  }
}
.accordion__item:not(:last-child) {
  border-bottom: 1px solid #b4b0ad;
}
.accordion__btn {
  position: relative;
  padding: 1.875em 6.25em 1.875em 2.5em;
  width: 100%;
  text-align: left;
  background-color: transparent;
}
@media screen and (max-width: 949.98px) {
  .accordion__btn {
    padding-left: 4.6%;
  }
}
@media screen and (max-width: 499.98px) {
  .accordion__btn {
    padding-right: 3.75em;
    padding-left: 5.5%;
  }
}
.accordion__btn::before, .accordion__btn::after {
  content: "";
  position: absolute;
  top: 2.5em;
  width: 1.9375em;
  height: 0.1875em;
  right: 1.875em;
  background-color: #575757;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
@media screen and (max-width: 499.98px) {
  .accordion__btn::before, .accordion__btn::after {
    right: 1.25em;
  }
}
.accordion__btn::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.accordion__btn:hover::before, .accordion__btn:hover::after {
  background-color: #000;
}
.accordion__btn.active::after {
  -webkit-transform: rotate(130deg);
  -ms-transform: rotate(130deg);
  transform: rotate(130deg);
}
.accordion__btn.active::before {
  -webkit-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
}
.accordion__content {
  overflow: hidden;
  height: 0;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
  will-change: height;
}
.accordion__wrap {
  font-size: 1.125em;
  line-height: 1.44;
  padding-bottom: 1.7222222222em;
  padding-left: 4em;
  padding-right: 7.7777777778em;
}
@media screen and (max-width: 1149.98px) {
  .accordion__wrap {
    padding-right: 2.7777777778em;
  }
}
@media screen and (max-width: 949.98px) {
  .accordion__wrap {
    padding-left: 3.3333333333em;
  }
}
@media screen and (max-width: 499.98px) {
  .accordion__wrap {
    padding-right: 5.5%;
    padding-left: 5.5%;
  }
}

.wholesale {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 2.8125em;
  padding-right: 8%;
  padding-bottom: 4.375em;
}
@media screen and (max-width: 1499.98px) {
  .wholesale {
    padding-right: 4.5%;
  }
}
@media screen and (max-width: 1199.98px) {
  .wholesale {
    padding-right: 4%;
  }
}
@media screen and (max-width: 949.98px) {
  .wholesale {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 4.6%;
    padding-bottom: 3em;
  }
}
@media screen and (max-width: 499.98px) {
  .wholesale {
    padding-right: 5.5%;
  }
}
.wholesale__desc {
  display: grid;
  -ms-flex-line-pack: start;
  align-content: start;
  grid-row-gap: 1.25em;
  margin-right: 7%;
}
@media screen and (max-width: 1499.98px) {
  .wholesale__desc {
    margin-right: 8%;
  }
}
@media screen and (max-width: 1199.98px) {
  .wholesale__desc {
    margin-right: 5%;
  }
}
@media screen and (max-width: 949.98px) {
  .wholesale__desc {
    margin-right: 0;
  }
}
.wholesale__picture {
  margin-top: -5em;
  width: 30.25em;
  min-width: 30.25em;
  height: auto;
}
@media screen and (max-width: 1199.98px) {
  .wholesale__picture {
    width: 20.625em;
    min-width: 20.625em;
  }
}
@media screen and (max-width: 949.98px) {
  .wholesale__picture {
    margin-top: 0;
    width: 18.75em;
    min-width: 18.75em;
    padding-bottom: 3em;
  }
}
.wholesale__img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}


.a_btn_filter{
  display: flex;
  align-items: center;
   justify-content: center;

}


.personal-data__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0px 0px 10px 0px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-transition: margin-bottom 0.3s ease 0s;
  -o-transition: margin-bottom 0.3s ease 0s;
  transition: margin-bottom 0.3s ease 0s;
}

/*.personal-data__row._active {*/
/*  -webkit-box-pack: start;*/
/*      -ms-flex-pack: start;*/
/*          justify-content: flex-start;*/
/*}*/

.personal-data__row._active .personal-data__text,
.personal-data__row._active .personal-data__change {
  display: none;
}

/*.personal-data__row._active .personal-data__change-block {*/
/*  opacity: 1;*/
/*  visibility: visible;*/
/*  -webkit-box-flex: 1;*/
/*      -ms-flex: 1 1 100%;*/
/*          flex: 1 1 100%;*/
/*  width: auto;*/
/*}*/

/*.personal-data__row.show-msg {*/
/*  margin-bottom: 30px;*/
/*}*/

.personal-data__row.show-msg .personal-data__row-msg {
  visibility: visible;
  opacity: 1;
}

.personal-data__row-msg {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  visibility: hidden;
  opacity: 0;
  color: #43b627;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.personal-data__row-msg.err {
  color: #db5959;
}

.personal-data__text {
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-transition: font-size 0.3s ease 0s;
  -o-transition: font-size 0.3s ease 0s;
  transition: font-size 0.3s ease 0s;
  overflow-wrap: anywhere;
}


.personal-data__text {
  min-height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 70%;
          flex: 0 1 70%;
}


.personal-data__row._active .personal-data__change {
  display: none;
}

.personal-data__row._active .personal-data__change-block {
  opacity: 1;
  visibility: visible;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  width: auto;
}



.personal-data__change {
  margin: 0px 0px 0px 16px;
}

.personal-data__change-svg {
  width: 20px;
  height: 20px;
}

.personal-data__change-svg use {
  fill: #a7b6cb;
}

.personal-data__change-block {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  opacity: 0;
  visibility: hidden;
  width: 0;
}

.personal-data__change-block .form__line {
  margin: 0;
  width: 100%;
}


.personal-data__row._active .personal-data__change-block {
  opacity: 1;
  visibility: visible;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  width: auto;
}


.personal-data__change-block {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  opacity: 0;
  visibility: hidden;
  width: 0;
}

.personal-data__change-block .form__line {
  margin: 0;
  width: 100%;
}

.form__line {
  position: relative;
  margin: 0px 0px 30px 0px;
}


.personal-data__btn {
  margin: 0px 0px 0px 5px;
  padding: 0px 10px;
}



.personal-data__btn-svg {
  width: 12px;
  height: 18px;
}

.personal-data__btn-svg use {
  fill: #fff;
}



.card-data__name{
  min-width: 115px;
}

.title-size-sm{
  font-weight: bold;
  font-size: 17px;
}

.swiper-button-lock {
  display: none;
}

.form-btn-password {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}

.form-btn-password__icon {
  fill: rgba(0, 0, 0, 0.6);
  width: 1.4em;
  height: auto;
  transition: fill 0.3s;
}

.form-btn-password:hover .form-btn-password__icon {
  fill: rgba(0, 0, 0, 0.9);
}

.form__password {
  position: absolute;
  width: 2.5em;
  height: 2.5em;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.form-btn-password--is-active {
  opacity: 1;
  pointer-events: auto;
}

.privacy-policy {
  padding: 40px 10% 100px 12.3%;
}

@media screen and (max-width: 1499.98px) {
  .privacy-policy {
    padding-left: 4.5%;
    padding-right: 9%;
  }
}
@media screen and (max-width: 1149.98px) {
  .privacy-policy {
    padding: 20px 4.6% 50px;
  }
}
@media screen and (max-width: 499.98px) {
  .privacy-policy {
    padding-left: 5.5%;
  }
}

.privacy-policy a {
  color: #000;
  text-decoration: underline;
}

.privacy-policy a:hover {
  text-decoration: none;
}

.privacy-policy p,
.privacy-policy ul{
  font-size: 1.125em;
  line-height: 1.44;
}

.privacy-policy b {
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1;
}

@media screen and (max-width: 449.98px) {
  .privacy-policy p,
  .privacy-policy ul{
    font-size: 16px;
  }

  .privacy-policy b {
    font-size: 18px;
  }
}

.privacy-policy ul {
  padding-left: 18px;
}

.bx-soa-cart-total-ghost {
  padding-top: 0 !important;
}

.order .alert-danger {
  color: red;
  margin-bottom: 1em;
}

.order .alert-success {
  color: #4b8702;
}

@media screen and (max-width: 499.98px) {
  .order .alert-success {
    padding-right: 5.5%;
    padding-left: 5.5%;
  }
}

.order .alert-success .col-xs-12 {
  padding-left: 0 !important;
}

.bx-soa-location-input-container .bx-sls .dropdown-block {
  border-radius: 0.2777777778em;
  max-width: 43.75em;
  font-size: inherit;
}

.bx-soa-location-input-container .bx-sls .bx-ui-sls-container {
  min-height: 54px;
}
.bx-soa-location-input-container .bx-sls .bx-ui-sls-fake, .bx-sls .bx-ui-sls-route {
  height: 54px;
  font-family: "Montserrat", sans-serif;
  font-size: 1.125em;
  line-height: 1.22;
}
.bx-soa-location-input-container .bx-sls .dropdown-icon {
  top: 20px;
}
.bx-soa-location-input-container .bx-sls .bx-ui-sls-clear {
  top: 12px;
}
.account-card--data .error-text {
  position: absolute;
  bottom: 0;
  right: 0;
}

/* End */


/* Start:/local/templates/test_flowers/components/bitrix/search.title/bootstrap_v5/style.css?1707743756792*/
.searche-title {}

.search-title-button {
	background-image: url(/local/templates/test_flowers/components/bitrix/search.title/bootstrap_v5/images/icon-search.svg);
	background-repeat: no-repeat;
	background-position: center;
	min-width: 45px;
	/* min-height: 38px; */
	height: calc(1.5em + 0.75rem);
}


.title-search-result {
	
	display: none;
	overflow: hidden;
	z-index: 205;
	background-color: #fff;
	
	border-radius: 3px;
}

.search-title-result-item {
	border-bottom: 1px solid #ddd;
}


.search-title .search-title-result-item:last-child {
	border-bottom:  none;
}

.search-title-result-item-link {
	font-size: 16px;
	transition: 170ms linear all;
}

.search-title-result-item-price {
	font-size: 16px;
}

.search-title-result-item-current-price {
	font-weight: bold;
}

.search-title-result-item-old-price {
	font-size: 80%;
	text-decoration: line-through;
}
/* End */
/* /local/templates/test_flowers/css/swiper.css?170774375618444 */
/* /local/templates/test_flowers/css/nouislider.min.css?17077437564220 */
/* /local/templates/test_flowers/css/nativejs-select.css?17077437562568 */
/* /local/templates/test_flowers/css/fancybox.css?170774375624645 */
/* /local/templates/test_flowers/css/style.css?1710990256220840 */
/* /local/templates/test_flowers/components/bitrix/search.title/bootstrap_v5/style.css?1707743756792 */