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

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


/* Start:/bitrix/templates/isart/assets/css/main.css?1792738388172822*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: rgba(0, 0, 0, 0)
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

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

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

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

@font-face {
    font-family: "Gilroy";
    src: url("/bitrix/templates/isart/assets/css/../fonts/Gilroy-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Gilroy";
    src: url("/bitrix/templates/isart/assets/css/../fonts/Gilroy-Semibold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal
}

html {
    box-sizing: border-box;
    height: 100%;
    font-size: 16px
}

html.noscroll {
    overflow: hidden
}

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

body {
    background: var(--back);
    color: var(--dark-blue);
    font-family: "Gilroy";
    min-width: 360px;
    display: flex;
    flex-direction: column;
    height: 100%
}

img {
    max-width: 100%;
    height: auto
}

*:has(>img) {
    font-size: 0
}

main {
    flex: 1 0 auto;
    position: relative;
    gap: 100px
}

footer {
    flex: 0 0 auto
}

html.no_scroll {
    overflow: hidden
}

button,
a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

a {
    text-decoration: none
}

.position-relative {
    position: relative
}

.position-absolute {
    position: absolute
}

.position-fixed {
    position: fixed
}

.top-0 {
    top: 0
}

.start-0 {
    left: 0
}

.end-0 {
    right: 0
}

.bottom-0 {
    bottom: 0
}

.d-none {
    display: none
}

.d-block {
    display: block
}

.d-grid {
    display: grid
}

.d-flex {
    display: flex;
    flex-wrap: wrap
}

.d-inline-block {
    display: inline-block
}

.flex-column {
    flex-direction: column
}

.flex-grow-1 {
    flex-grow: 1
}

.justify-content-start {
    justify-content: flex-start
}

.justify-content-center {
    justify-content: center
}

.justify-content-end {
    justify-content: flex-end
}

.justify-content-between {
    justify-content: space-between
}

.align-items-start {
    align-items: flex-start
}

.align-items-center {
    align-items: center
}

.align-items-end {
    align-items: flex-end
}

.align-items-baseline {
    align-items: baseline
}

.w-100 {
    width: 100%
}

.h-100 {
    height: 100%
}

.mx-auto {
    margin: 0 auto
}

.ms-auto {
    margin-left: auto
}

.m-0 {
    margin: 0
}

.p-0 {
    padding: 0
}

.text-center {
    text-align: center
}

.text-end {
    text-align: right
}

.list-none {
    list-style: none
}

.text-decoration-none {
    text-decoration: none
}

.text-uppercase {
    text-transform: uppercase
}

.overflow-hidden {
    overflow: hidden
}

.object-cover-50 {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50%;
    object-position: 50%
}

.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    cursor: pointer
}

.textBread,
.textBread span,
.textBread a {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px
}

.header-mail-link {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
}

.header-mail-link img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media(min-width: 1134px) {

    h1,
    .h1 {
        font-weight: 600;
        font-size: 40px;
        line-height: 100%
    }

    h2,
    .h2 {
        font-weight: 600;
        font-size: 24px;
        line-height: 29px;
        letter-spacing: .01em
    }

    h3,
    .h3 {
        font-weight: 600;
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .01em
    }

    .textAccent,
    .textAccent p,
    .textAccent li {
        font-weight: 600;
        font-size: 16px;
        line-height: 19px
    }

    .text,
    .text p,
    .text li {
        font-weight: 400;
        font-size: 16px;
        line-height: 18px
    }

    .textSmall,
    .textSmall p,
    .textSmall li {
        font-weight: 400;
        font-size: 14px;
        line-height: 16px
    }

    .textUnderline,
    .textUnderline p,
    .textUnderline li {
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        text-decoration: underline
    }

    .textCTA,
    .textCTA p,
    .textCTA li {
        font-weight: 600;
        font-size: 18px;
        line-height: 20px
    }

    .beige {
        font-weight: 400;
        font-size: 11px;
        line-height: 13px
    }
}

@media(min-width: 768px)and (max-width: 1133px) {

    h1,
    .h1 {
        font-weight: 600;
        font-size: 28px;
        line-height: 33px
    }

    h2,
    .h2 {
        font-weight: 600;
        font-size: 24px;
        line-height: 29px;
        letter-spacing: .01em
    }

    h3,
    .h3 {
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .01em
    }

    .text,
    .text p,
    .text li {
        font-weight: 400;
        font-size: 16px;
        line-height: 18px
    }

    .tabletBtn {
        font-weight: 400;
        font-size: 17px;
        line-height: 20px
    }

    .tabletCTA,
    .tabletCTA p,
    .tabletCTA li {
        font-weight: 600;
        font-size: 18px;
        line-height: 21px
    }

    .tabletText,
    .tabletText p,
    .tabletText li {
        font-weight: 400;
        font-size: 16px;
        line-height: 19px
    }

    .tabletTextSmall,
    .tabletTextSmall p,
    .tabletTextSmall li {
        font-weight: 400;
        font-size: 12px;
        line-height: 14px
    }

    .tabletTextAccent,
    .tabletTextAccent p,
    .tabletTextAccent li {
        font-weight: 600;
        font-size: 16px;
        line-height: 19px
    }

    .textAccentUnderline,
    .textAccentUnderline p,
    .textAccentUnderline li {
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
        text-decoration: underline
    }

    .beige {
        font-weight: 400;
        font-size: 9px;
        line-height: 11px
    }
}

@media(max-width: 767px) {

    h1,
    .h1 {
        font-weight: 600;
        font-size: 21px;
        line-height: 25px;
        letter-spacing: .01em
    }

    h2,
    .h2 {
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .01em
    }

    h3,
    .h3 {
        font-weight: 600;
        font-size: 18px;
        line-height: 21px;
        letter-spacing: .01em
    }

    .text,
    .text p,
    .text li {
        font-weight: 400;
        font-size: 14px;
        line-height: 16px
    }

    .mobTextSmalBtn {
        font-weight: 400;
        font-size: 10px;
        line-height: 12px
    }

    .mobTextTab,
    .mobTextTab p,
    .mobTextTab li {
        font-weight: 400;
        font-size: 14px;
        line-height: 16px
    }

    .mobTextBtnTab {
        font-weight: 400;
        font-size: 15px;
        line-height: 17px
    }

    .mobTextAccent,
    .mobTextAccent p,
    .mobTextAccent li {
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
        letter-spacing: .01em
    }

    .mobCTA,
    .mobCTA p,
    .mobCTA li {
        font-weight: 600;
        font-size: 18px;
        line-height: 21px;
        letter-spacing: .01em
    }

    .mobText,
    .mobText p,
    .mobText li {
        font-weight: 600;
        font-size: 11px;
        line-height: 13px
    }

    .mobTextSmall,
    .mobTextSmall p,
    .mobTextSmall li {
        font-weight: 400;
        font-size: 11px;
        line-height: 13px
    }

    .mobTextAccentUnderline {
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
        letter-spacing: .01em;
        text-decoration: underline
    }

    .beige {
        font-weight: 400;
        font-size: 8px;
        line-height: 10px
    }

    .textBread,
    .textBread span,
    .textBread a {
        font-weight: 400;
        font-size: 11px;
        line-height: 13px
    }
}

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

.swiper-button-prev,
.swiper-button-next {
    margin: 0
}

.swiper-button-prev:after,
.swiper-button-next:after {
    display: none
}

p {
    font-size: 16px;
    line-height: 19px;
    margin: 0 0 20px 0
}

ul,
ol {
    margin: 0 0;
    padding-left: 25px
}

p:last-child,
ul:last-child,
ol:last-child {
    margin-bottom: 0 !important
}

._desktop {
    display: block
}

._mobile {
    display: none
}

._tablet {
    display: none
}

@media(max-width: 1024px) {
    ._desktop {
        display: none;
    }

    ._tablet {
        display: block
    }
}

@media(max-width: 575px) {
    ._mobile {
        display: block
    }

    ._tablet {
        display: none
    }
}

.main-header {
    position: fixed;
    z-index: 11;
    left: 0;
    right: 0;
    top: 0
}

.main-header-top {
    padding: 12px 0;
    background-color: var(--white);
    position: relative;
    z-index: 2
}

.main-header.scrolled .main-header-top {
    box-shadow: 0px 8px 20px rgba(19, 19, 69, .1)
}

.main-header-top_wrapper {
    gap: 20px
}

.header-logo {
    gap: 22px;
    margin-right: auto
}

.header-logo-text {
    width: 127px;
    color: var(--dark-blue)
}

.header-catalog {
    gap: 12px;
    width: 124px;
    height: 36px;
    background: var(--main-blue);
    border-radius: 4px
}

.header-catalog-name {
    color: var(--white)
}

.search-text {
    width: 240px;
    height: 36px;
    background: #fff;
    border: 1px solid rgba(121, 130, 133, .6);
    border-radius: 4px;
    padding: 0 70px 0 12px;
    color: var(--dark-blue)
}

.search-submit {
    width: 36px;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url(/bitrix/templates/isart/assets/css/../images/search.svg);
    background-repeat: no-repeat;
    background-position: 50%
}

.main-header-control {
    gap: 8px
}

.counter-item {
    width: 17px;
    height: 17px;
    background: var(--main-blue);
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-family: 'Gilroy';
    font-weight: 600;
    font-size: 12px;
    line-height: 1;
    padding-top: 1px;
    box-sizing: border-box;
    text-align: center;
    color: #FFFFFF;
    position: absolute;
    right: 0;
    bottom: 0;
}

.header-wishlist {
    width: 30px;
    height: auto;
}

.header-info_wrapper {
    gap: 16px
}

.header-phone {
    color: var(--dark-blue)
}

.header-worktime {
    color: var(--dark-blue)
}

.main-header-bottom {
    background-color: var(--main-blue);
    transition: .3s ease
}

.main-header.scrolled .main-header-bottom {
    opacity: 0;
    visibility: hidden;
    margin-top: -50px
}

.header-menu_wrapper {
    gap: 10px
}

.header-menu>ul>li>a {
    height: 45px;
    display: flex;
    align-items: center;
    color: var(--white);
    padding: 0 20px;
    gap: 6px;
    transition: .2s ease
}

.header-menu>ul>li:first-child>a {
    padding-left: 0
}

.header-menu>ul>li:last-child>a {
    padding-right: 0
}

/* .header-menu>ul>li:not(:first-child)>a.current {
    background-color: var(--violet)
} */

@media(min-width: 1134px)and (hover: hover)and (pointer: fine) {
    .header-menu>ul>li:hover>a:after {
        transform: rotate(90deg)
    }
}

.header-menu .has-childs>a {
    padding-right: 10px
}

.header-menu .has-childs>a:after {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(/bitrix/templates/isart/assets/css/../images/menu-arrow.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    transition: .15s ease
}

.sub-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    padding: 20px 40px 40px;
    background-color: var(--white);
    box-shadow: 0px -2px 15px rgba(19, 19, 69, .18);
    border-radius: 0px 0px 4px 4px;
    z-index: 1
}

.sub-menu:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(100% - 1px);
    height: 2px;
    background: rgba(0, 0, 0, 0);
    opacity: 0
}

.header-menu>ul>li:hover .sub-menu {
    display: block
}

.sub-menu_wrapper {
    display: flex;
    align-items: flex-start;
    gap: 90px
}

.sub-menu-column {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    gap: 20px
}

.sub-menu-title {
    color: var(--dark-blue)
}

.sub-menu-list ul {
    gap: 21px
}

.sub-menu-list ul li a {
    color: var(--dark-blue)
}

:root {
    --main-blue: #2271b3;
    --light-blue: #f0f6ff;
    --dark-blue: #131345;
    --violet: #6600ff;
    --black: #1e1e1e;
    --white: #ffffff;
    --grey: #798285;
    --whatsapp: #40c351;
    --dark-blue-10: rgba(19, 19, 69, 0.1);
    --grey-15: rgba(121, 130, 133, 0.15);
    --grey-light: #d9d9d9;
    --red: #ff0000;
    --dark-grey: #293133;
    --grey-60: rgba(121, 130, 133, 0.60);
    --grey-35: rgba(121, 130, 133, 0.35);
    --grey-8: rgba(121, 130, 133, 0.08);
    --black-50: rgba(30, 30, 30, 0.5);
    --grey-20: rgba(121, 130, 133, 0.2);
    --success: #1bd344;
    --error: #c33847;
    --hover-error: #DD4051;
    --press-error: #BC303F;
    --grey-5: rgba(121, 130, 133, 0.05);
    --grey-hower: #5d6365;
    --yandex-yellow: #ff9700;
    --yandex-red: #fc3f1d;
    --url: #0000ff;
    --active-blue: #328ed9;
    --press-blue: #1b588a
}

a {
    color: var(--url)
}

.main-content {
    padding-top: 119px
}

.alModal {
    max-height: calc(98vh - 20px);
    width: 96%;
    max-width: 1174px;
    display: none;
    position: fixed;
    z-index: 100;
    opacity: 0;
    top: 100%;
    left: 50%;
    background-color: var(--white);
    border-radius: 20px
}

.alModalClose {
    width: 70px;
    height: 70px;
    background-color: var(--back);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: -80px;
    z-index: 101;
    opacity: 1
}

.alModalClose:hover {
    opacity: .8
}

.overlay,
#overlay {
    z-index: 70;
    position: fixed;
    background-color: #000;
    opacity: .9;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    display: none
}

#overlay {
    z-index: 100
}

.alModalContent {
    padding: 60px;
    overflow: auto;
    max-height: calc(98vh - 20px)
}

.alModalContent .alModalInput {
    width: 100%;
    height: 47px;
    border: 1px solid #b7b7b7;
    border-radius: 20px;
    background: var(--white);
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    color: #2d2d2d;
    padding: 0 20px
}

.alModalContent .alModalInput:placeholder,
.alModalTextarea:placeholder {
    opacity: 1;
    color: #b7b7b7;
    font-weight: 400
}

.custom-checkbox {
    flex-wrap: nowrap;
    gap: 6px;
    margin-top: 5px;
    cursor: pointer
}

.custom-checkbox input[type=checkbox] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 20px;
    height: 20px;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid var(--black);
    border-radius: 1px;
    flex-shrink: 0;
    cursor: pointer
}

.custom-checkbox input[type=checkbox]:hover {
    background-color: var(--grayLight)
}

.custom-checkbox input[type=checkbox]:checked {
    background-color: var(--primary)
}

.alModalContent_head {
    flex-wrap: nowrap;
    gap: 20px;
    margin-bottom: 40px
}

.alModal-icon {
    flex-shrink: 0
}

.alModalContent-tag {
    color: var(--dark);
    height: 47px;
    padding: 0 40px;
    border: 1px solid var(--dark);
    border-radius: 20px
}

.alModalContent-title {
    margin: 0;
    gap: 12px;
    margin-bottom: 40px
}

.alModal-prices {
    gap: 12px
}

.alModal-CurPrice {
    margin: 0;
    color: var(--primary)
}

.alModal-OldPrice {
    margin: 0;
    color: var(--grayLight);
    text-decoration: line-through
}

.alModalContent-triggers {
    gap: 80px;
    margin-bottom: 60px
}

.alModalContent-trigger {
    padding-left: 16px;
    color: var(--black);
    background-image: url(/bitrix/templates/isart/assets/css/../images/list2.svg);
    background-repeat: no-repeat;
    background-position: 0 7px
}

.alModal_serv {
    background-color: var(--light);
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 60px
}

.alModal_serv-title {
    margin-bottom: 35px
}

.alModal_serv ul {
    margin: 0;
    padding: 0;
    padding-left: 17px;
    list-style-image: url(/bitrix/templates/isart/assets/css/../images/list.svg)
}

.alModal_serv ul li {
    font-size: 16px;
    line-height: 22px;
    color: var(--black)
}

.alModal_serv ul li:not(:last-child) {
    margin-bottom: 10px
}

.alModal_serv ol {
    list-style-image: none;
    margin: 5px 0 0 0;
    padding-left: 14px
}

.alModal_serv ol li {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: var(--black)
}

.alModal_serv ol li:not(:last-child) {
    margin-bottom: 5px
}

.alModalContent-text {
    margin-bottom: 40px
}

.alModalContent form {
    gap: 10px
}

.alModal_form-text {
    color: var(--grayDark)
}

.alModal_form-row {
    grid-template-columns: 1fr 1fr;
    gap: 10px
}

.btn_submit {
    height: 47px;
    transition: .2s ease
}

.btn_submit:hover,
.btn_main:hover {
    background-color: #efc052
}

.main-content {
    padding-bottom: 100px
}

.main-content>div {
    width: 100%
}

.main-banner {
    aspect-ratio: 16/6.5;
    padding-bottom: 85px
}

.main-banner+div {
    margin-top: -50px
}

.main-banner img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50%;
    object-position: 50%
}

.main-banner-title {
    max-width: 430px;
    width: 100%;
    margin-bottom: 30px;
    color: var(--white)
}

.main-banner-text {
    max-width: 514px;
    width: 100%;
    color: var(--white)
}

.main-title {
    color: var(--dark-blue);
    margin-bottom: 16px
}

.swiper-button-prev,
.swiper-button-next {
    width: 40px;
    height: 40px;
    top: calc(50% - 20px + .5px);
    background-color: var(--white);
    box-shadow: 0px -2px 7px rgba(19, 19, 69, .07), 0px 6px 8px rgba(19, 19, 69, .13);
    border-radius: 50%;
    margin: 0 !important;
    background-position: 50%;
    background-repeat: no-repeat;
    transition: .3s ease
}

.swiper-button-prev:before,
.swiper-button-next:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    transition: .3s ease
}

.swiper-button-prev:before {
    background-image: url(/bitrix/templates/isart/assets/css/../images/arrow-l.svg)
}

.swiper-button-next:before {
    background-image: url(/bitrix/templates/isart/assets/css/../images/arrow-r.svg)
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0
}

.swiper-pagination {
    bottom: -22px !important
}

.swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--grey-light);
    opacity: 1;
    margin: 0 6px !important;
    transition: .3s ease
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--main-blue)
}

.breadcrumbs {
    margin-bottom: 24px
}

.breadcrumbs .breadcrumb {
    display: flex;
    align-items: center;
    gap: 4px;
    border-radius: 0;
    background: rgba(0, 0, 0, 0);
    white-space: nowrap;
    font-size: 0
}

@media(min-width: 1025px) {
    .breadcrumbs .breadcrumb {
        overflow-x: auto;
        overflow-y: hidden
    }
}

.breadcrumb__item {
    display: flex;
    align-items: center;
    gap: 4px
}

.breadcrumb__link,
.breadcrumb__arrow,
.breadcrumb__title {
    color: var(--dark-blue)
}

.page_banner .breadcrumb__link,
.page_banner .breadcrumb__arrow,
.page_banner .breadcrumb__title {
    color: var(--white)
}

.tabs_buttons {
    flex-wrap: nowrap;
    border-bottom: 1px solid var(--grey-light);
    margin-bottom: 30px
}

.btn_tab {
    width: 100%;
    color: var(--grey);
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    margin-bottom: -1px;
    padding-bottom: 10px;
    cursor: pointer
}

.btn_tab.active {
    border-color: var(--dark-blue);
    color: var(--dark-blue)
}

.tabs_content {
    height: 0;
    visibility: hidden;
    overflow: hidden
}

.tabs_content.vis {
    height: auto;
    visibility: visible;
    overflow: visible
}

.catalog_slider .swiper-button-prev,
.why_we_slider .swiper-button-prev {
    left: -64px
}

.catalog_slider .swiper-button-next,
.why_we_slider .swiper-button-next {
    right: -64px
}

.categories_stories .swiper-button-next {
    right: 25px
}

.categories_stories .swiper-button-prev {
    left: 25px
}

.whyWeSwiper .swiper-wrapper,
.categories_stories .swiper-wrapper {
    height: auto;
}

.why_we-slide {
    padding: 28px 16px 28px 24px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    height: auto
}

.why_we-slide-name {
    color: var(--white);
    margin-bottom: 10px
}

.why_we-slide-text {
    color: var(--white)
}

.home_catalog-row {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px
}

.home_catalog-column {
    padding: 18px 24px 24px;
    background-color: var(--light-blue);
    border-radius: 4px;
    overflow: hidden
}

