/* Start:/local/templates/promolink/styles.css?1750836656173791*/
@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
@import "/local/templates/promolink/css/tab.css";
@import "/local/templates/promolink/css/accordion.css";
@import "/local/templates/promolink/css/auth.css";

.bx_catalog-compare-list {
    display: none !important;
}

.--preloader::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}

@keyframes preloader {
    from {
        transform: translateX(-50%) translateY(-50%) rotate(0);
    }

    50% {
        transform: translateX(-50%) translateY(-50%) rotate(180deg);
    }

    to {
        transform: translateX(-50%) translateY(-50%) rotate(360deg);
    }
}

html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

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

* {
    box-sizing: border-box;
}

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

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

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

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

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

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

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

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

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

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/**
 * Swiper 11.1.1
 * 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: April 9, 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") format("woff");
    font-weight: 400;
    font-style: normal;
}

:root {
    --swiper-theme-color: #007aff;
    /*
    --swiper-preloader-color: var(--swiper-theme-color);
    --swiper-wrapper-transition-timing-function: initial;
    */
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}

.half {
    max-width: 50%;
}

.no_overflow {
    overflow: hidden;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    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;
}

/* Auto Height */
.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);
    backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}

.swiper-3d {
    perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    /* For Firefox */
    -ms-overflow-style: none;
    /* For Internet Explorer and Edge */
}

.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);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    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, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,
            rgba(0, 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, 0.5),
            rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,
            rgba(0, 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, 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:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .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);
    }
}

/* Slide styles end */
:root {
    --font-family: Inter, sans-serif;
    --blue: #5a88f7;
    --svetlyy-siniy: #99b7ff;
    --red: #e74c3c;
    --chern: #4e4e4e;
    --ikonki: #a4a4a4;
    --cvet-harakteristik: #6c6c6c;
    --blue-bg: #edf2fe;
    --white: #fff;
    --seryy-fon: #f9f9f9;
    --seryy-svetlyy: #f2f2f2;
    --blue-bright: linear-gradient(180deg, #5a88f7 0%, #064fff 100%);
    --black-color: #000;
    --black: #000;
    --container-offset: 34px;
    --header-offset: 150px;
    --padding: 5px;
    --offset: 10px;
    --gap: 10px;
    --small-border-radius: 8px;
    --border-radius: 15px;
    --title-font-size: 35px;
    --font-size: 22px;
    --middle-font-size: 16px;
    --small-font-size: 12px;
    --menu-nav-height: 85px;
    --total-bottom-offset: var(--menu-nav-height);
}

button {
    cursor: pointer;
}

a:hover {
    text-decoration: none;
}

html {
    scroll-behavior: smooth;
}

body {
    background: #f9fbff;
    display: flex;
    flex-direction: column;
    min-width: 320px;
    min-height: 100vh;
    font-family: var(--font-family);
}

main {
    margin-bottom: var(--container-offset);
}

.active {
    display: unset !important;
}

.header__menu.active {
    display: block !important;
}

.hidden {
    display: none !important;
}

*:active,
*:hover,
*:focus,
*:focus:after,
*:focus:before {
    outline: none !important;
    outline-offset: 0;
}

.fancybox-close-small:focus:after {
    outline: none !important;
}

a {
    text-decoration: none;
}

p {
    margin: 0;
    padding: 0;
}

.main {
    min-height: 100%;
    flex: 1 0 auto;
}

.button {
    padding: calc(var(--padding) * 3) calc(var(--padding) * 6);
    border: none;
    cursor: pointer;
}

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

.bold {
    font-weight: 700;
}

.button-blue {
    width: max-content;
    display: flex;
    align-items: center;
    gap: 9px;
    background: var(--blue-bg);
    color: var(--black-color);
    border-radius: 5px;
    font-weight: 600;
    font-size: 12px;
    padding: 10px 12px;
    height: 40px;
}

.button-blue:hover {
    transition: all 0.3s ease-out;
    filter: contrast(1.05);
}

.logo {
    width: max-content;
    display: flex;
    align-items: center;
    gap: 20px;
}

.logo__text {
    text-align: left;
    max-width: 234px;
    font-size: 12px;
    line-height: 133%;
    color: var(--cvet-harakteristik);
}

.content-catalog {
    position: relative;
    display: flex;
    gap: 20px;
    align-items: end;
}

.content-catalog:has(.start) {
    align-items: start;
}

.content {
    position: relative;
    width: calc(100% - 340px - 20px);
    flex: 0 0 calc(100% - 340px - 20px);
    max-width: 0 0 calc(100% - 340px - 20px);
}

.content__wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--container-offset);
}

.content_right-block {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    position: sticky;
    bottom: 20px;
    z-index: 11;
}

.top {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
}

.top__link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    background: linear-gradient(270deg, #82a5ff 0%, #4b7eff 100%);
    border-radius: 10px;
    padding: 0 15px;
    font-weight: 600;
    font-size: 12px;
    color: var(--white);
}

.top-text {
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
    gap: 10px;
}

.swiper-buttons {
    position: absolute;
    bottom: 0;
    z-index: 2;
    right: 20px;
    bottom: 20px;
    gap: 10px;
    display: flex;
}

.swiper-button {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 100%;
}

.swiper-button.swiper-button-prev {
    transform: rotate(-180deg);
}

.view-all {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    color: var(--blue);
    gap: 8px;
    cursor: pointer;
}

.view-all:before {
    content: "";
    display: block;
    background: url("/local/templates/promolink/img/icons/arrow-blue.svg") no-repeat center;
    background-size: contain;
    width: 11px;
    height: 9px;
}

.mobile-banner {
    width: 100%;
}

.mobile-banner img {
    width: 100%;
}

.mobile {
    display: none !important;
}

.mobile-flex {
    display: none !important;
}

@media (max-width: 1024px) {
    :root {
        --container-offset: 30px;
    }

    .mobile {
        display: block !important;
    }

    .mobile-flex {
        display: flex !important;
    }

    .desktop {
        display: none !important;
    }

    body {
        background: #edf2fe;
        min-width: 380px;
    }

    main {
        margin-top: 16px;
    }

    .content {
        width: 100%;
    }

    .logo__img {
        width: 180px;
    }

    .content-catalog {
        flex-direction: column;
    }

    .toast-container {
        bottom: calc(15px + var(--menu-nav-height));
    }
}

.title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    line-height: 127%;
    color: var(--black-color);
}

.text {
    font-size: 11px;
    font-weight: 500;
    color: var(--black-color);
}

.category {
    font-weight: 500;
    font-size: 13px;
    color: var(--black-color);
}

/* inter-100 - cyrillic_latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Inter";
    font-style: normal;
    font-weight: 100;
    src: url("/local/templates/promolink/fonts/inter-v13-cyrillic_latin-100.woff2") format("woff2");
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-200 - cyrillic_latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Inter";
    font-style: normal;
    font-weight: 200;
    src: url("/local/templates/promolink/fonts/inter-v13-cyrillic_latin-200.woff2") format("woff2");
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-300 - cyrillic_latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    src: url("/local/templates/promolink/fonts/inter-v13-cyrillic_latin-300.woff2") format("woff2");
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-regular - cyrillic_latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    src: url("/local/templates/promolink/fonts/inter-v13-cyrillic_latin-regular.woff2") format("woff2");
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-500 - cyrillic_latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    src: url("/local/templates/promolink/fonts/inter-v13-cyrillic_latin-500.woff2") format("woff2");
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-600 - cyrillic_latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    src: url("/local/templates/promolink/fonts/inter-v13-cyrillic_latin-600.woff2") format("woff2");
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-700 - cyrillic_latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    src: url("/local/templates/promolink/fonts/inter-v13-cyrillic_latin-700.woff2") format("woff2");
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-800 - cyrillic_latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Inter";
    font-style: normal;
    font-weight: 800;
    src: url("/local/templates/promolink/fonts/inter-v13-cyrillic_latin-800.woff2") format("woff2");
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-900 - cyrillic_latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Inter";
    font-style: normal;
    font-weight: 900;
    src: url("/local/templates/promolink/fonts/inter-v13-cyrillic_latin-900.woff2") format("woff2");
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
    --container-width: 1440px;
    --container-padding: 20px;
}

.container-wrap {
    max-width: var(--container-width);
    padding: 0 var(--container-padding);
    margin: 0 auto;
}

.button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    font-size: 16px;
    background: linear-gradient(270deg, #82a5ff 0%, #4b7eff 100%);
    border-radius: 10px;
    padding: 0 60px;
    font-weight: 600;
    color: var(--white);
    width: max-content;
}

.container-right {
    max-width: calc((100vw - var(--container-width)) / 2 + var(--container-width));
    margin-right: auto;
    padding-right: var(--container-padding);
}

.container-left {
    max-width: calc((100vw - var(--container-width)) / 2 + var(--container-width));
    margin-left: auto;
    padding-left: var(--container-padding);
}

.padding-container-left {
    padding-left: calc((100vw - var(--container-width)) / 2 + var(--container-width));
}

.padding-container-right {
    padding-right: calc((100vw - var(--container-width)) / 2 + var(--container-width));
}

@media (max-width: var(--container-width)) {
    .padding-container-left {
        padding-left: var(--container-padding);
    }

    .padding-container-right {
        padding-right: var(--container-padding);
    }
}

.catalog {
    list-style: none;
    padding: 0;
    position: sticky;
    top: 20px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-width: 340px;
    height: 100%;
    border-radius: 10px;
    margin-bottom: 20px;
}

.catalog__item {
    width: 100%;
    min-height: 50px;
    padding: 0 18px;
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 14px;
    background: var(--white);
    color: var(--black);
}

.catalog__item a {
    color: inherit;
}

.catalog__item img {
    object-fit: contain;
    max-height: 30px;
    max-width: 30px;
}

.catalog__item--blue {
    background: linear-gradient(180deg, #5a88f7 0%, #4d74d3 100%);
    font-weight: 700;
    color: var(--white);
}

.catalog__item--light {
    background: linear-gradient(270deg, #99b7ff 0%, #7199ff 100%);
    font-weight: 500;
    color: var(--white);
}

.catalog__item--arrow:after {
    content: "";
    display: block;
    margin-left: auto;
    width: 8px;
    min-width: 8px;
    height: 12px;
    background: url("/local/templates/promolink/img/icons/arrow.svg");
    pointer-events: none;
}

.catalog__sublist {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.catalog__subitem {
    display: flex;
    align-items: center;
    height: 50px;
    background: #edf2fe;
    color: var(--black);
    border-bottom: 1px solid white;
    padding-left: 60px;
}

.banner {
    width: 100%;
    min-height: 190px;
    background: white;
    padding: 20px 25px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    overflow: hidden;
    border-radius: 10px;
    background: linear-gradient(180deg, #5a88f7 0%, #064fff 100%);
    position: relative;
    color: var(--white);
}

.banner>* {
    z-index: 2;
}

.banner:after {
    content: "";
    display: block;
    border-radius: 100%;
    background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
    width: 860px;
    height: 860px;
    position: absolute;
    right: -200px;
    top: 0;
    z-index: 1;
    opacity: 0.6;
}

.banner__content {
    display: flex;
    flex-direction: column;
    gap: 14px;
    height: 100%;
}

.banner__inputs {
    display: flex;
    gap: 15px;
}

.banner__title {
    font-weight: 700;
    font-size: 27px;
}

.banner__text {
    font-weight: 400;
    font-size: 13px;
    line-height: 146%;
    max-width: 390px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.banner__button {
    width: max-content;
    height: 36px;
    padding: 11px 16px;
    border-radius: 12px;
    background: var(--white);
    font-weight: 500;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: var(--blue);
    color: var(--white);
}

.banner__button--offset {
    margin-top: auto;
}

.banner__button--gradient {
    width: max-content;
    box-shadow: 0 3px 9px 0 rgba(32, 64, 147, 0.05);
    background: linear-gradient(270deg, #82a5ff 0%, #4b7eff 100%);
    color: var(--white);
}

.banner__img {
    position: absolute;
    top: 40px;
    right: 10px;
}

.banner__img--payment {
    top: -50px;
    right: 30px;
}

.banner__input {
    color: black;
    width: 171px;
    padding: 0 16px;
    height: 40px;
    background: var(--white);
    font-weight: 500;
    font-size: 10px;
    border: none;
    border-radius: 10px;
}

.banner__input:placeholder {
    color: #818181;
}

.banner--white {
    color: var(--chern);
    background: var(--white);
    box-shadow: var(--shadow-on-gray);
}

.banner--white:after {
    background: linear-gradient(180deg, #93b2fb 0%, rgba(255, 255, 255, 0) 100%);
}

.banner--index {
    padding: 0;
    height: 255px;
    display: block;
}

.min-bunner .banner__content {
    width: 100%;
    gap: 10px;
}

.min-bunner:after {
    content: none;
}

.min-bunner .banner__title {
    font-size: 16px;
}

.min-bunner .banner__text {
    font-size: 12px;
    max-width: 60%;
}

.min-bunner.banner--montajnik {
    background: url("/local/templates/promolink/img/banners/small-montajnik.png") no-repeat center;
    background-size: cover;
    background-position: top right;
}

.min-bunner:not(.banner--estimates) .banner__img {
    display: none;
}

.banner--help::after {
    content: none;
}

.banner--help .banner__img {
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    object-position: top right;
    object-fit: cover;
    z-index: 1;
}

@media (max-width: 1024px) {
    .banner {
        flex-direction: row;
    }

    .banner--delivery {
        background: url("/local/templates/promolink/img/banners/bg2.png") no-repeat center;
        background-size: cover;
    }

    .banner--montajnik {
        background: url("/local/templates/promolink/img/banners/small-montajnik.png") no-repeat center;
        background-size: cover;
        background-position: top right;
    }

    .banner--payment {
        background: url("/local/templates/promolink/img/banners/bg3.svg") no-repeat center;
        background-size: cover;
    }

    .banner__content {
        width: 100%;
        gap: 10px;
    }

    .banner:after {
        display: none;
    }

    .banner__img {
        display: none;
    }

    .banner__title {
        font-size: 16px;
    }

    .banner__text {
        font-size: 12px;
        max-width: 60%;
    }
}

.manufacturer__items {
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.manufacturer__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    flex-shrink: 0;
    width: 136px;
    height: 57px;
    border-radius: 10px;
    box-shadow: 0 4px 20px 0 rgba(48, 78, 153, 0.14);
    background: var(--white);
}

.manufacturer__item img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

@media (max-width: 1024px) {
    .manufacturer__items {
        position: relative;
        margin: 0 -20px;
        min-width: calc(100% + var(--container-padding) * 2);
        flex-wrap: nowrap;
        overflow: scroll;
    }

    .manufacturer__items::-webkit-scrollbar {
        display: none;
    }

    .manufacturer__item {
        box-shadow: none;
    }

    .manufacturer__item:first-child {
        margin-left: var(--container-padding);
    }

    .manufacturer__item:last-child {
        margin-right: var(--container-padding);
    }
}

.items__content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 23px;
    margin-bottom: 20px;
}

.items__content.items__content--horizontal {
    grid-template-columns: repeat(2, 1fr);
}

.items__content.items__content--vertical {
    grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 768px) {
    .items__content {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .items__content.items__content--horizontal {
        grid-template-columns: 1fr;
    }

    .items__content.items__content--vertical {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 450px) {
    .items__content {
        grid-template-columns: 1fr;
    }

    .items__content.items__content--horizontal {
        grid-template-columns: 1fr;
    }
}

.item {
    width: 100%;
    min-height: 250px;
    height: 100%;
    box-shadow: 0 5px 26px 0 rgba(48, 78, 153, 0.14);
    background: var(--white);
    padding: 17px 25px 17px 17px;
    border-radius: 13px;
    display: grid;
    grid-template-columns: 40% 1fr;
    gap: 15px;
}

.item__title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 16px;
    line-height: 137%;
    color: #000;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
}

.item__description {
    font-weight: 400;
    font-size: 13px;
    line-height: 148%;
    color: var(--cvet-harakteristik);
    margin-top: 10px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1 0;
}

.item__description>p {
    /*display: inline-block;*/
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 5px;
}

.item__description>p>.bold {
    /* white-space: nowrap; */
}

