/* Start:/local/components/pro/index/templates/.default/style.css?17854229766842*/
.pro-landing {
    width: 100%;
    overflow: hidden;
    background: #fff;
}
.pro-landing{
    margin: unset;
}

/*
 * Не используем content-visibility для длинного лендинга. При восстановлении
 * позиции после обновления браузер сначала подставлял условную высоту 620px,
 * а затем пересчитывал реальные секции. Из-за этого страница прыгала при
 * прокрутке вверх. Геометрия блоков теперь рассчитывается сразу, а изображения
 * продолжают загружаться нативно через loading="lazy".
 */
.pro-catalog-banner,
.pro-catalog-banner picture,
.pro-catalog-banner img {
    display: block;
    width: 100%;
}

.pro-catalog-banner picture {
    height: auto;
}

.pro-catalog-banner img {
    height: 300px;
    object-fit: cover;
}

.pro-catalog-banner--link,
.pro-catalog-banner--link:hover,
.pro-catalog-banner--link:focus-visible {
    color: inherit;
    text-decoration: none;
}

.pro-intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: min(100% - 32px, 900px);
    margin: 50px auto 0;
    text-align: center;
}

.pro-intro__brand {
    margin: 0;
    color: #000;
    font-family: 'Source Serif 4 48pt', 'Source Serif 4', serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
}

.pro-intro__title,
.pro-intro__text,
.pro-intro__link {
    margin: 30px 0 0;
    font-family: 'VB Inter', Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: -0.02em;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
}

.pro-intro__title {
    font-weight: 400;
}

.pro-intro__text {
    max-width: 850px;
    font-weight: 300;
}

.pro-intro__link {
    color: #023e84;
    font-weight: 500;
    text-decoration: underline;
    text-decoration-skip-ink: auto;
}

.pro-intro__link:hover,
.pro-intro__link:focus-visible {
    color: #023e84;
}

.pro-catalog-banner--secondary {
    position: relative;
    --pro-catalog-container-width: min(calc(100% - 24px), 1140px);
    --pro-catalog-content-edge: calc(
        (100% - var(--pro-catalog-container-width)) / 2 + 12px
    );
    margin-top: 50px;
}

.pro-catalog-banner__copy {
    position: absolute;
    top: 50%;
    right: var(--pro-catalog-content-edge);
    left: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    text-align: center;
    transform: translateY(-50%);
}

.pro-catalog-banner--copy-left .pro-catalog-banner__copy {
    right: auto;
    left: var(--pro-catalog-content-edge);
}

.pro-catalog-banner__title {
    display: flex;
    align-items: center;
    gap: 14px;
    font-family: 'Source Serif 4 48pt', 'Source Serif 4', serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 1.2;
}

.pro-catalog-banner__title i {
    display: block;
    width: 44px;
    height: 1px;
    background: currentColor;
}

.pro-catalog-banner__title > h2 {
    font-family: 'Source Serif 4 48pt', 'Source Serif 4', serif;
    font-size: 40px;
}

.pro-catalog-banner__text {
    margin-top: 14px;
    font-family: 'VB Inter', Arial, sans-serif;
    font-size: 22px;
    font-weight: 300;
    line-height: 1.25;
}

@media (min-width: 1400px) {
    .pro-catalog-banner--secondary {
        --pro-catalog-container-width: min(calc(100% - 24px), 1320px);
    }
}



