/* Start:/local/templates/prokladovki/assets/libs/swiper-bundle.min.css?177201424818471*/
/**
 * Swiper 11.1.14
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 12, 2024
 */

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


/* Start:/local/templates/prokladovki/assets/libs/fancybox.css?177201424827957*/
: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-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--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-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{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);transform:var(--f-button-transform);transition:var(--f-button-transition);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media (hover: hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset);position:relative;z-index:1}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:calc(var(--f-spinner-width) * -.5) 0 0 calc(var(--f-spinner-height) * -.5);padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);border-radius:var(--f-spinner-border-radius);border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{transform:rotate(360deg)}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:""}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{vertical-align:top;object-fit:contain;transition:none;user-select:none}.f-panzoom__wrapper>img.f-panzoom__content,.f-panzoom__wrapper>picture.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.f-panzoom__viewport>.f-panzoom__content{display:block;width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;user-select:none}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font)}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{--f-progressbar-height: 100%;display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0);pointer-events:none}.f-carousel__toolbar__column.is-left{justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{justify-content:center}.f-carousel__toolbar__column.is-right{justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column>*{pointer-events:all}.f-carousel:has(.f-carousel__slide.is-fullsize) [data-panzoom-action=toggleFull] g{display:none}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}.f-carousel__counter{position:relative;display:flex;flex-direction:row;cursor:default;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-carousel__counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-z-index: 1;--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-fit: cover;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-transfors: none;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff}.f-thumbs{--f-carousel-slide-width: calc(var(--f-thumb-width) + var(--f-thumbs-gap));--f-carousel-slide-height: calc(var(--f-thumb-height) + var(--f-thumbs-gap));--f-carousel-gap: 0;flex-shrink:0;max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2);margin:var(--f-thumbs-margin);padding:0;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;user-select:none;transition:max-height .3s ease;z-index:var(--f-thumbs-z-index);overflow:hidden}.f-thumbs__viewport{margin:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:visible;display:grid}.f-thumbs__slide{position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:calc(var(--f-thumbs-gap) * .5);cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:"";position:absolute;inset:0;z-index:1;transition:none;border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs__slide img{display:block;width:100%;height:100%;object-fit:var(--f-thumb-fit);border-radius:inherit;pointer-events:none}.f-thumbs__slide img.has-lazyerror{display:none}.f-thumbs.is-modern{--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--width-diff) * 2);margin-left:calc(var(--width-diff) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-left:-50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:"";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:30;height:var(--f-progressbar-height, 3px);transform:scaleX(0);transform-origin:0;background:var(--f-progressbar-color, var(--f-carousel-theme-color, #575ad6));user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}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(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255, .2);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none;position:absolute;inset:0;overflow:hidden;outline:none;display:flex;flex-direction:column}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116, .2);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000}.fancybox__container::backdrop{background-color:transparent}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:"";inset:-30px;z-index:1}.fancybox__carousel>.f-progressbar{background-color:var(--fancybox-color)}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:""}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide .f-button[data-fancybox-close]{--f-button-width: var(--f-close-button-width, 34px);--f-button-height: var(--f-close-button-height, 34px);--f-button-border-radius: var(--f-close-border-radius, 4px);--f-button-color: var(--f-close-button-color, #fff);--f-button-hover-color: var(--f-close-button-hover-color, #fff);--f-button-bg: var(--f-close-button-bg, transparent);--f-button-hover-bg: var(--f-close-button-hover-bg, transparent);--f-button-active-bg: var(--f-close-button-active-bg, transparent);--f-button-svg-width: var(--f-close-button-svg-width, 22px);--f-button-svg-height: var(--f-close-button-svg-height, 22px);position:absolute;top:calc(var(--f-button-height) * -1);right:0;z-index:40}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}

/* End */


/* Start:/local/templates/prokladovki/assets/libs/fotorama.css?177201424815144*/
/*!
 * Fotorama 4.6.4 | http://fotorama.io/license/
 */
.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}.fotorama--fullscreen,.fotorama__img{max-width:99999px!important;max-height:99999px!important;min-width:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.fotorama__wrap .fotorama__grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.fotorama__grabbing *{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.fotorama__spinner{position:absolute!important;top:50%!important;left:50%!important}.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame{-webkit-transform:translateZ(0);transform:translateZ(0)}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame{outline:0}.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after{content:'';border-radius:inherit;background-color:rgba(0,175,234,.5)}.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft{-webkit-transform:none!important;transform:none!important}.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{transition-property:-webkit-transform,width;transition-property:transform,width;transition-timing-function:cubic-bezier(0.1,0,.25,1);transition-duration:0ms}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fotorama__select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.fotorama__nav,.fotorama__nav__frame{margin:auto;padding:0}.fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft{-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*display:inline;*zoom:1}.fotorama__nav__frame,.fotorama__thumb-border{box-sizing:content-box}.fotorama__caption__wrap{box-sizing:border-box}.fotorama--hidden,.fotorama__load{position:absolute;left:-99999px;top:-99999px;z-index:-1}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play{-webkit-tap-highlight-color:transparent}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(/local/templates/prokladovki/assets/libs/fotorama.png) no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(/local/templates/prokladovki/assets/libs/fotorama@2x.png) 0 0/96px 160px no-repeat}}.fotorama__thumb{background-color:#7f7f7f;background-color:rgba(127,127,127,.2)}@media print{.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play{background:none!important}}.fotorama{min-width:1px;overflow:hidden}.fotorama:not(.fotorama--unobtrusive)>*:not(:first-child){display:none}.fullscreen{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#000}.fotorama--fullscreen{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;float:none!important;z-index:2147483647!important;background:#000;width:100%!important;height:100%!important;margin:0!important}.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage{background:#000}.fotorama__wrap{-webkit-text-size-adjust:100%;position:relative;direction:ltr;z-index:0}.fotorama__wrap--rtl .fotorama__stage__frame{direction:rtl}.fotorama__nav,.fotorama__stage{overflow:hidden;position:relative;max-width:100%}.fotorama__wrap--pan-y{-ms-touch-action:pan-y}.fotorama__wrap .fotorama__pointer{cursor:pointer}.fotorama__wrap--slide .fotorama__stage__frame{opacity:1!important}.fotorama__stage__frame{overflow:hidden}.fotorama__stage__frame.fotorama__active{z-index:8}.fotorama__wrap--fade .fotorama__stage__frame{display:none}.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{display:block;left:0;top:0}.fotorama__wrap--fade .fotorama__fade-front{z-index:8}.fotorama__wrap--fade .fotorama__fade-rear{z-index:7}.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{z-index:9}.fotorama__wrap--fade .fotorama__stage .fotorama__shadow{display:none}.fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;border:none!important}.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full{display:none}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{display:block}.fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage{max-width:99999px!important}.fotorama__wrap--only-active .fotorama__stage__frame{visibility:hidden}.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active{visibility:visible}.fotorama__nav{font-size:0;line-height:0;text-align:center;display:none;white-space:nowrap;z-index:5}.fotorama__nav__shaft{position:relative;left:0;top:0;text-align:left}.fotorama__nav__frame{position:relative;cursor:pointer}.fotorama__nav--dots{display:block}.fotorama__nav--dots .fotorama__nav__frame{width:18px;height:30px}.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border{display:none}.fotorama__nav--thumbs{display:block}.fotorama__nav--thumbs .fotorama__nav__frame{padding-left:0!important}.fotorama__nav--thumbs .fotorama__nav__frame:last-child{padding-right:0!important}.fotorama__nav--thumbs .fotorama__nav__frame--dot{display:none}.fotorama__dot{display:block;width:4px;height:4px;position:relative;top:12px;left:6px;border-radius:6px;border:1px solid #7f7f7f}.fotorama__nav__frame:focus .fotorama__dot:after{padding:1px;top:-1px;left:-1px}.fotorama__nav__frame.fotorama__active .fotorama__dot{width:0;height:0;border-width:3px}.fotorama__nav__frame.fotorama__active .fotorama__dot:after{padding:3px;top:-3px;left:-3px}.fotorama__thumb{overflow:hidden;position:relative;width:100%;height:100%}.fotorama__nav__frame:focus .fotorama__thumb{z-index:2}.fotorama__thumb-border{position:absolute;z-index:9;top:0;left:0;border-style:solid;border-color:#00afea;background-image:linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1))}.fotorama__caption{position:absolute;z-index:12;bottom:0;left:0;right:0;font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.5;color:#000}.fotorama__caption a{text-decoration:none;color:#000;border-bottom:1px solid;border-color:rgba(0,0,0,.5)}.fotorama__caption a:hover{color:#333;border-color:rgba(51,51,51,.5)}.fotorama__wrap--rtl .fotorama__caption{left:auto;right:0}.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption{display:none}.fotorama__caption__wrap{background-color:#fff;background-color:rgba(255,255,255,.9);padding:5px 10px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fotorama__wrap--css3 .fotorama__spinner{-webkit-animation:spinner 24s infinite linear;animation:spinner 24s infinite linear}.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img{transition-property:opacity;transition-timing-function:linear;transition-duration:.3s}.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.fotorama__select{cursor:auto}.fotorama__video{top:32px;right:0;bottom:0;left:0;position:absolute;z-index:10}@-moz-document url-prefix(){.fotorama__active{box-shadow:0 0 0 transparent}}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{position:absolute;z-index:11;cursor:pointer}.fotorama__arr{position:absolute;width:32px;height:32px;top:50%;margin-top:-16px}.fotorama__arr--prev{left:2px;background-position:0 0}.fotorama__arr--next{right:2px;background-position:-32px 0}.fotorama__arr--disabled{pointer-events:none;cursor:default;*display:none;opacity:.1}.fotorama__fullscreen-icon{width:32px;height:32px;top:2px;right:2px;background-position:0 -32px;z-index:20}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus{border-radius:50%}.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-32px -32px}.fotorama__video-play{width:96px;height:96px;left:50%;top:50%;margin-left:-48px;margin-top:-48px;background-position:0 -64px;opacity:0}.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--video .fotorama__stage .fotorama__video-play{display:none}.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play{opacity:1;display:block}.fotorama__nav__frame .fotorama__video-play{width:32px;height:32px;margin-left:-16px;margin-top:-16px;background-position:-64px -32px}.fotorama__video-close{width:32px;height:32px;top:0;right:0;background-position:-64px 0;z-index:20;opacity:0}.fotorama__wrap--css2 .fotorama__video-close{display:none}.fotorama__wrap--css3 .fotorama__video-close{-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--video .fotorama__video-close{display:block;opacity:1}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{opacity:0}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{opacity:1}.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{opacity:0!important}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{display:none}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{display:block}.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon{display:none!important}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus){-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus){-webkit-transform:translate3d(-48px,0,0);transform:translate3d(-48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){-webkit-transform:translate3d(48px,0,0);transform:translate3d(48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon{-webkit-transform:translate3d(32px,-32px,0)!important;transform:translate3d(32px,-32px,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{-webkit-transform:translate3d(-48px,0,0)!important;transform:translate3d(-48px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{-webkit-transform:translate3d(48px,0,0)!important;transform:translate3d(48px,0,0)!important}.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus){transition-property:-webkit-transform,opacity;transition-property:transform,opacity;transition-duration:.3s}.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before{content:"";display:block;position:absolute;text-decoration:none;top:0;bottom:0;width:10px;height:auto;z-index:10;pointer-events:none;background-repeat:no-repeat;background-size:1px 100%,5px 100%}.fotorama__nav:before,.fotorama__stage:before{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);background-position:0 0,0 0;left:-10px}.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before{left:0}.fotorama__nav:after,.fotorama__stage:after{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);background-position:100% 0,100% 0;right:-10px}.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after{right:0}.fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before{display:none}
/* End */


/* Start:/local/templates/prokladovki/assets/libs/select2.min.css?175836096014965*/
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}
/* End */


/* Start:/local/templates/prokladovki/assets/libs/daterangepicker.css?17720142488069*/
.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }

  .daterangepicker .ranges ul {
    width: 140px;
  }

  .daterangepicker.single .ranges ul {
    width: 100%;
  }

  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }

  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }

  .daterangepicker {
    direction: ltr;
    text-align: left;
  }

  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }

  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }

  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }
}

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }

  .daterangepicker .ranges {
    float: left;
  }

  .daterangepicker.rtl .ranges {
    float: right;
  }

  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}

/* End */


/* Start:/local/templates/prokladovki/assets/css/style.min.css?1791397765264684*/
@charset "UTF-8";

/* Normalize */

/* # =================================================================
   # Global selectors
   # ================================================================= */

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  /* Prevent adjustments of font size after orientation changes in iOS */
  word-break: normal;
}

*,
::before,
::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  background-repeat: no-repeat;
  /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
}

::before,
::after {
  text-decoration: inherit;
  /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  margin: 0;
  padding: 0;
  /* Reset `padding` and `margin` of all elements */
}

/* # =================================================================
     # General elements
     # ================================================================= */

hr {
  height: 0;
  /* Add the correct box sizing in Firefox */
  overflow: visible;
  /* Show the overflow in Edge and IE */
  color: inherit;
  /* Correct border color in Firefox. */
}

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

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

small {
  font-size: 80%;
  /* Set font-size to 80% in `small` elements */
}

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

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

a {
  color: inherit;
  background-color: transparent;
  /* Remove the gray background on active links in IE 10 */
}

a:active,
a:hover {
  outline-width: 0;
  /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* Specify the font family of code elements */
}

pre {
  font-size: 1em;
  /* Correct the odd `em` font sizing in all browsers */
}

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

/* https://gist.github.com/unruthless/413930 */

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  text-indent: 0;
  /* Remove text indentation in Chrome, Edge, and Safari */
  border-color: inherit;
  /* Correct border color in all Chrome, Edge, and Safari. */
}

/* # =================================================================
     # Forms
     # ================================================================= */

input {
  border-radius: 0;
  background-color: transparent!important;
  outline: none!important;
}

input:-webkit-autofill {
  color: #ffffff !important;
  outline: none!important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}


form #errors{
  font-size: 12px;
  color: red;
}

/* Replace pointer cursor in disabled elements */

[disabled] {
  cursor: default;
}

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

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

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

textarea {
  overflow: auto;
  /* Internet Explorer 11+ */
  resize: vertical;
  /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold;
  /* Restore the font weight unset by the previous rule */
}

button {
  overflow: visible;
  /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button,
select {
  text-transform: none;
  /* Firefox 40+, Internet Explorer 11- */
}

/* Apply cursor pointer to button elements */

button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  color: inherit;
  cursor: pointer;
}

/* Remove inner padding and border in Firefox 4+ */

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

/* Replace focus style removed in the border reset above */

button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

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

/* Remove the default button styling in all browsers */

button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline-width: 0;
}

/* Style select like a standard input */

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Firefox 36+ */
  appearance: none;
  /* Chrome 41+ */
}

select::-ms-expand {
  display: none;
  /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentcolor;
  /* Internet Explorer 11+ */
}

legend {
  display: table;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the text wrapping in Edge 18- and IE */
  color: inherit;
  /* Correct the color inheritance from `fieldset` elements in IE */
  white-space: normal;
  /* Correct the text wrapping in Edge and IE */
  border: 0;
  /* Correct `color` not being inherited in IE 8/9/10/11 */
}

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

/* # =================================================================
     # Specify media element style
     # ================================================================= */