.home_catalog-column-name {
    margin-bottom: 16px
}

.home_catalog-column_list {
    grid-template-columns: 1fr 1fr;
    gap: 18px
}

.home_catalog-column:first-child .home_catalog-column-link,
.home_catalog-column-link:last-child:nth-child(2n+1) {
    grid-column: 1/-1
}

.home_catalog-column-link {
    height: 34px;
    border: 1px solid var(--dark-blue);
    border-radius: 4px;
    background-color: var(--white);
    color: var(--dark-blue);
    transition: .2s ease
}

.home_catalog-open {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    text-underline-offset: 3px;
    color: #747373
}

.examples_block {
    padding-bottom: 18px
}

.examples-row {
    grid-template-columns: minmax(0, 1fr) 445px;
    gap: 30px
}

@media(max-width: 767px) {
    .examples-title-tapes {
        display: none
    }
}

.exaples_slider {
    height: 285px
}

.exaples_slider .swiper-button-prev {
    left: 16px
}

.exaples_slider .swiper-button-next {
    right: 16px
}

.exaples-slide {
    border-radius: 4px;
    overflow: hidden
}

.examples_videos {
    grid-template-columns: 1fr 1fr;
    gap: 16px
}

.example-video-image {
    width: 100%;
    height: 121px;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 8px
}

.example-video-image:before {
    content: "";
    position: absolute;
    width: 64px;
    height: 64px;
    background-color: var(--white);
    border-radius: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.example-video-image img {
    position: absolute;
    width: 27px;
    height: 33px;
    top: 50%;
    left: calc(50% + 4px);
    transform: translate(-50%, -50%)
}

.example-video-name {
    color: var(--dark-blue)
}

.home_about-row {
    grid-template-columns: repeat(12, 1fr);
    gap: 30px
}

.home_about-image {
    grid-column: 1/5;
    border-radius: 4px;
    overflow: hidden
}

.home_about-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50%;
    object-position: 50%
}

.home_about-info {
    grid-column: 5/-1
}

.home_about-text {
    color: var(--dark-blue)
}

.home_about-text p {
    margin-bottom: 10px
}

.home_about-undertext {
    margin-top: auto;
    padding-top: 16px;
    color: var(--grey);
    max-width: 312px
}

.catalog_slider .swiper-wrapper {
    height: auto;
}

.prod-slide {
    width: 190px;
    height: auto;
}

.prod-slide .product-card {
    height: 100%;
}

.home_diffs-row {
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: -webkit-max-content 1fr;
    grid-template-rows: max-content 1fr;
    gap: 30px
}

.home_diffs-row .main-title {
    grid-row: 1;
    margin-bottom: 12px
}

.home_diffs-image {
    grid-column: 1/8;
    grid-row: 1/-1;
    border-radius: 4px;
    overflow: hidden
}

.home_diffs-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50%;
    object-position: 50%
}

.home_diffs-row .main-title,
.home_diffs-triggers {
    grid-column: 8/-1
}

.home_diffs-triggers {
    grid-row: 2;
    gap: 24px
}

.home_diffs-trigger-name {
    color: var(--dark-blue);
    margin-bottom: 8px
}

.home_diffs-trigger-text {
    color: var(--dark-blue)
}

.gallery-grid {
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 160px 80px 50px 175px;
    gap: 30px
}

.gallery-grid-item {
    border-radius: 4px;
    overflow: hidden
}

@media(min-width: 1025px) {

    .gallery-grid-item:nth-child(1),
    .gallery-grid-item:nth-child(2),
    .gallery-grid-item:nth-child(3) {
        grid-row: 1/3
    }

    .gallery-grid-item:nth-child(4),
    .gallery-grid-item:nth-child(5),
    .gallery-grid-item:nth-child(6) {
        grid-row: 3/-1
    }

    .gallery-grid-item:nth-child(1),
    .gallery-grid-item:nth-child(3),
    .gallery-grid-item:nth-child(4),
    .gallery-grid-item:nth-child(5),
    .gallery-grid-item:nth-child(8),
    .gallery-grid-item:nth-child(9),
    .gallery-grid-item:nth-child(11) {
        grid-column: span 2
    }

    .gallery-grid-item:nth-child(2),
    .gallery-grid-item:nth-child(6),
    .gallery-grid-item:nth-child(7),
    .gallery-grid-item:nth-child(10),
    .gallery-grid-item:nth-child(12) {
        grid-column: span 3
    }

    .gallery-grid-item:nth-child(7),
    .gallery-grid-item:nth-child(8) {
        grid-row: 1
    }

    .gallery-grid-item:nth-child(9),
    .gallery-grid-item:nth-child(10) {
        grid-row: 2/4
    }

    .gallery-grid-item:nth-child(11),
    .gallery-grid-item:nth-child(12) {
        grid-row: 4
    }
}

.bottom-seo_content {
    color: var(--dark-blue)
}

.bottom-seo_content h2,
.bottom-seo_content h3,
.bottom-seo_content h4,
.bottom-seo_content h5 {
    margin: 0 0 16px 0
}

.faq-items {
    gap: 0 32px;
    grid-template-columns: 1fr 1fr
}

.faq-item {
    width: 100%;
    border-bottom: 2px solid var(--dark-blue)
}

.faq-item:nth-child(1),
.faq-item:nth-child(2) {
    border-top: 2px solid var(--dark-blue)
}

.faq-item-header {
    flex-wrap: nowrap;
    cursor: pointer;
    padding: 5px 0
}

.faq-item-name {
    color: var(--dark-blue)
}

.faq-item-btn {
    flex-shrink: 0;
    transform: rotate(-90deg)
}

.faq-item.active .faq-item-btn {
    transform: rotate(0)
}

.faq-item-content {
    max-width: 1370px;
    width: 100%;
    display: none;
    padding: 0 0 24px;
    color: var(--dark-blue)
}

.faq_block_bottom {
    margin-top: 30px;
    gap: 30px
}

.faq_block_bottom-text {
    max-width: 730px;
    width: 100%;
    color: var(--dark-blue)
}

.faq_block_bottom-link {
    width: 200px;
    height: 40px;
    border: 1px solid var(--dark-blue);
    border-radius: 4px;
    color: var(--dark-blue);
    transition: .2s ease
}

.default_pt {
    padding-top: 24px
}

.page_pt {
    padding-top: 40px
}

.sub-categories {
    font-size: 0;
    max-height: 29px;
    overflow: hidden;
    margin-top: -5px;
    margin-bottom: 24px;
    margin-left: -5px;
    margin-right: -3px
}

.sub-categories.opened {
    max-height: none;
}

.open-all-cats {
    display: none;
    gap: 4px;
    float: right;
    margin-top: 9px;
    position: relative;
    cursor: pointer;
    color: var(--dark-blue)
}

.open-all-cats.show {
    display: flex;
    flex-shrink: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 4px
}

.sub-cat-link {
    display: inline-flex;
    height: 24px;
    padding: 0 10px;
    color: var(--dark-blue);
    border: 1px solid var(--grey-light);
    background-color: var(--white);
    border-radius: 4px;
    margin: 5px 5px;
    transition: .2s ease;
    flex-wrap: nowrap
}

.sub-cat-link-back {
    color: var(--main-blue);
    border-width: 2px;
    border-color: var(--main-blue);
    gap: 8px;
    padding-right: 6px
}

.sub-cat-link-back:after {
    content: "";
    width: 12px;
    height: 12px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(/bitrix/templates/isart/assets/css/../images/del_chips-blue.svg)
}

.categories_stories {
    background-color: transparent;
    padding: 0;
    border-radius: 4px;
    margin-bottom: 34px
}



.stories-slide {
    width: 220px;
    height: 100px;
    border-radius: 4px;
    overflow: hidden
}

.catalog_wrapper {
    grid-template-columns: 255px 1fr;
    gap: 30px
}

.catalog_content_head {
    gap: 20px;
    margin-bottom: 20px
}

.catalog_content_row {
    width: calc(100% - 280px)
}

.catalog_content_head .main-title {
    margin: 0;

}

.catalog_control {
    gap: 12px;
    flex-shrink: 0
}

.btn_filter {
    display: none
}

.order_select__head {
    display: flex;
    align-items: center;
    padding: 0 8px;
    gap: 10px;
    width: 193px;
    height: 28px;
    background-color: var(--white);
    border: 1px solid var(--grey-light);
    border-radius: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    color: var(--dark-blue);
    position: relative
}

.order_select__head:after {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    background-image: url(/bitrix/templates/isart/assets/css/../images/dropdown-blue.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 16px;
    position: absolute;
    right: 0;
    top: 0
}

.order_select__head:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid var(--grey-light);
    border-radius: 1px;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .3s ease
}

@media(hover: hover)and (pointer: fine) {
    .order_select__head:hover:before {
        opacity: 1
    }
}

.order_select__head:active:before {
    opacity: 1
}

.order_select__head span {
    white-space: nowrap;
    width: 100%;
    overflow: hidden
}

.order_select-list {
    width: 100%;
    left: 0;
    right: auto;
    top: calc(100% + 6px);
    background: var(--white);
    box-shadow: 0px -2px 7px rgba(19, 19, 69, .07), 0px 6px 8px rgba(19, 19, 69, .13);
    border-radius: 2px;
    overflow: hidden;
    z-index: 2;
    display: none
}

.order_select-list.open {
    display: block
}

.order_select:has(.open) .order_select__head:after {
    transform: rotate(180deg)
}

.order_select-item-list {
    padding: 7px 0
}

.order_select-item {
    display: block;
    width: 100%;
    padding: 6px 8px 6px 31px;
    color: var(--dark-blue);
    cursor: pointer
}

.order_select-item:hover {
    background-color: var(--light-blue)
}

.order_select-item.selected {
    background-image: url(/bitrix/templates/isart/assets/css/../images/select-check.svg);
    background-repeat: no-repeat;
    background-position: 12px 50%;
    background-size: 11px
}

.view-mode {
    width: 55px;
    grid-template-columns: repeat(2, 1fr);
    padding: 1px;
    border-radius: 2px;
    background-color: var(--grey-light)
}

.btn_view-mode {
    width: 100%;
    height: 26px;
    background: rgba(0, 0, 0, 0);
    border-radius: 2px;
    cursor: pointer
}

.btn_view-mode.active {
    background: var(--white)
}

.filter-chips {
    width: 100%;
    gap: 10px
}

.selected-filter-item,
#btn-reset-all {
    flex-shrink: 0;
    height: 27px;
    padding: 0 10px;
    gap: 8px;
    border-radius: 4px;
    transition: .3s ease
}

.selected-filter-item {
    color: var(--white);
    border: 1px solid var(--grey);
    background-color: var(--grey)
}

#btn-reset-all {
    color: var(--dark-blue);
    border: 1px solid var(--dark-blue);
    background-color: var(--white)
}

.selected-filter-item:after,
#btn-reset-all:after {
    content: "";
    width: 14px;
    height: 14px;
    background-position: 50%;
    background-repeat: no-repeat
}

.selected-filter-item:after {
    background-image: url(/bitrix/templates/isart/assets/css/../images/del_chip.svg)
}

#btn-reset-all:after {
    background-image: url(/bitrix/templates/isart/assets/css/../images/del_chips.svg)
}

.filter_head {
    display: none
}

.bx-filter-parameters-box-title {
    color: var(--dark-blue);
    margin-bottom: 14px
}

.bx-filter-parameters-box-container {
    padding-bottom: 40px
}

.bx-filter-parameters-box-container .col-xs-12 {
    display: flex;
    flex-direction: column;
    gap: 10px
}

span.bx-filter-parameters-box-hint {
    display: flex;
    max-width: 230px
}

.bx-filter .bx-filter-input-checkbox {
    display: flex;
    flex-wrap: nowrap;
    gap: 14px
}

.bx-filter .bx-filter-input-radio {
    display: flex;
    flex-wrap: nowrap;
    gap: 14px
}

.bx-filter-input-radio input[type=radio] {
    display: none
}

.bx-filter-input-radio span {
    position: relative;
    padding-left: 29px;
    color: var(--dark-blue)
}

.bx-filter-input-radio span:before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    top: 1px;
    left: 0;
    border: 1px solid var(--dark-blue);
    transition: .3s ease
}

.bx-filter-input-radio span:after {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 4px;
    background-color: var(--dark-blue);
    opacity: 0;
    transition: .3s ease
}

.bx-filter-input-radio input:checked+span:before {
    border-color: var(--main-blue)
}

.bx-filter-input-radio input:checked+span:after {
    opacity: 1;
    background-color: var(--main-blue)
}

.bx-filter-input-checkbox input[type=checkbox] {
    display: none
}

.bx-filter-param-label.disabled .bx-filter-input-checkbox span {
    color: rgba(121, 130, 133, 0.6);
}

.bx-filter-param-label.disabled .bx-filter-input-checkbox span:before {
    border: 1px solid rgba(121, 130, 133, 0.35);
    background: rgba(121, 130, 133, 0.35);
}

.bx-filter-input-checkbox span {
    position: relative;
    padding-left: 29px;
    color: var(--dark-blue)
}

.bx-filter-input-checkbox span:before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 1px;
    position: absolute;
    top: 1px;
    left: 0;
    border: 1px solid var(--dark-blue);
    transition: .3s ease
}

.bx-filter-input-checkbox span:after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 1px;
    position: absolute;
    top: 1px;
    left: 0;
    opacity: 0;
    transition: .3s ease;
    background-color: var(--dark-blue);
    background-image: url(/bitrix/templates/isart/assets/css/../images/checked.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.bx-filter-input-checkbox input:checked+span:before {
    border-color: var(--main-blue)
}

.bx-filter-input-checkbox input:checked+span:after {
    opacity: 1;
    background-color: var(--main-blue)
}

@media(hover: hover)and (pointer: fine) {

    .bx-filter-input-radio:hover span:before,
    .bx-filter-input-checkbox:hover span:before {
        border-color: var(--active-blue)
    }

    .bx-filter-input-radio:hover span:after,
    .bx-filter-input-checkbox:hover span:after {
        background-color: var(--active-blue)
    }

    .bx-filter-input-checkbox:hover input:checked+span:before,
    .bx-filter-input-radio:hover input:checked+span:before {
        border-color: var(--active-blue)
    }

    .bx-filter-input-checkbox:hover input:checked+span:after,
    .bx-filter-input-radio:hover input:checked+span:after {
        background-color: var(--active-blue)
    }
}

.bx-filter-input-radio:active span:before,
.bx-filter-input-checkbox:active span:before {
    border-color: var(--press-blue)
}

.bx-filter-input-radio:active span:after,
.bx-filter-input-checkbox:active span:after {
    background-color: var(--press-blue)
}

.bx-filter-input-checkbox:active input:checked+span:before,
.bx-filter-input-radio:active input:checked+span:before {
    border-color: var(--press-blue)
}

.bx-filter-input-checkbox:active input:checked+span:after,
.bx-filter-input-radio:active input:checked+span:after {
    background-color: var(--press-blue)
}

.btn_apply_filter,
.btn_reset_filter {
    width: 100%;
    height: 40px;
    border: 1px solid var(--dark-blue);
    border-radius: 4px
}

.btn_apply_filter {
    color: var(--white);
    background-color: var(--main-blue);
    border-color: var(--main-blue);
    margin-bottom: 9px
}

.btn_reset_filter {
    color: var(--dark-blue)
}

.catalog-row {
    max-width: 825px;
    width: 100%;
    grid-template-columns: repeat(4, 1fr);
    gap: 42px 21px
}

.catalog-row.list_view {
    gap: 40px
}

.catalog-availability-divider {
    grid-column: 1/-1;
    height: 0;
    border-top: 1px solid var(--grey-light)
}

.catalog-row.list_view .catalog-availability-divider {
    display: none
}

.product-card {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.product-card_image {
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 4px;
    overflow: hidden
}

.product-card_name {
    width: 100%;
    color: var(--dark-blue);
    flex-grow: 1
}

.product-card-art {
    width: 100%;
    color: var(--dark-blue);
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.product-card-props {
    width: 100%;
    display: none
}

.product-card-props-row {
    flex-wrap: nowrap;
    gap: 22px
}

.product-card-props-label {
    color: var(--grey);
    width: 220px;
    flex-shrink: 0
}

.product-card-props-value {
    width: 100%;
    color: var(--dark-blue)
}

.product-card-bottom {
    width: 100%;
    gap: 3px;
    align-items: center;
    margin-top: -6px
}

.product-card-price {
    flex-grow: 1;
    color: var(--dark-blue)
}

.product-card-price--unavailable {
    color: var(--grey)
}

.product-card_control {
    gap: 3px
}

.btn_add_compare input {
    display: none;
    opacity: 0
}

.product-card_buy {
    width: 30px;
    height: 30px;
    border: 1px solid var(--main-blue);
    border-radius: 50%;
    background-color: var(--main-blue);
    transition: background .2s ease
}
.product-card_buy.is-in-basket .product-card_buy-name {
    color: var(--main-blue);
}
.product-card_buy.is-in-basket {
    background-color: var(--white);
    border-color: var(--main-blue);
}
.product-card_buy.is-in-basket .product-card_buy_icon svg path {
    stroke: var(--main-blue);
}
.product-card_buy_icon svg path {
    transition: .2s ease
}

.product-card_buy_icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible
}

.product-card_buy.is-in-basket .product-card_buy_icon:after {
    content: "";
    position: absolute;
    right: -6px;
    bottom: -6px;
    width: 17px;
    height: 17px;
    background: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.3333' cy='11.3333' r='11.3333' fill='%232271B3'/%3E%3Cpath d='M5 11.8315L10 18.0029L18.3333 6.00293' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
    pointer-events: none
}

@media(max-width: 1133px) {
    .product-card_buy_icon {
        width: 22px;
        height: 24px
    }

    .product-card_buy_icon svg {
        width: 100%;
        height: 100%
    }

    .product-card_buy.is-in-basket .product-card_buy_icon:after {
        right: -10px;
        bottom: -8px;
        width: 23px;
        height: 23px
    }
}

.product-card_buy.disabled {
    background-color: var(--grey-60)!important;
    border: 0!important;
    pointer-events: none;
}
.product-card_buy-name {
    color: var(--white);
    display: none;
    transition: .2s ease
}

.list_view .product-card {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: 190px 1fr 160px;
    grid-template-rows: -webkit-max-content -webkit-max-content auto;
    grid-template-rows: max-content max-content auto;
    gap: 13px 30px
}

.list_view .product-card {
    padding-top: 40px;
    border-top: 1px solid var(--grey-light)
}

.list_view .product-card_image {
    grid-column: 1;
    grid-row: 3
}

.list_view .product-card_name {
    grid-column: 1/3;
    grid-row: 1;
    font-weight: 600
}

.list_view .product-card-art {
    grid-column: 1/3;
    grid-row: 2
}

.list_view .product-card-props {
    display: flex;
    flex-direction: column;
    gap: 13px;
    grid-row: 3;
    grid-column: 2
}

.list_view .product-card-bottom {
    grid-row: 1/-1;
    grid-column: 3;
    flex-direction: column;
    gap: 13px
}

.list_view .product-card-price {
    margin-top: auto;
    order: 2;
    flex-grow: 0;
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: .01em
}

.list_view .product-card_control {
    order: 1;
    width: 100%;
    justify-content: end;
    gap: 13px
}

.list_view .product-item-button-container {
    width: 100%;
    order: 3
}

.list_view .product-card_buy {
    width: 100%;
    height: 40px;
    border-radius: 4px;
}

.list_view .product-card_buy_icon {
    display: none
}

.list_view .product-card_buy-name {
    display: block
}

.pagination_block {
    margin-top: 40px
}

.load_more {
    font-weight: 600;
    font-size: 18px;
    width: 100%;
    height: 40px;
    border: 1px solid var(--dark-blue);
    border-radius: 4px;
    color: var(--dark-blue);
    cursor: pointer;
    transition: .2s ease
}

.page_pagi {
    margin-top: 24px
}

.page_pagi .pagination {
    gap: 6px
}

.page_pagi .pagination a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    border-radius: 4px;
    color: var(--dark-blue);
    transition: .2s ease;
    border: 1px solid rgba(0, 0, 0, 0)
}

.page_pagi .pagination a.cur-page {
    border-color: var(--main-blue);
    background-color: var(--main-blue);
    color: var(--white);
    pointer-events: none
}

.product_description {
    color: var(--dark-blue)
}

.product_info-triggers {
    grid-template-columns: repeat(8, 1fr);
    gap: 4px
}

.product_info-trigger-icon {
    width: 100%;
    height: 30px
}

.product_info-trigger-name {
    color: var(--dark-blue)
}

.product_tabs {
    margin-top: 52px
}

.product_tabs .tabs_buttons {
    margin-bottom: 40px
}

.product_content {
    grid-template-columns: 540px 1fr;
    grid-template-rows: auto auto;
    gap: 30px
}

.product_gallery {
    grid-template-columns: 65px minmax(0, 1fr);
    gap: 30px;
    grid-column: 1;
    grid-row: 1/-1
}

.product_gallery_thumbs .swiper-button-prev,
.product_gallery_thumbs .swiper-button-next {
    width: 100%;
    height: 50px;
    left: 0;
    right: 0;
    border-radius: 0;
    box-shadow: none
}

.product_gallery_thumbs .swiper-button-prev {
    top: 0
}

.product_gallery_thumbs .swiper-button-prev:before {
    background-image: url(/bitrix/templates/isart/assets/css/../images/arrow-t.svg)
}

.product_gallery_thumbs .swiper-button-next {
    bottom: 0;
    top: auto
}

.product_gallery_thumbs .swiper-button-next:before {
    background-image: url(/bitrix/templates/isart/assets/css/../images/arrow-b.svg)
}

.product_gallery_main {
    border-radius: 4px;
    overflow: hidden
}

.product_gallery_main .swiper-button-prev,
.product_gallery_main .swiper-button-next {
    opacity: 0
}

@media(hover: hover)and (pointer: fine) {

    .product_gallery_main:hover .swiper-button-prev:not(.swiper-button-disabled),
    .product_gallery_main:hover .swiper-button-next:not(.swiper-button-disabled) {
        opacity: 1
    }
}

.product_gallery .swiper-slide {
    height: auto;
    background-color: #fff;
    cursor: pointer;
    overflow: hidden
}

.product_gallery .swiper-slide img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50%;
    object-position: 50%
}