@media (max-width: 1199.98px) {
    .pro-catalog-banner--secondary {
        display: flex;
        flex-direction: column;
        height: auto;
        overflow: hidden;
        background: #fff;
        color: #000;
    }

    .pro-catalog-banner--secondary .pro-catalog-banner__copy,
    .pro-catalog-banner--secondary.pro-catalog-banner--copy-left .pro-catalog-banner__copy {
        position: static;
        flex: 0 0 auto;
        padding: 30px 20px 0;
        background: #fff;
        color: #000;
        transform: none;
    }
    .pro-catalog-banner__title > h2 {
        font-family: 'Source Serif 4 48pt', 'Source Serif 4', serif;
        font-size: 28px;
    }
    .pro-catalog-banner--secondary .pro-catalog-banner__title {
        gap: 14px;
        color: #000;
        font-size: 28px;
    }

    .pro-catalog-banner--secondary .pro-catalog-banner__title i {
        width: 48px;
        background: #000;
    }


    .pro-catalog-banner--secondary .pro-catalog-banner__text {
        margin-top: 10px;
        color: #000;
        font-size: 16px;
        line-height: 1.4;
    }

    .pro-catalog-banner--secondary .pro-catalog-banner__text br {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .pro-catalog-banner--secondary > picture,
    .pro-catalog-banner--secondary > picture > img {
        display: block;
        width: 100%;
        height: 300px;
    }

    .pro-catalog-banner--secondary > picture > img {
        object-fit: cover;
    }

    /* Обрезаем правую часть, сохраняя левую композицию. */
    .pro-catalog-banner--tablet-crop-right > picture > img {
        object-position: left center;
    }

    /* Обрезаем левую часть, сохраняя правую композицию. */
    .pro-catalog-banner--tablet-crop-left > picture > img {
        object-position: right center;
    }
}

@media (max-width: 767.98px) {
    .pro-catalog-banner > picture {
        aspect-ratio: 420 / 330;
    }

    .pro-catalog-banner--secondary > picture {
        aspect-ratio: 400 / 255;
    }

    .pro-catalog-banner > picture > img {
        width: 100%;
        height: 100%;
        min-height: 0;
        object-fit: contain;
    }

    .pro-catalog-banner img {
        min-height: 160px;
        object-fit: cover;
        object-position: center;
    }

    .pro-intro {
        width: min(100% - 30px, 900px);
        margin-top: 30px;
    }

    .pro-intro__brand {
        font-size: 28px;
        line-height: 1;
        letter-spacing: -0.02em;
    }

    .pro-intro__title,
    .pro-intro__text,
    .pro-intro__link {
        margin-top: 30px;
        font-size: 14px;
        line-height: 1.6;
        letter-spacing: -0.02em;
    }
    .pro-intro__title{
        max-width: 342px;
    }

    .pro-catalog-banner--secondary {
        margin-top: 30px;
    }

    .pro-catalog-banner--secondary > picture {
        flex: 0 0 auto;
        width: 100%;
        height: auto;
    }

    .pro-catalog-banner--secondary > picture > img {
        display: block;
        width: 100%;
        height: 100%;
        min-height: 0;
        aspect-ratio: auto;
        object-fit: cover;
        object-position: center;
    }

}

/* End */


/* Start:/local/templates/main_redesing/css/vendor/swiper/swiper-bundle.min.css?178516515618458*/
/**
 * Swiper 11.1.15
 * 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: November 18, 2024
 */

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


/* Start:/local/components/pro/products.slider/templates/.default/style.css?178542297612804*/
.pro-products-slider {
    width: 100%;
    margin-top: 50px;
}

.pro-products-slider__inner {
    padding-bottom: 0 !important;
}

.pro-products-slider__inner--full {
    width: 100%;
    max-width: none;
    padding-right: 0;
    padding-left: 0;
}

.pro-products-slider.is-empty:not(.pro-products-slider--with-banner) {
    display: none;
}

.pro-products-slider__title {
    margin: 0 0 40px;
    color: #000;
    font-family: 'Source Serif 4 48pt', 'Source Serif 4', serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
}

.pro-products-slider .swiper-container {
    width: 100%;
    overflow: hidden;
    opacity: 1;
    visibility: visible;
}

.pro-products-slider__layout {
    display: flex;
    width: 100%;
    align-items: flex-start;
    gap: 30px;
}

.pro-products-slider__catalog {
    flex: 1 1 auto;
    align-self: flex-start;
    min-width: 0;
    overflow: hidden;
}

.pro-products-slider .product-card {
    position: relative;
    width: 100%;
    height: 100%;
}

/*
 * PRO-card skeleton must repeat the real catalog.item geometry. The product
 * image occupies the full card width, while name, price and controls use the
 * card's 15px inner gutter. A shared 12px padding made the placeholder image
 * visibly smaller than the product and shifted every following row.
 */
.pro-products-slider .product-card .catalog-card-skeleton {
    gap: 0;
    padding: 0;
}

.pro-products-slider .product-card .catalog-card-skeleton__image {
    width: 100%;
    margin: 0 0 30px;
    aspect-ratio: 1 / 1;
}

.pro-products-slider .product-card .catalog-card-skeleton__line {
    width: calc(68% - 4px);
    margin-right: 15px;
    margin-left: 15px;
}

.pro-products-slider .product-card .catalog-card-skeleton__line--wide {
    width: calc(100% - 30px);
}

.pro-products-slider .product-card .catalog-card-skeleton__line + .catalog-card-skeleton__line {
    margin-top: 12px;
}

.pro-products-slider .product-card .catalog-card-skeleton__price {
    width: calc(42% - 4px);
    margin: auto 15px 0;
}

.pro-products-slider .product-card .catalog-card-skeleton__button {
    width: calc(100% - 30px);
    height: 37px;
    margin: 12px 15px 3px;
}

.pro-products-slider .swiper-wrapper > [data-entity='item'] {
    display: flex;
    flex: 0 0 auto;
    width: auto;
    height: auto;
    max-width: none;
    margin-right: 0;
    padding: 0;
}

.pro-products-slider .swiper-wrapper {
    align-items: stretch;
}

/*
 * Before the local Swiper starts, catalog markup can already be touched by a
 * global slider initializer. Keep the product placeholders in the same,
 * deterministic grid as the final PRO slider instead of using inherited
 * widths from that temporary instance.
 */
.pro-products-slider:not(.is-ready):not(.is-initializing) .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    width: 100%;
    transform: none !important;
}

.pro-products-slider:not(.is-ready):not(.is-initializing) .swiper-wrapper > [data-entity='item'] {
    width: 100% !important;
    min-width: 0;
    margin: 0 !important;
}

.pro-products-slider:not(.is-ready):not(.is-initializing) .swiper-wrapper > [data-entity='item']:nth-child(n + 5) {
    display: none !important;
}

.pro-products-slider .product-card .product-params {
    flex: 1 1 auto;
}

.pro-products-slider .product-card .product-name {
    display: block;
    min-height: 48px;
}