img {
  border-style: none;
  /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */

progress {
  vertical-align: baseline;
}

/* # =================================================================
   # Accessibility
   # ================================================================= */

/* Specify the progress cursor of updating elements */

[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */

[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */

[aria-disabled=true] {
  cursor: default;
}

address {
  font-style: inherit;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
}

.container {
  width: 100%;
  max-width: 1420px;
  margin: 0 auto;
  padding: 0 15px;
}

/*!
 * Bootstrap Grid v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
}

.container,
.container-fluid,
.container-xs {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}

.container {
  max-width: 1420px;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.row > * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
}

.row-cols-auto > * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: -ms-grid !important;
  display: grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

/*.d-none {
  display: none !important;
}*/

.flex-fill {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  -webkit-box-flex: 0 !important;
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex-grow-1 {
  -webkit-box-flex: 1 !important;
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.justify-content-evenly {
  -webkit-box-pack: space-evenly !important;
  -ms-flex-pack: space-evenly !important;
  justify-content: space-evenly !important;
}

.align-items-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  -ms-grid-row-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  -ms-grid-row-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  -ms-grid-row-align: stretch !important;
  align-self: stretch !important;
}

.order-first {
  -webkit-box-ordinal-group: 0 !important;
  -ms-flex-order: -1 !important;
  order: -1 !important;
}

.order-0 {
  -webkit-box-ordinal-group: 1 !important;
  -ms-flex-order: 0 !important;
  order: 0 !important;
}

.order-1 {
  -webkit-box-ordinal-group: 2 !important;
  -ms-flex-order: 1 !important;
  order: 1 !important;
}

.order-2 {
  -webkit-box-ordinal-group: 3 !important;
  -ms-flex-order: 2 !important;
  order: 2 !important;
}

.order-3 {
  -webkit-box-ordinal-group: 4 !important;
  -ms-flex-order: 3 !important;
  order: 3 !important;
}

.order-4 {
  -webkit-box-ordinal-group: 5 !important;
  -ms-flex-order: 4 !important;
  order: 4 !important;
}

.order-5 {
  -webkit-box-ordinal-group: 6 !important;
  -ms-flex-order: 5 !important;
  order: 5 !important;
}

.order-last {
  -webkit-box-ordinal-group: 7 !important;
  -ms-flex-order: 6 !important;
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

[class*=col-] {
  padding: 0 10px;
}

.container {
  padding: 0 20px;
}

.row {
  margin-right: -10px;
  margin-left: -10px;
}

@font-face {
  font-weight: 500;
  font-family: "Roboto";
  font-style: normal;
  src: url("/local/templates/prokladovki/assets/css/../fonts/Roboto-Medium.subset.woff2") format("woff2"),
    url("/local/templates/prokladovki/assets/css/../fonts/Roboto-Medium.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-weight: 700;
  font-family: "Roboto";
  font-style: normal;
  src: url("/local/templates/prokladovki/assets/css/../fonts/Roboto-Black.subset.woff2") format("woff2"),
    url("/local/templates/prokladovki/assets/css/../fonts/Roboto-Black.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-weight: 900;
  font-family: "Roboto";
  font-style: normal;
  src: url("/local/templates/prokladovki/assets/css/../fonts/Roboto-Bold.subset.woff2") format("woff2"),
    url("/local/templates/prokladovki/assets/css/../fonts/Roboto-Bold.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-weight: 400;
  font-family: "HelveticaNeue";
  font-style: normal;
  src: url("/local/templates/prokladovki/assets/css/../fonts/HelveticaNeue-Regular.subset.woff2") format("woff2"),
    url("/local/templates/prokladovki/assets/css/../fonts/HelveticaNeue-Regular.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-weight: 700;
  font-family: "HelveticaNeue";
  font-style: normal;
  src: url("/local/templates/prokladovki/assets/css/../fonts/HelveticaNeueBold.subset.woff2") format("woff2"),
    url("/local/templates/prokladovki/assets/css/../fonts/HelveticaNeueBold.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-weight: 900;
  font-family: "Roboto_Condensed";
  font-style: normal;
  src: url("/local/templates/prokladovki/assets/css/../fonts/Roboto_Condensed-Black.subset.woff2") format("woff2"),
    url("/local/templates/prokladovki/assets/css/../fonts/Roboto_Condensed-Black.woff") format("woff");
  font-display: swap;
}

/* ExtraBold - новый стиль заголовков и цифр (Кладовки и бизнес) */
@font-face {
  font-weight: 800;
  font-family: "Roboto_Condensed";
  font-style: normal;
  src: url("/local/templates/prokladovki/assets/css/../fonts/Roboto_Condensed-ExtraBold.subset.woff2") format("woff2"),
    url("/local/templates/prokladovki/assets/css/../fonts/Roboto_Condensed-ExtraBold.woff") format("woff");
  font-display: swap;
}

:root {
  /* Fonts ========================================================================================== */
  --font-primary: "Roboto", sans-serif;
  --font-HelveticaNeue: "HelveticaNeue", sans-serif;
  --font-RobotoCondensed: "Roboto_Condensed", sans-serif;
  --border-size: 2px;
  --box-width: 36em;
  --box-height: 8em;
  --dash-size: 1em;
  /* Colors ========================================================================================= */
  --border-gray-solid2: 1px solid #EBEBEB;
  /* new-color ====================================================================================== */
  --white: rgba(255, 255, 255, 1);
  --white-blue: #EEF8FD;
  --black-light: #2E2F33;
  --black-light-100: #21272A;
  --black-light-200: #141414;
  --black-middle: #2E2E2E;
  --black-dark: #000000;
  --black-dark-op92: #000000EB;
  --gray-light: #EDEDED;
  --gray-200: #EBEBEB;
  --gray-300: #F3F3F6;
  --gray-middle: #ADADAD;
  --gray-dark: #707070;
  --green: #009951;
  --red: #F05454;
  --gold: #FFCC00;
  --blue-middle: #54B8F0;
  --blue-dark: #42A4DA;
  --blue-black: #1D72A2;
  /* Border ========================================================================================= */
  --border-gray-200: 1px solid var(--gray-200);
  /* Properties ====================================================================================== */
  --transition: 0.3s ease-out;
  --short: .3s ease-in-out;
  --radius-small: 3px;
  --radius-light: 8px;
  --radius-middle: 10px;
  --radius-middle-16: 16px;
  --radius-big: 64px;
  --box-shadow-black-015: 0px 6px 10px 4px #00000026;
}

html {
  height: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

html.scrollbar-gutter {
  scrollbar-gutter: stable;
}

*,
*:before,
*:after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

a,
button {
  cursor: pointer;
}

a {
  text-decoration: none;
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

.container {
  padding: 0 10px;
}

.pos-relate {
  position: relative;
}

.hidden {
  overflow: hidden;
}

[data-accordion-top] {
  position: relative;
  cursor: pointer;
}

[data-accordion-body] {
  --speed: 0.3s;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height var(--speed);
  transition: max-height var(--speed);
  will-change: max-height;
}

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
}

*:focus {
  outline: none;
}

.page {
  height: 100%;
  min-height: 100vh;
  color: var(--black-light);
  background-color: var(--white);
  color: var(--black-light);
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  scroll-behavior: smooth;
}

.page__wrapper {
  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;
  min-height: 100%;
  overflow: hidden;
}

.main {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-10 {
  margin-bottom: 10px;
}

.gap-10 {
  gap: 10px;
}

.col-border-none {
  border-right: none !important;
}

.w-100 {
  width: 100%;
}

.section {
  padding: 100px 0;
}

.section_p40 {
  padding: 40px 0;
}

.section_pb40 {
  padding-bottom: 40px;
}

.section_pb60 {
  padding-bottom: 60px;
}

.section_pt20 {
  padding-top: 20px;
}

.section_pt40 {
  padding-top: 40px;
}

.section_pt80 {
  padding-top: 80px;
}

.section_pt0 {
  padding-top: 0px !important;
}

.section_pb0 {
  padding-bottom: 0;
}

.section_pb100 {
  padding-bottom: 100px;
}

.flags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flags img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  height: 20px;
}

.close {
  display: none;
}

.color-gray-midlle {
  color: var(--gray-middle);
}

.section-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  color: var(--black-dark-op92);
}

.section-title-big {
  font-size: 30px;
  font-weight: 900;
  line-height: 100%;
  text-transform: uppercase;
  letter-spacing: -1px;
  font-family: var(--font-RobotoCondensed);
}

.section-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: var(--gray-light);
  color: var(--black-light);
}

.section-scrollbar {
  display: none;
}

.text-end {
  text-align: end;
}

.fancybox-container {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
  overflow: hidden;
}

.fancybox__slide {
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
  overflow: hidden;
}

.fancybox__viewport {
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
  overflow: hidden;
}

.select2-dropdown {
  border-radius: var(--radius-light);
  border: var(--border-gray-200);
  -webkit-box-shadow: var(--box-shadow-black-015);
  box-shadow: var(--box-shadow-black-015);
  overflow: hidden;
}

.select2-container--open .select2-dropdown--below {
  border-radius: 8px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--blue-dark);
}

.select2-selection__arrow::before {
  -webkit-transition: border-color var(--transition);
  transition: border-color var(--transition);
}

/* Треугольник (контур) */

.select2-selection__arrow b {
  display: none !important;
}

.select2-selection__arrow {
  position: relative;
  width: 20px;
  height: 20px;
}

.select2-selection__arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-right: 2px solid var(--gray-middle);
  border-bottom: 2px solid var(--gray-middle);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.select2-selection__arrow:before {
  -webkit-transform: translate(-50%, -70%) rotate(45deg);
  transform: translate(-50%, -70%) rotate(45deg);
}

.select2-container--open .select2-selection__arrow:before {
  -webkit-transform: translate(-50%, -30%) rotate(226deg);
  transform: translate(-50%, -30%) rotate(226deg);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 5px;
}

.daterangepicker .calendar-table thead tr:nth-child(2) {
  display: none;
}

.daterangepicker .calendar-table thead tr:first-child .available,
.daterangepicker .calendar-table thead tr:first-child .yearselect {
  display: none;
}

.daterangepicker .ranges ul {
  padding-right: 10px;
  width: 140px;
  max-height: 360px;
  overflow-y: scroll;
}

@-moz-document url-prefix()  {
  .daterangepicker .ranges ul {
    scrollbar-color: transparent;
    scrollbar-width: thin;
    border-radius: 0;
    width: 0;
  }
}

.daterangepicker .ranges ul::-webkit-scrollbar {
  height: 0;
  width: 0;
  border-radius: 0;
}

.daterangepicker .ranges ul::-webkit-scrollbar-thumb {
  background: transparent;
  height: 0;
  width: 0;
  border-radius: 0;
}

.daterangepicker .ranges ul::-webkit-scrollbar-track {
  height: 0;
  width: 0;
  background: transparent;
  border-radius: 0;
}

.daterangepicker .ranges ul::-webkit-scrollbar-button {
  display: none;
}

.daterangepicker select.monthselect {
  font-family: var(--font-HelveticaNeue);
  margin-right: 0;
  width: 100%;
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
}

.daterangepicker .ranges ul li {
  font-family: var(--font-primary);
  padding: 8.2px 16px;
  border-radius: var(--radius-light);
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  color: var(--black-light);
}

.daterangepicker.show-calendar .ranges {
  margin-top: 0;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  padding: 0;
  padding-left: 29px;
  margin-right: -20px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  border: none;
}

.daterangepicker .ranges ul li.active {
  background-color: var(--gray-light);
  color: var(--black-light);
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
  color: var(--gray-middle);
}

.table-condensed tr:not(:first-child):not(:last-child) {
  margin-bottom: 10px;
}

.daterangepicker td.start-date.end-date {
  background-color: var(--blue-middle);
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
  font-family: var(--font-HelveticaNeue);
  border: none;
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
}

.daterangepicker .calendar-table td {
  min-width: 40px;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-light);
}

.daterangepicker .calendar-table th {
  min-width: 40px;
  height: 23px;
}

.daterangepicker .calendar-table tbody th,
.daterangepicker .calendar-table tbody td {
  margin-right: 10px;
}

.daterangepicker {
  padding: 9px 15px;
  margin: 0;
  width: 506px;
  border: var(--border-gray-200);
  border-radius: var(--radius-middle-16);
  -webkit-box-shadow: var(--box-shadow-black-015);
  box-shadow: var(--box-shadow-black-015);
  background-color: var(--white);
  color: var(--black-light);
  overflow: hidden;
}

.daterangepicker .calendar-table {
  border-spacing: 10px;
  border-collapse: separate;
}

.daterangepicker .drp-calendar.left .calendar-table {
  padding-right: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.daterangepicker .calendar-table table {
  border-collapse: separate;
  border-spacing: 10px;
}

.select2-results__option {
  padding: 6px 16px;
}

.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;
  padding: 7.21px 16px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border: 1px solid transparent;
  border-radius: var(--radius-middle);
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -1%;
  gap: 8px;
  border-radius: var(--radius-light);
  color: var(--black-light);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.btn * {
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.btn .icon {
  width: 20px;
  height: 20px;
  fill: transparent;
  stroke: currentColor;
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.btn_gray {
  background-color: var(--gray-200);
}

.btn_gray-light {
  background-color: var(--gray-light);
}

.btn_transparent {
  border: var(--border-gray-200);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.btn_transparent .icon {
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.btn_transparent * {
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.btn_transparent:active {
  border-color: var(--blue-black);
  color: var(--blue-black);
}

.btn_transparent:active * {
  color: var(--blue-black);
}

.btn_black {
  background-color: var(--black-middle);
  color: var(--white);
}

.btn_blue {
  background-color: var(--blue-middle);
  color: var(--white);
}

.btn_blue:active,
.btn_black:active,
.btn_gray-light:active {
  background-color: var(--blue-black);
  border-color: var(--blue-black);
  color: var(--white);
}

.btn_blue:active *,
.btn_black:active *,
.btn_gray-light:active * {
  color: var(--white);
}

.btn *::first-letter {
  text-transform: uppercase;
}

.btn_fill svg {
  width: 20px;
  height: 20px;
}

.btn_fill svg path {
  -webkit-transition: fill var(--transition);
  transition: fill var(--transition);
}

.btn_fill:hover svg path,
.btn_fill:focus-visible svg path {
  fill: var(--blue-dark);
}

.nav-scrollbar__line {
  position: static !important;
  width: 325px !important;
  height: 4px !important;
  margin: 0;
  -ms-touch-action: none;
  touch-action: none;
  border-radius: 2px;
  background: var(--gray-300);
  display: block;
  z-index: 1 !important;
}

.nav-scrollbar__line .swiper-scrollbar-drag {
  top: 0 !important;
  height: 4px !important;
  border-radius: 5px;
  background: var(--gray-dark);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
  cursor: pointer;
}

.btn-delete {
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none;
  right: 16px;
  top: 60%;
}

.btn-delete.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.btn-delete .icon {
  width: 16px;
  height: 16px;
  stroke: var(--gray-middle);
  fill: transparent;
}

.btn-tab {
  font-family: var(--font-HelveticaNeue);
  padding: 8.81px 15px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: var(--radius-big);
  border-color: var(--gray-200);
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  color: var(--black-light);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.btn-tab__delete {
  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;
}

.btn-tab .icon {
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.btn-tab__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: 4px;
}

.btn-tab__text span {
  color: var(--gray-middle);
}

.btn-tab.action {
  border-color: transparent;
  background-color: var(--black-middle);
  color: var(--white);
}

.btn-close {
  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;
  padding: 7px;
  border: var(--border-gray-200);
  border-radius: var(--radius-light);
  background-color: var(--white);
}

.btn-close .icon {
  width: 20px;
  height: 20px;
  stroke: var(--black-light);
}

.btn-switch {
  position: relative;
  width: 48px;
  height: 24px;
  border-radius: var(--radius-big);
  background-color: var(--gray-middle);
  -webkit-transition: background-color var(--transition);
  transition: background-color var(--transition);
}

.btn-switch.action {
  background-color: var(--blue-middle);
}

.btn-switch.action::before {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.btn-switch::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  display: block;
  width: 22px;
  height: 20px;
  background-color: var(--white);
  border-radius: 50%;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform var(--transition);
  transition: -webkit-transform var(--transition);
  transition: transform var(--transition);
  transition: transform var(--transition), -webkit-transform var(--transition);
}

.btn-nav {
  position: absolute;
  padding: 7px;
  z-index: 3;
  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;
  background-color: var(--white);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.btn-nav svg {
  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;
  height: 20px;
  width: 20px;
}

.btn-change {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  right: 16px;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  z-index: 1;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  background-color: var(--white);
}

.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.menu li {
  font-weight: 500;
  letter-spacing: 0px;
}

.menu li.active {
  color: var(--blue-dark);
}

.menu li.active .menu-panel__total {
  background-color: var(--blue-dark);
}

.menu li a,
.menu li button {
  -webkit-transition: color var(--transition);
  transition: color var(--transition);
}

.menu li a:hover,
.menu li a:focus,
.menu li a.active,
.menu li button:hover,
.menu li button:focus,
.menu li button.active {
  color: var(--blue-dark);
}

.small-checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.small-checkbox + label {
  position: relative;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 36px;
  height: 36px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  letter-spacing: 0;
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.small-checkbox + label:before {
  content: "";
  display: inline-block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  border: var(--border-gray-200);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  -webkit-transition: border var(--transition), outline var(--transition);
  transition: border var(--transition), outline var(--transition);
}

.small-checkbox + label {
  color: var(--black-light);
}

.small-checkbox + label:before {
  width: 36px;
  height: 36px;
  border-radius: var(--radius-light);
}

.small-checkbox.active + label::before,
.small-checkbox:checked:not(.active) + label::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.5 13L9.5 17L19.5 7' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
  background-size: 24px 24px;
  background-color: var(--blue-middle);
  border-color: var(--blue-middle);
}

.form-item {
  font-family: var(--font-HelveticaNeue);
  display: block;
  width: 100%;
  padding: 14.81px 23px;
  border: var(--border-gray-200);
  border-radius: var(--radius-light);
  color: var(--black-light);
  background-color: var(--white);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}

.form-item::-webkit-input-placeholder {
  color: var(--black-light);
}

.form-item::-moz-placeholder {
  color: var(--black-light);
}

.form-item::-ms-input-placeholder {
  color: var(--black-light);
}

.form-item::placeholder {
  color: var(--black-light);
}

.form-item:not([readonly]):focus-visible + .fild-label {
  -webkit-transform: translateY(-140%);
  transform: translateY(-140%);
  font-size: 12px;
  background-color: transparent;
}

.form-item:focus-visible ~ .show-promo {
  opacity: 0;
}

.form-item[multiple],
.form-item[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}

.form-item:disabled {
  background-color: #e9ecef;
}

.form-item:-moz-focusring {
  color: var(--black-light);
  text-shadow: 0 0 0 var(--black-light);
}

.input-small {
  cursor: pointer;
}

.input-small:focus-visible + .fild-label {
  -webkit-transform: translateY(-140%);
  transform: translateY(-140%);
  font-size: 12px;
  background-color: transparent;
}

.date-picker {
  cursor: pointer;
}

.time-input {
  /* Убираем значок в WebKit браузерах */
  /* Для Firefox */
  -moz-appearance: textfield;
  /* Общие стили */
  appearance: none;
  -webkit-appearance: none;
}

.time-input::-webkit-calendar-picker-indicator {
  display: none;
}

.field {
  position: relative;
  cursor: pointer;
  width: 100%;
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.field.error > * {
  color: var(--red);
  border-color: var(--red);
}

.field.error > * .icon {
  stroke: var(--red);
}

/*
input.error {
  color: var(--red);
  border-color: var(--red);
}
*/

:has(> input.error) > *{
  color: var(--red);
  border-color: var(--red);
}

.border-error{
  color: var(--red);
  border-color: var(--red);
  border: 1px solid var(--red)!important;
}

[data-html-form-errors] {
  color: var(--red);
}

.field.success > * {
  color: var(--green);
  border-color: var(--green);
}

.field.success > * .icon {
  stroke: var(--green);
}

.fild-label {
  position: absolute;
  top: 50%;
  left: 24px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray-middle);
  font-family: var(--font-HelveticaNeue);
  /* Раздельные transition для лучшей совместимости */
  -webkit-transition: font-size var(--transition), background-color var(--transition), -webkit-transform var(--transition);
  transition: font-size var(--transition), background-color var(--transition), -webkit-transform var(--transition);
  transition: transform var(--transition), font-size var(--transition), background-color var(--transition);
  transition: transform var(--transition), font-size var(--transition), background-color var(--transition), -webkit-transform var(--transition);
  /* Оптимизация для Safari */
  will-change: transform, font-size;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: var(--white);
  pointer-events: none;
}

.fild-label.active {
  -webkit-transform: translateY(-140%);
  transform: translateY(-140%);
  font-size: 12px;
  background-color: transparent;
}

.form-select {
  border: none;
  padding: 8px;
  padding-right: 28px;
  background-position: right 8px center;
  background-size: 11px 9px;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  -webkit-transition: border-color var(--transition), -webkit-box-shadow var(--transition);
  transition: border-color var(--transition), -webkit-box-shadow var(--transition);
  transition: border-color var(--transition), box-shadow var(--transition);
  transition: border-color var(--transition), box-shadow var(--transition), -webkit-box-shadow var(--transition);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: var(--black-light);
}

.form-contact,
.form-police {
  font-family: var(--font-HelveticaNeue);
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray-middle);
}

.form-police a {
  color: var(--blue-middle);
}

.form-contact a {
  font-weight: 700;
}

.form-textarea textarea {
  min-height: 64px;
  resize: none;
}

.show-promo {
  opacity: 1;
}

.show-promo.active {
  opacity: 0;
  z-index: -1;
}

.form-file {
  position: relative;
  cursor: pointer;
}

.form-file label {
  position: relative;
  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;
  gap: 8px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  width: 100%;
}

.form-file label span {
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}

.form-file label .icon {
  width: 20px;
  height: 20px;
  fill: transparent;
  stroke: currentColor;
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.form-file input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}

.tooltips__header {
  padding: 9px;
  padding-bottom: 10px;
  border-radius: var(--radius-middle-16) var(--radius-middle-16) 0 0;
  background-color: var(--gray-300);
}

.tooltips__block-avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 8px;
}

.tooltips__avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 44px;
  height: 44px;
  border: var(--border-gray-200);
  border-radius: var(--radius-light);
  overflow: hidden;
}

.tooltips__avatar img {
  width: 100%;
  height: 100%;
}

.tooltips__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  padding: 9px;
  padding-top: 10px;
  border-radius: 0 0 var(--radius-middle-16) var(--radius-middle-16);
  background-color: var(--white);
}

.tooltips__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.tooltips__btn-dom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.logo svg {
  width: 30px;
  height: 30px;
}

.logo-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.numbered-list {
  list-style-type: none;
  /* Удаление маркеров списка */
}

.numbered-list li {
  position: relative;
  counter-increment: list-counter;
}

.numbered-list li::before {
  content: counter(list-counter);
  /* Отображение номера элемента */
  position: absolute;
  -webkit-transition: color var(--transition);
  transition: color var(--transition);
}

.cookies ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.cookies ul li:not(:first-child) a::before {
  content: "-";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 20px;
  height: 100%;
}

.cookies__btn {
  padding: 7px 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--gray-middle);
}

.cookies__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  font-family: var(--font-HelveticaNeue);
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray-middle);
}

.rating-item {
  width: 24px;
  height: 24px;
}

.rating-item .icon {
  width: 100%;
  height: 100%;
  fill: var(--gold);
  stroke: transparent;
  -webkit-transition: fill var(--transition);
  transition: fill var(--transition);
}

.rating-item.no-active .icon {
  stroke: var(--black-light-200);
  fill: transparent;
}

.hidden-scroll {
  scrollbar-color: transparent;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.hidden-scroll::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  background: transparent;
}

.hidden-scroll::-webkit-scrollbar-thumb {
  background: transparent;
}

.hidden-scroll::-webkit-scrollbar-track {
  background: transparent;
}

@supports (-webkit-overflow-scrolling: touch) {
  .hidden-scroll {
    -webkit-overflow-scrolling: touch;
  }
}

@-moz-document url-prefix()  {
  .hidden-scroll {
    scrollbar-color: transparent;
    scrollbar-width: none;
    overflow: auto;
  }
}

@-moz-document url-prefix()  {
  .brand-scroll ul,
  .brand-scroll ol {
    scrollbar-color: var(--gray-300);
    scrollbar-width: thin;
    border-radius: 3px;
  }
}

.brand-scroll::-webkit-scrollbar {
  width: 6px;
}

.brand-scroll::-webkit-scrollbar-track {
  background-color: var(--gray-middle);
}

.brand-scroll::-webkit-scrollbar-thumb {
  height: 20%;
  border-radius: 3px;
  overflow: hidden;
  background-color: var(--gray-dark);
}

.hover-border {
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.hover-border .icon {
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.hover-border * {
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.hover-border:active {
  border-color: var(--blue-black);
  color: var(--blue-black);
}

.hover-border:active * {
  color: var(--blue-black);
}

.hover-branded {
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.hover-branded .icon {
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.hover-branded * {
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.hover-branded:active {
  background-color: var(--blue-black);
  border-color: var(--blue-black);
  color: var(--white);
}

.hover-branded:active * {
  color: var(--white);
}

.hover-text {
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.hover-text .icon {
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.hover-text * {
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.hover-text:active {
  color: var(--blue-black);
}

.hover-text:active * {
  color: var(--blue-black);
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
}

.pagination-page__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 21px;
}

.pagination-page__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
}

.pagination-page__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-family: var(--font-HelveticaNeue);
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--black-light);
  text-align: center;
  padding: 7.2px 13.1px;
  text-decoration: none;
  border: var(--border-gray-200);
  border-radius: var(--radius-light);
  width: 100%;
  height: 100%;
}

.pagination-page__link_arroy {
  padding: 7px 7px;
}

.pagination-page__link .icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  stroke: var(--black-light);
  fill: transparent;
}

.pagination-page__link.active {
  border-color: var(--blue-middle);
  color: var(--blue-middle);
}

.header {
  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;
  padding: 20px 0;
  z-index: 5;
}

.header__block-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header__block-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header__login-img {
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: var(--border-gray-200);
  border-radius: var(--radius-light);
  overflow: hidden;
}

.header__login-img img {
  width: 100%;
  height: 100%;
}

.header__logo {
  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;
}

.header__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 70px;
}

.header__right {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 10px;
}

.header__btn-heart {
  padding: 7px 16px;
  border: var(--border-gray-200);
}

.header .select2-selection__arrow,
.header .select2-selection__rendered {
  -webkit-transition: color var(--transition);
  transition: color var(--transition);
}

.header__burger {
  display: none;
}

.header .select2-container {
  width: 180px !important;
}

.select2-container--default .select2-selection--single {
  border: none;
}

.select2-container--open .select2-dropdown--below {
  border-top: 1px solid #aaa;
}

.footer__mob-top {
  height: 100%;
}

.footer__info {
  gap: 25px;
  padding-left: 35px;
}

.footer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0 10px;
}

.footer__descr-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.footer__block-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}

.footer__block-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}

.footer__logo {
  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;
}

.footer__suptitle,
.footer__list * {
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.01em;
}

.footer__list * {
  padding-block: 8.21px;
}

.footer__suptitle {
  color: var(--gray-middle);
}

.footer__list button {
  color: var(--blue-middle);
}

.footer__block-copirat {
  margin-top: auto;
}

.footer__copirat {
  font-family: var(--font-HelveticaNeue);
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray-middle);
}

.footer-block {
  padding: 80px 0;
  border-top: var(--border-gray-200);
}

.table-menu,
.sidebar-menu {
  position: absolute;
  top: 42px;
  opacity: 1;
  z-index: 6;
  right: 10px;
  display: none;
  -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: 9px 10px;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  overflow: auto;
  opacity: 1;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 10px;
  border: var(--border-gray-200);
  border-radius: var(--radius-middle-16);
  background-color: var(--white);
  -webkit-box-shadow: var(--box-shadow-black-015);
  box-shadow: var(--box-shadow-black-015);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  overflow-x: hidden;
  visibility: visible;
  z-index: 6;
}

.table-menu.menu-close,
.sidebar-menu.menu-close {
  visibility: hidden;
  top: -150%;
  opacity: 0;
  z-index: -1;
}

.table-menu ul,
.sidebar-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6px;
}

.table-menu li a,
.sidebar-menu li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  padding: 8px 5px;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}

.table-menu li a .icon,
.sidebar-menu li a .icon {
  width: 20px;
  height: 20px;
  fill: transparent;
  stroke: currentColor;
}

.table-menu {
  right: 0;
  padding: 4px 12px;
  border-top-right-radius: 0;
  background-color: var(--gray-300);
}

.table-menu ul {
  gap: 0;
}

.table-menu ul li a {
  padding: 8px 0;
  font-weight: 400;
}

.burger-close .icon {
  width: 40px;
  height: 40px;
  stroke: currentColor;
  fill: transparent;
}

.noscroll {
  position: fixed;
  overflow: hidden;
  width: 100%;
}

.modal-close_absolute {
  position: absolute;
  right: 30px;
  top: 30px;
}

.modal-content {
  position: relative;
  padding: 20px;
  padding-top: 40px;
  width: 500px;
  min-height: 100%;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  z-index: 1;
  background-color: var(--white);
  border: var(--border-gray-200);
  border-radius: var(--radius-middle-16);
  -webkit-box-shadow: var(--box-shadow-black-015);
  box-shadow: var(--box-shadow-black-015);
  overflow: visible;
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
}

.modal-content.modal-big {
  width: 770px;
  padding: 40px;
}

.modal-content__footer {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.modal-content__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.modal-content__inner_g-middle {
  gap: 24px;
}

.modal-content__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

.modal-content__form.empty:empty,
.modal-content__form.empty:has(> :empty) {
  display: none;
  visibility: hidden;
  opacity: 0;
  height: 0;
  padding: 0;
  margin: 0;
}

.modal-content__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}

.modal-content__btn-social,
.modal-content__btn {
  padding: 7.21px 16px;
  width: 100%;
  font-family: var(--font-HelveticaNeue);
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.modal-content__btn {
  color: var(--gray-middle);
}

.modal-content__btn-social {
  border: var(--border-gray-200);
  font-weight: 500;
}

.modal-content__btn-main {
  padding: 14.9px 8px;
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
  color: var(--white);
  background-color: var(--black-middle);
}

.modal-content__btn-main .small {
  font-size: 14px;
}

.modal-content__btn-prev {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.modal-header {
  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;
  gap: 10px;
}

.modal-header__text-warning,
.modal-header__text {
  font-family: var(--font-HelveticaNeue);
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}

.modal-header__text {
  padding-block: 8px;
  text-align: center;
  color: var(--gray-middle);
}

.modal-header__text-warning {
  font-weight: 700;
  color: var(--black-light);
}

.modal-header .text-left {
  text-align: left;
}

.modal-title {
  font-size: 30px;
  font-weight: 900;
  line-height: 1;
  font-family: var(--font-RobotoCondensed);
  text-transform: uppercase;
  text-align: center;
  letter-spacing: -0.34px;
}

.modal-title.text-left {
  text-align: left;
}

.modal-content .f-button {
  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;
  position: absolute;
  right: -13px !important;
  top: -13px !important;
  width: 36px;
  height: 36px;
  border: var(--border-gray-200);
  border-radius: var(--radius-light);
  background-color: var(--white);
  opacity: 1;
}

.modal-content .f-button svg {
  fill: transparent;
  stroke: var(--black-light);
}

.madal-header-big {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 24px;
}

.modal-delete {
  top: 50%;
  right: 25px;
}

.body-scroll {
  overflow-y: hidden;
}

.modal-map,
.table-modal,
.modal-cell {
  width: 960px;
  padding: 40px;
}

.modal-map_w-middle,
.table-modal_w-middle,
.modal-cell_w-middle {
  width: 770px;
}

.modal-map__header,
.table-modal__header,
.modal-cell__header {
  padding-block: 3px;
}

.modal-map .f-button,
.table-modal .f-button,
.modal-cell .f-button {
  right: 40px !important;
  top: 40px !important;
}

.modal-map__list,
.table-modal__list,
.modal-cell__list {
  gap: 10px 0;
}

.modal-map__list [class*=col-],
.table-modal__list [class*=col-],
.modal-cell__list [class*=col-] {
  padding: 0 5px;
}

.modal-map__btn-dom,
.table-modal__btn-dom,
.modal-cell__btn-dom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.modal-cell__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

.modal-row {
  margin: 0 -5px;
  gap: 10px 0;
}

.modal-col {
  padding: 0 5px;
}

.modal-map {
  position: relative;
}

.modal-map__form {
  display: contents;
}

.modal-map__form {
  position: absolute;
  bottom: 0;
  left: 50%;
  padding: 10px;
  padding-top: 20px;
  border-radius: var(--radius-middle-16);
  -webkit-box-shadow: var(--box-shadow-black-015);
  box-shadow: var(--box-shadow-black-015);
  width: 95%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: var(--white);
  z-index: 2;
}

.modal-map__map-container {
  aspect-ratio: 16/7.2894;
  border-radius: var(--radius-middle-16);
  overflow: hidden;
}

.modal-swiper__list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
}

.modal-swiper__item {
  padding: 8.81px 13px;
  margin-right: 0;
}

.text-middle {
  font-size: 18px;
}

.modal-password__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
}

.modal-password__list {
  margin: 0 -5px;
}

.modal-password__list input {
  padding: 10px;
  border: var(--border-gray-200);
  border-radius: var(--radius-light);
  width: 100%;
  height: 54px;
}

.modal-password__item {
  padding: 0 5px;
}

.modal-password__footer {
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}

.modal-password__footer * {
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}

.rent__inner {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.rent__top {
  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;
  text-align: center;
  gap: 8px;
  margin-bottom: 24px;
}

.rent-descr h1 {
  font-size: 50px;
  font-weight: 900;
  line-height: 120%;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  font-family: var(--font-RobotoCondensed);
}

.rent-descr p {
  max-width: 690px;
  font-family: var(--font-HelveticaNeue);
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
}

.rent-item {
  padding: 15px 24px;
  padding-bottom: 6.5px;
  border: var(--border-gray-200);
  border-radius: var(--radius-light);
  background-color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray-middle);
}

.rent-form__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2px;
  background-color: var(--blue-middle);
  border-radius: var(--radius-middle);
  gap: 2px;
  margin-bottom: 60px;
  overflow: hidden;
}

.rent-form__inner .select2 {
  font-family: var(--font-HelveticaNeue);
  padding-right: 0px;
  background-size: 16px 16px;
  width: 22.9571984436% !important;
  color: var(--gray-middle);
}

.rent-form__inner .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray-middle);
}

.rent-form__inner .selection {
  height: 100%;
  width: 100%;
}

.rent-form__inner .select2-container .select2-selection--single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.rent-form__inner .select2-container--default .select2-selection--single .select2-selection__arrow {
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}

.rent-form__inner .select2-container--default .select2-selection--single {
  border-radius: 8px;
}

.rent-form__btn-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 8px;
  gap: 8px;
}

.rent-form__btn-text {
  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;
  padding: 8.2px;
  border-radius: var(--radius-middle-16);
}

.rent-form__input {
  position: relative;
  font-family: var(--font-HelveticaNeue);
  width: 13.9105058366%;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.rent-form__input_order2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.rent-form__input input {
  width: 100%;
  height: 100%;
}

.rent-form__input input::-webkit-input-placeholder {
  color: var(--gray-middle);
}

.rent-form__input input::-moz-placeholder {
  color: var(--gray-middle);
}

.rent-form__input input::-ms-input-placeholder {
  color: var(--gray-middle);
}

.rent-form__input input::placeholder {
  color: var(--gray-middle);
}

.rent-form__btn {
  font-family: var(--font-primary);
  width: 14.0077821012%;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.rent-form__btn:active {
  background-color: var(--blue-black);
  border-color: var(--blue-black);
  color: var(--white);
}

.rent-form__btn:active * {
  color: var(--white);
}

.rent-btn {
  font-family: var(--font-HelveticaNeue);
  padding: 9px 15px;
  border-radius: var(--radius-light);
  border: var(--border-gray-200);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.rent-btn.action {
  border-color: transparent;
  background-color: var(--black-middle);
  color: var(--white);
}

.rent-card__inner {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 40px;
}

.rent-card__block-img {
  width: 124px;
  aspect-ratio: 16/16;
  border-radius: 8px;
  overflow: hidden;
}

.rent-card__block-img img {
  width: 100%;
  height: 100%;
}

.rent-card__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.rent-card__item h3 {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: var(--black-dark-op92);
}

.card-section__inner-swiper-bottom,
.card-section__inner-swiper,
.card-section__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}

.card-section__inner-swiper-bottom,
.card-section__inner-swiper {
  padding-right: 0;
  margin-right: -5px;
}

.card-section__title {
  margin-bottom: 16px;
}

.card-section__top-swiper,
.card-section__top {
  gap: 30px 0;
}

.card-product {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.card-product * {
  font-family: var(--font-HelveticaNeue);
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray-dark);
}

.card-product__local {
  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;
  gap: 6px;
  margin-bottom: 4px;
}

.card-product__city {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--black-light);
}

.card-product__title {
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
  color: var(--black-light);
}

.card-product__top {
  position: relative;
  margin-bottom: 16px;
  width: 100%;
}

.card-product__top_mb-middle {
  margin-bottom: 20px;
}

.card-product__img-block {
  aspect-ratio: 16/7.72;
}

.card-product__img-block-modal {
  aspect-ratio: 16/8.13;
}

.card-product__img-block-modal,
.card-product__img-block-big,
.card-product__img-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-radius: var(--radius-light);
  overflow: hidden;
  cursor: pointer;
}

.card-product__img-block-modal_big-size,
.card-product__img-block-big_big-size,
.card-product__img-block_big-size {
  aspect-ratio: 16/9.648;
}

.card-product__img-block-modal img,
.card-product__img-block-big img,
.card-product__img-block img {
  width: 100%;
  height: 100%;
}

.card-product__footer .icon {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  fill: transparent;
}

.card-product__footer_svg-small .icon {
  width: 18px;
  height: 18px;
}

.card-product__link,
.card-product__company {
  position: absolute;
  bottom: 10px;
}

.card-product__link {
  padding: 7px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: var(--border-gray-200);
  background-color: #fff;
  right: 10px;
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.card-product__link .icon {
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.card-product__link.action {
  background-color: var(--blue-middle);
}

.card-product__link.action .icon {
  fill: var(--white);
  stroke: transparent;
}

.card-product__company {
  padding: 9px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  aspect-ratio: 16/9.1;
  background-color: #fff;
  left: 10px;
}

.card-product__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.card-product__block-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}

.card-product__block-info * {
  line-height: 100%;
}

.card-product__block-info span {
  vertical-align: middle;
}

.card-product__btn {
  font-family: var(--font-primary);
  font-weight: 500;
  padding: 7.21px 8px;
  width: 100%;
  background-color: var(--black-middle);
  color: var(--white);
}

.card-rating__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 20px;
  border-radius: var(--radius-light);
  background-color: var(--gray-300);
  height: 100%;
}

.card-rating__top {
  margin-bottom: 30px;
}

.card-rating__title {
  margin-bottom: 10px;
}

.card-rating__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 10px;
  gap: 10px;
  border-radius: var(--radius-light);
  background-color: var(--white);
}

.card-rating__footer * {
  font-family: var(--font-HelveticaNeue);
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}

.card-rating__footer li {
  position: relative;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

.card-rating__footer li > .card-number:first-child {
  padding-left: 25px;
}

.card-rating__footer li::before {
  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;
  position: absolute;
  left: 10px;
  width: 23px;
  height: 22px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  color: var(--gray-middle);
}

.card-rating__footer li:nth-child(-n+3)::before {
  border-radius: var(--radius-light);
  background-color: var(--blue-middle);
  color: var(--white);
}

.card-rating__footer [class*=col-] {
  padding: 0;
}

.card-rating__btn {
  margin-top: auto;
  width: 100%;
  background-color: var(--white);
  color: var(--gray-middle);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.card-rating__btn * {
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.card-rating__btn:active {
  background-color: var(--blue-black);
  border-color: var(--blue-black);
  color: var(--white);
}

.card-rating__btn:active * {
  color: var(--white);
}

.card-number {
  font-weight: 700;
  color: var(--black-light);
  vertical-align: middle;
}

.card-number_italic {
  font-style: italic;
}

.card-number_green {
  color: var(--green);
}

.card-number_red {
  color: var(--red);
}

.card-number_text-right {
  text-align: right;
}

.card-title,
.card-suptitle {
  font-size: 30px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.card-title {
  padding: 4px 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: var(--radius-light);
  color: var(--white);
  font-style: italic;
  background-color: var(--blue-middle);
}

.card-suptitle {
  color: var(--black-light);
}

.advertising__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 30px;
  background-color: var(--black-middle);
  border-radius: var(--radius-middle-16);
}

.advertising__left {
  position: relative;
  width: 226px;
}

.advertising__block-qr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 136px;
  aspect-ratio: 16/16;
}

.advertising__block-qr img {
  width: 100%;
  height: 100%;
}

.advertising__block-tg {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: -30px;
  left: 10px;
  aspect-ratio: 16/16;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}

.advertising__block-tg img {
  width: 100%;
  height: 100%;
}

.advertising__title-control,
.advertising__title {
  position: relative;
  margin-left: -90px;
  width: 47.0149253731%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 50px;
  font-weight: 900;
  line-height: 120%;
  font-family: var(--font-RobotoCondensed);
  color: var(--white);
  text-transform: uppercase;
}

.advertising__title-control_w51,
.advertising__title_w51 {
  width: 51.014925%;
}

.advertising__title-line {
  display: contents;
}

.advertising__title-text {
  position: absolute;
  bottom: -15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-left: 15px;
  min-width: 298px;
  font-family: var(--font-HelveticaNeue);
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-transform: none;
}

.advertising__link {
  display: none;
  padding: 7px 16px;
  width: 100%;
  color: var(--white);
  background-color: var(--blue-middle);
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}

.pantry__title {
  margin-bottom: 12px;
  letter-spacing: 0.001em;
}

.pantry__title-modal {
  margin-bottom: 12px;
}

.pantry__title-big {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

.pantry__product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}

.pantry__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

.pantry__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
}

.pantry__content {
  display: contents;
}

.pantry__list-switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 16px;
}

.pantry-map__row {
  position: absolute;
  left: 20px;
  top: 20px;
  max-width: 355px;
  margin: 0;
  -webkit-transform: translateX(-150%);
  transform: translateX(-150%);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.pantry-map__row.active {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

.pantry-map__prev {
  display: none;
}

.pantry-map__block-btn {
  display: none;
}

.pantry-map #map {
  width: 100%;
  height: 100%;
  border-radius: var(--radius-middle-16);
  overflow: hidden;
}

.pantry-map__block {
  position: relative;
  width: 100%;
  height: 600px;
  overflow: hidden;
}

.pantry-map__btn {
  padding: 7px 16px;
  width: 50%;
  background-color: var(--white);
}

.pantry-close {
  position: absolute;
  top: -15px;
  right: -10px;
  display: none;
}

.pantry-empty__inner {
  padding-bottom: 380px;
}

.pantry-empty p {
  margin-bottom: 16px;
  font-family: var(--font-HelveticaNeue);
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
  color: var(--gray-dark);
}

.pantry-empty__btn-dom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.pantry__list-switch li,
.switch-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.pantry__list-switch li span,
.switch-item span {
  font-family: var(--font-HelveticaNeue);
}

.pantry-form__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 2px;
  margin: 0;
}

.pantry-form__list [class*=col-] {
  padding: 0;
}

.pantry-form__item-btn-detail,
.pantry-form__item-btn-modal,
.pantry-form__item-btn-list,
.pantry-form__item-btn,
.pantry-form__item {
  position: relative;
  border-radius: var(--radius-light);
  min-height: 54px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.pantry-form__item-btn-detail *,
.pantry-form__item-btn-modal *,
.pantry-form__item-btn-list *,
.pantry-form__item-btn *,
.pantry-form__item * {
  color: var(--black-light);
}

.pantry-form__item-btn-detail input,
.pantry-form__item-btn-modal input,
.pantry-form__item-btn-list input,
.pantry-form__item-btn input,
.pantry-form__item input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6.5px 15px;
  padding-top: 26px;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  z-index: 1;
}

.pantry-form__item-btn-detail input:focus-visible + .pantry-form__label,
.pantry-form__item-btn-modal input:focus-visible + .pantry-form__label,
.pantry-form__item-btn-list input:focus-visible + .pantry-form__label,
.pantry-form__item-btn input:focus-visible + .pantry-form__label,
.pantry-form__item input:focus-visible + .pantry-form__label {
  -webkit-transform: translateY(-140%);
  transform: translateY(-140%);
  font-size: 12px;
  background-color: transparent;
}

.pantry-form__item-btn-detail_bg-img,
.pantry-form__item-btn-modal_bg-img,
.pantry-form__item-btn-list_bg-img,
.pantry-form__item-btn_bg-img,
.pantry-form__item_bg-img {
  background: url("/local/templates/prokladovki/assets/css/../img/local.webp") 50% 100% no-repeat;
}

.pantry-form__item-btn-detail_bg-blue,
.pantry-form__item-btn-modal_bg-blue,
.pantry-form__item-btn-list_bg-blue,
.pantry-form__item-btn_bg-blue,
.pantry-form__item_bg-blue {
  background-color: var(--blue-middle);
}

.pantry-form__item * {
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
}

.pantry-form__location-dom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  padding: 4px 8px;
  border-radius: var(--radius-light);
  background-color: var(--white);
}

.pantry-form__location-dom span {
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}

.pantry-form__location-dom .icon {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  fill: transparent;
}

.pantry-form__item {
  border: var(--border-gray-200);
}

.pantry-form__item * {
  font-family: var(--font-HelveticaNeue);
}

.pantry-form__item.pantry-custom-drop .select2-container--open .select2-dropdown--below {
  min-width: 150%;
  width: 100% !important;
}

.pantry-form__text-white {
  color: var(--white);
}

.pantry-form__item-btn-detail,
.pantry-form__item-btn-modal,
.pantry-form__item-btn-list,
.pantry-form__item-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;
}

.pantry-form__item-btn-list {
  border: var(--border-gray-200);
}

.pantry-form__item-btn-modal {
  padding-inline: 3px;
  text-align: center;
}

.pantry-form__item-btn-detail {
  padding-inline: 3px;
  text-align: center;
}

.pantry-form__icon {
  position: absolute;
  right: 17px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.pantry-form__icon.active {
  opacity: 0;
}

.pantry-form__icon .icon {
  width: 16px;
  height: 16px;
  stroke: var(--gray-middle);
  fill: transparent;
}

.pantry-form__content {
  position: relative;
}

.pantry-form__item label {
  color: var(--gray-middle);
}

.pantry-form__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  background-color: white;
  left: 16px;
  z-index: 0;
  pointer-events: none;
}

.pantry-form .select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0px 16px;
  font-size: 16px;
  height: 100%;
  color: var(--black-light);
}

.pantry-form .select2-container {
  width: 100% !important;
}

.pantry-form .select2-container--default .select2-selection--single .select2-selection__arrow {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 13px;
}

.pantry-form .select2-container .select2-selection--single {
  height: 25.6px;
}

.pantry-search__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
}

.pantry-search__header_align-normal {
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}

.pantry-search__btn-cell-descr,
.pantry-search__btn-cell,
.pantry-search__btn-multiplay,
.pantry-search__btn-modal,
.pantry-search__btn-drop,
.pantry-search__btn {
  padding: 0;
  border: none;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border-color: var(--gray-200);
}

.pantry-search__btn-cell-descr .select2-container,
.pantry-search__btn-cell .select2-container,
.pantry-search__btn-multiplay .select2-container,
.pantry-search__btn-modal .select2-container,
.pantry-search__btn-drop .select2-container,
.pantry-search__btn .select2-container {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.pantry-search__btn-cell-descr_w90 .select2-container,
.pantry-search__btn-cell_w90 .select2-container,
.pantry-search__btn-multiplay_w90 .select2-container,
.pantry-search__btn-modal_w90 .select2-container,
.pantry-search__btn-drop_w90 .select2-container,
.pantry-search__btn_w90 .select2-container {
  width: 91% !important;
}

.pantry-search__btn-cell-descr_w19 .select2-container,
.pantry-search__btn-cell_w19 .select2-container,
.pantry-search__btn-multiplay_w19 .select2-container,
.pantry-search__btn-modal_w19 .select2-container,
.pantry-search__btn-drop_w19 .select2-container,
.pantry-search__btn_w19 .select2-container {
  width: 19.11% !important;
}

.pantry-search__btn-cell-descr .select2-container--default .select2-selection--single .select2-selection__arrow,
.pantry-search__btn-cell .select2-container--default .select2-selection--single .select2-selection__arrow,
.pantry-search__btn-multiplay .select2-container--default .select2-selection--single .select2-selection__arrow,
.pantry-search__btn-modal .select2-container--default .select2-selection--single .select2-selection__arrow,
.pantry-search__btn-drop .select2-container--default .select2-selection--single .select2-selection__arrow,
.pantry-search__btn .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 20px;
  right: 10px;
  width: 20px;
  height: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: color var(--transition);
  transition: color var(--transition);
}

.pantry-search__btn-cell-descr .select2-container .select2-selection--single,
.pantry-search__btn-cell .select2-container .select2-selection--single,
.pantry-search__btn-multiplay .select2-container .select2-selection--single,
.pantry-search__btn-modal .select2-container .select2-selection--single,
.pantry-search__btn-drop .select2-container .select2-selection--single,
.pantry-search__btn .select2-container .select2-selection--single {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border: var(--border-gray-200);
  border-radius: var(--radius-light);
}

.pantry-search__btn-cell-descr + .select2-container .select2-selection--single .select2-selection__rendered,
.pantry-search__btn-cell + .select2-container .select2-selection--single .select2-selection__rendered,
.pantry-search__btn-multiplay + .select2-container .select2-selection--single .select2-selection__rendered,
.pantry-search__btn-modal + .select2-container .select2-selection--single .select2-selection__rendered,
.pantry-search__btn-drop + .select2-container .select2-selection--single .select2-selection__rendered,
.pantry-search__btn + .select2-container .select2-selection--single .select2-selection__rendered {
  padding: 5.81px 10px;
}

.pantry-search__btn-cell-descr .select2-container--default .select2-selection--single .select2-selection__rendered,
.pantry-search__btn-cell .select2-container--default .select2-selection--single .select2-selection__rendered,
.pantry-search__btn-multiplay .select2-container--default .select2-selection--single .select2-selection__rendered,
.pantry-search__btn-modal .select2-container--default .select2-selection--single .select2-selection__rendered,
.pantry-search__btn-drop .select2-container--default .select2-selection--single .select2-selection__rendered,
.pantry-search__btn .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 140%;
  -webkit-transition: color var(--transition);
  transition: color var(--transition);
}

.pantry-search__btn-cell-descr .select2-results ul li .select2-results__option,
.pantry-search__btn-cell .select2-results ul li .select2-results__option,
.pantry-search__btn-multiplay .select2-results ul li .select2-results__option,
.pantry-search__btn-modal .select2-results ul li .select2-results__option,
.pantry-search__btn-drop .select2-results ul li .select2-results__option,
.pantry-search__btn .select2-results ul li .select2-results__option {
  padding: 0 !important;
}