.product_gallery_thumbs .swiper-slide img {
    border-radius: 3px
}

.galMainSwiper,
.galThumbsSwiper {
    height: 445px
}

.galThumbsSwiper .swiper-slide {
    height: 65px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    overflow: hidden
}

.galThumbsSwiper .swiper-slide-thumb-active {
    border-color: var(--dark-blue)
}

.product_content_head {
    grid-column: 2;
    grid-row: 1
}

.product_sidebar {
    grid-column: 2;
    grid-row: 2;
    margin-top: auto;
    gap: 34px
}

.product_name {
    color: var(--dark-blue);
    margin-bottom: 12px
}

.product_article {
    color: var(--dark-blue);
    margin-bottom: 12px
}

.product_sidebar-row {
    gap: 16px 20px
}

.product_sidebar_price {
    width: 100%
}

.buy_price_value {
    color: var(--dark-blue)
}

.product_sidebar_control {
    gap: 16px;
    margin-left: auto
}

.product_info {
    grid-column: 1/-1
}

.product-order-info {
    padding: 20px 30px;
    gap: 16px;
    background: var(--light-blue);
    border-radius: 4px
}

.product-order-info-item {
    gap: 8px
}

.product-order-info-item_name {
    color: var(--dark-blue)
}

.product-order-info-item_text {
    color: var(--dark-blue)
}

.product-item-amount-field-container {
    width: 100px;
    border: 1px solid var(--grey);
    border-radius: 4px;
    flex-wrap: nowrap
}

.product-item-amount-field-btn-minus,
.product-item-amount-field-btn-plus {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: var(--dark-blue);
    width: 38px;
    flex-shrink: 0;
    height: 38px
}

.product-item-amount-field {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    color: var(--dark-blue);
    padding: 0;
    height: 38px
}

.product-item-amount-field::-webkit-inner-spin-button,
.product-item-amount-field::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
}

.btn_add_to_cart {
    width: 188px;
    height: 40px;
    background: var(--main-blue);
    border: 1px solid var(--main-blue);
    border-radius: 4px;
    color: var(--white)
}
.btn_add_to_cart.disabled {
    background-color: var(--grey-60)!important;
    border: 0!important;
}
.product-bottom_chars {
    max-width: 540px;
    width: 100%
}

.chars-row {
    grid-template-columns: 285px 1fr;
    gap: 20px
}

.chars-row.d-grid:first-child>* {
    padding-top: 0;
    min-height: 0
}

.chars-label,
.chars-value {
    min-height: 42px;
    display: flex;
    align-items: center;
    padding: 10px 0
}

.chars-label {
    color: var(--grey)
}

.chars-value {
    color: var(--dark-blue)
}

.page-title {
    color: var(--dark-blue);
    margin-bottom: 20px
}

.payment-text {
    max-width: 635px;
    width: 100%;
    color: var(--dark-blue)
}

.payment-text p {
    margin-bottom: 14px
}

.page_disclaimer {
    margin-top: 40px;
    padding: 10px 0
}

.page_disclaimer:before {
    content: "";
    display: block;
    width: 300vw;
    position: absolute;
    left: -100vw;
    top: 0;
    bottom: 0;
    background-color: var(--light-blue);
    z-index: -1
}

.delivery-row {
    gap: 20px;
    margin-top: 40px
}

.delivery-row-item_name {
    margin-bottom: 20px;
    color: var(--dark-blue)
}

.delivery-row-item_text {
    color: var(--dark-blue)
}

.delivery-row-item_text p {
    margin-bottom: 14px
}

.delivery-row-disclaimer {
    width: 305px;
    min-height: 164px;
    padding: 30px;
    border: 1px solid var(--dark-blue);
    border-radius: 4px
}

.delivery-row-disclaimer_name {
    margin-bottom: 14px;
    color: var(--dark-blue)
}

.delivery-row-disclaimer_text {
    color: var(--dark-blue)
}

.guarantee-text_big {
    color: var(--dark-blue)
}

.guarantee-text {
    margin-top: 30px
}

.default_text {
    color: var(--dark-blue)
}

.default_text p {
    margin: 10px 0
}

.contacts_page-row {
    grid-template-columns: 330px 1fr;
    gap: 50px
}

.contacts_page_info {
    gap: 40px
}

.contacts_page_info-item {
    gap: 14px
}

.contacts_page_info-item:last-child {
    gap: 10px
}

.contacts_page_info-item_value {
    color: var(--dark-blue)
}

.contacts_page_map {
    width: 100%;
    height: 373px;
    border-radius: 4px;
    overflow: hidden
}

.instruction-title {
    margin-bottom: 30px;
    color: var(--dark-blue)
}

.instruction-row {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 32px
}

.instruction-item {
    padding: 22px 40px;
    border: 1px solid var(--dark-blue);
    border-radius: 4px;
    grid-column: 1/-1
}

.instruction-item:not(:first-child) {
    overflow: hidden
}

.instruction-item:nth-child(2),
.instruction-item:nth-child(3),
.instruction-item:nth-child(4),
.instruction-item:nth-child(5),
.instruction-item:nth-child(6),
.instruction-item:nth-child(7) {
    grid-column: auto
}

.instruction-item:nth-child(1) {
    padding-top: 34px;
    padding-bottom: 34px
}

.instruction-item:nth-child(2),
.instruction-item:nth-child(3) {
    padding-top: 14px;
    padding-bottom: 14px
}

.instruction-item:nth-child(1) .instruction-item_text {
    max-width: 311px
}

.instruction-item:nth-child(2) .instruction-item_text {
    max-width: 305px
}

.instruction-item:nth-child(3) .instruction-item_text {
    max-width: 308px
}

.instruction-item:nth-child(8) .instruction-item_text {
    max-width: 815px
}

.instruction-item:nth-child(9) .instruction-item_text {
    max-width: 667px
}

.instruction-item_step {
    margin-bottom: 8px;
    color: var(--dark-blue)
}

.instruction-item_text {
    color: var(--dark-blue)
}

.instruction-item_label {
    color: var(--grey);
    margin-top: 4px
}

.instruction-item_image {
    right: 0px;
    bottom: 0
}

.counter-item.hide {
    display: none
}

.instruction-item:nth-child(2) .instruction-item_image {
    right: 47px
}

.instruction-item:nth-child(3) .instruction-item_image {
    right: 45px
}

.instruction-item:nth-child(8) .instruction-item_image,
.instruction-item:nth-child(9) .instruction-item_image {
    right: -1px;
    bottom: -1px;
    top: -1px
}

.instruction-item:nth-child(8) .instruction-item_image img,
.instruction-item:nth-child(9) .instruction-item_image img {
    height: 100%
}

.instruction-item_decore {
    top: -26px;
    right: 330px
}

.decore_animate {
    -webkit-animation: film-animation 4s infinite linear;
    animation: film-animation 4s infinite linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    bottom: 0;
    left: 14px;
    z-index: 0
}

.decore_static {
    z-index: 1
}

@-webkit-keyframes film-animation {
    0% {
        transform: translateX(0px) translateY(0px);
        -webkit-animation-timing-function: 0;
        animation-timing-function: 0
    }

    100% {
        transform: translateX(-17px) translateY(48px)
    }
}

@keyframes film-animation {
    0% {
        transform: translateX(0px) translateY(0px);
        -webkit-animation-timing-function: 0;
        animation-timing-function: 0
    }

    100% {
        transform: translateX(-17px) translateY(48px)
    }
}

.page_404 {
    padding-top: 100px
}

.page_404_content {
    max-width: 567px;
    width: 100%;
    margin: 0 auto
}

.page_404_title {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: .01em;
    color: var(--dark-blue);
    margin-bottom: 16px
}

.page_404_num {
    font-weight: 600;
    font-size: 100px;
    line-height: 100%;
    color: var(--dark-blue);
    margin-bottom: 16px
}

.page_404_text {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: var(--dark-blue)
}

.page_404_text a {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-decoration: underline;
    color: var(--main-blue)
}

.not_auth_text {
    margin-bottom: 40px
}

.favorites_page .catalog-row {
    max-width: 100%;
    grid-template-columns: repeat(5, 1fr);
    gap: 40px
}

.notFound_content {
    padding-top: 76px
}

.notFound_title {
    margin-top: 0;
    margin-bottom: 16px;
    color: var(--dark-blue)
}

.notFound_text {
    color: var(--dark-blue)
}

.notFound_buttons {
    gap: 30px;
    margin-top: 40px
}

.home_link,
.catalog_link {
    width: 188px;
    height: 40px;
    border-radius: 4px
}

.home_link {
    background: var(--main-blue);
    color: var(--white)
}

.catalog_link {
    color: var(--dark-blue);
    border: 1px solid var(--dark-blue)
}

.main-footer {
    padding: 60px 0;
    background-color: var(--black)
}

.footer-row {
    gap: 30px
}

.footer-links {
    gap: 14px
}

.footer-links a,
.footer-text {
    color: var(--grey-light)
}

.footer-menu ul {
    gap: 14px
}

.footer-menu ul li a {
    color: var(--white)
}

.footer-column {
    min-height: 229px;
    gap: 30px
}

.footer-column-name {
    color: var(--white);
    margin-bottom: 14px
}

.footer-column-name a {
    color: var(--white)
}

.footer-contacts {
    gap: 10px
}

.footer-contacts-item {
    color: var(--white)
}

.yandex-rating_name {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: var(--white);
    margin-bottom: 4px
}

.footer-point-tablet {
    display: none
}

@media(max-width: 1024px)and (min-width: 576px) {
    .footer-point-tablet {
        display: block
    }

    .footer-point-main {
        display: none
    }
}

.up-button {
    position: fixed;
    right: 16px;
    bottom: 20px;
    width: 54px;
    height: 54px;
    background-color: var(--white);
    box-shadow: 0px -2px 7px rgba(19, 19, 69, .07), 0px 6px 8px rgba(19, 19, 69, .13);
    border-radius: 100%;
    cursor: pointer;
    transform: rotate(-90deg);
    z-index: 9;
    display: none;
    align-items: center;
    justify-content: center;
    stroke: var(--grey)
}

.up-button svg {
    transform: rotate(90deg)
}

.breadcrumb__arrow {
    width: 12px;
    height: 12px
}

.breadcrumb__title {
    color: var(--grey)
}

.breadcrumbs .breadcrumb {
    margin: 0 -16px;
    padding: 0 16px
}

@media(hover: hover)and (pointer: fine) {

    .swiper-button-prev:hover,
    .swiper-button-next:hover,
    .up-button:hover {
        box-shadow: 0px -2px 7px rgba(50, 142, 217, .07), 0px 6px 8px rgba(50, 142, 217, .13)
    }

    .up-button:hover svg {
        stroke: var(--active-blue)
    }

    .swiper-button-prev:hover:before,
    .swiper-button-next:hover:before {
        -webkit-filter: brightness(0) saturate(100%) invert(53%) sepia(82%) saturate(2940%) hue-rotate(184deg) brightness(93%) contrast(82%);
        filter: brightness(0) saturate(100%) invert(53%) sepia(82%) saturate(2940%) hue-rotate(184deg) brightness(93%) contrast(82%)
    }

    .swiper-pagination-bullet:hover {
        background-color: var(--active-blue)
    }

    .breadcrumb__link:hover {
        color: var(--active-blue)
    }
}

.swiper-button-prev:active,
.swiper-button-next:active,
.up-button:active {
    box-shadow: 0px -2px 7px rgba(27, 88, 138, .07), 0px 6px 8px rgba(27, 88, 138, .13)
}

.swiper-button-prev:active:before,
.swiper-button-next:active:before {
    -webkit-filter: brightness(0) saturate(100%) invert(25%) sepia(82%) saturate(1032%) hue-rotate(179deg) brightness(88%) contrast(86%);
    filter: brightness(0) saturate(100%) invert(25%) sepia(82%) saturate(1032%) hue-rotate(179deg) brightness(88%) contrast(86%)
}

.up-button:active svg {
    stroke: var(--press-blue)
}

.breadcrumb__link:active {
    color: var(--press-blue)
}

.product_gallery_thumbs .swiper-button-next,
.product_gallery_thumbs .swiper-button-prev {
    box-shadow: none
}

.swiper-pagination-bullet:active {
    background-color: var(--active-blue)
}

@media(max-width: 1280px) {

    .catalog_slider .swiper-button-next,
    .why_we_slider .swiper-button-next {
        right: -24px
    }

    .catalog_slider .swiper-button-prev,
    .why_we_slider .swiper-button-prev {
        left: -24px
    }
}

@media(max-width: 1133px) {
    .main-content {
        padding-top: 101px
    }
}

@media(max-width: 1199px) {

    .catalog_slider .swiper-button-next,
    .why_we_slider .swiper-button-next,
    .catalog_slider .swiper-button-prev,
    .why_we_slider .swiper-button-prev,
    .categories_stories .swiper-button-next,
    .categories_stories .swiper-button-prev {
        display: none
    }

    .categories_stories {
        overflow: hidden
    }
}

@media(max-width: 1024px) {
    .container {
        padding: 0 39px
    }

    .main-content {
        padding-top: 56px;
        padding-bottom: 61px
    }

    .up-button {
        bottom: 90px
    }

    .up-button {
        right: 39px
    }

    main {
        gap: 60px
    }

    .main-title {
        margin-bottom: 12px
    }

    .swiper-button-prev,
    .swiper-button-next {
        width: 30px;
        height: 30px;
        top: calc(50% - 15px + .5px)
    }

    .page_pt {
        padding-top: 20px
    }

    .default_pt {
        padding-top: 12px
    }

    .breadcrumbs {
        margin-bottom: 0
    }

    .breadcrumbs .breadcrumb {
        padding: 0;
        margin: 0
    }

    .breadcrumbs-scroll {
        margin-bottom: 12px
    }

    .breadcrumbs-scroll .horizontal-scroll {
        margin: 0 -39px;
        padding: 0 39px
    }

    .breadcrumbs-scroll .scroll-inner {
        display: flex
    }
}

@media(max-width: 767px) {
    .container {
        padding: 0 16px
    }

    .up-button {
        right: 16px
    }

    .main-content {
        padding-top: 48px;
        padding-bottom: 50px
    }

    .breadcrumbs .breadcrumb {
        gap: 1px
    }

    .breadcrumb__item {
        display: flex;
        align-items: center;
        gap: 2px
    }

    .breadcrumbs-scroll .horizontal-scroll {
        margin: 0 -16px;
        padding: 0 16px
    }
}

@media(max-width: 575px) {
    main {
        gap: 50px
    }

    .swiper-pagination-bullet {
        width: 4px;
        height: 4px;
        margin: 0 4px !important
    }

    .swiper-pagination {
        bottom: -17px !important
    }

    .page_pt {
        padding-top: 12px
    }

    .up-button {
        bottom: 60px;
        width: 36px;
        height: 36px
    }
}

.header-catalog-burger {
    display: none
}

.main-header-search form {
    margin-bottom: 0;
}

.main-header-search-clear {
    width: 36px;
    top: 0;
    right: 37px;
    bottom: 0;
    position: absolute;
    height: 100%;
    display: none;
    cursor: pointer
}

.main-header-search-clear:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/bitrix/templates/isart/assets/css/../images/clear.svg);
    background-repeat: no-repeat;
    background-position: 50%
}

.main-header-search-clear:after {
    content: "";
    position: absolute;
    right: -1px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    background-color: var(--grey)
}

.main-header-search-clear.active {
    display: block
}

.header-menu>ul>li>a {
    background-position: 20px 34px;
    background-size: 0 1px;
    background-repeat: no-repeat;
    transition: background .3s ease;
    background-image: linear-gradient(to right, var(--white) 0, var(--white) 100%)
}

.header-menu>ul>li:first-child>a {
    background-position: 0 34px
}

.sub-menu-list ul li a {
    display: inline-flex;
    position: relative
}

.sub-menu-list ul li a:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: var(--dark-blue);
    transition: width .3s ease
}

.main-header-control a:last-child {
    margin-left: -4px
}

.main-header-control a:not(.header-user) {
    stroke: var(--grey)
}

.main-header-control a svg {
    display: block;
    width: 30px;
    height: 30px
}

.search-text {
    caret-color: var(--main-blue)
}

@media(hover: hover)and (pointer: fine) {
    .header-menu>ul>li:hover>a {
        background-size: calc(100% - 40px) 1px
    }

    .header-menu>ul>li:last-child:hover>a {
        background-size: 100% 1px
    }

    .sub-menu-list ul li a:hover:after {
        width: 100%
    }

    .header-menu>ul>li:first-child:hover>a {
        background-size: calc(100% - 20px) 1px
    }

    .header-menu .has-childs:hover>a {
        background-size: calc(100% - 66px) 1px
    }

    .header-catalog:hover {
        background-color: var(--active-blue)
    }

    .main-header-control a:not(.header-user):hover {
        stroke: var(--active-blue)
    }

    .header-user:hover svg path {
        fill: var(--active-blue)
    }

    .form-box:hover .search-text {
        border-color: var(--grey)
    }

    .main-header-search-clear:hover:before,
    .search-submit:hover,
    .main-header-control a:hover img,
    .main-header-float-row a:hover img {
        -webkit-filter: brightness(0) saturate(100%) invert(53%) sepia(82%) saturate(2940%) hue-rotate(184deg) brightness(93%) contrast(82%);
        filter: brightness(0) saturate(100%) invert(53%) sepia(82%) saturate(2940%) hue-rotate(184deg) brightness(93%) contrast(82%)
    }

    .main-header-float-row a:hover span {
        color: var(--active-blue)
    }

    .main-header-control a:hover .counter-item,
    .main-header-float-row a:hover .counter-item {
        background-color: var(--active-blue);
        color: var(--white)
    }
}

.header-catalog:active {
    background-color: var(--press-blue)
}

.main-header-control a:not(.header-user):active {
    stroke: var(--press-blue)
}

.header-user:active svg path {
    fill: var(--press-blue)
}