.item__tool {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.item__comparison {
    min-width: 40px;
    width: 40px;
    height: 40px;
    border-radius: 6px;
    background: var(--blue-bg) no-repeat center;
    background-image: url("/local/templates/promolink/img/icons/stats.svg");
    border: none;
    cursor: pointer;
}

input:checked+.item__comparison {
    background-color: var(--blue);
    background-image: url("/local/templates/promolink/img/icons/stats-white.svg");
    background-size: 17px;
}

.item__price {
    width: 100%;
    height: 40px;
    background: var(--blue);
    border-radius: 6px;
    font-weight: 700;
    font-size: 17px;
    line-height: 17px;
    color: var(--white);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.item__price:hover {
    filter: contrast(260%);
    transition: all 0.2s;
    color: #fff;
}

.item__params {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    width: 100%;
    max-height: 100%;
    overflow: hidden;
}

.item__param {
    padding: 3px 10px;
    background: var(--blue);
    border-radius: 16px;
    font-weight: 400;
    font-size: 13px;
    color: var(--white);
    max-width: 100%;
    overflow: hidden;
}

.detail_card_params {
    width: calc(100% - 45px);
    z-index: 5;
    bottom: auto;
    top: 0;
    padding: 10px;
}

.item__info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.item__param--sale {
    background: var(--red);
}

.item__img {
    height: 200px;
    position: relative;
}

.item__description p:nth-child(n + 5) {
    display: none;
}

.item__img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.item--vertical {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 500px;
}

.item--vertical .item__img {
    min-height: 215px;
    max-height: 215px;
}

.item--vertical .item__img img {
    height: 100%;
}

.fast-preview .card__delivery {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.fast-preview .card__block {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.fast-preview .card__delivery-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fast-preview .card__delivery-title .title {
    font-size: 16px;
    margin: 0;
}

.fast-preview .card__delivery-date {
    color: #5a88f7;
    font-size: 14px;
    font-weight: 700;
}

.deliveri-list_item {
    display: flex;
    justify-content: space-between;

    padding: 12px 20px;
    font-size: 14px;

    border-bottom: 1px solid #4e4e4e;
}

.deliveri-list_item-value {
    font-size: 700;
}

.favorite_button {
    border: none;
    background: url("/local/templates/promolink/./img/icons/favorite.svg") no-repeat center/contain;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    cursor: pointer;
    z-index: 7;
}

.favorite_button:hover {
    background: url("/local/templates/promolink/./img/icons/added-favorite.svg") no-repeat center/contain;
}

.favorite_button.--added {
    background: url("/local/templates/promolink/./img/icons/added-favorite.svg") no-repeat center/contain;
}

.favorite_button.--added:hover {
    background: url("/local/templates/promolink/./img/icons/favorite.svg") no-repeat center/contain;
}

.detail_product .detail_favorite {
    top: 10px;
    right: 10px;
}

.item__fast-preview_link {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    height: 40px;
    width: 100%;
    background: #edf2fe;
    border: none;
}

.item__fast-preview {
    cursor: pointer;
    position: absolute;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 6;
}

@media (min-width: 1025px) {

    .item__img:hover .item__fast-preview,
    .item__fast-preview:hover {
        display: flex;
    }
}

@media (min-width: 768px) and (max-width: 900px) {
    .item__description p:nth-child(n + 4) {
        display: none;
    }
}

@media (min-width: 1024px) and (max-width: 1300px) {
    .item__description p:nth-child(n + 4) {
        display: none;
    }
}

@media (max-width: 768px) {
    .item {
        height: 200px;
    }

    .item__title {
        font-size: 13px;
    }

    .item__description {
        margin-top: 5px;
        font-size: 11px;
    }

    .item__description>p {
        margin-top: 2px;
    }

    .item__comparison {
        min-width: 30px;
        width: 30px;
        padding: 5px;
        height: 30px;
        background-size: 60%;
    }

    .item__price {
        height: 30px;
        font-size: 13px;
    }

    .compare-products .item {
        display: flex;
        flex-direction: column;
        height: 100%;
        max-height: 500px;
    }

    .compare-products .item,
    .item--vertical {
        /* max-height: 400px; */
        height: 100%;
    }

    .compare-products .item__img,
    .item--vertical .item__img {
        height: 200px;
    }
}

.article__content {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: 250px 250px;
    gap: 23px;
}

.article__item {
    box-shadow: 0 5px 26px 0 rgba(48, 78, 153, 0.14);
    background: var(--white);
    border-radius: 10px;
    overflow: hidden;
    height: 250px;
}

.article__item:first-child {
    grid-row-end: span 2;
    height: 100%;
}

.article__item:first-child .article__img {
    height: 50%;
}

.article__item:not(:first-child) {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.article__item:not(:first-child) .article__img {
    width: 40%;
}

.article__item:not(:first-child) .article__info {
    height: 100%;
}

.article__img {
    border-radius: 10px;
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.article__date {
    font-weight: 500;
    font-size: 10px;
    color: var(--svetlyy-siniy);
    display: flex;
    align-items: center;
    gap: 5px;
}

.article__date:before {
    content: "";
    width: 10px;
    min-width: 10px;
    height: 10px;
    background: url("/local/templates/promolink/img/icons/clock.svg") no-repeat center;
}

.article__title {
    font-size: 20px;
    color: #000;
}

.article__text {
    flex-grow: 1;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 7;
}

.article__info {
    height: 50%;
    display: flex;
    flex-direction: column;
    padding: 25px;
    gap: 10px;
}

.article__link {
    font-weight: 500;
    font-size: 10px;
    color: var(--blue);
}

@media (max-width: 1024px) {
    .content_right-block {
        position: absolute;
        z-index: 100;
    }

    .article__content {
        display: flex;
        flex-direction: column;
    }

    .article__text {
        -webkit-line-clamp: 4;
        font-size: 12px;
    }

    .article__info {
        gap: 5px;
        padding: 0;
    }

    .article__title {
        font-size: 16px;
        font-weight: 600;
    }

    .article__item {
        height: 145px;
        padding: 16px;
        gap: 16px;
    }

    .article__item:first-child {
        height: 145px;
        display: flex;
        flex-direction: row-reverse;
    }

    .article__item:first-child .article__img {
        width: 40%;
        height: 100%;
    }

    .article__item:first-child .article__info {
        height: auto;
    }
}

.section.main-catalog {
    display: flex;
    flex-direction: column;
    gap: 2.08vw;
}

.section__content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.section__item {
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 160px;
    box-shadow: 0 4px 10px 0 rgba(32, 64, 147, 0.05);
    border-radius: 10px;
    overflow: hidden;
    padding: 16px 27px;
}

.section__item>* {
    /* position: relative; */
    z-index: 2;
}

.section__item:after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    top: 0px;
    right: -120px;
    border-radius: 100%;
    background: linear-gradient(158deg, #c1d3ff 0%, rgba(249, 249, 249, 0) 100%);
}

.section__title {
    font-weight: 700;
    font-size: 17px;
    color: #000;
    max-width: calc(100% - 130px);
}

.section__list {
    display: flex;
    flex-direction: column;
    max-width: calc(100% - 130px);
}

.section__view-all {
    font-weight: 500;
    font-size: 12px;
    color: var(--blue);
    display: flex;
    align-items: center;
    gap: 5px;
}

.section__view-all:before {
    content: "";
    display: block;
    width: 6px;
    height: 12px;
    background: url("/local/templates/promolink/img/icons/arrow-blue.svg") no-repeat center;
}

.section__list {
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.section__sublist {
    display: flex;
    align-items: center;
    gap: 8px;
}

.section__sublist:before {
    content: "";
    display: block;
    min-width: 3px;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background: #000;
}

.section__link {
    font-weight: 300;
    font-size: 12px;
    line-height: 16px;
    color: #000;
}

.section__img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    max-width: 130px;
    z-index: 1;
}

.section__img>img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (max-width: 1024px) {
    .section__title {
        padding: 13px;
        font-size: 13px;
        font-weight: 700;
        text-align: left;
    }

    .section-mob__content {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 17px;
    }

    .section-mob__list {
        display: none;
    }

    .section-mob__view-all {
        display: none;
    }

    .section-mob__img {
        margin: 0 auto;
        max-height: 110px;
        position: relative;
        z-index: 2;
    }

    .section-mob__item {
        overflow: hidden;
        max-width: 100%;
        object-fit: contain;
        border-radius: 10px;
        box-shadow: 0 4px 10px 0 rgba(32, 64, 147, 0.05);
        display: flex;
        flex-direction: column;
        width: 120px;
        height: 160px;
        background: var(--white);
        position: relative;
    }

    .section-mob__item:after {
        z-index: 1;
        left: 16px;
        bottom: -40%;
        content: "";
        position: absolute;
        width: 150px;
        height: 150px;
        border-radius: 100%;
        background: linear-gradient(180deg,
                #c1d3ff 0%,
                rgba(249, 249, 249, 0) 100%);
    }
}

.breadcrumbs__container {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}

.breadcrumbs__item {
    display: flex;
    align-items: center;
    font-size: 12px;
}

.breadcrumbs__item:not(:last-child)>a {
    color: #8d8d8d;
}

.breadcrumbs__item:not(:last-child)>a:hover {
    color: #5a88f7;
}

.breadcrumbs__item:not(:last-child):after {
    content: "";
    display: block;
    width: 1px;
    height: 14px;
    background: #8d8d8d;
    margin-left: 5px;
}

.breadcrumbs__item:last-child>span {
    color: var(--blue);
    cursor: default;
}

@media (max-width: 1024px) {}

.filter {
    margin-bottom: 20px;
}

.filter__content {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    overflow: auto;
}

.filter__content::-webkit-scrollbar {
    display: none;
}

.filter__card-type {
    display: flex;
    overflow: hidden;
    border-radius: 10px;
    min-width: max-content;
}

/*.filter__card-type:hover {
  transition: all .2s;
  filter: contrast(160%);
}*/
.filter__card {
    outline: none !important;
    min-width: 32px;
    height: 32px;
    background: var(--blue);
    border: none;
}

.filter__card--active {
    background: var(--svetlyy-siniy);
}

.filter__item {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 12px;
    color: var(--black);
    padding: 5px 15px;
    border-radius: 10px;
    background: var(--white);
    height: 32px;
    min-width: max-content;
}

.filter__sort {
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 4px 10px 0 rgba(32, 64, 147, 0.05);
    background: linear-gradient(270deg, #99b7ff 0%, #7199ff 100%);
    color: var(--white);
    cursor: pointer;
}

select[name="sortOrder"] {
    cursor: pointer;
}

.filter__sort:hover {
    transition: all 0.2s;
    filter: contrast(160%);
}

.filter__sort option {
    background: #7199ff;
    color: white;
}

.filter__sort:before {
    content: "";
    width: 10px;
    height: 10px;
    background: url("/local/templates/promolink/img/icons/stats-white.svg") no-repeat center;
    background-size: contain;
}

@media (max-width: 1024px) {
    .filter__content {
        position: relative;
        margin: 0 -20px;
        min-width: calc(100% + var(--container-padding) * 2);
        padding-left: 20px;
    }
}

.swiper--manufacturer {
    width: 100%;
    padding: 15px 10px;
}

.swiper--manufacturer .manufactirer__item {
    width: 100%;
}

@media (max-width: 1024px) {
    .swiper--manufacturer {
        position: relative;
        margin: 0 -20px;
        min-width: calc(100% + var(--container-padding) * 2);
    }
}

.swiper--index {
    height: 100%;
}

.swiper--index .swiper-slide img {
    min-height: 100%;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: left;
}

.card__thumbs .swiper-slide {
    width: auto !important;
}

.card__thumbs .swiper-slide img {
    cursor: pointer;
}

.card__count input {
    border: none;
    background: none;
}

.card__top {
    position: relative;
    display: flex;
    gap: 30px;
    margin: 0;
}

.card__photos {
    position: relative;
    width: 50%;
}

.card__photo {
    width: 100%;
    height: 100%;
    max-height: 490px;
    object-fit: contain;
}

.card__info {
    width: calc(50% - 30px);
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.card-interface {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
}

.card-interface_container {
    display: flex;
    gap: 20px;
    align-items: center;
}

.card-interface_article {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    padding: 5px 12px;
    background: #fff;
    font-weight: 500;
    border-radius: 10px;
    box-shadow: 0px 4px 10px 0px rgba(32, 64, 147, 0.051);
    /* background: transparent;
    color: transparent;
    box-shadow: none; */
}

.card-interface_compare {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    padding: 5px 12px;
    background: #fff;
    font-weight: 500;
    border-radius: 10px;
    box-shadow: 0px 4px 10px 0px rgba(32, 64, 147, 0.051);
    margin: 0;
}

.card-interface_compare input[type="checkbox"] {
    display: none;
}

.card-interface_compare::before {
    content: "";
    width: 15px;
    height: 15px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("/local/templates/promolink/img/icons/stats.svg");
}

.card-interface_compare:has(input[type="checkbox"]:checked) {
    background-color: var(--blue);
    color: #fff;
}

.card-interface_compare:has(input[type="checkbox"]:checked)::before {
    background-image: url(/local/templates/promolink/img/icons/stats-white.svg);
}

.card-interface_button {
    border: none;
    background: none;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
}

.card-interface_print {
    background-image: url(/local/templates/promolink/img/icons/print.svg);
}

.card-interface_share {
    background-image: url(/local/templates/promolink/img/icons/share.svg);
}

@media (max-width: 1200px) {
    .card-interface {
        position: static;
    }
}

.card__preview {
    width: 58px;
    height: 58px;
    object-fit: contain;
}

.card__controls {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-right: 20px;
    height: max-content;
}

.card__control {
    background: var(--white);
    width: 33px;
    height: 33px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6f7490;
    cursor: pointer;
    box-shadow: 0 4px 10px 0 rgba(32, 64, 147, 0.05);
}

.card__plus {
    box-shadow: 0 4px 10px 0 rgba(32, 64, 147, 0.05);
    background: var(--blue-bright);
    color: var(--white);
}

.card__basket {
    display: flex;
    align-items: center;
}

.card__price {
    display: flex;
    align-items: start;
    height: 40px;
    font-weight: 700;
    font-size: 24px;
    color: #064fff;
    gap: 10px;
    line-height: 30px;
}

.card__row.--out_stock .card__price {
    color: #000;
    align-items: center;
    font-size: 16px;
    padding: 0 0 0 18px;
}

.card__price .old_price {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: rgba(108, 108, 108, 1);
}

.card__row {
    width: 100%;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--white);
}

.card__buttons {
    display: flex;
    gap: 10px;
}

.card__button {
    border: none;
    border-radius: 10px;
    min-width: 140px;
    width: 50%;
    height: 40px;
    background: var(--blue-bright);
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    color: var(--white);
    margin-left: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.card__button.--link {
    background: none;
    border: 1px solid var(--blue);
    color: #064fff;
}

.card__button.--link::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(/local/templates/promolink/img/icons/cursor.svg) no-repeat center / contain;
}

.card__button.--link .card__basket--discounted {
    flex-direction: column;
    gap: 30px;
}

.card__basket--discounted .card__row {
    background: none;
    justify-content: start;
    gap: var(--gap);
}

.card__basket--discounted .card__button {
    width: max-content;
    margin-left: 0;
    padding: 12.5px 20px;
}

.card__discounted-text {
    font-size: 16px;
    font-weight: 500;
    color: var(--chern);
}

.card__param .name {
    text-align: left;
}

.card__button--gray {
    background: #c2c2c2;
    margin-left: 0;
}

.card__credit {
    padding-left: 13px;
    justify-content: space-between;
    gap: 10px;
    box-shadow: 0 4px 10px 0 rgba(32, 64, 147, 0.05);
}

.card__credit img {
    padding-top: 5px;
}

.card__img {
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--blue-bg);
    border-radius: 13px;
}

.card__tool {
    display: flex;
    cursor: pointer;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    max-width: 65px;
}

.card__tool>p {
    text-align: center;
    font-weight: 500;
    font-size: 13px;
    color: #000;
}

.card__tools {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    align-items: start;
    padding: 20px 30px;
    box-shadow: 0 4px 10px 0 rgba(32, 64, 147, 0.05);
    background: var(--white);
    border-radius: 13px;
}

.card__nav {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    z-index: 3;
    cursor: pointer;
}

.card__next {
    right: 30px;
}

.card__prev {
    transform: translateY(-50%) rotate(-180deg);
    left: 30px;
}

.card__swiper {
    background: var(--white);
}

.card__thumbs {
    margin-top: 30px;
}

.card__preview {
    background: var(--white);
}

.card__tab {
    min-width: max-content;
    padding: 5px 15px;
    border-radius: 10px;
    background: var(--white);
    box-shadow: 0 4px 20px 0 rgba(48, 78, 153, 0.14);
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    width: max-content;
    cursor: pointer;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--black);
}

.card__tab.active-select {
    background: var(--blue);
    color: var(--white);
}

.card__tabs-top {
    display: flex;
    align-items: center;
    gap: 10px;
    position: sticky;
    top: 0px;
    height: 100%;
    z-index: 3;
    overflow: scroll;
    padding: 15px;
    background: #f9fbff;
}

.card__tabs-top::-webkit-scrollbar {
    display: none;
}

.card__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 25px;
}

.card__param {
    background: var(--white);
    border: none;
    height: 50px;
    padding: 0 25px;
    font-weight: 500;
    font-size: 16px;
    color: var(--black);
    display: flex;
    align-items: center;
}

.card__param span:nth-child(2) {
    margin-left: auto;
}

.card__param:not(:last-child) {
    border-bottom: 1px solid #eee;
}

.card__param:after {
    content: "";
    /*display: block;*/
    display: none;
    width: 10px;
    height: 10px;
    background: url("/local/templates/promolink/img/icons/arrow-gray.svg") no-repeat center;
    background-size: contain;
    margin-left: 16px;
}

.card__params {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    overflow: hidden;
}

.card__params:not(.--show) .card__param:nth-child(n + 11) {
    display: none;
}

.card__show-params {
    background: transparent;
    border: none;
    width: max-content;
    display: flex;
    gap: 10px;
    color: var(--blue);
    padding: 0 20px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    align-items: center;
}

.card__show-params::before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: url(/local/templates/promolink/./img/icons/arrow-blue-bottom.svg) no-repeat center;
}

.card__show-params.--showed::before {
    transform: rotate(180deg);
}

.card__title {
    margin-bottom: 10px;
}

.card__file {
    background: var(--white);
    border-radius: 10px;
}

.card__file.accordion-active .card__file-title {
    border-bottom: 1px solid #eee;
}

.card__file-title:after {
    margin-left: auto;
}

.card__file-title {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 5px;
    justify-content: space-between;
    height: 50px;
    padding: 0 25px;
    color: var(--black);
    border: none;
    font-weight: 500;
    font-size: 16px;
}

.card__file-title>span {
    display: flex;
    align-items: center;
    gap: 5px;
}

.card__file-title>span:before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background: url("/local/templates/promolink/img/icons/file.svg") no-repeat center;
    background-size: contain;
    margin-right: 12px;
}

.card__file-list-item {
    display: block;
    color: var(--chern);
    font-size: 16px;
    padding: 5px 25px 5px;
    width: 100%;
}

.card__description {
    display: flex;
    flex-direction: column;
    gap: 10px;
    word-break: break-word;
    max-width: 100%;
    overflow: auto;
}

.card__description>p {
    line-height: 22px;
}

.card__top-line {
    display: flex;
    margin-bottom: 10px;
    gap: 20px;
    align-items: center;
    justify-content: start;
}

.card__reviews {
    width: 100%;
}

.card__reviews-container {
    position: relative;
}

.card__reviews .swiper-wrapper {
    align-items: stretch !important;
}

.card__reviews::-webkit-scrollbar {
    display: none;
}

.card__areas {
    display: flex;
    flex-direction: column;
}

.review_block_title {
    display: flex;
    justify-content: space-between;
}

.card__area {
    cursor: pointer;
    background: var(--white);
    border: none;
    height: 80px;
    padding: 15px 25px;
    font-weight: 500;
    font-size: 16px;
    color: var(--black);
    gap: 10px;
    display: grid;
    grid-template-columns: 7fr 3fr;
}

.card__area>*:nth-child(2n) {
    text-align: end;
}

.card__area:not(:last-child) {
    border-bottom: 1px solid #eee;
}

.card__area--choose {
    height: 50px;
    margin-bottom: 20px;
    border-color: transparent !important;
}

.card__area--choose span:nth-child(1) {
    font-weight: 500;
    font-size: 16px;
    color: var(--chern);
}

.card__area--choose span:nth-child(2) {
    font-weight: 700;
    font-size: 18px;
    text-align: right;
    background: linear-gradient(180deg, #5a88f7 0%, #064fff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.card__date {
    font-size: 14px;
    color: var(--blue);
}

.card__help {
    width: 20px;
    height: 20px;
    object-fit: contain;
    display: block;
    background: url("/local/templates/promolink/img/icons/info.svg") no-repeat center;
    background-size: contain;
    margin-left: auto;
}

.card__block {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.card__block#description {}

.card__row.--out_stock .card__button {
    width: max-content;
    padding: 0 20px;
}

@media (max-width: 1200px) {
    .card__top {
        flex-direction: column;
    }

    .card__thumbs {
        display: none;
    }

    .card__grid {
        grid-template-columns: 1fr;
    }

    .card__info {
        width: 100%;
    }

    .card__photos {
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
    }

    .card__area {
        height: max-content;
    }
}

@media (max-width: 1024px) {
    .card__tab {
        box-shadow: none;
    }

    .card__tabs-top {
        position: relative;
        margin: 0 -20px;
        min-width: calc(100% + var(--container-padding) * 2);
        background: #edf2fe;
        position: sticky;
        top: 52px;
    }
}

@media (max-width: 768px) {
    .card__credit button {
        display: none;
    }

    .card__credit p {
        border-radius: 10px;
        padding-left: 27px;
        background: #d6e2ff;
        width: 210px;
        height: 52px;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .card__credit p:after {
        content: "В рассрочку";
        font-size: 13px;
    }

    .card__button {
        min-width: 100px;
    }

    .card__img {
        height: 50px;
        width: 50px;
    }

    .card__tools {
        padding: 20px;
    }

    .card__basket--discounted {
        gap: 10px;
    }

    .card__basket--discounted .card__button {
        width: 100%;
    }
}

.review {
    box-shadow: 0 4px 10px 0 rgba(32, 64, 147, 0.05);
    border-radius: 10px;
    width: 100%;
    height: 100%;
    background: var(--white);
    border-radius: 10px;
    padding: 15px 20px;
    gap: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 320px;
}

.review__rating {
    display: flex;
    align-items: center;
    gap: 5px;
}

.review__rating span {
    font-size: 15px;
    color: #aeb1c1;
}

.review__star {
    width: 15px;
    height: 15px;
    background: url("/local/templates/promolink/img/icons/star.svg") no-repeat center;
    background-size: contain;
}

.review__text {
    font-size: 15px;
    line-height: 22px;
    color: var(--black);
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    line-clamp: 4;
}

.review__link {
    text-decoration: none;
    font-weight: 500;
    font-size: 10px;
    color: var(--blue);
    cursor: pointer;
}

.solution {
    width: 100%;
    height: 330px;
    border-radius: 10px;
    overflow: hidden;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px;
    box-shadow: 0 4px 10px 0 rgba(32, 64, 147, 0.05);
    background: var(--white);
}

.solution--detail {
    box-shadow: none;
    background: none;
}

.solution__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.solution__title {
    font-size: 19px;
    line-height: 25px;
    font-weight: 600;
    color: var(--black);
}

.solution__text {
    font-size: 14px;
    color: var(--black);
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    line-height: 20px;
}

.solution__info {
    margin: 12px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-right: 30px;
}

.solution__link {
    width: 100%;
    background: var(--seryy-svetlyy);
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    color: #717070;
}

.solution__types {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 13px;
}

.solution__type {
    height: 80px;
    width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    overflow: hidden;
}

.solution__type--row {
    flex-direction: row;
    height: 50px;
    width: 300px;
}

.solution__name {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 13px;
    color: var(--white);
}

.solution__name--eco {
    background: linear-gradient(270deg, #99b7ff 0%, #7199ff 100%);
}

.solution__name--standart {
    background: linear-gradient(270deg, #82a5ff 0%, #4b7eff 100%);
}

.solution__name--biz {
    background: linear-gradient(270deg, #4b7eff 0%, #3c63c4 100%);
}

.solution__price {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--blue-bg);
    font-weight: 700;
    font-size: 13px;
    color: var(--chern);
}

.solution__price--blue {
    border-radius: 10px;
    position: relative;
    right: 10px;
}

.solution__top {
    display: flex;
    align-items: center;
    gap: 16px;
}

.solution__buy {
    height: 50px;
    width: 142px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--blue);
    border-radius: 10px;
    font-weight: 500;
    font-size: 14px;
    color: var(--blue);
}

.solution__items {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

@media (max-width: 1024px) {
    .solution {
        display: flex;
        flex-direction: column;
        height: 100%;
        gap: 15px;
    }

    .solution__img {
        height: 230px;
        object-fit: cover;
    }

    .solution__info {
        height: 280px;
        padding-left: 24px;
        padding-right: 24px;
        padding-bottom: 24px;
        margin: 0;
    }

    .solution__type--row {
        padding: 0 20px;
        width: 100%;
        background: linear-gradient(270deg, #99b7ff 0%, #7199ff 100%);
        justify-content: space-between;
    }

    .solution__type--row .solution__price {
        color: var(--white);
        font-size: 17px;
        text-align: end;
        width: auto;
        background: none;
        justify-self: end;
    }

    .solution__type--row .solution__name {
        font-size: 18px;
        width: max-content;
        background: none;
    }

    .solution--detail .solution__info {
        display: none;
    }

    .solution__buy.mobile-flex {
        width: 100%;
        display: flex;
        align-items: center;
        font-size: 18px;
    }
}

.basket {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.basket__top {
    display: flex;
    align-items: center;
    gap: 5px;
}

.basket__count {
    color: var(--ikonki);
    font-weight: 300;
    font-size: 22px;
}

.basket__content {
    display: grid;
    grid-template-columns: 6fr 4fr;
    gap: 30px;
}

.basket__info {
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 10px 0 rgba(32, 64, 147, 0.05);
    border-radius: 10px;
    overflow: hidden;
}

.basket__sum {
    display: flex;
    gap: 3px;
    width: 100%;
    padding: 16px 24px;
    font-weight: 500;
    font-size: 18px;
    color: var(--white);
    background: linear-gradient(270deg, #99b7ff 0%, #7199ff 100%);
    flex-wrap: wrap;
}

.basket__sum>.none {
    display: none;
}

.basket__promo {
    display: flex;
    background: var(--white);
    padding: 14px 24px;
}

.basket__promo input {
    width: 100%;
    border: none;
    font-weight: 500;
    font-size: 16px;
    color: var(--cvet-harakteristik);
}

.basket__promo button {
    border: none;
    width: 130px;
    height: 40px;
    box-shadow: 0 4px 10px 0 rgba(32, 64, 147, 0.05);
    background: var(--svetlyy-siniy);
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    color: var(--white);
    border-radius: 10px;
}

.basket_buttons {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-top: 18px;
}

.basket__buy {
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 100%;
    background: linear-gradient(270deg, #82a5ff 0%, #4b7eff 100%);
    border-radius: 10px;
    border: none;
}

.basket__buy.--fast {
    background: transparent;
    border: 1px solid #5a88f7;
    color: #5a88f7;
}

.basket__item {
    padding: 8px;
    background: var(--white);
    display: flex;
    gap: 17px;
    position: relative;
    box-shadow: 0 4px 10px 0 rgba(32, 64, 147, 0.05);
    border-radius: 10px;
}

.basket__item .basket__img {
    min-width: 100px;
    max-width: 100px;
}

.basket__detail {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    padding: 9px 0;
    align-content: space-between;
    justify-content: space-between;
    width: 100%;
    min-height: 125px;
}

.basket__detail .basket-items-list-item-price-for-one {
    display: none;
}

.basket__name {
    width: 90%;
    font-weight: 700;
    font-size: 14px;
    color: var(--black);
}

.basket__price {
    /*    background: var(--blue);*/
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 13px;
    text-align: center;
    /*    color: var(--white);*/
    padding: 8px 16px;
    border-radius: 10px;
    height: max-content;
}

.basket__img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.basket__items {
    display: flex;
    flex-direction: column;
    gap: 17px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.basket__choose {
    position: absolute;
    left: -12px;
    width: 24px;
    height: 24px;
    top: 50%;
    transform: translateY(-50%);
}

.basket__control {
    width: 31px;
    height: 31px;
}

.basket__minus {
    background: #efeff3;
}

.basket__plus {
    background: #efeff3;
}

.basket__minus:hover,
.basket__plus:hover {
    background: var(--svetlyy-siniy);
    color: #fff;
    transition: all 0.2s;
}

.basket__delete {
    width: 10px;
    height: 10px;
    position: absolute;
    margin: 0;
    padding: 0;
    top: 20px;
    right: 20px;
    border: none;
}

.basket__tools {
    align-items: center;
    gap: 26px;
    background: var(--white);
    padding: 11px;
    border-radius: 10px;
}

.basket__tool {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-weight: 500;
    font-size: 10px;
    color: var(--cvet-harakteristik);
    background: none;
    border: none;
    height: 100%;
}

@media (max-width: 1024px) {
    .basket__content {
        display: flex;
        flex-direction: column-reverse;
    }

    .basket__promo {
        padding: 10px 10px 10px 20px;
    }

    .basket__promo button {
        height: 30px;
        background: var(--blue);
        border-radius: 5px;
        font-size: 10px;
    }

    .basket__promo input {
        font-size: 14px;
    }

    .basket__delete {
        right: 10px;
    }

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

@media (max-width: 768px) {
    .basket__top {
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }

    .basket__item .basket__img {
        min-width: 60px;
        max-width: 60px;
    }

    .basket__img img {
        width: 60px;
        height: 100px;
    }
}

.checkbox {
    clip: rect(0 0 0 0);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
}

.checkbox:checked+.checkbox__tile {
    border-color: var(--blue);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    color: var(--blue);
}

.checkbox:checked+.checkbox__tile:before {
    transform: scale(1);
    opacity: 1;
    background-color: var(--blue);
    border-color: checkbox;
}

.checkbox__tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 25px;
    min-height: 25px;
    border-radius: 100%;
    border: 2px solid var(--blue);
    background-color: #fff;
    cursor: pointer;
    position: relative;
}

.checkbox__tile:before {
    content: "";
    position: absolute;
    display: block;
    width: 25px;
    height: 25px;
    border: 2px solid var(--blue);
    background-color: #fff;
    border-radius: 50%;
    opacity: 0;
    transform: scale(0);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E");
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

/* Отрисовка оформления заказа (temp/style.css) */

.order_body {
    width: 100%;
    display: grid;
    grid-template-columns: auto 40%;
    gap: 30px;
}

.order_column {
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
}

.order_column--sticky {
    height: 100%;
}

.order_column--sticky .order_block {
    position: sticky;
    top: 80px;
}

.order_section {
    display: flex;
    flex-direction: column;
    gap: 0.52vw;
}

.order_block {
    flex-direction: column;
    box-sizing: border-box;
    display: flex;
    width: 100%;
    background: #fff;
    padding: 1.3vw;
    border-radius: 10px;
    box-shadow: 0 4px 10px 0 rgba(48, 78, 153, 0.1);
}

.order_count {
    flex-direction: row;
    justify-content: space-between;
    padding: 0.78vw;
}

.order-total-block-line {
    border-color: #ececec;
}

.order_title {
    font: 700 20px "Inter";
    margin-bottom: 1.25vw;
}

.order__view-all {
    width: max-content;
    display: flex;
    align-items: center;
    gap: 10px;
    background: none;
    border: none;
    font-weight: 500;
    font-size: 14px;
    color: var(--blue);
}

.order__view-all:before {
    content: "";
    display: block;
    background: url("/local/templates/promolink/img/icons/arrow-blue-bottom.svg") no-repeat center;
    background-size: contain;
    width: 10px;
    height: 10px;
}

.order_card {
    display: grid;
    grid-template-columns: 4.17vw 1fr;
    grid-template-rows: repeat(2, auto);
    column-gap: 1.56vw;
    justify-items: stretch;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 0.52vw;
}

.order_card:last-of-type {
    border-bottom: none;
}

.order_card-name {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.order_card-image {
    grid-row: 1/3;
    display: block;
    max-width: 4.17vw;
    max-height: 4.17vw;
    -o-object-fit: contain;
    object-fit: contain;
    object-position: center;
}

.order_card-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.order_card-info_price {
    background: var(--blue);
    padding: 0.36vw 1.04vw;
    color: var(--white);
    font: 700 14px/15px "Inter";
    border-radius: 10px;
}

.inputs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.52vw;
}

.inputs_block {
    position: relative;
}

.inputs_block--w100 {
    grid-column: 1/3;
}

.inputs_input {
    width: 100%;
    display: block;
    border: none;
    background: none;
    outline: none;
    font: 500 16px "Inter";
    color: #000;
    padding: 0.89vw 0.78vw;
    box-sizing: border-box;
    background: #f9f9f9;
    border-radius: 10px;
    position: relative;
}

.inputs_input:not(:-moz-placeholder-shown) {
    padding: 1.25vw 0.78vw 0.52vw;
}

.inputs_input:focus,
.inputs_input:not(:placeholder-shown) {
    padding: 1.25vw 0.78vw 0.52vw;
}

.inputs_label {
    transition: all 0.2s;
    position: absolute;
    top: 50%;
    left: 0.78vw;
    transform: translateY(-50%);
    color: #a4a4a4;
    font: 500 16px "Inter";
}

.inputs_input:not(:-moz-placeholder-shown)~.inputs_label {
    font-size: 11px;
    top: 0.21vw;
    transform: none;
}

.inputs_error {
    display: none;
    color: var(--red);
}

.inputs_input:focus~.inputs_label,
.inputs_input:not(:placeholder-shown)~.inputs_label {
    font-size: 11px;
    top: 0.21vw;
    transform: none;
}

.inputs_input:invalid {
    border: 1px solid var(--red);
}

.inputs_block:has(.inputs_input:invalid:not(:focus)):after {
    content: "";
    display: block;
    background-image: url(/local/templates/promolink/img/icons/warn.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 1.04vw;
    height: 1.04vw;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.78vw;
}

/* .inputs_block:has(.inputs_input:invalid) ~ .inputs_error{
    display: block;
} */
.inputs_input:focus {
    border: none;
}

.switch {
    display: flex;
    background: var(--seryy-fon);
    gap: 0.52vw;
    justify-content: stretch;
    border-radius: 5px;
}

.switch_button {
    border-radius: 10px;
    width: 100%;
    display: block;
    text-align: center;
    padding: 0.78vw 1.04vw;
    box-sizing: border-box;
    border: none;
    outline: none;
    background: none;
    margin: 0;
    font: 400 16px "Inter";
    cursor: pointer;
}

.switch_button input {
    display: none;
}

.switch_button--active {
    color: var(--white);
    background: var(--blue);
}

.order_delivery {
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
}

.order_delivery-body {
    display: none;
}

.order_delivery-body--active {
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
}

.order_delivery-section {
    display: flex;
    flex-direction: column;
    gap: 0.52vw;
}

.checkbox-block {
    display: flex;
    gap: 0.52vw;
    padding: 0.78vw;
    align-items: center;
    background: var(--seryy-fon);
    border-radius: 10px;
    margin: 0;
    pointer-events: all;
}

.checkbox-block_view {
    border: 1px solid var(--blue);
    border-radius: 5px;
    width: 1.3vw;
    height: 1.3vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.checkbox-block_input {
    display: none;
}

.checkbox-block_input:checked~.checkbox-block_view {
    background: url(/local/templates/promolink/img/icons/checkbox-check.svg) var(--blue);
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
}

.checkbox-block_text {
    font: 500 16px "Inter";
    color: var(--chern);
    user-select: none;
}

.order_delivery-title {
    font: 500 20px/20px "Inter";
}

.order_delivery-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.78vw;
    font: 500 16px/19.36px "Inter";
    color: var(--chern);
    border: none;
    border-radius: 10px;
    outline: none;
}

.order_delivery-button:has(span) {
    text-align: left;
}

.order_delivery-button span {
    white-space: nowrap;
}

.order_delivery-button span:not(:last-child)::after {
    content: ",";
}

.order_delivery-button:focus {
    outline: none;
}

.order_delivery-button::after {
    content: "";
    display: block;
    width: 0.42vw;
    height: 0.78vw;
    background: url(/local/templates/promolink/img/icons/arrow-gray.svg) no-repeat center;
    background-size: contain;
}

.order_delivery-price {
    display: flex;
    justify-content: space-between;
    font: 500 16px/20px "Inter";
    color: var(--chern);
    align-items: center;
}

.order_delivery-price span {
    font-weight: 700;
    color: var(--black);
}

.delivery-modal {
    width: 36.46vw;
    height: 31.25vw;
    border-radius: 10px;
    display: none;
    position: relative;
}

.delivery-modal_body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.delivery-modal_section {
    display: flex;
    flex-direction: column;
    gap: 1.3vw;
}

.delivery-modal_title {
    display: flex;
    align-items: center;
    gap: 0.78vw;
    cursor: pointer;
}

.delivery-modal_title.map-title {
    position: absolute;
    background: var(--white);
    border-radius: 10px;
}

.delivery-modal_title::before {
    content: "";
    display: block;
    width: 0.42vw;
    height: 0.78vw;
    background: url(/local/templates/promolink/img/modal-back-arrow.svg) no-repeat center;
    background-size: contain;
}

.delivery-modal .fancybox-close-small {
    display: none;
}

.order_delivery-select {
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 0.78vw;
    border-radius: 10px;
    font: 500 15px/18.5px "Inter";
    border: none;
    margin: 0;
    background: var(--seryy-fon);
}

.order_payment {
    display: flex;
    flex-wrap: wrap;
    gap: 0.52vw;
}

.payment-card {
    width: calc(50% - 0.52vw);
}

.payment-card:has(input:disabled) {
    filter: brightness(90%);
}

.payment-card_label {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.52vw;
    height: 5.31vw;
    background: var(--seryy-fon);
    border-radius: 10px;
    position: relative;
}

.payment-card_title {
    font: 500 16px/19.36px "Inter";
}

.payment-card_subtitle {
    font: 500 12px/15px "Inter";
    color: var(--chern);
}

.payment-card_icon {
    display: block;
    width: 1.25vw;
}

.payment-card input {
    display: none;
}

.payment-card input:checked~.payment-card_label {
    border: 1px solid var(--blue);
}

.payment-card input:checked~.payment-card_label::before {
    content: "";
    position: absolute;
    background: url("/local/templates/promolink/img/icons/check-payment.svg") no-repeat;
    width: 0.52vw;
    height: 0.52vw;
    background-size: contain;
    right: 0.52vw;
}

.order_total {
    display: flex;
    flex-direction: column;
    gap: 0.52vw;
}

.order_total-item {
    display: flex;
    justify-content: space-between;
    font: 400 16px/19.36px "Inter";
}

.order_total-item--bold {
    font-weight: 700;
}

.order_total-item_red-price {
    color: var(--red);
}

.order_promo {
    display: flex;
    flex-direction: column;
    gap: 0.21vw;
}

.order_promo-text {
    display: none;
    font: 500 16px "Inter";
}

:root {
    --green: #47b100;
}

.order_promo--error .order_promo-text {
    display: block;
    color: var(--red);
}

.order_promo--compleat .order_promo-text {
    display: block;
    color: var(--green);
}

.order_promo-input {
    padding: 0.78vw;
    background: var(--seryy-fon);
    border: none;
    outline: none;
    border-radius: 10px;
    display: block;
}

.order_promo--error .order_promo-input {
    border: 1px solid var(--red);
}

.order_promo--compleat .order_promo-input {
    border: 1px solid var(--green);
}

.order_promo-input::placeholder {
    color: var(--ikonki);
}

.order_promo-button {
    display: block;
    font: 600 13px/16px "Inter";
    width: 100%;
    text-align: center;
    color: var(--blue);
    border: 1px solid var(--blue);
    padding: 0.52vw;
    background: var(--white);
    border-radius: 5px;
}

.order_comment {
    display: flex;
    flex-direction: column;
    gap: 1.04vw;
}

.order_comment-title {
    font: 700 18px/20px "Inter";
}

.order_comment-textarea {
    background: var(--seryy-fon);
    border-radius: 10px;
    height: 5.21vw;
    padding: 0.78vw;
    resize: none;
    border: none;
}

.order_submit {
    width: 100%;
    padding: 0.52vw 0;
    text-align: center;
    background: var(--blue);
    border: none;
    color: var(--white);
    border-radius: 5px;
}

.order_submit--desktop {
    display: block;
}

.order_submit--mobile {
    display: none;
}

.order_total-block {
    display: flex;
    flex-direction: column;
}

#error {
    padding: 2.25vw;
    display: none;
    border-radius: 10px;
    font-size: 500 16px "Inter";
}

#error button:focus {
    outline: none;
}

#form_zakaz .accordion.accordion-active .accordion__content {
    margin-top: 0.52vw;
    display: flex;
    flex-direction: column;
    gap: 0.78vw;
}

.buy_one_click_submit {
    width: 50%;
    margin: 0 auto;
}

.buy_one_click_form .delivery-modal_body {
    gap: 15px;
}

.buy_one_click_form .delivery-modal_title::before {
    content: none;
}

.buy_one_click_form.delivery-modal .fancybox-close-small {
    display: block;
}

.buy_one_click_form {
    width: 27vw;
    min-height: 40vh;
    height: auto;
}

@media (max-width: 1024px) {
    .order_body {
        gap: 15px;
    }

    .order_column--sticky .order_block {
        top: calc(var(--mobile-header-height) + 10px);
    }

    .order_block {
        padding: 15px;
    }

    .order_section {
        gap: 10px;
    }

    #form_zakaz .accordion.accordion-active .accordion__content {
        margin-top: 15px;
    }

    .inputs {
        gap: 10px;
    }

    .inputs_input:focus,
    .inputs_input:not(:placeholder-shown) {
        padding: 24px 15px 10px;
    }

    .inputs_label {
        left: 15px;
    }

    .inputs_input:focus~.inputs_label,
    .inputs_input:not(:placeholder-shown)~.inputs_label {
        top: 5px;
    }

    .order_promo {
        gap: 10px;
    }

    .order_promo-input {
        padding: 15px;
    }

    .order_promo-button {
        padding: 10px;
    }

    .order_card {
        grid-template-columns: 80px 1fr;
    }

    .order_card-image {
        max-width: 80px;
        max-height: 80px;
    }

    .order_card-info_price {
        padding: 10px;
    }

    .order_delivery {
        gap: 30px;
    }

    .order_delivery-body {
        gap: 30px;
    }

    .order_delivery-section {
        gap: 10px;
    }

    .order_delivery-button {
        padding: 15px;
    }

    .order_delivery-button::after {
        width: 8px;
        height: 15px;
    }

    .checkbox-block {
        padding: 15px;
        gap: 10px;
    }

    .checkbox-block_view {
        width: 25px;
        height: 25px;
    }

    .switch_button {
        padding: 15px 20px;
    }

    .payment-card_label {
        height: 100px;
        padding: 10px;
    }

    .payment-card input:checked~.payment-card_label::before {
        width: 10px;
        height: 10px;
        right: 10px;
    }

    .payment-card_icon {
        width: 25px;
    }

    .order_submit {
        padding: 10px 0;
    }

    .order_delivery-select {
        padding: 15px;
    }

    .order_comment-textarea {
        height: 100px;
        padding: 15px;
    }

    .order_total {
        gap: 10px;
    }

    .delivery-modal {
        width: 700px;
        height: 600px;
    }

    .buy_one_click_form {
        height: auto;
        min-height: auto;
    }

    .delivery-modal_section {
        gap: 15px;
    }

    .delivery-modal_title {
        gap: 10px;
    }

    .delivery-modal_title::before {
        width: 8px;
        height: 15px;
    }

    .inputs_input {
        padding: 17px 15px;
    }

    #error {
        padding: 44px;
    }

    .inputs_block:has(.inputs_input:invalid:not(:focus)):after {
        width: 20px;
        height: 20px;
        right: 15px;
    }
}

@media (max-width: 768px) {
    .order_body {
        max-width: 100%;
        grid-template-columns: 1fr;
    }

    .order_card {}

    .order_card-info_price {
        background: none;
        padding: 0;
        color: #000;
    }

    .order_block {
        max-width: 100%;
        gap: 20px;
    }

    .order_section {
        gap: 15px;
    }

    .not-bg {
        background: none;
        box-shadow: none;
        padding: 0;
    }

    .personal-data.inputs {
        grid-template-columns: 1fr;
    }

    .personal-data_block.inputs_block--w100 {
        grid-column: auto;
    }

    .delivery-modal {
        width: 100%;
    }

    .order-total-block-line {
        display: none;
    }

    .order_delivery-button {
        background: var(--white);
    }

    .order_total-block {
        background: var(--white);
        box-shadow: 0 4px 10px 0 rgba(48, 78, 153, 0.1);
        border-radius: 10px;
        padding: 20px;
        order: 2;
        gap: 20px;
    }

    .order_promo {
        order: 1;
    }

    .order_comment {
        order: 1;
    }

    .order_submit--desktop {
        display: none;
    }

    .order_submit--mobile {
        display: block;
        order: 2;
    }

    .payment-scroll {
        max-width: calc(100vw - 2 * var(--container-padding));
        overflow: auto;
    }

    .order_payment {
        width: max-content;
        flex-wrap: nowrap;
        gap: 10px;
    }

    .payment-card {
        width: auto;
        min-width: 50vw;
    }
}

/* _________________________________________ */

.menu-nav {
    display: none;
    z-index: 20000000000000000;
    height: var(--menu-nav-height);
    width: 100vw;
    background: var(--white);
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.16);
    position: fixed;
    bottom: 0;
    left: 0;
}

.menu-nav__list {
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: center;
    height: 100%;
    padding: 0 27px;
    gap: 34px;
    z-index: 20000000000000000;
}

.menu-nav__item {
    list-style: none;
    height: 100%;
    z-index: 20000000000000000;
}

.menu-nav__link {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    font-weight: 500;
    font-size: 10px;
    text-align: center;
    color: #8e8e8e;
    position: relative;
}

.menu-nav__link-body {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.menu-nav__link img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.menu-nav__link .basket_icon {
    position: absolute;
    top: 10%;
    right: 0;
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    background: var(--blue);
    color: var(--white);
}

.menu-nav__link--active img {
    filter: brightness(0) saturate(100%) invert(51%) sepia(51%) saturate(5676%) hue-rotate(210deg) brightness(102%) contrast(101%);
}

@media (max-width: 1024px) {
    .menu-nav {
        display: block;
    }
}

.payment {
    position: fixed;
    bottom: var(--menu-nav-height);
    left: 0;
    height: 60px;
    width: 100vw;
    background: linear-gradient(270deg, #82a5ff 0%, #4b7eff 100%);
    z-index: 10;
    padding: 11.5px 22px;
    align-items: center;
    justify-content: space-between;
}

.payment__link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 134px;
    border-radius: 5px;
    box-shadow: 0 4px 10px 0 rgba(32, 64, 147, 0.05);
    background: var(--white);
    color: #888;
}

.payment__text {
    font-weight: 500;
    font-size: 18px;
    color: var(--white);
}

:root {
    --search-menu-height: 135px;
}

.search-menu {
    height: 135px;
    position: absolute;
    top: var(--mobile-header-height);
    background: #edf2fe;
    display: none;
    padding-top: 10px;
    padding-bottom: 20px;
    justify-content: space-between;
    max-width: 100vw;
    overflow: hidden;
    flex-direction: column;
}

.search-menu--active {
    display: flex;
}

.search-menu__item {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 12px;
    color: var(--black);
    height: 32px;
    padding: 0 18px;
    background: var(--white);
    border-radius: 10px;
    min-width: max-content;
}

.search-menu__item:last-child {
    margin-right: var(--container-padding);
}

.search-menu__row {
    display: flex;
    gap: 11px;
    overflow: scroll;
    width: 100%;
}

.search-menu__row::-webkit-scrollbar {
    display: none;
}

@media (min-width: 1024px) {
    .search-menu {
        display: none !important;
    }
}

.menu {
    padding: 10px 0;
    position: absolute;
    top: var(--mobile-header-height);
    left: 0;
    width: 100vw;
    background: #edf2fe;
    z-index: 9;
    display: none;
    overflow: auto;
    height: calc(100% - var(--menu-nav-height) - var(--mobile-header-height));
}

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

.menu__item {
    border-radius: 10px;
    padding: 14px 20px 14px 17px;
    display: flex;
    align-items: center;
    gap: 15px;
    font-weight: 600;
    font-size: 14px;
    color: var(--white);
    background: linear-gradient(270deg, #99b7ff 0%, #7199ff 100%);
}

.menu__item:hover {
    background: linear-gradient(270deg, #4b7eff 0%, #3c63c4 100%);
    color: white;
}

.menu__search {
    height: 50px;
    background: var(--white);
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 19px;
    padding: 0 18px;
    flex-shrink: 0;
}

.menu__search input {
    width: 100%;
    border: none;
    font-weight: 400;
    font-size: 13px;
    color: var(--cvet-harakteristik);
}

.menu__button {
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
}

.menu__links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
}

.menu__link {
    background: var(--white);
    color: rgb(49, 49, 49);
}

.preview {
    margin-bottom: 20px;
}

.preview__items {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    overflow: auto;
}

.preview__items::-webkit-scrollbar {
    display: none;
}

.preview__item {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 14px 28px;
    border-radius: 10px;
    box-shadow: 0 4px 10px 0 rgba(32, 64, 147, 0.05);
    background: var(--white);
    color: var(--black);
}

.preview__title {
    font-weight: 700;
    font-size: 17px;
}

.preview__text {
    font-weight: 300;
    font-size: 12px;
    line-height: 133%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}

.preview__view-all {
    font-weight: 500;
    font-size: 12px;
    line-height: 142%;
    color: #5a88f7;
    display: flex;
    align-items: center;
    gap: 5px;
}

.preview__view-all:before {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    background: url("/local/templates/promolink/img/icons/arrow-blue.svg") no-repeat center;
    background-size: contain;
}

.preview__item:hover {
    background: linear-gradient(270deg, #99b7ff 0%, #7199ff 100%);
    color: var(--white);
}

.preview__item:hover .preview__view-all {
    color: var(--whtie);
}

.preview__item:hover .preview__view-all:before {
    background: url("/local/templates/promolink/img/icons/arrow-white-right.svg") no-repeat center;
}

.other-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    width: 100%;
}

.other-category {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px;
    width: calc((100% - 30px) / 3);
    height: 200px;
    background: var(--white);
    border-radius: 10px;
    position: relative;
}

.other-category_title {
    color: var(--chern);
    font-size: 18px;
    font-weight: 600;
}

.other-category_link {
    width: 30px;
    height: 30px;
    background-color: #edf2fe;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

.other-category_link::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(/local/templates/promolink/./img/icons/arrow-blue-bottom.svg) no-repeat center/contain;
    transform: rotate(-90deg);
}

.other-category_image {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 65%;
    height: 60%;
}

.other-category_image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (max-width:1200px) and (min-width:1024px) {
    .other-category {
        width: calc((100% - 15px) / 2);
        height: 190px;
    }
}

@media (max-width:768px) {
    .other-categories {
        gap: 10px;
    }

    .other-category {
        padding: 10px;
        width: calc((100% - 10px) / 2);
        height: 140px;
    }

    .other-category_title {
        font-size: 14px;
    }

}

.small-banner {
    width: 100%;
    height: 190px;
    padding: 16px 20px;
    border-radius: 10px;
    box-shadow: 0 4px 10px 0 rgba(32, 64, 147, 0.05);
    margin-top: 20px;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: var(--black);
}

.small-banner--smeta {
    background: var(--white) no-repeat;
    background-image: url("/local/templates/promolink/img/banners/small-smeta.png");
    background-position: 100% 100%;
}

.small-banner--montajnik {
    background: url("/local/templates/promolink/img/banners/small-montajnik.png") no-repeat;
    background-size: cover;
    color: var(--white);
}

.small-banner__title {
    font-weight: 600;
    font-size: 16px;
}

.small-banner__text {
    font-weight: 400;
    font-size: 12px;
    max-width: 180px;
}

.small-banner__button {
    height: 40px;
    width: 140px;
    font-weight: 500;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #5a88f7;
    color: var(--white);
    margin-top: auto;
}

.small-banner__inputs {
    flex-direction: column;
}

.toper {
    background: #e74c3c;
    margin-top: 10px;
    display: none;
    width: 100%;
}

.toper.--active {
    display: block;
}

.toper_body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.toper_content {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
}

.toper_icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    background: url(/local/templates/promolink/./img/icons/toper-icon.svg) no-repeat center/cover;
}

.toper_hide {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    background: url(/local/templates/promolink/./img/icons/xmark.svg) no-repeat center/cover;
    filter: brightness(100);
    cursor: pointer;
}

.toper_content * {
    color: white;
}

.toper_content a {
    text-decoration: underline;
}

.toper_content a:hover {
    color: #fff;
    text-decoration: none;
}

@media (max-width: 500px) {
    .toper_content {
        padding: 10px 0;
    }

    .toper_icon {
        display: none;
    }
}

.header.--sticky {
    position: sticky;
    top: 0;
    z-index: 90;
    margin-bottom: 23px;
    transition: all 0.1s;
}

.header.--sticky.--sticked {
    background: #fff;
    padding: 10px 0;
    margin-bottom: 0;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.185);
}

.header.--sticky.--sticked:has(.toper.--active) {
    padding-bottom: 0;
}

.header__container {
    gap: 30px;
    display: flex;
    align-items: center;
}

.header__tools {
    display: flex;
    align-items: center;
    gap: 15px;
}

.header_links {
    display: flex;
    gap: 25px;
}

.header_link {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.header_link:has(.header_link-basket_quantity) {
    position: relative;
}

.header_link-basket_quantity {
    position: absolute;
    top: -8px;
    right: 0;
    background: #e74c3c;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 100%;
    color: #fff;
    text-align: center;
}

.header_link-image {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.header_link-title {
    font-size: 12px;
    color: #6c6c6c;
}

.header__icons {
    display: none;
}

.header__phone {
    display: none;
}

.header__search {
    margin-left: auto;
    width: 300px;
    font-size: 12px;
    box-shadow: 0 4px 10px 0 rgba(48, 78, 153, 0.1);
    background: var(--white);
}

.header__search:hover {
    filter: none;
}

.header__search input {
    width: 100%;
    background: none;
    border: none;
}

.header__search input:placeholder {
    color: var(--chern);
}

.header__submit {
    background: none;
    border: none;
    padding: 0;
}

.header__basket {
    background: linear-gradient(270deg, #82a5ff 0%, #4b7eff 100%);
    color: var(--white);
}

.header__group {
    margin-left: auto;
    display: flex;
}

.header__menu {
    display: none;
    min-width: 37px;
    height: 37px;
    background-image: url("/local/templates/promolink/img/icons/menu.svg");
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
}

.header__menu:hover {
    transition: none;
}

.header__menu.active {
    background-image: url("/local/templates/promolink/img/icons/xmark.svg");
    min-width: 37px;
}

.header-top {
    margin-bottom: 10px;
    background: var(--white);
    padding: 10px 0;
}

.header-top__container {
    display: flex;
    align-items: center;
    gap: 28px;
}

.header-top__text {
    font-weight: 500;
    font-size: 13px;
    color: var(--black);
}

.header__button {
    background: var(--blue);
    color: #fff;
    padding: 8px 15px;
    height: min-content;
    font-size: 13px;
    font-weight: 500;
}

.header__button:hover {
    filter: brightness(1.1);
    color: #fff;
}

.header-top__phone {
    display: flex;
    align-items: center;
    gap: 7px;
}

.header-top__phone:before {
    content: "";
    display: block;
    width: 13px;
    height: 15px;
    background: url("/local/templates/promolink/img/icons/phone-black.svg") no-repeat center/contain;
}

.header-top__city {
    display: flex;
    align-items: center;
    gap: 7px;
    font-weight: 300;
}

.header-top__city:before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: url("/local/templates/promolink/img/icons/arrow-black.svg") no-repeat center/contain;
}

.header-top__margin {
    margin-left: auto;
}

.filter {
    background: white;
}

@media (max-width: 1367px) {
    .header-top__container {
        gap: 10px;
    }
}

@media (max-width: 1200px) {
    .header .logo__text {
        display: none;
    }
}

@media (max-width: 1024px) {
    :root {
        --mobile-header-height: 52px;
    }

    .search-menu--active {
        display: none;
    }

    .header {
        position: sticky;
        top: 0;
        z-index: 3;
        margin: 0;
        min-height: var(--mobile-header-height);
        background: var(--white);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 100%;
    }

    .header__search {
        /* display: none; */
    }

    .header__logo {
        margin: 0 auto;
    }

    .header__container {
        display: grid;
        row-gap: 0;
        align-items: center;
        justify-content: center;
        grid-template-columns: 1fr auto 1fr;
        width: 100%;
    }

    .header__container--active {
        display: flex;
    }

    .header__menu.active~.header__search {
        display: none;
    }

    .bx-searchtitle {
        display: flex;
        align-items: center;
    }

    .header__container--active .bx-searchtitle {
        display: flex;
        width: 100%;
    }

    .header__container--active .bx-searchtitle {
        display: flex;
        width: 100%;
    }

    .header_links {
        display: none;
    }

    .header__container.--opened-menu .header__icons {
        display: flex;
        gap: 5px;
    }

    .header__container.--opened-menu .header__logo {
        display: none;
    }

    .header__container.--opened-menu {
        display: flex;
        justify-content: space-between;
    }

    .header__container .header__tool {
        display: block;
        margin-left: auto;
        background: #edf2fe;
        padding: 8px 10px;
        border-radius: 6px;
    }

    .header__container.--opened-menu .header__phone {
        display: none;
    }

    .header__group {
        width: 100%;
        margin-left: 0;
        order: -1;
    }

    .header__group input {
        display: none;
    }

    .header__menu {
        display: flex;
    }

    .header__search {
        margin: 0;
        width: max-content;
        min-width: 40px;
        background: none;
        box-shadow: none;
    }

    .header__search:has(input.active) {
        min-width: 100%;
    }

    .header__submit:before {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        background: url("/local/templates/promolink/img/icons/search-blue.svg") no-repeat center;
        background-size: contain;
    }

    .header__submit img {
        display: none;
    }

    header:has(.header-top) {
        display: none;
    }
}

.footer {
    margin-top: auto;
    text-align: center;
    background: var(--white);
    padding-top: 26px;
    padding-bottom: 34px;
    gap: 9px;
}

.footer__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer__logo {
    flex-direction: column;
}

.footer__links {
    display: flex;
    gap: 60px;
}

.footer__column {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 15px;
}

.footer__title {
    font-weight: 600;
    font-size: 16px;
    color: #101010;
}

.footer__link {
    font-weight: 400;
    font-size: 14px;
    line-height: 115%;
    color: #101010;
    max-width: 170px;
    text-align: left;
}

.footer__info {
    align-self: start;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.footer__button {
    max-width: 180px;
    width: 100%;
    justify-content: space-between;
    text-align: left;
    white-space: nowrap;
}

.footer__contact {
    font-weight: 500;
    font-size: 10px;
    color: #101010;
}

.footer__contacts {
    display: none;
}

.footer__contacts-desktop {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: start;
}

.footer__contacts-buttons {
    display: flex;
    gap: 10px;
}

.stati {
    display: flex;
    flex-direction: row-reverse;
    gap: 15px;
}

.stati__content {
    width: 100%;
}

.stati:has(.stati__photo) .stati__content {
    width: 70%;
}

.stati__photo {
    width: 30%;
    flex-shrink: 0;
}

.stati__content * {
    word-wrap: break-word;
    max-width: 100%;
}

.stati__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 1200px) {
    .footer__links {
        gap: 20px;
    }

    .footer__container {
        gap: 10px;
    }

    .footer__info {
        width: 20%;
    }

    .footer__contacts-buttons {
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 1024px) {
    .stati:has(.stati__photo) .stati__content {
        width: 100%;
    }

    .stati__content {
        overflow: auto;
    }

    .footer {
        margin-bottom: var(--total-bottom-offset);
    }

    .footer .logo__text {
        display: none;
    }

    .footer__container {
        flex-direction: column;
        gap: 22.5px;
    }

    .footer__info {
        flex-direction: row;
        width: 100%;
        justify-content: center;
        order: 1;
        gap: 60px;
    }

    .footer__links {
        order: 2;
        display: initial;
        columns: 2;
        width: 100%;
    }

    .footer__contacts-buttons {
        flex-direction: row;
        align-items: start;
    }

    .footer__button {
        max-width: none;
    }

    .footer__column {
        break-inside: avoid-column;
        margin-bottom: 25px;
        padding: 10px;
        background: var(--seryy-fon);
        border-radius: 10px;
        margin-bottom: 10px;
    }

    .footer__link,
    .footer__contact {
        font-size: 12px;
        font-weight: 600;
    }

    .footer__contacts-desktop {
        display: none;
    }

    .footer__info {
        align-self: center;
    }

    .stati {
        flex-direction: column;
    }

    .stati * {
        max-width: 100%;
    }

    .stati img {
        display: block;
        max-width: 100%;
        object-fit: contain;
    }

    .stati__photo {
        width: 100%;
    }

    .stati__content {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .footer__links {
        column-gap: 15px;
        row-gap: 10px;
    }

    .footer__link,
    .footer__contact {
        font-size: 12px;
        font-weight: 600;
    }

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

    .footer__info {
        gap: 15px;
    }

    .footer__button img {
        filter: brightness(100);
    }
}

.stati__photo img {
    max-height: 350px;
}

.product-item-compare input {
    display: none;
}

.filter--no-bg {
    background: none;
}

/*lk*/
.lk {}

.lk__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.lk__buttons {
    display: flex;
    gap: 17px;
}

.lk__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 184px;
    height: 40px;
    border-radius: 10px;
}

.lk__button--blue {
    background: linear-gradient(270deg, #82a5ff 0%, #4b7eff 100%);
    color: white;
    font-weight: 600;
    font-size: 13px;
}

.lk__button--white {
    box-shadow: 0 4px 10px 0 rgba(32, 64, 147, 0.05);
    background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.5) 100%);
    color: #000;
}

.lk__change-data {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    font-size: 14px;
    color: #5a88f7;
}

.lk__change-data::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: url(/local/templates/promolink/img/icons/arrow-blue.svg) no-repeat no-repeat center;
}

.lk__button--big {
    background: linear-gradient(270deg, #4b7eff 0%, #3c63c4 100%);
    width: 100%;
}

.lk__button--light {
    background: transparent;
    color: var(--blue);
    border: 2px solid;
    gap: var(--gap);
}

.lk__data {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.lk__label {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-weight: 500;
    font-size: 14px;
    color: #4e4e4e;
}

.lk__field {
    border: none;
    border-radius: 10px;
    height: 50px;
    box-shadow: 0 4px 10px 0 rgba(32, 64, 147, 0.05);
    background: white;
    padding: 0 20px;
}

.lk__orders {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.lk__order {
    padding: 18px 28px;
    box-shadow: 0 4px 10px 0 rgba(32, 64, 147, 0.05);
    background: #fff;
    width: 100%;
    font-size: 13px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-radius: 10px;
}

.lk__order-title {
    font-weight: 700;
    font-size: 16px;
}

.lk__order-item {
    display: block;
    padding: 10px;
    margin-top: 10px;
    border: 1px solid black;
    cursor: pointer;
    color: #000;
    text-decoration: none;
}

.lk__order-item:hover,
.lk__order-item:active,
.lk__order-item:focus,
.lk__order-item:visited {
    text-decoration: none;
}

.lk__order-details {
    margin-top: 10px;
    background: none;
    color: #5a88f7;
    border: 1px solid #5a88f7;
    border-radius: 5px;
    max-width: 134px;
    width: 100%;
    height: 35px;
    font-weight: 500;
    font-size: 13px;
}

.lk__change-password {
    background: #edf2fe !important;
}

.lk__change-password>form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media (max-width: 768px) {
    .lk__top {
        flex-wrap: wrap;
        gap: 17px;
    }

    .half {
        max-width: 100%;
    }

    .lk__buttons {
        justify-content: space-between;
        width: 100%;
    }

    .lk__button {
        width: 100%;
    }

    .lk__orders {
        grid-template-columns: 1fr;
    }
}

ul.catalog.in_catalog>li {
    display: none;
}

.manufacturer__item {
    cursor: pointer;
    padding: 12px;
}

.manufacturer__item:hover {
    transform: all 0.2s;
    filter: contrast(160%);
}

.category__filter {
    width: 100%;
}

.category__filter .filter__content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.bx-section-desc-post {
    margin: -15px 0;
}

@media (max-width: 768px) {
    .category__filter .filter__content {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .bx-section-desc-post {
        display: none;
    }

    .swiper--manufacturer {
        padding: 0;
    }

    .preview__items>* {
        max-width: 80%;
        width: 80%;
        flex: 0 0 80%;
    }

    .preview__items {
        grid: none;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        align-content: stretch;
        overflow: scroll;
        margin-left: -20px;
        margin-right: -20px;
    }

    .preview__items>*:nth-child(1) {
        margin-left: 20px;
    }

    .basket-item-price-old {
        position: static !important;
        text-align: center;
    }
}

.review__star.gray {
    filter: grayscale(100%);
}

#reviewModal {
    min-width: 700px;
    max-width: 95%;
}

.card__reviews>.review {
    display: none;
}

.card__reviews>.review:nth-child(1),
.card__reviews>.review:nth-child(2),
.card__reviews>.review:nth-child(3) {
    display: flex;
}

.card__reviews.show_all>.review {
    display: flex;
}

body div.title-search-result {
    /* left: 0 !important; */
    /* width: 100% !important; */
}

.header__group>.bx-searchtitle#title-search {
    margin-top: 0;
}

@media only screen and (max-width: 768px) {
    .section__content .section__item {
        margin-bottom: 30px;
    }

    .section__content {
        display: block;
        margin-bottom: 30px;
    }
}

.swiper--manufacturer {
    position: relative;
}

.swiper-manufacturer__button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    border-radius: 100%;
    z-index: 2;
    cursor: pointer;
}

.swiper-manufacturer__next {
    background: url("/local/templates/promolink/img/next-arrow.svg") no-repeat center / contain;
    background-size: 7px;
    background-color: #99b7ff;
    right: 0;
}

.swiper-manufacturer__prev {
    background: url("/local/templates/promolink/img/back-arrow.svg") no-repeat center / contain;
    background-size: 7px;
    background-color: #99b7ff;
    left: 0;
}

.filter__button {
    text-decoration: none;
}

/* .filter__button#set_filter {
    display: none;
}

@media screen and (max-width: 768px) {
    .filter__button#set_filter {
        display: inline-block;
    }
} */

.close-filters {
    width: max-content !important;
}

.manufacturer-swiper-wrapper {
    position: relative;
}

.smart-filter {
    height: max-content;
    min-height: 20px;
    max-height: 300px;
    list-style: none;
    padding: 0;
}

.bx-filter .bx-filter-block {
    height: max-content !important;
}

.smart-filter__item label {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 146%;
    color: #000;
}

.smart-filter__checkbox {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 2px solid #ddd;
    position: relative;
    cursor: pointer;
}

.smart-filter__checkbox {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    border: 1px solid #d9d9d9;
    flex-shrink: 0;
}

.smart-filter__checkbox input[type="radio"],
.smart-filter__checkbox input[type="checkbox"] {
    display: none;
}

.smart-filter__checkbox input[type="checkbox"]:checked::after,
.smart-filter__checkbox input[type="radio"]:checked::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.smart-filter__checkbox input[type="checkbox"]:checked+.checked,
.smart-filter__checkbox input[type="radio"]:checked+.checked {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #99b7ff;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.smart-filter__count {
    color: #a4a4a4;
}

.smart-filter .simplebar-track.simplebar-vertical {
    background: #eaeaea;
    border-radius: 30px;
}

.smart-filter .simplebar-scrollbar:before {
    border-radius: 30px;
    background: #dedede;
    opacity: 1;
}

.bx-filter .bx-filter-parameters-box-title span {
    font-weight: 700;
    font-size: 18px;
    line-height: 128%;
    color: #000;
}

.bx-filter .bx-filter-parameters-box-title span:hover {
    border: none;
}

.smart-filter__item-label.disabled {
    color: #8a8a8a;
    pointer-events: none;
}

.smart-filter-wrapper {
    border-bottom: 1px solid #d3d3d3;
}

.smart-filter-wrapper:last-child {
    border-bottom: none;
}

.unimodal .callback-body .unimodal__button {
    background: linear-gradient(180deg, #5a88f7 0%, #064fff 100%);
    width: 100%;
    height: 60px;
    font-weight: 700;
    font-size: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.unimodal .callback-body .unimodal__input {
    background: #f5f5f5;
    height: 55px;
    border-radius: 10px;
    padding: 16px 20px;
    font-weight: 400;
    font-size: 16px;
    color: #010101;
}

.unimodal .callback-body textarea.unimodal__input {
    height: 100px;
}

@media only screen and (min-width: 768px) {
    div[data-entity="basket-checkout-aligner"] {
        position: sticky;
        top: 20px;
        z-index: 10;
    }
}

@media only screen and (max-width: 768px) {
    .basket-item-block-amount {
        justify-content: start;
        margin: 0;
        padding: 0;
    }

    .basket-items-list-item-amount {
        padding-bottom: 0;
        min-width: auto !important;
    }

    .basket__detail {
        align-content: space-between;
    }

    .basket__price,
    .basket-item-block-price {
        margin: 0;
        padding: 0;
    }
}

#form_zakaz .products_total,
#delivery_address_options .delivery_sum {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    align-items: center;
}

#form_zakaz .products_total,
#delivery_address_options .delivery_sum {
    font-size: 18px;
}

#form_zakaz .products_total .name,
#delivery_address_options .delivery_sum .name {
    font-weight: 500;
}

#form_zakaz .products_total .value,
#delivery_address_options .delivery_sum .value {
    font-weight: 700;
}

#delivery_address_options .delivery_sum.inactive {
    display: none;
}

.checkout_product_row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    align-items: center;
    font-size: 12px;
    background: #fff;
}

.checkout_product_row>* {
    padding: 7px;
}

.checkout_product_row .image {
    flex: 0 0 80px;
    text-align: center;
}

.checkout_product_row .image img {
    max-width: 100%;
    max-height: 80px;
}

.checkout_product_row .name {
    font-weight: 500;
    width: 350px;
}

.checkout_product_row .quantity {
    flex: 0 0 50px;
}

.checkout_product_row .basket_price {
    flex: 0 0 100px;
}

.card__params-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.card__delivery {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-template-rows: max-content;
    gap: 20px;
}

.fast-preview .card__delivery {
    grid-template-columns: minmax(0, 1fr);
    gap: 15px;
}

.card__date-item {
    padding: 15px 30px;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e2e2e2;
}

.card__date-item p {
    font-size: 16px;
    font-weight: 500;
}

.card__date-item p.date {
    font-weight: 700;
}

.card__date-item p.date {
    color: #5a88f7;
}

.card__block-preview {
    position: relative;
    transition: 0.3s all ease-in-out;
    display: flex;
    align-items: center;
    gap: 20px;
    box-shadow: 0 4px 10px 0 rgba(32, 64, 147, 0.05);
    background: #fff;
    height: 50px;
    padding: 0 20px;
    color: #4e4e4e;
    z-index: 2;
    margin-top: 10px;
}

.accordion-active .card__block-preview img {
    transform: rotate(90deg);
}

.card__date-top {
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
}

.card__date-top:last-child {
    align-items: end;
}

.card__date-top .price {
    font-weight: 700;
    white-space: nowrap;
}

.card__files {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.card__file-accordion {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 10px;
}

.address_map {
    width: 100%;
    min-height: 400px;
    border-radius: 10px;
    box-shadow: 0px 4px 10px 0px rgba(32, 64, 147, 0.051);
    overflow: hidden;
}

.fast-preview {
    width: 1000px;
}

.fast-preview .fast-preview_button {
    margin: 20px;
    width: 100%;
    box-shadow: 0px 4px 20px 0px #304e9924;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 0;
    border-radius: 10px;
    background: #fff;
    color: #5a88f7;
    text-decoration: none;
}

.fast-preview .fast-preview_button:hover {
    background: #f5f5f5;
}

.fancybox-slide div:has(.fast-preview) {
    padding: 40px;
    background: #f9fbff;
    border-radius: 20px;
}

@media (max-width: 1024px) {
    .address_map {
        min-height: 250px;
    }
}

.address_container {
    display: flex;
    flex-wrap: wrap;
    gap: 24px 33px;
}

.address_item {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 22px 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 4px 10px 0px rgba(32, 64, 147, 0.051);
    width: calc(50% - 16.5px);
    font-size: 14px;
    line-height: 16px;
}

.address_title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
}

.address_number,
.address_mail {
    text-decoration: none;
    color: #000;
}

.address_schedule {
    display: flex;
    gap: 16px;
}

.address_schedule-container {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.address_number,
.address_schedule-title,
.address_mail,
.address_location {
    display: flex;
    gap: 10px;
}

.address_number::before,
.address_schedule-title::before,
.address_mail::before,
.address_location::before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
}

.address_number::before {
    background-image: url(/local/templates/promolink/./img/icons/contacts/phone.svg);
}

.address_mail::before {
    background-image: url(/local/templates/promolink/./img/icons/contacts/mail.svg);
}

.address_location::before {
    background-image: url(/local/templates/promolink/./img/icons/contacts/location.svg);
}

.address_schedule-title::before {
    background-image: url(/local/templates/promolink/./img/icons/contacts/schedule.svg);
}

.requisites {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.requisites_title {
    font-size: 24px;
    font-weight: 30px;
    font-weight: 700;
}

.requisites_body {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.requisites_row {
    display: flex;
    gap: 5px;
    border-bottom: 1px solid #d3d3d3;
}

.requisites_row-name {
    width: 20%;
    display: flex;
    align-items: center;
    padding: 10px 5px 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    flex-shrink: 0;
}

.requisites_row-value {
    font-size: 16px;
    padding: 10px 0 0;
}

.requisites_row.--head {
    background: var(--blue);
    color: #fff;
    border-radius: 10px 10px 0 0;
    justify-content: center;
}

.requisites_row.--head .requisites_row-name {
    padding: 10px 5px;
    width: auto;
}

@media (max-width: 1200px) and (min-width: 1024px),
(max-width: 768px) {
    .address_item {
        width: 100%;
    }
}

@media (max-width: 1200px) and (min-width: 1024px),
(max-width: 768px) {
    .requisites_row-name {
        width: 30%;
    }
}

@media (max-width: 768px) {
    .requisites_row-name {
        font-size: 14px;
    }

    .requisites_row-value {
        font-size: 14px;
    }
}

@media (max-width: 500px) {
    .requisites_row-name {
        width: 40%;
    }
}

/* .address {
    min-height: 352px;
    width: 100%;
    display: flex;
    gap: 23px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.address__map {
    width: 100%;
    min-height: 100%;
}

.address__info {
    width: 40%;
    padding: 30px 0 20px 30px;
}

.address h4 {
    padding-bottom: 7.5px;
    margin: 0;
}

.address p {
    padding-top: 7.5px;
    line-height: 22px;
}

.address__box {
    padding-top: 10px;
    padding-bottom: 10px;
    max-width: 270px;
}

.address__email {
    color: #4b7eff;
}

.address__map {
    min-height: 100%;
    width: 60%;
    border-radius: 10px;
} */

.address-soc {
    min-height: auto;
    padding: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border-radius: 10px;
}

.address-soc_title {
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
}

.address-soc_links {
    display: flex;
    gap: 20px;
}

.address-soc_link {
    display: block;
    width: 40px;
    height: 40px;
}

.address-soc_image {
    width: 100%;
    height: 100%;
}

.requisites {
    width: 100%;
}

.requisites p {
    line-height: 22px;
    padding: 4px;
}

.requisites-blue {
    color: #4b7eff;
}

.requisites-underline {
    text-decoration: underline;
}

.requisites__info {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.requisites__box {
    max-width: 430px;
    min-width: 300px;
    width: fit-content;
}

@media (max-width: 1290px) {
    .requisites__box {
        max-width: 320px;
    }
}

@media (max-width: 1070px) {
    .requisites__box {
        max-width: fit-content;
        width: 90%;
    }

    .address__map {
        width: 50%;
    }

    .address__info {
        width: 50%;
    }
}

@media (max-width: 1025px) {
    .requisites__box {
        max-width: 345px;
        width: fit-content;
    }

    .address__map {
        width: 60%;
    }

    .address__info {
        width: 40%;
    }
}

@media (max-width: 768px) {
    .card__delivery {
        grid-template-columns: 1fr;
    }

    .requisites__box {
        max-width: fit-content;
        width: fit-content;
        min-width: 0;
    }

    .address {
        flex-direction: column-reverse;
    }

    .address-soc {
        flex-direction: column;
        align-items: start;
    }

    .address__info {
        /* display: flex; */
        /* flex-direction: row; */
        padding: 10px 30px 10px 30px;
        width: 100%;
        column-gap: 40px;
        flex-wrap: wrap;
    }

    .address__map {
        width: 100%;
        height: 320px;
    }
}

/* ////////////////////////////////// */
/* /////////////articles//////////// */
/* //////////////////////////////// */
.top-text .title {
    font-size: 22px;
}

.top-text__text {
    font-size: 16px;
    line-height: 22px;
}

.article .title {
    font-weight: 600;
    font-size: 20px;
}

.disable-first-child {
    height: 100%;
}

.disable-first-child:first-child {
    grid-row-end: auto;
    display: flex;
    flex-direction: row;
}

.disable-first-child:not(:first-child) {
    flex-direction: row;
}

.disable-first-child:first-child .article__info {
    height: auto;
    flex: 1 1;
}

.disable-first-child:not(:first-child) .article__info {
    flex: 1 1;
    height: auto;
}

.disable-first-child:first-child .article__img {
    height: auto;
    width: 40%;
}

.article__content-fixGrid {
    grid-auto-rows: auto;
    grid-template-rows: none;
}

.article__img-wrapper {
    width: 220px;
    border-radius: 10px;
    overflow: hidden;
}

.article__img-inner {
    position: relative;
    padding-bottom: 114%;
}

.article__img1 {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.article__text {
    display: block;
}

@media (max-width: 1315px) {
    .article__img-inner {
        padding-bottom: 168%;
    }

    .disable-first-child:not(:first-child) .article__img-wrapper {
        width: 150px;
    }

    .disable-first-child:first-child .article__img-wrapper {
        width: 150px;
    }
}

@media (max-width: 1165px) {
    .disable-first-child:not(:first-child) {
        display: flex;
        flex-direction: column-reverse;
        height: 100%;
    }

    .disable-first-child:first-child {
        display: flex;
        flex-direction: column-reverse;
    }

    .disable-first-child:not(:first-child) .article__img-wrapper {
        width: 100%;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .disable-first-child:first-child .article__img-wrapper {
        width: 100%;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .article__content-fixGrid {
        grid-auto-rows: auto;
    }

    .article__img-inner {
        position: relative;
        padding-bottom: 80%;
    }
}

@media (max-width: 1024px) {
    .disable-first-child:not(:first-child) {
        display: flex;
        flex-direction: row;
        height: auto;
    }

    .disable-first-child:first-child {
        display: flex;
        flex-direction: row;
        height: auto;
    }

    .disable-first-child:not(:first-child) .article__img-wrapper {
        width: 250px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .disable-first-child:first-child .article__img-wrapper {
        width: 250px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .article__img-inner {
        position: relative;
        padding-bottom: 90%;
    }

    .article__content-fixGrid {
        grid-auto-rows: auto;
    }
}

@media (max-width: 450px) {
    .disable-first-child:not(:first-child) {
        display: flex;
        flex-direction: column-reverse;
        height: 100%;
    }

    .disable-first-child:first-child {
        display: flex;
        flex-direction: column-reverse;
        height: 100%;
    }

    .disable-first-child:not(:first-child) .article__img-wrapper {
        width: 100%;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .disable-first-child:first-child .article__img-wrapper {
        width: 100%;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
}

.card__button.to_basket_detail._gray-bg {
    background: #c2c2c2;
}

@media (max-width: 1024px) {
    .basket__delete {
        width: 32px;
        height: 32px;
    }

    .card__param span:nth-child(2) {
        text-align: right;
    }

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

    .menu {
        position: fixed;
    }
}

.solution-modal .solution-modal__container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 50vw;
}

.solution__properties {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.solution__properties .solution__property {
    display: flex;
    justify-content: space-between;
}

.solution__properties .solution__property:not(:last-child) {
    border-bottom: 1px solid #333;
    padding-bottom: 5px;
}

.solution__properties .solution__property .solution__property-key {
    font-weight: 700;
}

.solution-modal {
    display: none;
}

@media (max-width: 1024px) {
    .solution-modal .solution-modal__container {
        max-width: 100vw;
    }

    .grantiya-table * {
        white-space: nowrap;
    }

    .grantiya-table table tbody,
    .grantiya-table table tbody tr,
    .grantiya-table table tbody th,
    .grantiya-table table tbody td,
    .grantiya-table table {
        border-width: 1px;
    }

    .grantiya-table table tbody td {
        padding: 5px;
    }
}

._overflow {
    overflow: auto;
}

html:has(.menu.active) {
    overflow: hidden;
}

.menu__container {}

/* .mobile-catalog {
    display: none;
} */

@media (max-width: 1024px) {
    .catalog {
        border-radius: 0;
        position: fixed;
        z-index: 9;
        left: 0;
        width: 100%;
        height: calc(100% - var(--menu-nav-height) - var(--mobile-header-height));
        top: 100vh;
        overflow: auto;
        transition: top 0.3s;
    }

    .catalog--active {
        top: calc(var(--mobile-header-height));
        background: var(--white);
    }

    ul.catalog.in_catalog>li {
        display: list-item;
    }
}

@media (max-width: 1024px) {
    .manufacturer-swiper-wrapper {
        margin-bottom: 20px;
    }

    /* .mobile-catalog {
        display: flex;
        flex-direction: column;
        gap: 2.8vw;
    }

    .mobile-catalog_body {
        display: grid;
        grid-template-columns: repeat(3, 32%);
        grid-template-rows: repeat(3, 37.15vw);
        gap: 2%;
    }

    .mobile-catalog_item {
        background: #fff;
        display: grid;
        grid-template-rows: 1fr auto;
        gap: 2.97vw;
        border-radius: 2.34vw;
        width: 100%;
        height: 100%;
        text-decoration: none;
        color: #000;
        box-sizing: border-box;
        padding: 3.04vw 3.27vw;
        position: relative;
        overflow: hidden;
        align-content: space-between;
    }

    .mobile-catalog_item::after {
        content: "";
        position: absolute;
        width: 35.28vw;
        height: 35.28vw;
        bottom: 0px;
        right: 0;
        transform: translateX(40%) translateY(60%);
        border-radius: 100%;
        z-index: 1;
        background: linear-gradient(158deg, #c1d3ff 0%, rgba(249, 249, 249, 0) 100%);
    }

    .mobile-catalog_item-title {
        position: relative;
        font-size: 2.6vw;
        font-weight: 700;
        line-height: 2.8vw;
        z-index: 2;
    }

    .mobile-catalog_item-image {
        position: relative;
        display: block;
        width: 100%;
        object-fit: cover;
        z-index: 2;
    } */
}

/* Страница Монтаж */

.montage {
    padding-left: 30px;
    display: flex;
    flex-direction: column;
    gap: var(--container-offset);
}

.montage_body {
    display: flex;
    flex-direction: column;
    gap: 3.13vw;
}

.montage_body .button {
    font-size: 15px;
    font-weight: 600;
    width: auto;
}

.montage_description {
    display: flex;
    gap: 2.08vw;
}

.montage_description_content {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.montage_description_block {
    display: flex;
    flex-direction: column;
    gap: 1.04vw;
}

.montage_description .button {
    width: auto;
}

.montage_description_image {
    width: 50%;
}

.montage_description_image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.montage_steps {
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
}

.montage_steps_title {
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
}

.montage_steps_body {
    position: relative;
}

.montage_steps_body img {
    width: 100%;
    object-fit: contain;
    display: block;
}

.montage_step {
    position: absolute;
    max-width: 310px;
}

.montage_step_title {
    font-size: 16px;
    font-weight: 600;
    line-height: 19.86px;
    text-align: left;
}

.montage_step_description {
    font-family: Inter;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
}

.montage_first_step {
    top: 13%;
    left: 0;
}

.montage_second_step {
    top: 13%;
    left: 51.2%;
}

.montage_third_step {
    top: 76%;
    left: 51.2%;
}

.montage_fourth_step {
    top: 76%;
    left: 0;
}

.montage_consultation {
    display: flex;
    justify-content: space-between;
    padding: 2.08vw 1.25vw;
    background: #fff;
    border-radius: var(--border-radius);
}

.montage_consultation_title {
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
}

.montage_consultation button {
    padding: 0.73vw 1.04vw;
}

.montage_consultation_block {
    display: flex;
    flex-direction: column;
}

.montage_consultation_time {
    display: flex;
    align-items: center;
    gap: 0.72vw;
}

.montage_consultation_info {
    gap: 0.78vw;
}

.montage_consultation_list {
    color: var(--chern);
}

.montage_consultation_download {
    display: flex;
    gap: 0.78vw;
    width: 170px;
    height: min-content;
    align-items: center;
    color: var(--chern);
    font-size: 15px;
    font-weight: 420;
    line-height: 22px;
}

.montage_consultation_download img {
    width: 1.17vw;
    height: 1.56vw;
    object-fit: contain;
}

.montage_exampes_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 1.04vw;
}

.montage_swiper-buttons {
    position: static;
}

.montage_swiper-buttons .swiper-button {
    background: #edf2fe;
}

.montage_exampes_swiper-wraper {
    max-width: 100%;
}

.montage_exampes_swiper-slide {
    height: 11.46vw;
    max-width: 100%;
    border-radius: var(--border-radius);
    overflow: hidden;
}

.montage_exampes_swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner--consultation {
    position: relative;
}

.banner--consultation::after {
    content: none;
}

.banner--consultation .banner__content {
    max-width: min-content;
}

.banner--consultation .banner__img {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
}

@media (max-width: 1024px) {
    .banner--consultation .banner__img {
        display: block;
    }
}

@media (max-width: 768px) {
    .montage {
        padding: 0;
    }

    .montage_body {
        gap: 30px;
    }

    .montage_description {
        flex-direction: column;
    }

    .montage_description_content {
        order: 1;
        width: 100%;
        gap: 40px;
    }

    .montage_description_image {
        width: 100%;
    }

    .montage_steps {
        gap: 20px;
    }

    .montage_steps_body {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .montage_steps_body img {
        display: none;
    }

    .montage_step {
        position: static;
        width: 100%;
        border-bottom: 2px solid var(--red);
        display: flex;
        flex-direction: column;
        gap: 5px;
        max-width: none;
    }

    .montage_step_title {
        display: flex;
        gap: var(--gap);
    }

    .montage_step_title::before {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        background: linear-gradient(180deg, #5a88f7 0%, #064fff 100%);
        border-radius: 100%;
        color: var(--white);
        width: 25px;
        height: 25px;
    }

    .montage_first_step .montage_step_title::before {
        content: "1";
    }

    .montage_second_step .montage_step_title::before {
        content: "2";
    }

    .montage_third_step .montage_step_title::before {
        content: "3";
    }

    .montage_fourth_step .montage_step_title::before {
        content: "4";
    }

    .montage_step_description {
        padding: 0 15px 15px 35px;
    }

    .montage_consultation {
        flex-wrap: wrap;
        gap: 15px;
        padding: 20px;
    }

    .montage_consultation_time img {
        display: none;
    }

    .montage_consultation_block:has(button) {
        width: calc(50% - 7.5px);
        order: -1;
    }

    .montage_consultation .button.mobile {
        width: 100%;
    }

    .montage_consultation_download {
        order: -1;
    }

    .montage_consultation_download img {
        width: 15%;
        height: auto;
    }

    .montage_exampes_swiper-slide {
        height: 250px;
    }

    .banner--consultation .banner__img {
        display: none;
    }

    .banner--consultation .banner__content {
        width: 100%;
        max-width: none;
    }

    .banner--consultation .banner__input {
        width: 100%;
    }

    .banner--consultation .banner__button {
        width: 100%;
    }
}

.section-body {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.section__heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    order: -1;
}

.section__heading-text {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
}

.section__heading-count {
    font-weight: 200;
    color: #000;
    white-space: nowrap;
}

.help-choice {
    line-height: 20px;
    font-size: 14px;
    background: var(--blue);
    padding: 7.5px 20px;
    height: auto;
}

.open-filters {
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    outline: none;
    background: transparent;
    border: 1px solid #5a88f7;
    color: #5a88f7;
    width: 100%;
    padding: 7px 0;
    height: auto;
}

@media (max-width: 500px) {
    .banner--montajnik {
        height: auto;
    }

    .banner__inputs {
        flex-direction: column;
    }

    .compare-products .item {
        display: flex;
        flex-direction: column;
        height: 100%;
        max-height: 500px;
        max-width: 200px;
        min-width: auto !important;
    }

    .compare-products .product-item-container {
        max-width: 200px;
    }

    .compare-products .item,
    .item--vertical {
        max-height: 320px;
        height: 100%;
        padding: 10px;
    }

    .compare-products .item__img,
    .item--vertical .item__img {
        min-height: 150px;
        height: 150px;
    }

    .compare-products .item__description,
    .item--vertical .item__description {
        font-size: 10px;
    }

    .compare-products .item__description p:nth-child(n + 3),
    .item--vertical .item__description p:nth-child(n + 3) {
        display: none;
    }

    .compare-products .item__title .item--vertical .item__title {
        font-size: 11px;
    }

    .compare-products .item__price,
    .item--vertical .item__price {
        height: 30px;
        font-size: 12px;
    }

    .compare-products .item__controls,
    .item--vertical .card__controls {
        margin-right: 0;
        gap: 15px;
    }

    .compare-products .item__control,
    .item--vertical .card__control {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 1024px) {
    .section__heading {
        order: 0;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }

    .help-choice {
        width: 100%;
    }

    .section__heading-text {
        font-size: 28px;
    }

    .product-item-container {
        position: static;
        z-index: 0;
    }

    .bx-filter {
        display: none;
        position: fixed;
        z-index: 100;
        width: 100vw;
        height: calc(100% - (var(--mobile-header-height) + var(--menu-nav-height))) !important;
        overflow: auto;
        top: var(--mobile-header-height);
        left: 0;
        margin: 0;
    }

    .bx-filter-section {
        padding: 0 !important;
        margin: 0 !important;
    }

    .bx-filter.active {
        display: block;
    }

    .smartfilter {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .smartfilter .row:has(.bx-filter-button-box) {
        background: var(--seryy-fon);
        padding: 10px 22px 20px;
        height: max-content;
    }

    .smartfilter .row:first-of-type .bx-filter-block {
        width: 100%;
    }

    .smartfilter>.row {
        background: var(--blue-bg);
        height: 100%;
        flex: auto;
        margin: 0;
        position: relative;
        justify-content: start;
        flex-direction: column;
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.294);
    }

    .bx-filter-section {
        width: 100%;
        height: 100%;
    }

    .bx-filter-parameters-box {
        position: static !important;
        padding: 13px 0 13px 20px;
        border-bottom: 1px solid var(--svetlyy-siniy);
    }

    .bx-filter-parameters-box .bx-filter-parameters-box-hint i,
    .bx-filter-parameters-box span i {
        display: none;
    }

    .bx-filter-parameters-box span {
        font-size: 15px;
    }

    .bx-filter-parameters-box:last-child {
        border: none;
    }

    .bx-filter-parameters-box.bx-active {
        background: var(--white);
    }

    .bx-filter .bx-filter-parameters-box-title {
        width: 45%;
        padding-bottom: 0;
    }

    .bx-filter-parameters-box .bx-filter-block {
        width: 50%;
        position: absolute;
        top: 0;
        right: 0;
        background: var(--white);
        height: 100% !important;
        overflow: auto;
    }

    .bx-filter-parameters-box-container {
        width: 100%;
        margin: 0;
        height: 100%;
        padding: 0 !important;
    }

    .bx-filter-parameters-box-container-block.bx-left,
    .bx-filter-parameters-box-container-block.bx-right {
        width: 100% !important;
    }

    .bx-filter-parameters-box-container:has(.bx-ui-slider-track-container) {
        flex-direction: column;
    }

    .bx-ui-slider-track-container {
        display: none;
    }

    .smart-filter-wrapper {
        box-sizing: border-box;
        width: 100%;
        padding-right: 0;
        border: none;
        height: 100%;
    }

    .simplebar-wrapper {
        max-width: 95%;
    }

    .smart-filter-wrapper .smart-filter {
        height: 100%;
        max-height: 100%;
    }

    .smart-filter-wrapper .smart-filter .simplebar-content {
        padding: 15px 0;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .smart-filter__item label {
        display: grid;
        grid-template-columns: auto 1fr;
    }

    .simplebar-wrapper .simplebar-mask {
        width: 95% !important;
    }

    .basket__sum {
        position: fixed;
        bottom: var(--menu-nav-height);
        left: 0;
        z-index: 10;
        box-shadow: 0 0 2px 0 var(--white);
        background: #4b7eff;
        width: 100%;
        padding-bottom: 70px;
        flex-wrap: nowrap;
    }

    .basket__sum * {
        flex-shrink: 0;
    }

    .basket_buttons {
        position: fixed;
        width: calc(100% - (var(--container-padding) * 2));
        z-index: 11;
        flex-direction: row;
        bottom: calc(var(--menu-nav-height) + 10px);
    }

    .basket__buy {
        margin: 0;
        height: auto;
        padding: 12px 25px;
        background: var(--white);
        color: #888888;
    }

    .basket__buy.--fast {
        color: white;
        border-color: white;
    }

    .bx-filter .bx-filter-parameters-box-title span {
        font-weight: 500;
        font-size: 16px;
    }
}

.delivery-and-payment_block {
    display: flex;
    flex-direction: column;
    gap: 20px;
    box-shadow: 0px 4px 10px 0px rgba(48, 78, 153, 0.102);
    padding: 25px;
    border-radius: 10px;
    background: #fff;
}

.delivery-info {
    display: flex;
    flex-direction: column;
    gap: var(--container-offset);
}

.delivery-info_title {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
}

.delivery-info_content {
    display: grid;
    grid-template-columns: 1fr 370px;
    gap: 20px;
}

.delivery-info_block.--big-ofset {
    gap: 40px;
}

.delivery-info_block-article {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 15px;
    z-index: 1;
}

.delivery-info_block-title {
    font-size: 18px;
    font-weight: 600;
}

.delivery-info_block-title.--mobile {
    display: none;
}

.delivery-info_block-image {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 360px;
    height: 144px;
    z-index: 0;
}

@media (min-width: 1199px) and (max-width: 1367px),
(max-width: 950px) {
    .delivery-info_block-image.--desktop {
        width: 250px;
        height: 100px;
    }
}

@media (min-width: 1024px) and (max-width: 1199px),
(max-width: 850px) {
    .delivery-info_block-image.--desktop {
        display: none;
    }
}

.delivery-info_block-image.--mobile {
    display: none;
}

.delivery-info_block-text {
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}

.delivery-info_block-price {
    font-size: 36px;
    font-weight: 500;
    line-height: 44px;
    background: linear-gradient(270deg, #4b7eff 0%, #3c63c4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #4b7eff;
}

.delivery-info_block-line {
    margin: 0;
}

.delivery-info_block.--tk {
    grid-row: 1 / span 3;
    grid-column: 2;
}

.delivery-info_block.--nn {
    position: relative;
}

.delivery-info_tk-logos {
    display: flex;
    flex-direction: column;
    gap: 0.52vw;
}

.delivery-info_tk-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    border-radius: 10px;
    background: #f9f9f9;
}

.delivery-info_tk-logo img {
    display: block;
    min-height: 25px;
    height: 100%;
    object-fit: contain;
}

.payment-info {
    display: flex;
    flex-direction: column;
    gap: var(--container-offset);
}

.payment-info_title {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
}

.payment-info_title.--mobile {
    display: none;
}

.payment-info_content {
    display: flex;
    align-items: stretch;
    gap: 20px;
}

.payment-info_list {
    margin: 0;
    list-style-type: none;
}

.payment-info_list-item {
    padding: 0;
    margin: 0;
    width: 100%;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    gap: 15px;
}

.payment-info_list-item::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    margin-top: 7px;
    background: linear-gradient(180deg, #5a88f7 0%, #4d74d3 100%);
    border-radius: 100%;
    flex-shrink: 0;
}

.payment-info_image {
    background: linear-gradient(270deg, #99b7ff 0%, #7199ff 100%);
    padding: 0;
    width: 370px;
    height: 370px;
    flex-shrink: 0;
}

@media (min-width: 768px) and (max-width: 900px) {
    .payment-info_image {
        width: 200px;
        height: 200px;
    }
}

.payment-info_image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (max-width: 1200px) {
    .payment-info_title {
        color: #fff;
        font-size: 19px;
        line-height: 25px;
    }

    .payment-info_title.--mobile {
        display: block;
    }

    .payment-info_title.--desktop {
        display: none;
    }

    .payment-info_content {
        flex-direction: column-reverse;
    }

    .payment-info_image {
        position: relative;
        width: 100%;
        height: 160px;
        padding: 15px;
    }

    .payment-info_image img {
        position: absolute;
        bottom: 0;
        right: 0;
        max-height: 160px;
        width: max-content;
        height: max-content;
    }
}

@media (max-width: 768px) {
    .basket__sum {
        padding-right: 50%;
    }

    .section__heading-text {
        font-size: 20px;
    }

    .delivery-and-payment_block {
        padding: 15px;
        justify-content: space-between;
    }

    .delivery-info_title {
        display: flex;
        background: #fff;
        min-height: 160px;
        box-shadow: 0px 4px 10px 0px rgba(48, 78, 153, 0.102);
        padding: 15px 0 0 15px;
        border-radius: 10px;
        font-size: 19px;
        line-height: 25px;
        flex-direction: column;
        align-items: end;
        gap: 20px;
    }

    .delivery-info_title-text {
        width: 100%;
    }

    .delivery-info_title.--mobile {
        display: flex;
    }

    .delivery-info_title.--desktop {
        display: none;
    }

    .delivery-info_content {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .delivery-info_block-image {
        position: static;
        width: 290px;
        height: 110px;
    }

    .delivery-info_block-image.--mobile {
        display: block;
    }

    .delivery-info_block.--big-ofset {
        gap: 30px;
    }

    .delivery-info_block-title {
        font-size: 14px;
        line-height: 18px;
    }

    .delivery-info_block-text {
        font-size: 12px;
        line-height: 16px;
    }

    .delivery-info_block-price {
        font-size: 24px;
        font-family: Inter, sans-serif;
    }

    .delivery-info_block.--pickup {
        grid-column: 1 / span 2;
    }

    .delivery-info_block.--tk {
        grid-row: auto;
        grid-column: 1 / span 2;
    }
}

@media (max-width: 450px) {
    .section__heading-text {
        font-size: 18px;
    }
}

.title_block {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.reviews_button {
    border: none;
    background: linear-gradient(270deg, #82a5ff 0%, #4b7eff 100%);
    color: var(--white);
    font-size: 16px;
    line-height: 20px;
    padding: 12px 30px;
    border-radius: 10px;
}

.reviews {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.reviews_item.review {
    display: flex;
    gap: 30px;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    box-shadow: 0px 5.17px 25.83px 0px rgba(48, 78, 153, 0.141);
    padding: 25px;
}

.reviews_item.review .review_container {
    display: flex;
    gap: 30px;
    flex-direction: row;
    justify-content: start;
}

.review_info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 280px;
    flex-shrink: 0;
    gap: 20px;
}

.review_title {
    display: flex;
    gap: 10px;
}

.review_name {
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    display: flex;
    gap: 10px;
}

.review_date {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    display: flex;
    gap: 10px;
}

.review_stars {
    display: flex;
    align-items: center;
    gap: 8px;
}

.review_star {
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.review_star img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.review_star.--active {
    filter: brightness(0) saturate(100%) invert(52%) sepia(31%) saturate(4903%) hue-rotate(204deg) brightness(100%) contrast(95%);
}

.review-content {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.review-content_section {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.review-content_title {
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
}

.review-content_text {
    max-height: 80px;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    transition: all 0.5s linear;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.review-content_text.--show {
    max-height: 800px;
}

.review-content_button {
    border: none;
    background: none;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #5a88f7;
    width: max-content;
    padding: 0;
    cursor: pointer;
    outline: none;
}

.review-content_images {
    display: flex;
    gap: 10px;
}

.review-content_image-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
}

.review-content_image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 10px;
}

@media (max-width: 1200px) and (min-width: 1024px),
(max-width: 768px) {
    .reviews_item.review {
        gap: 10px;
    }

    .reviews_item.review .review_container {
        flex-direction: column;
        width: 100%;
    }

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

.reviews-modal {
    display: none;
    padding: 20px;
    border-radius: 10px;
    width: 575px;
}

.reviews-modal * {
    color: var(--chern);
}

.reviews-modal_body {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.reviews-modal_title {
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    align-items: center;
    display: flex;
    gap: 15px;
}

.reviews-modal_title::before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background: url(/local/templates/promolink/img/modal-back-arrow.svg) no-repeat center, #f9f9f9;
    background-size: 8px 15px;
    border-radius: 5px;
}

.reviews-modal_input,
.reviews-modal_textarea {
    padding: 15px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    border: none;
    background: #f9f9f9;
}

.reviews-modal_textarea {
    resize: vertical;
    max-height: 150px;
    min-height: 50px;
}

.reviews-modal_input::placeholder,
.reviews-modal_textarea::placeholder {
    color: #a4a4a4;
}

.reviews-modal_section {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.reviews-modal_subtitle {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}

.reviews-modal_file-label {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    line-height: 16px;
    font-weight: 600;
    padding: 10px;
    border: 1px solid #5a88f7;
    color: #5a88f7;
    border-radius: 5px;
    width: 100%;
    cursor: pointer;
    transition: all 0.2s;
}

.reviews-modal_file-label:hover {
    background: #5a88f7;
    color: #fff;
}

.reviews-modal_file-input {
    display: none !important;
}

.reviews-modal_line {
    border-color: #ececec;
    margin: 0;
}

.reviews-modal_captcha {
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
}

.reviews-modal_captcha-image {
    width: 240px;
}

.reviews-modal_captcha-remake {
    width: 40px;
    height: 40px;
    border: none;
    background: url(/local/templates/promolink/./img/icons/reload.svg) no-repeat center, #f9f9f9;
    background-size: 24px contain;
    border-radius: 5px;
}

.reviews-modal_submit {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    color: #fff;
    background: #5a88f7;
    border: none;
    box-shadow: 0px 4px 10px 0px #2040930d;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    padding: 10px;
}

.reviews-modal-stars {
    flex-direction: row-reverse;
    justify-content: start;
    width: max-content;
}

.reviews-modal-star {
    cursor: pointer;
}

.reviews-modal-star input {
    display: none;
}

.reviews-modal-star:hover,
.reviews-modal-star:hover~.reviews-modal-star,
.reviews-modal-star:has(input:checked),
.reviews-modal-star:has(input:checked)~.reviews-modal-star {
    filter: brightness(0) saturate(100%) invert(52%) sepia(31%) saturate(4903%) hue-rotate(204deg) brightness(100%) contrast(95%);
}

@media (max-width: 768px) {
    .reviews-modal {
        margin: 0 !important;
        width: 100%;
        height: max-content;
    }
}

.seo-block {
    display: grid;
    background: var(--white);
    box-shadow: 0px 5.17px 25.83px 0px rgba(48, 78, 153, 0.141);
    border-radius: 10px;
    overflow: hidden;
    grid-template-columns: 1fr 445px;
    grid-template-rows: auto 1fr;
    gap: 20px;
}

.seo-block:not(:has(.seo-block_image-box)) {
    grid-template-columns: 1fr;
}

.seo-block:not(:has(.seo-block_image-box)) .seo-block_title {
    padding: 25px 25px 0;
}

.seo-block:not(:has(.seo-block_image-box)) .seo-block_text {
    padding: 0 25px 25px;
}

.seo-block:not(:has(.seo-block_title)) .seo-block_text {
    padding: 25px 25px 0 25px;
}

.seo-block:not(:has(.seo-block_image-box)):not(:has(.seo-block_title)) {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
}

.seo-block:not(:has(.seo-block_image-box)):not(:has(.seo-block_title)) .seo-block_text {
    padding: 25px;
}

.seo-block_title {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    color: #064fff;
    padding-top: 25px;
    padding-left: 25px;
}

.seo-block_text {
    padding-bottom: 25px;
    padding-left: 25px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.seo-block_image-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
    grid-row: 1 / span 2;
    grid-column: 2;
}

.seo-block_image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.seo-block_image-mobile {
    display: none;
}

@media (max-width: 1200px) and (min-width: 1024px),
(max-width: 768px) {
    .seo-block {
        grid-template-columns: 1fr 180px;
        grid-template-rows: auto 1fr;
    }

    .seo-block:not(:has(.seo-block_image-box)) {
        grid-template-columns: 1fr;
    }

    .seo-block:not(:has(.seo-block_image-box)) .seo-block_title {
        padding: 25px 25px 0;
    }

    .seo-block:not(:has(.seo-block_image-box)) .seo-block_text {
        padding: 0 25px 25px;
    }

    .seo-block:not(:has(.seo-block_title)) {
        grid-template-columns: 1fr;
    }

    .seo-block:not(:has(.seo-block_title)) .seo-block_text {
        padding: 0 25px 25px 25px;
    }

    .seo-block:not(:has(.seo-block_image-box)):not(:has(.seo-block_title)) {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
    }

    .seo-block:not(:has(.seo-block_image-box)):not(:has(.seo-block_title)) .seo-block_text {
        padding: 25px;
    }

    .seo-block_image-box {
        width: 180px;
        height: 90px;
        grid-row: 1;
        grid-column: 2;
    }

    .seo-block_image {
        display: none;
    }

    .seo-block_image-mobile {
        display: block;
        width: 180px;
        height: 90px;
        object-fit: cover;
    }

    .seo-block_text {
        grid-column: span 2;
        padding: 25px;
    }

    #bottom-mask {
        display: none;
    }
}

.old_price {
    font-size: 14px;
    font-weight: 300;
    text-decoration: line-through;
}

.order-seved {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.order-seved * {
    margin: 0;
    max-width: 600px;
}

.order-seved_title {
    font-size: 25px;
}

.order-seved_note {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}

.order-seved_number {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.order-seved_number-title {
    font-size: 18px;
    font-weight: 600;
}

.order-seved_number-value {
    padding: 5px 15px;
    background: rgba(32, 64, 147, 0.051);
    font-size: 30px;
    font-weight: 700;
    border-radius: 15px;
}

.order-seved~.fancybox-close-small {
    display: none;
}

.compare {
    margin-bottom: 40px;
    overflow-x: auto;
}

.compare_wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: max-content;
}

.compare-products {
    display: flex;
    gap: 10px;
}

.compare-products .product-item-container {
    max-width: 508px;
    position: relative;
    padding-top: 40px;
}

.compare-products .item {
    position: relative;
    z-index: 1;
    width: max-content;
    max-width: 508px;
}

.compare_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 40px;
    position: absolute;
    width: 100%;
}

.compare_title-text {
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    margin: 0;
}

.compare_title-button {
    background: linear-gradient(270deg, #82a5ff 0%, #4b7eff 100%);
    color: var(--white);
}

.compare_title-button:hover,
.compare_title-button:focus,
.compare_title-button:visited {
    text-decoration: none;
    color: var(--white);
    filter: brightness(1.1);
}

.compare_section {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.compare-table {
    display: flex;
    flex-direction: column;
    background: var(--white);
    margin-top: 55px;
}

.compare-table_row {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 15px 22px;
    border-bottom: 1px solid #99b7ff;
    position: relative;
}

.compare-table_row:last-child {
    border-bottom: none;
}

.compare-table_row-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    position: sticky;
    left: 22px;
    width: max-content;
}

.compare-table_row-values {
    display: flex;
    gap: 10px;
}

.compare-table_row-value {
    width: 100%;
    display: flex;
    gap: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #6c6c6c;
    min-width: 508px;
}

.compare-table_row-value:first-child,
.compare-table_row-value:last-child {
    min-width: 428px;
}

.compare-table_row-value::before {
    content: "";
    display: block;
    height: 100%;
    border-left: 1px dashed #99b7ff;
}

.compare-table_row-value:first-child::before {
    content: none;
}

.compare_delete-button {
    position: absolute;
    padding: 10px 20px 20px;
    top: 0;
    right: 0;
    background: #fff;
    box-shadow: 0px 4px 10px 0px rgba(32, 64, 147, 0.05);
    z-index: 0;
    border-radius: 10px 10px 0 0;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--chern);
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}

.compare_delete-button::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(/local/templates/promolink/img/icons/basket_delete.svg) no-repeat center/contain;
}

.compare-sections {
    display: flex;
    gap: 15px;
    margin-bottom: 30px;
    overflow: auto;
}

.compare-sections_button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 20px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 4px 10px 0px rgba(32, 64, 147, 0.05);
    cursor: pointer;
    color: #000;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    white-space: nowrap;
}

.compare-sections_button:hover,
.compare-sections_button:focus,
.compare-sections_button:active {
    background: #edf2fe;
    color: var(--chern);
    text-decoration: none;
}

.compare-sections_button.--selected {
    color: #fff;
    background: linear-gradient(270deg, #82a5ff 0%, #4b7eff 100%);
}

.compare-title {
    max-width: calc(100vw - 2 * var(--container-padding));
    font-size: 20px;

    padding: 10px 15px;
    font-weight: 700;

    text-align: center;
}

@media (max-width: 768px) {
    .compare_delete-button span {
        display: none;
    }

    .compare-products .product-item-container {
        max-width: 358px;
    }

    .compare-products .item {
        max-width: 358px;
    }
}

@media (max-width: 450px) {
    .compare-table_row-value {
        width: 200px;
        min-width: auto;
    }

    .compare-table_row-value:first-child,
    .compare-table_row-value:last-child {
        width: 178px;
        min-width: auto;
    }

    .compare-table_row-title {
        font-size: 14px;
    }

    .compare-products .product-item-container {
        max-width: 189px;
    }

    .compare-products .item {
        max-width: 189px;
    }
}

/* !new styles for FAQ */

.faq_top {
    display: flex;
    gap: 20px;
}

.faq_block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 25px;
    border-radius: 10px;
    background: var(--white);
    gap: 30px;
    box-shadow: 0px 4px 10px 0px rgba(48, 78, 153, 0.102);
}

.faq_block-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.faq_title {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
}

.faq_text {
    font-size: 18px;
    font-weight: 500;
    line-height: 21.78px;
}

.faq_image {
    justify-content: center;
    align-items: center;
    width: 30%;
    flex-shrink: 0;
    padding: 0 25px;
    background: #b8cdff;
}

.faq_image img {
    max-width: 80%;
    max-height: 80%;
    object-fit: contain;
}

.faq_button {
    background: linear-gradient(180deg, #5a88f7 0%, #064fff 100%);
    color: var(--white);
    border: none;
    border-radius: 10px;
}

.questions {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    overflow: hidden;
}

.questions_item {
    background: var(--white);
    border-bottom: 1px solid #a4a4a4;
}

.questions_item-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 25px;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    transition: all 0.3s;
    cursor: pointer;
}

.questions_item-top::after {
    content: "";
    display: block;
    height: 13px;
    width: 7px;
    background: url(/local/templates/promolink/img/icons/arrow-gray.svg);
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(90deg);
    transition: all 0.3s;
}

.questions_item-content {
    max-height: 0;
    overflow: hidden;
    padding: 0 25px;
    font-family: Inter;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.78px;
    color: var(--chern);
    transition: all 0.3s;
}

.questions_item:last-child {
    border-bottom: none;
}

.questions_item.--active .questions_item-top {
    padding: 20px 25px;
}

.questions_item.--active .questions_item-top::after {
    transform: rotate(270deg);
}

.questions_item.--active .questions_item-content {
    max-height: 100vh;
    padding: 10px 25px 30px 25px;
    box-shadow: inset 0 0 10px 4px rgba(48, 78, 153, 0.102);
}

.faq_mobile-image {
    display: none;
}

@media (max-width: 1200px) and (min-width: 1024px),
(max-width: 768px) {
    .faq_top {
        overflow: hidden;
        background: var(--white);
        border-radius: 10px;
    }

    .faq_block {
        position: relative;
        background: none;
    }

    .faq_image {
        display: none;
    }

    .faq_block-container {
        gap: 10px;
    }

    .faq_text {
        max-width: 70%;
    }

    .faq_button {
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .faq_mobile-image {
        display: block;
        position: absolute;
        height: 50%;
        object-fit: contain;
        right: -15px;
        top: 5%;
    }
}

@media (max-width: 768px) {
    .faq_text {
        font-size: 12px;
    }

    .faq_title {
        font-size: 19px;
    }

    .faq_button {
        font-size: 16px;
    }

    .questions_item-top::after {
        width: 20px;
        height: 20px;
    }
}

.similar {
    max-width: calc(100vw - (2 * var(--container-padding)));
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 20px;
    box-shadow: 0px 5.17px 25.83px 0px rgba(48, 78, 153, 0.141);
    background: #fff;
    border-radius: 10px;
}

.items__content--vertical .similar {
    grid-column: 1 / -1;
}

.similar_title {
    display: flex;
    justify-content: space-between;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
}

.similar_close {
    width: 15px;
    height: 15px;
    background: url(/local/templates/promolink/img/icons/close.svg) no-repeat center/ contain;
    cursor: pointer;
}

.similar_content {
    max-width: 100%;
}

.similar_content .swiper-wrapper {
    align-items: stretch !important;
}

.similar_card {
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    box-shadow: 0px 5.17px 22.4px 0px rgba(48, 78, 153, 0.141);
    border-radius: 13px;
    background: #fff;
    justify-content: space-between;
}

.similar_card-info {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.similar_card-name {
    font-size: 16px;
    font-weight: 600;
    line-height: 19.36px;
}

.similar_card-image {
    width: 100%;
    height: 215px;
    object-fit: contain;
}

.review_modal {
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 700px;
}

.review_modal-title {
    display: flex;
    gap: 15px;
    align-items: center;
}

.review_modal-title_stars {
    display: flex;
    gap: 5px;
    align-items: center;
}

.review_modal-title_text {
    font-size: 20px;
    font-weight: 700;
}

.swiper-reviews__button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #007aff;
    z-index: 10;
    border-radius: 100%;
}

.swiper-reviews__button::before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: url(/local/templates/promolink/img/icons/arrow.svg) no-repeat center/contain;
}

.swiper-reviews__button.--hide {
    display: none;
}

.swiper-reviews__prev {
    left: -12.5px;
    transform: translateY(-50%) rotate(180deg);
}

.swiper-reviews__next {
    right: -12.5px;
}

.tippy-content {
    text-align: center;
}

.basket-items-list-wrapper,
.basket-items-list-wrapper-compact {
    border: none !important;
}

.__jivoMobileButton {
    z-index: 5 !important;
}

@media only screen and (max-width: 700px) {
    .__jivoMobileButton>jdiv {
        margin-bottom: 100px !important;
    }
}

.wrap__yITCb {
    z-index: 500 !important;
}

.advantages {
    display: flex;
    gap: 12px;
}

.advantages_item {
    flex-basis: 25%;
    overflow: hidden;
    border-radius: 7px;
    box-shadow: 0px 4px 10px 0px rgba(32, 64, 147, 0.05);
}

.advantages_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media only screen and (max-width: 700px) {
    .advantages {
        flex-wrap: wrap;
    }

    .advantages_item {
        flex-basis: calc(50% - 12px);
    }
}

.show_more {
    background: transparent;
    border: 1px solid #5a88f7;
    color: #5a88f7;
    width: 100%;
}

.feadback-form {
    display: flex;
    gap: 10px;
    padding: 25px;
    background: white;
    border-radius: 10px;
    box-shadow: 0px 4px 20px 0px rgba(48, 78, 153, 0.14);
}

.feadback-form_container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: calc(50% - 5px);
    justify-content: stretch;
}

.feadback-form_note {
    padding: 0;
    line-height: 100%;
    flex-shrink: 0;
}

.feadback-form_textarea-block {
    height: 100%;
}

.feadback-form_textarea {
    height: 100%;
    resize: none;
}

.feadback-form_button {
    width: 100%;
    max-height: 45px;
    flex-shrink: 0;
}

@media (max-width:1200px) and (min-width:1024px),
(max-width:768px) {
    .feadback-form {
        flex-direction: column;
    }

    .feadback-form_container {
        width: 100%;
    }
}

.captcha-container {
    display: flex;
    flex-direction: column;
    gap: 10;
}

.captcha-reload {
    padding: 10px !important;

    background-position: center;
    background-size: 80%;
    background-repeat: no-repeat;
    background-image: url(/local/templates/promolink/./img/icons/reload.svg)
}


@media print {

    .breadcrumbs,
    .content_right-block,
    .card__tools,
    .card__buttons,
    .menu-nav,
    .footer,
    .card__show-params,
    jdiv,
    .item__yandex-split,
    .card__credit,
    .card__tabs-top,
    .items,
    .banner,
    .button-blue.reviews_button,
    .header__menu,
    .header__search,
    .card-interface {
        display: none !important;
    }

    .header.--sticky {
        position: static;
    }

    .card__params:not(.--show) .card__param:nth-child(n + 11) {
        display: flex;
    }
}

.show-catalog {
    /* background: transparent;
    border: 1px solid #5a88f7;
    color: #5a88f7;
    width: 100%;
    padding: 7px 0;
    height: auto; */
}

@media (max-width:768px) {
    .show-catalog {
        width: 100%;
    }
}
/* End */


/* Start:/local/templates/promolink/css/tab.css?173701479178*/
.tabs__content--item{
  display: none;
}
.active-tab{
  display: block;
}
/* End */


/* Start:/local/templates/promolink/css/accordion.css?1737014791143*/
.accordion{
  cursor: pointer;
}

.accordion__content{
  display: none;
}

.accordion.accordion-active .accordion__content{
  display: block;
}
/* End */


/* Start:/local/templates/promolink/css/toast.css?17370147912635*/
:root {
    --toast-width: 270px;
    --toast-border-radius: 0.25rem;
    --toast-theme-default: #fff;
    --toast-theme-primary: #0d6efd;
    --toast-theme-secondary: #6c757d;
    --toast-theme-success: #198754;
    --toast-theme-danger: #dc3545;
    --toast-theme-warning: #ffc107;
    --toast-theme-info: #0dcaf0;
    --toast-theme-light: #f8f9fa;
    --toast-theme-dark: #222;
}

.toast-container {
    position: fixed;
    bottom: 15px;
    left: 15px;
    width: var(--toast-width);
    z-index: 20;
}

.toast {
    font-size: 13px;
    background-clip: padding-box;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    transition: 0.3s opacity;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.25);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    padding: 20px;
    min-width: 340px;
    opacity: 1;
}

.toast__link{
    min-width: max-content;
    height: 30px;
    background: #5A88F7;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    border-radius: 5px;
    padding: 0 30px;
}


.toast_default {
    color: #212529;
    background-color: var(--toast-theme-default);
}

.toast_primary {
    color: #fff;
    background-color: var(--toast-theme-primary);
}

.toast_secondary {
    color: #fff;
    background-color: var(--toast-theme-secondary);
}

.toast_success {
    color: #fff;
    background-color: var(--toast-theme-success);
}

.toast_danger {
    color: #fff;
    background-color: var(--toast-theme-danger);
}

.toast_warning {
    color: #212529;
    background-color: var(--toast-theme-warning);
}

.toast_info {
    color: #212529;
    background-color: var(--toast-theme-info);
}

.toast_light {
    color: #212529;
    background-color: var(--toast-theme-light);
}

.toast_dark {
    color: #fff;
    background-color: var(--toast-theme-dark);
}

.toast_primary .toast__close,
.toast_secondary .toast__close,
.toast_success .toast__close,
.toast_danger .toast__close,
.toast_dark .toast__close {
    filter: invert(1);
}

.toast:not(:last-child) {
    margin-bottom: 0.75rem;
}

.toast:not(.toast_show) {
    display: none;
}

.toast_showing {
    opacity: 0;
}

.toast__header {
    position: relative;
    padding: 0.5rem 2.25rem 0.5rem 1rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.toast__close:hover {
    opacity: 1;
}

@media (max-width: 1024px) {
    .toast-container{
        bottom: calc(15px + var(--menu-nav-height));
        left: calc(50%);
        transform: translateX(-50%);
    }
}
/* End */


/* Start:/local/templates/promolink/css/auth.css?17370147911946*/
.auth {
    display: none;
    border-radius: 10px;
    width: 370px;
}

.auth_title {
    font: 700 18px/20px "Inter";
    margin: 0 0 1.3vw;
}

.auth_form {
    display: flex;
    flex-direction: column;
}

.auth_form-section {
    display: flex;
    flex-direction: column;
    gap: .52vw;
    margin-bottom: 0.52vw;
}

.auth_error {
    margin: .52vw 0;
    color: var(--red);
    text-align: center;
    font-weight: 700;
}

.auth_button {
    width: 100% !important;
}

.auth_button:focus {
    outline: none;
}

.auth .fancybox-close-small::after {
    font-size: 30px;
    font-weight: 100;
    color: var(--red);
}

.auth_link {
    color: var(--blue);
    display: block;
    text-align: center;
    margin-top: 0.78vw;
}

.auth_checkbox.checkbox-block {
    padding: 0;
    background: none;
    margin-bottom: 0.52vw;
}

.captcha_block {
    position: relative;
}

.captcha_block .remakeCaptcha {
    margin-top: 2px;
    font-size: 0.9em;
    color: #999;
    cursor: pointer;
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Likely future */
}

.captcha_block.--preloader::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    border: 1px solid var(--blue);
    border-bottom: 0;
    animation: preloader infinite .5s;
}

.captcha_block #remakeCaptcha:hover {
    text-decoration: underline;
}

@media (max-width:1024px) {
    .auth {
        width: 450px;
    }

    .auth_form-section {
        margin-bottom: 15px;
        gap: 10px;
    }

    .auth_link {
        margin-top: 15px;
    }

    .auth_checkbox.checkbox-block {
        margin-bottom: 10px;
    }
}

@media (max-width:768px) {
    .auth {
        width: 90%;
    }
}
/* End */


/* Start:/local/templates/promolink/components/promolink/search.title/top_m/style.css?17405624605662*/
.header__group {
	flex-grow: 1;
}

.bx-searchtitle {
	margin: 10px 0 0 auto;
	width: 80%;
}

@media (max-width:1024px) {
	.bx-searchtitle {
		width: 100%;
	}
}

.header__search {
	width: 100%;
}

.cshr_searche {
	display: flex;
	flex-direction: column;
	gap: 15px;
	max-height: 40vh;
	overflow: auto;
}

@media (max-width:500px) {
	.cshr_searche {
		max-height: 60vh !important;
	}

	.title-search-result {
		left: 0 !important;
		width: 100% !important;

	}
}


.bx-searchtitle .bx-block-title {
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	color: #343434;
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 9px;
}

.bx-searchtitle .bx-input-group {
	position: relative;
	display: table;
	border-collapse: separate;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.bx-searchtitle .bx-input-group {}

.bx-searchtitle .bx-input-group .bx-form-control {
	display: table-cell;
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #f8fafc;
	border: 1px solid #d5dadc;
	border-right: none;
	border-radius: 2px 0 0 2px;
	outline: none;
	box-shadow: none !important;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.bx-ios .bx-searchtitle .bx-input-group .bx-form-control {
	/* Fix of input shadow for IOS browsers. */
	background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%);
	background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%);
}

.bx-searchtitle .bx-input-group-btn {
	position: relative;
	font-size: 0;
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
	display: table-cell;
}

.bx-searchtitle .bx-input-group-btn button {
	position: relative;
	border: none;
	background: #95a1a8;
	display: inline-block;
	margin-bottom: 0;
	cursor: pointer;
	padding: 6px 12px;
	border-radius: 0 2px 2px 0;
	color: #fff;
	font-size: 16px;
	line-height: 1.42857143;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.bx-searchtitle .bx-input-group-btn button:hover {
	background: #1484CE;
}


div.title-search-result {
	border: 1px solid #c6c6c6;
	display: none;
	overflow: hidden;
	z-index: 999;
	min-width: 370px;
	margin-top: -3px;
	background-color: #FFF;
}

div.title-search-fader {
	display: none;
	background-image: url('/local/templates/promolink/components/promolink/search.title/top_m/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position: absolute;
}

p.title-search-preview {
	font-size: 12px;
}

div.title-search-result td.title-search-price span {
	font-size: 26px;
}

/*========================*/
.bx_searche {}

.bx_searche .bx_img_element {
	background: #fafafa;
	float: left;
	width: 67px;
	padding: 5px 10px;
	position: absolute;
	top: 0;
	bottom: 0;
}

.bx_searche .bx_item_block {
	min-height: 65px;
	position: relative
}

.bx_searche .bx_image {
	width: 45px;
	height: 45px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #e8e8e8;
}

.bx_searche .bx_item_element {
	/*float: left;*/
	padding-left: 10px;
	margin-left: 70px;
}

.bx_searche .bx_item_element hr {
	margin: 0;
	border: none;
	border-bottom: 1px solid #e5e5e5;
}

.bx_searche .bx_item_element a {
	margin-top: 10px;
	display: inline-block;
	color: #4788cb;
	font-size: 13px;
	text-decoration: none;
}

.bx_searche .bx_item_element a b {
	color: #000;
	font-weight: normal;
}

.bx_searche .bx_item_element a:hover,
.bx_searche .bx_item_element a:hover b {
	text-decoration: underline;
}

.bx_searche .bx_price {
	font-weight: bold;
	font-size: 13px;
}

.bx_searche .bx_price .old {
	font-weight: normal;
	text-decoration: line-through;
	color: #636363
}

.bx_item_block.all_result {
	min-height: 0
}

.bx_item_block.others_result {
	min-height: 0;
	padding: 0 0 12px;
	line-height: 12px;
}

.bx_item_block.all_result .all_result_title {
	display: block;
	font-size: 12px;
	color: #a7a7a7;
	padding-top: 15px;
	padding-bottom: 10px;
}

.bx_item_block.all_result .all_result_title a {
	color: #a7a7a7
}

.bx_item_block.all_result .all_result_title a:hover {
	color: #4788cb
}

.bx_item_block.all_result a {
	margin-top: 0;
}

.cshr_searche {
	display: flex;
	flex-direction: column;
	gap: 15px;
	max-height: 40vh;
	overflow: auto;
}

.cshr_searche::-webkit-scrollbar {
	width: 8px;
}

.cshr_searche::-webkit-scrollbar-thumb {
	border-radius: 20px;
	background: #5a88f7;
	border: 2px solid #f9fbff;
}

.cshr_block {
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #95a1a8;
}

.cshr_block:first-child {
	padding-top: 10px;
}

.cshr_block:last-child {
	border-bottom: none;
}

.cshr_list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.cshr_list_item {
	display: flex;
	gap: 10px;
	color: #000;
	align-items: center;
	padding: 0 10px;
}

.cshr_list_item_image {
	width: 50px;
	height: 50px;
	flex-shrink: 0;
}

.cshr_list_item_image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.cshr_list_item_title {
	font-size: 14px;
	font-weight: 600;
}

.cshr_list_item_subtitle {
	font-size: 10px;
	color: #95a1a8;
}

.--brands .cshr_list_item_subtitle {
	font-size: 12px;
	color: #343434;
}

.--products .cshr_list_item {
	height: max-content;
}
/* End */


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


/* Start:/local/templates/promolink/components/promolink/search.title/top/style.css?17405624565662*/
.header__group {
	flex-grow: 1;
}

.bx-searchtitle {
	margin: 10px 0 0 auto;
	width: 80%;
}

@media (max-width:1024px) {
	.bx-searchtitle {
		width: 100%;
	}
}

.header__search {
	width: 100%;
}

.cshr_searche {
	display: flex;
	flex-direction: column;
	gap: 15px;
	max-height: 40vh;
	overflow: auto;
}

@media (max-width:500px) {
	.cshr_searche {
		max-height: 60vh !important;
	}

	.title-search-result {
		left: 0 !important;
		width: 100% !important;

	}
}


.bx-searchtitle .bx-block-title {
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	color: #343434;
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 9px;
}

.bx-searchtitle .bx-input-group {
	position: relative;
	display: table;
	border-collapse: separate;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.bx-searchtitle .bx-input-group {}

.bx-searchtitle .bx-input-group .bx-form-control {
	display: table-cell;
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #f8fafc;
	border: 1px solid #d5dadc;
	border-right: none;
	border-radius: 2px 0 0 2px;
	outline: none;
	box-shadow: none !important;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.bx-ios .bx-searchtitle .bx-input-group .bx-form-control {
	/* Fix of input shadow for IOS browsers. */
	background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%);
	background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%);
}

.bx-searchtitle .bx-input-group-btn {
	position: relative;
	font-size: 0;
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
	display: table-cell;
}

.bx-searchtitle .bx-input-group-btn button {
	position: relative;
	border: none;
	background: #95a1a8;
	display: inline-block;
	margin-bottom: 0;
	cursor: pointer;
	padding: 6px 12px;
	border-radius: 0 2px 2px 0;
	color: #fff;
	font-size: 16px;
	line-height: 1.42857143;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.bx-searchtitle .bx-input-group-btn button:hover {
	background: #1484CE;
}


div.title-search-result {
	border: 1px solid #c6c6c6;
	display: none;
	overflow: hidden;
	z-index: 999;
	min-width: 370px;
	margin-top: -3px;
	background-color: #FFF;
}

div.title-search-fader {
	display: none;
	background-image: url('/local/templates/promolink/components/promolink/search.title/top/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position: absolute;
}

p.title-search-preview {
	font-size: 12px;
}

div.title-search-result td.title-search-price span {
	font-size: 26px;
}

/*========================*/
.bx_searche {}

.bx_searche .bx_img_element {
	background: #fafafa;
	float: left;
	width: 67px;
	padding: 5px 10px;
	position: absolute;
	top: 0;
	bottom: 0;
}

.bx_searche .bx_item_block {
	min-height: 65px;
	position: relative
}

.bx_searche .bx_image {
	width: 45px;
	height: 45px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #e8e8e8;
}

.bx_searche .bx_item_element {
	/*float: left;*/
	padding-left: 10px;
	margin-left: 70px;
}

.bx_searche .bx_item_element hr {
	margin: 0;
	border: none;
	border-bottom: 1px solid #e5e5e5;
}

.bx_searche .bx_item_element a {
	margin-top: 10px;
	display: inline-block;
	color: #4788cb;
	font-size: 13px;
	text-decoration: none;
}

.bx_searche .bx_item_element a b {
	color: #000;
	font-weight: normal;
}

.bx_searche .bx_item_element a:hover,
.bx_searche .bx_item_element a:hover b {
	text-decoration: underline;
}

.bx_searche .bx_price {
	font-weight: bold;
	font-size: 13px;
}

.bx_searche .bx_price .old {
	font-weight: normal;
	text-decoration: line-through;
	color: #636363
}

.bx_item_block.all_result {
	min-height: 0
}

.bx_item_block.others_result {
	min-height: 0;
	padding: 0 0 12px;
	line-height: 12px;
}

.bx_item_block.all_result .all_result_title {
	display: block;
	font-size: 12px;
	color: #a7a7a7;
	padding-top: 15px;
	padding-bottom: 10px;
}

.bx_item_block.all_result .all_result_title a {
	color: #a7a7a7
}

.bx_item_block.all_result .all_result_title a:hover {
	color: #4788cb
}

.bx_item_block.all_result a {
	margin-top: 0;
}

.cshr_searche {
	display: flex;
	flex-direction: column;
	gap: 15px;
	max-height: 40vh;
	overflow: auto;
}

.cshr_searche::-webkit-scrollbar {
	width: 8px;
}

.cshr_searche::-webkit-scrollbar-thumb {
	border-radius: 20px;
	background: #5a88f7;
	border: 2px solid #f9fbff;
}

.cshr_block {
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #95a1a8;
}

.cshr_block:first-child {
	padding-top: 10px;
}

.cshr_block:last-child {
	border-bottom: none;
}

.cshr_list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.cshr_list_item {
	display: flex;
	gap: 10px;
	color: #000;
	align-items: center;
	padding: 0 10px;
}

.cshr_list_item_image {
	width: 50px;
	height: 50px;
	flex-shrink: 0;
}

.cshr_list_item_image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.cshr_list_item_title {
	font-size: 14px;
	font-weight: 600;
}

.cshr_list_item_subtitle {
	font-size: 10px;
	color: #95a1a8;
}

.--brands .cshr_list_item_subtitle {
	font-size: 12px;
	color: #343434;
}

.--products .cshr_list_item {
	height: max-content;
}
/* End */


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


/* Start:/local/templates/promolink/components/bitrix/catalog.section.list/side_catalog/style.min.css?17370147916236*/
.bx_catalog_line{margin-bottom:30px}.bx_catalog_line .bx_catalog_line_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_line .bx_catalog_line_category_title a{color:#000;text-decoration:none}.bx_catalog_line .bx_catalog_line_ul{padding:0}.bx_catalog_line .bx_catalog_line_ul li{margin-bottom:20px;list-style:none}.bx_catalog_line .bx_catalog_line_ul li:before{content:''!important}.bx_catalog_line .bx_catalog_line_img{position:relative;display:block;float:left;overflow:hidden;margin-right:40px;width:125px;height:125px;border:1px solid #ccc;border-radius:2px;background-position:center;background-size:contain;background-repeat:no-repeat;-webkit-background-size:contain}.bx_catalog_line .bx_catalog_line_title{margin-bottom:10px;padding:0;vertical-align:top;line-height:18px}.bx_catalog_line .bx_catalog_line_title a{color:#4c7da6;font-size:18px}.bx_catalog_line .bx_catalog_line_title a:hover{text-decoration:none}.bx_catalog_line .bx_catalog_line_title span{font-size:16px}.bx_catalog_line .bx_catalog_line_description{color:#3f3f3f;font-size:13px;line-height:16px}@media(max-width:639px){.bx-touch .bx_catalog_line .bx_catalog_line_img{margin-right:10px;width:50px;height:50px}.bx-touch .bx_catalog_line .bx_catalog_line_title{margin-bottom:5px;line-height:14px}.bx-touch .bx_catalog_line .bx_catalog_line_title a{font-size:14px}.bx-touch .bx_catalog_line .bx_catalog_line_description{font-size:11px}}.bx_catalog_line .bx_catalog_line_img,.bx_catalog_line .bx_catalog_line_title,.bx_catalog_line .bx_catalog_line_title a,.bx_catalog_line .bx_catalog_line_description{transition:all .3s ease}.bx_catalog_text{margin-bottom:30px}.bx_catalog_text .bx_catalog_text_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_text .bx_catalog_text_category_title a{color:#000;text-decoration:none}.bx_catalog_text .bx_catalog_text_ul{padding:0}.bx_catalog_text .bx_catalog_text_ul li{float:left;margin:0 10px 10px;list-style:none}.bx_catalog_text .bx_catalog_text_ul li:before{content:''!important}.bx_catalog_text .bx_catalog_text_title{margin:0;padding:0;vertical-align:top;font-size:14px;line-height:14px}.bx_catalog_tile .bx_catalog_tile_title a{display:inline-block;overflow:hidden;max-width:100%;color:#4c7da6;-ms-text-overflow:ellipsis;text-overflow:ellipsis;font-size:14px}.bx_catalog_text .bx_catalog_text_title a:hover{text-decoration:none}.bx_catalog_text .bx_catalog_text_title span{font-size:12px}@media(max-width:639px){.bx-touch .bx_catalog_text .bx_catalog_line_title{margin-bottom:5px;line-height:12px}.bx-touch .bx_catalog_text .bx_catalog_line_title a{font-size:12px}}.bx_catalog_text .bx_catalog_line_title,.bx_catalog_text .bx_catalog_line_title a{transition:all .3s ease}.bx_catalog_tile{margin-bottom:30px}.bx_catalog_tile .bx_catalog_tile_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_tile .bx_catalog_tile_category_title a{color:#000;text-decoration:none}.bx_catalog_tile .bx_catalog_tile_ul{padding:0}.bx_catalog_tile .bx_catalog_tile_ul li{float:left;box-sizing:border-box;margin-bottom:20px;padding:0 10px;width:12.5%;list-style:none;text-align:center}.bx_catalog_tile .bx_catalog_tile_ul li:before{content:''!important}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:both}.bx_catalog_tile .bx_catalog_tile_img{position:relative;display:block;overflow:hidden;margin:0 auto;width:78px;height:78px;border:1px solid #ccc;border-radius:2px;background-color:#fff;background-position:center;background-size:contain;background-repeat:no-repeat;-webkit-background-size:contain}.bx_catalog_tile .bx_catalog_tile_title{margin-top:5px;margin-bottom:10px;padding:0;vertical-align:top;line-height:14px}.bx_catalog_tile .bx_catalog_tile_title a{color:#4c7da6;font-size:14px}.bx_catalog_tile .bx_catalog_tile_title a:hover{text-decoration:none}.bx_catalog_tile .bx_catalog_tile_title span{font-size:12px}@media(max-width:980px){.bx_catalog_tile .bx_catalog_tile_ul li{width:20%}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:both}}@media(max-width:639px){.bx-touch .bx_catalog_tile .bx_catalog_tile_title{margin-bottom:5px;line-height:14px}.bx-touch .bx_catalog_tile .bx_catalog_tile_title{line-height:10px}.bx-touch .bx_catalog_tile .bx_catalog_tile_title a{font-size:11px}}@media(min-width:480px) and (max-width:639px){.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:25%}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(4n+1){clear:both}}@media(max-width:479px){.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:33.3%}.bx-touch .bx_catalog_tile .bx_catalog_tile_img{width:100%;height:80px}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(3n+1){clear:both}}.bx_catalog_tile .bx_catalog_tile_title,.bx_catalog_tile .bx_catalog_tile_title a,.bx_catalog_tile .bx_catalog_tile_ul li,.bx_catalog_tile .bx_catalog_tile_img{transition:all .3s ease}.bx_sitemap{margin-bottom:30px}.bx_sitemap .bx_sitemap_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_sitemap .bx_sitemap_title a{color:#000;text-decoration:none}.bx_sitemap .bx_sitemap_ul li{padding:0;line-height:14px}.bx_sitemap .bx_sitemap_ul li:before{content:''!important}.bx_sitemap .bx_sitemap_li_title{display:inline-block;margin:0;margin-bottom:10px;padding:0;vertical-align:top;font-weight:normal;line-height:13px}.bx_sitemap .bx_sitemap_li_title a{color:#4c7da6;white-space:nowrap;font-size:13px}.bx_sitemap .bx_sitemap_li_title a:hover{text-decoration:none}.bx_sitemap .bx_sitemap_li_title span{font-size:11px}@media(max-width:639px){.bx-touch .bx_sitemap .bx_catalog_line_title{margin-bottom:5px;line-height:12px}.bx-touch .bx_sitemap .bx_catalog_line_title a{font-size:12px}}.bx_sitemap .bx_catalog_line_title,.bx_sitemap .bx_catalog_line_title a{transition:all .3s ease}
/* End */


/* Start:/local/templates/promolink/plugins/fancybox_3/jquery.fancybox.min.css?173701479010424*/
@charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f11;opacity:0;transition-timing-function:cubic-bezier(.55,.06,.68,.19);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container--ready .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-controls{position:absolute;top:0;left:0;right:0;text-align:center;opacity:0;z-index:99994;transition:opacity .2s;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;direction:ltr}.fancybox-show-controls .fancybox-controls{opacity:1}.fancybox-infobar{display:none}.fancybox-show-infobar .fancybox-infobar{display:inline-block;pointer-events:all}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-buttons{position:absolute;top:0;right:0;display:none;pointer-events:all}.fancybox-show-buttons .fancybox-buttons{display:block}.fancybox-slider-wrap{overflow:hidden;direction:ltr}.fancybox-slider,.fancybox-slider-wrap{position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch}.fancybox-slide:before{content:"";height:100%;width:0}.fancybox-slide:before,.fancybox-slide>*{display:inline-block;vertical-align:middle}.fancybox-slide>*{position:relative;padding:24px;margin:44px 0;border-width:0;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide--image{overflow:hidden}.fancybox-slide--image:before{display:none}.fancybox-content{display:inline-block;position:relative;margin:44px auto;padding:0;border:0;width:80%;height:calc(100% - 88px);vertical-align:middle;line-height:normal;text-align:left;white-space:normal;outline:none;font-size:16px;font-family:Arial,sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}.fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff}.fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe{background:transparent}.fancybox-placeholder{z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-image,.fancybox-placeholder,.fancybox-spaceball{position:absolute;top:0;left:0;margin:0;padding:0;border:0}.fancybox-image,.fancybox-spaceball{width:100%;height:100%;max-width:none;max-height:none;background:transparent;background-size:100% 100%}.fancybox-controls--canzoomOut .fancybox-placeholder{cursor:zoom-out}.fancybox-controls--canzoomIn .fancybox-placeholder{cursor:zoom-in}.fancybox-controls--canGrab .fancybox-placeholder{cursor:-webkit-grab;cursor:grab}.fancybox-controls--isGrabbing .fancybox-placeholder{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-spaceball{z-index:1}.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-error{position:absolute;margin:0;padding:40px;top:50%;left:50%;width:380px;max-width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .2s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-slide--video .fancybox-close-small{top:-36px;right:-36px;background:transparent}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-caption-wrap{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 0;z-index:99998;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));opacity:0;transition:opacity .2s;pointer-events:none}.fancybox-show-caption .fancybox-caption-wrap{opacity:1}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;width:44px;height:44px;line-height:44px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;background:transparent;color:#fff;box-sizing:border-box;vertical-align:top;outline:none}.fancybox-button--disabled{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover{background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;border-color:#fff;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button--disabled:after,.fancybox-button--disabled:before{opacity:.5}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close{float:right}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@media (max-width:800px){.fancybox-controls{text-align:left}.fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close){display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:15px;top:16px;border:2px solid;background:none}.fancybox-button--play:before{top:16px;left:18px;width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px;background:transparent}.fancybox-button--pause:before{top:16px;left:18px;width:7px;height:11px;border-style:solid;border-width:0 2px;background:transparent}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{top:20px;left:21px;width:3px;height:3px;box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:220px}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;z-index:99993;word-break:normal;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid #fff;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{display:none!important}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:0}}
/* End */


/* Start:/local/templates/promolink/plugins/simplebar/simplebar.min.css?17370147903269*/
[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:' ';display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:'';background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}

/* End */


/* Start:/local/templates/promolink/plugins/uniModal/unimodal.css?17370147902014*/
.unimodal {
    max-width: 390px;
    padding: 30px;
}
.unimodal .m_title {
    font-weight: 600;
    font-size: .9em;
}
.unimodal textarea {
    width: 100%;
    height: 90px;
    border: 1px solid rgba(0,0,0,0.2);
    margin: 0 auto 20px auto;
    box-sizing: border-box;
    padding: 5px;
}
.unimodal input[type="text"] {
    display: block;
    margin: 0 auto 20px auto;
    padding: 0px;
    border: none;
    width: 100%;
    height: 32px;
    padding-left: 5px;
    border: 1px solid rgba(0,0,0,0.2);
    box-sizing: border-box;
    outline: none;
}
.unimodal input[type=radio] {
    -webkit-appearance: radio;
}
.unimodal select {
    width: 100%;
    height: 32px;
    border: 1px solid rgba(0,0,0,0.2);
    margin: 0 auto 20px auto;
}
.unimodal .radio-wrap {
    /* border: 1px solid rgba(0,0,0,0.2); */
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    margin: 0 auto 20px auto;
}
.unimodal button {
    display: block;
    padding: 0px;
    border: none;
    background-image: -moz-linear-gradient( 90deg, rgb(234,57,58) 0%, rgb(255,108,107) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(234,57,58) 0%, rgb(255,108,107) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(234,57,58) 0%, rgb(255,108,107) 100%);
    width: 70%;
    height: 52px;
    color: #FFF;
    margin: 0 auto;
    border-radius: 4px;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    transition: all .3s;
}
.unimodal button:hover {
    opacity: .6;
}
.unimodal textarea.it_is_required,
.unimodal .radio-wrap.it_is_required {
    background-color: rgba(255,150,150, .2);
}
.unimodal .radio-wrap p {
    margin: 0 0 5px 0;
}
.unimodal .user_policy {
    padding: 1em 0 0 0;
    font-size: 0.8em;
    text-align: center;
}
.unimodal .cb-box-header {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px;
}
.unimodal .cb-box-alt {
    color: #8A8A8A;
    margin-bottom: 20px;
}
/* End */
/* /local/templates/promolink/styles.css?1750836656173791 */
/* /local/templates/promolink/css/tab.css?173701479178 */
/* /local/templates/promolink/css/accordion.css?1737014791143 */
/* /local/templates/promolink/css/toast.css?17370147912635 */
/* /local/templates/promolink/css/auth.css?17370147911946 */
/* /local/templates/promolink/components/promolink/search.title/top_m/style.css?17405624605662 */
/* /local/templates/promolink/components/bitrix/sale.basket.basket.line/bottom_nav/style.min.css?17370147904062 */
/* /local/templates/promolink/components/promolink/search.title/top/style.css?17405624565662 */
/* /local/templates/promolink/components/bitrix/sale.basket.basket.line/.default/style.min.css?17370147904062 */
/* /local/templates/promolink/components/bitrix/catalog.section.list/side_catalog/style.min.css?17370147916236 */
/* /local/templates/promolink/plugins/fancybox_3/jquery.fancybox.min.css?173701479010424 */
/* /local/templates/promolink/plugins/simplebar/simplebar.min.css?17370147903269 */
/* /local/templates/promolink/plugins/uniModal/unimodal.css?17370147902014 */