.pantry-search__btn-cell-descr .select2-container--default .select2-results__option--highlighted[aria-selected],
.pantry-search__btn-cell .select2-container--default .select2-results__option--highlighted[aria-selected],
.pantry-search__btn-multiplay .select2-container--default .select2-results__option--highlighted[aria-selected],
.pantry-search__btn-modal .select2-container--default .select2-results__option--highlighted[aria-selected],
.pantry-search__btn-drop .select2-container--default .select2-results__option--highlighted[aria-selected],
.pantry-search__btn .select2-container--default .select2-results__option--highlighted[aria-selected] {
  font-size: 12px;
}

.pantry-search__btn-cell-descr .select2-container--default .select2-selection--single .select2-selection__rendered,
.pantry-search__btn-cell .select2-container--default .select2-selection--single .select2-selection__rendered,
.pantry-search__btn-multiplay .select2-container--default .select2-selection--single .select2-selection__rendered,
.pantry-search__btn-modal .select2-container--default .select2-selection--single .select2-selection__rendered,
.pantry-search__btn-drop .select2-container--default .select2-selection--single .select2-selection__rendered,
.pantry-search__btn .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 7.2px 10px;
  padding-right: 20px;
}

.pantry-search__btn-cell-descr.active .icon,
.pantry-search__btn-cell.active .icon,
.pantry-search__btn-multiplay.active .icon,
.pantry-search__btn-modal.active .icon,
.pantry-search__btn-drop.active .icon,
.pantry-search__btn.active .icon {
  rotate: 179deg;
}

.pantry-search__btn-cell .select2-container {
  width: 91% !important;
}

.pantry-search__btn-multiplay .select2-container {
  width: 100% !important;
}

.pantry-search__btn-multiplay .select2-container--default .select2-selection--multiple {
  padding: 0.15px 15px;
  border: var(--border-gray-200);
  border-radius: var(--radius-light);
}

.pantry-search__btn-multiplay .select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}

.pantry-search__btn-multiplay .select2-container--default .select2-selection--multiple .select2-selection__choice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  gap: 4px;
  padding: 3.21px 7px !important;
  background-color: transparent !important;
  border: 1px solid var(--black-light-200) !important;
  border-radius: var(--radius-light) !important;
  cursor: default;
  float: left;
  margin: 0;
  color: var(--black-light);
  font-family: var(--font-HelveticaNeue);
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  padding: 0 5px;
}

.pantry-search__btn-multiplay .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  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;
  font-weight: normal;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 1px solid var(--gray-middle);
  margin-right: 0;
  font-size: 7px;
  line-height: 100%;
}

.pantry-search__btn-multiplay .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  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;
  gap: 4px;
  padding: 7px 0 !important;
  padding: 0;
  width: 100%;
  height: 100%;
}

.pantry-search__btn-plus {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.pantry-search__btn-modal {
  width: 100%;
}

.pantry-search__btn-modal * {
  font-family: var(--font-HelveticaNeue);
}

.pantry-search__btn-modal .select2-container--default .select2-selection--single .select2-selection__rendered,
.pantry-search__btn-modal .pantry-search__btn-drop .select2-container--default .select2-selection--single .select2-selection__rendered,
.pantry-search__btn-modal .pantry-search__btn .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 15.81px 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  color: #00000052;
}

.pantry-search__btn-modal .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 50%;
}

.pantry-search__btn-modal .select2-container {
  width: 100% !important;
}

.pantry-search__btn {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.pantry-search__btn-drop {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0 10px;
}

.pantry-search__btn-cell-descr {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.pantry-search__btn-cell-descr .select2-container {
  width: 95% !important;
}

.modal-style-lg {
  padding: 20px;
  width: 100% !important;
  border-radius: var(--radius-middle-16);
  z-index: 7;
  background-color: var(--white);
}

.modal-drag {
  display: none;
}

.product__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

.product__gallersbox {
  position: relative;
  overflow: hidden;
  max-height: 490px;
  height: 100%;
}

.product__inner {
  height: 100%;
}

.product-rating__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}

.product-rating__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  color: var(--blue-middle);
  background-color: var(--white-blue);
}

.product-rating__title .icon {
  width: 30px;
  height: 30px;
  stroke: #54B8F0;
  stroke-width: 3px;
  fill: transparent;
}

.product-descr__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

.product-descr__bottom h2,
.product-descr__bottom h3,
.product-descr__bottom h4,
.product-descr__bottom p {
  font-family: var(--font-HelveticaNeue);
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}

.product-descr__bottom h4 {
  color: var(--gray-middle);
}

.product-descr__block-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.product-descr__btn {
  padding: 7px 16px;
}

.product-descr__btn-icon {
  padding: 7px;
}

.product-descr__btn-icon_fill svg {
  width: 20px;
  height: 20px;
}

.product-descr__btn-icon_fill svg path {
  -webkit-transition: fill var(--transition);
  transition: fill var(--transition);
}

.product-descr__btn-icon_fill:hover svg path,
.product-descr__btn-icon_fill:focus-visible svg path {
  fill: var(--blue-dark);
}

.product-descr__text-block {
  position: relative;
  display: block;
}

.product-descr__more {
  margin-left: 10px;
  color: var(--gray-middle);
}

.product-descr .product-descr__text-block.active .product-descr__more {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0;
}

.product-descr .product-descr__text-block.active {
  padding-bottom: 20px;
}

.product-descr__btn-dom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

.product-descr__top {
  margin: 0;
}

.product-descr__top [class*=col-] {
  padding: 0;
}

.product-descr__btn-favorites {
  padding: 7px 16px;
}

.product-descr__btn-favorites::after {
  content: "В избранное";
}

.product-descr__btn-favorites .icon {
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.product-descr__btn-favorites.action::after {
  content: "В избранном";
}

.product-descr__btn-favorites.action .icon {
  stroke: transparent;
  fill: currentColor;
}

.product-descr__rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.product-descr__inner-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 16px;
  padding: 5px 15px;
  border: var(--border-gray-200);
  border-radius: var(--radius-light);
  cursor: pointer;
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.product-descr__rating-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-descr__title-rating {
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.product-cell__list {
  gap: 10px 0;
  margin: 0 -5px;
}

.product-cell__list [class*=col-] {
  padding: 0 5px;
}

.product-cell__swiper {
  margin: 0;
  overflow: visible;
}

.product-cell__slid,
.product-cell__item {
  height: auto;
}

.product-map__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

.product-map__block {
  width: 100%;
  height: 500px;
  border-radius: var(--radius-middle-16);
  overflow: hidden;
}

.product-map__block #map2 {
  width: 100%;
  height: 100%;
}

.cell {
  /* Остальные стили без изменений */
}

.cell__inner {
  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;
  gap: 8px;
  padding: 9px;
  height: 100%;
  width: 100%;
  border: var(--border-gray-200);
  border-radius: var(--radius-light);
  -webkit-transition: border-color 0.2s ease-out;
  transition: border-color 0.2s ease-out;
}

.cell__inner::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border: 2px solid #2E2E2E;
  border-radius: var(--radius-light);
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  pointer-events: none;
}

.cell__inner.action {
  position: relative;
}

.cell__inner.action::before {
  opacity: 1;
}

.cell__inner.action .cell__btn {
  background-color: var(--black-middle);
  min-width: 100%;
}

.cell__inner.action .cell__selected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  width: auto;
  -webkit-transition: opacity 0.2s ease-out 0.05s;
  transition: opacity 0.2s ease-out 0.05s;
}

.cell__inner.action .cell__price {
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
}

.cell__inner:not(.action) .cell__btn {
  background-color: var(--gray-300);
  min-width: 60%;
}

.cell__inner:not(.action) .cell__selected {
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
}

.cell__inner:not(.action) .cell__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-out 0.05s;
  transition: opacity 0.2s ease-out 0.05s;
}

.cell__price {
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}

.cell-img-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  aspect-ratio: 16/16.2;
}

.cell-img-block img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.cell__block-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray-dark);
}

.cell__block-info .icon {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.cell__selected {
  display: none;
  opacity: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  color: var(--white);
  white-space: nowrap;
}

.cell__selected .icon {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.cell__title {
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
  margin: 0;
}

.cell__btn {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: var(--gray-300);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  will-change: transform;
  -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out;
  transition: background-color 0.2s ease-out, color 0.2s ease-out;
}

.cell__btn .icon {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.cell__btn:active {
  background-color: var(--blue-black) !important;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.cell__btn:active .icon {
  stroke: var(--white);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

@-webkit-keyframes btnExpand {
  0% {
    min-width: 60%;
    -webkit-transform: scaleX(0.98);
    transform: scaleX(0.98);
  }

  60% {
    -webkit-transform: scaleX(1.01);
    transform: scaleX(1.01);
  }

  100% {
    min-width: 100%;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes btnExpand {
  0% {
    min-width: 60%;
    -webkit-transform: scaleX(0.98);
    transform: scaleX(0.98);
  }

  60% {
    -webkit-transform: scaleX(1.01);
    transform: scaleX(1.01);
  }

  100% {
    min-width: 100%;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@-webkit-keyframes btnCollapse {
  0% {
    min-width: 100%;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  60% {
    -webkit-transform: scaleX(0.99);
    transform: scaleX(0.99);
  }

  100% {
    min-width: 60%;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes btnCollapse {
  0% {
    min-width: 100%;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  60% {
    -webkit-transform: scaleX(0.99);
    transform: scaleX(0.99);
  }

  100% {
    min-width: 60%;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

/* ============================= gallersbox ============================= */

.gallers img {
  min-width: 100% !important;
  max-width: 100% !important;
  left: 0 !important;
}

.gallers img:not(.fotorama__img) {
  top: 0 !important;
  height: 100% !important;
}

.fotorama--fullscreen .fotorama__caption {
  background: none !important;
}

.fotorama__thumb img {
  top: 0 !important;
}

.fotorama__thumb-border,
.fotorama__nav__frame {
  height: 104px;
}

.gallersbox {
  overflow: visible !important;
  width: 100%;
}

.gallersbox .fotorama__wrap {
  width: 100% !important;
  overflow: hidden;
}

.gallersbox .fotorama__stage__shaft,
.gallersbox .fotorama__stage__frame,
.gallersbox .fotorama__img,
.gallersbox .fotorama__stage {
  width: 100% !important;
}

.fotorama__thumb,
.gallersbox .fotorama__stage__frame {
  border-radius: var(--radius-light);
}

.gallersbox .fotorama__stage__frame {
  margin-right: 10px;
}

.fotorama {
  overflow: visible !important;
}

.gallers .fotorama {
  overflow: visible !important;
}

.gallersbox__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
}

.gallersbox .fotorama .fotorama__nav {
  text-align: left !important;
}

.gallersbox .fotorama__wrap {
  overflow: visible !important;
}

.gallersbox .fotorama__stage {
  min-width: auto;
  margin-bottom: 10px;
}

.gallersbox .fotorama .fotorama__nav--thumbs .fotorama__nav__frame {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.gallersbox__header h2 {
  font-weight: 400;
  font-size: 32px;
  line-height: 120%;
  color: #FFFFFF;
}

.gallersbox__prev,
.gallersbox__next {
  top: 36%;
}

.gallersbox__next {
  right: 20px;
}

.gallersbox__prev {
  left: 20px;
}

.fotorama .fotorama__stage__frame {
  z-index: 999;
}

.fotorama .fotorama__img {
  z-index: 1200;
}

.fotorama .fotorama__html {
  z-index: 1005;
  position: relative;
}

.fotorama .fotorama__thumb-border {
  z-index: 1250;
}

.fotorama .fotorama__fullscreen-icon {
  background-position: 0 -32px !important;
}

.fotorama .fotorama__grab {
  cursor: default;
}

.fotorama .fotorama__html span {
  position: absolute;
  bottom: -30px;
  width: 100%;
  left: 0;
  text-align: center;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  font-family: robotoregular;
}

.fotorama .fotorama__caption {
  width: 100%;
  height: 100%;
}

.fotorama .fotorama__caption .fotorama__caption__wrap {
  display: none !important;
}

.fotorama .fotorama__thumb-border {
  height: 156px;
  border-width: 2px;
  margin-top: 19px !important;
}

.fullscreen .fotorama .fotorama__fullscreen-icon {
  display: block;
  padding: 20px;
  margin: 0 -5px;
  margin-top: 27px;
  z-index: 200000000;
}

.fullscreen .fotorama__stage {
  max-height: inherit;
}

.fullscreen .fotorama .thumbs-value {
  display: none;
}

.fullscreen .fotorama__stage,
.fullscreen .fotorama__stage__frame {
  overflow: inherit;
}

.fullscreen .fotorama__html span {
  opacity: 1;
  visibility: visible;
}

.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__video-close,
.fotorama__video-play {
  /* background: url(/html/desktop/adviserpro/img/fotorama@2x.webp) 0 0/96px 160px no-repeat;     */
  background: url(/local/templates/prokladovki/assets/css/../img/fotorama@2x.webp) 0 0/96px 160px no-repeat;
}

.fotorama__thumb .fotorama__img {
  -o-object-fit: cover !important;
  object-fit: cover !important;
}

.fotorama__video iframe {
  z-index: 100000 !important;
}

.gallers .fotorama__wrap--video .fotorama__stage__frame.fotorama__active .fotorama__img {
  display: none !important;
}

.fullscreen .fotorama__stage__shaft {
  left: 50% !important;
  -webkit-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
  width: 100% !important;
}

.sliderbox {
  overflow: hidden;
  position: relative;
  height: 530px;
  border-radius: 8px;
}

.sliderbox-image {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
}

.sliderbox .item__image-father:hover ~ .sliderbox--brocker {
  -webkit-transform: translate3d(600px, 0, 0);
  transform: translate3d(600px, 0, 0);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.sliderbox--brocker {
  position: absolute;
  bottom: 22px;
  right: 20px;
  z-index: 30;
  background-color: #fff;
  border-radius: 6px;
  padding: 12px 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 350px;
  -webkit-box-shadow: 0 10px 30px 0 rgba(63, 74, 86, 0.25);
  box-shadow: 0 10px 30px 0 rgba(63, 74, 86, 0.25);
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.sliderbox .sliderbox--brocker__background {
  position: absolute;
  width: 396px;
  height: 325px;
  bottom: 0;
  right: 0;
}

.gallersbox .fotorama .thumbs-value {
  position: absolute;
  right: 51px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 120%;
}

.gallersbox .fotorama .thumbs-value,
.sliderbox .fotorama .thumbs-value {
  bottom: 30px;
  -webkit-border-radius: 14px;
  font-family: robotobold;
  color: #fff;
  background-color: transparent;
  z-index: 30;
  font-size: 32px;
  text-align: center;
  cursor: pointer;
}

.sliderbox .fotorama {
  border-bottom: none;
}

.sliderbox .fotorama__wrap {
  overflow: hidden;
  border-radius: 8px;
}

.sliderbox .fotorama__wrap:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 208px;
  background-image: -webkit-gradient(linear, left top, right top, from(#3e4750), to(rgba(41, 50, 60, 0)));
  background-image: linear-gradient(to right, #3e4750, rgba(41, 50, 60, 0));
  z-index: 9;
}

.sliderbox .fotorama .fotorama__nav--thumbs {
  width: 202px !important;
  position: absolute;
  left: 20px;
  top: 54px;
  margin-top: 0;
  z-index: 20;
}

.gallersbox,
.sliderbox .fotorama.fotorama--fullscreen .fotorama__nav--thumbs {
  position: relative;
}

.sliderbox .fotorama .fotorama__nav--thumbs .fotorama__nav__frame {
  padding-top: 0 !important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.sliderbox .fotorama .fotorama__nav--thumbs .fotorama__nav__frame.fotorama__active {
  opacity: 0.4;
}

.sliderbox .fotorama .fotorama__caption__wrap,
.sliderbox .fotorama .fotorama__nav__frame,
.sliderbox .fotorama .fotorama__nav__shaft {
  display: block;
}

.sliderbox .fotorama__thumb-border {
  display: none;
}

.sliderbox .fotorama__stage__frame .fotorama__caption {
  background-repeat: no-repeat;
  background-size: cover !important;
  background-position: center;
  -webkit-filter: blur(13px);
  filter: blur(13px);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.fullscreen .fotorama__arr--next {
  background-position: -32px 0 !important;
}

.gallersbox-image,
.map-box {
  background-position: top center;
  background-repeat: no-repeat;
}

.gallersbox__labels {
  position: absolute;
  left: 12px;
  top: 12px;
  width: 100%;
}

.gallersbox-image {
  height: 100%;
  width: 100%;
  background-size: cover;
}

.gallersbox .fotorama {
  border-bottom: none;
}

.gallersbox .fotorama__stage {
  min-width: auto;
}

.gallersbox .fotorama__arr--next {
  background-position: -32px 0 !important;
}

.calc-chart,
.legend__item {
  font-family: robotoregular;
}

.calc-chart,
.free-bonus__item,
.gallersbox .fotorama.fotorama--fullscreen .fotorama__nav--thumbs,
.map-box {
  position: relative;
}

.gallersbox .fotorama .fotorama__nav--thumbs .fotorama__nav__frame.fotorama__active {
  opacity: 0.4;
}

.gallersbox .fotorama .fotorama__caption__wrap,
.gallersbox .fotorama .fotorama__nav__frame,
.gallersbox .fotorama .fotorama__nav__shaft {
  display: inline-block;
}

.gallersbox .fotorama__thumb-border {
  display: none;
}

.gallersbox .fotorama__stage__frame .fotorama__caption {
  background-repeat: no-repeat;
  background-size: cover !important;
  background-position: center;
  -webkit-filter: blur(13px);
  filter: blur(13px);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.fotorama__stage__frame .fotorama__img,
.fotorama__stage__frame {
  width: 100% !important;
}

.fotorama1754319671848 .fotorama__nav--thumbs .fotorama__nav__frame {
  padding: 10px !important;
}

.fotorama:not(.fotorama--fullscreen) .fotorama__stage {
  border-radius: var(--radius-light !important);
}

.fotorama:not(.fotorama--fullscreen) .fotorama__nav__frame {
  padding: 10px !important;
  padding-left: 0 !important;
}

.reviews__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

.reviews__card-list {
  gap: 10px 0;
}

.reviews__card-list [class*=col-] {
  margin: 0 !important;
}

.reviews__swiper {
  margin: 0;
  margin-bottom: 14px;
}

.reviews-card {
  height: auto;
}

.reviews-card * {
  font-family: var(--font-HelveticaNeue);
}

.reviews-card__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  padding: 19px;
  border: var(--border-gray-200);
  border-radius: var(--radius-light);
  height: 100%;
}

.reviews-card__text * {
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
}

.reviews-card__text *:not(:last-child) {
  margin-bottom: 8px;
}

.reviews-card__rating-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.reviews-card__block-info {
  margin-top: auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray-middle);
}

.reservation__inner {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.reservation__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

.reservation__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
  padding: 0 25px;
}

.reservation__btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.reservation-date__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
}

.reservation-date__promo {
  position: absolute;
  top: 9px;
  right: 24px;
}

.reservation-date__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

.reservation-date__date-negative,
.reservation-date__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

.reservation-date__payment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

.reservation-date__link-dom,
.reservation-date__btn-dom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.reservation-date__btn-dom {
  gap: 40px;
}

.reservation-date__link-dom {
  gap: 10px;
}

.reservation-date__link,
.reservation-date__btn {
  text-wrap: nowrap;
}

.reservation-payment__list-scroll,
.reservation-payment__list {
  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;
  gap: 10px;
}

.reservation-payment__submit-setting {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.reservation-payment .row {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.reservation-payment__account-value {
  gap: 4px;
}

.reservation-payment__account-value,
.reservation-payment__key,
.reservation-payment__value {
  font-family: var(--font-HelveticaNeue);
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}

.reservation-payment__account-value_bold,
.reservation-payment__key_bold {
  font-weight: 700;
}

.reservation-payment__account-value,
.reservation-payment__value {
  color: var(--gray-middle);
}

.reservation-payment__account-value {
  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;
  color: var(--black-light);
}

.reservation-payment__title {
  text-transform: uppercase;
  color: var(--black-light);
}

.reservation-payment__location .icon {
  display: none;
}

.reservation-list__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}

.reservation-img__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.reservation-img__item {
  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;
}

.reservation-img__block {
  width: 100px;
  height: 100px;
}

.reservation-img__block img {
  width: 100%;
  height: 100%;
}

.reservation-img__change {
  padding: 8px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  color: var(--gray-dark);
}

.order__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}

.order__item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 9px;
  margin: 0;
  border: var(--border-gray-200);
  border-radius: var(--radius-middle-16);
}

.order__info {
  padding-right: 15px;
}

.order__param {
  padding: 0 20px;
  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%;
}

.order__img-block {
  padding: 0 1px;
  border: var(--border-gray-200);
  border-radius: var(--radius-middle-16);
  overflow: hidden;
  aspect-ratio: 17/15.9;
}

.order__img-block img {
  width: 100%;
  height: 100%;
}

.order__form-reserved,
.order__form {
  min-height: 100%;
}

.order__row {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.order__form {
  padding: 0 0 0 26px;
}

.order__form .select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0px 24px;
}

.order__form .pantry-select .select2-results__option {
  padding: 6px 24px;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}

.order__form-reserved {
  padding: 0 40px 0 40px;
}

.order__price-reserved,
.order__price {
  min-height: 100%;
}

.order__price {
  padding: 0 0 0 43px;
}

.order__price-reserved {
  padding: 0 0 0 10px;
}

.order__title {
  margin-bottom: 16px;
}

.order__title_big {
  margin-bottom: 28px;
}

.order-param__key,
.order-param__value {
  font-family: var(--font-HelveticaNeue);
}

.order-param__value {
  color: var(--gray-middle);
}

.order-param__key {
  padding-right: 0;
  text-align: right;
}

.order-param__item:not(:last-child) {
  margin-bottom: 2px;
}

.order-price__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2px;
  margin-top: auto;
}

.order-price__title {
  font-family: var(--font-HelveticaNeue);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 4px;
}

.order-price__old {
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
  color: var(--gray-middle);
  text-transform: uppercase;
}

.order-price__discount {
  padding: 0 4px;
  border-radius: var(--radius-light);
  background-color: var(--blue-middle);
  color: var(--white);
}

.order-price__discount,
.order-price__pledge {
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.order-price__pledge {
  font-family: var(--font-HelveticaNeue);
  font-style: italic;
  color: var(--gray-middle);
}

.order-price__btn {
  position: absolute;
  top: 9px;
  right: 9px;
  padding: 7px;
  border-color: var(--gray-200);
}

.order-price__btn .icon {
  width: 20px;
  height: 20px;
  stroke: var(--black-light-100);
}

.order-title {
  font-family: var(--font-HelveticaNeue);
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
}

.table-custom__col,
.table-custom__row {
  display: contents;
}

.table-custom [class*=col-] {
  padding: 10px 20px;
}

.table-custom__center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.table-custom__mob-top {
  display: contents;
}

.table-custom__tooltips-parent {
  position: relative;
  padding: 10px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.table-custom__tooltips-block .tippy-box {
  background-color: var(--white);
  color: var(--black-light);
  z-index: 1;
  border: var(--border-gray-200);
  border-radius: var(--radius-middle-16);
  -webkit-box-shadow: var(--box-shadow-black-015);
  box-shadow: var(--box-shadow-black-015);
  width: 300px;
}

.table-custom__tooltips-block .tippy-content {
  padding: 0;
}

.table-custom__tooltips-block .tippy-arrow {
  color: var(--gray-300);
}

.table-custom__tooltips-block .tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: var(--gray-300);
  /* красный треугольник */
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-filter: drop-shadow(0 -1px 1px #EBEBEB);
  filter: drop-shadow(0 -1px 1px #EBEBEB);
  /* зеленая граница/тень */
}

.table-custom__suptitle-mob {
  display: none;
}

.table-custom .table-custom__suptitle-tooltips {
  font-family: var(--font-HelveticaNeue);
  font-weight: 700;
}

.table-custom__inner {
  border: var(--border-gray-200);
  border-radius: var(--radius-middle-16);
}

.table-custom * {
  font-family: var(--font-HelveticaNeue);
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}

.table-custom__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.table-custom__audio-block {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-grid-column-align: center;
  justify-self: center;
  gap: 10px;
}

.table-row {
  position: relative;
}

.table-row::before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--gray-200);
}

.table-row [class*=col-] {
  border-right: var(--border-gray-200);
}

.table-row .col-w76 {
  border-right: none;
}

.table-row .mb-1 {
  margin-bottom: 3px !important;
}

.table-row__btn-main {
  padding: 7.21px 15px;
}

.table-row__btn-main span {
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}

.table-row__btn-main .icon {
  display: none;
}

.table-row__audio {
  display: block !important;
  position: absolute;
  z-index: -1;
  opacity: 0;
  width: 100%;
  height: 100%;
}

.table-row__checkbox {
  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;
}

.table-row__block-copy {
  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;
}

.table-row__address-leads,
.table-row__address-cell,
.table-row__address-buildings,
.table-row__address {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--gray-dark);
}

.table-row__address {
  font-size: 14px;
}

.table-row__address-cell,
.table-row__address-buildings {
  font-size: 16px;
}

.table-row__address-cell {
  -webkit-line-clamp: 2;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
}

.table-pause {
  display: none;
}

.table-burger {
  padding: 7px;
  border: var(--border-gray-200);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.table-burger .icon {
  width: 20px;
  height: 20px;
  stroke: var(--black-light);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.table-burger.action {
  background-color: var(--gray-300);
}

.table-burger.playing {
  -webkit-transition: background-color var(--transition);
  transition: background-color var(--transition);
  background-color: var(--gray-300);
}

.table-burger.playing .icon {
  display: none;
}

.table-burger.playing .table-pause,
.table-burger.playing .table-pause .icon {
  display: block;
}

.table-header [class*=col-]:not(:last-child) {
  border-right: var(--border-gray-200);
}

.table-header [class*=col-] {
  text-wrap: nowrap;
  font-weight: 700;
  background-color: var(--gray-300);
}

.table-header [class*=col-] span {
  font-weight: 700;
}

.table-header [class*=col-]:first-child {
  border-top-left-radius: 16px;
}

.table-header [class*=col-]:last-child {
  border-top-right-radius: 16px;
  border-right: none;
}

.table-small {
  font-size: 14px;
}

.table-color-gray {
  color: var(--gray-dark);
}

.table-color-gray-middle {
  color: var(--gray-middle);
}

.table-warning-icon,
.table-state {
  padding: 4px 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: var(--radius-light);
  font-size: 14px;
}

.table-warning-icon *,
.table-state * {
  font-size: 14px;
}

.table-warning-icon span,
.table-state span {
  display: none;
}

.table-warning-icon_white-bg,
.table-state_white-bg {
  background-color: var(--white);
}

.table-warning-icon_gray-bg,
.table-state_gray-bg {
  background-color: var(--gray-light);
}

.table-warning-icon_gray-border,
.table-state_gray-border {
  border: var(--border-gray-200);
}

.table-warning-icon_bg-green,
.table-state_bg-green {
  background-color: #419356B2;
  color: var(--white);
}

.table-warning-icon_bg-blue,
.table-state_bg-blue {
  background-color: var(--blue-middle);
  color: var(--white);
}

.table-warning-icon_bg-red,
.table-state_bg-red {
  background-color: var(--red);
}

.table-warning-icon_bg-red .icon,
.table-state_bg-red .icon {
  width: 14px;
  height: 14px;
  stroke: var(--white);
  fill: transparent;
}

.table-btn {
  padding: 0;
}

.table-parent-top,
.table-parent-relative,
.table-parent-menu {
  position: relative;
}

.border-none {
  border-right: none !important;
}

.border-top-left-radius-xl {
  border-top-left-radius: 16px !important;
}

.table-modal__header {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.table-modal__time-redonly,
.table-modal__time {
  height: 54px;
  min-height: 54px;
}

.table-modal__time-redonly {
  background-color: var(--gray-300);
}

.table-modal__label-redonly {
  color: #00000052;
  background-color: var(--gray-300);
}

.table-modal__input-block {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2px;
}

.table-modal__title {
  text-align: left;
}

.table-progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 2px;
}

.table-progress-bar ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2px;
}

.table-progress-bar__item {
  width: 24px;
  height: 12px;
  border-radius: 4px;
  border: 1px solid var(--gray-middle);
}

.table-progress-bar__item_green {
  background-color: #419356B2;
}

.table-progress-bar__item_red {
  background-color: var(--red);
}

.table-progress-bar__btn {
  margin-top: -2px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray-middle);
}

.account__form-row {
  margin-bottom: 10px;
}

.account__block-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

.account__avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

.account__btn-setting,
.account__btn-small,
.account__btn {
  width: 100%;
}

.account__btn-small,
.account__btn-setting {
  padding: 7px 15px;
}

.account__btn-small label {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.account__btn-push {
  padding: 7px 15px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.account__btn-file {
  padding: 7px 15px;
  height: 36px;
  min-height: 36px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: var(--gray-light);
}

.account__avatar-img {
  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: 65px;
  aspect-ratio: 16/16;
}

.account__avatar-img img {
  width: 100%;
  height: 100%;
}

.account__link {
  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;
  padding: 3px;
  border: var(--border-gray-200);
  border-radius: var(--radius-light);
  background-color: var(--gray-300);
}

.account__link_bg-transparent {
  background-color: transparent;
}

.account__form-input {
  height: 42px;
  min-height: 42px;
  padding: 8.81px 15px;
}

.account__form-input[readonly] {
  color: var(--gray-middle);
}

.account__form-delete {
  right: 16px;
}

.account__btn-list {
  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;
  gap: 10px;
}

.account__textarea textarea::-webkit-input-placeholder {
  color: var(--gray-middle);
}

.account__textarea textarea::-moz-placeholder {
  color: var(--gray-middle);
}

.account__textarea textarea::-ms-input-placeholder {
  color: var(--gray-middle);
}

.account__textarea textarea::placeholder {
  color: var(--gray-middle);
}

.account__total-beech {
  font-family: var(--font-HelveticaNeue);
  position: absolute;
  bottom: -16px;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  right: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray-middle);
}

@media (min-width: 660px) {
  .col-sm {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
  }

  .row-cols-sm-auto > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-sm-1 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-sm-2 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-sm-3 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-sm-4 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-sm-5 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-sm-6 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-sm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }

  .col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
  }

  .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
  }

  .col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%;
  }

  .col-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333333%;
  }

  .offset-sm-2 {
    margin-left: 16.66666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.33333333%;
  }

  .offset-sm-5 {
    margin-left: 41.66666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.33333333%;
  }

  .offset-sm-8 {
    margin-left: 66.66666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.33333333%;
  }

  .offset-sm-11 {
    margin-left: 91.66666667%;
  }

  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }

  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }

  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }

  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }

  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }

  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-grid {
    display: -ms-grid !important;
    display: grid !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }

  .d-sm-none {
    display: none !important;
  }

  .flex-sm-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-sm-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-sm-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .justify-content-sm-evenly {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }

  .align-items-sm-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
  }

  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
  }

  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
  }

  .order-sm-first {
    -webkit-box-ordinal-group: 0 !important;
    -ms-flex-order: -1 !important;
    order: -1 !important;
  }

  .order-sm-0 {
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important;
  }

  .order-sm-1 {
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important;
  }

  .order-sm-2 {
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }

  .order-sm-3 {
    -webkit-box-ordinal-group: 4 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important;
  }

  .order-sm-4 {
    -webkit-box-ordinal-group: 5 !important;
    -ms-flex-order: 4 !important;
    order: 4 !important;
  }

  .order-sm-5 {
    -webkit-box-ordinal-group: 6 !important;
    -ms-flex-order: 5 !important;
    order: 5 !important;
  }

  .order-sm-last {
    -webkit-box-ordinal-group: 7 !important;
    -ms-flex-order: 6 !important;
    order: 6 !important;
  }

  .m-sm-0 {
    margin: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-sm-0 {
    margin-top: 0 !important;
  }

  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mt-sm-3 {
    margin-top: 1rem !important;
  }

  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mt-sm-5 {
    margin-top: 3rem !important;
  }

  .mt-sm-auto {
    margin-top: auto !important;
  }

  .me-sm-0 {
    margin-right: 0 !important;
  }

  .me-sm-1 {
    margin-right: 0.25rem !important;
  }

  .me-sm-2 {
    margin-right: 0.5rem !important;
  }

  .me-sm-3 {
    margin-right: 1rem !important;
  }

  .me-sm-4 {
    margin-right: 1.5rem !important;
  }

  .me-sm-5 {
    margin-right: 3rem !important;
  }

  .me-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-0 {
    margin-bottom: 0 !important;
  }

  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }

  .mb-sm-auto {
    margin-bottom: auto !important;
  }

  .ms-sm-0 {
    margin-left: 0 !important;
  }

  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }

  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }

  .ms-sm-3 {
    margin-left: 1rem !important;
  }

  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }

  .ms-sm-5 {
    margin-left: 3rem !important;
  }

  .ms-sm-auto {
    margin-left: auto !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-sm-0 {
    padding-top: 0 !important;
  }

  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pt-sm-3 {
    padding-top: 1rem !important;
  }

  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pt-sm-5 {
    padding-top: 3rem !important;
  }

  .pe-sm-0 {
    padding-right: 0 !important;
  }

  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pe-sm-3 {
    padding-right: 1rem !important;
  }

  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pe-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-0 {
    padding-bottom: 0 !important;
  }

  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }

  .ps-sm-0 {
    padding-left: 0 !important;
  }

  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }

  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }

  .ps-sm-3 {
    padding-left: 1rem !important;
  }

  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }

  .ps-sm-5 {
    padding-left: 3rem !important;
  }
}