.main-header-search-clear:active:before,
.search-submit:active,
.main-header-control a:active img,
.main-header-float-row a:active img,
.main-header-float-row a.active img {
    -webkit-filter: brightness(0) saturate(100%) invert(25%) sepia(82%) saturate(1032%) hue-rotate(179deg) brightness(88%) contrast(86%);
    filter: brightness(0) saturate(100%) invert(25%) sepia(82%) saturate(1032%) hue-rotate(179deg) brightness(88%) contrast(86%)
}

.main-header-control a:active .counter-item {
    background-color: var(--press-blue);
    color: var(--white)
}

.main-header-float-row a.active:not(.float-user) svg {
    stroke: var(--main-blue)
}

.main-header-float-row a.active.float-user svg path {
    fill: var(--main-blue)
}

.main-header-float-row a.active span {
    color: var(--main-blue)
}

.main-header-float-row a.active .counter-item {
    background-color: var(--main-blue);
    color: var(--white)
}

@media(hover: hover)and (pointer: fine) {
    .main-header-float-row a:hover:not(.float-user) svg {
        stroke: var(--active-blue)
    }

    .main-header-float-row a.float-user:hover svg path {
        fill: var(--active-blue)
    }

    .main-header-float-row a:hover span {
        color: var(--active-blue)
    }

    .main-header-float-row a:hover .counter-item {
        background-color: var(--active-blue);
        color: var(--white)
    }
}

.main-header-float-row a:active:not(.float-user) svg {
    stroke: var(--press-blue)
}

.main-header-float-row a.float-user:active svg path {
    fill: var(--press-blue)
}

.main-header-float-row a:active span {
    color: var(--press-blue)
}

.main-header-float-row a:active .counter-item {
    background-color: var(--press-blue);
    color: var(--white)
}

.main-header-float-item.intensa-favorite-counter svg {
    margin-bottom: -1px
}

.main-header-float {
    display: none
}

.search-text:focus {
    border-color: var(--grey)
}

.main-header-menu {
    display: none
}

.main-header-menu .header-info_wrapper {
    display: none
}

.mobile-header-search {
    display: none
}

.header-call-search {
    display: none
}

@media(max-width: 1133px) {
    .header-logo {
        gap: 12px
    }

    .main-header-top {
        padding: 10px 0
    }

    .header-logo-text {
        font-weight: 400;
        font-size: 10px;
        line-height: 12px;
        width: 98px
    }

    .header-logo-img img {
        width: 101px
    }

    .header-info_wrapper {
        gap: 12px
    }

    .header-mail-link {
        width: 36px;
        height: 36px
    }

    .header-phone {
        font-weight: 600;
        font-size: 16px;
        line-height: 18px
    }

    .header-worktime {
        font-weight: 400;
        font-size: 10px;
        line-height: 12px
    }

    .header-menu>ul>li>a {
        padding: 0 10px;
        font-size: 15px
    }

    .header-menu .has-childs>a:after {
        width: 16px;
        height: 16px
    }
}

@media(max-width: 1024px) {
    .main-header-control {
        display: none
    }

    .main-header-bottom {
        display: none
    }

    .main-header-menu {
        display: flex;
        flex-direction: column;
        width: 100%;
        background-color: #fff;
        padding: 20px 0;
        right: -110%;
        position: fixed;
        top: 0;
        bottom: 0;
        z-index: 101;
        transition: .4s ease;
        height: 100%;
        overflow: auto;
        padding-bottom: 90px
    }

    .main-header-menu.active {
        right: 0
    }

    .main-header-menu.active~.main-header-float {
        z-index: 102
    }

    .header-catalog-main {
        display: none
    }

    .header-catalog-burger {
        display: block;
        width: 42px;
        height: 36px
    }

    .main-header-top_wrapper {
        gap: 12px
    }

    .search-text {
        width: 191px;
        font-weight: 400;
        font-size: 14px;
        line-height: 14px
    }

    .main-header-search {
        margin-right: 20px
    }

    .main-header-float {
        display: block;
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        background-color: var(--white);
        box-shadow: 0px 2px 15px rgba(19, 19, 69, .14);
        padding: 8px 0;
        z-index: 12
    }

    body:has(.product_buy) .main-header-float {
        box-shadow: none;
        border-top: 1px solid rgba(121, 130, 133, .15)
    }

    body:has(.select-mobile-list.open) .main-header-float {
        box-shadow: none;
        border-top: 1px solid rgba(121, 130, 133, .15)
    }

    .main-header-float-row {
        justify-content: space-between;
        padding: 0 20px
    }

    .main-header-float-item {
        flex-direction: column;
        min-width: 74px
    }

    .main-header-float-item:not(.float-user) {
        stroke: var(--dark-blue)
    }

    .float-user svg path {
        fill: var(--dark-blue)
    }

    .main-header-float-item svg {
        width: 40px;
        height: 40px;
        display: block
    }

    .main-header-float-item span {
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        display: block;
        text-align: center;
        color: var(--dark-blue)
    }

    .header-menu_wrapper {
        flex-direction: column
    }

    .header-menu_wrapper {
        gap: 16px
    }

    .header-menu>ul>li>a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 4px 9px 4px 20px;
        border: 1px solid var(--dark-blue);
        border-radius: 4px;
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        color: var(--dark-blue);
        height: auto;
        position: relative
    }

    .header-menu>ul>li>a:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        border: 1px solid var(--dark-blue);
        border-radius: 3px;
        top: 0;
        left: 0;
        opacity: 0;
        transition: .3s ease
    }

    .header-menu>ul>li>a:active:before,
    .header-menu>ul>li>a:focus:before {
        opacity: 1
    }

    .header-menu>ul>li:first-child>a {
        padding-left: 20px
    }

    .header-menu>ul>li:last-child>a {
        padding-right: 9px
    }

    .header-menu>ul>li>a:after,
    .header-menu .has-childs>a:after {
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-image: url(/bitrix/templates/isart/assets/css/../images/back.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        transition: .15s ease;
        transform: rotate(180deg)
    }

    .header-menu-close {
        margin-left: auto;
        display: block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        cursor: pointer
    }

    .main-header-menu-head {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
        align-items: center
    }
}

@media(max-width: 767px) {
    .main-header-search {
        display: none
    }

    .header-info_wrapper {
        display: none
    }

    .header-logo {
        gap: 7px
    }

    .main-header-search {
        margin: 0
    }

    .search-text {
        width: 100%;
        height: 44px
    }

    .header-logo-text {
        font-weight: 400;
        font-size: 11px;
        line-height: 13px;
        width: 100px
    }

    .header-catalog-burger {
        width: 46px
    }

    .main-header-top {
        padding: 6px 0
    }

    .main-header-float-row {
        padding: 0
    }

    .main-header-menu {
        padding: 10px 0 83px
    }

    .main-header-menu .container {
        height: 100%;
        display: flex;
        flex-direction: column
    }

    .main-header-menu-head {
        margin-bottom: 20px
    }

    .header-menu {
        margin-top: 54px
    }

    .main-header-menu .header-info_wrapper {
        display: flex;
        margin-top: auto;
        border-top: 1px solid var(--grey-light);
        padding-top: 6px;
        justify-content: space-between
    }

    .header-phone {
        font-weight: 600;
        font-size: 16px;
        line-height: 18px;
        letter-spacing: .01em
    }

    .header-worktime {
        font-weight: 400;
        font-size: 11px;
        line-height: 12px;
        text-align: left
    }

    .header-mail-link {
        width: 40px;
        height: 40px
    }

    .header-call-search {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 41px;
        height: 36px;
        border: 1px solid var(--grey);
        border-radius: 4px
    }
}

@media(max-width: 575px) {
    .main-header-menu {
        padding: 10px 0 59px
    }

    .main-header-float {
        padding: 4px 0
    }

    .main-header-float-item {
        min-width: 59px
    }

    .main-header-float-item svg {
        width: 25px;
        height: 25px;
        margin-bottom: 2px
    }

    .main-header-float-item.intensa-favorite-counter svg {
        margin-bottom: 0
    }

    .main-header-float-item span {
        font-weight: 400;
        font-size: 11px;
        line-height: 13px
    }

    .header-menu>ul>li>a {
        padding: 4px 3px 4px 13px;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px
    }

    .header-menu>ul>li:first-child>a {
        padding-left: 13px
    }

    .header-menu>ul>li:last-child>a {
        padding-right: 3px
    }

    .header-menu_wrapper {
        gap: 8px
    }
}

.footer-tablet {
    display: none
}

.footer-mobile {
    display: none
}

.main-footer a {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.main-footer a:before {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    bottom: -4px;
    left: 0;
    background-color: var(--white);
    transition: .3s ease
}

.main-footer .footer-logo:before {
    display: none
}

.footer-info span {
    display: block;
    margin-bottom: 5px
}

.footer-info span:last-child {
    margin-bottom: 0
}

@media(hover: hover)and (pointer: fine) {
    .main-footer a:hover:before {
        width: 100%
    }

    .footer-links a:hover {
        color: var(--white)
    }
}

@media(max-width: 1133px) {

    .footer-links a,
    .footer-text {
        font-weight: 400;
        font-size: 12px;
        line-height: 14px
    }

    .footer-links a {
        background-position: 0 13px
    }

    .footer-menu ul li a {
        font-weight: 600;
        font-size: 16px;
        line-height: 19px
    }

    .footer-column-name {
        font-weight: 600;
        font-size: 16px;
        line-height: 19px
    }

    .footer-contacts-item {
        font-weight: 400;
        font-size: 16px;
        line-height: 19px
    }
}

@media(max-width: 1024px) {
    .main-footer {
        padding-bottom: 94px
    }

    body:has(.product_buy) .main-footer {
        padding-bottom: 120px
    }

    .footer-desktop {
        display: none
    }

    .footer-tablet {
        display: block
    }

    .footer-row {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 48px
    }

    .footer-logo {
        max-width: 117px
    }

    .footer-column {
        min-height: unset;
        gap: 20px
    }

    .footer-menu ul {
        gap: 20px
    }

    .footer-links {
        gap: 12px;
        margin-bottom: auto;
        margin-top: 38px
    }

    .footer-contacts {
        gap: 14px
    }
}

@media(max-width: 767px) {
    .footer-row {
        gap: 10px
    }

    .main-footer {
        padding-bottom: 94px
    }

    body:has(.product_buy) .main-footer {
        padding-bottom: 170px
    }

    .footer-links a,
    .footer-text {
        font-weight: 400;
        font-size: 11px;
        line-height: 13px
    }

    .footer-menu ul li a {
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
        letter-spacing: .01em
    }

    .footer-column-name {
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
        letter-spacing: .01em
    }

    .footer-contacts-item {
        font-weight: 400;
        font-size: 14px;
        line-height: 16px
    }
}

@media(max-width: 575px) {
    .main-footer {
        padding-top: 36px;
        padding-bottom: 64px
    }

    body:has(.product_buy) .main-footer {
        padding-bottom: 140px
    }

    .footer-tablet {
        display: none
    }

    .footer-mobile {
        display: grid;
        gap: 20px
    }

    .footer-logo {
        max-width: 147px;
        margin-bottom: 20px
    }

    .footer-column-inner {
        margin-top: 10px
    }

    .footer-column-name {
        margin-bottom: 12px
    }

    .footer-contacts {
        gap: 10px
    }

    .footer-links {
        margin-top: 10px
    }

    .footer-text.textSmall {
        margin: 10px 0 0
    }
}

.main-banner-img-tablet {
    display: none
}

@media(max-width: 1133px) {
    .main-banner-text {
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
        max-width: 330px;
        letter-spacing: 0
    }

    .main-banner-title {
        max-width: 290px;
        margin-bottom: 12px
    }
}

@media(max-width: 1024px) {
    .main-banner {
        aspect-ratio: 10/6.52;
        padding-bottom: 42px
    }

    .main-banner+div {
        margin-top: -30px
    }

    .main-banner-img-tablet {
        display: block
    }

    .main-banner-img-desc {
        display: none
    }
}

@media(max-width: 767px) {
    .main-banner {
        aspect-ratio: 10/6.1
    }

    .main-banner-title {
        max-width: 230px
    }
}

@media(max-width: 575px) {
    .main-banner {
        padding-bottom: 22px
    }

    .main-banner-title {
        margin-bottom: 6px
    }

    .main-banner+div {
        margin-top: -37px
    }
}

@media(min-width: 576px) {
    .why_we_slider .swiper-pagination {
        display: none !important
    }
}

@media(max-width: 1199px) {
    .why_we_block {
        overflow: hidden
    }

    .whyWeSwiper {
        overflow: unset
    }
}

@media(max-width: 1133px) {
    .why_we-slide-name {
        margin-bottom: 6px;
        font-weight: 600;
        font-size: 16px;
        line-height: 19px
    }

    .why_we-slide-text {
        font-weight: 400;
        font-size: 16px;
        line-height: 19px
    }
}

@media(max-width: 1024px) {
    .why_we-slide {
        padding: 14px;
        width: 210px;
        background-position: 84%
    }
}

@media(max-width: 575px) {
    .why_we_block .main-title {
        display: none
    }

    .why_we-slide {
        width: 271px;
        padding: 12px 16px
    }

    .why_we-slide-name {
        letter-spacing: .01em;
        margin-bottom: 4px
    }

    .why_we-slide-text {
        font-weight: 400;
        font-size: 14px;
        line-height: 17px
    }

    .why_we_slider {
        margin-bottom: 22px
    }
}

.home_catalog-open-mob {
    display: none
}

@media(hover: hover)and (pointer: fine) {
    .home_catalog-open:hover {
        color: var(--active-blue)
    }

    .home_catalog-open-mob:hover {
        background-color: var(--active-blue)
    }
}

.home_catalog-open-mob:active {
    background-color: var(--press-blue)
}

.home_catalog-open:active {
    color: var(--press-blue)
}

@media(hover: hover)and (pointer: fine) {
    .btn_tab:hover {
        color: var(--active-blue)
    }

    .home_catalog-column-link:hover {
        background-color: var(--active-blue);
        border-color: var(--active-blue);
        color: var(--white)
    }
}

.btn_tab:active {
    color: var(--press-blue)
}

.home_catalog-column-link:active {
    background-color: var(--press-blue);
    border-color: var(--press-blue);
    color: var(--white)
}

.btn_tab.active {
    pointer-events: none
}

.btn_tab_home br {
    display: none
}

@media(max-width: 1024px) {
    .btn_tab {
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .01em
    }

    .tabs_buttons {
        margin-bottom: 20px
    }

    .home_catalog-column-name {
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
        margin-bottom: 10px
    }

    .home_catalog-column {
        padding: 14px 11px 18px
    }

    .home_catalog-column-link {
        height: 43px;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        padding: 0 2px;
        text-align: center
    }

    .home_catalog-column_list {
        gap: 10px
    }

    .home_catalog-open {
        margin-top: 14px
    }
}

@media(max-width: 757px) {
    .home_catalog-row {
        grid-template-columns: 1fr;
        gap: 16px
    }

    .home_catalog-column {
        padding: 0;
        background-color: rgba(0, 0, 0, 0)
    }

    .home_catalog-column-name {
        text-align: left;
        margin-bottom: 8px
    }

    .tabs_buttons {
        margin-bottom: 16px
    }

    .home_catalog-column:first-child .home_catalog-column-link,
    .home_catalog-column-link:last-child:nth-child(2n+1) {
        grid-column: auto
    }

    .home_catalog-column-link:last-child:nth-child(odd) {
        grid-column: 1/-1 !important
    }
}

@media(max-width: 575px) {
    .home_catalog-column_list {
        gap: 11px 16px
    }

    .btn_tab {
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
        letter-spacing: .01em;
        padding: 0 10px 8px
    }

    .btn_tab_home br {
        display: block
    }

    .home_catalog {
        margin-top: -46px
    }

    .home_catalog-column-link {
        height: 40px;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px
    }

    .home_catalog-open {
        display: none
    }

    .home_catalog-open-mob {
        display: flex;
        width: 100%;
        height: 44px;
        padding: 5px 16px;
        background-color: var(--main-blue);
        border-radius: 4px;
        font-weight: 600;
        font-size: 18px;
        line-height: 21px;
        text-align: center;
        letter-spacing: .01em;
        color: var(--white);
        margin-top: 30px
    }
}

@media(max-width: 400px) {
    .btn_tab.btn_tab_home {
        padding: 0 30px 8px
    }
}

@media(hover: hover)and (pointer: fine) {
    .example-video:hover img {
        -webkit-filter: brightness(0) saturate(100%) invert(53%) sepia(82%) saturate(2940%) hue-rotate(184deg) brightness(93%) contrast(82%);
        filter: brightness(0) saturate(100%) invert(53%) sepia(82%) saturate(2940%) hue-rotate(184deg) brightness(93%) contrast(82%)
    }
}

.example-video:active img {
    -webkit-filter: brightness(0) saturate(100%) invert(25%) sepia(82%) saturate(1032%) hue-rotate(179deg) brightness(88%) contrast(86%);
    filter: brightness(0) saturate(100%) invert(25%) sepia(82%) saturate(1032%) hue-rotate(179deg) brightness(88%) contrast(86%)
}

@media(max-width: 1133px) {
    .examples-row {
        grid-template-columns: 635px minmax(0, 1fr);
        gap: 31px
    }

    .example-video-image:before {
        width: 40px;
        height: 40px
    }

    .example-video-image img {
        width: 18px;
        height: 20px;
        left: calc(50% + 3px)
    }

    .example-video-name {
        font-weight: 400;
        font-size: 16px;
        line-height: 19px
    }
}

@media(max-width: 1024px) {
    .exaples_slider {
        height: 248px
    }

    .examples-row {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)
    }

    .exaplesSwiper {
        height: 100%
    }

    .examples_videos {
        gap: 16px 22px
    }

    .example-video-image {
        height: 103px
    }

    .exaples_slider .swiper-button-next {
        right: 12px
    }

    .exaples_slider .swiper-button-prev {
        left: 12px
    }

    .examples_block {
        padding-bottom: 0
    }
}

@media(max-width: 757px) {
    .examples-row {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px
    }

    .exaples_slider .swiper-pagination {
        bottom: 4px !important
    }
}

@media(max-width: 575px) {
    .exaples_slider {
        height: 189px
    }

    .examples_videos {
        gap: 10px 16px
    }

    .exaples_slider .swiper-button-next,
    .exaples_slider .swiper-button-prev {
        display: none
    }

    .example-video-image {
        height: 80px;
        margin-bottom: 3px
    }

    .example-video-name {
        font-weight: 400;
        font-size: 14px;
        line-height: 17px
    }
}

@media(max-width: 1133px) {
    .home_about-undertext {
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        max-width: 400px
    }

    .home_about-undertext br {
        display: none
    }

    .home_about-text p {
        margin-bottom: 6px
    }
}

@media(max-width: 757px) {
    .home_about-image {
        display: none
    }

    .home_about-info {
        grid-column: 1/-1
    }

    .home_about-undertext {
        max-width: 248px;
        font-weight: 400;
        font-size: 11px;
        padding-top: 11px;
        line-height: 13px
    }
}

.product-card_buy_icon {
    width: 18px;
    font-size: 0;
}
.product-card_buy_icon svg {
    width: 100%;
}
.btn_add-to-favorite,
.btn_add_compare {
    fill: rgba(0, 0, 0, 0);
    stroke: var(--grey);
    cursor: pointer
}

.btn_add-to-favorite svg {
    width: 26px;
    height: 26px
}

.list_view .btn_add-to-favorite svg {
    width: 26px;
    height: 26px;
    margin-top: -1px
}

.js-intensa-favorite-item[data-favorite-status="Y"] svg path {
    fill: var(--main-blue);
    stroke: var(--main-blue);
}

.btn_compare input:checked+svg path,
.btn_add_compare input:checked+svg path {
    stroke: var(--main-blue);
    stroke-width: 1.5;
}

.btn_add_compare svg {
    width: 30px;
    height: 30px;
    margin-top: 1px
}

.select-mobile {
    display: none
}