.pro-products-slider .product-card .product-name span {
    display: -webkit-box;
    min-height: 48px !important;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.pro-products-slider .product-card .catalog-card-purchase {
    margin-top: auto;
}

.pro-products-slider__banner {
    position: relative;
    display: block;
    box-sizing: border-box;
    flex: 0 0 728px;
    width: 728px;
    height: 464px;
    min-height: 0;
    overflow: hidden;
    opacity: 1;
    color: #fff;
    text-decoration: none;
}

.pro-products-slider__banner picture,
.pro-products-slider__banner img {
    display: block;
    width: 100%;
    height: 100%;
}

.pro-products-slider__banner img {
    min-height: 0;
    object-fit: cover;
}

.pro-products-slider__banner-copy {
    position: absolute;
    right: 24px;
    bottom: 34px;
    left: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    text-align: center;
}

.pro-products-slider__banner-title {
    display: flex;
    align-items: center;
    gap: 14px;
    font-family: 'Source Serif 4 48pt', 'Source Serif 4', serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 1.2;
}

.pro-products-slider__banner-title i {
    display: block;
    width: 44px;
    height: 1px;
    background: currentColor;
}

.pro-products-slider__banner-text {
    max-width: 266px;
    margin-top: 14px;
    font-family: 'VB Inter', Arial, sans-serif;
    font-size: 22px;
    font-weight: 300;
    line-height: 1.35;
}

.pro-products-slider:not(.is-ready) .pagination:not(.is-skeleton-loading) {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

.pro-products-slider:not(.is-ready) .pagination.is-skeleton-loading {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

@media (max-width: 1199.98px) {
    .pro-products-slider__banner {
        display: flex;
        flex-direction: column;
        flex-basis: min(728px, 50vw);
        width: min(728px, 50vw);
        height: auto;
        aspect-ratio: auto;
        background: #fff;
        color: #000;
    }

    .pro-products-slider__banner picture {
        display: flex;
        flex: 1 1 auto;
        min-height: 0;
    }

    .pro-products-slider__banner img {
        flex: 1 1 auto;
        width: 100%;
        height: 100%;
        min-height: 0;
        object-fit: cover;
    }


    .pro-products-slider__banner-copy {
        position: static;
        flex: 0 0 auto;
        padding: 30px 20px 0px 20px;
        background: #fff;
        color: #000;
    }

    .pro-products-slider__banner-title {
        gap: 14px;
        color: #000;
        font-size: 28px;
    }

    .pro-products-slider__banner-title i {
        width: 48px;
        background: #000;
    }

    .pro-products-slider__banner-text {
        max-width: none;
        margin-top: 10px;
        color: #000;
        font-size: 16px;
        line-height: 1.4;
    }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
    .pro-products-slider--with-banner:not(.is-ready):not(.is-initializing) .swiper-wrapper {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 22px;
    }

    .pro-products-slider--with-banner:not(.is-ready):not(.is-initializing) .swiper-wrapper > [data-entity='item']:nth-child(n + 5) {
        display: none !important;
    }
}

@media (max-width: 767.98px) {
    .pro-products-slider {
        margin-top: 30px;
    }

    .pro-products-slider__banner-copy,
    .pro-products-slider__catalog {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .pro-products-slider__banner {
        flex-basis: auto;
        width: 100%;
        height: auto;
    }

    .pro-products-slider__banner img {
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        min-height: 0;
        aspect-ratio: 728 / 464;
        object-fit: cover;
    }

    .pro-products-slider__banner picture {
        flex: 0 0 auto;
        height: auto;
    }

    .pro-products-slider__layout {
        flex-direction: column;
        gap: 30px;
    }

    .pro-products-slider__catalog {
        width: 100%;
    }

    .pro-products-slider .product-card .product-name,
    .pro-products-slider .product-card .product-name span {
        min-height: 40px !important;
    }

    .pro-products-slider:not(.is-ready):not(.is-initializing) .swiper-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .pro-products-slider:not(.is-ready):not(.is-initializing) .swiper-wrapper > [data-entity='item']:nth-child(n + 3) {
        display: none !important;
    }

}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .pro-products-slider--with-banner .pro-products-slider__layout {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
        align-items: stretch;
    }

    .pro-products-slider--with-banner .pro-products-slider__banner {
        width: 100%;
        aspect-ratio: auto;
    }

    .pro-products-slider--with-banner .pro-products-slider__catalog {
        width: 100%;
        min-width: 0;
        align-self: stretch;
    }

    .pro-products-slider:not(.is-ready):not(.is-initializing) .swiper-wrapper {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
    }

    .pro-products-slider:not(.is-ready):not(.is-initializing) .swiper-wrapper > [data-entity='item']:nth-child(n + 4) {
        display: none !important;
    }

    .pro-products-slider--with-banner:not(.is-ready):not(.is-initializing) .swiper-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .pro-products-slider--with-banner:not(.is-ready):not(.is-initializing) .swiper-wrapper > [data-entity='item']:nth-child(n + 3) {
        display: none !important;
    }
}


/*
 * Высота товарного блока должна участвовать в раскладке сразу. Отложенный
 * layout через content-visibility давал неверную временную высоту и смещал
 * восстановленную позицию страницы при появлении реальных карточек.
 */

/* Если библиотека Swiper не загрузилась, товары всё равно остаются доступной сеткой. */
.pro-products-slider.is-static-fallback .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    width: 100% !important;
    transform: none !important;
}

.pro-products-slider.is-static-fallback .swiper-wrapper > [data-entity='item'] {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
}

.pro-products-slider.is-static-fallback .pagination {
    display: none !important;
}

@media (max-width: 1199.98px) {
    .pro-products-slider.is-static-fallback .swiper-wrapper {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
    }

    .pro-products-slider--with-banner.is-static-fallback .swiper-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .pro-products-slider.is-static-fallback .swiper-wrapper,
    .pro-products-slider--with-banner.is-static-fallback .swiper-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }
}


/* Штатная кнопка catalog.section остаётся резервным вариантом без Swiper.
   В рабочем слайдере следующая страница загружается автоматически. */
.pro-products-slider.is-ready:not(.is-static-fallback) [data-use^='show-more-'] {
    display: none !important;
}

.pro-products-slider__load-status {
    display: flex;
    min-height: 32px;
    margin-top: 12px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #5e6670;
    font-family: 'VB Inter', Arial, sans-serif;
    font-size: 13px;
    line-height: 1.35;
}

.pro-products-slider__load-status[hidden] {
    display: none !important;
}

.pro-products-slider__retry {
    padding: 0;
    border: 0;
    border-bottom: 1px solid currentColor;
    background: transparent;
    color: #023e84;
    font: inherit;
    cursor: pointer;
}



/* The global catalog skeleton must stop painting as soon as the primary image
 * is ready. Keeping shimmer layers for every slide creates continuous repaints
 * and makes cart controls feel delayed on product-heavy pages. */
.pro-products-slider .product-card.is-media-loaded > .catalog-card-skeleton,
.pro-products-slider .product-card > .catalog-card-skeleton[hidden] {
    display: none !important;
    animation: none !important;
}

/* Keep pointer controls independent from Swiper gesture handling. */
.pro-products-slider .catalog-card-purchase,
.pro-products-slider .catalog-card-purchase button,
.pro-products-slider .catalog-card-purchase input,
.pro-products-slider .add-wish {
    touch-action: manipulation;
}
.pro-products-slider .swiper-slide,
.pro-products-slider .product-card {
    -webkit-user-select: none;
    user-select: none;
}

.pro-products-slider .product-image img {
    -webkit-user-drag: none;
}

/* End */


/* Start:/local/components/custom/slider.pagination/templates/.default/style.css?17846460175683*/
.vb-slider-pagination.pagination {
    --vb-slider-pagination-offset: 50px;
    --vb-slider-pagination-bottom-offset: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-width: 0;

    margin-top: var(--vb-slider-pagination-offset) !important;
}

/*
 * Скелетон пагинации.
 */
.vb-slider-pagination__skeleton {
    display: block;

    width: 180px;
    height: 36px;

    flex: 0 0 180px;

    border-radius: 2px;

    background: var(--vb-skeleton-start, #edf2f7);
    background-clip: padding-box;

    opacity: .7;

    pointer-events: none;
    user-select: none;

    animation:
        vb-slider-pagination-skeleton-pulse
        .8s
        linear
        infinite
        alternate;
}

.vb-slider-pagination:not(.is-skeleton-loading)
.vb-slider-pagination__skeleton {
    display: none !important;
}

.vb-slider-pagination.is-skeleton-loading
.vb-slider-pagination__skeleton {
    display: block;
}

.vb-slider-pagination.is-skeleton-loading
.vb-slider-pagination__nav {
    display: none !important;
}

@keyframes vb-slider-pagination-skeleton-pulse {
    from {
        background-color:
            var(--vb-skeleton-start, #edf2f7);
    }

    to {
        background-color:
            var(--vb-skeleton-end, #a0aec0);
    }
}

/*
 * hidden должен иметь приоритет над остальными display.
 */
.vb-slider-pagination[hidden] {
    display: none !important;
}

.vb-slider-pagination.pagination:not([hidden]) {
    display: flex !important;
}

.vb-slider-pagination--inline.pagination {
    --vb-slider-pagination-offset: 0;
    --vb-slider-pagination-bottom-offset: 0;

    width: auto;
}

/*
 * Навигация.
 */
.vb-slider-pagination__nav {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 5px;

    width: 100%;
    min-width: 0;
}

.vb-slider-pagination__nav[hidden] {
    display: none !important;
}

.vb-slider-pagination--align-left
.vb-slider-pagination__nav {
    justify-content: flex-start;
}

.vb-slider-pagination--align-left.pagination {
    justify-content: flex-start;
}

.vb-slider-pagination--align-center
.vb-slider-pagination__nav {
    justify-content: center !important;
}

.vb-slider-pagination--align-center.pagination {
    justify-content: center;
}

.vb-slider-pagination--align-right
.vb-slider-pagination__nav {
    justify-content: flex-end !important;
}

.vb-slider-pagination--align-right.pagination {
    justify-content: flex-end;
}

/*
 * Контейнер номеров страниц.
 */
.vb-slider-pagination__pages {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 1 auto;

    min-width: 0;
    max-width: max-content;

    margin-right: 10px !important;
    margin-left: 10px !important;

    gap: 8px;

    overflow-x: auto;
    overflow-y: hidden;

    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.vb-slider-pagination__pages::-webkit-scrollbar {
    display: none;
}

.vb-slider-pagination .pagination-item {
    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;
}

/*
 * Номера страниц.
 */
.vb-slider-pagination__pages .pagination-item {
    width: auto;
    height: auto;

    margin: 0 8px;

    border-radius: 0;

    background: transparent;

    opacity: 1;
}

.vb-slider-pagination__pages .pagination-item span {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 28px;
    height: 36px;

    color: #808080;

    font-weight: 400;
    line-height: 1;

    cursor: pointer;

    transition: color .4s ease;
}

.vb-slider-pagination__pages
.swiper-pagination-bullet-active {
    border-bottom: 1px solid #ccc;
}

.vb-slider-pagination__pages
.swiper-pagination-bullet-active span {
    color: #333;

    font-weight: 300;

    cursor: default;
}

/*
 * Стрелки.
 */
.vb-slider-pagination__arrow {
    width: 36px;
    height: 36px;

    flex: 0 0 36px;

    cursor: pointer;

    transition: opacity .2s ease;
}

.vb-slider-pagination__arrow img {
    display: block;

    width: 36px;
    height: 36px;

    user-select: none;
}

.vb-slider-pagination__arrow.swiper-button-disabled,
.vb-slider-pagination__arrow.swiper-button-lock {
    display: flex !important;

    opacity: .2;

    cursor: default;
    pointer-events: none;
}

/*
 * Мобильная версия.
 *
 * Уменьшены отступы. Иначе пять номеров, две стрелки,
 * margin и gap могут физически не помещаться в экран 320–375px.
 */
@media (max-width: 767.98px) {
    .vb-slider-pagination.pagination {
        --vb-slider-pagination-offset: 30px;
        --vb-slider-pagination-bottom-offset: 30px;

        width: 100%;
        max-width: 100%;
    }

    .vb-slider-pagination__nav {
        justify-content: center !important;

        width: 100%;
        max-width: 100%;

        gap: 4px;
    }

    .vb-slider-pagination__pages {
        flex: 0 1 auto;

        min-width: 0;

        margin-right: 4px !important;
        margin-left: 4px !important;

        gap: 2px;
    }

    .vb-slider-pagination__pages .pagination-item {
        margin: 0;
    }

    .vb-slider-pagination__pages
    .pagination-item span {
        width: 28px;
        height: 36px;
    }

    .vb-slider-pagination__arrow {
        width: 36px;
        height: 36px;

        flex-basis: 36px;
    }

    .vb-slider-pagination__arrow img {
        width: 36px;
        height: 36px;
    }

    .vb-slider-pagination__skeleton {
        width: 160px;
        flex-basis: 160px;
    }
}
/* End */


/* Start:/local/templates/main_redesing/components/bitrix/catalog.section/catalog/themes/blue/style.min.css?1781508439706*/
.bx-blue .product-item-image-slider-progress-bar{background-color:#0083d1}.bx-blue .product-item-image-slider-control:hover{background-color:rgba(0,131,209,.8)}.bx-blue .product-item-image-slider-control.active,.bx-blue .product-item-image-slider-control:hover{background-color:#0083d1}.bx-blue .product-item-scu-item-text-block:hover,.bx-blue .product-item-scu-item-color-block:hover,.bx-blue .product-item-scu-item-text-container.selected .product-item-scu-item-text-block,.bx-blue .product-item-scu-item-color-container.selected .product-item-scu-item-color-block{outline-color:#006cc0}.bx-blue .product-item-amount-field:focus{border-color:#006cc0}.bx-blue .catalog-section-header{border-color:#006cc0}
/* End */


/* Start:/local/components/pro/collection.features/templates/.default/style.css?17854229894188*/
.pro-collection-features {
    width: 100%;
    padding: 50px 16px;
    background: #f7f7f7;
    margin-top: 50px;
}

.pro-collection-features__container {
    width: min(100%, 1180px);
    margin: 0 auto;
}

.pro-collection-feature {
    display: grid;
    grid-template-columns: minmax(0, 674px) minmax(320px, 1fr);
    align-items: center;
    column-gap: 70px;
}

.pro-collection-feature + .pro-collection-feature {
    margin-top: 50px;
}

.pro-collection-feature--image-right {
    grid-template-columns: minmax(320px, 1fr) minmax(0, 674px);
}

.pro-collection-feature--image-right .pro-collection-feature__media {
    grid-column: 2;
}

.pro-collection-feature--image-right .pro-collection-feature__content {
    grid-row: 1;
    grid-column: 1;
}

.pro-collection-feature__media {
    width: 100%;
    aspect-ratio: 674 / 505;
    overflow: hidden;
}

.pro-collection-feature__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pro-collection-feature__media picture {
    display: block;
    width: 100%;
    height: 100%;
}

.pro-collection-feature__content {
    max-width: 400px;
}

.pro-collection-feature__eyebrow {
    color: #808080;
    font-family: 'VB Inter', Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: .09em;
    text-transform: uppercase;
    leading-trim: both;
    text-edge: cap;
}

.pro-collection-feature__title {
    margin: 20px 0 0;
    color: #000;
    font-family: 'Source Serif 4 48pt', 'Source Serif 4', serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -0.02em;
    leading-trim: both;
    text-edge: cap;
}

.pro-collection-feature__description {
    margin-top: 18px;
    color: #000;
    font-family: 'VB Inter', Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: 0;
    leading-trim: both;
    text-edge: cap;
}

.pro-collection-feature__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 258px;
    height: 43px;
    margin-top: 30px;
    padding: 10px;
    gap: 10px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 11px 0 #00000040;
    color: #000;
    font-family: 'VB Inter', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    text-decoration: none;
}

.pro-collection-feature__button:hover,
.pro-collection-feature__button:focus-visible {
    color: #023e84;
}

.pro-collection-feature__button img {
    display: block;
    width: auto;
    height: auto;
    max-width: 18px;
}

@media (max-width: 1199.98px) {
    .pro-collection-feature {
        grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
        column-gap: 48px;
    }

    .pro-collection-feature--image-right {
        grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr);
    }
}

@media (max-width: 767.98px) {
    .pro-collection-features {
        margin-top: 30px;
        padding: 30px 0px;
    }

    .pro-collection-feature,
    .pro-collection-feature--image-right {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 30px;
    }

    .pro-collection-feature__eyebrow{
        display: none;
    }

    .pro-collection-feature__media,
    .pro-collection-feature__media picture {
        height: auto;
        aspect-ratio: auto;
    }

    .pro-collection-feature__media img {
        height: auto;
        object-fit: contain;
    }

    .pro-collection-feature__title,
    .pro-collection-feature__description
    {
        text-align: center;
    }

    .pro-collection-feature + .pro-collection-feature {
        margin-top: 30px;
    }

    .pro-collection-feature__content {
        max-width: none;
        margin: 0px auto;
        text-align: center;
    }

    .pro-collection-feature__title {
        margin-top: 0px;
        font-size: 28px;
    }

    .pro-collection-feature__description {
        margin-top: 14px;
    }

    .pro-collection-feature__button {
        width: 100%;
        max-width: 258px;
    }
}

/* End */


/* Start:/local/components/pro/editorial.slider/templates/.default/style.css?17854229895556*/
.pro-editorial-slider {
    --skeleton-start-color: #edf2f7;
    --skeleton-end-color: #a0aec0;
    display: grid;
    grid-template-columns: minmax(320px, 38%) minmax(0, 62%);
    align-items: center;
    width: 100%;
    margin-top: 50px;
    padding: 50px 0;
    overflow: hidden;
    background: #f5f7f9;
}

.pro-editorial-slider__content {
    width: min(100% - 32px, 400px);
    margin: 0 auto;
}

.pro-editorial-slider__title {
    margin: 0;
    color: #000;
    font-family: 'Source Serif 4 48pt', 'Source Serif 4', serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
    leading-trim: both;
    text-edge: cap;
}

.pro-editorial-slider__description {
    margin-top: 30px;
    color: #000;
    font-family: 'VB Inter', Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: 0;
    leading-trim: both;
    text-edge: cap;
}

.pro-editorial-slider__content {
    position: relative;
    z-index: 2;
}

.pro-editorial-slider__stage,
.pro-editorial-slider__swiper {
    min-width: 0;
}

.pro-editorial-slider__stage {
    position: relative;
    z-index: 1;
    max-width: 100%;
    overflow: hidden;
    isolation: isolate;
}

.pro-editorial-slider__swiper {
    width: 100%;
    overflow: visible;
}

.pro-editorial-slider__slide {
    position: relative;
    display: block;
    flex: 0 0 min(689px, 72vw);
    width: min(689px, 72vw);
    max-width: 689px;
    max-height: 519px;
    margin-right: 55px !important;
    aspect-ratio: 689 / 519;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
}

.pro-editorial-slider__slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity .25s ease;
}

.pro-editorial-slider__slide picture {
    display: block;
    width: 100%;
    height: 100%;
}

.pro-editorial-slider__slide.is-image-loaded img {
    opacity: 1;
}

.pro-editorial-slider__skeleton {
    position: absolute;
    z-index: 0;
    inset: 0;
    border-color: var(--skeleton-end-color);
    border-radius: 2px;
    background: var(--skeleton-start-color);
    background-clip: padding-box;
    opacity: .7;
    animation: pro-editorial-skeleton .8s linear infinite alternate;
    pointer-events: none;
    user-select: none;
}

.pro-editorial-slider__slide.is-image-loaded .pro-editorial-slider__skeleton {
    display: none;
}

@keyframes pro-editorial-skeleton {
    from { background-color: var(--skeleton-start-color); }
    to { background-color: var(--skeleton-end-color); }
}

.pro-editorial-slider__slide-copy {
    position: absolute;
    z-index: 2;
    right: 20px;
    bottom: 38px;
    left: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    text-align: center;
}

.pro-editorial-slider__slide-title {
    font-family: 'Source Serif 4 48pt', 'Source Serif 4', serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.2;
}

.pro-editorial-slider__slide-link {
    margin-top: 14px;
    padding-bottom: 3px;
    border-bottom: 1px solid currentColor;
    font-family: 'VB Inter', Arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}

@media (max-width: 991.98px) {
    .pro-editorial-slider {
        grid-template-columns: 1fr;
        gap: 40px;
        padding: 40px 0;
    }

    .pro-editorial-slider__content {
        max-width: none;
        margin-left: 16px;
        margin-right: 16px;
        width: auto;
        text-align: center;
    }

    .pro-editorial-slider__stage {
        padding-left: 16px;
    }

    .pro-editorial-slider__slide {
        margin-right: 32px !important;
    }
}

@media (max-width: 767.98px) {

    .pro-editorial-slider__description {
        font-size: 14px;
    }

    .pro-editorial-slider {
        gap: 30px;
        margin-top: 30px;
        padding: 30px 0;
    }

    .pro-editorial-slider__content {
        width: calc(100% - 30px);
    }

    .pro-editorial-slider__stage {
        box-sizing: border-box;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        overflow: hidden;
    }

    .pro-editorial-slider__swiper {
        width: 100%;
        overflow: hidden;
    }

    .pro-editorial-slider__title {
        font-size: 32px;
    }

    .pro-editorial-slider__slide {
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: none;
        max-height: none;
        margin-right: 15px !important;
        aspect-ratio: auto;
        color: #000;
    }

    .pro-editorial-slider__slide img {
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        aspect-ratio: 689 / 519;
        object-fit: cover;
    }

    .pro-editorial-slider__slide picture {
        flex: 0 0 auto;
        height: auto;
    }

    .pro-editorial-slider__skeleton {
        right: 0;
        bottom: auto;
        left: 0;
        width: 100%;
        height: auto;
        aspect-ratio: 689 / 519;
    }

    .pro-editorial-slider__slide-copy {
        position: static;
        flex: 0 0 auto;
        box-sizing: border-box;
        width: 100%;
        padding: 20px 15px 0;
        background: unset;
        color: #000;
    }

    .pro-editorial-slider__slide-title {
        font-size: 28px;
    }

    .pro-editorial-slider__slide-link {
        margin-top: 10px;
        color: #000;
    }

}

/* End */


/* Start:/local/components/pro/business.banner/templates/.default/style.min.css?17854229897558*/
.pro-business-banner{position:relative;width:100%;height:616px;margin-top:50px;overflow:hidden;background:#f4efeb}.pro-business-banner__media{position:absolute;inset:0}.pro-business-banner__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.pro-business-banner__media picture{display:block;width:100%;height:100%}.pro-business-banner__content{position:absolute;z-index:1;top:50%;left:65%;width:min(31%,480px);transform:translateY(-50%);color:#000}.pro-business-banner__title{margin:0;font-family:'Source Serif 4 48pt','Source Serif 4',serif;font-size:40px;font-style:normal;font-weight:400;line-height:1.2;letter-spacing:0;leading-trim:both;text-edge:cap}.pro-business-banner__description{max-width:470px;margin:24px 0 0;font-family:'VB Inter',Arial,sans-serif;font-size:16px;font-style:normal;font-weight:300;line-height:1.4;letter-spacing:0;leading-trim:both;text-edge:cap}.pro-business-banner__button{display:inline-flex;align-items:center;justify-content:center;width:249px;height:52px;margin-top:30px;padding:10px;gap:10px;border:0;border-radius:5px;background:#272c32;color:#fff;cursor:pointer;font-family:'VB Inter',Arial,sans-serif;font-size:16px;font-style:normal;font-weight:300;line-height:1.4;letter-spacing:0;text-decoration:none}.pro-business-banner__button:focus-visible,.pro-business-banner__button:hover{background:#023e84;color:#fff}.pro-business-banner__benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:490px;margin-top:42px}.pro-business-banner__benefit{position:relative;display:flex;min-width:0;padding:0 14px;flex-direction:column;align-items:center;text-align:center}.pro-business-banner__benefit:first-child{padding-left:0}.pro-business-banner__benefit:last-child{padding-right:0}.pro-business-banner__benefit:not(:last-child)::after{position:absolute;top:0;right:0;width:1px;height:100%;background:#272c322e;content:''}.pro-business-banner__benefit-icon{display:block;width:43px;height:43px;object-fit:contain}.pro-business-banner__benefit-text{margin-top:10px;font-family:'VB Inter',Arial,sans-serif;font-size:13px;font-style:normal;font-weight:300;line-height:1.9;letter-spacing:0;text-align:center;leading-trim:both;text-edge:cap}.pro-business-contact-modal.modal{--bs-modal-width:462px;--bs-modal-padding:2.1rem 2.5rem 3rem;--bs-modal-border-radius:10px;z-index:999999999}.pro-business-contact-modal .modal-dialog{position:relative;z-index:10055}.pro-business-contact-modal .modal-content{position:relative;z-index:10060;font-size:14px}.pro-business-contact-modal .title-row{align-items:center;gap:15px;margin-bottom:14px}.pro-business-contact-modal .modal-title{font-family:'Source Serif 4 48pt','Source Serif 4',serif;font-size:28px;font-weight:500;line-height:1.1;letter-spacing:-.04em}.pro-business-contact-modal .btn-close{flex:0 0 auto;padding:7px;margin-right:-7px}.pro-business-contact-modal__text{margin:20px 0 26px;color:#464646;font-family:'VB Inter',Arial,sans-serif;font-size:clamp(10px, 3.5vw, 14px);font-weight:400;line-height:1.5}.pro-business-contact-modal__contacts{display:grid;gap:10px}.pro-business-contact-modal__contact{display:flex;min-height:66px;min-width:0;padding:10px 12px;border:1px solid #d9dada;border-radius:4px;flex-direction:column;justify-content:center;color:#272c32;font-family:'VB Inter',Arial,sans-serif;text-decoration:none;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.pro-business-contact-modal__contact:focus-visible,.pro-business-contact-modal__contact:hover{border-color:#023e84;background:#f4f7fb;color:#023e84}.pro-business-contact-modal__label{color:#939090;font-size:12px;line-height:1.3}.pro-business-contact-modal__value{margin-top:4px;font-size:16px;font-weight:500;line-height:1.3;white-space:nowrap}.pro-business-contact-modal__socials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px;gap:8px}.pro-business-contact-modal__social{display:grid;min-width:0;height:66px;min-height:66px;padding:9px 12px;border-radius:8px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;background:#f5f6f8;color:#272c32;font-family:'VB Inter',Arial,sans-serif;text-decoration:none;transition:background-color .2s ease,color .2s ease,transform .2s ease}.pro-business-contact-modal__social:focus-visible,.pro-business-contact-modal__social:hover{background:#edf3fa;color:#023e84;transform:translateX(3px)}.pro-business-contact-modal__social-icon{display:inline-flex;width:36px;height:36px;border-radius:50%;align-items:center;justify-content:center;background:#fff}.pro-business-contact-modal__social-icon img{display:block;width:24px;height:24px;object-fit:contain}.pro-business-contact-modal__social-content{display:flex;min-width:0;flex-direction:column}.pro-business-contact-modal__social-title{font-size:14px;font-weight:500;line-height:1.25}.pro-business-contact-modal__social-meta{display:-webkit-box;overflow:hidden;margin-top:2px;color:#7b7b7b;font-size:11px;font-weight:400;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media (max-width:1199.98px){.pro-business-banner{height:auto;overflow:visible}.pro-business-banner__media{position:relative;height:clamp(360px,52vw,500px)}.pro-business-banner__media img{object-position:left center}.pro-business-banner__content{position:relative;top:auto;left:auto;width:100%;padding:40px 30px;transform:none;text-align:center}.pro-business-banner__title{font-size:34px}.pro-business-banner__description{max-width:680px;margin-inline:auto;font-size:15px}.pro-business-banner__benefits{max-width:560px;margin-inline:auto}.pro-business-banner__benefit{padding-inline:8px}}@media (max-width:767.98px){.pro-business-banner{margin-top:30px}.pro-business-banner__media{height:clamp(240px,70vw,360px)}.pro-business-banner__content{padding:30px 15px}.pro-business-banner__title{font-size:28px}.pro-business-banner__description{max-width:560px;margin:20px auto 0;font-size:14px}.pro-business-banner__button{margin-top:24px}.pro-business-banner__benefits{max-width:520px;margin:30px auto 0}.pro-business-banner__benefit-text{font-size:12px;line-height:1.5}.pro-business-contact-modal.modal{--bs-modal-padding:20px 12px 26px;--bs-modal-margin:0;padding:0!important}.pro-business-contact-modal .modal-dialog{width:100%;max-width:100%;height:100%;height:100dvh;margin:0}.pro-business-contact-modal .modal-dialog.modal-dialog-centered{min-height:100%;min-height:100dvh;align-items:stretch}.pro-business-contact-modal .modal-content{display:flex;min-height:100dvh;padding:20px;border:0;border-radius:0;flex-direction:column;justify-content:flex-start;overflow-y:auto;font-size:12px}.pro-business-contact-modal .modal-body{display:flex;width:100%;flex-direction:column}.pro-business-contact-modal .modal-auth-content{display:flex;width:100%;min-height:100%;flex:1;flex-direction:column;margin:0}.pro-business-contact-modal__main{width:100%;margin-block:auto;padding-block:20px}.pro-business-contact-modal .modal-title{font-size:22px}.pro-business-contact-modal__text{margin:18px 0 22px}.pro-business-contact-modal__contact{min-height:62px}.pro-business-contact-modal__value{font-size:clamp(11px, 3.5vw, 15px)}.pro-business-contact-modal__socials{margin-top:14px}.pro-business-contact-modal__social{padding:8px;grid-template-columns:30px minmax(0,1fr);gap:7px}.pro-business-contact-modal__social-icon{width:30px;height:30px}.pro-business-contact-modal__social-icon img{width:21px;height:21px}.pro-business-contact-modal__social-title{font-size:12px}.pro-business-contact-modal__social-meta{font-size:9px}}
/* End */
/* /local/components/pro/index/templates/.default/style.css?17854229766842 */
/* /local/templates/main_redesing/css/vendor/swiper/swiper-bundle.min.css?178516515618458 */
/* /local/components/pro/products.slider/templates/.default/style.css?178542297612804 */
/* /local/components/custom/slider.pagination/templates/.default/style.css?17846460175683 */
/* /local/templates/main_redesing/components/bitrix/catalog.section/catalog/themes/blue/style.min.css?1781508439706 */
/* /local/components/pro/collection.features/templates/.default/style.css?17854229894188 */
/* /local/components/pro/editorial.slider/templates/.default/style.css?17854229895556 */
/* /local/components/pro/business.banner/templates/.default/style.min.css?17854229897558 */