@media (min-width: 768px) {
  .col-md {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
  }

  .row-cols-md-auto > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-md-1 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-md-2 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-md-3 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-md-4 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-md-5 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-md-6 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }

  .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
  }

  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
  }

  .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%;
  }

  .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333333%;
  }

  .offset-md-2 {
    margin-left: 16.66666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.33333333%;
  }

  .offset-md-5 {
    margin-left: 41.66666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.33333333%;
  }

  .offset-md-8 {
    margin-left: 66.66666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.33333333%;
  }

  .offset-md-11 {
    margin-left: 91.66666667%;
  }

  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }

  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }

  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }

  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }

  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }

  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-grid {
    display: -ms-grid !important;
    display: grid !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }

  .d-md-none {
    display: none !important;
  }

  .flex-md-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-md-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-md-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-md-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .justify-content-md-evenly {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }

  .align-items-md-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-md-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-md-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
  }

  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-md-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
  }

  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
  }

  .order-md-first {
    -webkit-box-ordinal-group: 0 !important;
    -ms-flex-order: -1 !important;
    order: -1 !important;
  }

  .order-md-0 {
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important;
  }

  .order-md-1 {
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important;
  }

  .order-md-2 {
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }

  .order-md-3 {
    -webkit-box-ordinal-group: 4 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important;
  }

  .order-md-4 {
    -webkit-box-ordinal-group: 5 !important;
    -ms-flex-order: 4 !important;
    order: 4 !important;
  }

  .order-md-5 {
    -webkit-box-ordinal-group: 6 !important;
    -ms-flex-order: 5 !important;
    order: 5 !important;
  }

  .order-md-last {
    -webkit-box-ordinal-group: 7 !important;
    -ms-flex-order: 6 !important;
    order: 6 !important;
  }

  .m-md-0 {
    margin: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-md-0 {
    margin-top: 0 !important;
  }

  .mt-md-1 {
    margin-top: 0.25rem !important;
  }

  .mt-md-2 {
    margin-top: 0.5rem !important;
  }

  .mt-md-3 {
    margin-top: 1rem !important;
  }

  .mt-md-4 {
    margin-top: 1.5rem !important;
  }

  .mt-md-5 {
    margin-top: 3rem !important;
  }

  .mt-md-auto {
    margin-top: auto !important;
  }

  .me-md-0 {
    margin-right: 0 !important;
  }

  .me-md-1 {
    margin-right: 0.25rem !important;
  }

  .me-md-2 {
    margin-right: 0.5rem !important;
  }

  .me-md-3 {
    margin-right: 1rem !important;
  }

  .me-md-4 {
    margin-right: 1.5rem !important;
  }

  .me-md-5 {
    margin-right: 3rem !important;
  }

  .me-md-auto {
    margin-right: auto !important;
  }

  .mb-md-0 {
    margin-bottom: 0 !important;
  }

  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-md-3 {
    margin-bottom: 1rem !important;
  }

  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-md-5 {
    margin-bottom: 3rem !important;
  }

  .mb-md-auto {
    margin-bottom: auto !important;
  }

  .ms-md-0 {
    margin-left: 0 !important;
  }

  .ms-md-1 {
    margin-left: 0.25rem !important;
  }

  .ms-md-2 {
    margin-left: 0.5rem !important;
  }

  .ms-md-3 {
    margin-left: 1rem !important;
  }

  .ms-md-4 {
    margin-left: 1.5rem !important;
  }

  .ms-md-5 {
    margin-left: 3rem !important;
  }

  .ms-md-auto {
    margin-left: auto !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-md-0 {
    padding-top: 0 !important;
  }

  .pt-md-1 {
    padding-top: 0.25rem !important;
  }

  .pt-md-2 {
    padding-top: 0.5rem !important;
  }

  .pt-md-3 {
    padding-top: 1rem !important;
  }

  .pt-md-4 {
    padding-top: 1.5rem !important;
  }

  .pt-md-5 {
    padding-top: 3rem !important;
  }

  .pe-md-0 {
    padding-right: 0 !important;
  }

  .pe-md-1 {
    padding-right: 0.25rem !important;
  }

  .pe-md-2 {
    padding-right: 0.5rem !important;
  }

  .pe-md-3 {
    padding-right: 1rem !important;
  }

  .pe-md-4 {
    padding-right: 1.5rem !important;
  }

  .pe-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-0 {
    padding-bottom: 0 !important;
  }

  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-md-3 {
    padding-bottom: 1rem !important;
  }

  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-md-5 {
    padding-bottom: 3rem !important;
  }

  .ps-md-0 {
    padding-left: 0 !important;
  }

  .ps-md-1 {
    padding-left: 0.25rem !important;
  }

  .ps-md-2 {
    padding-left: 0.5rem !important;
  }

  .ps-md-3 {
    padding-left: 1rem !important;
  }

  .ps-md-4 {
    padding-left: 1.5rem !important;
  }

  .ps-md-5 {
    padding-left: 3rem !important;
  }
}

@media (min-width: 959.98px) {
  .col-lg-w100 {
    width: 7.1428571429%;
  }

  .col-lg-w252 {
    width: 18%;
  }

  .col-lg-w194 {
    width: 13.9285714286%;
  }

  .col-lg-w180 {
    width: 12.8571428571%;
  }

  .col-lg-w160 {
    width: 11.4285714286%;
  }

  .col-lg-w140 {
    width: 10%;
  }

  .col-lg-w154 {
    width: 11%;
  }

  .col-lg-w76 {
    width: 5.4285714286%;
  }
}

@media (min-width: 960px) {
  .col-lg {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
  }

  .row-cols-lg-auto > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-lg-1 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-lg-2 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-lg-3 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-lg-4 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-lg-5 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-lg-6 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-lg-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }

  .col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
  }

  .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
  }

  .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%;
  }

  .col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333333%;
  }

  .offset-lg-2 {
    margin-left: 16.66666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333333%;
  }

  .offset-lg-5 {
    margin-left: 41.66666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333333%;
  }

  .offset-lg-8 {
    margin-left: 66.66666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333333%;
  }

  .offset-lg-11 {
    margin-left: 91.66666667%;
  }

  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }

  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }

  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }

  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }

  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }

  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-grid {
    display: -ms-grid !important;
    display: grid !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }

  .d-lg-none {
    display: none !important;
  }

  .flex-lg-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-lg-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-lg-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .justify-content-lg-evenly {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }

  .align-items-lg-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
  }

  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
  }

  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
  }

  .order-lg-first {
    -webkit-box-ordinal-group: 0 !important;
    -ms-flex-order: -1 !important;
    order: -1 !important;
  }

  .order-lg-0 {
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important;
  }

  .order-lg-1 {
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important;
  }

  .order-lg-2 {
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }

  .order-lg-3 {
    -webkit-box-ordinal-group: 4 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important;
  }

  .order-lg-4 {
    -webkit-box-ordinal-group: 5 !important;
    -ms-flex-order: 4 !important;
    order: 4 !important;
  }

  .order-lg-5 {
    -webkit-box-ordinal-group: 6 !important;
    -ms-flex-order: 5 !important;
    order: 5 !important;
  }

  .order-lg-last {
    -webkit-box-ordinal-group: 7 !important;
    -ms-flex-order: 6 !important;
    order: 6 !important;
  }

  .m-lg-0 {
    margin: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-lg-0 {
    margin-top: 0 !important;
  }

  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mt-lg-3 {
    margin-top: 1rem !important;
  }

  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mt-lg-5 {
    margin-top: 3rem !important;
  }

  .mt-lg-auto {
    margin-top: auto !important;
  }

  .me-lg-0 {
    margin-right: 0 !important;
  }

  .me-lg-1 {
    margin-right: 0.25rem !important;
  }

  .me-lg-2 {
    margin-right: 0.5rem !important;
  }

  .me-lg-3 {
    margin-right: 1rem !important;
  }

  .me-lg-4 {
    margin-right: 1.5rem !important;
  }

  .me-lg-5 {
    margin-right: 3rem !important;
  }

  .me-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-0 {
    margin-bottom: 0 !important;
  }

  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }

  .mb-lg-auto {
    margin-bottom: auto !important;
  }

  .ms-lg-0 {
    margin-left: 0 !important;
  }

  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }

  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }

  .ms-lg-3 {
    margin-left: 1rem !important;
  }

  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }

  .ms-lg-5 {
    margin-left: 3rem !important;
  }

  .ms-lg-auto {
    margin-left: auto !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-lg-0 {
    padding-top: 0 !important;
  }

  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pt-lg-3 {
    padding-top: 1rem !important;
  }

  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pt-lg-5 {
    padding-top: 3rem !important;
  }

  .pe-lg-0 {
    padding-right: 0 !important;
  }

  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pe-lg-3 {
    padding-right: 1rem !important;
  }

  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pe-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-0 {
    padding-bottom: 0 !important;
  }

  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }

  .ps-lg-0 {
    padding-left: 0 !important;
  }

  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }

  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }

  .ps-lg-3 {
    padding-left: 1rem !important;
  }

  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }

  .ps-lg-5 {
    padding-left: 3rem !important;
  }

  .modal-map__list,
  .table-modal__list,
  .modal-cell__list {
    margin: 0 -5px;
    max-height: 555px;
    overflow-y: scroll;
    width: auto !important;
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
    transform: translate3d(0px, 0px, 0px) !important;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    /* предотвращает скролл родительского элемента */
    -webkit-overflow-scrolling: touch;
  }

  .modal-swiper__list {
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
    transform: translate3d(0px, 0px, 0px) !important;
  }

  .modal-swiper__item {
    margin-right: 0 !important;
  }

  .product-cell__list {
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
    transform: translate3d(0px, 0px, 0px) !important;
  }

  .product-cell__slid {
    margin: 0 !important;
  }

  .cell__inner.action .cell__btn {
    -webkit-animation: btnExpand 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
    animation: btnExpand 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
  }

  .cell__inner:not(.action) .cell__btn {
    -webkit-animation: btnCollapse 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
    animation: btnCollapse 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
  }
}

@media (min-width: 1280px) {
  .col-xl {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
  }

  .row-cols-xl-auto > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xl-1 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xl-2 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xl-3 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xl-4 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xl-5 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xl-6 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }

  .col-xl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xl-11 {
    margin-left: 91.66666667%;
  }

  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }

  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }

  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-grid {
    display: -ms-grid !important;
    display: grid !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }

  .d-xl-none {
    display: none !important;
  }

  .flex-xl-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-xl-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-xl-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .justify-content-xl-evenly {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }

  .align-items-xl-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
  }

  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
  }

  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
  }

  .order-xl-first {
    -webkit-box-ordinal-group: 0 !important;
    -ms-flex-order: -1 !important;
    order: -1 !important;
  }

  .order-xl-0 {
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important;
  }

  .order-xl-1 {
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important;
  }

  .order-xl-2 {
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }

  .order-xl-3 {
    -webkit-box-ordinal-group: 4 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important;
  }

  .order-xl-4 {
    -webkit-box-ordinal-group: 5 !important;
    -ms-flex-order: 4 !important;
    order: 4 !important;
  }

  .order-xl-5 {
    -webkit-box-ordinal-group: 6 !important;
    -ms-flex-order: 5 !important;
    order: 5 !important;
  }

  .order-xl-last {
    -webkit-box-ordinal-group: 7 !important;
    -ms-flex-order: 6 !important;
    order: 6 !important;
  }

  .m-xl-0 {
    margin: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xl-0 {
    margin-top: 0 !important;
  }

  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xl-3 {
    margin-top: 1rem !important;
  }

  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xl-5 {
    margin-top: 3rem !important;
  }

  .mt-xl-auto {
    margin-top: auto !important;
  }

  .me-xl-0 {
    margin-right: 0 !important;
  }

  .me-xl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xl-3 {
    margin-right: 1rem !important;
  }

  .me-xl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xl-5 {
    margin-right: 3rem !important;
  }

  .me-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xl-auto {
    margin-bottom: auto !important;
  }

  .ms-xl-0 {
    margin-left: 0 !important;
  }

  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xl-3 {
    margin-left: 1rem !important;
  }

  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xl-5 {
    margin-left: 3rem !important;
  }

  .ms-xl-auto {
    margin-left: auto !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xl-0 {
    padding-top: 0 !important;
  }

  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xl-3 {
    padding-top: 1rem !important;
  }

  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xl-5 {
    padding-top: 3rem !important;
  }

  .pe-xl-0 {
    padding-right: 0 !important;
  }

  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xl-3 {
    padding-right: 1rem !important;
  }

  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xl-0 {
    padding-left: 0 !important;
  }

  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xl-3 {
    padding-left: 1rem !important;
  }

  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xl-5 {
    padding-left: 3rem !important;
  }

  .col-w444 {
    width: 31.7142857143%;
  }

  .col-w262 {
    width: 18.7142857143%;
  }

  .col-w252 {
    width: 18%;
  }

  .col-w268 {
    width: 19.1428571429%;
  }

  .col-w402 {
    width: 28.7142857143%;
  }

  .col-w200 {
    width: 14.2857142857%;
  }

  .col-w180 {
    width: 12.8571428571%;
  }

  .col-w160 {
    width: 11.4285714286%;
  }

  .col-w140 {
    width: 10%;
  }

  .col-w76 {
    width: 5.4285714286%;
  }

  .col-w201 {
    width: 22.8409090909%;
  }

  .col-w76-small {
    width: 8.6363636364%;
  }

  .col-w20 {
    width: 14.0845070423%;
  }

  .col-w13 {
    width: 9.1549295775%;
  }
}

@media (min-width: 1300px) {
  .col-xl-w166 {
    width: 12.4647887324%;
  }

  .col-xl-w-modal {
    width: 20%;
  }
}

@media (min-width: 1500px) {
  .col-xxl {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
  }

  .row-cols-xxl-auto > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xxl-1 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xxl-2 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xxl-3 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xxl-4 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xxl-5 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xxl-6 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xxl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }

  .col-xxl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xxl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xxl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xxl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xxl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xxl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xxl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xxl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xxl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xxl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xxl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xxl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xxl-0 {
    margin-left: 0;
  }

  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xxl-3 {
    margin-left: 25%;
  }

  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xxl-6 {
    margin-left: 50%;
  }

  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xxl-9 {
    margin-left: 75%;
  }

  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }

  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }

  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }

  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }

  .d-xxl-inline {
    display: inline !important;
  }

  .d-xxl-inline-block {
    display: inline-block !important;
  }

  .d-xxl-block {
    display: block !important;
  }

  .d-xxl-grid {
    display: -ms-grid !important;
    display: grid !important;
  }

  .d-xxl-table {
    display: table !important;
  }

  .d-xxl-table-row {
    display: table-row !important;
  }

  .d-xxl-table-cell {
    display: table-cell !important;
  }

  .d-xxl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-xxl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }

  .d-xxl-none {
    display: none !important;
  }

  .flex-xxl-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .flex-xxl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-xxl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-xxl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-xxl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-xxl-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .flex-xxl-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .flex-xxl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .flex-xxl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .flex-xxl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-xxl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-xxl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-xxl-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-xxl-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-xxl-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-xxl-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-xxl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .justify-content-xxl-evenly {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }

  .align-items-xxl-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-xxl-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-xxl-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-xxl-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-xxl-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-xxl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-xxl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-xxl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-xxl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-xxl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-xxl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-xxl-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
  }

  .align-self-xxl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-xxl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-xxl-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
  }

  .align-self-xxl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-xxl-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
  }

  .order-xxl-first {
    -webkit-box-ordinal-group: 0 !important;
    -ms-flex-order: -1 !important;
    order: -1 !important;
  }

  .order-xxl-0 {
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important;
  }

  .order-xxl-1 {
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important;
  }

  .order-xxl-2 {
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }

  .order-xxl-3 {
    -webkit-box-ordinal-group: 4 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important;
  }

  .order-xxl-4 {
    -webkit-box-ordinal-group: 5 !important;
    -ms-flex-order: 4 !important;
    order: 4 !important;
  }

  .order-xxl-5 {
    -webkit-box-ordinal-group: 6 !important;
    -ms-flex-order: 5 !important;
    order: 5 !important;
  }

  .order-xxl-last {
    -webkit-box-ordinal-group: 7 !important;
    -ms-flex-order: 6 !important;
    order: 6 !important;
  }

  .m-xxl-0 {
    margin: 0 !important;
  }

  .m-xxl-1 {
    margin: 0.25rem !important;
  }

  .m-xxl-2 {
    margin: 0.5rem !important;
  }

  .m-xxl-3 {
    margin: 1rem !important;
  }

  .m-xxl-4 {
    margin: 1.5rem !important;
  }

  .m-xxl-5 {
    margin: 3rem !important;
  }

  .m-xxl-auto {
    margin: auto !important;
  }

  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xxl-0 {
    margin-top: 0 !important;
  }

  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xxl-3 {
    margin-top: 1rem !important;
  }

  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xxl-5 {
    margin-top: 3rem !important;
  }

  .mt-xxl-auto {
    margin-top: auto !important;
  }

  .me-xxl-0 {
    margin-right: 0 !important;
  }

  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xxl-3 {
    margin-right: 1rem !important;
  }

  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xxl-5 {
    margin-right: 3rem !important;
  }

  .me-xxl-auto {
    margin-right: auto !important;
  }

  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xxl-auto {
    margin-bottom: auto !important;
  }

  .ms-xxl-0 {
    margin-left: 0 !important;
  }

  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xxl-3 {
    margin-left: 1rem !important;
  }

  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xxl-5 {
    margin-left: 3rem !important;
  }

  .ms-xxl-auto {
    margin-left: auto !important;
  }

  .p-xxl-0 {
    padding: 0 !important;
  }

  .p-xxl-1 {
    padding: 0.25rem !important;
  }

  .p-xxl-2 {
    padding: 0.5rem !important;
  }

  .p-xxl-3 {
    padding: 1rem !important;
  }

  .p-xxl-4 {
    padding: 1.5rem !important;
  }

  .p-xxl-5 {
    padding: 3rem !important;
  }

  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xxl-0 {
    padding-top: 0 !important;
  }

  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xxl-3 {
    padding-top: 1rem !important;
  }

  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xxl-5 {
    padding-top: 3rem !important;
  }

  .pe-xxl-0 {
    padding-right: 0 !important;
  }

  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xxl-3 {
    padding-right: 1rem !important;
  }

  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xxl-5 {
    padding-right: 3rem !important;
  }

  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xxl-0 {
    padding-left: 0 !important;
  }

  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xxl-3 {
    padding-left: 1rem !important;
  }

  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
}

@media (max-width: 1499.98px) {
  .rent-form__btn-text {
    padding: 8.2px 5px;
  }

  .advertising__title-control,
  .advertising__title {
    font-size: 42px;
    width: 50%;
    margin-right: 0;
  }

  .advertising__title-control_w51,
  .advertising__title_w51 {
    width: 60%;
  }

  .advertising__title-control {
    margin-left: 10px;
  }

  .pantry-form__list [class*=col-] {
    padding: 0 2px;
  }

  .pantry-form__list {
    gap: 2px 0;
    margin-right: -2px;
    margin-left: -2px;
  }

  .pantry-form__item {
    -ms-grid-column-span: 4;
    grid-column: span 4;
  }

  .order__img-block {
    aspect-ratio: 17/13.9;
  }

  .order__price-reserved {
    text-align: initial;
    padding: 0 0 0 43px;
  }

  .order__title {
    text-align: initial;
  }

  .order-price__body {
    text-align: inherit;
  }

  .table-custom [class*=col-] {
    padding: 10px 15px;
  }

  .border-none-xxl {
    border-right: none !important;
  }

  .border-right-xxl {
    border-right: var(--border-gray-200) !important;
  }
}