@media(hover: hover)and (pointer: fine) {

    .btn_compare:hover input:checked+svg path,
    .btn_add_compare:hover input:checked+svg path,
    .js-intensa-favorite-item:hover,
    .btn_add_compare:hover {
        stroke: var(--active-blue)
    }

    .product-card_buy:hover {
        background-color: var(--active-blue);
        border-color: var(--active-blue);
        color: var(--white)
    }
    .product-card_buy.is-in-basket:hover  {
        background-color: transparent;
    }
    .product-card_buy.is-in-basket:hover .product-card_buy-name {
        color: var(--active-blue);
    }
    .product-card_buy.is-in-basket:hover .product-card_buy_icon svg path {
        stroke: var(--active-blue)
    }

    .product-card_buy.is-in-basket:hover .product-card_buy_icon:after {
        background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.3333' cy='11.3333' r='11.3333' fill='%23328ED9'/%3E%3Cpath d='M5 11.8315L10 18.0029L18.3333 6.00293' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    }
    .page_pagi .pagination a:hover {
        border-color: var(--active-blue);
        color: var(--active-blue)
    }

    .selected-filter-item:hover {
        background-color: var(--grey-hower);
        border-color: var(--grey-hower)
    }

    .selected-filter-item:hover .selected-filter-remove {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Ccircle cx='7' cy='7' r='7' fill='white'/%3E%3Cpath d='M9 5L5 9M5.00001 5L9 9' stroke='%235D6365' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    }

    .js-intensa-favorite-item[data-favorite-status="Y"]:hover svg path {
        fill: var(--active-blue);
        stroke: var(--active-blue);
    }
}

.js-intensa-favorite-item[data-favorite-status="Y"]:active svg path {
    fill: var(--press-blue);
    stroke: var(--press-blue);
}

.btn_compare:active input:checked+svg path,
.btn_add_compare:active input:checked+svg path,
.js-intensa-favorite-item:active,
.btn_add_compare:active {
    stroke: var(--press-blue)
}

.page_pagi .pagination a:active {
    border-color: var(--press-blue);
    color: var(--press-blue)
}

.product-card_buy:active {
    background-color: var(--press-blue);
    border-color: var(--press-blue);
    color: var(--white)
}
.product-card_buy.is-in-basket:active {
    background-color: transparent;
    border-color: var(--press-blue);
}
.product-card_buy.is-in-basket:active .product-card_buy-name {
    color: var(--press-blue);
}
.product-card_buy.is-in-basket:active .product-card_buy_icon svg path {
    stroke: var(--press-blue);
}

.product-card_buy.is-in-basket:active .product-card_buy_icon:after {
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.3333' cy='11.3333' r='11.3333' fill='%231B588A'/%3E%3Cpath d='M5 11.8315L10 18.0029L18.3333 6.00293' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}
@media(max-width: 1199px) {
    .home_products {
        overflow: hidden
    }

    .catalogSwiper {
        overflow: unset
    }

    .prod-slide {
        width: 210px
    }
}

@media(max-width: 1133px) {
    .product-card_name {
        font-weight: 400;
        font-size: 16px;
        line-height: 19px
    }

    .product-card-art {
        font-weight: 400;
        font-size: 12px;
        line-height: 14px
    }

    .product-card {
        gap: 10px
    }

    .product-card_buy {
        width: 40px;
        height: 40px
    }

    .product-card_buy_icon {
        width: 22px
    }

    .btn_add_compare img {
        width: 32px
    }

    .btn_add-to-favorite img {
        width: 32px
    }

    .product-card_control {
        gap: 8px
    }

    .product-card-price {
        font-weight: 600;
        font-size: 16px;
        line-height: 19px
    }

    .list_view .product-card {
        padding-top: 31px;
        grid-template-columns: 180px 1fr 140px
    }

    .catalog-column .catalog-row {
        gap: 46px 31px;
        grid-template-columns: repeat(3, 1fr)
    }

    .list_view .product-card {
        gap: 7px 20px
    }

    .product-card-props-label,
    .product-card-props-value {
        font-weight: 400;
        font-size: 12px;
        line-height: 14px
    }

    .product-card-props-label {
        width: 190px
    }

    .list_view .product-card-art {
        margin-bottom: 6px
    }

    .product-card-props-row {
        gap: 8px
    }

    .list_view .product-card-price {
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .01em
    }

    .list_view .product-card_buy {
        height: 44px;
        font-weight: 600;
        font-size: 18px;
        line-height: 21px
    }
}

@media(max-width: 1024px) {
    .btn_add-to-favorite svg {
        width: 32px;
        height: 32px
    }

    .list_view .product-card_control {
        gap: 20px;
        align-items: flex-start
    }

    .btn_add_compare svg {
        width: 32px;
        height: 32px;
        margin-top: 3px
    }

    .list_view .btn_add_compare svg {
        margin-top: 0
    }

    .swiper-slide .btn_add_compare svg {
        margin-top: 4px
    }

    .product-card-bottom {
        margin-top: -4px;
        gap: 8px
    }

    .order_select {
        display: none
    }

    .select-mobile {
        margin-right: 14px;
        display: block;
        cursor: pointer
    }

    .select-mobile__head {
        padding: 0;
        background-color: rgba(0, 0, 0, 0);
        border: 0;
        width: auto;
        height: 20px;
        padding-left: 25px;
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        position: relative;
        color: var(--dark-blue)
    }

    .select-mobile__head:after {
        content: "";
        position: absolute;
        background-image: url(/bitrix/templates/isart/assets/css/../images/select-tab.svg);
        background-position: 0 50%;
        background-size: 20px;
        left: 0;
        width: 20px;
        height: 20px
    }

    .select-mobile-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 13px
    }

    .select-mobile-title {
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .01em;
        color: var(--dark-blue)
    }

    .select-mobile-overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(30, 30, 30, .5);
        z-index: 11;
        display: none
    }

    .select-mobile-list {
        position: fixed;
        top: auto;
        bottom: 72px;
        width: 100%;
        left: 0;
        padding: 30px 39px 33px 39px;
        background-color: var(--white);
        border-radius: 8px 8px 0px 0px;
        display: none;
        z-index: 11
    }

    .select-mobile-item {
        display: block;
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        color: var(--dark-blue);
        padding: 7px 0 7px 32px;
        position: relative
    }

    .select-mobile-item:before {
        content: "";
        position: absolute;
        width: 18px;
        height: 18px;
        border: 1px solid var(--dark-blue);
        border-radius: 100%;
        left: 0;
        top: 50%;
        transform: translateY(-50%)
    }

    .select-mobile-item.selected:before {
        border-color: var(--main-blue)
    }

    .select-mobile-item.selected:after {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        background-color: var(--main-blue);
        border-radius: 100%;
        left: 5px;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media(max-width: 757px) {
    .list_view .product-card {
        grid-template-columns: 99px 1fr 140px
    }

    .product-card-props-row {
        gap: 13px
    }

    .product-card-props-label {
        width: 103px
    }
}
@media(max-width: 645px) {
    .product-card {
        position: relative
    }
    .product-card_control {
        position: absolute;
        top: 3px;
        right: 3px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .btn_add_compare {
        display: none
    }
}
@media(max-width: 575px) {
    .prod-slide {
        width: 156px
    }

    .product-card_name {
        font-weight: 400;
        font-size: 14px;
        line-height: 16px
    }

    .product-card-art {
        font-weight: 400;
        font-size: 11px;
        line-height: 13px
    }

    

    

    .product-card-bottom {
        align-items: flex-end;
        margin-top: -22px
    }

    .load_more {
        background-color: var(--main-blue);
        border: 0;
        color: var(--white)
    }

    .page_pagi {
        display: none
    }

    .list_view .product-card {
        grid-template-columns: 99px 1fr
    }

    .list_view .product-card-bottom {
        grid-row: auto;
        grid-column: 1;
        gap: 8px;
        margin-top: 0
    }

    .list_view .product-card_control {
        position: absolute;
        top: 27px;
        right: -2px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .list_view .product-card_name {
        width: calc(100% - 35px)
    }

    .list_view .product-card {
        gap: 9px 16px
    }

    .list_view .product-card-art {
        margin-bottom: 0px
    }

    .product-card-props-label,
    .product-card-props-value {
        font-weight: 400;
        font-size: 10px;
        line-height: 12px
    }

    .list_view .product-card-props {
        gap: 10px
    }

    .list_view .product-card-price {
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
        letter-spacing: .01em;
        margin: 0 auto
    }

    .list_view .product-card_buy {
        width: 40px;
        height: 40px;
        border-radius: 100%;
        margin: 0 auto
    }

    .list_view .product-card_buy-name {
        display: none
    }

    .list_view .product-card_buy_icon {
        display: flex
    }

    .list_view .product-card_image {
        margin-bottom: 8px
    }
}

@media(max-width: 1024px) {
    .home_diffs-row .main-title {
        grid-column: 1/-1
    }

    .home_diffs-image {
        grid-row: 2/-1
    }

    .home_diffs-row {
        gap: 0 30px
    }

    .home_diffs-image {
        grid-column: 1/7
    }

    .home_diffs-triggers {
        grid-column: 7/-1;
        gap: 20px
    }

    .home_diffs-trigger-text br {
        display: none
    }
}

@media(max-width: 757px) {
    .home_diffs-image {
        display: none
    }

    .home_diffs-triggers {
        grid-column: 1/-1;
        gap: 14px
    }

    .home_diffs-trigger-name {
        margin-bottom: 6px
    }
}

@media(max-width: 1024px)and (min-width: 576px) {
    .gallery-grid {
        grid-template-rows: 210px 90px 90px
    }

    .gallery-grid-item:nth-last-child(-n+3) {
        display: none
    }

    .gallery-grid-item:nth-child(1),
    .gallery-grid-item:nth-child(4),
    .gallery-grid-item:nth-child(5),
    .gallery-grid-item:nth-child(6) {
        grid-column: span 2
    }

    .gallery-grid-item:nth-child(2),
    .gallery-grid-item:nth-child(3),
    .gallery-grid-item:nth-child(7),
    .gallery-grid-item:nth-child(8),
    .gallery-grid-item:nth-child(9) {
        grid-column: span 4
    }

    .gallery-grid-item:nth-child(5),
    .gallery-grid-item:nth-child(6),
    .gallery-grid-item:nth-child(7) {
        grid-row: span 2
    }
}

@media(max-width: 767px) {
    .gallery-grid {
        gap: 16px
    }
}

@media(max-width: 575px) {
    .gallery-grid {
        overflow: auto;
        grid-template-rows: 106px 128px;
        grid-row: 2;
        grid-template-columns: repeat(16, 41px);
        margin: 0 -16px;
        padding: 0 16px
    }

    .gallery-grid-item {
        grid-column: span 2
    }

    .gallery-grid-item:nth-child(-n+4) {
        grid-column: span 4;
        grid-row: 1
    }

    .gallery-grid-item:nth-child(5),
    .gallery-grid-item:nth-child(9) {
        grid-column: span 3
    }

    .gallery-grid-item:nth-child(7) {
        grid-column: span 4
    }

    .gallery-grid-item:nth-last-child(-n+2) {
        display: none
    }
}

@media(max-width: 1024px) {

    .bottom-seo_content h2,
    .bottom-seo_content h3,
    .bottom-seo_content h4,
    .bottom-seo_content h5 {
        margin: 0 0 8px
    }
}

.faq_block_bottom-link {
    position: relative
}

.faq_block_bottom-link:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid var(--dark-blue);
    border-radius: 3px;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .3s ease
}

@media(hover: hover)and (pointer: fine) {
    .faq_block_bottom-link:hover:before {
        opacity: 1
    }
}

.faq_block_bottom-link:active:before {
    opacity: 1
}

@media(max-width: 1133px) {
    .faq-item-name {
        font-weight: 600;
        font-size: 16px;
        line-height: 19px
    }

    .faq_block_bottom-link {
        width: 210px;
        height: 44px;
        font-weight: 600;
        font-size: 18px;
        line-height: 21px
    }

    .faq_block_bottom-text {
        width: calc(100% - 240px)
    }
}

@media(max-width: 1024px) {
    .faq-items {
        grid-template-columns: 1fr
    }

    .faq-item-header {
        padding: 8px 0
    }

    .faq-item:nth-child(2) {
        border-top: 0
    }

    .faq-item-content {
        margin-top: -9px;
        padding-bottom: 14px
    }
}

@media(max-width: 575px) {

    .faq-item,
    .faq-item:nth-child(1) {
        border-width: 1px
    }

    .faq-item-header {
        padding: 5px 0
    }

    .faq-item-name {
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
        letter-spacing: .01em
    }

    .faq_block_bottom-text {
        width: 100%
    }

    .faq_block_bottom-link {
        width: 100%
    }

    .faq_block_bottom {
        margin-top: 14px;
        gap: 20px
    }

    .faq_block_bottom-link {
        height: 42px
    }

    .faq-item-content {
        margin-top: -3px;
        padding-bottom: 11px;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px
    }
}

@media(max-width: 1024px) {
    .page_404 {
        padding-top: 60px
    }

    .page_404_title {
        margin-bottom: 20px
    }

    .page_404_num {
        margin-bottom: 20px
    }

    .page_404_text {
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        max-width: 570px;
        margin: 0 auto
    }

    .page_404_text a {
        font-weight: 400;
        font-size: 16px;
        line-height: 19px
    }
}

@media(max-width: 575px) {
    .page_404 {
        padding-top: 50px
    }

    .page_404_title {
        font-weight: 600;
        font-size: 18px;
        line-height: 21px;
        letter-spacing: .01em;
        margin-bottom: 14px
    }

    .page_404_num {
        margin-bottom: 14px
    }

    .page_404_text {
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        margin: 0 auto;
        max-width: 92%
    }

    .page_404_text a {
        font-weight: 400;
        font-size: 14px;
        line-height: 16px
    }
}

@media(hover: hover)and (pointer: fine) {
    .page_404_text a:hover {
        color: var(--active-blue)
    }
}

.page_404_text a:active {
    color: var(--press-blue)
}

@media(hover: hover)and (pointer: fine) {
    .home_link:hover {
        background-color: var(--active-blue)
    }

    .catalog_link:hover {
        border-width: 2px
    }
}

.home_link:active {
    background-color: var(--press-blue)
}

.catalog_link:active {
    border-width: 2px
}

@media(max-width: 1133px) {
    .notFound_text {
        font-weight: 400;
        font-size: 17px;
        line-height: 20px
    }
}

@media(max-width: 1024px) {
    .notFound_content {
        padding-top: 48px
    }

    .notFound_title {
        margin-bottom: 8px
    }

    .notFound_buttons {
        margin-top: 30px;
        gap: 20px
    }

    .home_link,
    .catalog_link {
        width: 147px;
        height: 44px;
        font-weight: 600;
        font-size: 18px;
        line-height: 21px
    }
}

@media(max-width: 575px) {
    .notFound_content {
        padding-top: 38px
    }

    .notFound_title {
        font-weight: 600;
        font-size: 18px;
        line-height: 21px;
        letter-spacing: .01em;
        max-width: 71%;
        margin: 0 auto 14px
    }

    .notFound_text {
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        max-width: 75%;
        margin: 0 auto
    }

    .notFound_buttons {
        margin-top: 26px;
        gap: 16px
    }

    .home_link,
    .catalog_link {
        width: calc(50% - 8px)
    }

}

@media(max-width: 575px) and (hover: none) and (pointer: coarse) {
    .counter-item {
        width: 14px;
        height: 14px;
        font-size: 9px;
        line-height: 1;
        padding-top: 1px;
    }
}

@media(max-width: 1024px) {
    .contacts_page-row {
        gap: 30px
    }

    .contacts_page .page-title {
        margin-bottom: 11px
    }

    .contacts_page_info {
        gap: 20px
    }

    .contacts_page_map {
        height: 201px
    }

    .contacts_page_info-item,
    .contacts_page_info-item:last-child {
        gap: 12px
    }
}

@media(max-width: 767px) {
    .contacts_page-row {
        grid-template-columns: 1fr
    }

    .contacts_page_info-item,
    .contacts_page_info-item:last-child {
        gap: 8px
    }

    .contacts_page_info {
        gap: 14px
    }
}

@media(max-width: 575px) {
    .contacts_page_map {
        height: 180px
    }
}

@media(max-width: 1133px) {
    .page_disclaimer {
        font-weight: 600;
        font-size: 16px;
        line-height: 19px
    }
}

@media(max-width: 1024px) {
    .payment_page .page_disclaimer p {
        max-width: 428px
    }

    .page_disclaimer {
        margin-top: 30px
    }

    .payment-text p {
        margin-bottom: 6px
    }

    .delivery-row {
        margin-top: 30px
    }

    .guarantee-text {
        margin-top: 20px
    }

    .delivery-row-item_text p {
        margin-bottom: 12px
    }

    .delivery-row-item_name {
        margin-bottom: 14px
    }

    .delivery-row {
        gap: 50px 30px
    }

    .delivery-row-disclaimer {
        width: 100%;
        padding: 20px 16px;
        min-height: unset
    }

    .delivery-row-disclaimer_name {
        margin-bottom: 8px
    }

    .payment-text {
        max-width: 665px
    }
}

@media(max-width: 767px) {
    .page_disclaimer {
        margin-top: 14px;
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
        letter-spacing: .01em
    }

    .guarantee-text {
        margin-top: 14px
    }

    .delivery-row {
        margin-top: 14px;
        gap: 17px
    }

    .delivery-row-item_name {
        margin-bottom: 10px
    }

    .delivery-row-item_text p {
        margin-bottom: 8px
    }

    .delivery-row-disclaimer {
        margin-top: 13px;
        padding: 16px 40px
    }

    .delivery-row-disclaimer_text {
        font-weight: 400;
        font-size: 15px;
        line-height: 18px
    }

    .delivery-row-disclaimer_name {
        margin-bottom: 6px
    }
}

@media(max-width: 575px) {
    .delivery-row {
        flex-direction: column
    }
}

.not_auth_text a {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: var(--dark-blue)
}

.catalog_content_back {
    display: none
}

.catalog_links {
    display: none
}

@media(hover: hover)and (pointer: fine) {
    .not_auth_text a:hover {
        color: var(--active-blue)
    }

    .sub-cat-link:hover {
        color: var(--active-blue);
        border-color: var(--active-blue)
    }

    .open-all-cats:hover .open-all-cats-name {
        color: var(--active-blue)
    }

    .open-all-cats:hover .open-all-cats-icon,
    .sub-cat-link-back:hover:after {
        -webkit-filter: brightness(0) saturate(100%) invert(53%) sepia(82%) saturate(2940%) hue-rotate(184deg) brightness(93%) contrast(82%);
        filter: brightness(0) saturate(100%) invert(53%) sepia(82%) saturate(2940%) hue-rotate(184deg) brightness(93%) contrast(82%)
    }

    .load_more:hover,
    .btn_reset_filter:hover {
        border-width: 2px
    }

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

.not_auth_text a:active {
    color: var(--press-blue)
}

.sub-cat-link:active {
    color: var(--press-blue);
    border-color: var(--press-blue)
}

.open-all-cats:active .open-all-cats-name {
    color: var(--press-blue)
}

.open-all-cats:active .open-all-cats-icon,
.sub-cat-link-back:active:after {
    -webkit-filter: brightness(0) saturate(100%) invert(25%) sepia(82%) saturate(1032%) hue-rotate(179deg) brightness(88%) contrast(86%);
    filter: brightness(0) saturate(100%) invert(25%) sepia(82%) saturate(1032%) hue-rotate(179deg) brightness(88%) contrast(86%)
}

.load_more:active {
    border-width: 2px
}

.btn_apply_filter:active {
    background-color: var(--press-blue);
    border-color: var(--press-blue)
}

@media(max-width: 575px)and (hover: hover)and (pointer: fine) {
    .load_more:hover {
        background-color: var(--active-blue);
        border: 0
    }
}

@media(max-width: 575px) {
    .load_more:active {
        background-color: var(--press-blue);
        border: 0
    }
}

.btn_apply_filter {
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px
}

.btn_apply_filter span {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    margin-top: 1px
}

@media(min-width: 1025px) {
    .filter-column {
        max-height: none;
        display: block !important;
        opacity: 1;
        position: static;
        width: 100%;
        z-index: 1
    }
}

@media(max-width: 1280px) {
    .favorites_page .catalog-row {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media(max-width: 1133px) {

    .open-all-cats-name,
    .sub-cat-link {
        font-weight: 400;
        font-size: 12px;
        line-height: 14px
    }

    .sub-cat-link {
        height: 30px;
        margin: 5px 4px
    }

    .sub-categories {
        max-height: 38px;
        margin-left: -4px;
        margin-right: -2px;
        margin-bottom: 9px
    }

    .selected-filter-item,
    #btn-reset-all {
        padding: 0 6px
    }

    .open-all-cats {
        margin-top: 13px
    }

    .stories-slide {
        width: 210px;
        height: 90px
    }

    .categories_stories .swiper-button-next {
        right: 20px
    }

    .categories_stories .swiper-button-prev {
        left: 20px
    }

    span.bx-filter-parameters-box-hint {
        font-weight: 600;
        font-size: 16px;
        line-height: 19px
    }
}

#btn-reset-all {
    position: relative
}

#btn-reset-all:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid var(--dark-blue);
    border-radius: 3px;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .3s ease
}

@media(hover: hover)and (pointer: fine) {
    #btn-reset-all:hover:before {
        opacity: 1
    }
}

#btn-reset-all:active:before {
    opacity: 1
}

/* @media(max-width: 768px) {
    .sub-categories-scroll .horizontal-scroll {
        overflow: hidden
    }
} */

@media(max-width: 1024px) {
    .sub-categories-scroll .horizontal-scroll {
        white-space: unset
    }

    .favorites_page .catalog-row,
    .catalog-row {
        grid-template-columns: repeat(3, 1fr);
        gap: 45px 30px;
        max-width: unset
    }

    .not_auth_text {
        margin-bottom: 45px
    }

    .catalog_wrapper {
        grid-template-columns: minmax(0, 1fr)
    }

    .filter-chips {
        flex-wrap: nowrap
    }

    .filter-chips-scroll .horizontal-scroll {
        margin: 0 -39px;
        padding: 0 39px
    }

    .filter-chips-scroll .scroll-space {
        width: 29px
    }

    .filter-column {
        display: none;
        position: fixed;
        z-index: 145;
        background: #fff;
        width: 100%;
        left: 0;
        top: 0 !important;
        padding: 20px 39px;
        border-radius: 0;
        height: 100dvh;
        max-height: unset
    }

    .filter-column .alModalClose {
        position: static;
        width: 30px;
        height: 30px
    }

    .filter_head {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        padding-right: 15px;
        margin-bottom: 23px
    }

    .filter_title {
        color: var(--dark-blue)
    }

    .filter_list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        overflow: auto;
        max-height: calc(100vh - 187px)
    }

    .catalog_content_head {
        flex-direction: column
    }

    .categories_stories {
        margin-bottom: 30px
    }

    .catalog_content_back {
        display: flex
    }

    .catalog_content_row {
        display: flex;
        align-items: center;
        gap: 10px
    }

    .catalog_content_row {
        width: 100%;
    }

    .catalog_content_head .main-title {
        text-align: center;
        width: calc(100% - 36px)
    }

    .catalog_links {
        display: block
    }

    .catalog_links-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 4px 9px 4px 20px;
        border: 1px solid var(--dark-blue);
        border-radius: 4px;
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        color: var(--dark-blue);
        margin-bottom: 16px;
        position: relative
    }

    .catalog_links-item:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        border: 1px solid var(--dark-blue);
        border-radius: 3px;
        top: 0;
        left: 0;
        opacity: 0;
        transition: .3s ease
    }

    .catalog_links-item:active:before,
    .catalog_links-item:focus:before {
        opacity: 1
    }

    .catalog_links-item:last-child {
        margin-bottom: 0
    }

    .catalog_links-item:after {
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-image: url(/bitrix/templates/isart/assets/css/../images/back.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        transition: .15s ease;
        transform: rotate(180deg)
    }

    .catalog_control {
        margin-top: 20px
    }

    .btn_filter {
        display: flex;
        gap: 7px;
        margin-right: auto;
        color: var(--dark-blue)
    }

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

    .view-mode {
        width: 67px
    }

    .btn_view-mode {
        height: 31px
    }

    .view-mode img {
        width: 7px
    }

    #btn-reset-all {
        order: -1
    }

    .catalog-column .catalog-row {
        margin-top: 45px
    }

    .load_more {
        height: 44px;
        line-height: 21px
    }

    .page_pagi {
        margin-top: 20px
    }

    .page_pagi .pagination {
        gap: 6px
    }

    .filter_buttons {
        background-color: var(--white);
        box-shadow: 0px 2px 15px rgba(19, 19, 69, .14);
        padding: 18px 39px 10px;
        margin: 0 -39px -20px
    }

    .btn_apply_filter {
        font-weight: 600;
        font-size: 18px;
        line-height: 21px;
        height: 44px
    }

    .btn_apply_filter span {
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        margin-top: 2px
    }

    .btn_reset_filter {
        border: 0;
        padding: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        border-bottom: 1px dotted;
        color: var(--grey);
        height: auto;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 8px auto 0
    }
}