@media (max-width: 1279.98px) {
  .mb-xl-30 {
    margin-bottom: 30px;
  }

  .cookies ul {
    overflow-x: auto;
  }

  .cookies__link {
    text-wrap: nowrap;
  }

  .footer__info {
    padding-left: 20px;
  }

  .rent-form__btn-text {
    padding: 8.2px 4px;
  }

  .rent-form__btn-text {
    width: 100%;
    height: 100%;
  }

  .card-rating__inner {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }

  .card-rating__footer li::before {
    margin-right: 0;
  }

  .card-rating__footer [class*=col-] {
    padding: 0 10px;
  }

  .advertising__left {
    width: 165px;
  }

  .advertising__block-tg {
    left: 0;
    top: -60px;
  }

  .advertising__title-text {
    font-size: 14px;
    min-width: 260px;
  }

  .pantry-empty__inner {
    padding-bottom: 200px;
  }

  .pantry-search__btn-cell-descr {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .pantry-search__btn-cell-descr .select2-container {
    width: 100% !important;
  }

  .product__content {
    display: contents;
  }

  .product__gallersbox {
    padding: 0;
  }

  .product__inner {
    gap: 20px;
    padding-inline: 10px;
  }

  .product-descr__bottom {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .reservation-date__inner {
    padding-right: 10px;
    gap: 50px;
  }

  .reservation-date__form {
    gap: 15px;
  }

  .table-custom [class*=col-] {
    padding: 10px 7px;
  }

  .table-custom__tooltips-parent {
    padding: 10px 7px;
  }

  .table-custom__audio-block {
    width: 100%;
    gap: 5px;
  }

  .table-row [class*=col-] [class*=col-]:last-child {
    border-right: none;
  }

  .table-row {
    position: relative;
  }

  .table-row__address-leads,
  .table-row__address-cell,
  .table-row__address-buildings,
  .table-row__address {
    -webkit-line-clamp: 2;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
  }

  .table-burger_xl-static {
    position: static;
  }

  .xl-content {
    display: contents;
  }

  .table-header [class*=col-] {
    font-size: 14px;
  }

  .table-header [class*=col-] span {
    display: none;
  }

  .table-header_xl-child7 [class*=col-]:nth-child(7) {
    border-top-right-radius: 16px;
    border-right: none;
  }

  .table-warning-icon,
  .table-state {
    padding: 4px;
    font-size: 12px;
  }

  .table-warning-icon *,
  .table-state * {
    font-size: 12px;
  }

  .table-parent-top {
    position: absolute;
    right: 4px;
    top: 10px;
    z-index: 1;
  }

  .table-parent-menu {
    position: absolute;
    right: 5px;
    top: 5px;
  }

  .table-parent-relative {
    position: relative;
    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-top-right-radius-xl {
    border-top-right-radius: 16px !important;
  }

  .border-top-right-radius-xl-0 {
    border-top-right-radius: 0 !important;
  }

  .border-right-xl {
    border-right: var(--border-gray-200) !important;
  }

  .table-progress-bar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (max-width: 959.98px) {
  .container {
    padding: 0 20px;
  }

  .hidden-mob {
    overflow: hidden;
  }

  .colum-revers-lg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .mb-50-mob {
    margin-bottom: 50px;
  }

  .mb-0-mob {
    margin-bottom: 0px !important;
  }

  .mb-lg-14 {
    margin-bottom: 14px !important;
  }

  .mb-15-mob {
    margin-bottom: 15px !important;
  }

  .mb-20-mob {
    margin-bottom: 20px !important;
  }

  .mb-40-mob {
    margin-bottom: 40px !important;
  }

  .p-lg-none {
    padding: 0 !important;
  }

  .section {
    padding: 50px 0;
  }

  .section_pt30-tab {
    padding-top: 30px;
  }

  .section_pt0-tab {
    padding-top: 0px;
  }

  .section_pb20-tab {
    padding-bottom: 20px;
  }

  .section_pb30-tab {
    padding-bottom: 30px;
  }

  .section-title-big {
    letter-spacing: -1.5px;
  }

  .section-title-big_ls-middle-mob {
    letter-spacing: -1.8px;
  }

  .section-title-big_lg-small {
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
  }

  .section-btn {
    width: 100%;
  }

  .section-scrollbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .daterangepicker .ranges ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow-x: scroll;
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content;
    padding-right: 0;
    margin: 0;
    overflow-x: scroll;
    width: 100%;
    gap: 10px;
  }

  .daterangepicker .ranges,
  .daterangepicker .drp-calendar {
    float: none !important;
  }

  .daterangepicker.show-calendar .ranges {
    margin-bottom: 10px;
  }

  .daterangepicker.show-ranges.single.ltr .drp-calendar.left {
    min-width: 100%;
    max-height: 285px;
    padding-left: 0;
    margin-right: 0;
  }

  .daterangepicker {
    padding-bottom: 20px;
    width: 355px;
  }

  .daterangepicker .calendar-table table {
    border-spacing: 7.17px 10px;
  }

  .form-select {
    background-size: 7px 6px;
    background-position: right 10.5px center;
  }

  .tooltips__header {
    display: none !important;
  }

  .tooltips__body {
    padding: 0;
  }

  .logo {
    width: 100%;
  }

  .cookies ul {
    display: none;
  }

  .brand-scroll::-webkit-scrollbar {
    width: 0;
  }

  .header__block-logo {
    gap: 8px;
  }

  .header__login-img {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .header__logo svg {
    width: 24px;
    height: 24px;
  }

  .header__logo-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 19.2px;
    text-wrap: nowrap;
  }

  .header__seting {
    display: none;
  }

  .header__btn-heart span {
    display: none;
  }

  .header__login {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .header__log {
    -ms-flex-negative: 1;
    flex-shrink: 1;
  }

  .header__burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .header__btn-heart,
  .header__burger {
    padding: 7px;
  }

  .header .select2 {
    display: none;
  }

  .footer__inner {
    gap: 30px;
  }

  .footer__btn-info {
    padding: 7.21px 8px;
  }

  .footer__descr-block,
  .footer__mob-top {
    display: contents;
  }

  .footer__info {
    padding-left: 0;
    gap: 24px;
  }

  .footer__suptitle {
    margin-bottom: 10px;
  }

  .footer__block-copirat {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }

  .footer-block {
    padding: 20px 0;
  }

  .table-menu,
  .sidebar-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .table-menu {
    position: static;
    padding: 9px 20px;
    background-color: var(--white);
    border: none;
    border-top: var(--border-gray-200);
    border-top-left-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .table-menu.menu-close {
    visibility: visible;
    opacity: 1;
    width: 100%;
    z-index: 0;
  }

  .table-menu ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
  }

  .table-menu ul li a {
    padding: 4.1px 0;
    gap: 4px;
  }

  .table-menu ul li a span {
    font-family: var(--font-primary);
    font-size: 12px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -1%;
  }

  .table-menu ul li a .icon {
    width: 14px;
    height: 14px;
  }

  .modal-content__footer {
    gap: 10px;
  }

  .modal-content__footer .btn {
    width: 50%;
    letter-spacing: -0.04px;
  }

  .modal-title_small-mob {
    font-size: 26px;
    line-height: 120%;
  }

  .modal-map,
  .table-modal,
  .modal-cell {
    padding: 20px 10px;
    width: 98%;
  }

  .modal-map .f-button,
  .table-modal .f-button,
  .modal-cell .f-button {
    right: 10px !important;
    top: 20px !important;
  }

  .modal-map__list,
  .table-modal__list,
  .modal-cell__list {
    margin-bottom: 15px;
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0;
    margin-bottom: 8px;
  }

  .modal-map__list [class*=col-],
  .table-modal__list [class*=col-],
  .modal-cell__list [class*=col-] {
    padding: 0;
  }

  .modal-map__btn,
  .table-modal__btn,
  .modal-cell__btn {
    width: 100%;
  }

  .modal-map__btn-dom,
  .table-modal__btn-dom,
  .modal-cell__btn-dom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
  }

  .modal-cell__body {
    gap: 16px;
  }

  .modal-row {
    margin: 0 -2px;
    gap: 2px 0;
  }

  .modal-col {
    padding: 0 2px;
  }

  .modal-map__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .modal-map__title {
    font-size: 24px;
    line-height: 120%;
    text-align: center;
  }

  .modal-map {
    width: 100%;
    height: 100%;
  }

  .modal-map__map-container {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100vh;
  }

  .modal-swiper__list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 10px 0;
  }

  .rent__inner {
    gap: 50px;
  }

  .rent__top {
    margin-bottom: 0;
  }

  .rent-descr h1 {
    font-size: 32px;
  }

  .rent-descr p {
    max-width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
  }

  .rent-form__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr);
    padding: 0;
    background-color: transparent;
    margin-bottom: 0;
    overflow: visible;
  }

  .rent-form__inner .select2 {
    -ms-grid-column-span: 12;
    grid-column: span 12;
    width: 100% !important;
    background-size: 16px 16px;
    padding: 14.81px 24px;
    border: var(--border-gray-200);
    border-radius: var(--radius-light);
    background-color: #fff;
  }

  .rent-form__inner .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0;
  }

  .rent-form__btn-block {
    -ms-grid-column-span: 6;
    grid-column: span 6;
    padding: 5px 4px;
    gap: 4px;
    width: 100%;
  }

  .rent-form__input {
    -ms-grid-column-span: 6;
    grid-column: span 6;
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  .rent-form__btn {
    -ms-grid-column-span: 12;
    grid-column: span 12;
    margin-top: 10px;
    padding: 16.2px 8px;
    border-radius: var(--radius-light);
    background-color: var(--blue-middle);
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  .rent-btn {
    padding: 9px 1px;
    width: inherit;
  }

  .rent-card__inner {
    gap: 20px 40px;
  }

  .rent-card__block-img {
    aspect-ratio: 16/16;
  }

  .card-section__inner-swiper-bottom,
  .card-section__inner-swiper {
    margin-right: 0;
    gap: 15px;
  }

  .card-section__inner-swiper-bottom {
    margin-bottom: 50px;
  }

  .card-section__title {
    margin-bottom: 15px;
  }

  .card-section__top-swiper_g20-mob,
  .card-section__top_g20-mob {
    gap: 20px 0;
  }

  .card-section__top-swiper {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .card-product__img-block {
    aspect-ratio: 16/7.641;
  }

  .card-product__img-block_min-size-lg {
    aspect-ratio: 16/7.23;
  }

  .card-product__img-block-modal {
    aspect-ratio: 16/8.68;
  }

  .card-product__img-block-modal_big-size,
  .card-product__img-block-big_big-size,
  .card-product__img-block_big-size {
    aspect-ratio: 16/9.551;
  }

  .card-rating__footer {
    margin-bottom: 0;
  }

  .card-rating__footer * {
    line-height: 137.9%;
  }

  .card-rating__footer li {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .card-rating__footer li > .card-number:not(:first-child) {
    text-align: center;
  }

  .card-rating__footer li::before {
    margin-right: -4px;
  }

  .card-rating__footer_big-mob-mb {
    margin-bottom: 93px;
  }

  .advertising__inner {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .advertising__left {
    position: absolute;
    width: 124px;
    top: 30px;
    right: 0;
  }

  .advertising__block-qr {
    display: none;
  }

  .advertising__block-tg {
    position: static;
  }

  .advertising__title-control,
  .advertising__title {
    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%;
    margin-left: 0px;
    font-size: 28px;
  }

  .advertising__title-line {
    display: block;
    margin-bottom: 10px;
  }

  .advertising__title-text {
    position: static;
    margin-bottom: 24px;
    margin-left: 0;
    -webkit-transform: none;
    transform: none;
  }

  .advertising__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .pantry__title {
    margin-bottom: 15px;
    letter-spacing: -0.5px;
  }

  .pantry__title-modal {
    font-family: var(--font-HelveticaNeue);
    margin-bottom: 16px;
    letter-spacing: -0.5px;
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
  }

  .pantry__title-big {
    margin-bottom: 15px;
  }

  .pantry__product {
    gap: 20px;
  }

  .pantry__inner {
    gap: 63px;
  }

  .pantry__inner_g20-mob {
    gap: 20px;
  }

  .pantry__content {
    display: block;
    padding-bottom: 32px;
  }

  .pantry-map__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .pantry-map__prev {
    position: fixed;
    top: 20px;
    left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 7px 15.1px;
    background-color: var(--white);
  }

  .pantry-map__block-btn {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    width: 100%;
    padding: 10px;
    bottom: 0;
    z-index: 7;
  }

  .pantry-map #map {
    height: 100%;
  }

  .pantry-map__block {
    position: fixed;
    inset: 0;
    width: 100%;
    z-index: 6;
    height: 100%;
    background-color: var(--white);
  }

  .pantry-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .pantry-empty p {
    margin-bottom: 20px;
  }

  .pantry-empty__btn {
    width: 100%;
  }

  .pantry-empty__title {
    letter-spacing: -2.3px;
  }

  .pantry-form__item-btn-detail_bg-img,
  .pantry-form__item-btn-modal_bg-img,
  .pantry-form__item-btn-list_bg-img,
  .pantry-form__item-btn_bg-img,
  .pantry-form__item_bg-img {
    background-size: cover;
  }

  .pantry-form__location-dom span {
    letter-spacing: -0.5px;
    text-wrap: nowrap;
  }

  .pantry-form__location-dom span.small-lg {
    font-size: 12px;
  }

  .pantry-form__item.pantry-custom-drop .select2-container--open .select2-dropdown--below {
    min-width: inherit;
  }

  .pantry-form__item-btn-list {
    display: none;
  }

  .pantry-form__item-btn-modal {
    min-height: 36px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
  }

  .pantry-search__body {
    margin-bottom: 4px;
  }

  .pantry-search__btn-cell-descr,
  .pantry-search__btn-cell,
  .pantry-search__btn-multiplay,
  .pantry-search__btn-modal,
  .pantry-search__btn-drop,
  .pantry-search__btn {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .pantry-search__btn-cell-descr .select2-container,
  .pantry-search__btn-cell .select2-container,
  .pantry-search__btn-multiplay .select2-container,
  .pantry-search__btn-modal .select2-container,
  .pantry-search__btn-drop .select2-container,
  .pantry-search__btn .select2-container {
    width: 100% !important;
  }

  .pantry-search__btn-cell .select2-container {
    width: 100% !important;
  }

  .pantry-search__btn-plus {
    width: 100%;
  }

  .modal-style-lg {
    padding-top: 0;
    max-width: 100%;
  }

  .modal-drag {
    display: block;
    padding-top: 40px;
  }

  .fixed-block {
    position: fixed;
    top: auto;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border-radius: var(--radius-middle-16);
    max-width: 100vw;
    margin: 0;
    z-index: -1;
    opacity: 0;
    -webkit-transform: none;
    transform: none;
    -webkit-transform: translateY(150%);
    transform: translateY(150%);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    will-change: transform, opacity, height;
    background-color: var(--white);
  }

  .fixed-block.active {
    z-index: 2501;
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }

  .product__gallersbox {
    max-height: 500px;
  }

  .product-descr__bottom [class*=row] {
    gap: 2px;
  }

  .product-descr__block-btn {
    gap: 8px 5px;
  }

  .product-descr__more {
    margin-left: 5px;
  }

  .product-descr__btn-choice,
  .product-descr__btn-favorites {
    width: 50%;
  }

  .product-descr__interface {
    gap: 10px !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .product-descr__btn-dom {
    gap: 10px;
  }

  .product-descr__inner-rating {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .product-cell__list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 15px;
  }

  .product-cell__slid,
  .product-cell__item {
    max-width: 220px;
  }

  .product-map__block {
    height: 400px;
  }

  .cell-img-block {
    aspect-ratio: 16/16;
  }

  .gallersbox__prev,
  .gallersbox__next {
    top: 35%;
  }

  .gallersbox__next {
    right: 10px;
  }

  .gallersbox__prev {
    left: 10px;
  }

  .reviews__card-list [class*=col-] {
    margin-right: 10px !important;
    padding: 0;
  }

  .reviews__card-list {
    margin-bottom: 15px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-left: auto;
    margin-right: auto;
  }

  .reviews__swiper {
    margin-bottom: 0;
  }

  .reviews-card__text {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .reservation__body {
    padding: 0 20px;
    gap: 50px;
  }

  .reservation__btn {
    width: 100%;
  }

  .reservation-payment__submit-setting {
    padding: 15.2px 7px;
  }

  .reservation-payment__location {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 16px;
    margin-top: 4px;
    gap: 8px;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: var(--radius-light);
    background-color: var(--gray-light);
  }

  .reservation-payment__location .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    stroke: var(--black-light);
    fill: transparent;
  }

  .reservation-img__list {
    overflow-x: scroll;
    gap: 8px;
  }

  .reservation-img__block {
    width: 113px;
    height: 113px;
  }

  .order__item {
    margin: 0;
    gap: 16px;
  }

  .order__info {
    padding: 0 10px;
  }

  .order__param {
    padding: 0 10px;
  }

  .order__img-block {
    aspect-ratio: 16/12.293;
    width: 39.7014925373%;
  }

  .order__form-reserved,
  .order__form {
    padding: 0;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }

  .order__form-reserved {
    padding: 0 10px 0 0;
  }

  .order__price-reserved,
  .order__price {
    position: relative;
    padding: 0;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }

  .order__price-reserved {
    padding: 0;
  }

  .order__title {
    margin-bottom: 10px;
  }

  .order-price__body {
    padding-bottom: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4px 2px;
  }

  .order-price__title {
    gap: 2px;
  }

  .order-price__pledge {
    position: absolute;
    bottom: 0;
    width: 100%;
  }

  .order-price__total {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-price__btn {
    top: auto;
    bottom: 0;
    right: 0;
  }

  .table-custom__col,
  .table-custom__row {
    display: inherit;
  }

  .table-custom__row {
    margin: 0 !important;
    width: 100%;
    background-color: var(--white);
  }

  .table-custom [class*=col-] {
    padding: 10px;
  }

  .table-custom__mob-top {
    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-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .table-custom__tooltips-parent {
    position: relative;
    padding: 10px;
  }

  .table-custom__tooltips-block [data-tippy-root] {
    display: none !important;
  }

  .table-custom__tooltips {
    display: block !important;
    width: 100%;
  }

  .table-custom__col {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 8px 0px !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important;
  }

  .table-custom__col.active .table-btn .icon {
    rotate: 180deg;
  }

  .table-custom h3 {
    font-weight: 700;
  }

  .table-custom__suptitle-mob {
    display: block;
    margin-bottom: 3px;
    font-weight: 700;
  }

  .table-custom .table-custom__suptitle-tooltips {
    font-weight: 700;
  }

  .table-custom__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    border: none;
  }

  .table-custom__inner_g16 {
    gap: 16px;
  }

  .table-custom__data,
  .table-custom__number {
    font-family: var(--font-RobotoCondensed);
    font-size: 26px;
    font-weight: 900;
    line-height: 120%;
    text-transform: uppercase;
  }

  .table-custom__data_big-lg-span span,
  .table-custom__number_big-lg-span span {
    font-family: var(--font-RobotoCondensed);
    font-size: 26px;
    font-weight: 900;
    line-height: 120%;
    text-transform: uppercase;
  }

  .table-custom__audio-block {
    gap: 8px;
  }

  .table-row {
    border: var(--border-gray-200);
    border-radius: var(--radius-middle-16);
    background-color: var(--gray-300);
  }

  .table-row::before {
    display: none;
  }

  .table-row [class*=col-] {
    border-right: none;
  }

  .table-row .mb-1 {
    margin-bottom: 4px !important;
  }

  .table-row__btn-main {
    background-color: var(--gray-light);
    color: var(--black-light);
  }

  .table-row__btn-main .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    stroke: var(--black-light);
  }

  .table-row__block-copy {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .table-row__address-leads,
  .table-row__address-cell,
  .table-row__address-buildings,
  .table-row__address {
    font-size: 16px;
    color: var(--black-light);
  }

  .table-row__contrast-lg {
    background-color: var(--gray-300);
  }

  .table-row__contrast-lg span {
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
  }

  .lg-content {
    display: contents;
  }

  .table-header {
    display: none;
  }

  .table-warning-icon,
  .table-state {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3px;
    padding: 4.21px 8px;
    margin-left: auto;
    font-size: 14px;
    text-wrap: nowrap;
  }

  .table-warning-icon *,
  .table-state * {
    font-size: 14px;
  }

  .table-warning-icon span,
  .table-state span {
    display: block;
    font-size: 14px;
  }

  .table-warning-icon {
    padding: 7px;
    margin-right: 2px;
  }

  .table-btn {
    padding: 7px 10px;
    padding-bottom: 18px;
  }

  .table-btn .icon {
    -webkit-transition: color var(--transition);
    transition: color var(--transition);
  }

  .table-btn span {
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
  }

  .order-negative-tab {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .table-parent-top,
  .table-parent-relative,
  .table-parent-menu {
    position: static;
    width: 100%;
  }

  .table-fw700-lg {
    font-weight: 700;
  }

  .table-big-text-mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    font-family: var(--font-RobotoCondensed);
    font-size: 26px;
    font-weight: 900;
    line-height: 120%;
    text-transform: uppercase;
  }

  .table-big-text-mob span {
    font-size: 14px;
  }

  .border-none-lg {
    border-right: none !important;
  }

  .table-y-tab {
    padding: 0 10px !important;
  }

  .table-modal__row {
    gap: 8px;
    border: none;
    border-bottom: var(--border-gray-200);
    border-radius: 0;
    background-color: var(--white);
  }

  .table-modal__big-lg {
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
    color: var(--black-dark-op92);
  }

  .table-modal__title {
    font-size: 26px;
    line-height: 120%;
  }

  .table-modal__btn {
    width: 100%;
  }

  .table-modal__btn-dom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 10px;
  }

  .table-progress-bar {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .account__form-row {
    margin-bottom: 12px;
  }

  .account__form-contact {
    padding-right: 10px;
  }

  .account__btn-file {
    width: 100%;
  }

  .account__form-delete_top-lg-20 {
    top: 20px;
  }

  .account__btn-list {
    gap: 15px;
  }
}

@media (max-width: 959.98px) and (max-width: 374.98px) {
  .table-menu {
    padding: 9px 10px;
  }
}

@media (max-width: 800px) and (orientation: landscape) {
  .card-product__top {
    margin-bottom: 10px;
  }

  .card-product__img-block-modal {
    aspect-ratio: 16/4.68;
  }

  .card-product__img-block-modal img,
  .card-product__img-block-big img,
  .card-product__img-block img {
    -o-object-fit: cover;
    object-fit: cover;
  }

  .pantry__title-modal {
    margin-bottom: 8px;
  }

  .pantry__content {
    padding-bottom: 10px;
  }

  .pantry-form__item-btn-detail,
  .pantry-form__item-btn-modal,
  .pantry-form__item-btn-list,
  .pantry-form__item-btn,
  .pantry-form__item {
    min-height: auto;
    max-height: 54px;
  }

  .modal-drag {
    padding-top: 20px;
  }
}

@media (max-width: 767.98px) {
  .container {
    padding: 0 10px;
  }

  .mb-md-30 {
    margin-bottom: 30px;
  }

  .ps-md-10 {
    padding-left: 10px !important;
  }

  .pe-md-10 {
    padding-right: 10px !important;
  }

  .form-file label span {
    text-wrap: nowrap;
  }

  .pagination-page__link {
    padding: 2px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
  }

  .header__select {
    display: none;
  }

  .modal-close_absolute {
    right: 20px;
  }

  .modal-content.modal-big {
    width: 100%;
    padding: 10px;
    padding-top: 20px;
  }

  .modal-content {
    width: 100%;
  }

  .modal-content__inner_16-mob {
    gap: 16px;
  }

  .modal-content .f-button {
    right: 0 !important;
    top: -15px !important;
  }

  .madal-header-big {
    gap: 16px;
  }

  .madal-header-big .modal-title {
    text-align: left;
    font-size: 26px;
    font-weight: 900;
    line-height: 120%;
  }

  .modal-password__list input {
    height: 75px;
  }

  .modal-password__list input {
    height: 65px;
  }

  .pantry-empty__inner {
    padding-bottom: 0;
  }

  .pantry-form__item-btn-detail {
    min-height: 36px;
    margin-top: 13px;
  }

  .form-select-mob {
    position: relative;
  }

  .form-select-mob select {
    padding: 10px 16px;
    padding-top: 27px;
    width: 100%;
    height: 54px;
    font-size: 16px;
    color: var(--black-light);
    /* Стили для фона и позиционирования иконки */
    background-image: url("/local/templates/prokladovki/assets/css/../img/icon-down.svg");
    background-repeat: no-repeat;
    background-position: right 13px center;
    background-size: 20px 26px;
    /* Убираем стандартную стрелку в IE */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .form-select-mob select:focus {
    background-image: url("/local/templates/prokladovki/assets/css/../img/icon-up.svg");
    /* или другая иконка для фокуса */
  }

  .form-select-mob select::-webkit-select-placeholder {
    color: #999;
  }

  .form-select-mob select::-moz-placeholder {
    color: #999;
  }

  .form-select-mob select:-ms-input-placeholder {
    color: #999;
  }

  .form-select-mob select:-moz-placeholder {
    color: #999;
  }

  .form-select-mob label {
    position: absolute;
    top: 6px;
  }

  .reservation-date__date-negative,
  .reservation-date__date {
    gap: 15px;
  }

  .reservation-date__date-negative {
    margin-top: -34px;
  }

  .reservation-date__link-dom,
  .reservation-date__btn-dom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
  }

  .reservation-date__link,
  .reservation-date__btn {
    width: 100%;
  }

  .reservation-date__btn {
    padding: 15.21px 16px;
  }

  .reservation-payment__list-scroll,
  .reservation-payment__list {
    gap: 2px;
  }

  .reservation-payment__submit-setting,
  .reservation-payment__submit {
    width: 100%;
  }

  .reservation-payment__list-scroll {
    overflow-x: scroll;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-transition: all var(--transition);
    transition: all var(--transition);
  }

  .reservation-payment .row {
    margin: 0;
    gap: 2px;
  }

  .reservation-payment__account-value,
  .reservation-payment__value {
    padding: 0;
  }

  .reservation-payment__account-value {
    padding: 0 10px;
    margin-bottom: 4px;
  }

  .order__img-block {
    aspect-ratio: 16/15.293;
  }

  .account__block-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .account__avatar {
    padding: 0 10px !important;
    gap: 4px;
  }

  .account__btn-setting,
  .account__btn-small,
  .account__btn {
    padding: 7px;
    background-color: var(--gray-light);
    border-color: var(--gray-light);
  }

  .account__btn-small label {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .account__btn-tab {
    text-wrap: nowrap;
  }

  .account__avatar-img {
    width: 64px;
  }
}

@media (max-width: 659.98px) {
  .table-menu,
  .sidebar-menu {
    width: 100%;
  }

  .burger-close .icon {
    width: 25px;
    height: 25px;
  }

  .modal-password__list input {
    height: 54px;
  }

  .rent-card__inner {
    padding-inline: 22.5px;
  }

  .card-rating__footer li {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    gap: 2px;
  }

  .card-rating__footer [class*=col-] {
    padding: 0;
  }

  .product__gallersbox {
    max-height: 260px;
  }

  .product-cell__slid,
  .product-cell__item {
    max-width: 176px;
  }

  .gallersbox__prev,
  .gallersbox__next {
    top: 24%;
  }
}

@media (max-width: 375px) {
  .daterangepicker {
    width: 95%;
  }

  .modal-content__footer {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .modal-content__footer_nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .modal-content__footer .btn {
    width: 100%;
  }
}

@media (max-width: 374.98px) {
  .btn-change {
    top: 6px;
  }

  .form-item {
    padding-inline: 14px;
  }

  .fild-label {
    left: 14px;
  }

  .table-custom__suptitle-mob_sm14 {
    font-size: 14px;
  }

  .table-sm-end-4 {
    padding-right: 0 !important;
  }

  .table-modal__time-redonly,
  .table-modal__time {
    padding: 14.81px 14px;
  }

  .table-modal__label-redonly,
  .table-modal__label {
    left: 14px;
  }

  .account__form-contact {
    padding-right: 0;
  }

  .account__form-contact a {
    display: block;
  }

  .account__btn-file {
    padding: 7px 15px;
  }
}

@media print {
  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-grid {
    display: -ms-grid !important;
    display: grid !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }

  .d-print-none {
    display: none !important;
  }
}

@media (hover: hover) {
  .btn_transparent:hover,
  .btn_transparent:focus-visible {
    border-color: var(--blue-middle);
    color: var(--blue-middle);
  }

  .btn_transparent:hover *,
  .btn_transparent:focus-visible * {
    color: var(--blue-middle);
  }

  .btn_blue:hover,
  .btn_blue:focus-visible,
  .btn_black:hover,
  .btn_black:focus-visible,
  .btn_gray-light:hover,
  .btn_gray-light:focus-visible {
    background-color: var(--blue-dark);
    color: var(--white);
  }

  .btn_blue:hover *,
  .btn_blue:focus-visible *,
  .btn_black:hover *,
  .btn_black:focus-visible *,
  .btn_gray-light:hover *,
  .btn_gray-light:focus-visible * {
    color: var(--white);
  }

  .nav-scrollbar__line .swiper-scrollbar-drag:hover {
    background: var(--red);
  }

  .btn-nav:hover:not(.active):not(:active),
  .btn-nav:focus-visible:not(.active):not(:active) {
    border-color: var(--gray-200);
    background-color: var(--blue-dark);
  }

  .hover-border:hover,
  .hover-border:focus-visible {
    border-color: var(--blue-middle);
    color: var(--blue-middle);
  }

  .hover-border:hover *,
  .hover-border:focus-visible * {
    color: var(--blue-middle);
  }

  .hover-border:hover .icon,
  .hover-border:focus-visible .icon {
    stroke: currentColor;
  }

  .hover-branded:hover,
  .hover-branded:focus-visible {
    background-color: var(--blue-dark);
    color: var(--white);
  }

  .hover-branded:hover *,
  .hover-branded:focus-visible * {
    color: var(--white);
  }

  .hover-text:hover,
  .hover-text:focus-visible {
    color: var(--blue-middle);
  }

  .hover-text:hover *,
  .hover-text:focus-visible * {
    color: var(--blue-middle);
  }

  .header .select2-selection__rendered:hover,
  .header .select2-selection__rendered:focus-visible {
    color: var(--blue-middle);
  }

  .header .select2-selection__rendered:hover + .select2-selection__arrow::before {
    border-color: var(--blue-middle);
  }

  .rent-form__btn-text:hover,
  .rent-form__btn-text:focus-visible {
    background-color: var(--blue-dark);
    color: var(--white);
  }

  .rent-form__btn-text:hover *,
  .rent-form__btn-text:focus-visible * {
    color: var(--white);
  }

  .card-product__link:hover,
  .card-product__link:focus-visible {
    background-color: var(--blue-middle);
  }

  .card-product__link:hover .icon,
  .card-product__link:focus-visible .icon {
    fill: var(--white);
    stroke: transparent;
  }

  .card-product__link.action:hover,
  .card-product__link.action:focus-visible {
    border-color: var(--blue-middle);
  }

  .card-rating__btn:hover,
  .card-rating__btn:focus-visible {
    background-color: var(--blue-dark);
    color: var(--white);
  }

  .card-rating__btn:hover *,
  .card-rating__btn:focus-visible * {
    color: var(--white);
  }

  .pantry-search__btn-cell-descr .select2-container--default .select2-selection--single .select2-selection__rendered:hover,
  .pantry-search__btn-cell-descr .select2-container--default .select2-selection--single .select2-selection__rendered:focus-visible,
  .pantry-search__btn-cell .select2-container--default .select2-selection--single .select2-selection__rendered:hover,
  .pantry-search__btn-cell .select2-container--default .select2-selection--single .select2-selection__rendered:focus-visible,
  .pantry-search__btn-multiplay .select2-container--default .select2-selection--single .select2-selection__rendered:hover,
  .pantry-search__btn-multiplay .select2-container--default .select2-selection--single .select2-selection__rendered:focus-visible,
  .pantry-search__btn-modal .select2-container--default .select2-selection--single .select2-selection__rendered:hover,
  .pantry-search__btn-modal .select2-container--default .select2-selection--single .select2-selection__rendered:focus-visible,
  .pantry-search__btn-drop .select2-container--default .select2-selection--single .select2-selection__rendered:hover,
  .pantry-search__btn-drop .select2-container--default .select2-selection--single .select2-selection__rendered:focus-visible,
  .pantry-search__btn .select2-container--default .select2-selection--single .select2-selection__rendered:hover,
  .pantry-search__btn .select2-container--default .select2-selection--single .select2-selection__rendered:focus-visible {
    color: var(--blue-middle);
  }

  .pantry-search__btn-cell-descr .select2-selection__rendered:hover + .select2-selection__arrow::before,
  .pantry-search__btn-cell .select2-selection__rendered:hover + .select2-selection__arrow::before,
  .pantry-search__btn-multiplay .select2-selection__rendered:hover + .select2-selection__arrow::before,
  .pantry-search__btn-modal .select2-selection__rendered:hover + .select2-selection__arrow::before,
  .pantry-search__btn-drop .select2-selection__rendered:hover + .select2-selection__arrow::before,
  .pantry-search__btn .select2-selection__rendered:hover + .select2-selection__arrow::before {
    border-color: var(--blue-middle);
  }

  .product-descr__inner-rating:hover,
  .product-descr__inner-rating:focus-visible {
    border-color: var(--blue-middle);
    color: var(--blue-middle);
  }

  .product-descr__inner-rating:hover *,
  .product-descr__inner-rating:focus-visible * {
    color: var(--blue-middle);
  }

  .cell__btn:hover,
  .cell__btn:focus-visible {
    background-color: var(--blue-dark) !important;
    color: var(--white) !important;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
  }

  .cell__btn:hover .icon,
  .cell__btn:focus-visible .icon {
    stroke: var(--white);
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  .table-burger:hover,
  .table-burger:focus-visible {
    border-color: var(--blue-middle);
    color: var(--blue-middle);
  }

  .table-burger:hover .icon,
  .table-burger:focus-visible .icon {
    stroke: currentColor;
  }
}
/* End */


/* Start:/local/components/prokladovki/city.selector/templates/.default/style.css?17885138702084*/
.header-test .city-selector { position: relative; width: auto; }
.header-test .city-selector__toggle { display: flex; align-items: center; justify-content: flex-start; gap: 8px; width: 100%; min-width: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: inherit; font: inherit; line-height: inherit; cursor: pointer; }
.header-test .city-selector__toggle::after { content: ''; width: 7px; height: 7px; margin-top: -3px; border-right: 1.6px solid currentColor; border-bottom: 1.6px solid currentColor; transform: rotate(45deg); transition: transform .2s; }
.header-test .city-selector.is-open .city-selector__toggle::after { transform: rotate(-135deg) translateY(-3px); }
.header-test .city-selector__menu { position: absolute; top: calc(100% + 8px); left: 0; z-index: 20; display: none; box-sizing: border-box; width: 210px; margin: 0; padding: 8px; background: var(--white); border-radius: 12px; box-shadow: 0 10px 30px color-mix(in srgb, var(--black-light) 12%, transparent); }
.header-test .city-selector.is-open .city-selector__menu { display: block; }
.header-test .city-selector__search { margin-bottom: 6px; }
.header-test .city-selector__search { box-sizing: border-box; width: 100%; height: 40px; padding: 0 12px; border: 1px solid var(--gray-200); border-radius: 8px; background: var(--white); color: var(--black-light); font: inherit; font-size: 14px; }
.header-test .city-selector__search:focus { border-color: var(--blue-middle); outline: none; }
.header-test .city-selector__options { max-height: 260px; margin: 0; padding: 0; overflow-y: auto; list-style: none; }
.header-test .city-selector__option { width: 100%; padding: 10px 14px; border: 0; border-radius: 8px; background: transparent; color: var(--black-light); font: inherit; font-size: 15px; text-align: left; cursor: pointer; }
.header-test .city-selector__option:hover, .header-test .city-selector__option:focus-visible, .header-test .city-selector__option.is-active { background: var(--gray-300); outline: none; }
.header-test .city-selector__option-item.is-hidden { display: none; }

/* End */


/* Start:/local/components/prokladovki/city.selector/templates/mobile/style.css?17853347923625*/
.header-test__city-button, .header-city-modal {
    display: none
}

@media (max-width: 959.98px) {
    .header-test__city-button {
        display: grid;
        place-items: center;
        width: 40px;
        height: 40px;
        padding: 0;
        border: 1px solid var(--gray-200);
        border-radius: 9px;
        background: var(--white);
        color: var(--black-light)
    }

    .header-city-modal {
        position: fixed;
        inset: 0;
        z-index: 100
    }

    .header-city-modal.is-open {
        display: block
    }

    .header-city-modal__backdrop {
        position: absolute;
        inset: 0;
        background: color-mix(in srgb, var(--black-light) 45%, transparent)
    }

    .header-city-modal__dialog {
        position: relative;
        display: flex;
        flex-direction: column;
        width: calc(100% - 32px);
        max-width: 360px;
        max-height: calc(100vh - 48px);
        margin: 24px auto;
        padding: 32px 16px 14px;
        overflow: visible;
        background: var(--white);
        border-radius: 16px;
        box-shadow: 0 12px 32px color-mix(in srgb, var(--black-light) 20%, transparent)
    }

    .header-city-modal__dialog h2 {
        margin: 0;
        color: var(--black-light);
        font-size: 22px;
        font-weight: 700;
        line-height: 1.15;
        text-align: center
    }

    .header-city-modal__dialog p {
        margin: 12px 0;
        color: var(--gray-dark);
        font-size: 13px;
        text-align: center
    }

    .header-city-modal__close {
        position: absolute;
        top: -24px;
        right: -24px;
        display: grid;
        place-items: center;
        width: 60px;
        height: 60px;
        padding: 0;
        border: 1px solid var(--gray-200);
        border-radius: 14px;
        background: var(--white);
        color: var(--black-light);
        box-shadow: 0 2px 5px color-mix(in srgb, var(--black-light) 8%, transparent)
    }

    .header-city-modal__search {
        box-sizing: border-box;
        width: 100%;
        min-height: 48px;
        height: 48px !important;
        padding: 0 16px !important;
        border: 1px solid var(--gray-200) !important;
        border-radius: 10px !important;
        background: var(--white) !important;
        outline: 0 !important;
        color: var(--black-light);
        font-size: 15px
    }

    .header-city-modal__search:focus {
        border-color: var(--blue-middle) !important
    }

    .header-city-modal__list {
        flex: 1;
        min-height: 140px;
        margin: 6px 0 14px;
        padding: 4px;
        overflow-y: auto;
        list-style: none;
        border: 1px solid var(--gray-200);
        border-radius: 8px
    }

    .header-city-modal__list button {
        width: 100%;
        padding: 9px 8px;
        border: 0;
        border-radius: 6px;
        background: transparent;
        color: var(--black-light);
        font-size: 13px;
        text-align: left;
        cursor: pointer
    }

    .header-city-modal__list button.is-selected, .header-city-modal__list button:hover {
        background: var(--gray-300)
    }

    .header-city-modal__list li.is-hidden {
        display: none
    }

    .header-city-modal__submit {
        width: 100%;
        min-height: 44px
    }

    .header-city-modal__submit:disabled {
        opacity: .45;
        cursor: default
    }

    body.header-city-modal-open {
        overflow: hidden
    }
}
/* End */


/* Start:/local/components/prokladovki/city.selector/templates/confirm/style.css?17861854214357*/
/* Поповер подтверждения города: висит под шапкой, фон страницы не затемняет */
.header-test {
	position: relative;
}

/* обёртка растянута на всю ширину шапки, поэтому клики сквозь неё пропускаем - ловит их только сам поповер */
.city-confirm {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 90;
	pointer-events: none;
}

.city-confirm[hidden] {
	display: none;
}

.city-confirm__container {
	position: relative;
}

.city-confirm__popup {
	box-sizing: border-box;
	width: 384px;
	margin-left: 24px;
	margin-top: 8px;
	pointer-events: auto;
	padding: 16px;
	background: var(--white);
	border-radius: 16px;
	box-shadow: 0 12px 32px color-mix(in srgb, var(--black-light) 16%, transparent);
}

/* Шаги переключаем классом: одновременно виден ровно один */
.city-confirm__step {
	display: none;
}

.city-confirm__step.is-active {
	display: block;
}

.city-confirm__title {
	margin: 0;
	color: var(--black-light);
	font-family: var(--font-HelveticaNeue);
	font-size: 18px;
	font-weight: 400;
	line-height: 130%;
	text-align: center;
}

.city-confirm__title b {
	font-weight: 700;
}

.city-confirm__title--choice {
	font-weight: 700;
}

.city-confirm__title-mobile {
	display: none;
}

.city-confirm__actions {
	display: flex;
	gap: 12px;
	margin-top: 16px;
}

.city-confirm__action {
	flex: 1;
	min-height: 36px;
	padding: 8px 12px;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}

.city-confirm__action--outline {
	border: 1px solid var(--gray-200);
	background: var(--white);
	color: var(--black-light);
}

.city-confirm__action--outline:hover {
	border-color: var(--gray-middle);
}

/* Поле поиска со стрелкой как у селекта на макете */
.city-confirm__field {
	position: relative;
	margin-top: 16px;
}

.city-confirm__field::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 16px;
	width: 7px;
	height: 7px;
	margin-top: -6px;
	border-right: 1.6px solid var(--gray-middle);
	border-bottom: 1.6px solid var(--gray-middle);
	transform: rotate(45deg);
	pointer-events: none;
}

.city-confirm__search {
	box-sizing: border-box;
	width: 100%;
	height: 41px;
	padding: 0 40px 0 16px;
	border: 1px solid var(--gray-200);
	border-radius: 8px;
	background: var(--white);
	color: var(--black-light);
	font-family: var(--font-HelveticaNeue);
	font-size: 16px;
	font-weight: 400;
	line-height: 130%;
}

.city-confirm__search::placeholder {
	color: var(--gray-middle);
}

/* убираем браузерный крестик очистки у поля поиска - рядом со стрелкой он лишний */
.city-confirm__search::-webkit-search-cancel-button,
.city-confirm__search::-webkit-search-decoration {
	-webkit-appearance: none;
	appearance: none;
	display: none;
}

.city-confirm__search:focus {
	border-color: var(--blue-middle);
	outline: none;
}

.city-confirm__list {
	max-height: 334px;
	margin: 8px 0 0;
	padding: 8px;
	overflow-y: auto;
	list-style: none;
	border: 1px solid var(--gray-200);
	border-radius: 8px;
}

.city-confirm__item.is-hidden {
	display: none;
}

.city-confirm__option {
	width: 100%;
	padding: 8px 10px;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--black-light);
	font-family: var(--font-HelveticaNeue);
	font-size: 14px;
	font-weight: 400;
	line-height: 140%;
	text-align: left;
	cursor: pointer;
}

.city-confirm__option:hover,
.city-confirm__option:focus-visible,
.city-confirm__option.is-active {
	background: var(--gray-300);
	outline: none;
}

.city-confirm__submit {
	width: 100%;
	min-height: 44px;
	margin-top: 16px;
	border-radius: 8px;
}

.city-confirm__submit:disabled {
	opacity: .45;
	cursor: default;
}

/* На мобильном поповер занимает всю ширину под шапкой */
@media (max-width: 959.98px) {
	.city-confirm__container {
		width: auto;
		max-width: none;
		padding: 0 8px;
	}

	.city-confirm__popup {
		width: auto;
		margin-left: 0;
	}

	.city-confirm__title-desktop {
		display: none;
	}

	.city-confirm__title-mobile {
		display: inline;
	}

	.city-confirm__actions {
		gap: 8px;
	}

	.city-confirm__list {
		max-height: 260px;
	}
}

/* End */


/* Start:/local/templates/prokladovki/styles.css?1791632752119053*/
.d-none-js{
    display: none!important;
}

.logo-title {
    color: #189BC9;
    text-transform: uppercase;
}

/* Векторный логотип сайта из макета. */
.logo__image {
    display: block;
    width: 163px;
    max-width: 100%;
    height: auto;
}

.error{
    color: red;
}
.error-border{
    border: 1px solid red;
}

/* Toast */
.site-toast-container {
    position: fixed;
    top: 68px;
    right: 24px;
    z-index: 10050;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: min(520px, calc(100vw - 48px));
    pointer-events: none;
}

.site-toast {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 56px;
    padding: 14px 20px;
    color: #2E2F33;
    background: #fff;
    border: 1px solid #E9E9E9;
    border-radius: 8px;
    box-shadow: 0 6px 18px rgba(33, 39, 42, 0.12);
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 250ms ease, transform 250ms ease;
    pointer-events: auto;
}

.site-toast_show {
    opacity: 1;
    transform: translateY(0);
}

.site-toast_error {
    border-color: #F2C7C7;
}

.site-toast__icon {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    fill: none;
    stroke: #21272A;
    stroke-width: 1.5;
}

.site-toast__text {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 16px;
    line-height: 1.25;
    word-break: break-word;
}

.site-toast__close {
    display: flex;
    flex: 0 0 24px;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    color: #A7A7A7;
    background: transparent;
    border: 2px solid currentColor;
    border-radius: 50%;
    cursor: pointer;
}

.site-toast__close-icon {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
}

@media (max-width: 767px) {
    .site-toast-container {
        top: 88px;
        right: 16px;
        left: 16px;
        width: auto;
    }

    .site-toast {
        gap: 12px;
        min-height: 52px;
        padding: 12px 14px;
    }

    .site-toast__text {
        font-size: 14px;
    }
}

.field.error .select2-selection {
    border-color: var(--red) !important;
    color: var(--red) !important;
}

.js-address-suggest {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1050;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,.15);
    max-height: 220px;
    overflow-y: auto;
}
.js-address-suggest li {
    padding: 8px 12px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.4;
    border-bottom: 1px solid #f0f0f0;
}
.js-address-suggest li:last-child {
    border-bottom: none;
}
.js-address-suggest li:hover {
    background: #f5f5f5;
}

.js-field-error {
    font-size: 12px;
    display: block;
    margin-top: 4px;
}

/* Расписание работы склада */
.schedule-field-error {
    color: red;
}

.schedule-cell {
    display: flex;
    align-items: center;
    height: 24px;
}
.schedule-cell [data-schedule-display] {
    margin: 0;
}
.schedule-cell .time-input {
    border: none;
    outline: none;
    box-shadow: none;
    background: transparent;
    padding: 0;
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-size: inherit;
    font-family: inherit;
}

/*Убирает стрелки со стиля в модальном окне ячейки*/
input.no-spin::-webkit-outer-spin-button,
input.no-spin::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input.no-spin {
    -moz-appearance: textfield;
}

/* lk.cells tooltip */
.lk-cells-tooltip .tooltips__body {
    gap: 3px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.lk-cells-tooltip .table-custom__suptitle-tooltips {
    margin-bottom: 4px !important;
    line-height: 1.2;
}

.lk-cells-tooltip .tooltips__item {
    min-height: 22px;
}

.lk-cells-tooltip .table-state {
    margin-bottom: 0;
}

.lk-cells-tooltip .d-flex.align-items-center.gap-2.mt-2 {
    margin-top: 6px !important;
}

[data-link-url] {
    cursor: pointer;
}

/* Листинг: адрес как заголовок-ссылка */
.card-product__title a {
    color: inherit;
    text-decoration: none;
    font-size: inherit;
}

/* ===== Главная страница ===== */

/* Hero */
.homepage-hero {
    padding: 52px 0 80px;
}
.homepage-hero__inner {
    background: #f3f3f6;
    border-radius: 84px;
    padding: 74px 72px 94px;
    text-align: center;
}
.homepage-hero__title,
.homepage-addresses__title,
.homepage-catalog__title {
    font-family: var(--font-RobotoCondensed, "Roboto_Condensed", sans-serif);
    font-size: 50px;
    font-weight: 900;
    color: #2f3138;
    width: fit-content;
    max-width: none;
    white-space: nowrap;
    transform: scaleX(0.93);
    transform-origin: center;
    margin: 0 auto 18px;
    line-height: 1;
}
.homepage-hero__subtitle {
    font-size: 16px;
    color: #707070;
    margin-bottom: 36px;
    line-height: 1.25;
}
.homepage-hero__subtitle,
.homepage-addresses__subtitle,
.homepage-catalog__subtitle {
    font-family: var(--font-HelveticaNeue, "HelveticaNeue", sans-serif);
    font-weight: 400;
}
.homepage-hero__search {
    display: flex;
    align-items: center;
    max-width: 760px;
    min-height: 58px;
    margin: 0 auto 56px;
    background: #fff;
    border-radius: 17px;
    border: 1px solid #ededed;
    box-shadow: 0 8px 26px rgba(0, 0, 0, 0.08);
    padding: 6px 6px 6px 18px;
    gap: 14px;
}
.homepage-hero__search-icon {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    color: #adadad;
}
.homepage-hero__search-input {
    flex: 1;
    border: none;
    outline: none;
    padding: 6px 0;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--font-HelveticaNeue, "HelveticaNeue", sans-serif);
    color: #2e2f33;
    background: transparent;
}
.homepage-hero__search-input::placeholder {
    color: #7f7f7f;
    font-weight: 400;
    font-family: var(--font-HelveticaNeue, "HelveticaNeue", sans-serif);
}
.homepage-hero__search-btn {
    background: #2e2e2e;
    color: #fff;
    border: none;
    border-radius: 11px;
    padding: 13px 40px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
}
/* Автокомплит поиска на главной */
.homepage-hero__search-wrap {
    position: relative;
    z-index: 5;
    max-width: 760px;
    margin: 0 auto 56px;
}
.homepage-hero__search-wrap .homepage-hero__search {
    max-width: none;
    margin: 0;
}
.homepage-hero__autocomplete {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    display: none;
    max-height: 232px;
    padding: 5px 12px;
    overflow-y: scroll;
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 14px;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
    text-align: left;
}
.homepage-hero__search-wrap:focus-within .homepage-hero__autocomplete {
    display: block;
}
.homepage-hero__search-wrap:focus-within .homepage-hero__autocomplete:empty {
    display: none;
}
.homepage-hero__autocomplete::-webkit-scrollbar {
    width: 6px;
}
.homepage-hero__autocomplete::-webkit-scrollbar-track {
    background: transparent;
}
.homepage-hero__autocomplete::-webkit-scrollbar-thumb {
    background: #c9c9c9;
    border-radius: 999px;
}
.homepage-hero__autocomplete-link {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) auto;
    align-items: center;
    min-height: 39px;
    gap: 10px;
    color: #3b3d42;
    text-decoration: none;
    border-bottom: 1px solid #f0f0f0;
    font-family: var(--font-HelveticaNeue, "HelveticaNeue", sans-serif);
}
.homepage-hero__autocomplete-link:last-child {
    border-bottom: none;
}
.homepage-hero__autocomplete-link:hover,
.homepage-hero__autocomplete-link:focus {
    background: #f3f3f6;
    color: #2e2f33;
    text-decoration: none;
    outline: none;
    border-radius: 8px;
}
.homepage-hero__autocomplete-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    color: #b8b8b8;
}
.homepage-hero__autocomplete-icon svg {
    display: block;
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
}
.homepage-hero__autocomplete-icon--history svg {
    width: 20px;
    height: 20px;
    stroke: none;
}
.homepage-hero__autocomplete-name {
    min-width: 0;
    overflow: hidden;
    color: #2e2f33;
    font-size: 16px;
    line-height: 1.2;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.homepage-hero__autocomplete-hint {
    color: #b8b8b8;
}
.homepage-hero__autocomplete-type {
    padding-left: 16px;
    color: #b8b8b8;
    font-size: 15px;
    line-height: 1.2;
    white-space: nowrap;
}
.homepage-hero__tags {
    text-align: center;
}
.homepage-hero__tags-row {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 20px;
}
.homepage-hero__tags-row:last-child {
    margin-bottom: 0;
}
.homepage-hero__tag {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #54b8f0;
    color: #fff;
    border-radius: 8px;
    padding: 8px 10px;
    font-family: var(--font-RobotoCondensed);
    font-size: 24px;
    font-weight: 900;
    font-style: italic;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
}
.homepage-hero__tag-icon {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
}
/* ссылки на мессенджеры */
.homepage-hero__messengers {
    position: fixed;
    right: max(20px, calc((100vw - 1420px) / 2 + 20px));
    bottom: 50px;
    z-index: 100;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.homepage-hero__messenger-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
}
.homepage-hero__messenger-link:hover,
.homepage-hero__messenger-link:focus {
    text-decoration: none;
}
.homepage-hero__messenger-link svg {
    display: block;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
}

/* Addresses / 3000+ */
.homepage-addresses {
    padding: 80px 0;
}
.homepage-addresses__header {
    text-align: center;
    margin-bottom: 48px;
}
.homepage-addresses__subtitle {
    font-size: 16px;
    color: #707070;
    line-height: 1.6;
}
.homepage-addresses__list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 40px;
}
.homepage-addresses__row {
    background: #f3f3f6;
    border-radius: 32px;
    padding: 16px 20px;
    display: flex;
    gap: 14px;
    align-items: stretch;
}
.homepage-addresses__row-left {
    width: 39.5%;
    max-width: 500px;
    min-width: 420px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
}
.homepage-addresses__badge {
    display: inline-block;
    background: #54b8f0;
    color: #fff;
    border-radius: 12px;
    padding: 8px 14px;
    font-size: 27px;
    font-weight: 900;
    font-family: var(--font-RobotoCondensed, "Roboto_Condensed", sans-serif);
    font-style: italic;
    line-height: 1.08;
    align-self: flex-start;
    margin-bottom: 18px;
}
.homepage-addresses__address {
    font-size: 24px;
    font-weight: 700;
    color: #2e2f33;
    margin-bottom: 12px;
    line-height: 1.12;
}
.homepage-addresses__metro {
    font-size: 16px;
    font-family: var(--font-HelveticaNeue, "HelveticaNeue", sans-serif);
    font-weight: 300 !important;
    color: #707070;
    line-height: 1.3;
    flex: 1;
    margin-bottom: 18px;
}
.homepage-addresses__view-btn {
    display: inline-block;
    background: #2e2e2e;
    color: #fff;
    border-radius: 8px;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    align-self: flex-start;
    margin-top: auto;
}
.homepage-addresses__view-btn:hover {
    background: #444;
    color: #fff;
    text-decoration: none;
}
.homepage-addresses__cards {
    flex: 1;
    display: flex;
    gap: 14px;
}
.homepage-addresses__card {
    flex: 1;
    background: #fff;
    border-radius: 20px;
    padding: 26px 24px 22px;
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: 194px;
}
.homepage-addresses__card-logo {
    height: 34px;
    margin-bottom: auto;
    display: flex;
    align-items: center;
}
.homepage-addresses__card-logo img {
    max-height: 28px;
    max-width: 120px;
    object-fit: contain;
}
.homepage-addresses__card-area {
    font-size: 18px;
    font-weight: 500;
    color: #2f3138;
    line-height: 1.3;
    margin-bottom: 4px;
}
.homepage-addresses__card-cells {
    font-size: 18px;
    font-family: var(--font-HelveticaNeue, "HelveticaNeue", sans-serif);
    font-weight: 400;
    color: #707070;
    line-height: 1.3;
}
.homepage-addresses__card-price {
    font-size: 30px;
    font-weight: 900;
    font-family: var(--font-RobotoCondensed, "Roboto_Condensed", sans-serif);
    color: #2e2f33;
    margin-top: auto;
    padding-top: 0;
    line-height: 1;
}
.homepage-addresses__footer {
    text-align: center;
}
.empty-state-message {
    text-align: center;
    color: #707070;
    padding: 40px 0;
}

/* Catalog / Logos */
.homepage-catalog {
    padding: 80px 0;
}
.homepage-catalog__header {
    text-align: center;
    margin-bottom: 48px;
}
.homepage-catalog__subtitle {
    font-size: 16px;
    color: #707070;
    line-height: 1.6;
}
.homepage-catalog__logos {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 40px;
    align-items: center;
    justify-content: center;
    margin-bottom: 48px;
}
.homepage-catalog__logo {
    max-height: 40px;
    max-width: 180px;
    object-fit: contain;
}
.homepage-catalog__footer {
    text-align: center;
}


.homepage-section-btn,
.homepage-news__all-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: none;
    border-radius: 10px;
    font-family: var(--font-HelveticaNeue, "HelveticaNeue", sans-serif);
    font-weight: 400;
    line-height: 1;
    color: #2e2f33;
    text-decoration: none;
    background: #f3f3f6;
    white-space: nowrap;
    transition: background-color .2s;
}
.homepage-section-btn:hover,
.homepage-news__all-link:hover {
    background: #ececf1;
    color: #2e2f33;
    text-decoration: none;
}
.homepage-section-btn {
    min-width: 248px;
    height: 47px;
    padding: 0 18px;
    font-size: 18px;
}
.homepage-section-btn__icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

/* News / Articles */
.homepage-news {
    padding: 60px 0 80px;
}
.homepage-news__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}
.homepage-news__title {
    font-family: var(--font-RobotoCondensed, "Roboto_Condensed", sans-serif);
    font-size: 30px;
    font-weight: 900;
    color: #2e2f33;
}
.homepage-news__all-link {
    min-width: 196px;
    height: 36px;
    padding: 0 12px;
    font-size: 14px;
}
.homepage-news__all-link-icon {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}
.homepage-news__list {
    display: flex;
    gap: 20px;
}
.homepage-news__card {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.homepage-news__card-img {
    border-radius: 8px;
    height: 180px;
    background: #f3f3f6;
    flex-shrink: 0;
}
.homepage-news__card-img--green  { background: #d4ebe0; }
.homepage-news__card-img--blue   { background: #c8dcf5; }
.homepage-news__card-img--orange { background: #f5e5c0; }
.homepage-news__card-img--purple { background: #e0d0f0; }
/* превью статьи ленивым img вместо фона карточки */
.homepage-news__card-photo {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}
.homepage-news__card-title {
    font-size: 15px;
    font-weight: 400;
    color: #2e2f33;
    line-height: 1.4;
    flex: 1;
}
.homepage-news__card-date {
    font-size: 13px;
    color: #adadad;
}

@media (max-width: 767px) {
    .homepage-hero {
        padding: 10px 0 24px;
    }
    .homepage-hero__inner {
        background: transparent;
        border-radius: 22px;
        padding: 20px 12px 24px;
    }
    .homepage-hero__title,
    .homepage-addresses__title,
    .homepage-catalog__title {
        width: auto;
        max-width: 100%;
        white-space: normal;
        transform: none;
        font-size: 32px;
        line-height: 1;
    }
    .homepage-hero__title {
        margin: 0 auto 12px;
        text-align: center;
    }
    .homepage-hero__subtitle {
        font-size: 16px;
        line-height: 1.35;
        margin-bottom: 50px;
    }
    .homepage-hero__subtitle br {
        display: none;
    }
    .homepage-hero__search {
        position: relative;
        display: block;
        max-width: 100%;
        margin: 0 0 50px;
        background: transparent;
        border: none;
        box-shadow: none;
        border-radius: 0;
        padding: 0;
    }
    .homepage-hero__search-icon {
        position: absolute;
        left: 12px;
        top: 15px;
        z-index: 1;
        pointer-events: none;
    }
    .homepage-hero__search-input {
        display: block;
        width: 100%;
        min-width: 0;
        border: 1px solid #ededed;
        border-radius: 14px;
        box-shadow: 0 8px 26px rgba(0, 0, 0, 0.08);
        background: #fff;
        font-size: 16px;
        padding: 15px 14px 15px 40px;
    }
    .homepage-hero__search-btn {
        display: block;
        width: fit-content;
        margin: 10px auto 0;
        border-radius: 8px;
        padding: 13px 40px;
        font-size: 15px;
        line-height: 1;
    }
    .homepage-hero__search-wrap {
        max-width: 100%;
        margin: 0 0 50px;
    }
    .homepage-hero__autocomplete {
        top: 56px;
        max-height: 236px;
        padding: 4px 10px;
    }
    .homepage-hero__autocomplete-link {
        grid-template-columns: 22px minmax(0, 1fr) auto;
        min-height: 38px;
        gap: 8px;
    }
    .homepage-hero__autocomplete-name {
        font-size: 15px;
    }
    .homepage-hero__autocomplete-type {
        padding-left: 8px;
        font-size: 13px;
    }
    .homepage-hero__tags {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
    .homepage-hero__tags-row {
        display: contents;
    }
    .homepage-hero__tag {
        gap: 6px;
        padding: 6px 10px;
        font-size: 24px;
        border-radius: 8px;
    }
    .homepage-hero__tag-icon {
        width: 20px;
        height: 20px;
    }
    .homepage-hero__messengers {
        right: 10px;
        bottom: 50px;
    }

    .homepage-addresses {
        padding: 22px 0 20px;
    }
    .homepage-addresses__header {
        text-align: left;
        margin-bottom: 12px;
    }
    .homepage-addresses__title,
    .homepage-catalog__title {
        margin: 0 0 10px;
        text-align: left;
    }
    .homepage-addresses__subtitle {
        font-size: 16px;
        line-height: 1.35;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .homepage-addresses__list {
        gap: 8px;
        margin-bottom: 14px;
    }
    .homepage-addresses__row {
        border-radius: 18px;
        padding: 10px 10px 8px;
        gap: 8px;
        flex-direction: column;
    }
    .homepage-addresses__row-left {
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
        min-width: 0;
        max-width: none;
    }
    .homepage-addresses__badge {
        font-size: 22px;
        padding: 6px 10px;
        border-radius: 9px;
        margin-bottom: 14px;
    }
    .homepage-addresses__address {
        font-size: 24px;
        margin-bottom: 0;
        line-height: 1.05;
    }
    .homepage-addresses__metro {
        font-size: 16px;
        line-height: 1.35;
        margin-bottom: 0;
    }
    .homepage-addresses__view-btn {
        border-radius: 8px;
        padding: 8px 14px;
        font-size: 14px;
        margin-top: 5px;
        margin-bottom: 20px;
    }
    .homepage-addresses__cards {
        width: calc(100% + 2px);
        overflow-x: auto;
        overflow-y: hidden;
        gap: 8px;
        padding: 0 0 8px;
        -webkit-overflow-scrolling: touch;
    }
    .homepage-addresses__cards::-webkit-scrollbar {
        height: 6px;
    }
    .homepage-addresses__cards::-webkit-scrollbar-track {
        background: #ebebee;
        border-radius: 999px;
    }
    .homepage-addresses__cards::-webkit-scrollbar-thumb {
        background: #a8a8ad;
        border-radius: 999px;
    }
    .homepage-addresses__card {
        flex: 0 0 258px;
        min-height: 209px;
        border-radius: 16px;
        padding: 20px 18px 18px;
    }
    .homepage-addresses__card-logo {
        height: 28px;
        margin-bottom: 28px;
    }
    .homepage-addresses__card-logo img {
        max-height: 24px;
        max-width: 96px;
    }
    .homepage-addresses__card-area {
        font-size: 18px;
        line-height: 1.25;
    }
    .homepage-addresses__card-cells {
        font-size: 18px;
        line-height: 1.25;
    }
    .homepage-addresses__card-price {
        font-size: 30px;
        margin-top: auto;
    }
    .homepage-addresses__footer {
        margin-top: 6px;
        text-align: left;
    }

    .homepage-catalog {
        padding: 18px 0 24px;
    }
    .homepage-catalog__header {
        text-align: left;
        margin-bottom: 14px;
    }
    .homepage-catalog__subtitle {
        font-size: 16px;
        line-height: 1.35;
    }
    .homepage-catalog__logos {
        gap: 10px 16px;
        margin-bottom: 16px;
        justify-content: flex-start;
    }
    .homepage-catalog__footer {
        text-align: left;
    }
    .homepage-catalog__logo {
        max-height: 28px;
        max-width: 120px;
    }
    .homepage-section-btn {
        padding: 0 14px;
        margin-left: 0;
        margin-right: auto;
    }

    .homepage-news {
        padding: 16px 0 24px;
    }
    .homepage-news .container {
        display: flex;
        flex-direction: column;
    }
    .homepage-news__header {
        display: contents;
        margin-bottom: 12px;
    }
    .homepage-news__title {
        font-size: 32px;
        line-height: 1;
        order: 1;
        margin-bottom: 12px;
    }
    .homepage-news__list {
        display: flex;
        flex-direction: column;
        gap: 40px;
        margin-bottom: 12px;
        order: 2;
    }
    .homepage-news__card {
        gap: 8px;
    }
    .homepage-news__card-img {
        height: 178px;
        border-radius: 8px;
    }
    .homepage-news__card-title {
        font-size: 16px;
        line-height: 1.25;
    }
    .homepage-news__card-date {
        font-size: 13px;
        color: #8f8f8f;
    }
    .homepage-news__all-link {
        order: 3;
        display: inline-flex;
        margin: 0;
        align-self: flex-start;
    }
}

/* ===================== БЛОГ ===================== */

a.homepage-news__card-img {
    display: block;
}

.blog-card__title-link {
    color: inherit;
    text-decoration: none;
}

.blog-listing {
    padding: 48px 0 64px;
}

.blog-listing__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    margin-bottom: 40px;
}

.blog-listing__grid .homepage-news__card {
    gap: 10px;
    min-width: 0;
}

.homepage-news__card-type {
    font-size: 13px;
    color: #adadad;
}

.blog-listing__grid .homepage-news__card-img {
    overflow: hidden;
}

.blog-listing__grid .homepage-news__card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s;
}

.blog-listing__grid .homepage-news__card-img:hover img {
    transform: scale(1.03);
}

.blog-listing__grid .homepage-news__card .homepage-news__card-img:hover + .homepage-addresses__card-area,
.blog-listing__grid .homepage-news__card .homepage-addresses__card-area a:hover {
    color: #707070 !important;
}

/* Кнопка "Показать ещё" */
.blog-listing__more {
    text-align: left;
}
.blog-listing__more .homepage-news__all-link {
    height: auto;
    min-width: unset;
    padding: 8px 16px;
    font-weight: 500;
    border-radius: 8px;
}

/* Детальная страница */
.blog-detail {
    padding: 20px 0 80px;
}

.blog-detail__breadcrumb {
    max-width: 800px;
    font-size: 13px;
    color: #adadad;
    margin: 0 auto 32px;
    line-height: 1.45;
    text-align: left;
    overflow-wrap: anywhere;
    word-break: break-word;
    text-wrap: pretty;
}

.blog-detail__mobile-back {
    display: none;
}

.blog-detail__header,
.blog-detail__cover,
.blog-detail__content,
.blog-detail__faq {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.blog-detail__header {
    margin-bottom: 40px;
}

.blog-detail__cover {
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 48px;
}

.blog-detail__cover img {
    width: 100%;
    display: block;
}

.blog-detail__header .section-title-big {
    max-width: 800px;
    font-family: var(--font-HelveticaNeue, "Helvetica Neue", Arial, sans-serif);
    font-size: clamp(34px, 4vw, 48px);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -0.035em;
    text-transform: none;
    text-wrap: balance;
}

.blog-detail__content > .section-title {
    max-width: 720px;
    margin-right: auto;
    margin-left: auto;
    font-family: var(--font-HelveticaNeue, "Helvetica Neue", Arial, sans-serif);
    font-size: clamp(26px, 2.1vw, 30px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #2e2f33;
    text-wrap: balance;
}

.blog-detail__text {
    max-width: 720px;
    margin-right: auto;
    margin-left: auto;
    font-family: var(--font-HelveticaNeue, "Helvetica Neue", Arial, sans-serif);
    font-size: 17px;
    font-weight: 400;
    line-height: 1.72;
    color: #454850;
    overflow-wrap: anywhere;
    word-break: break-word;
    text-wrap: pretty;
}

.blog-detail__text * {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.blog-detail__text p {
    margin: 0 0 20px;
}

.blog-detail__text h2,
.blog-detail__text h3 {
    margin: 48px 0 16px;
    font-family: var(--font-HelveticaNeue, "Helvetica Neue", Arial, sans-serif);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #2e2f33;
    text-wrap: balance;
}

.blog-detail__text h2 {
    font-size: 30px;
}

.blog-detail__text h3 {
    font-size: 22px;
}

.blog-detail__text ul,
.blog-detail__text ol {
    margin: 0 0 28px;
    padding-left: 1.45em;
}

.blog-detail__text ul {
    list-style: disc;
}

.blog-detail__text ol {
    list-style: decimal;
}

.blog-detail__text li {
    margin: 0 0 10px;
    padding-left: 0.25em;
}

.blog-detail__text li:last-child {
    margin-bottom: 0;
}

.blog-detail__text li::marker {
    color: #6fb4df;
    font-size: 0.85em;
}

.blog-detail__text strong,
.blog-detail__text b {
    font-weight: 700;
}

.blog-detail__text a {
    color: #3d91c2;
    text-decoration: underline;
    text-decoration-thickness: 0.08em;
    text-underline-offset: 2px;
}

.blog-detail__text p:last-child {
    margin-bottom: 0;
}

.blog-detail__author,
.blog-detail__author-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.blog-detail__author-avatar {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: 1px solid #d6d8de;
    object-fit: cover;
    flex-shrink: 0;
    background: #e0e0ea;
}

.blog-detail__author-name,
.blog-detail__author-role {
    font-family: var(--font-HelveticaNeue, "HelveticaNeue", sans-serif);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: #2f3138;
}

.blog-detail__author-separator {
    color: #2f3138;
}

/* Адаптив */
@media (max-width: 1024px) {
    .blog-listing__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .reservation-payment__list {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .blog-listing__grid {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 24px;
        column-gap: 24px;
    }

    .blog-detail {
        padding: 16px 0 48px;
    }

    .blog-detail__breadcrumb {
        display: none;
    }

    .blog-detail__mobile-back {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: #adadad;
        text-decoration: none;
        font-size: 13px;
        font-weight: 400;
        line-height: 1.3;
        margin-bottom: 24px;
    }

    .blog-detail__mobile-back svg {
        flex-shrink: 0;
    }

    .blog-detail__mobile-back:hover {
        text-decoration: none;
    }

    .blog-detail__header {
        margin-bottom: 24px;
    }

    .blog-detail__header .homepage-news__card-date {
        margin-bottom: 16px !important;
        font-size: 16px;
        line-height: 1.3;
        color: #707070;
    }

    .blog-detail__header .section-title-big {
        margin-bottom: 24px !important;
        transform: none;
        font-size: clamp(32px, 9vw, 40px);
        line-height: 1.06;
        letter-spacing: -0.03em;
        max-width: 100%;
        width: auto;
        white-space: normal;
        text-transform: none;
    }

    .blog-detail__author {
        align-items: flex-start;
        gap: 12px;
        flex-wrap: nowrap;
    }

    .blog-detail__author-meta {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }

    .blog-detail__author-avatar {
        width: 36px;
        height: 36px;
    }

    .blog-detail__author-name,
    .blog-detail__author-role {
        display: block;
        font-size: 16px;
        line-height: 1.25;
    }

    .blog-detail__author-name {
        margin-bottom: 4px;
    }

    .blog-detail__author-separator {
        display: none;
    }

    .blog-detail__cover {
        margin-bottom: 24px;
    }

    .blog-detail__content > .section-title {
        margin-bottom: 20px !important;
        font-size: 24px;
        line-height: 1.22;
    }

    .blog-detail__text {
        max-width: 100%;
        font-size: 16px;
        line-height: 1.68;
    }

    .blog-detail__text h2 {
        margin-top: 38px;
        margin-bottom: 14px;
        font-size: 24px;
    }

    .blog-detail__text h3 {
        margin-top: 32px;
        margin-bottom: 12px;
        font-size: 20px;
    }

    .blog-detail__text ul,
    .blog-detail__text ol {
        margin-bottom: 24px;
        padding-left: 1.35em;
    }

    .blog-detail__text li {
        padding-left: 0.2em;
    }
}

/* FAQ */
.blog-detail__faq {
    margin-top: 48px;
}

.blog-detail__faq > .section-title {
    font-size: 30px;
    font-weight: 500;
}

.faq-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.faq-item {
    background: #f3f3f6;
    border-radius: 16px;
    overflow: hidden;
}

.faq-item__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 20px 20px 24px;
    cursor: pointer;
}

.faq-item.is-open .faq-item__header {
    padding-bottom: 12px;
}

.faq-item__question {
    font-size: 16px;
    font-weight: 700;
    color: #3a3a44;
    line-height: 1.7;
}

.faq-item__toggle {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #2e2e2e;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.2s;
}

.faq-item__toggle:hover {
    background: #444;
}

.faq-item__toggle svg {
    transition: transform 0.25s ease;
}

.faq-item.is-open .faq-item__toggle svg {
    transform: rotate(180deg);
}

.faq-item__answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
}


.faq-item__answer-inner {
    padding: 0 24px 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    color: #3a3a44;
}

.faq-item__answer-inner p:last-child {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .blog-detail__faq {
        margin-top: 32px;
    }

    .faq-item__header {
        padding: 16px 16px 16px 18px;
    }

    .faq-item__answer-inner {
        padding: 0 18px 16px;
    }
}

.lk-filter-toggle {
    white-space: nowrap;
    flex-shrink: 0;
}

.lk-filter-toggle svg {
    flex-shrink: 0;
}

.lk-filter-panel {
    display: none;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 12px;
    margin-bottom: 4px;
}

.lk-filter-panel.is-open {
    display: flex;
}

.lk-filter-panel__select {
    flex: 0 1 320px;
    width: 320px;
    color: var(--gray-middle);
}

/* html карта */
.sitemap {
    padding: 40px 0 60px;
}

.sitemap__title {
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.sitemap__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.sitemap__group-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 16px;
}

.sitemap__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sitemap__list li::before {
    content: "○";
    margin-right: 8px;
    font-size: 10px;
    vertical-align: middle;
}

.sitemap__link {
    color: inherit;
    text-decoration: none;
    font-size: 14px;
}

@media (max-width: 767px) {
    .sitemap__grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .sitemap__title {
        font-size: 24px;
    }
}

/* ===== Лендинг /landing/ ===== */

.landing {
    padding-bottom: 60px;
}

/* Заголовок секции */
.landing-section-title {
    font-family: var(--font-RobotoCondensed, "Roboto_Condensed", sans-serif);
    font-size: 46px;
    font-weight: 900;
    color: #2f3138;
    text-align: center;
    line-height: 1.1;
    margin-bottom: 40px;
}
.landing-section-title--mb0 {
    margin-bottom: 0;
}
.landing-section-subtitle {
    font-family: var(--font-RobotoCondensed, "Roboto_Condensed", sans-serif);
    font-size: 46px;
    font-weight: 700;
    color: #9a9a9a;
    text-align: center;
    margin-bottom: 40px;
    line-height: 1.1;
}

/* Блок 1: Hero */
.landing-hero {
    padding: 40px 0 0;
    margin-bottom: 140px;
}
.landing-hero__inner {
    background: #f3f3f6;
    border-radius: 84px;
    padding: 60px 60px 50px;
    text-align: center;
}
.landing-hero__title {
    font-family: var(--font-RobotoCondensed, "Roboto_Condensed", sans-serif);
    font-size: 50px;
    font-weight: 900;
    color: #2f3138;
    line-height: 1.1;
    margin-bottom: 36px;
}
.landing-hero__features {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 40px;
    text-align: left;
}
.landing-feature-card {
    background: #fff;
    border-radius: 14px;
    padding: 20px 24px;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    font-family: var(--font-HelveticaNeue, "HelveticaNeue", sans-serif);
    font-size: 18px;
    font-weight: 400;
    color: #2e2f33;
    line-height: 1.3;
}
.landing-feature-card__icon {
    width: 52px;
    height: 52px;
    min-width: 52px;
    min-height: 52px;
    flex-shrink: 0;
    align-self: center;
}
.landing-hero__tags {
    margin-bottom: 60px;
}
.landing-hero__tags .homepage-hero__tag {
    font-size: 30px;
    font-weight: 900;
}
.landing-hero__btn {
    display: inline-block;
    background: #2e2e2e;
    color: #fff;
    text-decoration: none;
    font-family: var(--font-HelveticaNeue, "HelveticaNeue", sans-serif);
    font-size: 18px;
    font-weight: 500;
    padding: 12px 16px;
    border-radius: 10px;
    transition: background-color .2s;
}
.landing-hero__btn:hover {
    background: #444;
}

/* Блок 2: Почему выгодно */
.landing-benefits {
    padding: 0;
    margin-bottom: 140px;
}
.landing-benefits__row {
    display: flex;
    gap: 16px;
    padding: 0 50px;
}
.landing-benefits__row--top {
    margin-bottom: 16px;
}
.landing-benefits__row--bottom {
    justify-content: center;
}
.landing-benefits__row--bottom .landing-benefit-card {
    max-width: calc(33.333% - 11px);
    flex: 0 0 calc(33.333% - 11px);
}
.landing-benefit-card {
    flex: 1;
    background: #f3f3f6;
    border-radius: 20px;
    border: 1px solid #ebebeb;
    padding: 30px;
}
.landing-benefit-card__icon {
    width: 80px;
    height: 80px;
    min-width: 80px;
    min-height: 80px;
    object-fit: contain;
    margin-bottom: 28px;
    display: block;
    border-radius: 10px;
}
.landing-benefit-card__title {
    font-family: var(--font-primary, "Roboto", sans-serif);
    font-size: 24px;
    font-weight: 700;
    color: #2e2f33;
    margin-top: 32px;
    margin-bottom: 10px;
    line-height: 1.2;
}
.landing-benefit-card__text {
    font-family: var(--font-HelveticaNeue, "HelveticaNeue", sans-serif);
    font-size: 16px;
    font-weight: 300;
    color: #707070;
    line-height: 1.3;
}

/* Блок 3: 3 шага */
.landing-steps {
    padding: 0;
    margin-bottom: 140px;
}
.landing-steps__header {
    margin-bottom: 36px;
}
.landing-steps__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
.landing-step-card {
    background: #f3f3f6;
    border-radius: 24px;
    padding: 28px 28px 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.landing-step-card__num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 50px;
    background: #707070;
    color: #fff;
    border-radius: 10px;
    padding: 10px;
    font-family: var(--font-RobotoCondensed, "Roboto_Condensed", sans-serif);
    font-size: 22px;
    font-weight: 900;
    margin-bottom: 20px;
    flex-shrink: 0;
}
.landing-step-card__title {
    font-family: var(--font-RobotoCondensed, "Roboto_Condensed", sans-serif);
    font-size: 30px;
    font-weight: 900;
    color: #2f3138;
    margin-bottom: 12px;
    line-height: 1.1;
}
.landing-step-card__text {
    font-family: var(--font-HelveticaNeue, "HelveticaNeue", sans-serif);
    font-size: 18px;
    font-weight: 300;
    color: #707070;
    line-height: 1.3;
    margin-bottom: 24px;
}
.landing-step-card__img {
    width: 100%;
    display: block;
    margin-top: auto;
}

.landing-step-card:nth-child(1) .landing-step-card__img {
    width: calc(100% + 32px);
    max-width: none;
    margin: 116px -16px 76px;
}
.landing-step-card:nth-child(2) .landing-step-card__img {
    width: calc(100% + 48px);
    max-width: none;
    margin: 56px -28px 0 8px;
}

/* Блок 3: 3 шага к потоку арендаторов */
.landing-start {
    padding: 0;
    margin-bottom: 140px;
}
.landing-start__header {
    margin-bottom: 40px;
}
.landing-start__row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 20px;
}
.landing-start__dots {
    display: none;
}
.landing-start-card {
    aspect-ratio: 453 / 500;
    min-height: 0;
    border-radius: 40px;
    border: var(--border-gray-200, 1px solid #ebebeb);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}
.landing-start-card--1 {
    background-image: url("/local/templates/prokladovki/assets/img/landing/steps-card-1.webp");
}
.landing-start-card--2 {
    background-image: url("/local/templates/prokladovki/assets/img/landing/steps-card-2.webp");
}
.landing-start-card--3 {
    background-image: url("/local/templates/prokladovki/assets/img/landing/steps-card-3.webp");
}
.landing-start-card--4 {
    background-image: url("/local/templates/prokladovki/assets/img/landing/steps-card-4.webp");
}
.landing-start-card--wide {
    display: flex;
    align-items: center;
    aspect-ratio: 1400 / 500;
    padding: 40px;
}
.landing-start-card__body {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 30px 30px 0;
}
.landing-start-card--wide .landing-start-card__body {
    gap: 40px;
    width: 600px;
    max-width: 100%;
    padding: 0;
}
.landing-start-card__group {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.landing-start-card__time {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-family: var(--font-HelveticaNeue, "HelveticaNeue", sans-serif);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -0.02em;
    color: var(--gray-dark, #707070);
}
.landing-start-card__time-icon {
    flex-shrink: 0;
}
.landing-start-card__title {
    font-family: var(--font-RobotoCondensed, "Roboto_Condensed", sans-serif);
    font-size: 30px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--black-light, #2e2f33);
}
.landing-start-card__title--big {
    font-size: 40px;
}
.landing-start-card__text {
    font-family: var(--font-HelveticaNeue, "HelveticaNeue", sans-serif);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    color: var(--gray-dark, #707070);
}
.landing-start-card--wide .landing-start-card__text {
    font-size: 18px;
    letter-spacing: -0.02em;
}
button.landing-start-card__btn {
    align-self: flex-start;
    padding: 16px 32px;
    border-radius: 8px;
    background: #2e2e2e;
    color: #fff;
    font-family: var(--font-HelveticaNeue, "HelveticaNeue", sans-serif);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -0.02em;
    transition: background-color .2s;
}
button.landing-start-card__btn:hover {
    background: #444;
}

/* Блок 4: Кому полезны */
.landing-target {
    padding: 0;
    margin-bottom: 140px;
}
.landing-target__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    align-items: stretch;
}
.landing-checklist__item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #f3f3f6;
    border-radius: 16px;
    padding: 20px 22px;
    margin-bottom: 10px;
}
.landing-checklist__item:last-child {
    margin-bottom: 0;
}
.landing-checklist__check {
    flex-shrink: 0;
    margin-top: 0;
}
.landing-checklist__title {
    font-family: var(--font-RobotoCondensed, "Roboto_Condensed", sans-serif);
    font-size: 30px;
    font-weight: 900;
    color: #2f3138;
    margin-bottom: 12px;
    line-height: 1.1;
}
.landing-checklist__text {
    font-family: var(--font-HelveticaNeue, "HelveticaNeue", sans-serif);
    font-size: 18px;
    font-weight: 300;
    color: #707070;
    line-height: 1.3;
}
.landing-target__chart {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    border-radius: 12px;
}
.landing-target__right {
    border: 1px solid #ebebeb;
    border-radius: 20px;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.landing-target__cta-text {
    font-family: var(--font-RobotoCondensed, "Roboto_Condensed", sans-serif);
    font-size: 30px;
    font-weight: 900;
    color: #2f3138;
    line-height: 1.1;
    margin-bottom: 16px;
}
.landing-target__cta-btn {
    display: inline-block;
    align-self: flex-start;
    background: #2e2e2e;
    color: #fff;
    text-decoration: none;
    font-family: var(--font-HelveticaNeue, "HelveticaNeue", sans-serif);
    font-size: 18px;
    font-weight: 500;
    padding: 12px 16px;
    border-radius: 10px;
    transition: background-color .2s;
}
.landing-target__cta-btn:hover {
    background: #444;
}

/* Блок 5: Форма */
.landing-form {
    padding: 0;
}
.landing-form__inner {
    background: #f3f3f6;
    border-radius: 100px;
    padding: 66px 98px 56px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.8fr);
    gap: 40px;
    align-items: center;
    overflow: hidden;
}
.landing-form__title {
    font-family: var(--font-RobotoCondensed, "Roboto_Condensed", sans-serif);
    font-size: 46px;
    font-weight: 900;
    color: #2f3138;
    text-align: left;
    line-height: 1.1;
    margin-bottom: 16px;
}
.landing-form__subtitle {
    font-family: var(--font-HelveticaNeue, "HelveticaNeue", sans-serif);
    font-size: 18px;
    font-weight: 300;
    color: #707070;
    line-height: 1.3;
    margin-bottom: 28px;
}
.landing-form__input-wrap {
    width: 100%;
    max-width: 500px;
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 8px;
    padding: 14px 18px;
    margin-bottom: 10px;
}
.landing-form__input {
    display: block;
    width: 100%;
    border: none;
    outline: none;
    padding: 0;
    font-family: var(--font-HelveticaNeue, "HelveticaNeue", sans-serif);
    font-size: 16px;
    font-weight: 400;
    color: #2e2f33;
    background: transparent;
}
.landing-form__input::placeholder {
    color: #adadad;
    font-weight: 400;
    font-family: var(--font-HelveticaNeue, "HelveticaNeue", sans-serif);
}
.landing-form__submit-row {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 28px;
}
.landing-form__submit-btn {
    background: #2e2e2e;
    color: #fff;
    border: none;
    border-radius: 11px;
    font-size: 18px;
    font-weight: 500;
    padding: 12px 16px;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
    transition: background-color .2s;
}
.landing-form__submit-btn:hover {
    background: #444;
}
.landing-form__consent {
    font-family: var(--font-HelveticaNeue, "HelveticaNeue", sans-serif);
    font-size: 14px;
    color: #adadad;
    line-height: 1.5;
}
.landing-form__consent a {
    color: #54b8f0;
    text-decoration: none;
}

.landing-form__img-wrap {
    position: relative;
    height: 100%;
    min-height: 420px;
}
.landing-form__img {
    position: absolute;
    top: -30px;
    right: -50px;
    width: 403px;
    max-width: none;
    max-height: none;
    object-fit: contain;
    display: block;
    transform: rotate(13.41deg);
    transform-origin: center top;
}

/* Блок 3: на планшете карточки шагов ужимаются по ширине экрана */
@media (max-width: 1279px) {
    .landing-start__row {
        gap: 20px;
    }
    .landing-start__row .landing-start-card {
        aspect-ratio: 0.75;
        min-height: 0;
        border-radius: 20px;
    }
    .landing-start__row .landing-start-card--1 {
        background-image: url("/local/templates/prokladovki/assets/img/landing/steps-card-1-mobile.webp");
    }
    .landing-start__row .landing-start-card--2 {
        background-image: url("/local/templates/prokladovki/assets/img/landing/steps-card-2-mobile.webp");
    }
    .landing-start__row .landing-start-card--3 {
        background-image: url("/local/templates/prokladovki/assets/img/landing/steps-card-3-mobile.webp");
    }
    .landing-start__row .landing-start-card__body {
        gap: 8px;
        padding: 16px 16px 0;
    }
    .landing-start__row .landing-start-card__time {
        font-size: 14px;
        line-height: 1.4;
        letter-spacing: 0;
    }
    .landing-start__row .landing-start-card__time-icon {
        width: 12px;
        height: 12px;
    }
    .landing-start__row .landing-start-card__title {
        font-size: 26px;
        line-height: 1.2;
    }
    .landing-start__row .landing-start-card__text {
        font-size: 14px;
        line-height: 1.4;
    }
}

/* Блок 3: на узком планшете карточкам шагов нужно больше ширины под текст */
@media (max-width: 959px) {
    .landing-start__row {
        grid-template-columns: repeat(2, 1fr);
        justify-items: center;
    }
    .landing-start__row .landing-start-card {
        width: 100%;
        max-width: 400px;
    }
}

/* Блок 3: на планшете широкая карточка сжимается по пропорции иллюстрации */
@media (max-width: 1279px) {
    .landing-start-card--wide {
        aspect-ratio: auto;
        min-height: calc((100vw - 30px) / 2.8);
        padding: 24px;
        background-position: right center;
    }
    .landing-start-card--wide .landing-start-card__body {
        width: 50%;
        gap: 24px;
    }
    .landing-start-card--wide .landing-start-card__title--big {
        font-size: 30px;
    }
    .landing-start-card--wide .landing-start-card__text {
        font-size: 14px;
        line-height: 1.4;
        letter-spacing: 0;
    }
    button.landing-start-card__btn {
        padding: 12px 16px;
        font-size: 16px;
    }
}

/* Блок 3: на узком планшете ужимаем текст широкой карточки под иллюстрацию */
@media (max-width: 959px) {
    .landing-start-card--wide {
        padding: 16px;
    }
    .landing-start-card--wide .landing-start-card__body {
        width: 45%;
        gap: 12px;
    }
    .landing-start-card__group {
        gap: 12px;
    }
    .landing-start-card--wide .landing-start-card__title--big {
        font-size: 24px;
    }
    .landing-start-card--wide .landing-start-card__text {
        font-size: 13px;
    }
    button.landing-start-card__btn {
        padding: 10px 14px;
        font-size: 14px;
    }
}

/* Блок 3: на телефоне широкая карточка разворачивается в колонку */
@media (max-width: 767px) {
    .landing-start-card--wide {
        display: block;
        aspect-ratio: auto;
        min-height: 0;
        border-radius: 20px;
        padding: 0 0 calc((100vw - 30px) * 0.7);
        background-image: url("/local/templates/prokladovki/assets/img/landing/steps-card-4-mobile.webp");
        background-size: 100% auto;
        background-position: bottom center;
    }
    .landing-start-card--wide .landing-start-card__body {
        gap: 24px;
        width: auto;
        padding: 16px 16px 24px;
    }
    .landing-start-card__group {
        gap: 8px;
    }
    .landing-start-card--wide .landing-start-card__title--big {
        font-size: 26px;
        line-height: 1.2;
    }
    .landing-start-card--wide .landing-start-card__text {
        font-size: 14px;
        line-height: 1.4;
        letter-spacing: 0;
    }
    button.landing-start-card__btn {
        padding: 12px 16px;
    }
}

/* ===== Лендинг: мобильный адаптив ===== */
@media (max-width: 767px) {
    .landing-hero {
        padding: 10px 0 0;
        margin-bottom: 60px;
    }
    .landing-hero__inner {
        background: transparent;
        border-radius: 0;
        padding: 20px 0 28px;
    }
    .landing-hero__title {
        font-size: 32px;
        margin-bottom: 20px;
    }
    .landing-hero__features {
        grid-template-columns: 1fr;
        gap: 8px;
        margin-bottom: 24px;
    }
    .landing-feature-card {
        background: #f3f3f6;
        border-radius: 14px;
        border: none;
        padding: 14px 16px;
        gap: 12px;
        font-size: 15px;
    }
    .landing-feature-card__icon {
        width: 44px;
        height: 44px;
        min-width: 44px;
        min-height: 44px;
    }
    .landing-hero__tags {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
        margin-bottom: 28px;
    }
    .landing-hero__tags .homepage-hero__tags-row {
        display: contents;
    }
    .landing-hero__tags .homepage-hero__tag {
        font-size: 18px;
        padding: 8px 10px;
        gap: 6px;
    }
    .landing-hero__tags .homepage-hero__tag-icon {
        width: 20px;
        height: 20px;
    }
    .landing-benefits {
        margin-bottom: 60px;
    }
    .landing-benefits .landing-section-title {
        font-size: 28px;
        line-height: 0.98;
        text-align: left;
        margin-bottom: 18px;
    }
    .landing-benefits__row {
        display: block;
        padding: 0;
    }
    .landing-benefits__row--top {
        margin-bottom: 6px;
    }
    .landing-benefits__row--bottom {
        justify-content: flex-start;
    }
    .landing-benefits__row--bottom .landing-benefit-card {
        max-width: none;
        flex: none;
    }
    .landing-benefit-card {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 0 18px;
        border-radius: 8px;
        padding: 10px 10px 10px 9px;
        margin-bottom: 6px;
    }
    .landing-benefit-card__icon {
        width: 48px;
        height: 48px;
        min-width: 48px;
        min-height: 48px;
        margin-bottom: 0;
        border-radius: 8px;
        background: #fff;
    }
    .landing-benefit-card__title {
        flex: 1;
        min-width: 0;
        font-size: 20px;
        line-height: 1.12;
        margin: 4px 0 8px;
    }
    .landing-benefit-card__text {
        flex: 1 0 calc(100% - 66px);
        margin-left: 66px;
        font-size: 16px;
        line-height: 1.35;
    }
    .landing-steps {
        margin-bottom: 60px;
    }
    .landing-steps__header {
        margin-bottom: 14px;
    }
    .landing-steps .landing-section-title,
    .landing-steps .landing-section-subtitle {
        text-align: left;
    }
    .landing-steps .landing-section-title {
        font-size: 28px;
        line-height: 0.98;
        margin-bottom: 4px;
    }
    .landing-steps .landing-section-subtitle {
        font-size: 28px;
        line-height: 0.98;
        margin-bottom: 0;
    }
    .landing-steps__grid {
        display: flex;
        gap: 8px;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0 0 8px;
        -webkit-overflow-scrolling: touch;
    }
    .landing-steps__grid::-webkit-scrollbar {
        height: 6px;
    }
    .landing-steps__grid::-webkit-scrollbar-track {
        background: #ebebee;
        border-radius: 999px;
    }
    .landing-steps__grid::-webkit-scrollbar-thumb {
        background: #a8a8ad;
        border-radius: 999px;
    }
    .landing-step-card {
        flex: 0 0 258px;
        min-height: 360px;
        border-radius: 16px;
        padding: 18px 18px 0;
    }
    .landing-step-card__num {
        width: 42px;
        height: 40px;
        border-radius: 8px;
        padding: 8px;
        font-size: 20px;
        margin-bottom: 16px;
    }
    .landing-step-card__title {
        font-size: 24px;
        line-height: 1.05;
        margin-bottom: 10px;
    }
    .landing-step-card__text {
        font-size: 16px;
        line-height: 1.3;
        margin-bottom: 18px;
    }
    .landing-step-card__img {
        width: 100%;
        max-height: 150px;
        object-fit: contain;
        margin: auto 0 0;
    }
    .landing-step-card:nth-child(1) .landing-step-card__img,
    .landing-step-card:nth-child(2) .landing-step-card__img {
        width: 100%;
        max-width: none;
        margin: auto 0 0;
    }
    .landing-start {
        margin-bottom: 60px;
    }
    .landing-start__header {
        margin-bottom: 14px;
    }
    .landing-start .landing-section-title,
    .landing-start .landing-section-subtitle {
        text-align: left;
    }
    .landing-start .landing-section-title {
        font-size: 28px;
        line-height: 0.98;
        margin-bottom: 4px;
    }
    .landing-start .landing-section-subtitle {
        font-size: 28px;
        line-height: 0.98;
        margin-bottom: 0;
    }
    .landing-start__row {
        display: flex;
        gap: 10px;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .landing-start__row::-webkit-scrollbar {
        display: none;
    }
    .landing-start__row .landing-start-card {
        flex: 0 0 300px;
        aspect-ratio: auto;
        min-height: 400px;
        scroll-snap-align: start;
    }
    .landing-start__dots {
        display: flex;
        gap: 10px;
        margin-bottom: 20px;
    }
    .landing-start__dot {
        flex: 1;
        height: 6px;
        border-radius: 20px;
        background: var(--gray-300, #f3f3f6);
        transition: background-color .2s;
    }
    .landing-start__dot.is-active {
        background: var(--blue-middle, #54b8f0);
    }
    .landing-target {
        margin-bottom: 60px;
    }
    .landing-target .landing-section-title {
        font-size: 28px;
        line-height: 0.98;
        text-align: left;
        margin-bottom: 16px;
    }
    .landing-target__inner {
        display: block;
    }
    .landing-checklist__item {
        gap: 12px;
        border-radius: 8px;
        padding: 14px 12px 14px 10px;
        margin-bottom: 8px;
    }
    .landing-checklist__check {
        width: 20px;
        height: 20px;
        margin-top: 2px;
    }
    .landing-checklist__check svg,
    .landing-checklist__check path {
        width: 20px;
        height: 20px;
    }
    .landing-checklist__title {
        font-size: 18px;
        line-height: 1.15;
        margin-bottom: 6px;
    }
    .landing-checklist__text {
        font-size: 15px;
        line-height: 1.35;
    }
    .landing-target__right {
        border-radius: 12px;
        padding: 10px 8px 8px;
        margin-top: 8px;
    }
    .landing-target__chart {
        margin-bottom: 14px;
        border-radius: 8px;
    }
    .landing-target__cta-text {
        font-size: 26px;
        line-height: 1.02;
        margin: 0 0 12px;
    }
    .landing-target__cta-btn {
        border-radius: 8px;
        padding: 8px 14px;
        font-size: 14px;
    }
    .landing-form__inner {
        display: block;
        border-radius: 14px;
        padding: 24px 14px;
    }
    .landing-form__title {
        font-size: 28px;
        line-height: 1.05;
        margin-bottom: 12px;
    }
    .landing-form__subtitle {
        font-size: 15px;
        line-height: 1.35;
        margin-bottom: 20px;
    }
    .landing-form__input-wrap {
        max-width: none;
        border-radius: 8px;
        padding: 13px 10px;
        margin-bottom: 10px;
    }
    .landing-form__input {
        font-size: 15px;
    }
    .landing-form__submit-row {
        display: block;
        margin-top: 18px;
    }
    .landing-form__submit-btn {
        border-radius: 8px;
        font-size: 14px;
        padding: 8px 14px;
        margin-bottom: 12px;
    }
    .landing-form__consent {
        font-size: 12px;
        line-height: 1.35;
    }
    .landing-form__img-wrap {
        display: none;
    }
}

/* Лиды, заголовок группы по номеру заказа */
.table-order-group {
    background: #f5f5f5;
    border-radius: 4px;
    margin-top: 8px;
}
.table-order-group__title {
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 600;
    color: #666;
}

@media (min-width: 960px) {
    .footer__btn-info {
        width: 163px;
    }
}

/* меню шапки */
/* шапка вверху при скролле — десктоп и мобилка */
.page__wrapper {
    overflow: visible;
}
.header {
    position: sticky;
    top: 0;
    z-index: 50;
    background: #fff;
}
.header .header__left {
    gap: 24px;
}
.header .header__right {
    gap: 8px;
}
.header__catalog-link {
    color: var(--white);
    white-space: nowrap;
    letter-spacing: 0;
}
.header__desktop-link,
.header__phone-link {
    align-items: center;
    color: var(--black-light);
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0;
    text-decoration: none;
    white-space: nowrap;
}
.header__phone-link {
    display: flex;
    gap: 8px;
}
.header__phone-link .icon {
    width: 20px;
    height: 20px;
    fill: transparent;
    stroke: currentColor;
}
.header .header__btn-heart {
    position: relative;
    width: 42px;
    min-width: 42px;
    height: 36px;
    padding: 7px;
}
.header .header__btn-heart > span:not(.header__basket-count):not(.header__favourites-count) {
    display: none;
}
/* Показываем счетчики шапки */
.header__basket-count,
.header__favourites-count {
    position: absolute;
    top: -13px;
    right: -8px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    border-radius: 999px;
    background-color: var(--blue-middle);
    color: var(--white);
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
}
.header .header__btn-heart > .header__basket-count,
.header .header__btn-heart > .header__favourites-count {
    display: flex;
}
.header__profile-link {
    display: none;
}

@media (max-width: 1279.98px) {
    .header .header__left {
        gap: 16px;
    }
    .header .header__right {
        gap: 6px;
    }
    .header__desktop-link,
    .header__phone-link {
        font-size: 13px;
    }
}

@media (max-width: 959.98px) {
    .header {
        z-index: 20;
    }
    /* Скрываем десктопные пункты шапки */
    .header__catalog-link.header__seting,
    .header__desktop-link.header__seting,
    .header__phone-link.header__seting {
        display: none !important;
    }
    .header .header__block-logo .logo__image {
        width: min(170px, 42vw);
    }
    .header .header__right {
        gap: 8px;
    }
    .header .header__btn-heart,
    .header__profile-link,
    .header__burger {
        width: 44px;
        min-width: 44px;
        height: 44px;
        padding: 9px;
        border-radius: 12px;
    }
    .header .header__btn-heart .icon,
    .header__profile-link .icon,
    .header__burger .icon {
        width: 24px;
        height: 24px;
    }
    .header__profile-link {
        display: flex;
        border: var(--border-gray-200);
    }
    .header-mobile-menu.sidebar-menu {
        top: 64px;
        right: 12px;
        z-index: 30;
        width: min(300px, calc(100vw - 48px));
        padding: 20px 24px;
        border-radius: 26px;
        background: #fff;
        opacity: 1;
        transition: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
    .header-mobile-menu.sidebar-menu.menu-close {
        opacity: 1;
    }
    .header-mobile-menu.sidebar-menu ul {
        gap: 12px;
    }
    .header-mobile-menu.sidebar-menu li a {
        justify-content: center;
        width: 100%;
        padding: 18px 20px;
        border-radius: 12px;
        font-size: 24px;
        font-weight: 500;
        line-height: 1.15;
        letter-spacing: 0;
        text-align: center;
    }
    .header-mobile-menu__btn .icon {
        display: none;
    }
    .header-mobile-menu__link {
        color: var(--black-light);
    }
    .header-mobile-menu__phone {
        gap: 14px;
        color: var(--black-light);
        font-weight: 500;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    .header-mobile-menu__phone .icon {
        width: 24px;
        height: 24px;
        fill: transparent;
        stroke: currentColor;
    }
}

@media (max-width: 659.98px) {
    .header-mobile-menu.sidebar-menu {
        width: min(300px, calc(100vw - 48px));
    }
    .header-mobile-menu.sidebar-menu li a {
        font-size: 21px;
    }
}

/* Затемнение фона при открытом меню */
.header-menu-overlay {
    position: fixed;
    inset: 0;
    z-index: 29;
    visibility: hidden;
    opacity: 0;
    background: color-mix(in srgb, var(--black-light) 45%, transparent);
    transition: opacity var(--transition), visibility var(--transition);
}
.header-menu-overlay.is-visible {
    visibility: visible;
    opacity: 1;
}
/* страницу фиксируем на текущей позиции - её смещение компенсирует top из index.js */
body.header-menu-open {
    position: fixed;
    left: 0;
    width: 100%;
    overflow: hidden;
}

/* Мобильное меню новой шапки */
.header-menu.sidebar-menu {
    /* меню прижато к краю экрана, а не к колонке шапки */
    position: fixed;
    top: 12px;
    right: 12px;
    z-index: 30;
    width: 291px;
    max-width: calc(100vw - 24px);
    justify-content: flex-start;
    gap: 20px;
    padding: 20px;
    border: var(--border-gray-200);
    border-radius: var(--radius-middle-16);
    background-color: var(--white);
    /* раскрываем меню от бургера */
    transform-origin: top right;
    transition: opacity var(--transition), transform var(--transition), visibility var(--transition);
}
.header-menu.sidebar-menu.menu-close {
    top: 12px;
    z-index: 30;
    opacity: 0;
    transform: scale(0.96) translateY(-8px);
}
.header-menu__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.header-menu__title {
    letter-spacing: -0.02em;
    color: var(--black-light);
}
.header-menu__close {
    display: flex;
    flex: 0 0 auto;
    padding: 0;
    border: 0;
    background: none;
    color: var(--black-light);
    cursor: pointer;
}
.header-menu__section {
    display: flex;
    flex-direction: column;
    gap: 11px;
}
.header-menu__subtitle {
    font-family: var(--font-RobotoCondensed);
    font-size: 20px;
    font-weight: 900;
    line-height: 100%;
    text-transform: uppercase;
    color: var(--gray-middle);
}
.header-menu.sidebar-menu .header-menu__list {
    gap: 0;
}
.header-menu.sidebar-menu .header-menu__link {
    justify-content: flex-start;
    padding: 8px 0;
    font-family: var(--font-HelveticaNeue);
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0;
    color: var(--black-light);
}
.header-menu.sidebar-menu .header-menu__about-link {
    display: flex;
    align-items: center;
    margin-top: 6px;
    margin-bottom: 6px;
}
.header-menu__divider {
    height: 1px;
    background-color: var(--gray-200);
}
.header-menu__footer {
    display: flex;
    align-items: stretch;
    gap: 8px;
}
.header-menu__footer .btn {
    height: auto;
    border: 0;
    padding: 12px 16px;
    font-family: var(--font-HelveticaNeue);
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0;
}
.header-menu__login {
    flex: 0 0 auto;
}
.header-menu__phone {
    flex: 0 0 auto;
    min-width: max-content;
    padding-right: 12px !important;
    padding-left: 12px !important;
    white-space: nowrap;
    color: var(--black-light);
}

/* Показываем Telegram-блок для партнеров */
.landing-telegram {
    padding: 0;
    margin: 100px 0 0;
}
.landing-telegram__inner {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 212px;
    padding: 36px 40px 30px 310px;
    background: rgba(46, 46, 46, 1);
    border-radius: 14px;
}
.landing-telegram__logo {
    position: absolute;
    left: 52px;
    top: -40px;
    width: 220px;
    height: 220px;
}
.landing-telegram__logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.landing-telegram__content {
    min-width: 0;
}
.landing-telegram__title {
    font-family: var(--font-RobotoCondensed, "Roboto_Condensed", sans-serif);
    font-size: 50px;
    font-weight: 900;
    color: #fff;
    line-height: 1;
    text-transform: uppercase;
    margin: 0 0 16px;
}
.landing-telegram__subtitle {
    font-family: var(--font-HelveticaNeue, "HelveticaNeue", sans-serif);
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 1.3;
    margin: 0 0 22px;
}
.landing-telegram__btn {
    display: inline-flex;
    width: auto;
    min-width: 184px;
    padding: 7px 16px;
    color: #fff;
    text-decoration: none;
}
.landing-telegram__btn:hover,
.landing-telegram__btn:focus {
    color: #fff;
    text-decoration: none;
}

@media (max-width: 767px) {
    .landing-telegram {
        margin: 60px 0 0;
    }
    .landing-telegram__inner {
        display: block;
        min-height: 0;
        padding: 54px 46px 36px;
        border-radius: 22px;
    }
    .landing-telegram__logo {
        left: auto;
        right: 22px;
        top: -40px;
        width: 120px;
        height: 120px;
    }
    .landing-telegram__title {
        max-width: 360px;
        font-size: 30px;
        line-height: 1.22;
        margin-bottom: 22px;
    }
    .landing-telegram__title-line {
        display: block;
        white-space: nowrap;
    }
    .landing-telegram__subtitle {
        max-width: 320px;
        font-size: 16px;
        line-height: 1.4;
        margin-bottom: 34px;
    }
    .landing-telegram__btn {
        width: 100%;
        min-height: 56px;
        padding: 8px 20px;
        border-radius: 11px;
        font-size: 18px;
        line-height: 1;
    }
    .landing-telegram__btn .icon {
        width: 24px;
        height: 24px;
    }
}

/* Меню ячейки в ЛК */
.table-menu li a {
    white-space: nowrap;
}
.table-menu li a .icon {
    width: 24px;
    height: 24px;
}

/* Плавающая кнопка быстрой брони — только мобильная версия */
.quick-booking-float {
    display: none;
}
@media (max-width: 959.98px) {
    .quick-booking-float {
        position: fixed;
        top: 80px;
        left: 50%;
        z-index: 40;
        display: inline-flex;
        white-space: nowrap;
        padding: 12px 26px;
        font-size: 16px;
        font-weight: 400;
        opacity: 0;
        pointer-events: none;
        transform: translateX(-50%) translateY(-150%);
        transition: transform 0.25s ease, opacity 0.25s ease;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
    }
    /* показываем при прокрутке */
    .quick-booking-float.is-visible {
        opacity: 1;
        pointer-events: auto;
        transform: translateX(-50%) translateY(0);
    }
}

/* Шапка новой версии (каталог) — во всю ширину экрана, без .container */
.header-test {
    /* размеры считаем из одного множителя --header-test-scale (его пишет js каталога). множитель не задан → 1 → эталонный размер (прочие test-страницы) */
    --header-test-padding-y: calc(20px * var(--header-test-scale, 1));
    --header-test-inner-px: calc(24px * var(--header-test-scale, 1));
    --header-test-left-gap: calc(30px * var(--header-test-scale, 1));
    --header-test-right-gap: calc(8px * var(--header-test-scale, 1));
    --header-test-logo-width: calc(163px * var(--header-test-scale, 1));
    --header-test-control-gap: calc(8px * var(--header-test-scale, 1));
    --header-test-control-py: calc(7.21px * var(--header-test-scale, 1));
    --header-test-control-px: calc(16px * var(--header-test-scale, 1));
    --header-test-radius: calc(8px * var(--header-test-scale, 1));
    --header-test-control-font-size: calc(14px * var(--header-test-scale, 1));
    --header-test-link-font-size: calc(14px * var(--header-test-scale, 1));
    --header-test-icon-size: calc(20px * var(--header-test-scale, 1));
    --header-test-heart-width: calc(42px * var(--header-test-scale, 1));
    --header-test-heart-height: calc(36px * var(--header-test-scale, 1));
    --header-test-heart-padding: calc(7px * var(--header-test-scale, 1));
    --header-test-count-top: calc(-13px * var(--header-test-scale, 1));
    --header-test-count-right: calc(-8px * var(--header-test-scale, 1));
    --header-test-count-size: calc(22px * var(--header-test-scale, 1));
    --header-test-count-px: calc(6px * var(--header-test-scale, 1));
    --header-test-count-font-size: calc(13px * var(--header-test-scale, 1));

    padding: var(--header-test-padding-y, 20px) 0;
}
.header-test .header-test__inner {
    width: 100%;
    padding: 0 var(--header-test-inner-px, 24px);
}
.header-test .header__left {
    gap: var(--header-test-left-gap, 30px);
}
.header-test .header__right {
    gap: var(--header-test-right-gap, 8px);
}
.header-test .header__block-logo .logo__image {
    width: var(--header-test-logo-width, 163px);
}
.header-test .btn.header__seting,
.header-test .header__login {
    gap: var(--header-test-control-gap, 8px);
    padding: var(--header-test-control-py, 7.21px) var(--header-test-control-px, 16px);
    border-radius: var(--header-test-radius, var(--radius-light));
    font-size: var(--header-test-control-font-size, 14px);
    line-height: 1.4;
}
.header-test .header__right > .header__seting {
    flex-shrink: 0;
    white-space: nowrap;
}
.header-test .header__desktop-link,
.header-test .header__phone-link {
    font-size: var(--header-test-link-font-size, 14px);
}
.header-test .header__phone-link {
    gap: var(--header-test-control-gap, 8px);
}
.header-test .header__phone-link .icon,
.header-test .btn .icon {
    width: var(--header-test-icon-size, 20px);
    height: var(--header-test-icon-size, 20px);
}
.header-test .header__btn-heart {
    width: var(--header-test-heart-width, 42px);
    min-width: var(--header-test-heart-width, 42px);
    height: var(--header-test-heart-height, 36px);
    padding: var(--header-test-heart-padding, 7px);
    border-radius: var(--header-test-radius, var(--radius-light));
}
.header-test .header__basket-count,
.header-test .header__favourites-count {
    top: var(--header-test-count-top, -13px);
    right: var(--header-test-count-right, -8px);
    min-width: var(--header-test-count-size, 22px);
    height: var(--header-test-count-size, 22px);
    padding: 0 var(--header-test-count-px, 6px);
    font-size: var(--header-test-count-font-size, 13px);
}

.header-test__burger {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    width: 40px;
    height: 40px;
    padding: 0;
    flex-shrink: 0;
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 9px;
    cursor: pointer;
}
.header-test__burger span {
    width: 18px;
    height: 2px;
    margin: 0 auto;
    border-radius: 2px;
    background: var(--black-light, #2e2f33);
}
.header-test .header-test__profile {
    background: #fff;
    border: 1px solid #e4e4e4;
    color: var(--black-light, #2e2f33);
}
.header-test .header-test__profile:hover,
.header-test .header-test__profile:focus-visible {
    background: var(--blue-dark);
    border-color: var(--blue-dark);
    color: var(--white);
}
.header-test .header-test__profile-icon {
    width: var(--header-test-icon-size, 20px);
    height: var(--header-test-icon-size, 20px);
    flex: 0 0 var(--header-test-icon-size, 20px);
}

/* Мобильная версия новой шапки */
@media (max-width: 959.98px) {
    .header-test .header-test__inner {
        padding: 0 12px;
    }
    .header-test .header__wrapper {
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        margin-left: 0;
        margin-right: 0;
    }
    .header-test .header__left,
    .header-test .header__right {
        width: auto;
        max-width: none;
        flex: 0 1 auto;
        padding-left: 0;
        padding-right: 0;
    }
    .header-test .header__left {
        min-width: 0;
    }
    .header-test .header__right {
        flex-shrink: 0;
        margin-left: 8px;
    }
    .header-test .header__block-logo {
        min-width: 0;
        overflow: hidden;
    }
    .header-test .header__block-logo .logo__image {
        width: clamp(132px, 37vw, 150px);
        max-width: 100%;
    }
    .header-test .header__btn-heart {
        display: none;
    }
    .header-test .header__login {
        height: 40px;
        padding: 8px 18px;
        font-size: 14px;
        white-space: nowrap;
        flex-shrink: 0;
    }
    .header-test .header-test__profile {
        width: 40px;
        padding: 0;
        background: #fff;
        border-color: #e4e4e4;
        color: var(--black-light, #2e2f33);
    }
    .header-test .header-test__profile:hover,
    .header-test .header-test__profile:focus-visible {
        background: #fff;
        border-color: #e4e4e4;
        color: var(--black-light, #2e2f33);
    }
    .header-test .header-test__profile-icon {
        display: block;
    }
    .header-test .header-test__profile span {
        display: none;
    }
    .header-test__burger {
        display: flex;
    }
}
/* Модалка входа по смс-коду (новая версия) */
#dialog-entrance.modal-entrance {
    max-width: 500px;
}
.modal-entrance .modal-content__inner,
.modal-entrance .modal-content__form {
    gap: 0;
}
.modal-entrance #errors {
    margin: 0;
}
.modal-entrance #errors:not(:empty) {
    margin-top: 12px;
    line-height: 1.3;
}
.modal-entrance #errors > div {
    margin: 0;
}
.modal-entrance__header {
    text-align: center;
}
.modal-entrance__title {
    font-family: var(--font-RobotoCondensed, "Roboto_Condensed", sans-serif);
    font-size: 30px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.34px;
    text-transform: uppercase;
    text-align: center;
}
.modal-entrance__desc {
    margin-top: 12px;
    font-family: var(--font-HelveticaNeue, "HelveticaNeue", sans-serif);
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0;
    color: #707070;
}
.modal-entrance__desc-note {
    text-decoration: underline;
    text-underline-offset: 25%;
    text-decoration-skip-ink: auto;
}
.modal-entrance__group {
    margin-top: 40px;
    text-align: center;
}
.modal-entrance__code {
    margin-top: 20px;
    text-align: center;
}
.modal-entrance__label {
    display: block;
    margin-bottom: 8px;
    font-family: var(--font-HelveticaNeue, "HelveticaNeue", sans-serif);
    font-weight: 700;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0;
    color: #1d1d1d;
}
.modal-entrance__phone {
    width: 100%;
    height: 64px;
    padding: 0 20px;
    text-align: center;
    font-size: 18px;
    border: 1px solid #ececec;
    border-radius: 16px;
    background: #fff;
}
.modal-entrance__phone::placeholder {
    font-weight: 300;
    line-height: 140%;
    letter-spacing: 0;
    color: var(--gray-middle);
}
.modal-entrance__phone[readonly] {
    color: var(--gray-middle);
}
.modal-entrance__cells {
    justify-content: center;
    gap: 10px;
    flex-wrap: nowrap;
}
.modal-entrance__cells .modal-password__item {
    flex: 0 0 auto;
    width: auto;
    padding: 0;
}
.modal-entrance__cells .modal-password__item input {
    width: 64px;
    height: 64px;
    text-align: center;
    font-size: 24px;
    border: 1px solid #ececec;
    border-radius: 16px;
}
.modal-entrance__resend,
.modal-entrance__resend-btn {
    display: block;
    width: 100%;
    margin-top: 20px;
    padding: 16px 0;
    text-align: center;
    color: #6b6b6b;
    font-size: 16px;
}
.modal-entrance__btn {
    width: 100%;
    height: 64px;
    margin-top: 40px;
    border-radius: 16px;
    font-family: var(--font-primary, "Roboto", sans-serif);
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: -0.01em;
    text-align: center;
}
.modal-entrance__btn_send {
    background: rgba(237, 237, 237, 1);
    color: #1d1d1d;
}
.modal-entrance__btn_submit {
    margin-bottom: 10px;
    background: #1d1d1d;
    color: #fff;
}
.modal-entrance__code,
.modal-entrance__btn_submit {
    display: none;
}
.modal-entrance.is-step-code .modal-entrance__code,
.modal-entrance.is-step-code .modal-entrance__btn_submit {
    display: block;
}
.modal-entrance.is-step-code .modal-entrance__btn_send {
    display: none;
}
/* Модалка «Вход»: выбор роли перед входом или регистрацией */
/* узел закрывается программно из обработчика data-variant, прячем его вне оверлея Fancybox */
#dialog-auth-choice {
    display: none !important;
}
.fancybox__container #dialog-auth-choice {
    display: block !important;
}
.modal-auth-choice__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.modal-auth-choice__logo {
    display: block;
    width: 130px;
    height: 24px;
}
.modal-auth-choice__title {
    margin-top: 40px;
}
.modal-auth-choice__roles {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    margin-top: 40px;
}
.modal-auth-choice__role {
    display: block;
    cursor: pointer;
}
.modal-auth-choice__card {
    display: flex;
    align-items: center;
    gap: 30px;
    min-height: 80px;
    padding-left: 20px;
    overflow: hidden;
    border: 1px solid var(--gray-200);
    border-radius: var(--radius-middle);
    background: var(--white);
    transition: all var(--transition);
}
/* выделяем выбранную карточку; рамка — #54B8F0 под слоем чёрного 20% из макета */
.modal-auth-choice__radio:checked + .modal-auth-choice__card,
.modal-auth-choice__radio:focus-visible + .modal-auth-choice__card {
    border-color: #4393c0;
    background: var(--white-blue);
}
/* при наведении только обводка, без фона */
@media (hover: hover) {
    .modal-auth-choice__role:hover .modal-auth-choice__card {
        border-color: #4393c0;
    }
}
.modal-auth-choice__card-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1 1 auto;
    min-width: 0;
    padding: 10px 0;
}
.modal-auth-choice__card-title {
    font-family: var(--font-primary);
    font-size: 18px;
    font-weight: 700;
    line-height: 130%;
    color: var(--black-light);
}
.modal-auth-choice__card-desc {
    font-family: var(--font-HelveticaNeue);
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    color: var(--gray-dark);
}
.modal-auth-choice__card-img {
    flex: 0 0 auto;
    width: 80px;
    height: 80px;
    margin: -1px 0;
    object-fit: contain;
}
.modal-auth-choice__btn {
    width: 100%;
    margin-top: 10px;
}
.modal-auth-choice__roles + .modal-auth-choice__btn {
    margin-top: 40px;
}
/* серую кнопку пишем через элемент: глобальный reset button перебивает цвет по порядку */
button.modal-auth-choice__btn_register,
a.modal-auth-choice__btn_register {
    background-color: var(--gray-light);
    color: var(--black-light);
}
/* регистрация по выбранной роли: арендатору модалка, владельцу ссылка на лендинг */
.modal-auth-choice__btn_lease,
.modal-auth-choice:has([value="lease"]:checked) .modal-auth-choice__btn_rent {
    display: none;
}
.modal-auth-choice:has([value="lease"]:checked) .modal-auth-choice__btn_lease {
    display: flex;
}
#dialog-issue.modal-issue {
    max-width: 500px;
}
/* вне оверлея Fancybox узел скрыт при любом инлайновом display: программное закрытие
   модалки оставляло узлу display:block, и форма всплывала в потоке под футером.
   important перебивает инлайновый стиль, внутри оверлея узел показывает второе правило */
#dialog-issue {
    display: none !important;
}
.fancybox__container #dialog-issue {
    display: block !important;
}
.modal-issue .modal-entrance__desc {
    margin-top: 10px;
    color: #1d1d1d;
}
.modal-issue__phone {
    font-weight: 600;
    color: inherit;
    white-space: nowrap;
}
.modal-issue__group {
    text-align: left;
}
.modal-issue__group + .modal-issue__group {
    margin-top: 20px;
}
.modal-issue .modal-entrance__label {
    color: #2E2F33;
}
.modal-issue__input {
    height: auto;
    padding: 10px;
    text-align: left;
    font-size: 16px;
    border-radius: var(--radius-light);
}
.modal-issue__textarea {
    width: 100%;
    height: 83px;
    padding: 10px;
    font-family: var(--font-HelveticaNeue, "HelveticaNeue", sans-serif);
    font-size: 16px;
    line-height: 140%;
    border: 1px solid #ececec;
    border-radius: var(--radius-light);
    background: #fff;
    resize: none;
}
.modal-issue__textarea::placeholder {
    font-weight: 300;
    line-height: 140%;
    letter-spacing: 0;
    color: var(--gray-middle);
}
.modal-issue__btn {
    background: #1d1d1d;
    color: #fff;
}

.payment-error {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 120px 16px 155px;
}
.payment-error__img {
    width: 180px;
    height: auto;
    margin-bottom: 40px;
}
.payment-error__title {
    margin: 0 0 16px;
    font-family: var(--font-RobotoCondensed);
    font-size: 30px;
    font-weight: 900;
    line-height: 100%;
    text-transform: uppercase;
    color: var(--black-light);
}
.payment-error__text {
    margin: 0 0 40px;
    font-family: var(--font-HelveticaNeue);
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
    color: var(--gray-dark);
}
.payment-error__notice {
    margin: 0 0 24px;
    font-family: var(--font-HelveticaNeue);
    font-size: 18px;
    font-weight: 700;
}
.payment-error__notice_canceled {
    color: #d32f2f;
}
.payment-error__notice_paid {
    color: #2e7d32;
}
.payment-error__actions {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: center;
}
.payment-error__btn {
    min-width: 180px;
}
@media (max-width: 575px) {
    .payment-error {
        padding: 64px 16px 96px;
    }
    .payment-error__text {
        font-size: 16px;
    }
    .payment-error__actions {
        width: 100%;
        flex-direction: column;
    }
    .payment-error__btn {
        width: 100%;
    }
}

/* Табы старого ЛК — приводим размер к новому ЛК (.lk-tabs__item) */
.pantry-tab .btn-tab {
    padding: 12px 24px;
    border-radius: 999px;
    line-height: 130%;
}

/* Страница-заглушка «Спасибо» после отправки заявки */
body:has(.thanks) .page__wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.thanks {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
}
.thanks .container {
    width: 100%;
}
.thanks__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 48px 16px;
    max-width: 640px;
    margin: 0 auto;
}
.thanks__badge {
    margin-bottom: 40px;
}
.thanks__title {
    margin: 0 0 16px;
    color: var(--black-light);
}
.thanks__text {
    margin: 0 0 40px;
    font-family: var(--font-HelveticaNeue);
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
    color: var(--gray-dark);
}
.thanks__btn {
    min-width: 320px;
    margin-bottom: 24px;
    padding: 16px 32px;
    font-size: 18px;
}
.thanks__meta {
    margin: 0;
    font-family: var(--font-HelveticaNeue);
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
    color: var(--gray-dark);
}
@media (max-width: 575px) {
    .thanks__text {
        font-size: 18px;
        line-height: 130%;
        letter-spacing: -0.02em;
    }
    .thanks__btn {
        min-width: 0;
        width: 100%;
    }
    .thanks__meta {
        font-size: 14px;
    }
}

/* ===== Новая главная (new_main) ===== */

/* Настоящий Roboto Italic (variable) — глобального italic-face для Roboto на сайте нет */
@font-face {
    font-family: "Roboto";
    /* подмножество woff2 содержит только толщины 700–900 — других курсивов на сайте нет */
    src: url("/local/templates/prokladovki/assets/fonts/Roboto-Italic-Variable.subset.woff2") format("woff2"),
        url("/local/templates/prokladovki/assets/fonts/Roboto-Italic-Variable.ttf") format("truetype");
    font-weight: 700 900;
    font-style: italic;
    font-display: swap;
}

.new-main {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Hero */
.nm-hero {
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 60px 0;
}
.nm-hero__content {
    flex: 0 0 600px;
    max-width: 600px;
}
.nm-hero__title {
    font-family: var(--font-RobotoCondensed);
    font-weight: 900;
    font-size: 50px;
    line-height: 120%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--black-light);
    margin: 0 0 32px;
}
.nm-hero__title-accent {
    color: var(--blue-middle);
}
.nm-hero__subtitle {
    font-family: var(--font-HelveticaNeue);
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    letter-spacing: -0.02em;
    color: var(--gray-dark);
    margin: 0 0 40px;
}
.nm-hero__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px !important;
    border-radius: 8px;
    background: #2E2E2E;
    color: #fff;
    font-family: var(--font-primary);
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: -0.01em;
    text-decoration: none;
    transition: opacity .2s ease;
}
.nm-hero__btn:hover {
    opacity: .9;
    color: #fff;
}
.nm-hero__media {
    flex: 1 1 auto;
    min-width: 0;
}
.nm-hero__media-link {
    display: block;
}
.nm-hero__img {
    display: block;
    width: 100%;
    height: auto;
}

@media (max-width: 991px) {
    .nm-hero {
        flex-direction: column;
        align-items: stretch;
        gap: 32px;
        padding: 25px 0;
    }
    .nm-hero__content {
        flex: 0 0 auto;
        max-width: none;
        text-align: center;
    }
    .nm-hero__title {
        font-size: 38px;
        margin-bottom: 24px;
    }
    .nm-hero__subtitle {
        font-size: 16px;
        margin-bottom: 32px;
        text-align: center;
    }
}

@media (max-width: 575px) {
    .nm-hero__title {
        font-size: 32px;
    }
    .nm-hero__subtitle {
        letter-spacing: 0;
    }
    .nm-hero__btn {
        width: 100%;
    }
}

/* Для кого */
.nm-audience {
    padding: 60px 0;
}
.nm-audience__head {
    text-align: center;
    margin-bottom: 40px;
}
.nm-audience__eyebrow {
    font-family: var(--font-HelveticaNeue);
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--gray-middle);
    margin-bottom: 16px;
}
.nm-audience__title {
    font-family: var(--font-RobotoCondensed);
    font-weight: 900;
    font-size: 40px;
    line-height: 110%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--black-light);
    margin: 0;
}
.nm-audience__title-accent {
    color: var(--blue-middle);
}
.nm-audience__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    align-items: stretch;
}

/* Левая колонка — два факта */
.nm-audience__facts {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.nm-fact {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
    min-height: 188px;
    padding: 20px;
    border-radius: 20px;
    background: var(--gray-300);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
}
.nm-fact__text {
    font-family: var(--font-primary);
    /* На сайте @font-face перепутаны: 900 = настоящий Roboto Bold (макет heading-3 700) */
    font-weight: 900;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: -0.03em;
    color: var(--black-light);
}
.nm-fact__num {
    font-family: var(--font-primary);
    /* Настоящий Roboto Bold Italic из variable-font (см. @font-face выше) */
    font-weight: 700;
    font-style: italic;
    font-size: 48px;
    line-height: 120%;
    letter-spacing: -0.03em;
    color: #EB8258;
}

/* Фото-карточки */
.nm-photo {
    position: relative;
    height: 400px;
    margin: 0;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
}
.nm-photo__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* Градиент под подписью для читаемости */
.nm-photo::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 55%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    pointer-events: none;
}
.nm-photo__caption {
    position: absolute;
    z-index: 1;
    left: 20px;
    right: 20px;
    bottom: 20px;
    font-family: var(--font-primary);
    font-weight: 900;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: -0.03em;
    color: #fff;
}

@media (max-width: 991px) {
    .nm-audience {
        padding: 25px 0;
    }
    .nm-audience__title {
        font-size: 30px;
    }
    .nm-audience__grid {
        grid-template-columns: 1fr 1fr;
    }
    /* Факты занимают всю ширину сверху, фото — в ряд под ними */
    .nm-audience__facts {
        grid-column: 1 / -1;
        flex-direction: row;
    }
    .nm-fact__num {
        font-size: 40px;
    }
    .nm-photo {
        min-height: 320px;
    }
}

@media (max-width: 575px) {
    .nm-audience__head {
        text-align: left;
        margin-bottom: 20px;
    }
    .nm-audience__facts {
        flex-direction: column;
        gap: 10px;
    }
    .nm-fact {
        flex: 0 0 auto;
        justify-content: flex-start;
        gap: 16px;
        min-height: 0;
    }
    .nm-audience__grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .nm-fact__text,
    .nm-photo__caption {
        font-size: 20px;
    }
}

/* Как забронировать */
.nm-steps {
    padding: 60px 0;
}
.nm-steps__head {
    text-align: center;
    margin-bottom: 40px;
}
.nm-steps__eyebrow {
    font-family: var(--font-HelveticaNeue);
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--gray-middle);
    margin-bottom: 16px;
}
.nm-steps__title {
    font-family: var(--font-RobotoCondensed);
    font-weight: 900;
    font-size: 40px;
    line-height: 110%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--black-light);
    margin: 0;
}

/* Таймлайн: колонки совпадают с карточками, плашка над своей колонкой */
/* Трек шагов: десктоп — 4 колонки, строки выровнены через subgrid */
.nm-steps__track {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto auto auto auto;
    column-gap: 40px;
    row-gap: 0;
}
/* Шаг = плашка + заголовок + текст + картинка на 4 общих строках */
.nm-step {
    display: grid;
    grid-row: span 4;
    grid-template-rows: subgrid;
    min-width: 0;
}
/* Строка таймлайна внутри шага */
.nm-step__stage {
    display: flex;
    align-items: center;
    min-width: 0;
    margin-bottom: 24px;
}
.nm-steps__pill {
    flex: 0 0 auto;
    padding: 10px 16px;
    border-radius: 20px;
    border: 1px solid var(--gray-200);
    background: var(--gray-300);
    font-family: var(--font-HelveticaNeue);
    font-weight: 700;
    font-size: 18px;
    line-height: 130%;
    letter-spacing: -0.03em;
    color: var(--gray-dark);
    white-space: nowrap;
}
.nm-steps__line {
    flex: 1 1 0;
    min-width: 0;
    height: 20px;
    background: url("/local/templates/prokladovki/assets/img/step_timeline.svg") repeat-x center / auto 20px;
    /* 8px воздуха у плашек с каждой стороны */
    margin: 0 8px;
}
/* линия, замыкающая колонку, продлевается через column-gap к следующей плашке */
.nm-steps__line:last-child {
    margin-right: -32px;
}

.nm-step__title {
    font-family: var(--font-primary);
    /* 900 = настоящий Roboto Bold (см. reference_roboto_fontface_swapped) */
    font-weight: 900;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: -0.03em;
    color: var(--black-light);
    margin: 0 0 12px;
}
.nm-step__text {
    font-family: var(--font-HelveticaNeue);
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -0.02em;
    color: var(--gray-dark);
    margin: 0 0 20px;
}
.nm-step__media {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 20px;
    border: 1px solid var(--gray-200);
    overflow: hidden;
    background: var(--gray-300);
}
.nm-step__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Кнопка */
.nm-steps__action {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
.nm-steps__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px !important;
    border-radius: 12px;
    background: var(--blue-middle);
    color: #fff;
    font-family: var(--font-primary);
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: -0.01em;
    text-decoration: none;
    transition: opacity .2s ease;
}
.nm-steps__btn:hover {
    opacity: .9;
    color: #fff;
}

@media (max-width: 991px) {
    .nm-steps {
        padding: 25px 0;
    }
    .nm-steps__title {
        font-size: 30px;
    }
    .nm-steps__head {
        text-align: left;
    }
    /* Мобилка: трек в горизонтальный слайдер со snap */
    .nm-steps__track {
        display: flex;
        grid-template-columns: none;
        grid-template-rows: none;
        column-gap: 0;
        gap: 16px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 8px;
    }
    .nm-step {
        display: flex;
        flex-direction: column;
        grid-row: auto;
        grid-template-rows: none;
        flex: 0 0 82%;
        max-width: 320px;
        scroll-snap-align: start;
    }
    .nm-step__stage {
        margin-bottom: 16px;
    }
    .nm-steps__btn {
        width: 100%;
    }
}

/* Почему выбирают */
.nm-why {
    display: flex;
    align-items: flex-start;
    gap: 60px;
    padding: 60px 0;
}
.nm-why__left {
    flex: 0 0 500px;
    max-width: 500px;
}
.nm-why__eyebrow {
    /* Roboto Regular 400 на сайте нет — берём HelveticaNeue */
    font-family: var(--font-HelveticaNeue);
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--gray-middle);
    margin-bottom: 16px;
}
.nm-why__title {
    font-family: var(--font-RobotoCondensed);
    font-weight: 900;
    font-size: 50px;
    line-height: 120%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--black-light);
    margin: 0 0 24px;
}
.nm-why__subtitle {
    /* Roboto Regular 400 на сайте нет (есть только 500/700/900) — берём настоящий регуляр HelveticaNeue */
    font-family: var(--font-HelveticaNeue);
    font-weight: 400;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: -0.03em;
    color: var(--gray-dark);
    margin: 0 0 32px;
}
.nm-why__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px !important;
    border-radius: 12px;
    background: var(--blue-middle);
    color: #fff;
    font-family: var(--font-primary);
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: -0.01em;
    text-decoration: none;
    transition: opacity .2s ease;
}
.nm-why__btn:hover {
    opacity: .9;
    color: #fff;
}

/* Сетка преимуществ 2×2 */
.nm-why__cards {
    flex: 1 1 auto;
    min-width: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}
.nm-card {
    display: flex;
    flex-direction: column;
    gap: 40px;
    min-height: 291px;
    padding: 20px;
    border-radius: 20px;
    background: rgba(243, 243, 246, 0.5);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
}
.nm-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 84px;
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
}
.nm-card__icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.nm-card__title {
    font-family: var(--font-primary);
    /* 900 = настоящий Roboto Bold */
    font-weight: 900;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: -0.03em;
    color: var(--black-light);
    margin: 0 0 12px;
}
.nm-card__text {
    font-family: var(--font-HelveticaNeue);
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    letter-spacing: -0.02em;
    color: var(--gray-dark);
    margin: 0;
}

@media (max-width: 1199px) {
    /* блочная раскладка (как .nm-steps) — слайдер карточек не распирает страницу */
    .nm-why {
        display: block;
    }
    .nm-why__left {
        max-width: none;
        margin-bottom: 40px;
    }
}

@media (max-width: 991px) {
    .nm-why {
        padding: 25px 0;
    }
    .nm-why__title {
        font-size: 30px;
    }
    .nm-why__subtitle {
        font-size: 20px;
    }
}

@media (max-width: 575px) {
    /* карточки в горизонтальный слайдер со snap */
    .nm-why__cards {
        display: flex;
        grid-template-columns: none;
        gap: 16px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 8px;
    }
    .nm-card {
        flex: 0 0 82%;
        max-width: 320px;
        scroll-snap-align: start;
    }
    .nm-why__btn {
        display: none;
    }
}
/* Квиз */
.nm-quiz {
    /* резервируем место под iframe квиза (600px) - он грузится лениво и не должен сдвигать вёрстку */
    min-height: 720px;
    padding: 60px 0;
}
.nm-quiz .marquiz__inline-frame {
    border-radius: 8px !important;
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.08) !important;
}