@media(max-width: 767px) {
    .filter-chips-scroll .horizontal-scroll {
        margin: 0 -16px;
        padding: 0 16px
    }

    .filter-chips-scroll .scroll-space {
        width: 6px
    }

    .favorites_page .catalog-row,
    .catalog-column .catalog-row {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 16px
    }

    .not_auth_text {
        margin-bottom: 30px
    }

    .categories_stories {
        padding: 0;
        background-color: rgba(0, 0, 0, 0);
        overflow: unset
    }

    .storiesSwiper {
        margin: 0 -16px;
        padding: 0 16px
    }

    .stories-slide {
        width: 213px;
        height: 90px
    }

    .categories_stories .swiper-button-next,
    .categories_stories .swiper-button-prev {
        display: none
    }

    .sub-categories {
        display: flex;
        overflow: unset;
        max-height: unset;
        gap: 8px;
        margin: 0
    }

    .sub-categories-scroll {
        margin-bottom: 12px
    }

    .sub-categories-scroll .horizontal-scroll {
        padding: 0 16px;
        margin: 0 -16px;
        width: auto
    }

    .sub-categories-scroll .scroll-space {
        width: 8px
    }

    .sub-cat-link {
        margin: 0;
        white-space: nowrap
    }

    .open-all-cats {
        display: none !important
    }

    .categories_stories {
        margin-bottom: 16px
    }

    .catalog_content_head {
        gap: 14px
    }

    .catalog_links-item {
        margin-bottom: 8px;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        padding: 4px 2px 4px 13px
    }

    .catalog_control {
        margin-top: 5px
    }

    .btn_filter {
        gap: 4px
    }

    .btn_filter_icon {
        width: 16px
    }

    .btn_filter_name {
        font-weight: 400;
        font-size: 11px;
        line-height: 13px
    }

    #btn-reset-all,
    .selected-filter-item {
        font-weight: 400;
        font-size: 10px;
        line-height: 12px;
        height: 28px;
        padding: 0 8px
    }

    .catalog-column .catalog-row {
        margin-top: 30px
    }

    .select-mobile {
        margin-right: 20px
    }

    .select-mobile__head {
        font-weight: 400;
        font-size: 11px;
        line-height: 13px;
        padding-left: 20px;
        height: 16px
    }

    .select-mobile__head:after {
        width: 16px;
        height: 16px;
        background-size: 16px
    }

    .catalog-column .catalog-row {
        gap: 29px 17px
    }
}

@media(max-width: 575px) {
    .filter_list {
        grid-template-columns: 1fr
    }

    .list_view .product-card {
        grid-template-rows: auto auto 100px auto
    }

    .filter-column {
        padding: 20px 16px
    }

    .filter_buttons {
        margin: 0 -16px -20px;
        padding: 16px;
        position: fixed;
        bottom: 20px;
        left: 16px;
        right: 16px
    }

    .filter_head {
        padding-right: 0;
        margin-bottom: 30px
    }

    .bx-filter-parameters-box-container {
        padding-bottom: 30px
    }

    .btn_apply_filter {
        height: 44px
    }

    .btn_apply_filter span {
        font-weight: 400;
        font-size: 14px;
        line-height: 14px;
        margin-top: 2px
    }

    .select-mobile-list {
        bottom: 49px;
        padding: 14px 16px 21px 16px
    }

    .select-mobile-title {
        font-weight: 600;
        font-size: 18px;
        line-height: 21px;
        letter-spacing: .01em
    }

    .select-mobile-item {
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 14px
    }

    .select-mobile-item:last-child {
        margin-bottom: 0
    }
}

.product_sidebar_control-mob {
    display: none
}

.btn_add-fav,
.btn_compare {
    fill: rgba(0, 0, 0, 0);
    stroke: var(--grey);
    cursor: pointer
}

.btn_add-fav svg {
    width: 26px;
    height: 26px
}

.btn_compare svg {
    width: 30px;
    height: 30px;
    margin-top: -3px
}

@media(hover: hover)and (pointer: fine) {

    .btn_add-fav:hover,
    .btn_compare:hover {
        stroke: var(--active-blue)
    }


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

    .product-item-amount-field-btn-minus:hover,
    .product-item-amount-field-btn-plus:hover {
        color: var(--active-blue);
        cursor: pointer
    }
}

.btn_add-fav:active,
.btn_compare:active {
    stroke: var(--press-blue)
}

.btn_add_to_cart:active {
    background-color: var(--press-blue);
    border-color: var(--press-blue)
}

.btn_add_to_cart.is-in-basket {
    background-color: var(--white);
    border-color: var(--main-blue);
    color: var(--main-blue);
}

@media (hover: hover) and (pointer: fine) {
    .btn_add_to_cart.is-in-basket:hover {
        background-color: var(--white);
        border-color: var(--active-blue);
        color: var(--active-blue);
    }
}

.btn_add_to_cart.is-in-basket:active {
    background-color: var(--white);
    border-color: var(--press-blue);
    color: var(--press-blue);
}
.product-item-amount-field-btn-minus:active,
.product-item-amount-field-btn-plus:active {
    color: var(--press-blue)
}

.product_gallery .swiper-pagination {
    display: none
}

@media(max-width: 1133px) {
    .product_content {
        grid-template-columns: 47.827% 1fr;
        gap: 15px 30px
    }

    .product_name {
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .01em
    }

    .product_article {
        margin-bottom: 0
    }

    .product-order-info-item {
        gap: 4px
    }

    .product-order-info-item_name {
        font-weight: 600;
        font-size: 16px;
        line-height: 19px
    }

    .product-order-info-item_text {
        font-weight: 400;
        font-size: 16px;
        line-height: 19px
    }
}

@media(max-width: 1024px) {
    .product_gallery {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px
    }

    .product_gallery .swiper-slide img {
        border-radius: 4px
    }

    .product_gallery_thumbs .swiper-slide img {
        border-radius: 3px
    }

    .product_gallery_thumbs {
        order: 1
    }

    .galThumbsSwiper {
        height: auto
    }

    .galThumbsSwiper .swiper-slide {
        height: 65px;
        width: 65px
    }

    .galMainSwiper {
        height: auto
    }

    .product_name {
        margin-bottom: 10px
    }

    .product-item-amount-field-container {
        width: 90px
    }

    .product_sidebar-row {
        gap: 10px
    }

    .product-item-amount-field-btn-minus,
    .product-item-amount-field-btn-plus,
    .product-item-amount-field {
        height: 42px
    }

    .btn_add_to_cart {
        width: 140px;
        height: 44px;
        font-weight: 600;
        font-size: 18px;
        line-height: 22px
    }

    .product_sidebar_control {
        gap: 11px
    }

    .product_sidebar {
        gap: 22px
    }

    .product-order-info {
        padding: 16px 30px;
        gap: 8px
    }

    .product_gallery .swiper-slide {
        aspect-ratio: 1
    }

    .product_gallery .swiper-pagination {
        bottom: 6px !important
    }

    .product_info {
        margin-top: 9px
    }

    .product_tabs {
        margin-top: 36px
    }

    .product_tabs .tabs_buttons {
        margin-bottom: 30px
    }

    .product_gallery_thumbs .swiper-button-prev,
    .product_gallery_thumbs .swiper-button-next {
        display: none
    }

    .chars-row {
        grid-template-columns: 11fr 6fr;
        gap: 22px
    }

    .chars-label,
    .chars-value {
        min-height: 39px
    }

    .btn_add-fav svg {
        width: 32px;
        height: 32px
    }

    .btn_compare svg {
        width: 32px;
        height: 32px;
        margin-top: -1px
    }
}

@media(max-width: 767px) {
    .product_info-triggers {
        grid-template-columns: repeat(4, 1fr);
        gap: 8px
    }

    .product_content {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto
    }

    .product_content_head,
    .product_gallery,
    .product_sidebar {
        grid-column: 1/-1;
        grid-row: auto
    }

    .product_buy {
        position: fixed;
        bottom: 72px;
        width: 100%;
        left: 0;
        background-color: var(--white);
        border-radius: 8px 8px 0px 0px;
        padding: 16px;
        -webkit-filter: drop-shadow(0px 2px 15px rgba(19, 19, 69, 0.14));
        filter: drop-shadow(0px 2px 15px rgba(19, 19, 69, 0.14));
        z-index: 10
    }

    .product_sidebar-row {
        justify-content: space-between
    }

    .product_sidebar_price {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .product_sidebar_control {
        display: none
    }

    .product_sidebar_control-mob {
        display: flex;
        margin-top: -4px;
        gap: 10px
    }

    .product-item-amount {
        display: none
    }

    .btn_add_to_cart {
        width: 188px;
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        letter-spacing: .01em
    }

    .product-order-info {
        display: none
    }

    .product_content_head {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .btn_add-fav svg {
        width: 25px;
        height: 25px
    }

    .btn_compare svg {
        width: 25px;
        height: 25px
    }

    .product_gallery .swiper-pagination {
        display: block
    }
}

@media(max-width: 575px) {
    .product_name {
        font-weight: 600;
        font-size: 18px;
        line-height: 21px;
        letter-spacing: .01em;
        margin-bottom: 12px
    }

    .product_info {
        margin-top: 0
    }

    .product_content {
        gap: 9px
    }

    .product_page .btn_tab {
        padding-left: 0;
        padding-right: 0;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        width: auto
    }

    .product_gallery_thumbs {
        display: none
    }

    .product_tabs {
        margin-top: 24px
    }

    .product_tabs .tabs_buttons {
        margin-bottom: 16px;
        justify-content: space-between
    }

    .chars-row {
        grid-template-columns: 167px 1fr;
        gap: 13px
    }

    .product_buy {
        bottom: 48px
    }
}

.instruction-item:nth-child(1) {
    position: relative;
    z-index: 2
}

.instruction-item:nth-child(6),
.instruction-item:nth-child(7) {
    padding-top: 15px;
    padding-bottom: 15px
}

.instruction-item:nth-child(7) .instruction-item_text {
    max-width: 308px
}

@media(max-width: 1133px) {
    .instruction-row {
        gap: 20px 30px
    }

    .instruction-item {
        padding: 18px
    }

    .instruction-item_step {
        font-weight: 600;
        font-size: 16px;
        line-height: 19px
    }

    .instruction-item_text {
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        position: relative;
        z-index: 1
    }

    .instruction-item_label {
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        position: relative;
        z-index: 1
    }

    .instruction-item:nth-child(1) {
        padding-top: 21px;
        padding-bottom: 21px
    }

    .instruction-item_decore {
        top: -19px;
        right: 43px;
        width: 94px
    }

    .decore_animate {
        left: 3px
    }

    .instruction-item:nth-child(1) .instruction-item_label {
        max-width: 311px
    }

    .instruction-item:nth-child(1) .instruction-item_label br {
        display: none
    }
}

@media(max-width: 1024px) {
    .instruction-title {
        margin-bottom: 12px
    }

    .instruction-item:nth-child(2) {
        grid-column: 1/-1;
        padding-top: 9px;
        padding-bottom: 9px
    }

    .instruction-item:nth-child(2) .instruction-item_text {
        max-width: 435px;
        width: calc(100% - 50px)
    }

    .instruction-item:nth-child(2) .instruction-item_image {
        height: 100%;
        right: 85px
    }

    .instruction-item:nth-child(2) .instruction-item_image img {
        height: 100%
    }

    .instruction-item:nth-child(3) {
        grid-column: 1/-1;
        padding-top: 18px;
        padding-bottom: 18px
    }

    .instruction-item:nth-child(3) .instruction-item_text {
        max-width: 538px;
        width: calc(100% - 50px)
    }

    .instruction-item:nth-child(3) .instruction-item_text br {
        display: none
    }

    .instruction-item:nth-child(3) .instruction-item_image {
        height: 100%;
        right: 85px
    }

    .instruction-item:nth-child(3) .instruction-item_image img {
        height: 100%
    }

    .instruction-item:nth-child(4) .instruction-item_text {
        max-width: 200px
    }

    .instruction-item:nth-child(8) .instruction-item_text {
        max-width: 480px;
        position: relative;
        z-index: 1
    }

    .instruction-item:nth-child(9) {
        padding-top: 14px;
        padding-bottom: 14px;
        padding-right: 12px
    }

    .instruction-item:nth-child(9) .instruction-item_text {
        max-width: 470px
    }
}

@media(max-width: 767px) {
    .instruction-title {
        margin-bottom: 20px
    }

    .instruction-row {
        gap: 10px
    }

    .instruction-item_step {
        font-weight: 600;
        font-size: 18px;
        line-height: 21px;
        letter-spacing: .01em
    }

    .instruction-item_text {
        font-weight: 400;
        font-size: 14px;
        line-height: 17px
    }

    .instruction-item_label {
        font-weight: 400;
        font-size: 11px;
        line-height: 13px
    }

    .instruction-item:nth-child(2) .instruction-item_image {
        right: 10px
    }

    .instruction-item:nth-child(3) .instruction-item_image {
        right: 10px
    }
}

@media(max-width: 575px) {
    .instruction-row {
        grid-template-columns: 1fr
    }

    .instruction-item {
        padding: 15px;
        grid-column: 1/-1
    }

    .instruction-item_step {
        margin-bottom: 4px
    }

    .instruction-item:nth-child(1) {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .instruction-item_decore {
        top: -8px;
        right: 6px;
        width: 86px
    }

    .decore_animate {
        left: 2px
    }

    .instruction-item:nth-child(1) .instruction-item_text,
    .instruction-item:nth-child(1) .instruction-item_label {
        width: calc(100% - 100px)
    }

    .instruction-item:nth-child(2) {
        padding-top: 6px;
        padding-bottom: 6px
    }

    .instruction-item:nth-child(2) .instruction-item_text {
        width: calc(100% - 30px)
    }

    .instruction-item:nth-child(2) .instruction-item_image {
        right: 1px
    }

    .instruction-item:nth-child(3) {
        padding-top: 15px;
        padding-bottom: 12px
    }

    .instruction-item:nth-child(3) .instruction-item_text {
        width: calc(100% - 27px)
    }

    .instruction-item:nth-child(3) .instruction-item_image {
        right: 4px
    }

    .instruction-item:nth-child(4) {
        padding-top: 22px;
        padding-bottom: 22px
    }

    .instruction-item:nth-child(4) .instruction-item_text {
        max-width: 180px
    }

    .instruction-item:nth-child(5) {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .instruction-item:nth-child(7) {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .instruction-item:nth-child(8) {
        padding-top: 14px;
        padding-bottom: 60px
    }

    .instruction-item:nth-child(8) .instruction-item_image {
        width: 117px;
        height: auto;
        top: auto
    }

    .instruction-item:nth-child(8) .instruction-item_label {
        max-width: 208px
    }

    .instruction-item:nth-child(9) {
        padding-top: 15px;
        padding-bottom: 109px
    }

    .instruction-item:nth-child(9) .instruction-item_image {
        width: 150px;
        height: auto;
        top: auto
    }
}

.scroll-space {
    display: none
}

@media(max-width: 1024px) {
    .scroll-space {
        width: 39px;
        display: block;
        flex-shrink: 0
    }

    .scroll-wrapper {
        width: 100%;
        position: relative
    }

    .horizontal-scroll {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        cursor: -webkit-grab;
        cursor: grab;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .horizontal-scroll::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
        background: rgba(0, 0, 0, 0)
    }

    .horizontal-scroll:active {
        cursor: -webkit-grabbing;
        cursor: grabbing
    }

    .custom-scrollbar-container {
        height: 4px;
        position: absolute;
        bottom: -2px;
        transition: opacity .25s cubic-bezier(0.2, 0.9, 0.4, 1.1);
        opacity: 0;
        will-change: opacity;
        width: calc(100% + 78px);
        margin: 0 -39px
    }

    .scroll-track {
        background: rgba(0, 0, 0, 0);
        border-radius: 40px;
        width: 100%;
        height: 100%;
        position: relative;
        -webkit-backdrop-filter: blur(0px);
        backdrop-filter: blur(0px)
    }

    .scroll-thumb {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 20%;
        background: rgba(0, 0, 0, .3);
        border-radius: 40px;
        transition: width .1s ease, left .05s linear;
        box-shadow: 0 0 0 .5px rgba(255, 255, 255, .3)
    }

    .custom-scrollbar-container.hidden-scrollbar {
        display: none
    }
}

@media(max-width: 767px) {
    .custom-scrollbar-container {
        width: calc(100% + 32px);
        margin: 0 -16px
    }

    .scroll-space {
        width: 16px
    }
}

.popap_basket_added {
    position: fixed;
    background-color: #fff;
    border-radius: 3px;
    z-index: 10000;
    display: flex;
    padding: 15px;
    opacity: .98;
    transition: all .5s ease-in-out;
    width: 280px;
    right: 20px;
    top: 128px;
    box-shadow: 0 12px 36px rgba(0, 0, 0, .1);
    text-decoration: none;
    cursor: pointer
}

.popap_basket_added img {
    height: 80px;
    width: 80px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    margin-right: 10px;
    border-radius: 4px;
    background: #fff
}

.popap_basket_added_inner {
    color: var(--black);
    font-size: 13px
}

.popap_basket_added_inner span {
    display: block;
    margin-bottom: 2px
}

/* isart-filter-chips-dropdown */
.selected-filter-chip {
    flex-shrink: 0;
    position: relative
}

.selected-filter-item .selected-filter-remove {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    background-image: url(/bitrix/templates/isart/assets/css/../images/del_chip.svg);
    background-position: 50%;
    background-repeat: no-repeat
}

.selected-filter-item_has-remove:after {
    display: none
}

.selected-filter-dropdown {
    display: none;
    position: absolute;
    z-index: 5;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    padding: 8px 14px;
    background-color: var(--white);
    box-shadow: 0px 8px 20px rgba(19, 19, 69, 0.1);
    border-radius: 4px;
}

.selected-filter-chip.open .selected-filter-dropdown {
    display: grid;
    gap: 10px
}

.selected-filter-dropdown-item {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--dark-blue);
    cursor: pointer
}

.selected-filter-dropdown .bx-filter-input-checkbox span {
    padding-left: 21px;
}

.compare-page__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px
}

.compare-page__toolbar {
    display: flex;
    align-items: center
}

.compare-page__toggle {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    background: transparent;
    border: 0;
    padding: 0
}

.compare-page__toggle-switch {
    width: 34px;
    height: 20px;
    border-radius: 999px;
    background: var(--grey-20);
    position: relative;
    transition: background-color .2s ease;
    flex-shrink: 0
}

.compare-page__toggle-switch:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--white);
    box-shadow: 0 2px 6px rgba(19, 19, 69, .2);
    transition: transform .2s ease
}

.compare-page__toggle.is-active .compare-page__toggle-switch {
    background: var(--main-blue)
}

.compare-page__toggle.is-active .compare-page__toggle-switch:before {
    transform: translateX(14px)
}

.compare-page__toggle-text {
    color: var(--dark-blue)
}

.compare-page__clear {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    padding: 0 10px;
    color: var(--dark-blue);
    border: 1px solid var(--grey-light);
    background-color: var(--white);
    border-radius: 4px;
    cursor: pointer
}

.compare-page__slider {
    overflow: hidden
}

.compare-page__slide {
    height: auto;
    border-top: 1px solid var(--grey-light);
    border-bottom: 1px solid var(--grey-light);
    border-right: 1px solid var(--grey-light);
    background: var(--white)
}

.compare-page__slide:first-child {
    border-left: 1px solid var(--grey-light)
}

.compare-page__product {
    position: relative;
    min-height: 396px;
    padding: 20px 24px 26px;
    border-bottom: 1px solid var(--grey-light);
    height: 100%
}

.compare-page__product-card {
    gap: 18px;
    height: 100%
}

.compare-page__remove {
    position: absolute;
    top: 5px;
    right: 5px;
    background: transparent;
    padding: 0;
    width: 17px;
    height: 17px;
    font-size: 0;
    outline: none;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.compare-page__image {
    width: 100%;
    aspect-ratio: 1/1;
    background: var(--white)
}

.compare-page__image img {
    object-fit: contain
}

.compare-page__name {
    width: 100%;
    min-height: 52px;
    color: var(--dark-blue);
    flex-grow: 1
}

.compare-page__price {
    flex-grow: 1;
    color: var(--dark-blue)
}

.compare-page__price.product-card-price--unavailable {
    color: var(--grey)
}

.compare-page__buy-row {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px
}

.compare-page__controls {
    display: flex;
    align-items: center;
    gap: 10px
}

.compare-page__controls .product-item-button-container {
    display: flex
}

.compare-page__spec {
    min-height: 71px;
    padding: 14px 16px 15px;
    border-bottom: 1px solid var(--grey-light)
}

.compare-page__spec:last-child {
    border-bottom: none
}

.compare-page__spec-label {
    color: var(--grey);
    margin-bottom: 8px
}

.compare-page__spec-value {
    color: var(--dark-blue);
    word-break: break-word
}

.compare-page__nav {
    top: 198px !important
}

.compare-page__nav.swiper-button-prev {
    left: -64px
}

.compare-page__nav.swiper-button-next {
    right: -64px
}

.compare-page__empty {
    padding: 30px 0 10px
}

@media(max-width:1280px) {
    .compare-page__nav.swiper-button-prev {
        left: -24px
    }

    .compare-page__nav.swiper-button-next {
        right: -24px
    }
}

@media(max-width:1199px) {
    .compare-page__nav {
        display: none !important
    }
}

@media(max-width:1024px) {
    .compare-page__product {
        min-height: 372px
    }

    .compare-page__nav {
        top: 186px !important
    }
}

@media(max-width:1133px) {
    .compare-page__name {
        font-weight: 400;
        font-size: 16px;
        line-height: 19px
    }

    .compare-page__price {
        font-weight: 600;
        font-size: 16px;
        line-height: 19px
    }
}

@media(max-width:767px) {
    .compare-page__head {
        margin-bottom: 16px
    }

    .compare-page__clear {
        font-size: 12px;
        line-height: 14px
    }

    .compare-page__product {
        min-height: 338px
    }

    .compare-page__product-card {
        gap: 14px
    }

    .compare-page__name {
        min-height: 48px
    }

    .compare-page__controls {
        gap: 8px
    }

    .compare-page__spec {
        min-height: 66px;
        padding: 12px
    }

    .compare-page__nav {
        top: 169px !important
    }
}

@media(max-width:575px) {
    .compare-page__name {
        font-weight: 400;
        font-size: 14px;
        line-height: 16px
    }
}

@media(hover:hover) and (pointer:fine) {
    .compare-page__toggle:hover .compare-page__toggle-switch {
        background: var(--active-blue)
    }

    .compare-page__toggle.is-active:hover .compare-page__toggle-switch {
        background: var(--active-blue)
    }

    .compare-page__remove:hover svg circle,
    .compare-page__remove:hover svg path {
        stroke: var(--active-blue)
    }

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

.compare-page__remove:active svg circle,
.compare-page__remove:active svg path {
    stroke: var(--press-blue)
}

.compare-page__clear:active {
    color: var(--press-blue);
    border-color: var(--press-blue)
}

.compare-page__slider-block {
    position: relative
}

.compare-page__products-slider,
.compare-page__specs-slider {
    overflow: hidden
}

.compare-page__products-slide,
.compare-page__specs-slide {
    box-sizing: border-box;
    background: var(--white)
}

.compare-page__products-slide {
    border-top: 1px solid var(--grey-light);
    border-right: 1px solid var(--grey-light);
    height: auto
}

.compare-page__products-slide:first-child,
.compare-page__specs-slide:first-child {
    border-left: 1px solid var(--grey-light)
}

.compare-page__specs-slide {
    border-right: 1px solid var(--grey-light);
    border-bottom: 1px solid var(--grey-light)
}

.compare-page__specs-column {
    height: 100%
}

.compare-page--locked .compare-page__nav {
    display: none !important
}

.SDEK_selectPVZ {
    margin-top: 10px;
    width: 100%;
}
.sdek_pvzAddr {
    display: block;
    margin-top: 10px;
}

@media (max-width: 800px) {
    .main-header-search {
        margin-right: 10px;
    }
}

.btn_add_compare input:checked+svg {
    stroke-width: 1.5;
}

/* Home gallery responsive scrolling layout */
@media(min-width: 1025px) {
    .gallery-grid-item:nth-child(n+13) {
        display: none
    }
}

@media(max-width: 1024px) {
    .gallery-grid {
        overflow-x: auto;
        overflow-y: hidden;
        grid-auto-flow: column dense;
        scrollbar-width: none;
        overscroll-behavior-inline: contain;
        -webkit-overflow-scrolling: touch
    }

    .gallery-grid::-webkit-scrollbar {
        display: none
    }

    .gallery_block .gallery-grid-item {
        display: block;
        min-width: 0;
        grid-column: auto;
        grid-row: auto
    }
}

@media(max-width: 1024px)and (min-width: 576px) {
    .gallery-grid {
        --gallery-visible-width: calc(100vw - 78px);
        --gallery-column-width: calc((var(--gallery-visible-width) - 330px)/12);
        grid-template-columns: repeat(24, var(--gallery-column-width));
        grid-template-rows: 210px 90px 90px;
        grid-auto-flow: row;
        gap: 30px;
        margin-right: -39px;
        padding-right: 39px
    }

    .gallery-grid-item:nth-child(1) {
        grid-column: 1/span 2;
        grid-row: 1
    }

    .gallery-grid-item:nth-child(2) {
        grid-column: 3/span 4;
        grid-row: 1
    }

    .gallery-grid-item:nth-child(3) {
        grid-column: 7/span 4;
        grid-row: 1
    }

    .gallery-grid-item:nth-child(4) {
        grid-column: 11/span 2;
        grid-row: 1
    }

    .gallery-grid-item:nth-child(5) {
        grid-column: 1/span 2;
        grid-row: 2/4
    }

    .gallery-grid-item:nth-child(6) {
        grid-column: 3/span 2;
        grid-row: 2/4
    }

    .gallery-grid-item:nth-child(7) {
        grid-column: 5/span 4;
        grid-row: 2/4
    }

    .gallery-grid-item:nth-child(8) {
        grid-column: 9/span 4;
        grid-row: 2
    }

    .gallery-grid-item:nth-child(9) {
        grid-column: 9/span 4;
        grid-row: 3
    }

    .gallery-grid-item:nth-child(10) {
        grid-column: 13/span 2;
        grid-row: 1
    }

    .gallery-grid-item:nth-child(11) {
        grid-column: 15/span 4;
        grid-row: 1
    }

    .gallery-grid-item:nth-child(12) {
        grid-column: 19/span 4;
        grid-row: 1
    }

    .gallery-grid-item:nth-child(13) {
        grid-column: 23/span 2;
        grid-row: 1
    }

    .gallery-grid-item:nth-child(14) {
        grid-column: 13/span 2;
        grid-row: 2/4
    }

    .gallery-grid-item:nth-child(15) {
        grid-column: 15/span 2;
        grid-row: 2/4
    }

    .gallery-grid-item:nth-child(16) {
        grid-column: 17/span 4;
        grid-row: 2/4
    }

    .gallery-grid-item:nth-child(17) {
        grid-column: 21/span 2;
        grid-row: 2
    }

    .gallery-grid-item:nth-child(18) {
        grid-column: 21/span 2;
        grid-row: 3
    }

    .gallery-grid-item:nth-child(19) {
        grid-column: 23/span 2;
        grid-row: 2
    }

    .gallery-grid-item:nth-child(20) {
        grid-column: 23/span 2;
        grid-row: 3
    }

    .gallery-grid-item:nth-child(21) {
        display: none
    }
}
@media(max-width: 767px)and (min-width: 576px) {
    .gallery-grid {
        --gallery-visible-width: calc(100vw - 32px);
        margin-right: -16px;
        padding-right: 16px
    }
}

@media(max-width: 575px) {
    .gallery-grid {
        overflow-x: auto;
        overflow-y: hidden;
        grid-template-columns: repeat(1527, 1px);
        grid-template-rows: 106px 128px;
        grid-auto-flow: row;
        column-gap: 0;
        row-gap: 16px;
        margin: 0 -16px;
        padding: 0 16px
    }

    .gallery-grid-item:nth-child(1) {
        grid-column: 1/span 213;
        grid-row: 1
    }

    .gallery-grid-item:nth-child(2) {
        grid-column: 230/span 112;
        grid-row: 1
    }

    .gallery-grid-item:nth-child(3) {
        grid-column: 358/span 166;
        grid-row: 1
    }

    .gallery-grid-item:nth-child(4) {
        grid-column: 540/span 112;
        grid-row: 1
    }

    .gallery-grid-item:nth-child(5) {
        grid-column: 668/span 112;
        grid-row: 1
    }

    .gallery-grid-item:nth-child(6) {
        grid-column: 796/span 166;
        grid-row: 1
    }

    .gallery-grid-item:nth-child(7) {
        grid-column: 978/span 112;
        grid-row: 1
    }

    .gallery-grid-item:nth-child(8) {
        grid-column: 1106/span 166;
        grid-row: 1
    }

    .gallery-grid-item:nth-child(9) {
        grid-column: 1288/span 112;
        grid-row: 1
    }

    .gallery-grid-item:nth-child(10) {
        grid-column: 1416/span 111;
        grid-row: 1
    }

    .gallery-grid-item:nth-child(11) {
        grid-column: 1/span 156;
        grid-row: 2
    }

    .gallery-grid-item:nth-child(12) {
        grid-column: 173/span 99;
        grid-row: 2
    }

    .gallery-grid-item:nth-child(13) {
        grid-column: 288/span 156;
        grid-row: 2
    }

    .gallery-grid-item:nth-child(14) {
        grid-column: 460/span 99;
        grid-row: 2
    }

    .gallery-grid-item:nth-child(15) {
        grid-column: 575/span 140;
        grid-row: 2
    }

    .gallery-grid-item:nth-child(16) {
        grid-column: 731/span 156;
        grid-row: 2
    }

    .gallery-grid-item:nth-child(17) {
        grid-column: 903/span 99;
        grid-row: 2
    }

    .gallery-grid-item:nth-child(18) {
        grid-column: 1018/span 140;
        grid-row: 2
    }

    .gallery-grid-item:nth-child(19) {
        grid-column: 1174/span 99;
        grid-row: 2
    }

    .gallery-grid-item:nth-child(20) {
        grid-column: 1289/span 99;
        grid-row: 2
    }

    .gallery-grid-item:nth-child(21) {
        grid-column: 1404/span 124;
        grid-row: 2
    }
}
/* Home gallery seamless loop */
.gallery-scroll {
    min-width: 0
}

@media(max-width: 1024px) {
    .gallery-scroll {
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        overscroll-behavior-inline: contain;
        -webkit-overflow-scrolling: touch;
        margin-right: calc(50% - 50vw);
        margin-left: calc(50% - 50vw);
        padding-left: 39px
    }


    .gallery-scroll::-webkit-scrollbar {
        display: none
    }

    .gallery-scroll .gallery-grid {
        flex: 0 0 auto;
        width: max-content;
        overflow: visible;
        margin: 0 30px 0 0;
        padding: 0
    }
}


@media(max-width: 767px) {
    .gallery-scroll {
        padding-left: 16px
    }
}

@media(max-width: 575px) {
    .gallery-scroll .gallery-grid {
        margin-right: 16px
    }
}
/* Static feedbacks page */
.feedbacks-page__inner { max-width: 827px; }
.feedbacks-page__head { display: flex; align-items: center; justify-content: space-between; }
.feedbacks-page .page-title { margin-bottom: 0; }
.feedbacks-page__add { position: relative; width: 202px; height: 40px; font-weight: 600; font-size: 18px; line-height: 20px; border: 1px solid var(--dark-blue); border-radius: 4px; color: var(--dark-blue); transition: color .2s ease, border-color .2s ease; }
.feedbacks-page__add:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid var(--dark-blue);
    border-radius: 3px;
    opacity: 0;
    transition: .3s ease;
}
.feedbacks-page__list { display: flex; flex-direction: column; margin-top: 40px; }
.feedbacks-review { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid var(--grey-light); }
.feedbacks-review:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
.feedbacks-review__head { display: grid; grid-template-columns: minmax(0, 1fr) auto 128px; align-items: center; column-gap: 40px; }
.feedbacks-review__name, .feedbacks-review__text { color: var(--dark-blue); }
.feedbacks-review__name { font-weight: 600; font-size: 16px; line-height: 19px; letter-spacing: .01em; }
.feedbacks-review__date { color: var(--grey); white-space: nowrap; font-weight: 400; font-size: 14px; line-height: 16px; }
.feedbacks-review__rating { display: block; width: 128px; height: 20px; }
.feedbacks-review__text { margin: 20px 0 0; }
.feedbacks-review__photos { display: flex; gap: 10px; margin-top: 20px; }
.feedbacks-review__photo { display: block; width: 65px; height: 65px; overflow: hidden; border-radius: 4px; background-color: var(--grey-light); cursor: zoom-in; }
.feedbacks-review__photo-image { display: block; border-radius: inherit; }
.feedbacks-page .site-pagination { margin-top: 40px; }
.feedbacks-page .site-pagination__more { display: none !important; }
.feedbacks-page .site-pagination__pages { margin-top: 0; }
.feedbacks-page .site-pagination__list { justify-content: flex-start !important; }
@media (hover: hover) and (pointer: fine) {
    .feedbacks-page__add:hover:before { opacity: 1; }
}
.feedbacks-page__add:active:before { opacity: 1; }
@media (max-width: 1024px) {
    .feedbacks-page__inner { max-width: none; }
    .feedbacks-page__add { width: 200px; height: 44px; line-height: 21px; letter-spacing: .01em; }
    .feedbacks-page__list { margin-top: 28px; }
    .feedbacks-review { padding-bottom: 30px; margin-bottom: 30px; }
    .feedbacks-review__date { font-size: 12px; line-height: 14px; }
}
@media (max-width: 575px) {
    .feedbacks-page__add { width: 199px; }
    .feedbacks-page__list { margin-top: 32px; }
    .feedbacks-review { padding-bottom: 30px; margin-bottom: 30px; }
    .feedbacks-review__head { grid-template-columns: minmax(0, 1fr) 128px; align-items: start; gap: 0 12px; }
    .feedbacks-review__name { grid-column: 1; grid-row: 1; }
    .feedbacks-review__date { grid-column: 1; grid-row: 2; margin-top: 2px; font-size: 11px; line-height: 13px; }
    .feedbacks-review__rating { grid-column: 2; grid-row: 1 / span 2; }
    .feedbacks-review__text { margin-top: 11px; }
    .feedbacks-page .site-pagination__more { display: flex !important; }
}

/* Feedback modal */
body.feedback-modal-open {
    overflow: hidden;
}

.feedback-modal {
    position: fixed;
    inset: 0;
    z-index: 200;
    display: none;
}

.feedback-modal.is-open {
    display: block;
}

.feedback-modal__overlay {
    position: absolute;
    inset: 0;
    background-color: rgba(30, 30, 30, .5);
}

.feedback-modal__dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 540px;
    max-height: calc(100dvh - 40px);
    padding: 25px 44px 30px;
    overflow-y: auto;
    background-color: var(--white);
    border-radius: 4px;
    transform: translate(-50%, -50%);
}

.feedback-modal__close {
    position: absolute;
    top: 25px;
    right: 44px;
    width: 30px;
    height: 30px;
    color: var(--dark-blue);
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.feedback-modal__close svg {
    display: block;
    width: 30px;
    height: 30px;
}

.feedback-modal__title {
    color: var(--dark-blue);
    text-align: center;
}

.feedback-modal__form {
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
}

.feedback-modal__rating {
    position: relative;
    display: block;
    width: 228px;
    height: 40px;
    margin: 16px auto 32px;
    padding: 0;
    border: 0;
}

.feedback-modal__legend {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

.feedback-modal__rating-art {
    display: block;
    width: 228px;
    height: 40px;
    pointer-events: none;
}

.feedback-modal__rating-art path {
    fill: transparent;
    transition: fill .15s ease;
}

.feedback-modal__rating-art path.is-active {
    fill: #ff9700;
}

.feedback-modal__rating-controls {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-columns: repeat(5, 40px);
    column-gap: 7px;
}

.feedback-modal__star {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.feedback-modal__rating-input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.feedback-modal__star:has(.feedback-modal__rating-input:focus-visible) {
    outline: 1px solid var(--main-blue);
    outline-offset: 2px;
    border-radius: 4px;
}

.feedback-modal__control {
    display: block;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid rgba(121, 130, 133, .6);
    border-radius: 4px;
    color: var(--dark-blue);
    background-color: var(--white);
    caret-color: var(--main-blue);
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    outline: none;
    transition: border-color .2s ease;
}

.feedback-modal__control::placeholder {
    color: var(--grey);
    opacity: 1;
}

@media (hover: hover) and (pointer: fine) {
    .feedback-modal__control:hover {
        border-color: var(--grey);
    }
}

.feedback-modal__control:focus,
.feedback-modal__control:focus-visible {
    border-color: var(--grey) !important;
    box-shadow: none;
    outline: none;
}

.feedback-modal__control.is-invalid,
.feedback-modal__control.error,
.feedback-modal__control[aria-invalid="true"] {
    border-color: var(--error) !important;
}

.feedback-modal__control:user-invalid {
    border-color: var(--error) !important;
}

.feedback-modal__name {
    height: 36px;
    padding: 0 12px;
}

.feedback-modal__message {
    height: 120px;
    margin-top: 14px;
    padding: 10px 12px;
    resize: none;
}

.feedback-modal__upload-title {
    margin-top: 15px;
    color: var(--dark-blue);
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
}

.feedback-modal__upload {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    height: 80px;
    margin-top: 7px;
    gap: 16px;
    border-radius: 4px;
    color: var(--dark-blue);
    background-color: #f8f8f8;
    cursor: pointer;
    transition: background-color .2s ease;
}

.feedback-modal__upload.is-dragover {
    background-color: var(--grey-light);
}

.feedback-modal__files {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.feedback-modal__camera {
    display: block;
    flex: 0 0 41px;
    width: 41px;
    height: 41px;
}

.feedback-modal__upload-copy {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
}

.feedback-modal__upload-copy span span {
    color: var(--grey);
}

.feedback-modal__upload-compact {
    display: none;
}

.feedback-modal__file-status {
    color: var(--grey);
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
}

.feedback-modal__file-status:not(:empty) {
    margin-top: 8px;
}

.feedback-modal__file-status {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.feedback-modal__file-preview {
    position: relative;
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    overflow: hidden;
    border-radius: 4px;
    background-color: var(--grey-light);
}

.feedback-modal__file-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.feedback-modal__file-remove {
    position: absolute;
    top: 4px;
    right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: var(--dark-blue);
    background-color: var(--white);
    cursor: pointer;
}

.feedback-modal__file-remove svg {
    display: block;
}

.feedback-modal__consent {
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr);
    align-items: center;
    margin-top: 20px;
    gap: 12px;
    color: var(--dark-blue);
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    cursor: pointer;
}

.feedback-modal__consent a {
    color: inherit;
}

.feedback-modal__checkbox {
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin: 0;
    appearance: none;
    border: 1px solid var(--dark-blue);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.feedback-modal__checkbox:checked {
    border-color: var(--main-blue);
    background-color: var(--main-blue);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10'%3E%3Cpath d='M1 5L4.3 8.2L11 1' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.feedback-modal__checkbox:focus-visible {
    outline: 1px solid var(--main-blue);
    outline-offset: 2px;
}

.feedback-modal__submit {
    width: 100%;
    height: 40px;
    margin-top: 20px;
    border-radius: 4px;
    color: var(--white);
    background-color: var(--main-blue);
    transition: background-color .2s ease;
}

@media (hover: hover) and (pointer: fine) {
    .feedback-modal__consent a:hover {
        color: var(--active-blue);
    }

    .feedback-modal__upload:hover {
        background-color: var(--light-blue);
    }

    .feedback-modal__submit:hover {
        background-color: var(--active-blue);
    }
}

.feedback-modal__consent a:active {
    color: var(--press-blue);
}

.feedback-modal__submit:active {
    background-color: var(--press-blue);
}

@media (max-width: 1024px) {
    .feedback-modal__dialog {
        width: 451px;
        padding: 28px 60px 33px;
    }

    .feedback-modal__close {
        top: 27px;
        right: 27px;
    }

    .feedback-modal__form {
        max-width: 330px;
    }

    .feedback-modal__rating {
    position: relative;
    display: block;
    width: 228px;
    height: 40px;
    margin: 16px auto 32px;
    padding: 0;
    border: 0;
}

    .feedback-modal__upload-desktop {
        display: none;
    }

    .feedback-modal__upload-compact {
        display: block;
    }

    .feedback-modal__submit {
        height: 44px;
    }
}

@media (max-width: 575px) {
    .feedback-modal {
        overflow-y: auto;
        background-color: var(--white);
    }

    .feedback-modal__overlay {
        display: none;
    }

    .feedback-modal__dialog {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        min-height: 654px;
        max-height: none;
        padding: 21px 16px 34px;
        overflow: visible;
        border-radius: 0;
        transform: none;
    }

    .feedback-modal__close {
        top: 24px;
        right: 16px;
    }

    .feedback-modal__form {
        max-width: none;
    }

    .feedback-modal__rating {
    position: relative;
    display: block;
    width: 228px;
    height: 40px;
    margin: 16px auto 32px;
    padding: 0;
    border: 0;
}

    .feedback-modal__name {
        height: 40px;
    }

    .feedback-modal__message {
        height: 160px;
        margin-top: 15px;
    }

    .feedback-modal__upload-title {
        margin-top: 18px;
    }

    .feedback-modal__upload {
        margin-top: 8px;
    }

    .feedback-modal__consent {
        margin-top: 18px;
    }

    .feedback-modal__submit {
        height: 45px;
        margin-top: 18px;
    }
}
/* Feedback success modal */
.feedback-thanks {
    position: fixed;
    inset: 0;
    z-index: 210;
    display: none;
}

.feedback-thanks.is-open {
    display: block;
}

.feedback-thanks__overlay {
    position: absolute;
    inset: 0;
    padding: 0;
    border: 0;
    background: rgba(0, 0, 0, .35);
    cursor: pointer;
}

.feedback-thanks__dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    width: 540px;
    padding: 20px 40px 30px;
    border-radius: 4px;
    background: var(--white);
    transform: translate(-50%, -50%);
}

.feedback-thanks__close {
    position: absolute;
    top: 20px;
    right: 40px;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    color: var(--dark-blue);
    background: transparent;
    cursor: pointer;
    transition: color .2s ease;
}

.feedback-thanks__close svg {
    display: block;
    width: 30px;
    height: 30px;
}

.feedback-thanks__title {
    margin-bottom: 14px !important;
    color: var(--dark-blue);
    text-align: center;
}

.feedback-thanks__text {
    margin-bottom: 20px !important;
    color: var(--dark-blue);
    text-align: center;
}

.feedback-thanks__actions {
    display: flex;
    justify-content: center;
    gap: 29px;
}

.feedback-thanks__button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 161px;
    height: 40px;
    font-weight: 600;
    border: 1px solid var(--dark-blue);
    border-radius: 4px;
    color: var(--dark-blue);
    background: var(--white);
    text-decoration: none;
    transition: color .2s ease, border-color .2s ease, background-color .2s ease;
}

.feedback-thanks__button:not(.feedback-thanks__button--primary):before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid var(--dark-blue);
    border-radius: 3px;
    opacity: 0;
    transition: .3s ease;
}
.feedback-thanks__button--primary {
    border-color: var(--main-blue);
    color: var(--white);
    background: var(--main-blue);
}

.feedback-modal__rating.is-invalid .feedback-modal__rating-art path {
    stroke: var(--error);
}

.feedback-modal__checkbox.is-invalid {
    border-color: var(--error);
}

@media (hover: hover) and (pointer: fine) {
    .feedback-thanks__close:hover {
        color: var(--active-blue);
    }

    .feedback-thanks__button:not(.feedback-thanks__button--primary):hover:before {
        opacity: 1;
    }

    .feedback-thanks__button--primary:hover {
        border-color: var(--active-blue);
        color: var(--white);
        background: var(--active-blue);
    }
}

.feedback-thanks__close:active {
    color: var(--press-blue);
}

.feedback-thanks__button:not(.feedback-thanks__button--primary):active:before {
    opacity: 1;
}

.feedback-thanks__button--primary:active {
    border-color: var(--press-blue);
    color: var(--white);
    background: var(--press-blue);
}

@media (max-width: 1024px) {
    body.feedback-thanks-float-separated .main-header-float {
        border-top: 1px solid rgba(121, 130, 133, .15);
        box-shadow: none;
    }

    .feedback-thanks__dialog {
        width: 450px;
        padding-right: 60px;
        padding-left: 60px;
    }

    .feedback-thanks__close {
        right: 20px;
    }

    .feedback-thanks__actions {
        gap: 20px;
    }

    .feedback-thanks__button {
        width: 155px;
    }
}

@media (max-width: 767px) {
    .feedback-thanks {
        z-index: 11;
    }

    .feedback-thanks__dialog {
        top: auto;
        right: 0;
        bottom: 72px;
        left: 0;
        width: 100%;
        padding: 18px 16px 16px;
        border-radius: 4px 4px 0 0;
        transform: none;
    }

    .feedback-thanks__close {
        top: 14px;
        right: 16px;
    }

    .feedback-thanks__title {
        margin-bottom: 12px !important;
        padding-right: 32px;
        padding-left: 32px;
        font-size: 18px;
        line-height: 22px;
    }

    .feedback-thanks__text {
        margin-bottom: 16px !important;
        font-size: 16px;
        line-height: 19px;
    }

    .feedback-thanks__actions {
        justify-content: space-between;
        gap: 16px;
    }

    .feedback-thanks__button {
        width: calc(50% - 8px);
        height: 44px;
        font-size: 16px;
        line-height: 19px;
    }
}

@media (max-width: 575px) {
    .feedback-thanks__dialog {
        bottom: 48px;
    }
}
/* Store reviews component runtime states */
.feedbacks-review__rating {
    display: flex;
    align-items: center;
    gap: 7px;
}
.feedback-modal__server-error {
    display: none;
    margin-top: 12px;
    color: #E34B4B;
    font-size: 14px;
    line-height: 1.35;
}
.feedback-modal__server-error.is-visible {
    display: block;
}
.feedback-modal__submit:disabled {
    cursor: default;
    opacity: .65;
}
/* Review form and blog filters: scoped responsive corrections. */
.feedbacks-page__inner,
.feedbacks-page__list,
.feedbacks-review,
.feedbacks-review__text {
    min-width: 0;
    max-width: 100%;
}
.feedbacks-review__text,
.feedbacks-review__name {
    overflow-wrap: anywhere;
    word-break: break-word;
}
.feedbacks-review__text pre,
.feedbacks-review__text code {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
.feedback-modal__dialog { box-sizing: border-box; }
.feedback-modal__upload { position: relative; min-height: 80px; height: auto; }
.feedback-modal__upload:not(.has-files) .feedback-modal__file-status { display: none; }
.feedback-modal__upload.has-files { display: block; padding: 8px; }
.feedback-modal__upload.has-files .feedback-modal__camera,
.feedback-modal__upload.has-files .feedback-modal__upload-copy { display: none; }
.feedback-modal__upload.has-files .feedback-modal__file-status {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    width: 100%;
    gap: 6px;
    margin: 0;
}
.feedback-modal__file-preview { width: 100%; height: auto; min-width: 0; aspect-ratio: 1; }
.feedback-modal__upload:focus-visible { outline: 2px solid var(--main-blue); outline-offset: 2px; }
.feedback-modal__text-limit,
.feedback-modal__upload-error { margin-top: 8px; color: #E34B4B; font-size: 12px; line-height: 1.35; }
.feedback-modal__upload-hint { margin-top: 8px; color: var(--grey); font-size: 11px; line-height: 1.35; }
.feedback-modal__text-limit[hidden],
.feedback-modal__upload-error[hidden] { display: none; }
.feedback-modal__server-error,
.feedback-modal__upload-error,
.feedback-modal__upload-hint { overflow-wrap: anywhere; }

.feedbacks-gallery .carousel__button.is-prev,
.feedbacks-gallery .carousel__button.is-next {
    display: flex;
    visibility: visible;
    opacity: 1;
}
.feedbacks-gallery .fancybox__carousel .carousel__button.is-prev { left: 8px; right: auto; }
.feedbacks-gallery .fancybox__carousel .carousel__button.is-next { right: 8px; left: auto; }

.news-page .blog-tags-scroll .blog-tags {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    max-height: none;
    overflow: visible;
    margin: 0;
    padding: 2px 0;
}
.news-page .blog-tags-scroll { min-width: 0; max-width: 100%; margin-bottom: 0; }
.news-page .blog-tags-scroll .horizontal-scroll { overflow-x: auto; scrollbar-width: none; }
.news-page .blog-tags-scroll .horizontal-scroll::-webkit-scrollbar { display: none; }
.news-page .blog-tags-scroll .scroll-space { flex: 0 0 8px; }
.news-page .blog-tag {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    padding: 0;
    border: 0;
    border-radius: 4px;
    color: var(--grey);
    text-decoration: none;
    white-space: nowrap;
}
.news-page .blog-tag.is-active { color: var(--main-blue); position: relative; z-index: 2; }
.news-page .blog-tag:hover { color: var(--main-blue); }
.news-page .blog-tag:active { color: var(--press-blue); }
@media (min-width: 1025px) {
    .news-page .blog-tags-scroll .blog-tags { flex-wrap: nowrap; }
    .news-page .blog-tags-scroll .scroll-space { display: none; }
}
@media (max-width: 1024px) {
    .news-page .blog-tags-scroll .horizontal-scroll { overflow-x: auto; overflow-y: hidden; width: auto; margin: 0 -39px; padding: 0 39px; }
}
@media (max-width: 575px) {
    .feedback-modal__close { top: 17px; }
    .feedback-modal__title { padding: 0 32px; }
    .feedbacks-review__photos { gap: 6px; }
    .feedbacks-review__photo { flex: 0 1 65px; min-width: 0; height: auto; aspect-ratio: 1; }
}

.news-page .blog-tags-scroll .scroll-space { height: 1px; }

@media (max-width: 767px) {
    .news-page .blog-tags-scroll .horizontal-scroll { margin: 0 -16px; padding: 0 16px; }
}


.feedback-unavailable { padding: 28px 0 8px; text-align: center; }
.feedback-unavailable__icon { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; margin: 0 auto 20px; border-radius: 50%; background: #eef5ff; color: var(--main-blue); }
.feedback-unavailable__message { max-width: 350px; margin: 0 auto; font-size: 24px; font-weight: 500; line-height: 1.3; color: var(--dark); }
@media (max-width: 575px) { .feedback-unavailable__message { font-size: 22px; } }

@media (min-width: 1134px) {
    .news-page .blog-sections-scroll .sub-categories { margin-bottom: 8px; }
}

@media (max-width: 1133px) {
    .news-page .blog-tag { font-size: 12px; line-height: 14px; }
}

@media (min-width: 1134px) {
    .news-page .blog-filters { min-height: 57px; }
}

/* Unavailable price on the product detail page. */
.buy_price_value.product-card-price--unavailable { color: var(--grey); }
[data-favorites-recommendations][hidden] { display: none; }




.isart-field-error { margin-top: 6px; color: #c83333; font-size: 13px; line-height: 18px; }
.isart-field-error[hidden] { display: none; }
.auth-form .bx-auth-input[aria-invalid="true"] { border-color: #c83333; }

/* Blog filters: September 2026 revision. */
.news-page .blog-sections-scroll .sub-cat-link-back { padding-left: 10px; padding-right: 10px; }
.news-page .blog-sections-scroll .sub-cat-link-back::after { display: none; }
.news-page .blog-tags-scroll { position: relative; }
@media (min-width: 1134px) {
    .news-page .blog-tags-scroll.has-more-tags::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 48px; background: linear-gradient(to right, rgba(255,255,255,0), #fff); pointer-events: none; }
}
@media (max-width: 1133px) {
    .news-page .blog-sections-scroll .open-all-cats { display: none !important; }
    .news-page .blog-sections-scroll .sub-categories,
    .news-page .blog-sections-scroll .sub-categories.opened { display: flex; gap: 8px; margin: 0; flex-wrap: nowrap; max-height: none; overflow: visible; padding-right: 0; }
    .news-page .blog-sections-scroll .horizontal-scroll { overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
    .news-page .blog-sections-scroll .horizontal-scroll::-webkit-scrollbar { display: none; }
    .news-page .news-list-page__navigation,
    .news-page .news-list-page__navigation .pagination_block,
    .news-page .news-list-page__navigation .load_more { width: 100%; }
}
@media (min-width: 768px) and (max-width: 1133px) {
    .news-page .blog-sections-scroll { margin-bottom: 12px; }
    .news-page .blog-sections-scroll .horizontal-scroll { width: auto; margin: 0 -39px; padding: 0 39px; }
}

@media (min-width: 768px) and (max-width: 1133px) { .news-page .blog-sections-scroll .sub-cat-link { margin: 0; white-space: nowrap; flex-shrink: 0; } }

@media (min-width: 1134px) {
    .news-page .blog-tags-scroll.has-previous-tags::before { content: ''; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; width: 48px; background: linear-gradient(to right, #fff, rgba(255,255,255,0)); pointer-events: none; }
}

.feedback-modal__name-error { margin-top: 6px; color: var(--error); font-size: 12px; line-height: 16px; }
.feedback-modal__name-error[hidden] { display: none; }

/* Registration captcha and checkout consent links. */
.isart-captcha-refresh { display: block; width: fit-content; font-size: 14px; line-height: 20px; min-height: 24px; margin: 8px 0 0; padding: 0; border: 0; background: transparent; color: var(--main-blue); text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
.isart-captcha-refresh:disabled { opacity: .6; cursor: wait; }
.isart-captcha-status { display: block; font-size: 12px; line-height: 16px; color: var(--grey); }
#bx-soa-orderSave .isart-order-consents { display: flex; flex-direction: column; gap: 12px; margin: 20px 0; }
#bx-soa-orderSave .isart-order-consent { display: flex; align-items: flex-start; gap: 11px; padding: 0; margin: 0; color: var(--dark-blue); font-size: 16px; line-height: 19px; cursor: pointer; }
#bx-soa-orderSave .isart-order-consent input[type="checkbox"] { position: static; margin: 1px 0 0; }
#bx-soa-orderSave .isart-order-consent a { color: inherit; font: inherit; text-decoration: none; }
#bx-soa-orderSave .isart-order-consent a:hover { color: var(--main-blue); }
#bx-soa-orderSave .isart-order-consent a:focus-visible { outline: 2px solid var(--main-blue); outline-offset: 2px; }
#bx-soa-order-form #bx-soa-orderSave > a[data-save-button] { float: none !important; width: auto; min-height: 40px; padding: 8px 24px; border-radius: 4px; font-size: 18px; line-height: 22px; white-space: nowrap; margin: 8px 0 0 !important; }
#bx-soa-orderSave .isart-order-consent.is-invalid { color: #b00020; }
#bx-soa-orderSave .isart-consent-error { color: #b00020; font-size: 14px; line-height: 18px; margin-bottom: 12px; }
#bx-soa-orderSave .isart-consent-error[hidden] { display: none; }
@media (max-width: 767px) {
    #bx-soa-orderSave .isart-order-consent { font-size: 14px; line-height: 18px; }
}

#bx-soa-orderSave .isart-order-consent .main-user-consent-request-announce { font: inherit; color: inherit; }

/* End */
/* /bitrix/templates/isart/assets/css/swiper-bundle.min.css?179273838818448 */
/* /bitrix/templates/isart/assets/css/main.css?1792738388172822 */