/* Отзывы */
.nm-reviews {
    display: flex;
    align-items: flex-start;
    gap: 60px;
    padding: 60px 0;
}
.nm-reviews__left {
    flex: 0 0 500px;
    max-width: 500px;
}
.nm-reviews__eyebrow {
    font-family: var(--font-HelveticaNeue);
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--gray-middle);
    margin-bottom: 16px;
}
.nm-reviews__title {
    font-family: var(--font-RobotoCondensed);
    font-weight: 900;
    font-size: 50px;
    line-height: 120%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--black-light);
    margin: 0;
}
.nm-reviews__widget {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    max-width: 760px;
    margin-left: auto;
    height: 900px;
    border-radius: 20px;
    border: 1px solid var(--gray-200);
    overflow: hidden;
}
.nm-reviews__iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}
/* ссылка-атрибуция Яндекса — обязательна по условиям виджета */
.nm-reviews__attr {
    position: absolute;
    left: 0;
    bottom: 8px;
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
    font-size: 10px;
    color: #b3b3b3;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1199px) {
    .nm-reviews {
        flex-direction: column;
        gap: 40px;
    }
    .nm-reviews__left {
        flex: 0 0 auto;
        max-width: none;
    }
    .nm-reviews__widget {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .nm-reviews {
        padding: 25px 0;
        gap: 20px;
    }
    .nm-reviews__title {
        font-size: 30px;
    }
    .nm-reviews__widget {
        height: 600px;
    }
}

/* Частые вопросы (FAQ-аккордеон, компонент faq.listing / шаблон main) */
.nm-faq {
    padding: 60px 0;
}
.nm-faq__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 40px;
}
.nm-faq__eyebrow {
    font-family: var(--font-HelveticaNeue);
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--gray-middle);
    margin-bottom: 16px;
}
.nm-faq__title {
    font-family: var(--font-RobotoCondensed);
    font-weight: 900;
    font-size: 50px;
    line-height: 120%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--black-light);
    margin: 0;
}
.nm-faq__btn {
    flex: 0 0 auto;
    padding: 12px 24px;
    border-radius: 12px;
    border: 1px solid var(--gray-200);
    background: #fff;
    font-family: var(--font-primary);
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: var(--black-light);
    white-space: nowrap;
    cursor: pointer;
    transition: background .2s ease;
}
.nm-faq__btn:hover {
    background: var(--gray-300);
}

.nm-faq__cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: start;
}
.nm-faq__col {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Карточка вопроса (переопределяем блоговские .faq-item более высокой специфичностью) */
.nm-faq .faq-item {
    background: rgba(243, 243, 246, 0.5);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
}
.nm-faq .faq-item__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    padding: 20px;
    background: transparent;
    border: 0;
    text-align: left;
    cursor: pointer;
}
.nm-faq .faq-item__question {
    font-family: var(--font-RobotoCondensed);
    font-weight: 900;
    font-size: 26px;
    line-height: 120%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: var(--black-light);
}
.nm-faq .faq-item__toggle {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: var(--gray-200);
    color: var(--black-light);
    transition: background .2s ease, color .2s ease;
}
.nm-faq .faq-item__toggle svg {
    transition: transform .3s ease;
}
.nm-faq .faq-item.is-open .faq-item__toggle {
    background: #2E2E2E;
    color: #fff;
}
.nm-faq .faq-item.is-open .faq-item__toggle svg {
    transform: rotate(45deg);
}
.nm-faq .faq-item__answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease;
}
.nm-faq .faq-item__answer-inner {
    padding: 0 20px 20px;
    font-family: var(--font-HelveticaNeue);
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0;
    color: var(--gray-dark);
}

@media (max-width: 991px) {
    .nm-faq {
        padding: 25px 0;
    }
    .nm-faq__title {
        font-size: 30px;
    }
    .nm-faq__cols {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575px) {
    .nm-faq__head {
        flex-direction: column;
        align-items: flex-start;
    }
    .nm-faq__btn {
        width: auto;
    }
}

/* Мобилка: единый отступ eyebrow→заголовок 10px и под заголовком 20px во всех блоках */
@media (max-width: 575px) {
    .nm-audience__eyebrow,
    .nm-steps__eyebrow,
    .nm-why__eyebrow,
    .nm-reviews__eyebrow,
    .nm-faq__eyebrow {
        margin-bottom: 10px;
    }
    .nm-audience__head,
    .nm-steps__head,
    .nm-faq__head {
        margin-bottom: 20px;
    }
    .nm-why__title,
    .nm-reviews__title {
        margin-bottom: 20px;
    }

    /* заголовки блока «Почему выбирают» — по левому краю */
    .nm-why__left {
        text-align: left;
    }

    /* размер заголовков на мобилке — 30px (eyebrow остаётся 16px; hero — 32px отдельно) */
    .nm-audience__title,
    .nm-steps__title,
    .nm-why__title,
    .nm-reviews__title,
    .nm-faq__title {
        font-size: 30px;
    }
}

/* Мобилка: внутренний отступ кнопок 8px (правило последнее — перекрывает базовые padding !important) */
@media (max-width: 575px) {
    .nm-hero__btn,
    .nm-steps__btn,
    .nm-why__btn,
    .nm-faq__btn {
        padding: 8px !important;
    }
}

/* Единый border-radius кнопок 8px (правило последнее — перекрывает базовые) */
.nm-hero__btn,
.nm-steps__btn,
.nm-why__btn,
.nm-faq__btn {
    border-radius: 8px;
}

/* Витрина партнёра: текстовый бренд, когда логотип ещё не загружен */
.logo__text {
    font-family: var(--font-title, inherit);
    font-size: 20px;
    font-weight: 900;
    line-height: 1.2;
    color: var(--black-middle);
    white-space: nowrap;
}

/* Витрина партнёра: логотип из карточки компании и название всегда идут парой. */
.header-test .header__block-logo--partner {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

/* Логотип партнёра выше стандартного, поэтому уплотняем только десктопную шапку. */
@media (min-width: 960px) {
    .header-test:has(.header__block-logo--partner) {
        padding-top: 4px;
        padding-bottom: 4px;
    }
}
.header-test .header__block-logo .logo__image--partner {
    flex: 0 0 45px;
    width: 45px;
    height: 45px;
    max-width: none;
    object-fit: contain;
}
.header-test .header__block-logo .logo__text--partner {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Витрина партнёра: футер повторяет компактную пару логотип + название из шапки. */
.footer .footer__block-logo {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    max-width: 100%;
}
.footer .footer__block-logo .logo__image--partner {
    flex: 0 0 45px;
    width: 45px;
    height: 45px;
    max-width: none;
    object-fit: contain;
}
.footer .footer__block-logo .logo__text--partner {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1279.98px) {
    .header-test .header__block-logo .logo__image--partner {
        flex-basis: 38px;
        width: 38px;
        height: 38px;
    }
    .footer .footer__block-logo .logo__image--partner {
        flex-basis: 38px;
        width: 38px;
        height: 38px;
    }
}

@media (max-width: 959.98px) {
    .header-test .header__block-logo--partner {
        gap: 8px;
        max-width: min(62vw, 310px);
    }
    .header-test .header__block-logo .logo__image--partner {
        flex-basis: 32px;
        width: 32px;
        height: 32px;
    }
    .footer .footer__block-logo {
        gap: 8px;
    }
    .footer .footer__block-logo .logo__image--partner {
        flex-basis: 32px;
        width: 32px;
        height: 32px;
    }
}

/* Витрина партнёра: виджет отзывов Яндекса на детальной вместо своего слайдера */
.reviews-test__widget {
    display: block;
    width: 100%;
    border: 0;
    border-radius: 12px;
    overflow: hidden;
}

/* Витрина партнёра: страница политики обработки персональных данных */
.policy {
    max-width: 820px;
    margin: 0 auto;
    padding: 24px 0 40px;
}

.policy__updated {
    margin-bottom: 12px;
    font-size: 14px;
    color: var(--gray-dark);
}

.policy__head {
    margin-bottom: 24px;
}

.policy__title {
    margin: 32px 0 12px;
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
    color: var(--black-dark-op92);
}

.policy p {
    margin-bottom: 12px;
    color: var(--black-light);
}

.policy__list {
    margin: 0 0 12px;
    padding-left: 20px;
    list-style: disc;
    color: var(--black-light);
}

.policy__list li {
    margin-bottom: 8px;
}

/* Обязательные согласия под формами (includs/form-consent.php) */
.form-consent {
    width: 100%;
}

.form-request-option {
    margin: 8px 0;
}

.form-consent__item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.form-consent__item + .form-consent__item {
    margin-top: 12px;
}

.form-consent__input {
    width: 1px;
    height: 1px;
}

.form-consent .form-consent__box {
    flex: 0 0 20px;
    width: 20px !important;
    height: 20px !important;
    margin: 0;
}

.form-consent .form-consent__box::before {
    width: 20px !important;
    height: 20px !important;
    border-radius: 4px !important;
    background-color: #fff !important;
    background-size: 16px 16px !important;
}

.form-consent .form-consent__input:checked + .form-consent__box::before {
    background-color: var(--blue-middle) !important;
    border-color: var(--blue-middle) !important;
}

/* Не проставленное обязательное согласие подсвечиваем как ошибку поля */
.form-consent__item.error .form-consent__box::before {
    border-color: var(--red) !important;
}

.form-consent__text {
    margin: 0;
    cursor: pointer;
    font-family: var(--font-HelveticaNeue);
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    color: var(--gray-middle);
}

.form-consent__text a {
    color: var(--blue-middle);
}

/* На лендинге согласия идут отдельным блоком над кнопкой */
.landing-form .form-consent {
    margin-top: 20px;
}

/* убираем курсор-«руку» перетаскивания на inline-модалках Fancybox */
.fancybox__viewport.is-draggable:has(> .fancybox__slide.has-html),
.fancybox__viewport.is-dragging:has(> .fancybox__slide.has-html) {
    cursor: default;
}

/* End */
/* /local/templates/prokladovki/assets/libs/swiper-bundle.min.css?177201424818471 */
/* /local/templates/prokladovki/assets/libs/fancybox.css?177201424827957 */
/* /local/templates/prokladovki/assets/libs/fotorama.css?177201424815144 */
/* /local/templates/prokladovki/assets/libs/select2.min.css?175836096014965 */
/* /local/templates/prokladovki/assets/libs/daterangepicker.css?17720142488069 */
/* /local/templates/prokladovki/assets/css/style.min.css?1791397765264684 */
/* /local/components/prokladovki/city.selector/templates/.default/style.css?17885138702084 */
/* /local/components/prokladovki/city.selector/templates/mobile/style.css?17853347923625 */
/* /local/components/prokladovki/city.selector/templates/confirm/style.css?17861854214357 */
/* /local/templates/prokladovki/styles.css?1791632752119053 */