@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('../fonts/HelveticaNeueCyr-Medium.eot');
    src: local('HelveticaNeueCyr-Medium'),
    url('../fonts/HelveticaNeueCyr-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyr-Medium.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('../fonts/HelveticaNeueCyr-Heavy.eot');
    src: local('HelveticaNeueCyr-Heavy'),
    url('../fonts/HelveticaNeueCyr-Heavy.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyr-Heavy.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('../fonts/HelveticaNeueCyr-HeavyItalic.eot');
    src: local('HelveticaNeueCyr-HeavyItalic'),
    url('../fonts/HelveticaNeueCyr-HeavyItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyr-HeavyItalic.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('../fonts/HelveticaNeueCyr-Black.eot');
    src: local('HelveticaNeueCyr-Black'),
    url('../fonts/HelveticaNeueCyr-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyr-Black.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('../fonts/HelveticaNeueCyr-UltraLightItalic.eot');
    src: local('HelveticaNeueCyr-UltraLightItalic'),
    url('../fonts/HelveticaNeueCyr-UltraLightItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyr-UltraLightItalic.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr-UltraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('../fonts/HelveticaNeueCyr-BlackItalic.eot');
    src: local('HelveticaNeueCyr-BlackItalic'),
    url('../fonts/HelveticaNeueCyr-BlackItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyr-BlackItalic.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('../fonts/HelveticaNeueCyr-ThinItalic.eot');
    src: local('HelveticaNeueCyr-ThinItalic'),
    url('../fonts/HelveticaNeueCyr-ThinItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyr-ThinItalic.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('../fonts/HelveticaNeueCyr-MediumItalic.eot');
    src: local('HelveticaNeueCyr-MediumItalic'),
    url('../fonts/HelveticaNeueCyr-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyr-MediumItalic.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('../fonts/HelveticaNeueCyr-LightItalic.eot');
    src: local('HelveticaNeueCyr-LightItalic'),
    url('../fonts/HelveticaNeueCyr-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyr-LightItalic.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('../fonts/HelveticaNeueCyr-UltraLight.eot');
    src: local('HelveticaNeueCyr-UltraLight'),
    url('../fonts/HelveticaNeueCyr-UltraLight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyr-UltraLight.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr-UltraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('../fonts/HelveticaNeueCyr-BoldItalic.eot');
    src: local('HelveticaNeueCyr-BoldItalic'),
    url('../fonts/HelveticaNeueCyr-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyr-BoldItalic.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('../fonts/HelveticaNeueCyr-Italic.eot');
    src: local('HelveticaNeueCyr-Italic'),
    url('../fonts/HelveticaNeueCyr-Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyr-Italic.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr-Italic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('../fonts/HelveticaNeueCyr-Roman.eot');
    src: local('HelveticaNeueCyr-Roman'),
    url('../fonts/HelveticaNeueCyr-Roman.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyr-Roman.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr-Roman.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('../fonts/HelveticaNeueCyr-Bold.eot');
    src: local('HelveticaNeueCyr-Bold'),
    url('../fonts/HelveticaNeueCyr-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyr-Bold.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('../fonts/HelveticaNeueCyr-Light.eot');
    src: local('HelveticaNeueCyr-Light'),
    url('../fonts/HelveticaNeueCyr-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyr-Light.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('../fonts/HelveticaNeueCyr-Thin.eot');
    src: local('HelveticaNeueCyr-Thin'),
    url('../fonts/HelveticaNeueCyr-Thin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyr-Thin.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

/* Палитра сайта. Все цвета ниже подключены через var() по всему файлу. */
:root {
    /* Брендовые цвета */
    --mb-blue: #5da9e9;         /* синий: кнопки, ссылки, активные состояния */
    --mb-blue-dark: #4b98d6;    /* синий при наведении */
    --mb-red: #d95441;          /* красный: каталог, акценты, активная пагинация */
    --mb-red-dark: #c44736;     /* красный при наведении */
    --mb-green: #c1d550;        /* зелёный: корзина, «в наличии» */
    --mb-green-dark: #92a804;   /* насыщенный зелёный: текст и точки статусов */
    --mb-green-light: #f2f4df;  /* светлая зелёная подложка: «Быстрый заказ», «в наличии» */

    /* Текст */
    --mb-text: #222222;         /* основной текст */
    --mb-text-muted: #6b7280;   /* второстепенный текст */
    --mb-text-soft: #9ca3af;    /* подписи, артикулы, неактивное */
    --mb-black: #000000;

    /* Поверхности и границы */
    --mb-white: #ffffff;
    --mb-bg: #f7f8fa;           /* светлый фон блоков */
    --mb-bg-tint: #edf2f5;      /* фон тегов, фильтра, плашек с количеством */
    --mb-border: #eceef1;       /* тонкие рамки карточек */
    --mb-border-dark: #dfe3e6;  /* рамки и разделители потемнее */

    --mb-star: #fbbf24;         /* звёзды рейтинга */

    /* Фоны плиток категорий в корне каталога: брендовые цвета с прозрачностью 20% */
    --mb-tile-red: rgba(217, 84, 65, 0.2);
    --mb-tile-green: rgba(193, 213, 80, 0.2);
    --mb-tile-blue: rgb(222 240 255);

    --mb-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    --mb-radius: 10px;

    /* Иконка сравнения: три состояния по цвету (серый / синий / белый) */
    --mb-icon-compare: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cg fill='%236b7280'%3E%3Crect x='1' y='7' width='3' height='6' rx='1.5'/%3E%3Crect x='5.5' y='4' width='3' height='9' rx='1.5'/%3E%3Crect x='10' y='1' width='3' height='12' rx='1.5'/%3E%3C/g%3E%3C/svg%3E");
    --mb-icon-compare-blue: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cg fill='%234b98d6'%3E%3Crect x='1' y='7' width='3' height='6' rx='1.5'/%3E%3Crect x='5.5' y='4' width='3' height='9' rx='1.5'/%3E%3Crect x='10' y='1' width='3' height='12' rx='1.5'/%3E%3C/g%3E%3C/svg%3E");
    --mb-icon-compare-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cg fill='%23ffffff'%3E%3Crect x='1' y='7' width='3' height='6' rx='1.5'/%3E%3Crect x='5.5' y='4' width='3' height='9' rx='1.5'/%3E%3Crect x='10' y='1' width='3' height='12' rx='1.5'/%3E%3C/g%3E%3C/svg%3E");
    /* Красный вариант — для иконок на серой подложке-шестиугольнике в шапке */
    --mb-icon-compare-red: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cg fill='%23d95441'%3E%3Crect x='1' y='7' width='3' height='6' rx='1.5'/%3E%3Crect x='5.5' y='4' width='3' height='9' rx='1.5'/%3E%3Crect x='10' y='1' width='3' height='12' rx='1.5'/%3E%3C/g%3E%3C/svg%3E");
    /* Серая подложка-шестиугольник, общая для иконок хедера */
    --mb-icon-plate: url('../img/bk_header_icon.svg');
    /* Глифы хедера: сетка 46x46 как у подложки, поэтому оба слоя фона центрируются вместе.
       transform в каждом глифе ставит его центр в середину сетки и подгоняет размер. */
    --mb-icon-phone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' viewBox='0 0 46 46'%3E%3Cg transform='translate(23 23) scale(0.835) translate(-12.06 -11.96)' fill='none' stroke='%23d95441' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/g%3E%3C/svg%3E");
    --mb-icon-mail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' viewBox='0 0 46 46'%3E%3Cg transform='translate(23 23) scale(0.92) translate(-23 -24.25)'%3E%3Cpath fill='%23d95441' d='M14.8 17.4h16.4c1 0 1.8.8 1.8 1.8v10.1c0 1-.8 1.8-1.8 1.8H14.8c-1 0-1.8-.8-1.8-1.8V19.2c0-1 .8-1.8 1.8-1.8zm0 1.8v.7l8.2 5 8.2-5v-.7H14.8zm16.4 2.8-7.7 4.7c-.3.2-.7.2-1 0l-7.7-4.7v7.3h16.4v-7.3z'/%3E%3C/g%3E%3C/svg%3E");
    --mb-icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' viewBox='0 0 46 46'%3E%3Cg transform='translate(23 23) scale(0.98) translate(-23 -25)' fill='none' stroke='%23d95441' stroke-width='1.75'%3E%3Ccircle cx='23' cy='25' r='8.4'/%3E%3Cpath stroke-linecap='round' d='M23 19.4V25l3.6 2.2'/%3E%3C/g%3E%3C/svg%3E");
    --mb-icon-basket: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' viewBox='0 0 46 46'%3E%3Cg transform='translate(23 23) scale(0.86) translate(-23.25 -25.25)'%3E%3Cg fill='none' stroke='%23d95441' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.5 16.7h2.6l1.3 4.3'/%3E%3Cpath d='M17.4 21h15.6l-2.4 7.3H19.8L17.4 21z'/%3E%3C/g%3E%3Ccircle cx='21.5' cy='32' r='1.9' fill='%23d95441'/%3E%3Ccircle cx='28.8' cy='32' r='1.9' fill='%23d95441'/%3E%3C/g%3E%3C/svg%3E");
}

body {
    font-family: 'HelveticaNeueCyr', sans-serif;
    font-size: 15px;
    line-height: 20px;
    font-weight: normal;
    font-style: normal;
    padding: 0px;
    margin: 0px;
    background-position: center 172px;
    background-color: var(--mb-white);
    color: var(--mb-text);
}

a {
    color: var(--mb-text);
    text-decoration: none;
}

a:hover, a:active, a:focus {
    outline: none;
    text-decoration: none;
    color: var(--mb-text);
}

button:hover, button:active, button:focus {
    outline: none;
}

input:hover, input:active, input:focus {
    outline: none;
}

textarea:hover, textarea:active, textarea:focus {
    outline: none;
}

textarea {
    resize: none;
}

input, textarea, button {
    font-family: 'HelveticaNeueCyr', sans-serif;
}
.category-type__list.colFlex-2 > * {
    width: calc((100% - 16px) / 2);
    flex: 0 0 calc((100% - 16px) / 2);
    max-width: calc((100% - 16px) / 2);
    margin: 0;
}

.category-type__list.colFlex-2 {
    justify-content: flex-start;
    gap: 16px;
}

.category-type__list.colFlex-2 img.img-responsive{
    max-height: 270px;
}
.hex-frame {
    position: absolute;
    top: -3px;
    left: -3px;
    z-index: -1;
    max-height: 60px;
    max-width: 53px;
    width: 49px;
    height: 52px;
}

.header-basket__block a {
    position: relative;
}

h1, .h1 {
    font-size: 40px;
    line-height: 57px;
    display: inline-block;
    margin: 0px 0px 20px 0px;
    font-weight: 500;
    letter-spacing: -0.02em;
}

h1+sup{
    color: var(--mb-text-muted);
    font-weight: 300;
    font-size: 28px;
    /* padding-top: 10px; */
    position: relative;
    top: 5px;
    left: 10px;
}

h2, .h2 {
    font-size: 30px;
    line-height: 35px;
    display: block;
    margin: 0px 0px 30px 0px;
}

h3, .h3 {
    font-size: 20px;
    display: block;
    margin: 0px 0px 30px 0px;
}

* {
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
select.selector {display:none;}

.desktop-hide,
.no-desktop {
    display: none;
}
.clearfix {
    width: 100%;
    height: 1px;
    content: "";
    clear: both;
    display: table;
}
/* Контент */
.wrapper {
    max-width: 1460px;
    margin-right: auto;
    margin-left: auto;
    padding: 0px 20px;
}

.wrapper--relative {
    position: relative;
}

.wrapper__margin-bottom--50 {
    margin-bottom: 50px;
}

/* Контент */

/* Кнопки */
.button {
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    font-size: 15px;
    font-weight: bold;
    padding: 15px 30px;
    background-color: transparent;
    cursor: pointer;
    -webkit-transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease, box-shadow 200ms ease;
    -o-transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease, box-shadow 200ms ease;
    transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease, box-shadow 200ms ease;
    opacity: 1;
    white-space: nowrap;
    box-shadow: none;
}

.button:hover {
    text-decoration: none;
    opacity: 1;
}


.button-blue {
    color: var(--mb-white) !important;
    background-color: var(--mb-blue);
    border-color: var(--mb-blue);
    padding: 15px 41px;
}

.button-blue:hover {
    background-color: var(--mb-blue-dark) !important;
    border-color: var(--mb-blue-dark) !important;
    color: var(--mb-white) !important;
    box-shadow: none;
}

.button-blue_new {
    color: var(--mb-white);
    background-color: var(--mb-blue);
    border-color: var(--mb-blue);
    padding: 17px 30px;
}

@media (max-width: 450px) {
    .button-blue_new {
        color: var(--mb-white);
        background-color: var(--mb-blue);
        border-color: var(--mb-blue);
        padding: 17px 30vw;
    }
}

.button-black {
    color: var(--mb-white);
    background-color: var(--mb-text);
    border-color: var(--mb-text);
}

.container a.button-green,
.button-green {
    color: var(--mb-white);
    background-color: var(--mb-green);
    border-color: var(--mb-green);
}

.container a.button-green:hover,
.button-green:hover {
    background-color: var(--mb-green-dark);
    border-color: var(--mb-green-dark);
    color: var(--mb-white);
    box-shadow: none;
}

.container a.button-blue {
    color: var(--mb-white);
    background-color: var(--mb-blue);
    border-color: var(--mb-blue);
}

.button-red {
    color: var(--mb-white);
    background-color: var(--mb-red);
    border-color: var(--mb-red);
}

.button-red:hover {
    background-color: var(--mb-red-dark);
    border-color: var(--mb-red-dark);
    box-shadow: none;
}

.button-grey {
    color: var(--mb-white);
    background-color: var(--mb-text-muted);
    border-color: var(--mb-text-muted);
}

.button-transparent {
    background-color: transparent;
}

.button-transparent.button-red,
.button-transparent.button-font--red {
    background-color: transparent;
    color: var(--mb-red);
}

.button-transparent.button-red:hover,
.button-transparent.button-font--red:hover {
    background-color: var(--mb-red);
    color: var(--mb-white);
    border-color: var(--mb-red);
}

/* «Выбрать замену» — как «Сбросить». «Быстрый заказ» тоже button-red, его не красим. */
.product .button.button-transparent.button-red:not(.buy_one_click_button), .product .button.button-transparent.button-font--red:not(.buy_one_click_button) {
    background: rgba(217, 84, 65, 0.2);
    border: 1px solid transparent;
    color: var(--mb-red);
}

.product .button.button-transparent.button-red:not(.buy_one_click_button):hover, .product .button.button-transparent.button-font--red:not(.buy_one_click_button):hover {
    background: var(--mb-red);
    border-color: var(--mb-red);
    color: var(--mb-white);
}

.button-font--red {
    color: var(--mb-red);
}

.button-font--blue {
    color: var(--mb-blue);
}

.button-font--grey {
    color: var(--mb-text-muted);
}

.button-icon--ok:after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 10px;
    background: url('../img/icon-ok.png');
    margin-left: 10px;
}

.button-icon--compare:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: var(--mb-icon-compare);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    margin-right: 10px;
    vertical-align: middle;
}
.button-icon--print:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 17px;
    background: url('../img/icon-print.png');
    margin-right: 7px;
    vertical-align: middle;
}

.button--nobg {
    background-color: transparent;
}

.button.disabled {
    -webkit-filter: grayscale(80%);
    filter: grayscale(80%);
    cursor: inherit;
}
.button.disabled:hover {
    opacity:1;
}

/* Кнопки */

/* Шапка */
header {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 25;
    width: 100%;
    background-color: var(--mb-white);
    box-shadow: none;
}

header:before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    top: 0px;
    height: 6px;
    background: url('../img/line-bg.png') top left repeat-x;
}

.header__wrapper {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 4px;
    margin-bottom: 4px;
}

.header__logo-link {
    width: 220px;
    height: 85px;
    -webkit-transition: height 1s;
    -o-transition: height 1s;
    transition: height 1s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (min-width: 1024px) and (max-width: 1140px) {
    .header__logo-link {
        width: 200px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.header__logo-link > img {
    max-width: 100%;
    width: inherit;
    max-height: none;
}

/*Новогоднее оформление*/

.header-small .header__logo-link {
    align-items: center;
    height: 50px;
}

.new_year_absolute {
    position: absolute;
    top: -10px;
}
.new_year_absolute.igrushka_1 {
    left: 50%;
    /*transform: translate(-50%,0);*/
    margin-left: -30px;
    pointer-events: none;
}
.new_year_absolute.igrushka_2 {
    right: 0%;
}
@media (max-width: 1630px) {
    .new_year_absolute.igrushka_2 {
        display: none;
    }
}
@media (max-width: 740px) {
    header .header__logo-link {
        /*height: 85px;*/
    }
    .product__cart-control {
        margin: 0 1em;
    }
    .footer__copyright .footer__wrapper-right {
        flex: auto;
    }
    div.footer__copyright {
        margin: 40px 0 50px 0;
    }
    .regioningekran a {
        font-size: 13px;
        line-height: 1;
    }
}
/*Новогоднее оформление*/
@media (max-width: 1140px) {
    /* .header__logo-link > img {
		margin-top: 10px;
		} */
}
.header__mail-div {
    padding: 10px 0;
    padding-left: 55px;
    background: var(--mb-icon-mail) left center no-repeat, var(--mb-icon-plate) left center no-repeat;
    background-size: 54px 54px, 54px 54px;
}
.header__phone-div {
    padding: 10px 0;
    padding-left: 55px;
    background: var(--mb-icon-phone) left center no-repeat, var(--mb-icon-plate) left center no-repeat;
    background-size: 54px 54px, 54px 54px;
}

.header__phone-div a:hover, .header__mail-div a:hover {
    text-decoration: underline;
}

.header__phone-num, .header__mail-num {
    display: block;
    padding: 5px 0;
}

.header__phone-map {
    display: block;
    color: var(--mb-blue);
    background: url('../img/icon-map.png') center left no-repeat;
    padding-left: 22px;
    -webkit-transition: display 1s;
    -o-transition: display 1s;
    transition: display 1s;
    font-size: 13px;
}

@media (max-width: 1180px) {
    .header__time {
        display: none;
    }
}
.header__time-div {
    padding-left: 55px;
    background: var(--mb-icon-time) left center no-repeat, var(--mb-icon-plate) left center no-repeat;
    background-size: 54px 54px, 54px 54px;
    font-size: 15px;
}

.header__time-div > strong {
    display: block;
    padding: 5px 0;
}

.header__time-shedule {
    -webkit-transition: display 1s;
    -o-transition: display 1s;
    transition: display 1s;
}

/* Шапка */

/* Фиксированное меню */
.header-small .header__wrapper {
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 10px 0;
}

.header-small .header__phone-map {
    display: none;
}

.header-small .header__phone {
    line-height: 20px;
}

.header-small .header__time-div {
    line-height: 50px;
}

.header-small .header__time-shedule {
    display: none;
}

/* Фиксированное меню */

/* Корзина */
.header-basket__block {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.header-basket__block-icon {
    position: relative;
    background: var(--mb-icon-basket) center center no-repeat, var(--mb-icon-plate) center center no-repeat;
    background-size: 54px 54px, 54px 54px;
    width: 48px;
    height: 50px;
    margin-right: 16px;
}

.header-basket__block-counter {
    /*
	display: none;
	position: absolute;
	top: 0px;
	right: -10px;
	border: 1px solid var(--mb-border);
	border-radius: 50px;
	font-size: 12px;
	padding: 0px 6px;
	background-color: var(--mb-white);*/
}
/* --- .count: общий бейдж количества — вставляй куда угодно --- */
.count {
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    padding: 2px 8px;
    border: 1px solid var(--mb-border);
    border-radius: 8px;
    background-color: var(--mb-white);
    color: var(--mb-text);
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    vertical-align: middle;
}

/* Шапка: те же кегль/цвет, что у .count; только позиция и форма */
.order_item_count,
.compare_item_count {
    font-size: 13px;
    font-weight: 600;
    color: var(--mb-text);
}
.order_item_count,
.header_compare .compare_item_count {
    position: absolute;
    top: 0;
    right: -10px;
    border: 1px solid var(--mb-border-dark);
    border-radius: 50px;
    padding: 0 6px;
    background-color: var(--mb-white);
}
.js-cart .order_item_count {
    display: none;
}

/* megabig на главной — крупнее поверх фото */
.category__list-megabig .count {
    padding: 4px 12px;
    border: 0;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.92);
    color: var(--mb-text-muted);
    font-size: 20px;
    line-height: 24px;
}
.header-basket__block-title {
    font-size: 15px;
    color: var(--mb-black);
}

/* Корзина */

/* Меню */
nav {
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    position: relative;
    background: var(--mb-white);
    border-bottom: 1px solid var(--mb-border);
    box-shadow: none;
}

.nav {
    list-style: none;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 93px;
    margin-bottom: 12px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.nav > li {
    width: auto;
    max-width: none;
    text-align: center;
    cursor: pointer;
    padding: 12px 12px;
}

.nav > li:hover:not(.nav__catalog) {
    /*background: var(--mb-bg);
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;*/
}
.nav > li:hover > a {
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    color: var(--mb-text);
    text-decoration: none;
}

.nav > li > a {
    font-size: 15px;
    font-weight: 500;
    color: var(--mb-text);
}


.nav > li.nav__catalog {
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    width: 290px;
    max-width: 290px;
    flex-basis: 290px;
}

.nav > li.nav__search {
    width: 35%;
    max-width: 500px;
    margin-left: 30px;
    margin-right: auto;
    padding: 0;
}

.nav__catalog {
    color: var(--mb-white);
    font-weight: bold;
    cursor: pointer;
    background: var(--mb-red);
    width: 290px;
}

.nav .nav__catalog > a {
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 14px;
    color: var(--mb-white);
}

.nav__catalog > img {
    display: inline;
    margin-right: 1em;
    filter: brightness(6);
}



.nav__search {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 345px;
    min-width: 150px;
}

.nav__search form {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--mb-bg);
    border: 1px solid transparent;
    border-radius: 12px;
    padding: 12px 16px;
}

.nav__search input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    background: transparent;
    border: 0px;
    font-size: 15px;
}

.nav__search input::-webkit-input-placeholder {
    color: var(--mb-text-muted);
}

.nav__search input:-ms-input-placeholder {
    color: var(--mb-text-muted);
}

.nav__search input::-ms-input-placeholder {
    color: var(--mb-text-muted);
}

.nav__search input::placeholder {
    color: var(--mb-text-muted);
}

.nav__search button {
    display: block;
    width: 15px;
    height: 16px;
    background: transparent url('../img/icon-search-submit.png') center center no-repeat;
    border: 0px;
    cursor: pointer;
}

/* Меню */

/* Скелет страницы */
.main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.main-block {
    width: 290px;
    margin-right: 30px;
}
.main-block .menu{
    width: 100%;
}

.main-block .menu-mobile {
    width: 100% ;
}
.main-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    padding-bottom: 30px;
}

/* Скелет страницы */

/* Меню */
.menu {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: block;
    background-color: var(--mb-white);
    margin-bottom: 40px;
    background: var(--mb-white);
    border: 1px solid var(--mb-border);
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

.menu > li {
    border-top: 0px;
    border: 0;
    border-bottom: 1px solid var(--mb-border);
}

.menu > li > a {
    display: block;
    font-size: 16px;
    background-position: 15px 50%;
    background-repeat: no-repeat;
    -webkit-transition: padding-left linear 300ms, color linear 200ms;
    -o-transition: padding-left linear 300ms, color linear 200ms;
    transition: padding-left linear 300ms, color linear 200ms;
    padding: 13px 16px 13px 50px;
    font-weight: 500;
    color: var(--mb-text);
}

.menu > li > a:hover {
    text-decoration: none;
    color: var(--mb-text);
    background-color: var(--mb-bg);
    padding-left: 50px;
}

.menu > li > a.menu-markdown {
    color: var(--mb-red);
}

.menu-mobile--inner {
    position: absolute;
    display: none;
    z-index: 1;
}

/* Меню */

/* Блок новостей */
.news {
    padding-bottom: 30px;
}

.news img {
    max-width: 100%;
    height: 100%;
}


/* Плашка даты — .news-date (карточки) и .news_date (страница новости / rubric_item) */
.news-date,
.news_date {
    display: inline-block;
    width: fit-content;
    max-width: 100%;
    margin: 10px 0 6px;
    padding: 1px 7px;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0;
    text-transform: none;
    text-align: left;
    color: var(--mb-text-muted);
    background-color: var(--mb-bg-tint) !important;
    border-radius: 8px;
}

.news-title {
    display: block;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--mb-text);
}

.news-title:hover {
    color: var(--mb-blue);
    text-decoration: none;
}

.news-text {
    font-size: 13px;
    line-height: 1.45;
    color: var(--mb-text-muted);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Блок новостей */

/* Подвал */
footer {
    background: url('../img/footer-bg-left.png') bottom left no-repeat, url('../img/footer-bg-right.png') bottom right no-repeat;
    background-color: #2b3035;
    padding: 50px 0px 30px 0px;
    color: #c5c9ce;
    margin-top: 24px;
}

footer:before {
    content: '';
    display: block;
    width: 100%;
    height: 6px;
    background: url('../img/line-bg.png') top left repeat-x;
    position: absolute;
    top: 0px;
}

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

.footer__wrapper-left {
    width: 340px;
    margin-right: 30px;
}

.footer__wrapper-right {
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
}

.footer-title {
    font-size: 14px;
    color: var(--mb-white);
    text-transform: uppercase;
    margin-bottom: 25px;
}

.footer-time {
    margin-bottom: 25px;
}

.footer-phone {
    display: block;
    font-size: 20px;
    color: var(--mb-white);
    font-weight: bold;
    margin-bottom: 15px;
}

.footer-phone:hover {
    text-decoration: underline;
}

.footer__copyright {
    border-top: 1px solid #5f6265;
    margin-top: 40px;
    padding-top: 17px;
    font-size: 12px;
    color: var(--mb-text-muted);
}

.footer__copyright-politic {
    font-size: 13px;
    color: var(--mb-text-soft);
}

.footer-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer-list div:first-of-type {
    width: 80%;
}
.footer-list div:last-of-type {
    width: 20%;
}
.footer-menu {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.footer-menu > li {
    width: 50%;
    padding-bottom: 19px;
}

.footer-menu > li > a {
    color: var(--mb-text-soft);
}

.footer-menu > li > a:hover {
    text-decoration: underline;
}

.footer-menu--info > li {
    width: 100%;
}

.footer-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 40px;
}

.footer-social > a {
    margin: 0px 10px;
}

.footer-social > a:first-child {
    margin-left: 0px;
}

.footer-social > a:last-child {
    margin-right: 0px;
}

/* Подвал */

/* Слайдер */
.bx-wrapper {
    margin-bottom: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0px;
    background: transparent;
}
/* Когда карточек меньше, чем помещается, bxSlider сужает .bx-wrapper через max-width.
   margin: 0 auto центрировал эту узкую обёртку — прижимаем к левому краю. */
.bx-wrapper.bx-catalog {
    margin-left: 0 !important;
    margin-right: auto !important;
}

.bx-wrapper .bx-controls-direction a {
    top: 50%;
    margin-top: 0px;
    width: 50px;
    height: 50px;
    z-index: 1;
    border-radius: 10px;
    opacity: 1;
}

.bx-wrapper .bx-prev {
    left: 10px;
    background: var(--mb-white) url(../img/bx-prev.png) center center no-repeat;
}

.bx-wrapper .bx-next {
    right: 10px;
    background: var(--mb-white) url(../img/bx-next.png) center center no-repeat;
}

.bx-wrapper .bx-prev:focus, .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:focus, .bx-wrapper .bx-next:hover {
    opacity: 0.6;
    background-position: center center;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: transparent;
    border-radius: 50px;
    border: 2px solid var(--mb-white)
}

.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: var(--mb-white);
}

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

/* Слайдер */

/* Этапы работ */
.works-wrapper {
    background-color: transparent;
    margin-top: 8px;
}

.works-wrapper .wrapper {
    position: relative;
    padding-top: 24px;
    padding-bottom: 28px;
}

.works__slider {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.works__slider > li {
    background-color: var(--mb-white);
    padding: 30px 30px 40px 30px;
    min-height: 310px;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
}

.works__slider-image {
    height: 170px;
    background-position: center center;
    background-repeat: no-repeat;
}

.works__slider-title {
    font-size: 20px;
    color: var(--mb-black);
    margin-bottom: 20px;
}

.works__slider-text {
    color: var(--mb-text-muted);
}

.bx-works .bx-controls-direction a {
    top: 0%;
    margin-top: -70px;
}

.bx-works .bx-prev {
    left: unset;
    right: 55px;
}

.bx-works .bx-next {
    right: 0px;
}

/* Этапы работ */

/* Каталог */
.catalog__slider {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.catalog__slider > li {
    width: 100%;
    max-width: 33.33%;
    -webkit-box-sizing: border-box;
    position: relative;
    background-color: var(--mb-white);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: var(--mb-white);
    border: 1px solid var(--mb-border);
    border-radius: 12px;
    box-shadow: none;
    padding: 16px 14px 14px;
    box-sizing: border-box;
    -webkit-transition: box-shadow 0.2s ease;
    -o-transition: box-shadow 0.2s ease;
    transition: box-shadow 0.2s ease;
}

.catalog__slider.h7catalog > li {
    max-width: 24.33%;
}
.catalog__slider-title--mobile {
    display: none;
}

@media (max-width: 1366px) {
    .catalog__slider > li {
        padding: 20px 15px;
    }
    .catalog__slider-title {
        font-size: 16px;
    }
    .catalog__slider-title--mobile {
        display: none;
    }
}
@media (max-width: 1140px) {
    .catalog__slider > li {
        max-width: 50%;
    }
    .catalog__slider.h7catalog > li {
        max-width: 50%;
    }

}
.catalog__slider-label {
    display: block;
    width: 50px;
    /* height: 52px; */
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    /*top: 30px;*/
    /*left: 30px;*/
    top: 15px;
    left: 15px;
    z-index: 9;
}

.catalog__slider-label--hit {
    background-color: var(--mb-green);
}

.catalog__slider-label--sale {
    background-color: var(--mb-red);
    padding-left: 0;
}

.catalog__slider-label--new {
    background-color: var(--mb-blue);
}

.gallery-wrap .catalog__slider-label {
    position: absolute;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.gallery-wrap .catalog__slider-label--sale,
.gallery-wrap .catalog__slider-label--hit,
.gallery-wrap .catalog__slider-label--new {
    margin-bottom: 5px;
}

#pickForm .catalog__filter-field{
    border-top: 0px;
}
#pickForm  .catalog__filter-title{
    font-size: 20px;
    margin-bottom: 20px;
}
#pickForm .catalog__filter-check{
    padding: 15px;
    border: 1px solid var(--mb-border);
    border-radius: 10px;
    background-color: var(--mb-white);
}
#pickForm .catalog__filter-check:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    background: var(--mb-white);
}
#pickForm .fs-checkbox-label{
    color: var(--mb-black);
}

#pickForm  .fs-checkbox-marker{
    background: var(--mb-white);
}
#pickForm .fs-checkbox{
    color: var(--mb-text-muted);
}
#pickForm .catalog__filter-btn > input{
    padding: 15px;
}
.tmg #tmg_ps_form_next   #tmg_ps_next_button{
    border-color: var(--mb-blue);
    background: var(--mb-blue);
    color: var(--mb-white);
}

.next-button{
    border-color: var(--mb-blue);
    background: var(--mb-blue);
    color: var(--mb-white);
}
.title-h2{
    font-size: 30px;
    line-height: 35px;
    font-weight: 400;
    display: block;
    margin: 0px 0px 30px 0px;
}
#pickForm .field-wrap:not(:first-child){
    display: none;
}
#pickForm .fs-checkbox-checked .fs-checkbox-flag{
    border: 5px solid var(--mb-white);
}
#pickForm .catalog__filter-title:after{
    display: none;
}

.catalog__slider-image {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 240px;
    position: relative;
    border-radius: 10px;
}

.catalog__slider-image a {
    height: 100%;
    text-align: center;
}

.catalog__slider-image a img {
    margin: 0 auto;
    background-color: var(--mb-white);
    border: 0;
}
.catalog__slider-image .img-responsive {
    width: auto;
    max-height: 100%;
    top: 50%;
    position: relative;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 12px;
}

.catalog__slider-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 8px 0 8px;
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    flex-shrink: 0;
    overflow: visible;
}

.catalog__slider-characteristic {
    min-height: 0;
    flex-shrink: 0;
}

.cart__info-result_price{
    text-align: right;
    font-size: 24px;
}
.card-property-wrap {
    width: 100%;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 12px;
    color: var(--mb-text-muted);
    border-bottom: 1px solid var(--mb-border);
    margin-bottom: 6px;
}

.card-property-wrap > div {
    /*width: 50%;*/
    margin-bottom: -7px;
    background: var(--mb-white);
}
.card-property-wrap > div:first-of-type {
    padding-right: 10px;
}
.card-property-wrap > div:last-of-type {
    padding-left: 10px;
}

.card-property-wrap > div:nth-child(even) {
    text-align: right;
}

.catalog__slider-prices {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 16px 0 16px;
}

.catalog__prices-price {
    color: var(--mb-black);
    width: 100%;
    font-size: 22px;
    font-weight: 700;
    text-align: left;
    letter-spacing: -0.02em;
}

@media (max-width: 1366px) {
    .catalog__prices-price {
        font-size: 20px;
    }
}

.catalog__prices-compare {
    color: var(--mb-text-muted);
    background: var(--mb-icon-compare) center left no-repeat;
    padding-left: 16px;
    cursor: pointer;
    display: none;
    margin-top: 6px;
    font-size: 13px;
}

.catalog__slider-btns {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 8px;
}

.catalog__slider-btns > div {
    width: 100%;
}

.catalog__slider-btns > div > button, .catalog__slider-btns > div > a {
    display: block;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0;
    text-align: center;
}

.buy_one_click_button {

}
@media(max-width: 1366px) {
    .buy_one_click_button {
        padding: 7px 0;
    }
}

@media(max-width: 1366px) {
    .catalog__slider-btns > div > a {
        padding: 9px 0;
    }
}
.bx-catalog .bx-controls-direction a {
    /*position: relative;*/
    /*top: 0%;
	margin-top: -70px;*/
}

.bx-catalog .bx-prev {
    left: unset;
    right: 55px;
}

.bx-catalog .bx-next {
    right: 0px;
}
.tabs-content .bx-controls.bx-has-controls-direction {
    position: absolute;
    top: -65px;
    right: 0;
}
.tabs-content .bx-catalog .bx-controls-direction .bx-prev {
    float: left;
    left: auto;
    right: auto;
    /*right: 55px;*/
    position: relative;
}
.tabs-content .bx-catalog .bx-controls-direction .bx-next {
    position: relative;
    float: right;
    right: auto;
    left: auto;
}

/* Каталог */

/* Табы */
.tabs {
    list-style: none;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    box-sizing: border-box;
    width: fit-content;
    max-width: 100%;
    padding: 4px;
    margin-top: 24px;
    margin-bottom: 20px;
    background: var(--mb-bg-tint);
    border-radius: 12px;
}

.tabs > li {
    margin: 0;
    padding: 9px 18px;
    border: 0;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    color: var(--mb-text-muted);
    white-space: nowrap;
    cursor: pointer;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease;
    -o-transition: background-color 0.2s ease, color 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.tabs > li > a {
    display: block;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    text-decoration: none;
}

.tabs > li > a:hover {
    color: inherit;
    text-decoration: none;
}

/* Табы */

/* Список категорий */
.category__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 50px;
}

.category__list > a {
    width: 24%;
    margin: 0px 0px 10px 0px;
    font-size: 17px;
    background: var(--mb-white);
    border: 1px solid var(--mb-border);
    -webkit-transition: all  .3s ease-in-out;
    -o-transition: all  .3s ease-in-out;
    transition: all  .3s ease-in-out;
}
.category__list > .category__list-big {
    margin: 0px 0px 10px 0px;
    font-size: 17px;
    background: var(--mb-white);
    border: 1px solid var(--mb-border);
    -webkit-transition: all  .3s ease-in-out;
    -o-transition: all  .3s ease-in-out;
    transition: all  .3s ease-in-out;
    width: 49%;
    background-image: none;
}

.category__list > .category__list-megabig {
    margin: 0px 0px 10px 0px;
    border: 1px solid var(--mb-border);
    border-radius: 12px;
    -webkit-transition: all  .3s ease-in-out;
    -o-transition: all  .3s ease-in-out;
    transition: all  .3s ease-in-out;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    width: 100%;
    font-size: 46px;
    line-height: 44px;
    color: var(--mb-white);
    background: url('../img/megabig-bg-left.png') bottom left no-repeat, url('../img/megabig-bg-right.png') bottom right no-repeat;
    background-color: var(--mb-blue);
}

/*.category__list > a:hover,   .category__list > .category__list-big:hover, .category__list > .category__list-megabig:hover{*/
.category__list > .category__list-megabig:hover{
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);

    -webkit-box-shadow: 0 8px 24px rgba(0,0,0,0.05);

    box-shadow: 0 8px 24px rgba(0,0,0,0.05);

}
.category__list-big .subCategoryHidden {
    -webkit-transition: all  .3s ease-in-out;
    -o-transition: all  .3s ease-in-out;
    transition: all  .3s ease-in-out;
    max-width: 62%;
    background: var(--mb-white);
    padding: 10px;
    max-height: 160px;
    overflow: hidden;

}

.category__list > a > div {
    height: 170px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0px 53px 0px 40px;
    background-position: 84% 50%;
    background-repeat: no-repeat;
    background-color: var(--mb-white);
}

.category__list > .category__list-big > div {
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 20px 30px 20px 20px;
    background-position: 94% 50%;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 175px;
}

.category__list > .category__list-megabig > div {
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: transparent;
    min-height: 275px;
    height: auto;
    padding: 20px 53px 20px 30px;
    background-repeat: no-repeat;
    background-position: right center;
}

.category__list-megabig a{
    color: var(--mb-white);
}

.category__list > .category__list-megabig .category_name{
    font-size: 46px;
    line-height: 44px;
    color: var(--mb-white);
}
.subCategoryHidden ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 20px;
    margin-top: 10px;
    padding-bottom: 10px;
}
.subCategoryHidden ul li{
    margin-bottom: 3px;
}

.category__megabig-text {
    width: 65%
}
.category_name{
    font-size: 20px;
}
@media (max-width:600px) {
    .category_name{
        font-size: inherit;
    }
}
.category__megabig-announce {
    display: block;
    font-size: 17px;
    line-height: 23px;
    margin-top: 20px;
}

/* Список категорий */

/* Слайдер */
.slider {
    list-style: none;
    padding: 0px;
    margin: 0px;
    height: 450px;
    overflow: hidden;
}

.slider > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 450px;
    background-color: var(--mb-bg);

}

.slider > li:first-clild {

}

.slider > li > div {
    width: 50%;
}

.slider-text {
    padding: 10px 50px;
    background: url('../img/slider-bg.png') top right no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 1px;
}

.slider-text > div {
    width: 100%;
}

.slider-title {
    display: block;
    font-size: 52px;
    line-height: 65px;
    color: var(--mb-white);
    margin-bottom: 20px;
}

.slider-announce {
    display: block;
    font-size: 20px;
    color: var(--mb-white);
    margin-bottom: 30px;
}

.slider-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0px 10px;
}

.slider-image img {
    max-width: 100%;
}

.bx-main .bx-controls-direction a {
    top: inherit;
    bottom: 30px;

}

.bx-main .bx-prev {
    left: inherit;
    right: 65px;
}

.bx-main .bx-next {
    right: 10px;
}

.bx-main .bx-pager {
    position: absolute;
    bottom: 20px;
    left: 20px;
    text-align: left;
}

/* Слайдер */

/* Этапы заказа в корзине */
.cart-step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    padding: 0px;
    margin: 0px;
    border: 1px solid #ebebeb;
    border-radius: 0;
    counter-reset: list;
    height: 59px;
    margin-top: 30px;
    border-radius: 12px;
    margin-bottom: 10px;
}

.cart-step > li   {
    position: relative;
    font-size: 17px;
    font-weight: 500;
    color: #8a9399;
    text-align: center;
    padding: 0px 0px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}


.cart-wrap .count-control{
    margin-top: 25px;
}
.cart-step > li.completed, .cart-step > li.completed  a  {
    color: #b9cb58;
}

.cart-step > li.active , .cart-step > li.active   a {
    color: #f44336;
}

.cart-step > li:before {
    counter-increment: list;
    content: counter(list) ". ";
}

.cart-step > li:after {
    position: absolute;
    content: '';
    display: inline-block;
    background: url('../img/icon-cart-step.png') center right no-repeat;
    width: 20px;
    height: 59px;
    right: 0px;
    top: 50%;
    margin-top: -30px;
}

.cart-step > li:last-child:after {
    display: none;
}

/* Этапы заказа в корзине */

/* Корзина */
.cart-wrap {
    border: 1px solid var(--mb-border);
    border-radius: 12px;
    padding: 30px;
    background: var(--mb-white);
}
.cart-wrap_1 {
    /* border: 1px solid var(--mb-border); */
    /* border-top: 0px; */
    padding: 0 30px;
    display: flex;
    /* background: url('../img/cart-bg-1.png') top left no-repeat, url('../img/cart-bg-2.png') bottom right no-repeat;
	background-color: var(--mb-bg); */
    justify-content: center;
}
@media (max-width: 700px) {
    .cart-wrap_1 {
        padding: 0 5px;
    }
}

.cart__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--mb-white);
    border-radius: 0;
    padding: 25px 50px;
    margin-bottom: 7px;
}

.cart__item-image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 140px;
    flex: 0 0 140px;
    margin-right: 10px;
}

.cart__item-title {
    /*flex: 1 0 auto;*/
    max-width: 600px;
    max-width: 35%;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
}
/*
	@media(max-width: 1366px) {
		.cart__item-title {
			max-width: 450px;
		}
	}
	@media(max-width: 1280px) {
		.cart__item-title {
			max-width: 400px;
		}
	}
	@media(max-width: 1220px) {
		.cart__item-title {
			max-width: 360px;
		}
	}
	*/
.cart__item-title > a {
    font-size: 20px;
    color: var(--mb-black);
}

.cart__item-mute {
    display: block;
    font-size: 13px;
    color: var(--mb-text-muted);
    margin-bottom: 10px;
}

.cart__item-price {
    font-size: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    max-width: 450px;
}

.cart__item-count {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    max-width: 215px;
}

.cart__item .cart__item-image {
    max-width: 150px;
    max-height: 105px;
}
.cart__item .cart__item-image .img-responsive {
    max-height: inherit;
    width: auto;
}

.cart__count {
    display: inline-block;
    border: 1px solid var(--mb-border);
    border-radius: 10px;
    padding: 2px;
}

.cart__count--white {
    background-color: var(--mb-white);
}

.cart__count input {
    font-size: 20px;
    border: 0px;
    background: transparent;
    text-align: center;
    width: 40px;
}

.cart__count button {
    background: var(--mb-bg);
    border: none;
    border-radius: 8px;
    font-size: 20px;
    line-height: 19px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.cart__count--small input {
    font-size: 15px;
    width: 30px;
}

.cart__count--small button {
    width: 22px;
    height: 22px;
}

.cart__price {

    /*min-height: 38px;*/
}

.cart__old_price {
    color: var(--mb-text-muted);
    font-size: 0.5em;
    text-decoration: line-through;
}

.cart__discount {
    font-size:0.6em;
    color:var(--mb-red);
}

.cart__item-priceone  {
    font-size:0.8em;
    color: var(--mb-text-muted);
    margin-top: 0.2em;

}
.cart__item-remove > div {
    cursor: pointer;
    color: var(--mb-red);
    font-size: 13px;
}

.cart__item-remove .button {
    background: #fdecea;
    color: var(--mb-red);
    border: 0px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    display: inline;
    padding: 0.8em 1em;
}
#cart-container .catalog__slider-label{
    top: 45px;
    left: auto;
    z-index: 9;
    right: 0px;

}
/*.cart-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 24px;
    margin-top: 18px;
}*/

.cart-result-price {
    text-align: right;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

/*.cart-map__wrapper {
		margin: 0 -70px;
		}*/
.cart-map__wrapper {
    width: 50%;
    margin: 0 0 0 -25px;
}

/*.cart-map {
		width: 100%;
		height: 600px;
		margin-bottom: 35px;
		}*/
.cart-map {
    height: 300px;
    order: 1;
}

.cart-block--address {
    width: 50%;
    order: 2;
    margin: 0 0 0 0;
}

.cart-block--wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;

    justify-content: space-between;
    align-items: flex-start;

    margin-bottom: 30px;
}

.cart-success {
    text-align: center;
    max-width: 710px;
    margin: 0 auto;
    font-size: 17px;
    line-height: 27px;
    padding: 0px 20px;
}

.cart-success strong {
    font-size: 36px;
}

/* Корзина */

/* Хлебные крошки */
.breadcrumb {
    padding: 0px;
    margin: 20px 0px;
    list-style: none;
}

.breadcrumb > li {
    display: inline-block;
    font-size: 14px;
}

.breadcrumb > li + li:before {
    content: "›\00a0";
    padding: 0 5px;
    font-size: 20px;
    color: #9eaab2;
}

.breadcrumb > li > a {
    color: var(--mb-text-muted);
}

.breadcrumb > .active {
    color: var(--mb-text);
}

.cart__info {

    /*padding: 50px 70px;*/
    padding: 15px 70px 30px;
    max-width: 680px;
    margin: 0 auto;
}
.cart__info_1 {
    background: var(--mb-white);
    /*padding: 50px 70px;*/
    padding: 15px 0px 30px;
    max-width: 680px;
    margin-left: -10px;

}
.cart-success{
    padding: 20px 50px;
    border: 1px solid var(--mb-border);
    border-radius: 12px;
}
#cart-container  .cart-wrap{
    background: transparent;
    max-width: 810px;
    margin: 0 auto;
}
@media (max-width: 750px) {
    .cart__info_1 {
        background: var(--mb-white);
        /*padding: 50px 70px;*/
        padding: 0px 0px 0px;
        max-width: 680px;
        margin: 0 auto;
    }
}
.cart__info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 17px;
    margin-bottom: 15px;
}

.cart__info-item > div {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.cart__info-item_new {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 15px;
}

@media (max-width: 450px) {
    .cart__info-item_new {
        display: flex;
        justify-content: flex-start;
        gap: 15px;
        flex-direction: column;
        align-items: center;
    }
}

.cart__info-item--title {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.cart__info-item--title > div:nth-child(1) {
    max-width: 100%;
    width: 100%;
    margin-bottom: 10px;
}

.cart__info-item input, .cart__info-item textarea , .file-input-custom {
    font-size: 17px;
    border-radius: 10px;
    padding: 17px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid var(--mb-border);
    background: var(--mb-white);
    color: var(--mb-text);
}

.cart__info-item_new input {
    font-size: 15px;
    border-radius: 10px;
    padding: 17px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid var(--mb-border);
    color: var(--mb-text-muted);
    color: var(--mb-black);
    min-width: 270px;
}

@media (max-width: 450px) {
    .cart__info-item_new input{
        font-size: 17px;
        border-radius: 10px;
        padding: 17px;
        width: 79vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid var(--mb-border);
        color: var(--mb-text-muted);
        color: var(--mb-black);
        min-width: none;
    }

}

.file-input-custom {
    cursor:pointer;
    font-family: 'HelveticaNeueCyr', sans-serif;
}
.file-input-custom .file-info  {
    display: none;
    position:relative;
}
.file-input-custom  .reset-button{
    position: absolute;
    display: inline-block;
    border-radius: 3px;
    border: none;
    top: 0px;
    right: 18px;
    background: var(--mb-red);
    color: var(--mb-white);
    cursor: pointer;
    font-size: 14px;
    padding: 0 5px;
    margin: 0;
}

.file-input-custom  input[type='file']{
    display:none;
}

.cart__info-item input:focus, .cart__info-item textarea:focus {
    border: 1px solid var(--mb-blue);
    background: var(--mb-white);
    color: var(--mb-black);
}

.cart__info-item input.field-error, .fs-dropdown.field-error {
    border: 1px solid var(--mb-red);
    border-radius: 10px;
}
input.field-error{
    border: 1px solid var(--mb-red);
    border-radius: 10px;
    position: relative;
    z-index: 2;
}
label.field-error{
    color: var(--mb-red);
    background: var(--mb-tile-red);
    width: 100%;
    display: block;
    padding: 7px 0 3px;
    text-align: center;
    position: relative;
    top: -5px;
    z-index: 0;

    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.cart__info-item textarea {
    height: 95px;
}

.cart__info-helper {
    font-size: 15px;
    /*margin-bottom: 15px;*/
    margin-bottom: 35px;
}

.cart__info-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px 0 0;
    /*max-width: 820px;*/
    margin: 0 auto;
}

.cart__info-result_1 {

    padding: 3% 0 0;

}

.cart__info-result > div:nth-child(1) {
    /*-webkit-box-flex: 0;
			-ms-flex: 0 0 70%;
			flex: 0 0 70%;*/
    flex-grow: 1;
}

.cart__info-result > div:nth-child(2) {
    text-align: right;
}

.cart__info-result--finish > div:nth-child(1) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    text-align: center;
}

.cart__result-policy {
    display: block;
    font-size: 13px;
    /*padding-left: 28px;*/
    /*background: url('../img/icon-agree.png') left top no-repeat;*/
}

.cart__result-policy a {
    color: var(--mb-blue);
}

.cart__info-checkbox {
    margin-top: 10px;
    margin-bottom: 15px;

    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;

    justify-content: flex-start;
    align-items: center;
}

.cart-block--hide {
    display: none;
}

/* Корзина. Контакты */

/* Селектор */
.fs-dropdown.fs-light .fs-dropdown-selected {
    border: 1px solid var(--mb-border);
    border-radius: 10px;
    background: var(--mb-white);
    color: var(--mb-black);
    /*color:var(--mb-text-muted);*/
    font-size: 17px;
    margin: 0;
    padding: 17px;
}

.fs-dropdown.fs-light .fs-dropdown-selected:after {
    height: 0;
    width: 0;
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid var(--mb-text-muted);
    content: '';
    display: block;
    margin: auto 0
}

.fs-dropdown.fs-light.fs-dropdown-focus .fs-dropdown-selected,
.no-touchevents .fs-dropdown.fs-light .fs-dropdown-selected:hover {
    border-color: var(--mb-blue);
    background-color: var(--mb-white);
    color: var(--mb-black);
}

.fs-dropdown.fs-light.fs-dropdown-focus .fs-dropdown-selected:after,
.no-touchevents .fs-dropdown.fs-light .fs-dropdown-selected:hover:after {
    border-top-color: var(--mb-blue);
}

.fs-dropdown.fs-light .fs-dropdown-options {
    max-height: 260px;
    border: 1px solid var(--mb-border);
    border-width: 0 1px 1px;
    border-radius: 0 0 10px 10px;
    background-color: var(--mb-white);
    margin: 0;
    padding: 0
}

.fs-dropdown.fs-light .fs-dropdown-group {
    border-bottom: 1px solid #78909c;
    color: #546e7a;
    font-size: 11px;
    padding: 10px 15px;
    text-transform: uppercase
}

.fs-dropdown.fs-light .fs-dropdown-item {
    background: var(--mb-white);
    font-size: 17px;
    line-height: 1.5;
    padding: 10px 15px;
    text-align: left
}

.fs-dropdown.fs-light .fs-dropdown-item:first-child {
    border-radius: 0
}

.fs-dropdown.fs-light .fs-dropdown-item:last-child {
    border-bottom: 0;
    border-radius: 0 0 2px 2px
}

.no-touchevents .fs-dropdown.fs-light .fs-dropdown-item:hover {
    color: #141a1e;

}

.fs-dropdown.fs-light .fs-dropdown-item_selected,
.no-touchevents .fs-dropdown.fs-light .fs-dropdown-item_selected:hover {
    background: var(--mb-tile-blue);
}
.no-touchevents .fs-dropdown.fs-light .fs-dropdown-item:hover{
    background: var(--mb-tile-blue);
}

.fs-dropdown.fs-light .fs-dropdown-item_placeholder   {
    color: var(--mb-text-muted);
}

.fs-dropdown.fs-light .fs-dropdown-item_disabled,
.no-touchevents .fs-dropdown.fs-light .fs-dropdown-item_disabled:hover {

    /*color: #263238;
	background-color: var(--mb-white);
	border-color: #546e7a;
	opacity: .5*/

    display: none;
}

.fs-light.fs-dropdown-open .fs-dropdown-options {
    border-radius: 0 0 10px 10px
}

.fs-light.fs-dropdown-open .fs-dropdown-selected {
    border-radius: 10px 10px 0 0;
    background-color: var(--mb-white);
}

.fs-light.fs-dropdown-cover .fs-dropdown-options {
    border-radius: 2px;
    border-width: 1px
}

.fs-light.fs-dropdown-cover .fs-dropdown-item:first-child {
    border-radius: 2px 2px 0 0
}

.fs-light.fs-dropdown-bottom .fs-dropdown-options {
    border-width: 1px 1px 0
}

.fs-light.fs-dropdown-bottom .fs-dropdown-item:last-child {
    border: none
}

.fs-light.fs-dropdown-bottom.fs-dropdown-open .fs-dropdown-selected {
    border-radius: 0 0 2px 2px
}

.fs-light.fs-dropdown-bottom.fs-dropdown-open .fs-dropdown-options {
    border-radius: 2px 2px 0 0
}

.fs-light.fs-dropdown-bottom.fs-dropdown-cover.fs-dropdown-open .fs-dropdown-selected {
    border-radius: 2px
}

.fs-light.fs-dropdown-bottom.fs-dropdown-cover.fs-dropdown-open .fs-dropdown-options {
    border-radius: 2px;
    border-width: 1px
}

.fs-light.fs-dropdown-multiple {
    border: 1px solid #546e7a;
    border-radius: 2px
}

.fs-light.fs-dropdown-multiple .fs-dropdown-options {
    border: none;
    border-radius: 2px
}

.fs-light.fs-dropdown-disabled {
    opacity: .5
}

.fs-light.fs-dropdown-disabled .fs-dropdown-selected,
.no-touchevents .fs-light.fs-dropdown-disabled .fs-dropdown-selected:hover {
    background: var(--mb-white);
    border-color: #546e7a;
    color: #263238;
    cursor: default
}

.fs-light.fs-dropdown-disabled .fs-dropdown-selected:after,
.no-touchevents .fs-light.fs-dropdown-disabled .fs-dropdown-selected:hover:after {
    border-top-color: #546e7a
}

.fs-light.fs-dropdown-disabled .fs-dropdown-options {
    background: var(--mb-white);
    border-color: #546e7a
}

.fs-light.fs-dropdown-disabled .fs-dropdown-group {
    border-color: #546e7a;
    color: #263238;
}
.fs-light.fs-dropdown-disabled .fs-dropdown-item {
    border-color: #546e7a;
}

.fs-light.fs-dropdown-disabled .fs-dropdown-item,
.no-touchevents .fs-light.fs-dropdown-disabled .fs-dropdown-item:hover {
    color: #263238;
    background-color: var(--mb-white)
}

.fs-light.fs-dropdown-disabled .fs-dropdown-item_selected,
.no-touchevents .fs-light.fs-dropdown-disabled .fs-dropdown-item_selected:hover {
    background: var(--mb-white)
}

.fs-light.fs-dropdown-options.fs-scrollbar {
    overflow: hidden
}

.fs-light.fs-dropdown-options.fs-scrollbar .fs-scrollbar-bar {
    border: 1px solid #546e7a;
    border-width: 0 0 0 1px
}

.fs-light.fs-dropdown-options.fs-scrollbar .fs-scrollbar-content {
    border: none;
    max-height: 260px;
    height: auto
}

.fs-light.fs-dropdown-options.fs-scrollbar.fs-scrollbar-active .fs-scrollbar-content {
    padding: 0
}

.fs-light.fs-dropdown-options.fs-scrollbar .fs-scrollbar-bar,
.fs-light.fs-dropdown-options.fs-scrollbar .fs-scrollbar-track {
    border-radius: 0 2px 2px 0
}

/* Селектор */

/* Чекбокс */
.fs-checkbox {
    color: var(--mb-text-muted);
    vertical-align: top;
}

.fs-checkbox-marker {
    border-radius: 5px;
    background-color: var(--mb-bg);
    position: relative;
    width: 20px;
    height: 20px;
    border: 1px solid;
    cursor: pointer;
    display: inline-block;
}

.fs-checkbox-label {
    font-size: 15px;
    line-height: 17px;
    color: var(--mb-text-muted);
    margin-left: 10px;
    width: 85%;
}

.fs-checkbox-label strong {
    display: block;
    color: var(--mb-black);
    /*margin-bottom: 8px;*/
}

.fs-checkbox-checked .fs-checkbox-flag {
    background-color: var(--mb-blue);
    border-radius: 50%;
    border: 5px solid var(--mb-bg);

}

.fs-checkbox-checked .fs-checkbox-flag:before {
    display: none;
}

.fs-checkbox-radio .fs-checkbox-flag {
    width: auto;
    height: auto;
}

/* Чекбокс */

/* Список категорий */
.catalog-category__list {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    gap: 16px;
}

.catalog-category__list > div {
    text-align: center;
    padding: 15px 30px 80px 30px;
    position: relative;
    background-color: var(--mb-white);
    margin: 0;
    width: calc((100% - 32px) / 3);
    flex: 0 0 calc((100% - 32px) / 3);
    max-width: calc((100% - 32px) / 3);
    box-sizing: border-box;
    background-image: url('../img/category-bg.png');
    background-repeat: no-repeat;
    background-position: top right;
    border: 0;
    border-radius: 12px;
    box-shadow: none;
    -webkit-transition: -webkit-box-shadow 0.2s ease;
    -o-transition: box-shadow 0.2s ease;
    transition: box-shadow 0.2s ease;
}

.catalog-category__list > div img {
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: transform 0.5s linear;
    transition: transform 0.5s linear, -webkit-transform 0.5s linear;
}

.catalog-category__list > div:hover img {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
}

.catalog-category__list-title {
    margin: 15px 0px 25px 0px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    color: var(--mb-text);
}

.catalog-category__list .button {
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.category_list-item--blue {
    background-color: var(--mb-white);
}

.category_list-item--pink {
    background-color: var(--mb-white);
}

.category_list-item--green {
    background-color: var(--mb-white);
}

/* Список категорий */

/* Тип товара */
.category-type {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 24px;
}

.category-type__bb {
    margin-left: 30px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 248px;
    flex: 0 0 248px;
}
@media(max-width: 1140px) {
    .category-type__bb {
        display: none;
    }
}
.category-type__list {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    gap: 16px;
}

.category-type__list > a, .category-type__list >  div {
    width: 22.5%;
    text-align: center;
    border: 1px solid var(--mb-border);
    background-color: var(--mb-white);
    border-radius: 12px;
    margin-bottom: 10px;
    -webkit-transition: box-shadow 0.2s ease, border-color 0.2s ease;
    -o-transition: box-shadow 0.2s ease, border-color 0.2s ease;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    min-height: 260px;
    padding-top: 10px;
    display: block;
    background: var(--mb-white);
    overflow: hidden;
    margin: 0;
}
.category-type__list > a {
    /* перебивает .container a / .info__block .tab-content a (синие ссылки) */
    color: var(--mb-text) !important;
    text-decoration: none !important;
}
.category-type__list > a:hover,
.category-type__list > a:hover .category-name,
.category-type__list > a:hover .news-title,
.category-type__list > a:hover .category-name b,
.category-type__list > a:hover .news-title b {
    color: var(--mb-text) !important;
    text-decoration: none !important;
}

@media (max-width: 1280px ) {
    .category-type__list > a {
        width: 30%;
    }
}
.category-type__list img.img-responsive {
    display: inline-block;
    position: relative;
    max-height: 160px;
    height: 100%;
    width: auto;
    max-width: 100%;
}

.category-type__list > a:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    border-color: var(--mb-border);
}

/* --- .category-name: подпись в карточке — вставляй куда угодно ---
   По умолчанию по центру, 16px. В .category-type.works — влево (ниже).
   Не путать с .category_name (подчёркивание) на главной. */
.category-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: 70px;
    padding: 10px 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--mb-white);
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: var(--mb-text);
    word-break: break-word;
}
.main-content .category__list .category__list-big  > div a.category_name{
    font-size: 20px;
}


.category-type__list-more {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    font-size: 15px;
    color: var(--mb-blue);
    margin: 10px 0 60px 15px;
}

.category-type__list-more > span {
    cursor: pointer;
}

/* Тип товара */

/* Теги (каталог, новости/работы, categoryTags в проектах).
   Кнопка «Ещё» собирается в script.js как #more-tags-button. */
.tags {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin-top: 15px;
    margin-bottom: 0;
    background-color: transparent;
    border: none;
}

.tags > li a,
.tags > li div {
    cursor: pointer;
    padding: 13px 20px;
    margin: 0 6px 7px 0;
    position: relative;
    display: inline-block;
    border-radius: 20px;
    background-color: var(--mb-bg-tint);
    font-size: 15px;
    font-weight: 400;
}

.tags > li a:hover,
.tags > li a.active,
.tags > li.active div {
    color: var(--mb-white);
    background-color: var(--mb-blue);
}

.tags.categoryTags {
    margin-bottom: 15px;
}

.section_capt + .tags {
    margin-top: 0;
}

#more-tags-button,
.tags > li #more-tags-button {
    cursor: pointer;
    padding: 13px 20px;
    border-radius: 20px;
    margin: 0 6px 7px 0;
    position: relative;
    display: inline-block;
    background: transparent;
    color: var(--mb-blue);
    border: 1px solid var(--mb-blue);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

#more-tags-button:hover,
.tags > li #more-tags-button:hover {
    color: var(--mb-blue-dark);
    border-color: var(--mb-blue-dark);
    background: transparent;
}

/* Список товара с фильтром и сортировкой */
@media(max-width: 1024px) {
    .desktop_filters {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -ms-flex-direction: row;

        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;

        padding-top: 20px;
    }
}
@media(max-width: 540px) {
    .desktop_filters {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .price-card .short_price .product__info-control {
        max-width: 350px;
        width: auto;
    }
}
.justify{
    text-align: justify;
}
.align-left{
    text-align: left;
}
.category-name .align-left{
    margin-left: 14px;
    margin-right: 14px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}
.catalog-cat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 15px;
}

.catalog-cat__list {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 50%;
    /* border: 1px solid var(--mb-border); */
}

.catalog-cat__filter {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 248px;
    flex: 0 0 248px;
    margin-left: 30px;
    position: relative;
}

.catalog-filter-title {
    min-width: 270px;
    padding: 0 16px 10px;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--mb-text);
    border-bottom: 0;
}

.field-wrap {
    padding: 0 20px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
@media(max-width: 1024px) {
    .field-wrap {
        width: 100%;
        max-width: 33%;
    }
}
@media(max-width: 800px) {
    .field-wrap {
        max-width: 50%;
    }
}
@media(max-width: 540px) {
    .field-wrap {
        max-width: 90%;
    }
    a.catalog__slider-title {
        padding: 10px 0;
    }
}
.catalog__filter-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 10px;
}
.catalog__filter-check.filter_disabled label,.catalog__filter-check.filter_disabled   .fs-checkbox-marker{
    color:#cccccc;
    cursor: default;
}
.catalog__filter-check.filter_disabled   .fs-checkbox-marker{
    background-color: #cccccc;
}

.fs-checkbox.fs-light {
    /* width: 25px; */
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
.fs-checkbox-label.fs-light {
    width: 90%;
}

@media (max-width: 1440px) {
}
.catalog-cat__list-controls {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    width: 99.99%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 16px 0;
    margin-bottom: 16px;
    align-items: center;
}

.catalog-cat__controls-sorter {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding: 0px;
    margin: 0px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    align-items: center;
}

.catalog-cat__controls-sorter > li {
    margin-right: 15px;
    cursor: pointer;
    position: relative;
}

.catalog-cat__controls-sorter > li:first-child {
    color: var(--mb-text);
    text-decoration: none;
}

.catalog-cat__controls-sorter > li.active a {
    padding-right: 5px;
}

.catalog-cat__controls-sorter > li a {
    position: relative;
}

.catalog-cat__list-footer {
    padding: 16px 0;
}

/* Список товара с фильтром и сортировкой */
.category-type.works {
    padding-bottom: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Пагинация */
.pager {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.pager > li {
    font-size: 17px;
    color: var(--mb-text-muted);
    margin-right: 5px;
}

.pager > li > a {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 8px;
    color: var(--mb-text-muted);
}

.pager > li > a:hover {
    background-color: var(--mb-blue);
    color: var(--mb-white);
}

a.prev-page-arrow, a.next-page-arrow {
    font-size: 30px;
    line-height: 17px;
    margin-bottom: 4px;
}
.pager > li:first-child > a:hover,
.pager > li:last-child > a:hover {
    background-color: transparent;
    color: var(--mb-red);
}

@media (max-width: 1440px) {
    /*.catalog-cat__list {
		order: 2;
		}*/
}
@media (max-width: 1280px) {
    .catalog-cat__controls-sorter > li {
        margin-right: 10px;
    }
    .catalog-cat__list-controls {
        padding: 23px 5px;
    }
}
@media (max-width: 1210px) {
    .pager > li {
        margin-right: 0;
    }
    .pager > li > a {
        padding: 2px 7px;
    }
}
@media (max-width: 1140px) {
    .catalog-cat__controls-sorter > li {
        margin-right: 10px;
    }
    .pager > li {
        margin-right: 0;
        font-size: 14px;
    }
    .pager > li > a {
        padding: 2px 7px;
    }
}
/* Пагинация */

/* Фильтр */
.catalog-filter {
    background: var(--mb-bg-tint);
    border: 0;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    overflow: visible;
    padding-top: 22px;
}

.catalog-filter__control-bar {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: stretch;
    gap: 8px;
    padding: 10px 16px 14px;
}

.slider_field  .slide {
    margin-top:1em;
}

.catalog__filter-title {
    position: relative;
    cursor: pointer;
    margin: 30px 0px 10px 0;
}

.catalog__filter-field {
    border-top: 3px solid var(--mb-border);

}

.catalog__filter-title:after {
    content: "";
    display: inline-block;
    position:absolute;
    right:0;
    top:5px;
    width:8px;
    height:8px;
    border-top:1px solid var(--mb-red);
    border-right:1px solid var(--mb-red);
    transform: rotate(-45deg);
}

.catalog__filter-field.collapsed .catalog__filter-control {
    display: none;
}
.catalog__filter-field.collapsed .catalog__filter-title:after {
    transform: rotate(135deg);

}

@media (max-width: 1024px) {
    .catalog-filter__control-bar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        max-width: 33%;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }
    .show_result, .reset {
        margin: 0;
    }
}
@media(max-width: 800px) {
    .catalog-filter__control-bar {
        max-width: 100%;
    }
}
@media(max-width: 540px) {
    .catalog-filter__control-bar {
        max-width: none;
        width: auto;
    }
}

.catalog__filter-title:first-of-type {
    margin: 10px 0;
}
.catalog__filter-btn {
    list-style: none;
    padding: 0px;
    margin: 0px;
    color: var(--mb-text-muted);
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.catalog__filter-btn > li {
    display: inline-block;
    background-color: var(--mb-bg);
    border: 1px solid var(--mb-bg);
    border-radius: 10px;
    font-size: 13px;
    color: var(--mb-text-muted);
    margin: 0px 4px 6px 0px;
    padding: 5px 10px;
    cursor: pointer;
}
.catalog__filter-btn > input {
    display: inline-block;
    background-color: var(--mb-bg);
    border: 1px solid var(--mb-bg);
    border-radius: 10px;
    font-size: 13px;
    /*color: var(--mb-text-muted);*/
    color: var(--mb-black);
    margin: 0px 15px 0 10px;
    padding: 5px 10px;
    cursor: pointer;
    width: 50px;
}

.catalog__filter-btn > li.active, .catalog__filter-btn > li:hover{
    color: var(--mb-blue);
    border-color: var(--mb-blue);
    background: var(--mb-white) url('../img/icon-filter-active.png') 8px 50% no-repeat;
    padding-left: 24px;
}

.catalog__filter-btn > input.active, .catalog__filter-btn > input:hover{
    /* color: var(--mb-red); */
    border-color: var(--mb-blue);
    background: var(--mb-white) ;
    /* padding-left: 24px; */
}

.catalog-filter .fs-dropdown.fs-light .fs-dropdown-selected {
    padding: 8px 12px;
    font-size: 13px;
}

.catalog-filter .fs-dropdown.fs-light .fs-dropdown-item {
    font-size: 13px;
    padding: 8px 12px;
}

.catalog-filter .fs-checkbox-checked {
    color: var(--mb-blue);
}

.catalog-filter .fs-checkbox-checked .fs-checkbox-flag:before {
    -webkit-transition: -webkit-transform .15s ease;
    -o-transition: transform .15s ease;
    transition: transform .15s ease, -webkit-transform .15s ease;
}

.catalog-filter .fs-checkbox-label {
    font-size: 15px;
    line-height: 20px;
    /* width: 75%; */
    color: var(--mb-black);
    display: inline-block;
}
@media (max-width: 1440px) {
    .catalog-filter .fs-checkbox-label {
        /*width: auto;
			margin-right: 30px;*/
    }
}

/* Фильтр */

/* Калькулятор */
.calculator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 25px 30px;
    background: var(--mb-blue);
    border-radius: 12px;
}
.calculator-title {
    font-size: 26px;
    line-height: 26px;
    color: var(--mb-white);
    margin: 25px 0px 15px;
}

.calculator-text {
    font-size: 15px;
    color: var(--mb-white);
}

.calculator-btn {
    margin-top: 185px;
}

/* Калькулятор */

/* Блок с описанием товара */
.info__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid var(--mb-border);
    border-radius: 12px;
    margin-top: 30px;
}
.info__block > div:nth-child(odd) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 24px 20px;
    cursor: pointer;
    text-align: center;
    background-color: var(--mb-bg);
    border-bottom: 1px solid var(--mb-border);
    font-size: 18px;
    font-weight: 600;
}

.info__block > div.active:nth-child(odd) {
    font-weight: 600;
    color: var(--mb-blue);
    background-color: var(--mb-white);
    border-bottom: 1px solid var(--mb-blue);
}

.info__block > div:nth-child(even) {
    display: none;
    padding: 40px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.info__block > div.active {
    display: block;
}

/* Блок с описанием товара */

/* Продукт */
.product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.product > div {
    /*border: 1px solid var(--mb-black);*/
}

.product__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
}

@media (max-width: 1366px) {
    .product__image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
    }
}
@media (max-width: 1180px) {
    .product__image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    }
}
@media (max-width: 768px) {
    .product__image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 15%;
        flex: 0 0 15%;
    }
}
.product__info {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 60%;
    flex-basis: 58%;
}

.product__label {
    -ms-flex-preferred-size: 40%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 40px;
    flex-basis: 40%;
}

@media (max-width: 1240px) {
        .product__label {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

}

.product__clear {
    font-size: 18px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    padding-top: 20px;
    color: var(--mb-text-muted);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.product__info-title {

    font-family: HelveticaNeueCyr;
    font-size: 22px;
    line-height: 32px;
    flex-grow: 1;
    /*padding-left: 15px;
		margin: 15px 0 30px 0;*/
    margin: 0px 0px 10px 0px;
}
@media(max-width: 580px) {
    .product__info-title {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .product__info-characteristic > div:nth-child(3) {
        text-align: right;
    }
}

.product__info-h2 {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 10px;
}

.product__info-status {
    font-size: 15px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-height: 36px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product__info-status--available {
    color: var(--mb-green);
}

.product__info-characteristic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 15px;
    color: var(--mb-black);
    margin: 1em 0px;

}
.product__info-characteristic_cod_tovara {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    font-size: 14px;
    color: #4a4a4a;
    margin: 1em 0px;
}

.product__info-characteristic > div:nth-child(1) {
    padding-right: 10px;
}

.product__info-characteristic > div:nth-child(2) {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    border-bottom: 1px dotted var(--mb-text-soft);
}

.product__info-characteristic > div:nth-child(3) {
    padding-left: 10px;
    max-width: 70%;
}

.product__info-characteristic a {
    display: inline-block;
}

.product__info-more {
    margin-top: 10px;
    font-size: 14px;

}

.product__info-more a {
    color: var(--mb-blue);
    text-decoration:underline;
}

.product__info-count--cost {
    /*margin: 50px 0;*/
}
.product__info-count--colors {
    padding-right: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.product__info-count strong {
    font-size: 17px;
    font-weight: 500;
}
@media (max-width: 1180px) {

    .product__info-count strong {
        font-size: 16px;
        width: auto;
        display: inline-block;
    }
    .cart__count button {
        width: 25px;
        height: 25px;
    }
}

.product__label-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: none;
    margin-bottom: 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product__label-button {
    font-size: 13px;
    font-weight: 500;
    padding: 5px 20px 5px 10px;
    width: 120px;
    text-align: left;
    /*margin: 0 auto;*/
}

.product__info-tablets {
    display: none;
    float: right;
}

.product__label-conditions {
    list-style: none;
    display: flex;
    height: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0px;
    margin: 0;
    border: 1px solid var(--mb-border);
    border-bottom: 0px;
    margin-left: 20px;
    flex: 0 0 35%;
    flex-direction: column;
    background: var(--mb-white);
    border-radius: 12px;
    overflow: hidden;
}

.product__label-conditions > li {
    font-size: 14px;
    color: var(--mb-black);
    width: 100%;
    padding: 15px 10px 15px 40px;
    border-bottom: 1px solid var(--mb-border);
    background-position: 10px 20px;
    background-repeat: no-repeat;
    background-size: 20px;
}

.product__label-conditions > li > strong {
    font-size: 12px;
    font-weight: 600;
    color: var(--mb-blue);
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
}

.label-conditions__guarantee {
    background-image: url('../img/icon-guarantee.png');
}

.label-conditions__delivery {
    background-image: url('../img/icon-delivery.png');
}

.label-conditions__pickup {
    background-image: url('../img/icon-pickup.png');
}

@media (max-width: 1180px) {
    .product__clear {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 34%;
        flex: 0 0 34%;
    }
}


.product__result {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
    font-size: 20px;
    margin-top: 30px;
    font-size:25px;
}

.product__result .button {
    font-size: 14px;
    padding: 15px;
}

.product__result b {
    font-size: 26px;
    font-weight: 500;
}
.product__result .buy-button {
    min-height: 52px;
    position: relative;
    margin-left: 10px;
}
@media (max-width: 1280px) {
        .product__result div:first-of-type {
        font-size: 20px;
        margin-bottom: 0;
    }

    .product__result b {
        font-size: 24px;
    }
    .product__result div:last-of-type {
        margin-left: 30px;
    }
    .product__result .put-into-basket {
        padding: 15px;
    }
}
@media (max-width: 1240px) {
    .product__result {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin-top: 0;
    }
    .product__result div:first-of-type {
        font-size: 20px;
        line-height: 3;
    }
}
@media (max-width: 1024px) {
    .product__result {
        margin-top: 0;
    }
}
/* Продукт */

.info-alert {
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url('../img/icon-info.png') center center no-repeat;
    margin: 0px 5px;
}
.info-alert_cod_tovara {
    display: inline-block;
    cursor: pointer;
    margin: 0px 5px;
}

/* Tooltip */
.db {
    display: block
}

.dib {
    display: inline-block
}

.dn {
    display: none
}

.di {
    display: inline
}

.abs,
.tipit,
.tipit:before {
    position: absolute
}

.rel {
    position: relative
}

.fix {
    position: fixed
}

.tipit {
    color: var(--mb-text);
    padding: 2px;
    background: var(--mb-white);
    visibility: hidden;
    opacity: 0;
    z-index: 150;
    padding: 10px;
    -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
    font-size: 13px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .25s -ms-transform, .25s opacity, .25s visibility;
    -o-transition: .25s -ms-transform, .25s opacity, .25s visibility;
    transition: .25s -ms-transform, .25s opacity, .25s visibility;
    -webkit-transition: .25s transform, .25s opacity, .25s visibility;
    -o-transition: .25s transform, .25s opacity, .25s visibility;
    transition: .25s transform, .25s opacity, .25s visibility;
    -webkit-transition-timing-function: cubic-bezier(.43, 1.2, .8, 1.15);
    -o-transition-timing-function: cubic-bezier(.43, 1.2, .8, 1.15);
    transition-timing-function: cubic-bezier(.43, 1.2, .8, 1.15);
}

.tipit.left {
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.tipit.right {
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.tipit.top {
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.tipit.bottom {
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.tipit.fx {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.tipit:before {
    content: '';
    border: 6px solid transparent
}

.tipit.left:before {
    border-left-color: var(--mb-white);
    top: 50%;
    right: 0;
    margin-right: -12px;
    margin-top: -6px
}

.tipit.right:before {
    border-right-color: var(--mb-white);
    top: 50%;
    left: 0;
    margin-left: -12px;
    margin-top: -6px
}

.tipit.top:before {
    border-top-color: var(--mb-white);
    bottom: 0;
    left: 50%;
    margin-left: -6px;
    margin-bottom: -12px
}

.tipit.bottom:before {
    border-bottom-color: var(--mb-white);
    top: 0;
    left: 50%;
    margin-left: -6px;
    margin-top: -12px
}

.tipit > * {
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    -ms-pointer-events: none;
    -o-pointer-events: none;
    pointer-events: none
}

/* Tooltip */

/* Карусель в продуктах */
.tabs .tabs-content {
    min-height: 600px;
}

.tabs-main li {
    font-size: 15px;
    cursor: pointer;
}

.tabs-main > li:hover {
    color: var(--mb-blue);
}

.tabs-main > li.active {
    /*font-weight: bold;*/
    color: var(--mb-blue);
}

.form-dark-background {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
}

form.callback {
    display: none;
    position: absolute;
    top: 80px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 100;
}

.close-form-btn {
    position: absolute;
    border: none;
    top: 20px;
    right: 20px;
    color: var(--mb-red);
    cursor: pointer;
    margin: 0;
    background: #fdecea;
    border: 0px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    /* width: 32px; */
    /* height: 32px; */
    cursor: pointer;
    display: inline;
    padding: 0.8em 1em;
    line-height: 15px;
}

#oneclick_modal {
    width: 50%;
    position: fixed;
    top: 100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none;
    z-index: 999;
}

.categories-type-wrap {
    width: 100%;
    margin-bottom: -15px;
}

.up_arrow:after {
    content: "↑";
    position: absolute;
    width: 5px;
    right: -5px;
    top: 0;
    color: var(--mb-red);
}
.down_arrow:after {
    position: absolute;
    width: 5px;
    right: -5px;
    top: 0;
    color: var(--mb-red);
    content: "↓";
}
.js-modal-form{
    min-width: 50%;
}
.form-title, .modal-title {
    font-size: 24px;
    margin-bottom: 40px;
    text-align: center;
    /* max-width: 1000%; */
    line-height: 26px;
    font-weight: 500;
    margin-top: 40px;
    color: var(--mb-black);
}
.js-modal-form .cart__info-result{
    justify-content: flex-start;
    padding: 0;
    margin: 0 auto;
    gap: 30px;
    max-width: 680px;
    flex-direction: row-reverse;
}
.js-modal-form  .catalog-cat__filter_1{
    flex: 0;
    margin:0;
}
.properties-column {
    width: 48%;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*border: 1px solid var(--mb-bg);*/
}
.properties-column:nth-of-type(1) {
    margin-right: 2%;
}
.properties-column:nth-of-type(2) {
    margin-left: 2%;
}
.property-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 5px 10px;
}
.property-wrap:nth-of-type(2n-1) {
    background: var(--mb-bg);
}
.property-wrap span {
    line-height: 2;
}

#callback .important cart__info-item > div:nth-child(1),
#oneclick_modal .important cart__info-item > div:nth-child(1) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
}

#callback .cart__info-item > div:nth-child(1),
#oneclick_modal .cart__info-item > div:nth-child(1) {
    width: 0;
}
#callback .cart__info-item > div:nth-child(2),
#oneclick_modal .cart__info-item > div:nth-child(2) {
    width: 100%;
}
#callback .important cart__info-item > div:nth-child(2),
#oneclick_modal .important cart__info-item > div:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    text-align: right;
}

.fotorama__wrap {
    max-height: inherit !important;
}
.fotorama {
    max-height: 340px !important;
    width: auto !important;
}
.fotorama .img-responsive, .fotorama .fotorama__nav {
    width: 0;
}
.fotorama .fotorama__stage {
    max-height: 270px !important;
}
.fotorama .fotorama__stage__frame {
    max-height: 340px !important;
    width: auto !important;
    background: var(--mb-white);
}
.fotorama img.fotorama__img {
    max-height: 100% !important;
    height: 100% !important;
    width: auto !important;
    margin: 0 auto !important;
    top: auto !important;
    bottom: auto !important;
    cursor: pointer;
}
.show_result {
    border-color: var(--mb-blue);
    color: var(--mb-blue);
}
.show_result, .reset {
    padding: 10px 13px;
    margin: 30px 0px 15px;
    line-height: 20px;
    max-width: 49%;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

iframe{
    width: 100%;
}

/* Jivo: не растягивать виджет глобальным iframe { width: 100% }.
   Расположение — как в старой версии (phones.css + newHeader.css), без правок. */
jdiv iframe,
#jivo-iframe-container iframe,
.wrap_mW iframe,
iframe[src*="jivo"],
iframe[src*="jivosite"] {
    width: unset;
}

.jivoMenu{
    opacity: 0.3;
    transition: opacity 0.5s ease;
}
.jivoMenu a{
    pointer-events: none;
}
.jivoMenu.active{
    opacity: 1;
}
.jivoMenu.active a{
    pointer-events: auto;
}

@media (max-width: 700px) {
    .wrap_mW.__jivoMobileButton {
        bottom:40px;
    }
}

@media (max-width: 680px) {
    .header__phone-div {
        display: none;
    }
    .grey_border .left_block .free_text iframe {
        width: none;
    }
}

.u-AhunterSuggestions
{
    -webkit-transition: translateY(-100px);
    -o-transition: translateY(-100px);
    transition: translateY(-100px);
    border: 1px solid var(--mb-border);
    background: white;
    overflow: auto;
    border-radius: 10px;
}

.u-AhunterSuggestion
{
    padding: 5px;
    white-space: nowrap;
    overflow: hidden;
}

.u-AhunterEmptySuggestion
{
    padding: 5px;
    font-style: italic;
    color: #b8661f;
}
.u-AhunterSelectedSuggestion
{
    background: #E7E7E7;
}
.fly_image {
    position: absolute;
    z-index: 999;
}

@-webkit-keyframes cart_flash {
    0%  {-webkit-transform: scale(1);transform: scale(1)}
    50% {-webkit-transform: scale(1.3);transform: scale(1.3)}
}

@keyframes cart_flash {
    0%  {-webkit-transform: scale(1);transform: scale(1)}
    50% {-webkit-transform: scale(1.3);transform: scale(1.3)}
}

.header-basket__block-icon.flash {
    -webkit-animation: cart_flash  0.2s  ease-in-out;
    animation: cart_flash  0.2s  ease-in-out;
}

.js-hidden  {
    display: none;
}
/* Скрыто */

.color__list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    justify-content: left;
}

.color__list_pair {
    position:relative;
    height:2em;
    width:3em;
    margin:0 0.2em;
}

.color__list-pallete {

    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
}

.color__list-pallete:nth-child(2n+1) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;

}
.color__list-pallete:nth-child(2n) {
    margin-left:  0;
    clip-path: polygon(0% 100%, 100% 0%, 100% 100%);
}

li.bx-clone {
    /*width: auto !important; ????  */
}

#alert{
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: none;
    background: var(--mb-white);
    z-index: 999;
}
.message-error{
    color: var(--mb-red);
}
.catalog__slider-btns .basket-link-catalog {
    display: none;
    border-color: var(--mb-blue);
    background-color: var(--mb-blue);
}

.catalog__slider-btns .put-into-basket-catalog {
    z-index: 1;
}
.bx-main ~ .category__list{
    margin-top:10px;
}

.news_box {
    border-radius: 12px;
    padding: 10px;
    display: block;
    margin-bottom: 10px;
    background-color: var(--mb-white);
    background: var(--mb-white);
    border: 1px solid var(--mb-border);
    box-shadow: none;
}

.news_text h4{
    font-size: 16px;
}
.right_block{
    float: left;
    padding: 10px 10px 0 0;
    width:150px;
    text-align:center;
}
.right_block img {max-width:100%}
.floatnone{
    clear: both;
}
.img-responsive, .free_text img{
    /*width: 100%;*/
    /*height: auto;*/
    width: auto;
    max-height: 250px;
    margin: 0 auto;
    max-width: 100%;
}
.product__result .put-into-basket {
    z-index: 1;
}
.image-big-view-wrap {
    background: var(--mb-white);
    position: fixed;
    display: none;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 20px;
    z-index: 35;
}
.big-view-close {
    position: absolute;
    border-radius: 3px;
    border: none;
    top: 9px;
    right: 9px;
    background: var(--mb-red);
    color: var(--mb-white);
    cursor: pointer;
    font-size: 14px;
    padding: 8px 12px;
    margin: 0;
}
.product-video  {
    /*max-width:600px;*/
}
.product-video--title {
    padding:1em;
    font-weight: 600;
    text-align: center;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pdf-download-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    position: relative;
    width: 240px;
    border: thin solid #e9e9e9;
    padding: 10px;
    border-radius: 5px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 10px;
    flex-direction: row;
}

.pdf-download-link .download-icon {
    background-color: var(--mb-white);
    position: absolute;
    bottom: 0em;
    right: 0em;
    width: 3em;
}

.feedback-form-wrapper {
    margin-top: 20px;

}
.feedback-form-wrapper_new {
    margin-top: 20px;

}
.feedback-form-wrapper#zakaz0{
    display: none;
}

body.wait *    {
    cursor:wait !important ;
}
.catalog__prices-price del{
    color: var(--mb-text-muted);
    font-size: 0.8em;
    position: absolute;
    right: 0px;
    top: 15px;
    font-weight: 300;
    /*text-decoration: none;*/
}
/*.catalog__prices-price del:after,*/

.product__clear div {
    display: inline-block;
    position: relative;
    font-weight: bold;
    padding: 5px 0;
}

.product__clear div span {
    display: inline-block;
    margin-right: 20px;
    font-weight: normal;
}

.product__clear .old-price:after {
    content: "";
    width: 45%;
    height: 2px;
    background: var(--mb-red);
    position: absolute;
    top: 45%;
    right: 0px;
    -webkit-transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    transform: rotate(-9deg);
}

.stock-size {
    color: var(--mb-red);
}
@media (max-width: 1366px) {
    .stock-size {
        display: none;
    }
}

.stock-size span {
    color: var(--mb-text-muted);
}

.one-price {
    color: var(--mb-black);
}

.prices-by-one {
    line-height: 1.5;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 1366px) {
    .prices-by-one {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}
@media (max-width: 1240px) {
    .prices-by-one {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}
@media (max-width: 768px) {
    .prices-by-one {
        display: none;
    }
}

.basket-link {
    background: var(--mb-green);
    border-color: var(--mb-green);
    color: var(--mb-text);
    display: none;
}
.complete .basket-link {
    display: inline-block;
}
.complete .put-into-basket {
    display: none;
}

.product-cost-wrap {
    width: 100%;
    margin: 30px 0;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.product__accessories-list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 1em;
    background-color: var(--mb-bg);
    padding: 1.3em;
}

.product__accessories {
    -ms-flex-preferred-size: 38%;
    flex-basis: 38%;
    display: none;
}

@media (max-width: 1240px) {
    .product__info {
        -ms-flex-preferred-size: 55%;
        flex-basis: 55%;
    }
}
@media(max-width: 1050px) {
    .product__info {
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
    }
}

#fotorama > .fotorama__wrap .fotorama__active {
    display: inline-block !important;
}

#fotorama > .fotorama__wrap .fotorama__active:hover:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    background-image: url(../img/zoom-in-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 35;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
    opacity: 0.7;
    cursor: pointer;
}
.search-sub-categories {
    margin-bottom: 0px;
}

.search-sub-categories .catalog__slider--list li {
    max-width: 16.6667%;
    padding: 15px;
}
.search-sub-categories .catalog__slider--list li a {
    text-align: center;
    display: block;
}
.search-product-catalog .catalog__slider--list li.catalog_item_preview  {
    max-width: 25%;
}
/* ССылкиа на инструкци в карточке товара */
.pdf-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.pdf-download-link img.img-responsive {
    display: inline-block;
    position: relative;
    max-width: 100%;
    width: auto;
}
.pdf-download-link:after {
    display: block;
    width: 30px;
    height: 50px;
    content: "";
    right: 0;
    top: 0;
    background: var(--mb-white) url(../img/icon-download-pdf.png) center center no-repeat;
    background-size: 70%;
    padding: 10px;
}
.document-caption {
    display: inline-block;
    width: 100%;
    text-align: center;
    word-break: break-all;
    min-height: 40px;
    margin-top: 20px;
}
/*всплывающее окошко быстрого поиска */

#preResult {
    position: absolute;
    z-index: 100;
    width:15em;
    background-color: var(--mb-white);
    border: 1px solid var(--mb-border);
    text-align: center;
    border-radius: 15px;
    padding:0.5em 1em;
    -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
    display: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#preResult  .not-found {display:none}
#preResult.empty  .not-found {display: block}
#preResult.empty  .message {display: none}
#preResult .show_result  {
    margin:5px 0 0 0 ;
    max-width: none;
    line-height:inherit;
    padding: 4px ;
}

.gallery-wrap {
    position: relative;
    background-color: var(--mb-white);
    background-image: url(../img/preloader.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 10%;
    -ms-flex-preferred-size: 32%;
    flex-basis: 32%;
}
@media (max-width: 580px) {
    .gallery-wrap {
        width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 30px;
    }
}
.gallery {
    background: var(--mb-white);
    opacity: 0;
    position: relative;
    text-align: center;
    width: 100%;
    height: 100%;
    max-width: 400px;
    max-height: 100%;
    margin: 0 auto;
    min-height: 230px;
}

@media (max-width: 1366px) {
    .gallery {
        max-width: 380px;
    }
}
@media (max-width: 1280px) {
    .gallery {
        max-width: 320px;
    }
}
@media (max-width: 1050px) {
    .gallery {
        max-width: 260px;
    }
    .product__info {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
    }
}
@media(max-width: 700px) {
    .product__info {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
    .product-cost-wrap {
        margin-top: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media (max-width: 580px) {
    .product__info {
        width: 100%;
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .gallery {
        max-width: 100%;
        width: 100%;
    }
    .js-product-gallery-nav {
        display: none;
    }
    .header__logo {
        /*-ms-flex-preferred-size: 40%;*/
        /*flex-basis: 40%;*/
        width: 100%;
        max-width: 40%;
    }
    .header__logo-link {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

}

@media (max-width: 1240px) {
    
    .product__label-conditions {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-top: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        border: none;
    }
    .product__label-conditions > li {
        border: none;
    }
    .label-conditions__guarantee {}
    .label-conditions__delivery {}
    .label-conditions__pickup {}

    .product-cost-wrap {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}
@media (max-width: 580px) {
    .product__label-conditions {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .product__label-conditions > li {
        width: 100%;
    }
}
.slick-track {
    overflow: hidden !important;
}
.slick-lightbox .slick-arrow {
    z-index: 10;
}
.js-product-gallery {
    background: var(--mb-white);
    overflow: hidden;
}

.js-product-gallery div img {
    position: relative;
    z-index: 5;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 430px;
    margin: 0 auto !important;
    max-width: 100%;
    cursor: pointer;
}
.js-product-gallery .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.js-product-gallery .slick-track .slick-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: inherit;
    min-height: 300px;
}
.js-product-gallery-nav .slick-slide div {
    overflow: hidden !important;
}
@media (max-width: 1240px) {
    .slick-slide {
        overflow: hidden;
    }
}
.js-product-gallery-nav {
    margin-top: 30px;
}

.js-product-gallery-nav .slick-list {
    padding: 0 !important;
    overflow: hidden;
    max-height: 380px;
    height: auto !important;
}
.js-product-gallery-nav .slick-track {
    position: relative;
    width: 100%;
    min-width: 100% !important;
    height: auto !important;
}
.js-product-gallery .slick-slide,
.js-product-gallery-nav .slick-slide {
    position: relative !important;
    outline: none !important;
}
.js-product-gallery-nav .slick-slide {
    border: 2px solid transparent;
    cursor: pointer;
    padding: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin-right: 5px;
    margin-left: 10px;
    -webkit-transition: 0.15s linear;
    -o-transition: 0.15s linear;
    transition: 0.15s linear;
}
.js-product-gallery-nav .slick-slide:hover {
    border: 2px solid #d4d4d4;
    -webkit-transition: 0.15s linear;
    -o-transition: 0.15s linear;
    transition: 0.15s linear;
}
.accessories__list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1em;
    margin-top: 1em;
    border-top: 1px solid var(--mb-border);
}

@media (max-width: 1410px) {
    .accessories__list-title {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
    .cart__count--small button {
        width: 22px;
        height: 22px;
    }
    .cart__count button {
        border-radius: 0;
    }

}

@media (max-width: 1240px) {
    .js-product-gallery-nav .slick-cuurent {
        max-width: 100px;
        height: 80px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.js-product-gallery-nav .slick-current,
.js-product-gallery-nav .slick-current:hover {
    border: 2px solid var(--mb-blue);
    -webkit-transition: 0.15s linear;
    -o-transition: 0.15s linear;
    transition: 0.15s linear;
}
.js-product-gallery-nav div img {
    height: 100%;
    max-height: 80px;
    max-width: 100px;
    margin: 0 auto;
}
@media (max-width: 1240px) {
    .js-product-gallery-nav div img {
        max-height: 60px;
    }
}
.gallery-arrow {
    position: absolute;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    font-size: 14px;
    font-family: Helvetica, sans-serif;
    line-height: 40px;
    text-align: center;
    z-index: 10;
    cursor: pointer;
    -webkit-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;
}
span.mod-prev.slick-arrow,
span.mod-next.slick-arrow {
    display: none !important;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    z-index: 5;
}
span.mod-prev.slick-arrow {
    background: url(../img/slider-prev.png) center no-repeat;
    background-size: 60%;
    left: 0;
}
span.mod-next.slick-arrow {
    right: 0;
    background: url(../img/slider-next.png) center no-repeat;
    background-size: 60%;
}
.js-product-gallery:hover .slick-arrow {
    display: block !important;
    z-index: 15 !important;
}

.js-product-gallery:hover .js-gallery-popup:after {
    pointer-events: none;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    background-image: url(../img/zoom-in-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 5;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
    opacity: 0.7;
    cursor: pointer;
}
button.slick-prev.slick-arrow, button.slick-next.slick-arrow {
    position: absolute;
    top: 50%;
    width: 25px;
    height: 25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    visibility: hidden;
}
button.slick-prev.slick-arrow:before {
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: url(../img/slick-lightbox-prev.png) center center no-repeat;
    background-size: cover;
    visibility: visible;
    content: "";
    cursor: pointer;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    -ms-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
}

button.slick-next.slick-arrow:before {
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(../img/slick-lightbox-prev.png) center center no-repeat;
    background-size: cover;
    visibility: visible;
    content: "";
    cursor: pointer;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

button.slick-prev.slick-arrow:hover:before {
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;

    -webkit-transform: translate(-50%, -50%) rotate(180deg) scale(1.1);
    -ms-transform: translate(-50%, -50%) rotate(180deg) scale(1.1);
    transform: translate(-50%, -50%) rotate(180deg) scale(1.1);
}

button.slick-next.slick-arrow:hover:before {
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    -ms-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
}

@media (max-width: 580px) {
    span.mod-prev.slick-arrow, span.mod-next.slick-arrow {
        display: block !important;
    }
    .js-product-gallery .slick-active:after {
        display: none !important;
    }
}

.product__info-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*padding-left: 30px;*/
    -ms-flex-preferred-size: 64%;
    flex-basis: 64%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.product__title-wrap {
    width: 100%;
}
.bullits--horizontal {
    display: none;
}
.bullits--horizontal .product__label {
    width: 100%;
    padding: 0;
}
.bullits--horizontal .product__label-conditions {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
}
.bullits--horizontal .product__label-conditions > li {
    width: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 40px;
    border: none;
}

.accessories-tipit-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 380px;
}
.accessories-tipit-content img {
    margin-right:1em;
}

.info__block .tab-content a {
    color: var(--mb-blue);
    text-decoration: underline;
}

@media (max-width: 1480px) {
    .product__info-wrap {
        -ms-flex-preferred-size: 59%;
        flex-basis: 59%;
    }
    .product__result b, .old-new-price b {
        font-size: 22px;
    }

}
@media (max-width: 1366px) {
    .product__result {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .product__result div:first-of-type {
        /*width: 100%;*/
        /*margin-bottom: 15px;*/
        text-align: right;
    }
    .product__result div:last-of-type {
        /*width: 100%;*/
        text-align: right;
    }
    .product__result b {
        font-size: 24px;
    }
}

@media (max-width: 1280px) {
    .product__info-wrap .product__label {
        display: none;
    }
    .bullits--horizontal {
        display: block;
    }
    .product__info {
        -ms-flex-preferred-size: 100%;
        flex-basis: 60%;
    }

        .product__result {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 30px;
    }

    
    .gallery-wrap {
        margin-top: 50px;
    }
    
    .bullits--horizontal .product__label-conditions {
        margin-top: 50px;
    }
}

@media (max-width: 1140px) {
        .product__info-wrap {
        -ms-flex-preferred-size: 54%;
        flex-basis: 54%;
        flex-direction: column;
    }

    .bullits--horizontal .product__label-conditions > li {
        margin: 0;
    }
    .bullits--horizontal .product__label-conditions {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.image-preview {
    display: block;
    margin: 0 auto;
    width: auto;
    max-height: 600px;
}
.slick-lightbox-slick-item {
    cursor: pointer;
}

.separate-article {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;
    justify-content: flex-start;
}
.separate-article .news_text h4 {
    margin-top: 0;
    margin-bottom: 10px;
}

.separate-article .article-pic {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    max-width: 140px;
    max-height: 140px;
    overflow: hidden;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.separate-article .article-pic .anons_pic {
    padding: 0;
    margin: 5px;
}
.separate-article .article-text {
    padding-left: 40px;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}
.read-more,
.read-more:active {
    display: block;
    color: var(--mb-blue);
    text-align: right;
}
.read-more:hover {
    opacity: 0.7;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.articles-pagination-wrap {
    text-align: right;
}
.articles-pagination {
    display: inline-block;
}
@media (max-width: 540px) {
    .separate-article {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-bottom: 20px;
        border-bottom: thin dotted #d9d9d9;
        margin: 20px 0;
    }
    .separate-article .article-pic {
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
        border: none;
    }
    .separate-article .article-text {
        width: 100%;
        text-align: left;
        padding: 0;
    }
    .article-text p {
        margin: 10px 0;
    }
}

/*Запрет выделение блоков в хидере кроме email*/
.header__time , .header__button , .header__basket  {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.currency {
    font-weight: 100 !important;
    font-size:0.7em;
}
.modal-title {
    color: var(--mb-black);
}
.polconf {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: center;
}
.nalichie {
    position: absolute;
    z-index: 2;
    letter-spacing: 0.01em;
    background: var(--mb-white);
    top: auto !important;
    right: auto !important;
    left: 0;
    bottom: 8px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    width: fit-content;
    height: 24px;
    padding: 0 8px;
    border: 0;
    border-radius: 7px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--mb-text);
    box-shadow: none;
}

.nalichie.est {
    border: 0;
    color: var(--mb-text);
    background: var(--mb-green-light);
}

.nalichie.net {
    border: 0;
    color: var(--mb-text-muted);
    background: var(--mb-border);
}

.nalichie.discontinued {
    border: 0;
    color: var(--mb-text-muted);
    font-size: 11px;
    background: var(--mb-border-dark);
}

.compare_item_count.hidden{
    display: none;
}

.gallery .nalichie {
    padding: 4px 8px;
    right: auto;
    top: auto;
    bottom: 8px;
    left: 8px;
}

@media (max-width: 768px) {
    .gallery .nalichie {
        /*left: -15px;*/
        bottom: 0;
    }
}
.one_news a {
    color: var(--mb-blue);
}
.one_news a[href$=".pdf"]:before {
    content: "";
    display: inline-block; ;
    background:  url(../img/icon-download-pdf.png) no-repeat  ;
    background-size: contain;
    width: 1.7em;
    height: 1.7em;
}

.about__bullits {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;

    justify-content: space-between;
    align-items: center;

    margin: 50px 0 0 0;
}
.bullit {
    width: 33%;
    text-align: center;
}
.bullit img {
    width: 160px;
    height: auto;
    display: inline!important;
}

.bullit p {
    width: 100%;
    line-height: 1.5;
    font-size: 22px;
    text-align: center;
    color: var(--mb-blue);
}
span.marker{
    position: absolute;
    left: 0;
    top: 6px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid var(--mb-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

@media (max-width: 1140px) {
    .bullit img {
        width: 100px;
    }
    .bullit p {
        font-size: 18px;
    }
}
@media (max-width: 740px) {
    .bullit img {
        width: 100px;
    }
    .bullit p {
        display: table;
        vertical-align: middle;
        font-size: 16px;
        min-height: 48px;
        vertical-align: middle;
    }
}
@media (max-width: 700px) {
    .about__bullits {
        flex-direction: column;
    }
    .bullit {
        width: 50%;
        margin-bottom: 20px;
    }
    jdiv.wrap_e5cd {
        bottom: 50px;
    }
    .main-content:has(.product) {
        margin: 0 0;
    }
    jdiv > jdiv > jdiv > jdiv[class^="container__"]{
        right: -200px !important;
        bottom: 50px !important;
    }
    jdiv[class*="button"]{
        opacity: 0;
        top: 0;
        right: 0 !important;
    }

    .search-product-catalog .catalog__slider--list li.catalog_item_preview {
        width: 48%;
        max-width: 100%;
        margin-bottom: 3%;
    }
    .hide-cat-list.hidden{
        display: none;
    }
}

.link {
    display: inline-block;
    color: var(--mb-blue);
    border-bottom: 1px dashed var(--mb-blue);
    cursor: pointer;
}
.link:hover {
    transition: 0.2s;
    color: #7ed6fd;
    border-color: #7ed6fd;
}

.product__properties-wrap {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
}

.content_gal .galereya{
    max-width: 25%;

    max-height: 210px;
    height: 210px;
}
.galereya{
    display: inline-block;

    overflow-y: hidden;

    margin-bottom: 15px;
}
.open_works_a{
    height: 40px;
    display: flex;
    align-items: center;
    gap: 0;
    flex-wrap: wrap;
    justify-content: flex-start;
    background: var(--mb-bg);
    border-radius: 5px;
    padding: 8px;
    text-align: left;
    flex-direction: row;

}

.tabs.tabs-main li:first-child{
    display: block;
}
.acs .tabs{
    margin-top: 0;
}
.info__block .tab-content a.basket-link-catalog{
    color: var(--mb-white)!important;
    text-decoration: none !important;
}
@media (max-width: 768px) {
    .galereya {
        width: 49.5%;
    }
}
@media (max-width: 700px) {
    .galereya {
        width: 100%;
    }
}
.image-galereya{
    display: block;
    margin: 0 auto;
    max-height: 200px;
    max-width: 100%;
    width: auto;
    height: auto;
    border-radius: 12px;

}
.galereya_wrap{
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 2%;
    flex-wrap: wrap;
}

.w-120  {
    width:120px;
}
.grow-1 {

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

.product__info-h2 .action {
    font-size:0.8em;
    cursor: pointer;
    text-decoration: underline;
}

/* Count-control — library/count_control.phtml
   (+ shortCart / builder/multi — та же разметка).
   Контексты: товар (.product .price_block.btnBlock; newObj после styleNew),
   каталог (.catalog__slider-btns.btnBlock), корзина (.cart__item-count),
   билдер (.optionsPropsBuilder). */
.count-control {
    display: flex;
}
.count-control .control {
    display: inline-block;
    background-color: var(--mb-white);
    height: 44px;
    margin: 0;
    padding: 0;
    border: 1px solid var(--mb-border);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--mb-text-muted);
}
.count-control .control:hover {
    color: var(--mb-black);
}

/* --- .dec / .inc / .quantity (база) --- */
.count-control .control.dec,
.count-control .control.inc {
    width: 44px;
    text-align: center;
    cursor: pointer;
}
.count-control .control.dec span,
.count-control .control.inc span {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-top: 1px solid var(--mb-text-muted);
    border-left: 1px solid var(--mb-text-muted);
}
.count-control .control.dec span {
    transform: translateY(-3px) rotate(-135deg);
}
.count-control .control.inc span {
    transform: translateY(3px) rotate(45deg);
}
.count-control .control.dec:hover span,
.count-control .control.inc:hover span {
    border-color: var(--mb-black);
}
.count-control .control.dec {
    border-radius: 10px 0 0 10px;
}
.count-control .control.inc {
    border-radius: 0 10px 10px 0;
}
.count-control .control.quantity {
    border-width: 1px 0;
    width: 70px;
    text-align: center;
    font-size: 17px;
}

/* Корзина / shortCart */
.cart__item-count .count-control .control.dec,
.cart__item-count .count-control .control.inc {
    width: 40px;
    height: 40px;
}
.cart__item-count .count-control .control.quantity {
    width: 50px;
    height: 40px;
}

/* Каталог (.catalog__slider-btns.btnBlock) */
.catalog__slider-btns .count-control .control.quantity {
    width: 40px;
}

/* Карточка товара — перебить newObj.css (dec/inc → 26px, qty → 30px) */
.product .price_block .count-control .control.dec,
.product .price_block .count-control .control.inc {
    width: 44px;
    min-width: 44px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 44px;
    flex: 0 0 44px;
}
.product .price_block .count-control .control.quantity {
    width: 48px;
    min-width: 48px;
}

/* Билдер (content/builder/multi.phtml) — компактный счётчик */
.optionsPropsBuilder .count-control .control {
    font-size: 16px;
    line-height: 18px;
    height: auto;
    padding: 5px;
}
.optionsPropsBuilder .count-control .control.dec,
.optionsPropsBuilder .count-control .control.inc {
    width: 30px;
}
.optionsPropsBuilder .count-control .control.quantity {
    width: 50px;
}
.optionsPropsBuilder .product__info-control .optionsPropTitle ~ .count-control .control.dec {
    border-radius: 0;
}
.optionsPropsBuilder .product__info-control .control {
    border: 2px solid var(--mb-border);
}
.optionsPropsBuilder .product__info-control .control.quantity {
    border-right: 0;
    border-left: 0;
}
.optionsPropsBuilder .product__info-control.active .control {
    border-top-color: var(--mb-blue);
    border-bottom-color: var(--mb-blue);
}
.optionsPropsBuilder .product__info-control.active .control.inc {
    border-right-color: var(--mb-blue);
}

.product__info-count {
    font-size: 18px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 30px 1em 30px 0;
    justify-content: space-between;
}

.product__info-control {
    display: flex;
    align-items: center;
    width: 270px;
    justify-content: space-between;
}

.product__cart-control {
    width:100%;
    margin-left: 1em;
}

}
.product__info-count >div {
    margin-top:2em;
}

.product__info-count .price__old {
    color:var(--mb-text-muted);
    margin:0 1em;
    text-decoration:line-through;
}
.product__info-count .price__actual {
    font-size:25px;
    /*margin-right:1em;*/
    color:var(--mb-red)
}
.product__info-count .price-total {
    font-size:20px;
    margin-left:1em;
}

.product__accessories-list.collapsed  .accessories__list:nth-child(n+4) {
    display:none;
}

.product__accessories-title .label {
    font-size:18px;
    /*margin-bottom:0.5em;*/
    font-weight: 600;
}
.product__accessories-title .show-all {
    color:var(--mb-blue);
    font-size:15px;
    cursor:pointer;
    margin-left:0.5em;
    vertical-align:middle;
    text-decoration:underline;
}
.product__accessories-control {
    display:flex;
    align-items: center;
    width:270px;
    justify-content: space-between;
}

.accessories__list:nth-child(2){
    border-top:none;
    margin-top:none;
}

.product__accessories-control .price-total {
    font-size:20px;

    /*margin-left:1em;
	/*min-width:7em;*/
}

.product__accessories-price-info {
    color:var(--mb-text-muted);
    font-size:0.9em;
}

.product__accessories-price-info  .actual-price{
    color:var(--mb-red);
}

.product__accessories-price-info  .old-price{
    margin-left:1em;
    text-decoration: line-through;
}

.accessories__list-title  .info-tip {
    display:inline-block;
    width:25px;
    height:25px;
    font-size:12px;
    line-height:25px;
    text-align:center;
    border-radius:50%;
    background-color:var(--mb-border);
}

.product__info-offers .buttons {
    display:flex;
    align-items: center;
    margin-top:1em;
}
.product__info-offers {
    margin:1em;
}

.product__info-offers button {
    border:1px solid var(--mb-border);
    background:none;
    padding:1em 1.5em;
    font-size:17px;
    margin:0 0.2em;
    border-radius:5px;
    opacity:0.5;
    cursor:pointer;
}

.product__info-offers button.active {
    border-color:var(--mb-blue);
    opacity:1;
    cursor:inherit;
}

.product__info-palette {
    display:flex;
    flex-wrap: wrap;
}

.product__info-palette .palette-element {
    width:25%;
    height:4em;
    display:flex;
    text-align:center;
    justify-content:center;
    align-items:center;
    position:relative;

}

.product__info-palette .palette-element .name {
    opacity: 0;
    transition: all 500ms ;
    cursor: default;
}
.product__info-palette .palette-element:hover .name {
    opacity: 1;
}
.product__info-palette .palette-element img {
    opacity:0.2;
    position:absolute;
    width:100%;
    height:100%;
}
.container a {
    color:var(--mb-blue);
}
.container a:hover {
    text-decoration:underline;
}

.catalog__slider li {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.container.grey_border img {
    display: block;
}
.container p a {
    /* text-decoration:underline; */
}

ol li ul {
    list-style-type: disc;
}

.analog-product {
    margin-top:1.5em;
}
.analog-product .analog-product-title {
    font-size:1.4em;

}
.analog-product-item {
    display:flex;
    margin-top:1em;

}
.analog-product-name {
    font-size:1.2em;
    padding:0.5em 0;
}
.analog-product-price {
    padding-left:2em;
    text-align:right;
    font-size:1.5em;
}
.analog-product-price  .price__old {

    color: var(--mb-text-muted);
    font-size: 0.9em;
    right: 0px;
    top: 15px;
    text-decoration: line-through;

}
.analog-product-price  .price__actual {
    color:var(--mb-red);
}

@media (max-width: 425px) {
    .analog-product {
        padding:0 1em;
    }
    .analog-product-name {
        font-size:1.2em;
        padding:0.5em 1em;
    }
}

.contacts .pickup_point {
    display: flex;
    /* margin: 2em 0; */
    padding-bottom: 2em;
    /* border-bottom: 1px solid var(--mb-border); */
    flex-wrap: nowrap;
    background-color: var(--mb-bg);
    padding: 20px;
    border-radius: 12px;
    align-items: center;
    margin-bottom: 10px;

}
.contacts .map{
    border-radius: 12px;
    overflow: hidden;
}
.contacts .pickup_point:nth-child(odd) .content {
    padding-right: 3em
}
.contacts .pickup_point:nth-child(2n) {
    flex-direction: row-reverse;
}
.contacts .pickup_point:nth-child(2n) .map {
    margin-right: 3em;
}
.contacts .pickup_point:nth-child(2n) .content {
    /*	padding-left:3em;*/
}

.contacts .contact-wrapper {
    margin-top:2em;
    /*border-top:1px solid #ccc;*/
}
.contacts .map {
    height:300px;
    /*  max-width: 540px;*/
    width:60%;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
    background:url(../img/map_layout.png) no-repeat 0 0;
    background-size: cover;
}

.contacts .pickup_point .content {
    width:60%;
    flex-grow:1;
}

@media (max-width: 425px) {
    .contacts .pickup_point {
        flex-wrap: wrap;
        /*padding: 0 1em;*/
    }
    .feedback-form-wrapper .cart-wrap{
        margin: 0;
    }
    .feedback-form-wrapper_new .cart-wrap{
        margin: 0;
    }
    .contacts .map {
        width: 90%;
        margin: 0 auto;
    }
    .contacts .pickup_point:nth-child(2n) .content {
        padding-left:0em;
    }
    .main-content {
        margin: 0 1em;
    }
    .price-card .product__info-count {
        margin-right: 0;
        padding: 0 0.5em;
    }
}

.price-card ul{
    margin: 20px 0 0 0;
    padding: 0;
}
.price-card ul li{
    margin-left:50px;
    display: list-item;
    list-style-type: disc;
}
.price-card a {
    color: var(--mb-blue);
    text-decoration: none;
}
.price-card a:hover {
    text-decoration: underline;
}

.posmotret{
    margin-left: 0em;
}
.posmotret .button{
    width: 100%;
    white-space: normal;
    line-height: 20px;
    padding: 6px 30px;
}

.posmotret_tov .price-card{
    margin-top: 15px;
}
.h7descrcatalog ol li {
    background-color: lightgray;
    width: 220px;
    height: 150px;
    padding: 10px;
    margin: 10px 10px 10px 35px;
    position: relative;
    font-size: 24px;
}

.h7descrcatalog ol li span {
    display: block;
    left: 0;
    right: 0;
    width: 200px;
    margin: auto;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 15px;
}
.h7descrcatalog ol {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    align-content: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0;
    padding: 10px;
}
.h7{
    text-align:center;
}
.h7head{
    font-size: 18px;
    font-weight: bold;
}
.h7text{
    font-size:15px;
}
.h7center{
    text-align: center;
}
.osobennosti{
    display: flex;
    margin: 30px 8px;
    min-width: 300px;
}
.osobennosti_name{
    font-weight:bold;
    width: 300px;
}
.osobennosti_text{
    max-width: 240px;
    font-size:14px;
    line-height: 1.2;
}
.osobennosti_conteiner{
    display: flex;
    flex-flow: column wrap;
    margin-bottom: 25px;
    width: 31%;
    justify-content: center;
}
.osobennosti img{
    height: auto;
    width: 70px;
    margin: auto;

}
.osobennosti_big{
    width: 45%;
    margin: auto;
    display: block;
    height: auto;
}
.osobennosti_ob{
    display: block;
    margin: auto 5px;
}

.h7center .button {
    margin: 10px;
    min-width: 20%;

}

.h7center > div:nth-child(1) {
    /*-webkit-box-flex: 0;
			-ms-flex: 0 0 70%;
			flex: 0 0 70%;*/
    flex-grow: 1;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.osobennosti_all {
    display: inline-flex;
}

@media (max-width: 425px) {
    .osobennosti_all {
        display: block;
    }
    .osobennosti_big{
        width: 90%;
    }

}

@media (max-width: 1450px) {
    .osobennosti_name {
        max-width: 240px;
        font-size: 14px;
    }
}

.alt__bullits {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 18px;
}

.alt__bullit {
    width: 23%;
    margin: 1%;
    position: relative;
    text-align: center;
}
.alt__bullit__img {
    width: 100px;
}

@media (max-width: 420px) {
    .alt__bullits {
        display: block;
    }

    .alt__bullit {
        width: 98%;
        margin: 1%;
    }
}

.alternativnyi_image {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 420px) {
    .alternativnyi_image {
        width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}
.regioning{
    border: 1px solid var(--mb-border);
    position: absolute;
    display: block;
    max-height: 300px;
    /* overflow: scroll; */
    display: none;
    margin-top: 5px;
}
.regioning a{
    border: 1px solid var(--mb-border);
    padding: 5px 10px;
    display: block;
    background: var(--mb-white);
    text-decoration: none;
}
.regioning a:hover{
    background: var(--mb-bg);
    text-decoration: none;
}
.vopros{
    position: absolute;
    border: 1px solid var(--mb-border);
    border-radius: 10px;
    background: var(--mb-white);
    padding: 10px;
    display: none;
}
.vopros div{
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.vopros .yes{
    font-size: 14px;
    margin: 10px;
    padding: 10px 30px 7px;
    background: var(--mb-green);
    border: 0;
    border-radius: 5px;
    font-weight: bold;
    color: white;
    cursor: pointer;
}
.vopros .no{
    font-size: 14px;
    margin: 10px;
    padding: 10px 30px 7px;
    background: var(--mb-blue);
    border: 0;
    border-radius: 5px;
    font-weight: bold;
    color: white;
    cursor: pointer;
}
.black{
    display: none;
    background: rgb(0, 0, 0, 0.5);
    width: 100%;
    position: fixed;
    height: 100%;
    z-index: 40;
    top: 0;
}
.regioningekran{
    display: none;
    position: fixed;
    z-index: 40;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
.regioningekran a{
    /* border: 4px solid var(--mb-red); */
    padding: 8px 10px 5px 12px;
    border-radius: 10px;
    color: var(--mb-blue);
    /*display: inline-flex;*/
    display: flex;
}
.regioningekran a:hover{
    color: var(--mb-red);
}
.regioningekran .krestik{
    border: 4px solid var(--mb-green);
    position: absolute;
    padding: 5px 10px;
    background: var(--mb-white);
    border-radius: 25px;
    top: -20px;
    right: -20px;
    cursor: pointer;
}
.regioningekran .otstup{
    margin: 20px;
    padding: 20px;
    font-size: 20px;
    border-radius: 10px;
    background: var(--mb-white);
    border: 4px solid var(--mb-green);
    position: relative;
}
.put-into-basket.disabled {
    pointer-events: none;
}

#questionsForm .check_container > div{
    margin-bottom: 5px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;

}
#questionsForm .fs-checkbox.fs-light {
    justify-content: left;
    margin-right: 5px;
    display: block;
    width: 20px;
}

#questionsForm .check_container span{
    color: #4e4e4e;
}
#questionsForm .fs-checkbox-radio .fs-checkbox-marker {
    width: 20px;
}

#questionsForm .fs-checkbox-label{
    margin-left: 5px;
}
#questionsForm  .title-field{
    font-weight: bold;

}
#questionsForm   .product_form{
    margin-bottom: 15px;
}
#questionsForm .file-input-custom{
    font-size: 15px;
}
#questionsForm input[type='text'], #questionsForm textarea{
    width: 400px;
}

.xs-hidden{
    display: block;
}
.xs-show{
    display: none;
}
.red{
    color: var(--mb-red);
}

ul.ui-autocomplete{
    position: absolute !important;
    background: var(--mb-white);
    top: 35px !important;
    overflow-y: auto;
    z-index: 999;
    max-height: 400px;
    -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
    width: calc(100% - 15px) !important;
    list-style: none;
    text-align: left;
    padding: 5px;
    margin-top: 14px;
    padding-left: 10px;
    left: -2px !important;
    border: 2px solid var(--mb-blue);
    border-radius: 10px;
}
ul.ui-autocomplete li a{
    display: inline-block;
    max-width: 100%;
    width: 100%;
}
ul.ui-autocomplete .icon{
    margin-right: 2%;
    display: inline-block;
    width: 10%;
    text-align: center;
}
ul.ui-autocomplete .icon ~ a{
    display: inline-block;
    width: 88%;
}
ul.ui-autocomplete .icon img{
    max-width: 100%;
    max-height: 45px;
}
ul.ui-autocomplete li > *{
    vertical-align: middle;
}
.nav > li.ui-menu-item:hover a{
    text-decoration: none;
    color: var(--mb-black);
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}

ul.ui-autocomplete li {
    position: relative;
    margin: 4px;
}

ul.ui-autocomplete li:hover, ul.ui-autocomplete li:focus{
    background: rgba(93, 169, 233, 0.23);
}

ul.ui-autocomplete li:hover a{
    cursor: pointer;

}
ul.ui-autocomplete li span{

    right: 5px;

}

ul.ui-autocomplete span.title .empty{
    float: left;
}
ul.ui-autocomplete span.title{
    background: white;
    text-align: right;
    display: block;
    font-weight: bold;

    margin-bottom: 5px;
    cursor: default;
    text-decoration: underline;
    font-size: 14px;
    padding-top: 5px;
    margin-top: 5px;
    overflow: hidden;
}
ul.ui-autocomplete li ~ li span.title{
    border-top: 1px solid #e1e1e1;
}
ul.ui-autocomplete.ui-autocomplete-loading {
    background:url('../img/preloader_nut.gif') no-repeat center center var(--mb-white);
    display: block !important;
    background-size: 40px;
    padding: 30px 0;
    width: 100% !important;
}

ul.ui-autocomplete.ui-autocomplete-loading li{
    display: none;
}
ul.ui-autocomplete span.title input{
    float: right;
    width: auto;
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
    padding: 5px 0;
}
ul.ui-autocomplete li span.price{
    float: right;
}
ul.ui-autocomplete::-webkit-scrollbar {
    height: 20px;
    width: 12px;
}
ul.ui-autocomplete::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);*/
    background-color: transparent;
    width: 12px;
    border-radius: 50px;
}
ul.ui-autocomplete::-webkit-scrollbar-thumb {
    background-color: #c5c9ce;
    border-radius: 5px;
    border: 5px solid transparent;
    border-radius: 50px;
    background-color: #c5c9ce;
    background-clip: content-box;
}

@media (max-width: 770px) {
        #questionsForm .fs-checkbox.fs-light {
        display: block;
        width: 20px;
        margin-right: 0px;
    }

    #questionsForm .fs-checkbox-radio .fs-checkbox-marker{
        width: 20px;
    }
    .xs-hidden{
        display: none;
    }
    .xs-show{
        display: block;
        margin-top: -15px;
    }
    #questionsForm input[type='text'], #questionsForm textarea{
        width: 340px;
    }
    
}
@media (max-width: 400px) {
    .xs-show{
        display: none;

    }
    #questionsForm input[type='text'], #questionsForm textarea{
        width: 280px;
    }
    #questionsForm .check_container > div:first-child, #questionsForm .check_container > div:last-child{
        display: none;
    }
}

.article{
    margin-bottom: 15px;
}
.product__info-characteristic.article{
    margin-bottom: 35px;
}
.product__info-characteristic_cod_tovara.article {
    margin-bottom: 10px;
    margin-top: 0;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px 12px;
}

@media (max-width: 1024px) {
    .product__info-characteristic_cod_tovara.article{
        margin: 1% 3%;
    }
}
@media (max-width: 761px) {
    .product__info-characteristic_cod_tovara.article{
        margin: 2% 2%;
    }
}
@media (max-width: 700px) {
    .product__info-characteristic_cod_tovara.article{
        display: flex;
        justify-content: center;
    }
}

.points-delivery {
    margin-bottom: 20px;
    font-size: 14px;
    overflow: hidden;
    background: var(--mb-white);
    border: 1px solid var(--mb-border);
    border-radius: 12px;
    padding: 16px;
}

.points-delivery span{
    font-size: 10px;
    display: block;

}
.points-delivery img{
    max-width: 100%;
}

.points-delivery .btn-small {
    float: right;
    font-size: 12px;
    font-weight: bold;
    padding: 7px 15px;
    margin-top: 10px;
    border-radius: 8px;
}

.label-conditions__delivery p > strong{
    display: none;
}
.label-conditions__delivery p{
    margin: 0;
}

.product__label-conditions > li  span{
    display: block;
    font-size:12px;
}
.product__label-conditions > li  span.check{
    display: none;
}

.points-delivery span.check{
    display: inline;
}
.product__label-conditions > li > strong a{
    border-bottom: 1px dashed var(--mb-blue);
    color: var(--mb-blue);
}
.dands *{
    font-family: 'HelveticaNeueCyr', sans-serif !important;
}
.col1, .col2{
    width: 50%;
    float: left;
}

.maps_obj{
    margin-bottom: 20px;
}

.deliveryPage{
    overflow: hidden;
    margin-bottom: 40px;
    margin-top: 40px;
}
.bx-wrapper .catalog__slider.catalog__slider--list.catalog-slider img{
    display: inline-block;
    position: relative;
    max-height: 160px;
    height: 100%;
    width: auto;
    max-width: 100%;
}

.search-sub-categories .bx-wrapper  .bx-prev {
    left: -38px !important;;
    background: url(../img/bx-prev.png) center center no-repeat;

    margin-top: -26px;

}
.search-sub-categories .bx-wrapper .bx-next {
    right: -38px !important;;
    background: url(../img/bx-next.png) center center no-repeat;
    margin-top: -26px;

}

.short_price .price-total{
    font-size: 25px;
    margin-left: 5px;
    white-space: nowrap;
}

.short_price .total{
    display: none;
}
.totalSP{
    display: flex;
    margin: 0 7px;
    font-size: 25px;
}

.short_price .product__info-control{
    width: 350px;
}
.regionList{
    /*display: flex;*/
    /*flex-direction: column;*/
    /*columns: 2;*/
}
.regionList a{
    position: relative;
    margin: 5px 0;
    align-items: center;
}

.regionList a[data-domain="metbiz.ru"]:before{
    background-image: url('../img/reg-SPb-1.png');

}
.regionList a[data-domain="msk.metbiz.ru"]:before{
    background-image: url('../img/reg-Moscow-1.png');

}
.regionList a[data-domain="ekb.metbiz.ru"]:before{
    background-image: url('../img/reg-ekaterinburg-1.png');

}
.regionList a[data-domain="blg.metbiz.ru"]:before{
    background-image: url('../img/reg-belgorod-1.png');

}
.regionList a[data-domain="metbiz.ru"]:last-child:before{
    background-image: url('../img/reg-russia-1.png');

}
.regionList a:before{
    position: relative;
    width: 20px;
    height: 20px;
    content: '';
    margin-right: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.otstup .title-h2{
    padding: 0 10px;
    margin-bottom: 20px;
}
.msgRegion{
    padding: 5px 10px;
    margin: 0 10px 20px 10px;
    background: var(--mb-green);
    color: var(--mb-black);
}
.ml-10{
    margin-left: 20px;
}
.payList label{
    font-weight: bold;
    color: var(--mb-black);
}
.cart__info.js-step-2{
    padding: 0;
}
.cart__info.js-step-2 .cart__info-item > div:first-child{
    font-size: 20px;
    font-weight: 400;
}
.cart__info-result.cart__info-result--finish .cart-result-price{
    flex: 0 0 50%;
    font-size: 24px;
}

.finded.opened{
    display: block;
    padding: 10px 0;
}
.finded span{
    padding: 4px 7px;
    border: 1px solid var(--mb-red);
    border-radius: 5px;
    margin: 5px 10px 0px 0;
    display: inline-block;
    font-size: 14px;
}
.finded span .del_finded{
    color: var(--mb-text-muted);
    font-stretch: ultra-expanded;
    font-size: 14px;
    margin: 0 3px;
}
.finded span .del_finded:hover{
    color: var(--mb-red);
}
.finded.opened + .catalog-cat{
    margin-top: 5px;
}

.similar-products-list{
    display: flex;
    flex-wrap: wrap;
}
.similar-products-list div{
    padding: 5px;
    border: 1px solid var(--mb-border);
    border-radius: 5px;
    margin-left: 7px;
    margin-bottom: 7px;
}
.similar-products-title{
    margin: 10px 0;
    font-size: 19px;
}
.regionList a[data-domain="test.metbiz.ru"]{
    display: none;
}

.regionList a[data-domain='arhangelsk.metbiz.ru']:before{background-image: url(../img/reg-arhangelsk-1.png);}
.regionList a[data-domain='murmansk.metbiz.ru']:before{background-image: url(../img/reg-murmansk-1.png);}
.regionList a[data-domain='kaliningrad.metbiz.ru']:before{background-image: url(../img/reg-kaliningrad-1.png);}
.regionList a[data-domain='vologda.metbiz.ru']:before{background-image: url(../img/reg-vologda-1.png);}
.regionList a[data-domain='petrozavodsk.metbiz.ru']:before{background-image: url(../img/reg-petrozavodsk-1.png);}
.regionList a[data-domain='syktyvkar.metbiz.ru']:before{background-image: url(../img/reg-syktyvkar-1.png);}
.regionList a[data-domain='novgorod.metbiz.ru']:before{background-image: url(../img/reg-novgorod-1.png);}
.regionList a[data-domain='pskov.metbiz.ru']:before{background-image: url(../img/reg-pskov-1.png);}
.regionList a[data-domain='severodvinsk.metbiz.ru']:before{background-image: url(../img/reg-severodvinsk-1.png);}
.regionList a[data-domain='uhta.metbiz.ru']:before{background-image: url(../img/reg-ukhta-1.png);}
.regionList a[data-domain='cherepovec.metbiz.ru']:before{background-image: url(../img/reg-cherepovec-1.png);}

.regionList a[data-domain='ryazan.metbiz.ru']:before{background-image: url(../img/reg-ryazan-1.png);}
.regionList a[data-domain='kaluga.metbiz.ru']:before{background-image: url(../img/reg-kaluga-1.png);}
.regionList a[data-domain='perm.metbiz.ru']:before{background-image: url(../img/reg-perm-1.png);}
.regionList a[data-domain='ufa.metbiz.ru']:before{background-image: url(../img/reg-ufa-1.png);}
.regionList a[data-domain='chelyabinsk.metbiz.ru']:before{background-image: url(../img/reg-chelyabinsk-1.png);}
.regionList a[data-domain='tyumen.metbiz.ru']:before{background-image: url(../img/reg-tyumen-1.png);}
.regionList a[data-domain='samara.metbiz.ru']:before{background-image: url(../img/reg-samara-1.png);}
.regionList a[data-domain='voronezh.metbiz.ru']:before{background-image: url(../img/reg-voronezh-1.png);}
.regionList a[data-domain='tula.metbiz.ru']:before{background-image: url(../img/reg-tula-1.png);}

.optionsProps ul {
    list-style: none;
    display: flex;
    padding-left: 0;
    flex-wrap: wrap;
}

/**/
.optionsProps ul li {
    border: 2px solid var(--mb-border);
    border-radius: 5px;
    margin-right: 7px;
    margin-bottom: 7px;
    position: relative;
}

.optionsProps ul li.hover {
    border-color: transparent;
}

.optionsProps ul li.hover::after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: 5px;
    border: 2px solid transparent;
    border-top-color: var(--mb-blue);
    animation: borderLoaderCounterClockwise 1.5s linear forwards;
}
@keyframes borderLoaderCounterClockwise {
    0% {
        border-color: var(--mb-border);
        border-top-color: var(--mb-blue);
        border-right-color: var(--mb-border);
        border-bottom-color: var(--mb-border);
        border-left-color: var(--mb-border);
    }
    25% {
        border-color: var(--mb-border);
        border-top-color: var(--mb-blue);
        border-right-color: var(--mb-border);
        border-bottom-color: var(--mb-border);
        border-left-color: var(--mb-blue);
    }
    50% {
        border-color: var(--mb-border);
        border-top-color: var(--mb-blue);
        border-right-color: var(--mb-border);
        border-bottom-color: var(--mb-blue);
        border-left-color: var(--mb-blue);
    }
    75% {
        border-color: var(--mb-border);
        border-top-color: var(--mb-blue);
        border-right-color: var(--mb-blue);
        border-bottom-color: var(--mb-blue);
        border-left-color: var(--mb-blue);
    }
    100% {
        border-color: var(--mb-blue);
    }
}

/**/
.optionsProps ul li a{
    padding: 5px 7px;
    display: block;
}

.optionsProps ul li:not(.colorBox):not(.photoBox):hover {
    background: var(--mb-tile-blue);
    text-decoration: none;

}

.optionsProps ul li.selected{
    border: 2px solid var(--mb-blue);
}
.optionsProps ul li.selected.colorBox{
    border: 1px solid var(--mb-white);
    outline: 2px solid var(--mb-blue);
}
.optionsProps ul li.selected a{
    pointer-events: none;
    cursor: default;
}
.optionsProps ul li.colorBox a{
    height: 16px;
    width: 12px;
}
a.link-constructor{
    margin-bottom: 20px;
}
.formPEC{
    padding-top: 20px;
    clear: both;
}
.formPEC #addressFrom{
    display: none;
}

.regionList .openOtherRegions:before {
    background-image: url(../img/reg-russia-1.png);
}
.regionList .openOtherRegions{
    color: black;
    margin-top: 15px;
}
.regionList  .otherRegions{
    margin-left: 35px;
    margin-top: 10px;
    display: none;
}
.regionList  .otherRegions.open{
    height: 200px;
    overflow-x: auto;
    display: block;
}
.regionList .openOtherRegions:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 140px;
    top: 10px;
    width: 8px;
    height: 8px;
    border-top: 1px solid var(--mb-red);
    border-right: 1px solid var(--mb-red);
    transform: rotate(135deg);
}
.regionList .openOtherRegions.open:after {

    top: 15px;
    transform: rotate(-45deg);
}
.searchFormCity{
    position: relative;
    /* border: 2px solid var(--mb-border); */
    border: 2px solid var(--mb-blue);
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 15px;
    margin: 0 10px;
}
.searchFormCity input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    font-size: 15px;
    background: transparent;
    border: 0px;
}
.searchFormCity button {
    display: block;
    width: 15px;
    height: 16px;
    background: transparent url(../img/icon-search-submit.png) center center no-repeat;
    border: 0px;
    cursor: pointer;
}
.searchFormCity ul.ui-autocomplete{
    max-height: 120px;
    min-height: 120px;
    border: 0px;
    box-shadow: none;
    left: -25px !important;
    top: 17px !important;
    padding-top: 0;

}
.searchFormCity ul.ui-autocomplete li{
    width: 90%;
}
.searchFormCity ul.ui-autocomplete li:hover, .searchFormCity ul.ui-autocomplete li:focus{
    background: transparent;
}
.otherRegions.open::-webkit-scrollbar {
    height: 20px;
    width: 12px;
}
.otherRegions.open::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);*/
    background-color: transparent;
    width: 12px;
    border-radius: 50px;
}
.otherRegions.open::-webkit-scrollbar-thumb {
    background-color: #c5c9ce;
    border-radius: 5px;
    border: 5px solid transparent;
    border-radius: 50px;
    background-color: #c5c9ce;
    background-clip: content-box;
}
.searchFormCity ul.ui-autocomplete li a{
    display: flex;
}

.servises {
    font-size: 15px;
}
.servises__descr_small,
.servises__descr_big {
    padding: 40px 0;

}
/*.servises__descr_big {
	display: none;

}*/
.servises__descr_big h2 {
    margin-bottom: 10px;
    font-weight: bold;
}
.servises__descr_big h3 {
    font-weight: bold;
}
.servises__stage {
    align-items: flex-start;
    display: inline-flex;
    padding-bottom: 4em;
}
.servises__stage_text {
    max-width: 45%;
    padding-right: 5%;
    padding-left: 0;
}
.servises__stage:nth-child(odd) {
    flex-direction: row-reverse;
}
.servises__stage:nth-child(odd) .servises__stage_text {
    padding-right: 0;
    padding-left: 5%;

}
.servises__stage_img_w {
    width: 100%;
}
.servises__stage_img {
    width: 100%;
}
.servises .form-title {
    margin-bottom: 30px;
    line-height: normal;
}

.services_top {
    position: relative;
    width: 100%;
    height: 380px;
    overflow: hidden;
}

.servises__general_w {
    position: absolute;
    left: 3%;
    top: 60%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.servises__general_button {}
.servises__general_title {
    color: var(--mb-white);
    line-height: 1;
}
.services__slider {
    margin: 40px 0 10px 0;
}
.services__slider img {
    height: 260px;
}
#zakaz {
    scroll-margin-top: 5rem;
    padding: 80px 0;
}

.services_top .pic {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
@media (max-width: 1024px) {
    .servises .catalog-cat__filter {
        flex: auto;
    }

}
@media (max-width: 768px) {
    .servises__stage {
        display: block;
    }
    .servises__stage_text {
        max-width: 100%;
        padding: 0;
    }
    .servises__stage:nth-child(odd) .servises__stage_text {
        padding: 0;
    }
    .servises__stage:last-child {
        padding: 0;
    }
    .servises__general_title {
        font-size: 2rem;
    }
}
@media (max-width: 700px) {
    .servises .cart-wrap {
        margin: 0;
    }
    .servises__general_title {
        text-align:left;
    }
    .servises__general_w {
        top: 50%;
    }
    .servises .container {
        margin: 0 10px;
    }
    .contacts .pickup_point:nth-child(2n) .map {
        margin: 0 auto;
    }
}
.contact-wrapper .wrapper {
    padding: 0;
}

.hidden-tag {
    display: none;
}

.cart__info_2{
    border: 1px solid #a7abad;
    padding: 30px 31px;
    margin: 0% 10px 0px -10%;
    background-color: white;
    border-radius: 10px;
    max-width: 430px;
}

/* @media (max-width: 420px) {
	.cart__info_2{
		margin: 0% 0px 0px -40%;
	}
} */
.cart__info_3 {
    margin: 0 0 40px 0;
}
.cart__info_3 .form-title {
    margin-bottom: 0;
}

.cart__info_3 p {
    margin: 2px 0 0 0;
    font-size: 15px;
}
.cart__info_3 a {
    /*	color: var(--mb-black);*/
}
.cart__info_3 .name_manager {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 15px;
}
.photo_manager{
    width: 100%;
    max-width: 480px;
    position: relative;
    overflow: hidden;
    z-index: -1;
}

/* @media (min-width: 810px) and (max-width: 920px) {
	.photo_manager {
		top: 40%}
	} */

.photo_manager img {
    width: 95%;
    height: auto;
    display: block;
    object-fit: cover;
    margin: 0;
    position: absolute;
    top:-20px;
    /* top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); */
}

.subCategoryHidden.showButton{
    position: relative;
    transition: all 0.5s ease-out;
    border-radius: 20px;

}
.subCategoryHidden.showButton.open{
    max-height:100vh;
    transition: all 0.5s ease-in;
    z-index: 17;

}
.subCategoryHidden .showMore{
    display: none;
}
.subCategoryHidden.showButton .showMore {
    display: block;
    position: absolute;
    background: var(--mb-white);
    bottom: 0;
    text-align: left;
    width: 100%;
    padding: 11px 0;
    left: 10px;
    pointer-events: auto;
}

.subCategoryHidden li a span{
    font-size: 12px;
    padding: 2px;
    color: var(--mb-text-muted);
}

.category__megabig-text .subCategoryHidden{

    overflow: hidden;
}
.category__list > .category__list-megabig.center > div{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.category__megabig-text  .subCategoryHidden li a span{
    color: rgba(255, 255, 255, 0.68);
}
.optionsProps .photoBox {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    height: 70px;
    width: 70px;
    background-origin: content-box;
    padding: 5px;
    cursor: pointer;
    margin-bottom: 2px;
}

.optionsProps .photoBox a{
    color: transparent;
    height: 60px;
    width: 60px;
    display: block;
}
.optionsProps .noActiveBlock{
    border: 2px dashed var(--mb-border);
    opacity: 0.6;
}
/*.optionsProps .noActiveBlock a{
	color: #6e6e6e;
}*/
.imgLink{
    position: relative;
    float: left;
    width: 35%;
    display: block;
    height: 175px;
}
.product__label-conditions_div{
    flex: 0 0 35%;
}
.price_block {
    margin-bottom: 20px;
    margin-left: 20px;
    padding: 20px 15px 15px 15px;
    border-radius: 10px;
}

.price_block .product__cart-control{
    margin-left: 0;
}
.price_block  .product__info-control{
    width: auto;
}
.price_block .product__result .buy-button{
    margin-left: 5px;
}
.price_block .price__actual {
    font-size: 30px;
    font-weight: bold;
    margin-right: 5px;
    color: var(--mb-text);
}

.js-card-total-sum.loading{
    filter: blur(5px);
}
.price_block .price__old{
    text-decoration: line-through;
    font-size: 19px;
}
.price_block  .product__result{
    margin-top: 15px;
}

.product__info-characteristic_cod_tovara.article > div:empty {
    display: none;
}

.product__info-characteristic_cod_tovara.article .openComments,
.product__info-characteristic_cod_tovara.article .rating-dynamic {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
}

.product__info-characteristic_cod_tovara.article .info-alert_cod_tovara {
    vertical-align: middle;
}
.price_block .buy-button{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
}
.price_block  .button.button-green.put-into-basket{
    font-size: 18px;
    padding: 11px 17px;
}
.price_block  .button.button-green.basket-link{
    font-size: 18px;
    padding: 11px 17px;
}

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

.cart__info_3 .name_uslugi {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 15px;
}
.optionsPropsBuilder .optionsPropTitleBig {
    margin: 15px;
    font-size: 20px;
    font-weight: bold;
    display: none;
}

.optionsPropsBuilder .optionsPropTitle {
    margin-left: 15px;
    font-size: 20px;
    margin-top: 10px;
}

.optionsPropsBuilder .group{
    border: 2px solid var(--mb-bg);
    border-radius: 10px;
    margin: 10px 0;
}
.optionsPropsBuilder .fs-checkbox{

    display: none;
}
.optionsPropsBuilder ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
}
.optionsPropsBuilder ul li{
    padding:1px 5px;
}
.optionsPropsBuilder .fs-checkbox-label{
    border: 2px solid var(--mb-border);
    border-radius: 5px;
    margin-right: 7px;
    padding: 5px 7px;
}
.optionsPropsBuilder .fs-checkbox-checked{
    border: 2px solid var(--mb-blue);
}
.optionsPropsBuilder .noActive{
    opacity: 0.5;
}
.optionsPropsBuilder .fs-dropdown.fs-light .fs-dropdown-item_disabled,.optionsPropsBuilder .no-touchevents .fs-dropdown.fs-light .fs-dropdown-item_disabled:hover{
    opacity: 0.5;
    display: block !important;
}
.optionsProps .optionsPropTitle ~ ul{
    margin-top: 7px;
}
.optionsPropsBuilder, .imgBuilder{
    width: 50%;
}
.imgBuilder{
    position: relative;
}
.imgBuilder img{
    max-width: 100%;
    position: absolute;
    display: none;
}
.builder{
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    position: relative;

}
.fieldBuilder.w50{
    width: 45%;
}
.fieldBuilder.w100{
    width: 100%;
}
.fieldBuilder.w33{
    width: 30%;
}
.fieldBuilder{
    display: inline-flex;
    flex-direction: column;
}
.optionsPropsBuilder .product__info-control{
    display: inline-flex;
    align-items: center;
    width: auto;
    justify-content: flex-start;
    margin-left: 15px;
    margin-bottom: 15px;
    margin-top: 15px;
}
.optionsPropsBuilder .summTr{
    display: flex;
}
.optionsPropsBuilder .summTr > *{

    padding: 3px 6px
}
.optionsPropsBuilder .totalBlock{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 15px;
    justify-content: space-between;
    width: 90%;
}
.optionsPropsBuilder .total{
    font-size: 20px;
    margin: 0 5px;
    font-weight: bold;
}
.optionsPropsBuilder .product__info-control .optionsPropTitle {
    border: 2px solid var(--mb-border);
    border-radius: 5px;
    font-size: 16px;
    line-height: 18px;
    color: var(--mb-text-muted);
    margin-left: 0px;
    padding: 5px 7px;
    border-right: 0px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0px;
}
.optionsPropsBuilder .product__info-control.active .optionsPropTitle{
    border: 2px solid var(--mb-blue);
    border-right: 0px;
}
.inCart .button-green.put-into-basket{
    display: none;
}
.inCart .basket-link, .inCart .basket-link-catalog{
    display: block;
}
.notInCart .product__info-control{
    display: none;
}
.notInCart .put-into-basket{
    width: 100%;
    text-align: center;
}
.notInCart .buy-button{
    width: 100%;
}
.product__result.notInCart, .product__result.inCart{
    min-width: 260px;
}
.inCart .put-into-basket-catalog{
    display: none;
}

.catalog__slider-btns .buttonBox {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: flex-start;
    gap: 8px;
    margin-top: 0;
    min-height: 44px;
}

.inCart .product__info-control{
    display: flex;
}

.fs-checkbox-toggle {
    position: relative;
}
.fs-light.fs-checkbox-toggle .fs-checkbox-marker {
    width: 100px;
    height: 32px;
    border-radius: 5px;
    margin-left: 7px;
}

.fs-checkbox.fs-light .fs-checkbox-marker {
    width: 20px;
    height: 20px;
    background: var(--mb-white);
    border: 2px solid var(--mb-border);
    border-radius: 2px;
    margin: 0 10px 0 0;
}
.fs-checkbox-toggle .fs-checkbox-marker {
    width: 100px;
    height: 40px;
    position: relative;
}

.fs-light.fs-checkbox-toggle .fs-checkbox-flag {
    background: var(--mb-border);
    border: 2px solid var(--mb-white);
    border-radius: 4px;
}
.fs-checkbox-toggle.fs-checkbox-checked .fs-checkbox-flag {
    left: 50%;
}
.fs-checkbox-toggle .fs-checkbox-flag {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--mb-blue);
    display: block;
    -webkit-transition: left .15s ease;
    transition: left .15s ease;
}
.fs-light.fs-checkbox-toggle .fs-checkbox-flag:after {
    width: 2px;
    height: 10px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--mb-white);
    -webkit-box-shadow: 3px 0 0 var(--mb-white), -3px 0 0 var(--mb-white);
    box-shadow: 3px 0 0 var(--mb-white), -3px 0 0 var(--mb-white);
    content: '';
    margin: auto;
}
.fs-light.fs-checkbox-toggle .fs-checkbox-state {
    color: var(--mb-text-muted);
    font-size: 15px;
    line-height: 32px;

}
.fs-checkbox-toggle .fs-checkbox-state_on {
    float: left;
}
.fs-checkbox-toggle .fs-checkbox-state {
    width: 50%;
    display: block;
    line-height: 40px;
    margin: 0;
    text-align: center;
}

/*.fs-light.fs-checkbox-toggle .fs-checkbox-state {
    color: #455a64;
    font-size: 12px;
    line-height: 32px;

}*/
.fs-checkbox-toggle .fs-checkbox-state_off {
    float: right;
}

.optionsPropsBuilder .fs-checkbox.fs-checkbox-toggle{
    display: flex;
}
.optionsPropsBuilder .fs-checkbox-label.fs-checkbox-toggle{
    border: 0px;
    display: inline-block;
}
.optionsPropsBuilder .fs-checkbox-checked.fs-checkbox-toggle{
    border: 0px;
}
.optionsPropsBuilder .fs-checkbox-checked.fs-checkbox-toggle .fs-checkbox-marker{
    border: 2px solid var(--mb-blue);
}
.imgBuilder .ghost {
    opacity: 0.5;
    display: inline !important;
    filter: invert(23%) sepia(100%) saturate(174%) hue-rotate(167deg) brightness(101%) contrast(101%);
}
.result .msgError{
    background: rgba(255, 0, 0, 0.17);
    padding: 15px;
    border-radius: 5px;
    font-size: 18px;
}
.result .msgSuccessful{
    background: rgba(186, 214, 38, 0.15);
    padding: 15px;
    border-radius: 5px;
    font-size: 18px;
}
.result .msgSuccessful .summTr:first-child{
    font-weight: bold;
}
.result .msgSuccessful .summTr .count{
    /* колонка таблицы, не бейдж */
    display: block;
    width: 15%;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background: none;
    text-align: center;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}
.result .msgSuccessful .summTr .name{
    width: 35%;
}
.result .msgSuccessful .summTr .price, .result .msgSuccessful .summTr .summ{
    width: 25%;
}
.result .msgError span{
    font-weight: bold;
}
.optionsPropsBuilder .msgError ul{
    flex-direction: column;
}

label#personal-error{
    position: relative;
    left: 0px;
    top: -45px;
    width: 200px;
    overflow: visible;
    white-space: nowrap;
}
label.field-error ~ button.fs-dropdown-selected{
    border: 1px solid var(--mb-red) !important;
}
.fs-checkbox-marker:has(> label#personal-error:visible) {
    border: 2px solid var(--mb-red);
}
.name_uslugi{
    text-transform: uppercase;
}
.youtube {
    background-color: var(--mb-black);
    margin-bottom: 30px;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
}

.youtube img {
    width: 100%;
    top: -16.82%;
    left: 0;
    opacity: 0.7;
}

.youtube .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}

.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent var(--mb-white);
}

.youtube img,
.youtube .play-button {
    cursor: pointer;
}

.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
    position: absolute;
}

.youtube .play-button,
.youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0);
}

.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.slick-slide .galereya{
    max-height:  100%;
}
.info__block .tab-header.active{
    pointer-events: none;
}
.tsp{
    margin-bottom: 7px;
    display: inline-block;
    color: var(--mb-text-muted);
}
.btn-r{
    padding: 0 !important;
}
.price-card .btn-r span{
    display: inline-block;
    color: var(--mb-blue);
    padding: 6px 30px;
}
.price-card .btn-r div {
    background: var(--mb-red);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 6px 30px;
    color: var(--mb-white);
}
.grecaptcha-badge{
    right: -600px !important;
}
.fancybox-stage .breadcrumb{
    display: none;
}
.object_menu {
    display: none;
    position: absolute;
    width: 100%;
    flex-direction: row;
    z-index: 10;
    background: var(--mb-white);
    -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
    border-radius: 0 0 12px 12px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.object_menu.active{
    display: block;
}
.openMenu .js-menu{
    width: 16px;
    height: 12px;
    top: 1px;
    position: relative;
}
.object_menu_wrap{
    margin: 0 auto;
    max-width: 1460px;
    display: flex;
}
.left_object_menu {
    width: 290px;
    max-width: 290px;
    background: var(--mb-bg);
}

.m_object .openMenu a{
    pointer-events: none;
    text-decoration: none !important;
}
.right_object_menu {
    width: 70%;
    background: var(--mb-white);
    padding-left: 40px;
    padding-top: 20px;
    padding-bottom: 40px;
    padding-right: 40px;
    height: calc(100dvh - 230px);
    overflow-y: scroll;
}

.menu_sub_title {
    margin-top: 10px;
    font-size: 13px;
    font-weight: 500;
    color: var(--mb-text);
    line-height: 1.35;
}

.menu_sub {
    cursor: pointer;
    width: calc((100% / 5) - 20px);
    margin: 10px;
}

.menu_sub:hover .menu_sub_img {
    border: 1px solid var(--mb-blue);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
}

.left_object_menu ul {
    list-style: none;
    padding-left: 0;
    font-size: 16px;
    font-weight: 500;
}

.left_object_menu ul li {
    line-height: 48px;
    padding-left: 24px;
    border-right: 3px solid transparent;
}

.left_object_menu ul li:hover {
    cursor: pointer;
    background: var(--mb-white);
    border-right: 3px solid var(--mb-red);
}

.object_menu_sub{
    display: none;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.menu_sub_img img {
    max-height: 180px;
    max-width: 180px;
    background-color: var(--mb-white);
    border: 0;
}

.menu_sub_img {
    width: 180px;
    height: 180px;
    overflow: hidden;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    background: var(--mb-white);
    border: 1px solid var(--mb-border);
    border-radius: 12px;
}

.object_menu_sub:first-child{
    display: flex;
}
.main-content .tabs-content{
    margin-bottom: 10px;
}

.sw-app{
    max-width: 1100px !important;
}
.cart-empty{
    padding-top: 40px;
}

#yaPay, #yaPay2{
    width: 255px;
    border: 2px solid var(--mb-bg-tint);
    overflow: hidden;
    border-radius: 14px;
    box-shadow: none;
    padding: 0;
    font-size: 14px;
    color: var(--mb-black);
    margin-left: 20px;
    margin-bottom: 20px;

}
.vTdQqu5SjQPLjq3umab0{
    background: var(--mb-white) !important;
}

.content_work iframe{
    width: auto;
}
.tabs.recd li{
    font-size: 14px;
}
.recd .tabs-content .bx-controls.bx-has-controls-direction{
    top: calc(50% - 25px);
    width: 100%;
}
.recd .tabs-content .bx-catalog .bx-controls-direction .bx-prev{
    float: left;
    left: -50px;
    /* right: 0; */
    /* right: 55px; */
    position: relative;

}
.recd .tabs-content .bx-catalog .bx-controls-direction .bx-next{
    position: relative;
    float: right;
    right: -50px;

}

.tab-content{
    max-width: 100%;
}
.tabs-rec-m{
    flex-wrap: wrap;
    gap: 5px;
}
.catalog-filter__controls.opened-filter{
    z-index: 2147483647 !important;
}

.catalog-filter__controls.opened-filter .title{
    position: fixed;
    padding-left: 40px !important;
    background: var(--mb-white);
    padding-bottom: 20px;
    width: calc(100% - 40px) !important;
    z-index: 2;
}
.catalog-filter__controls.opened-filter .desktop_filters{
    padding-top: 60px;
    padding-bottom: 90px;
}

.catalog-filter__controls.opened-filter .catalog-filter__control-bar{
    position: fixed;
    bottom: 0;
    background: var(--mb-white);
    width: 100%;
    z-index: 2147483647;
}
.catalog-filter__controls.opened-filter .catalog-filter__control-bar > *{
    position: relative;
    z-index: 2147483647;
}
jdiv .wrap__QtyVx{
    z-index: 2000000000 !important;
}
jdiv .wrap__QtyVx *{
    z-index: 1000000000 !important;
}
.cart__item-remove .button.green{
    background: #eaf4fc;
    color: var(--mb-blue);
}

.js-sticker_cart a > span{
    display: block;
}
.js-sticker_cart a > span:first-child{
    padding: 5px 0;
}
.header-small .js-sticker_cart a > span:first-child {
    display: block;
    visibility: hidden;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.cart_block{
    position: absolute;
    right: 0;
    background: var(--mb-white);
    top: 60px;
    border-bottom: 1px solid #dcdcdc;
    -webkit-box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.2);

    border-radius: 20px;

    padding: 20px 10px 20px 20px;
}
.shortCart  .cart__item-remove .button.green{
    background: #eaf4fc;
    color: var(--mb-blue);
    padding: 11px 13px;
}
.shortCart  .cart__item-remove .button.green img {
    top: 2px;
    position: relative;
}
.shortCart .cart__item-remove .button{
    font-size: 16px;
    line-height: 12px;
    padding: 11px 15px;
}
.shortCart .cart__item-price{
    width: 130px;
    line-height: 15px;
    text-align: left;
}
.shortCart{
    position: relative;
    padding-right: 10px;
    max-height: 400px;
    width: 750px;
    overflow-y: auto;
}
::-webkit-scrollbar {
    width: 7px;
    height: 0px;
    right: 3px;
    margin-right: 10px;
}

::-webkit-scrollbar-button {
    width: 10px;
    height: 0px;
}

::-webkit-scrollbar-thumb {
    background: #c5c9ce;
    border: 5px none;
    border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--mb-text-muted);
}

::-webkit-scrollbar-thumb:active {
    background: var(--mb-text-muted);
}

::-webkit-scrollbar-track {
    background: var(--mb-bg);
    border: 5px none;
    border-radius: 2px;
}

::-webkit-scrollbar-track:hover {
    background: var(--mb-border);
}

::-webkit-scrollbar-track:active {
    background: var(--mb-white);
}

::-webkit-scrollbar-corner {
    background: var(--mb-white);
}
.shortCart .cart__item{
    padding: 5px;
    margin-bottom: 7px;
    border: none;
}
.shortCart .cart__item-title > a{
    font-size: 14px;
}
.shortCart .cart__item .cart__item-image {
    max-width: 70px;
    max-height: 50px;
}
.shortCart  .cart__item-title{
    max-width: 40%;
    padding-right: 10px;
    padding-left: 10px;
}
.closeShortCart a{
    height: 34px;
    width: 34px;
    display: inline-block;
}
.closeShortCart{
    text-align: right;
    margin-bottom: -15px;
    position: relative;
    top: -10px;
    right: 10px;
}
.btn-up {
    position: fixed;
    background-color: var(--mb-green);
    left: 20px;
    bottom: 60px;
    border-radius: 22px;
    cursor: pointer;
    width: 44px;
    height: 44px;
    display: none;
    z-index: 20000;
}

.btn-up::before {
    content: "";
    text-align: center;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 12px;
    top: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 17V4M3 10l7-7 7 7'/%3E%3C/g%3E%3C/svg%3E");
}
.accordeon {
    position: relative;
    z-index: 9;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.accordeon__item {
    width: 100%;
    margin-bottom: 10px;

    border-radius: 30px;

    background: rgb(237 242 245);
}
.accordeon__title {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0 10px;
    padding: 0px 52px 0px 32px;
    cursor: pointer;
    /* color: rgb(0, 168, 244); */
    font-size: 18px;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: 0px;
    text-align: left;
    position: relative;
    min-height: 70px;
}

.accordeon__title:before {
    content: "";
    width: 20px;
    height: 2px;
    background-color: var(--mb-black);
    border-radius: 20px;
    position: absolute;
    right: 32px;
    top: calc(50% - 1px);
}
.accordeon__title:after {
    content: "";
    width: 2px;
    height: 20px;
    background-color: var(--mb-black);
    border-radius: 20px;
    position: absolute;
    right: 41px;
    top: calc(50% - 10px);
    transition: 0.5s;
}
.accordeon ul {
    display: none;
}
.accordeon ul li {
    display: block;
    width: 100%;
    transition-behavior: normal;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    transition-property: all;
    padding-bottom: 10px;
}
.accordeon ul li p {
    color: rgb(27, 17, 57);
    font-size: 16px;
    font-weight: 400;
    line-height: 150.7%;
    letter-spacing: 0.1px;
    text-align: left;
    padding: 0px 92px 30px 0px;
    margin-bottom: 0;
}
.accordeon__title.active:after {
    transform: rotate(90deg);
}
.qvForm textarea, .commentForm textarea, .commentFormNew textarea {
    padding-left: 17px;
}

.topBlock .rating-dynamic{
    margin: 0;
}
/*a[class^="catalog__slider-images-"]{
	display: none;
}*/
a[class^="catalog__slider-images-"] span:not(:first-child){
    display: none;
}
.catalog__slider-image [class^="catalog__slider-images-"] .img-responsive{
    top:0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.catalog__slider-image [class^="catalog__slider-images-"] span{
    display: flex;
    align-items: center;
    height: inherit;
}
.catalog_item_preview .bx-wrapper.bx-list{
    position: static;
}
.bx-list  .bx-pager{
    bottom: -5px;
    left: 00px;
}
.bx-wrapper.bx-list .bx-pager.bx-default-pager a.active, .bx-wrapper.bx-list .bx-pager.bx-default-pager a:focus {
    background: var(--mb-text-muted);
}

.bx-wrapper.bx-list .bx-pager{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0;
}
.bx-wrapper.bx-list .bx-pager-item{
    flex: 1;
}
.bx-wrapper.bx-list .bx-pager.bx-default-pager a {
    background: rgba(175, 175, 175, 0.48);
    border: none;
    width: 100%;
    display: block;
    border-radius: 0;
    height: 3px;
    margin: 0;
}

.catalog__slider--list > li{
    overflow: hidden;
}
.bx-wrapper.bx-list .bx-pager.bx-default-pager a:hover{
    background: rgba(107, 114, 128, 0.61);
}

.bx-wrapper.bx-list [class^="catalog__slider-images-"]{
    display: block;
}

.preloader {
    display: table;
    text-align: center;
    width: 100%;
    height: 100%;
    min-height: 70px;
    min-width: 70px;
    position: absolute;
    top: -7px;
    left: -7px;
}
.preloader-center{
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.preloader-path{
    stroke-linejoin: round;
    stroke: none;
    stroke-width: 2;
    fill: none;
    stroke-dasharray: 0 100 0 !important;

    transition: stroke-dasharray 1.3s ease-in-out;
}

.preloader-path.active{
    stroke: var(--mb-blue);
    /*stroke-dasharray: 0 100 0;*/
    stroke-dasharray:100 0 0 !important;
}

.preloader-path.active animate {
    animation: none !important;
    display: none !important;
}

#cookieDiv {
    position: fixed;
    bottom: 20px;
    padding: 20px;
    color: var(--mb-white);
    margin: 20px 0;
    z-index: 1000;
    text-align: center;
    margin-bottom: 0;
    display: none;
    background: rgba(34, 34, 34, 0.92);
    border-radius: 12px;
}

#cookieDiv a{
    color: var(--mb-green);
}
a#cookie{
    display: inline-block;
    margin-top: 15px;
    background: var(--mb-green);
    border-radius: 10px;
    font-size: 18px;
    line-height: 36px;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
    color: #01011B;
    padding: 0 30px;
    cursor: pointer;
}
.page404{
    font-size: 150px;
    line-height: 150px;
    color: var(--mb-blue);
}
.tab-content-wrap.tab-asc .tabsSlider{
    min-height: 550px !important;
}

div[data-testid="shield"]{
    display: none !important;
}

/*.hex-frame polygon {
    stroke-linecap: round;
    stroke-linejoin: round;
}
.header-basket__block  .hex-frame.active polygon{
    animation: stroke-show;
}
@keyframes stroke-show {
    from {
        stroke-dashoffset: 140;
        fill: transparent;
    }
    to {
        stroke-dashoffset: 0;
        fill: var(--mb-blue);
    }
}*/

.hex-frame polygon {
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.header-basket__block .hex-frame.active polygon {
    animation: stroke-draw 1.5s ease-in-out forwards;
    transition: fill 0.3s ease-in-out 1.5s;
    fill: var(--mb-blue);
}

.breadcrumb > li.active > a {
    pointer-events: none;
}
.tab-content .sw-app{
    margin-top: 0 !important;
}
.tab-content .sw-app-head{
    display: none !important;
}
@keyframes stroke-draw {
    from {
        stroke-dashoffset: 140;
    }
    to {
        stroke-dashoffset: 0;
    }
}

/* Дополнительно: анимация заливки после завершения обводки */

/*.opacity.cart__item .cart__item-image, .opacity.cart__item .cart__item-title, .opacity.cart__item .cart__item-count, .opacity.cart__item .cart__item-price{
    opacity: 0.5;
}*/

.opacity.cart__item {
    position: relative;
    overflow: hidden;
}

.opacity.cart__item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background: linear-gradient(to left, transparent 10%, rgba(255,255,255,0.9) 10%);
    animation: fadeOut 5s forwards;
}

.qvForm input, .commentForm input[type="text"],  .commentFormNew input[type="text"] {
    margin-bottom: 5px;
}

@keyframes fadeOut {
    0% {
        width: 0;
    }
    100% {
        width: 95%;
    }
}

.catalog__slider-image .slick-track{
    display: flex;
    align-items: center;
}

.catalog__slider-image, .catalog__slider-image > span,.catalog__slider-image a[class^="catalog__slider-images-"]{
    width: inherit !important;
}
.catalog_item_preview .slick-slider {
    width: 100% !important;
    flex: 1;
}

.catalog_item_preview .slick-list {
    width: 100% !important;
    height: 240px !important;
    overflow: hidden;
}

.catalog_item_preview a[class^="catalog__slider-images-"] .slick-slide {
    height: 240px !important;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.catalog_item_preview .slick-slide [class^="catalog__slider-images-"] {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

.catalog_item_preview .slick-slide [class^="catalog__slider-images-"] span {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
}
a[class^="catalog__slider-images-"].slick-slider, .tabsSlider a[class^="catalog__slider-images-"]{
    max-width: 210px;
    display: block;
}
.slick-dots{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0;
    padding: 0;
    height: 3px;
    overflow: hidden;
}
.slick-dots li{
    flex: 1;
    height: 3px;
    margin: 0;
    background: rgba(175, 175, 175, 0.48);
}
.slick-dots li button{
    display: none;
}
.slick-dots li.slick-active{
    background: gray;

}
.catalog_item_preview .posmotret .button{

    padding: 6px 10px;
}

.tab-header span {
    color: var(--mb-black);
    font-weight: 300;
    font-size: 16px;
    position: relative;
    top: -5px;
    left: 0px;
}
.tab-header.active span{
    color: var(--mb-red);
}
.compare{
    position: absolute;
    border-radius: 8px;
    top: 8px;
    z-index: 3;
    right: 8px;
    font-weight: bold;
    border: 1px solid var(--mb-border);
    background: var(--mb-icon-compare) var(--mb-white) center no-repeat;
    background-size: 20px 20px;
    width: 33px;
    height: 30px;
    cursor: pointer;

}

.characteristics{

    width: 100%;
}
/*.compare-list{
   margin-left: 20%;
}*/
.compare_field {
    display: flex;
    align-items: center;
    width: calc(20% - 30px);
    padding: 7px 0 7px 30px;
    color: #595959;
    font-size: 18px;
    border: 1px solid #f2f2f2;
}

.isSame{
    width: 5px;
    height: 5px;
    border-radius: 50%;
    margin-right: 7px;
}
.isSame.false{
    background: #e7a13e;
}
.container__jg1uN.__right__VY1cN{
    right: -110% !important;
}
.characteristics_row{
    display: flex;
    width: 100%;
}
.characteristics_row:nth-child(even):not([style*="display: none"]) .compare_field {
    background: #fafafa;
}

.characteristics_row:hover .compare_field{
    background: #00a5ee1c !important;
}
.characteristics_row.no-compare:hover .compare_field{
    background: #e7a13e30 !important;
}
.compare-list.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #EDF2F5;
    z-index: 1000;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    padding: 10px 0;
}
.compare-list.fixed .catalog_item_preview{
    border: none;
}
.compare-list.fixed .catalog__slider-label, .compare-list.fixed .catalog__slider-btns, .compare-list.fixed .catalog__slider-image span *:not(.compare.delete), .compare-list.fixed .catalog__slider-prices{
    display: none;
}
.compare-list.fixed .catalog__slider-image{
    height: auto;
}

.compare-list.fixed .btn_compare{
    padding: 0;
    justify-content: center;
}
.compare-list.fixed .catalog__slider-title{
    font-size: 16px;
    min-height: 33px;
    text-align: left;
    font-weight: bold;
    padding-right: 10px;
    margin: 0;
}

.compare-list.fixed .btn_compare .button-red{
    display: none;
}
.compare-list.fixed .btn_compare .compare_diff{
    padding: 10px 0;
    margin-bottom: 0;
}
.compare-list.fixed + .row{
    padding-top: 250px;
}
.tabs-compare{
    margin-left: 20%;
}
.compare-list.fixed .catalog__slider{
    max-width: 1460px;
    margin-right: auto;
    margin-left: auto;
    padding: 0px 20px;
}
.compare-list.fixed li{
    padding: 5px 30px;
}

.compare-list  .btn_compare{
    border: none;
    width: 20%;
    justify-content: flex-start;
    padding: 0;
}
.btn_compare a{
    padding: 15px 0;
    display: block;
    width: 180px;
    text-align: center;

}
.compare_field:first-child{
    width: calc(20% - 10px);
    padding-left: 10px;
    color: #000;
    font-weight: bold;
    border: 0px;
    min-width:calc(20% - 10px);
}
.tabCompare{
    height: auto !important;
}
.tableCompare .nalichie, .tableCompare .catalog__slider-label{
    display: none;
}
.tableCompare .catalog__slider-image{
    height: 150px;
}
.tableCompare .catalog_item_preview .slick-list, .tableCompare .catalog_item_preview a[class^="catalog__slider-images-"] .slick-slide{
    height: 150px !important;
}
.tableCompare .catalog__slider-image [class^="catalog__slider-images-"] .img-responsive{
    max-height: 130px !important;
}
.tableCompare .catalog_item_preview a[class^="catalog__slider-images-"] .slick-slide{
    justify-content: center;
}
.tableCompare .compare.delete{
    right: 0;
}
.tableCompare .catalog__slider-prices {
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    padding: 10px 0 15px;
}

.tableCompare .catalog__prices-price del{
    position: static;
}

.tableCompare .buy_one_click_button{
    display: none;
}
.menu_block_catalog{
    display: flex;
}
.menu_block.red{
    width: -moz-available;
    width: -webkit-fill-available;
    width: stretch;
}
.menu_block.blue{
    width: 20%;
    margin-right: 0px;
    display: none;
    color: var(--mb-blue);
    font-weight: bold;
}
.compare.delete.active{
    border: 2px solid var(--mb-red) !important;
    background: url(../img/closeMenu2.png) var(--mb-red) center no-repeat;
    background-size: 14px;

}
.compare-list .catalog_item_preview{
    max-width: 20%;
}
.compare.max{
    cursor: default;
    border: 2px solid #d7d7d7;
    opacity: 0.4;
}
/* Иконка сравнения в шапке: красные столбики поверх серой подложки-шестиугольника.
   Подложка — отдельный файл bk_header_icon.svg, второй слой фона, поэтому её можно править
   независимо от иконки. Размер подложки больше блока: прозрачные поля SVG обрезаются,
   сам шестиугольник помещается в 48x50 целиком. */
.header-compare__block-icon {
    position: relative;
    background: var(--mb-icon-compare-red) center center no-repeat, var(--mb-icon-plate) center center no-repeat;
    background-size: 20px 20px, 54px 54px;
    width: 48px;
    height: 50px;
    margin-right: 16px;
}
.compare.active{
    border: 2px solid var(--mb-blue);
    background: var(--mb-icon-compare-blue) var(--mb-white) center no-repeat;
    background-size: 20px 20px;
}
.compare-list.fixed .compare.delete.active{
    top: -5px;
    filter: invert(1) hue-rotate(334deg);
    border: none !important;
    background: url(../img/closeMenu.png) center no-repeat !important;
    background-size: 20px !important;
    right: -20px;
}
#yaPay .ya-pay-widget, #yaPay2 .ya-pay-widget{
    max-width: 255px !important;
    min-width: 250px !important;
}
.tab-content-wrap:not(.tab-active){
    display: none;
}
body.has-saved-scroll {
    opacity: 0;
}
.open_full_catalog{
    margin-top: 10px;
}

.main_h1 h1{
    font-size: 4px;
    margin: 0;
    padding: 0;
    line-height: 4px;
    /* margin-top: -10px; */
    display: block;
    position: absolute;
    color: transparent;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Стандартный синтаксис */
}

.open_video_a{
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--mb-bg);
    padding: 10px;

}
.open_video_a img{
    margin: 0 !important;
}
.ajax_hint.hidden{
    display: none !important;
}
.ajax_hint{

    position: absolute !important;
    background: var(--mb-white);
    top: 35px !important;
    overflow-y: auto;
    z-index: 1000;
    max-height: 400px;
    -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
    width: calc(200% - 15px) !important;
    list-style: none;
    text-align: left;
    padding: 15px;
    margin-top: 14px;
    left: -2px !important;
    border: 2px solid var(--mb-blue);
    border-radius: 10px;
}

.ajax_hint a.item {
    display: flex;
    margin: 5px 0 10px 0;
    align-items: center;
    gap: 10px;
}
.ajax_hint .col40 a.item{
    margin: 5px 0 5px 0;
}
.ajax_hint a.item.item_cat{
    margin: 5px 0 5px 0;
}

.ajax_hint .title {
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.ajax_hint .item .img{
    width: 50px;
    height: 50px;
    text-align: center;
    overflow: hidden;
    display: flex;
    justify-content: center;
    padding: 3px;
    min-width: 50px;
    min-height: 50px;
}
.ajax_hint::-webkit-scrollbar, .mobile_search::-webkit-scrollbar, .ajax_hint .col60::-webkit-scrollbar {
    height: 20px;
    width: 12px;
}
.ajax_hint::-webkit-scrollbar-thumb, .mobile_search::-webkit-scrollbar-thumb, .ajax_hint .col60::-webkit-scrollbar-thumb {
    background-color: #c5c9ce;
    border-radius: 5px;
    border: 5px solid transparent;
    border-radius: 50px;
    background-color: #c5c9ce;
    background-clip: content-box;
}
.ajax_hint::-webkit-scrollbar-track, .mobile_search::-webkit-scrollbar-track, .ajax_hint .col60::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); */
    background-color: transparent;
    width: 12px;
    border-radius: 50px;
}
.all_result_search{
    position: absolute;
    bottom: 15px;
}
.ajax_hint .col40{
    padding-bottom: 120px;
    position: sticky;
    top: 0;
    align-self: flex-start;
}
.ajax_hint .col60{
    overflow-y: auto;
    max-height: 370px;
}
.ajax_hint .item:hover .name {
    color: var(--mb-blue);
}
.ajax_hint .item .img img{
    max-height: 50px;
}
.ajax_hint.small{
    width: calc(100% - 30px) !important;
    padding-bottom: 70px;
    overflow-y: hidden;
    max-height: 600px;
}
.mobile_search {
    overflow-y: scroll;
    max-height: 550px;
}
.mobile_search .button-transparent{
    width: 100%;
    text-align: center;
    padding: 10px 30px;
    display:block;
}
.loadCommnetsBtn{
    text-decoration: none !important;
    margin: 10px 0;
}
.partner-slider{
    height: inherit;
}
.partner-slider div img{
    max-width: 100%;
    max-height: 100%;
    width: 100%;
}
.partner-slider div {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    height: inherit;
    padding: 0 20px;
}
.ajax_hint:not(.small){
    overflow: hidden;
}
.ajax_hint .cols{
    align-items: flex-start;
    max-height: 400px;
    height: 100%;

}

.ajax_hint .title-sub{
    display: flex;
    gap:20px;
}
.ajax_hint .art{
    color: var(--mb-text-soft);
}
.ajax_hint .price{
    font-weight: bold;
    font-size: 19px;
}
.ajax_hint .msg{
    font-family: HelveticaNeueCyr;
    font-size: 22px;
    line-height: 32px;
    flex-grow: 1;
    margin: 0px 0px 10px 0px;
}
/* Сравнение в карточке товара — та же иконка и та же плашка, что в листинге */
.header_product .compare, .product__info-characteristic_cod_tovara .compare {
    position: static;
    top: auto;
    right: auto;
    z-index: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    height: 24px;
    padding: 0 10px 0 26px;
    margin: 0;
    border: 0;
    border-radius: 7px;
    background-color: var(--mb-bg);
    background-image: var(--mb-icon-compare);
    background-position: 8px center;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    color: var(--mb-text-muted);
    cursor: pointer;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease;
    -o-transition: background-color 0.2s ease, color 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.header_product .compare:hover, .product__info-characteristic_cod_tovara .compare:hover {
    border: 0;
    background-color: rgba(93, 169, 233, 0.14);
    background-image: var(--mb-icon-compare-blue);
    color: var(--mb-blue-dark);
}

.header_product .compare.active, .product__info-characteristic_cod_tovara .compare.active {
    border: 0;
    background-color: var(--mb-blue);
    background-image: var(--mb-icon-compare-white);
    color: var(--mb-white);
}
.brandsList {
    align-content: stretch;
    align-items: baseline;
}
.rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 4px;
    border: none;
    padding: 0;
    max-width: 250px;
}
.rating .fs-checkbox-label{
    margin-left: 0 !important;
}
.rating input {
    display: none;
}

.rating label {
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rating label svg {
    fill: #d1d5db;
    transition: fill 0.2s ease;
    width: 32px;
    height: 32px;
}

.rating label:hover svg,
.rating label:hover ~ label svg {
    fill: var(--mb-star);
}

.rating input:checked ~ label svg {
    fill: var(--mb-star);
}

.rating:not(:hover) input:checked ~ label svg {
    fill: var(--mb-star);
}

.rating:hover input:checked ~ label svg {
    fill: var(--mb-star);
}

.rating input:checked + label ~ label svg {
    fill: #d1d5db;
}

.rating label:active svg {
    transform: scale(0.9);
}
.rating .fs-checkbox.fs-light .fs-checkbox-marker{
    display: none !important;
}
.rating div {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.msgSuccessful.gray_block{
    margin-left: 0;
    font-size: 18px;
    font-weight: 600;
    display: none;
}
.flex_header_product{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.flex_header_product .right_column{
    text-align: right;
}
.commentForm, .commentFormNew{
    margin-bottom: 20px;
}
.commentForm .file, .commentFormNew .file{
    display: block;
    position: relative;
}
.commentForm .button, .commentFormNew .button{
    line-height: 20px;
    padding: 17px 30px;
}
.commentForm .js-tip, .commentFormNew .js-tip{
    color: #757575;
    padding-left: 45px;
}
.commentForm .file.upload::before, .commentFormNew .file.upload::before {
    position: absolute;
    content: '+';
    background: var(--mb-white);
    height: calc(100% - 3px);
    top: 2px;
    left: 2px;
    width: 45px;
    border-radius: 10px;
    bottom: 2px;
    font-size: 30px;
    line-height: 45px;
    text-align: center;
    color: var(--mb-blue);
}
.noStyle{
    font-size: inherit !important;
    line-height: inherit !important;
    display: inline !important;
    margin: 0 !important;
}
.openComments{
    display: flex;
    color: var(--mb-star);
}
.blockRating{
    color: var(--mb-star);
    display: flex;
    align-items: center;
}
.catalog__slider-characteristic .topBlock {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    cursor: pointer;
    min-height: 18px;
}

.catalog__slider-characteristic .article {
    display: flex;
    margin-bottom: 0;
}

.catalog__slider-characteristic .rating-dynamic .star{
    width: 12px;
    height: 12px;
}
.catalog__slider-characteristic .rating-dynamic .star svg{
    width: 12px;
    height: 12px;
}
.rating-dynamic {
    display: flex;
    gap: 0px;
    justify-content: center;
    margin: 0 2px 0 5px;

}

.rating-dynamic .star {
    width: 20px;
    height: 20px;
    position: relative;
}

.rating-dynamic .star svg {
    width: 20px;
    height: 20px;
    display: block;
}
.cols{
    display: flex;
    gap:20px
}
.cols.streach{
    gap:0;
}
.col60{
    width: 58%;
}
.col40{
    width: 38%;
}
.col50{
    width: 48%;
}
.rating div svg {
    fill: #d1d5db;
    transition: fill 0.2s ease;
    width: 32px;
    height: 32px;
}
.comment_name{
    font-size: 18px;
    font-weight: 600;
    margin-right: 10px;
}
.comment_block .flex{
    margin-bottom: 10px;
}
.comment_block time{
    color: var(--mb-text-muted);
}
.rating div.active svg {
    fill: var(--mb-star);
    transition: fill 0.2s ease;
    width: 32px;
    height: 32px;
}
.comment_block{
    padding: 17px;
    border: 2px solid var(--mb-bg-tint);
    border-radius: 10px;
    margin-bottom: 10px;
}
.gresson_constructor_btn{
    background: var(--mb-blue) !important;
    display: inline-block;
    padding: 15px 41px !important;
    border: none !important;
    cursor: pointer;
    border-radius: 10px !important;
    margin: -20px 0 0 0 !important;
}
@media (max-width: 1480px) {
    a[class^="catalog__slider-images-"].slick-slider {
        max-width: 170px;
    }
}
@media (min-width: 820px) and (max-width: 1200px) {
    .cart__info_2{
        margin: 0% 0px 0px -15%;
    }
    .header__mail-div{
        height: 50px;
    }
    .header__mail-div a{
        display: none;
    }

}

@media (min-width: 1024px) and (max-width: 1280px) {
    .menu_sub {
        width: calc((100% / 3) - 20px);
        margin: 10px;
    }

    body:not(.m_object) .main-content {
        max-width: calc(100% - 320px);
    }
    body.m_object .main-content {
        max-width: 100%;
    }
   /* .catalog-filter-title{
        padding: 25px 5px;

    }*/
    .field-wrap{
        padding: 0 5px 5px;
    }
    .product__info-control{
        width: auto;
    }

    .product__result .js-count-control.count-control{
        padding-left: 0;
        margin-left: 0;
    }
    .header__time{
        display: none;
    }
}

@media (max-width: 750px) {
    .container__jg1uN.__right__VY1cN{
        right: -110% !important;
    }
    .cart__info_2{
        margin: 0% 0px 0px 0%;
        padding: 15px 13px 17px;
    }
    h1+sup{
        font-size: 20px;
        display: inline;
    }
    h1, .h1 {
        text-align: left;
        display: inline;
    }
    .tabs-compare {
        margin-left: 0;
    }
    .tabs-compare li{
        margin-left: 7px !important;
    }
        .table-container {
        overflow: auto;
        border: 1px solid #ddd;
        padding-top: 10px;
    }

    .sticky-table {
        border-collapse: collapse;
        width: 100%;
        height: 100%;
    }

    .sticky-table thead th {
        position: sticky;
        top: 0;
        z-index: 10;
        padding: 12px;
        border-bottom: 2px solid #ccc;
        width: calc(50vw - 50px);
        max-width: calc(50vw - 50px);
        min-width: calc(50vw - 50px);
    }

    .sticky-table  .catalog_item_preview {
        height: inherit;
        min-height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: relative;
        top: 0;
    }

    .sticky-table .sticky-col {
        position: sticky;
        left: 0;
        background: white;
        z-index: 5;
        padding: 10px;
        border-right: 2px solid #ccc;
    }
    .btn_compare{
        display: flex;
        gap:10px;
    }
    .btn_compare a {

        display:block;
        width: 50%;

    }

    .sticky-table thead .sticky-col {
        z-index: 15;
        background: #f5f5f5;
    }
    .sticky-table thead {
        background: white;
        transition: all 0.3s ease;
    }

    .tableCompare.fixed thead {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #f8f9fa;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        z-index: 1000;
    }

    

    .sticky-table td {
        padding: 10px;
        border-bottom: 1px solid #eee;
        width: calc(50vw - 50px);
        max-width: calc(50vw - 50px);
        min-width: calc(50vw - 50px);
        position: relative;
        padding-bottom: 25px;
        text-align: center;
        vertical-align: middle;
        min-height: 60px;
    }
    .sticky-table td .title_td{
        display: flex;
        font-size: 10px;
        color: gray;
        position: absolute;
        bottom: 5px;
        left: 0;
        right: 0;
        text-align: center;
        align-items: center;
        justify-content: center;
        line-height: 11px;

    }

}


@media (max-width: 700px) {
    .header__wrapper{
        margin-top: 10px;
    }
    .catalog__slider-label{
        top: 20px;
    }
    .category-type.works .category-type__list > a > .news-date{
        min-height: auto;
        padding: 1px 7px;
        margin: 8px 7px !important;
    }


    .category-type .category-name{
        display: flex;
        padding: 5px 7px !important;
        margin-bottom: 0;
        font-size: 14px;
    }
    .mobileMenu.open{
        top:60px
    }
    .open .menu_block_link_item{
        top:60px
    }
}
@media (max-width: 700px) {
    .tab-content .sw-app{
        width: calc(100% - 40px) !important;
        max-width: calc(100% - 40px) !important;
        min-width: calc(100% - 40px) !important;
    }
    .main-content .tabs-content{
        margin-top: 10px;
    }
}

/* ============================================================
   Modern flat layer — visual only, same class names / same grid
   ============================================================ */

h2, .h2,
h3, .h3 {
    font-weight: 500;
}

/* ----- Header ----- */

.header__phone-num,
.header__mail-num,
.header__time-div > strong {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.01em;
}

/* Подложка иконки высотой 48px — даём блокам с текстом ровно столько места,
   иначе у шестиугольника обрезаются верхняя и нижняя вершины */
.header__mail-div,
.header__time-div {
    min-height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.header__button .button-blue {
    padding: 12px 22px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
}

.header-basket__block-icon,
.header-compare__block-icon {
    flex-shrink: 0;
}

/* ----- Top navigation ----- */

.nav > li.hide-768:hover > a {
    color: var(--mb-text);
    text-decoration: underline;
    text-decoration-color: var(--mb-red);
    text-decoration-thickness: 2px;
    text-underline-offset: 6px;
}

.nav > li.nav__catalog:hover > a,
.nav .nav__catalog:hover > a,
.nav .nav__catalog > a:hover {
    color: var(--mb-white);
    text-decoration: none;
}

.nav > li.nav__catalog,
.nav > li.nav__catalog:hover,
.nav__catalog:hover {
    background: var(--mb-red);
    box-shadow: none;
    outline: none;
}

.nav__search form:focus-within {
    background: var(--mb-white);
    border-color: var(--mb-blue);
}

/* ----- Mega catalog dropdown ----- */

.left_object_menu ul li a:hover {
    color: var(--mb-text);
}

/* ----- Sidebar catalog menu ----- */
.main-block > h3,
.main-block .h3,
.main-block .h3 a {
    font-size: 18px;
    font-weight: 600;
    color: var(--mb-text);
    margin-bottom: 16px;
}

.menu > li:last-child {
    border-bottom: 0;
}

/* ----- News in sidebar ----- */
.main-block .news-flex .news,
.news {
    background: var(--mb-white);
    border: 1px solid var(--mb-border);
    border-bottom: 1px solid var(--mb-border);
    border-radius: 12px;
    padding: 14px;
    margin-bottom: 12px;
    box-shadow: none;
}

.news-image,
.news-image img,
.news img {
    display: block;
    width: 100%;
    max-height: 140px;
    object-fit: contain;
    background-color: var(--mb-white);
    border: 0;
    border-radius: 8px;
}

.news_box img,
.separate-article .article-pic,
.right_block,
.right_block img {
    background-color: var(--mb-white);
    border: 0;
}

/* ----- Product cards ----- */
.catalog__slider--list:not(.catalog-slider) {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    gap: 16px;
}

.catalog__slider--list:not(.catalog-slider) > li {
    margin: 0;
    width: calc((100% - 32px) / 3);
    max-width: calc((100% - 32px) / 3);
    flex: 0 0 calc((100% - 32px) / 3);
}

.catalog__slider--list:not(.catalog-slider).h7catalog > li {
    width: calc((100% - 48px) / 4);
    max-width: calc((100% - 48px) / 4);
    flex: 0 0 calc((100% - 48px) / 4);
}

/* Карусели (bxSlider) живут на старых правилах .catalog__slider > li:
   ширину слайда считает скрипт, сетка листинга к ним не применяется */

/* Высоты блоков карточки в каруселях — значения из старых стилей (style.css),
   чтобы все слайдеры в табах имели одинаковую высоту */
.catalog-slider .catalog__slider-image {
    height: 240px;
}

.catalog-slider .catalog__slider-title {
    height: auto;
    min-height: 80px;
    max-height: none;
    margin: 5px 0;
}

.catalog-slider .catalog__slider-characteristic {
    min-height: 60px;
}

/* Табы со слайдерами.
   Скрипт табов и bxSlider считают ширину и высоту по табам, в том числе по скрытым
   (`.tab-content-wrap.tab-active` остаётся на первом табе и почти всегда скрыт, а
   bxSlider пересчитывает slideWidth/viewport при каждой перерисовке). У display:none
   размеры нулевые, поэтому скрытый таб не выключаем, а сжимаем до нулевой высоты с
   обрезкой: ширина и размеры карточек внутри остаются настоящими, а на поток страницы
   и на её высоту скрытый таб не влияет. */
.tabs-content {
    position: relative;
}

.tabs-content .tab-content-wrap:not(.tab-active):not([style]),
.tabs-content .tab-content-wrap[style*="display: none"],
.tabs-content .tab-content-wrap[style*="display:none"] {
    display: block !important;
    height: 0 !important;
    overflow: hidden;
    visibility: hidden;
    pointer-events: none;
}

.tabs-content .tab-content-wrap {
    height: auto !important;
}

.tabs-content .tab-content-wrap .bx-wrapper.bx-catalog,
.tabs-content .tab-content-wrap .bx-wrapper.bx-catalog .bx-viewport {
    height: auto !important;
}

/* Сравнение: скрытый раздел не должен стоять в одном ряду с открытым.
   На странице один .catalog-cat со всеми разделами сразу, и правило слайдеров
   оставляет неактивные блоки в потоке. Пока раздел один, это незаметно. */
.catalog-cat.tabs-content {
    width: 100%;
}

.catalog-cat.tabs-content > .tab-content-wrap.tab-active, .catalog-cat.tabs-content > .tab-content-wrap[style*="display: block"], .catalog-cat.tabs-content > .tab-content-wrap[style*="display:block"] {
    display: block !important;
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: visible !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.catalog-cat.tabs-content > .tab-content-wrap:not(.tab-active):not([style]), .catalog-cat.tabs-content > .tab-content-wrap[style*="display: none"], .catalog-cat.tabs-content > .tab-content-wrap[style*="display:none"] {
    display: none !important;
    height: auto !important;
    overflow: visible !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.catalog-cat.tabs-content > .tab-content-wrap .sticky-table td .title_td {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Метки ХИТ / NEW / скидка — шрифт и высота как у статуса наличия, стопкой с отступом 6px */
.catalog__slider-label--sale, .catalog__slider-label--hit, .catalog__slider-label--new {
    background-image: none;
    border-radius: 7px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 24px;
    min-width: 0;
    padding: 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.01em;
    color: var(--mb-white);
    margin-bottom: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.catalog__slider-label > span:last-child {
    margin-bottom: 0;
}

.catalog__slider-label--hit:before {
    content: 'ХИТ';
}

.catalog__slider-label--new:before {
    content: 'NEW';
}

.catalog__slider > li:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    z-index: 2;
    overflow: visible;
}

/* Кнопка сравнения в карточке: иконка на SVG, три состояния одним цветом фона и иконки */
.catalog__slider > li .compare:not(.delete) {
    top: -1px;
    right: 1px;
    width: 24px;
    height: 24px;
    border: 0;
    border-radius: 7px;
    box-sizing: border-box;
    background-color: var(--mb-bg);
    background-image: var(--mb-icon-compare);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    -webkit-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}

.catalog__slider > li .compare:not(.delete):hover {
    border: 0;
    background-color: rgba(93, 169, 233, 0.14);
    background-image: var(--mb-icon-compare-blue);
}

.catalog__slider > li .compare:not(.delete).active {
    border: 0;
    background-color: var(--mb-blue);
    background-image: var(--mb-icon-compare-white);
}

.catalog__slider-image,
.catalog__slider-image a,
.catalog_item_preview .slick-list,
.catalog_item_preview a[class^="catalog__slider-images-"] .slick-slide,
.catalog_item_preview .slick-slide [class^="catalog__slider-images-"] {
    background-color: var(--mb-white);
    border: 0;
}

.catalog__slider-title,
a.catalog__slider-title:hover,
.catalog__slider > li:hover .catalog__slider-title {
    color: var(--mb-text);
}

.catalog__slider-title span {
    display: block;
    overflow: visible;
    width: 100%;
}

.catalog__slider-characteristic .article,
.catalog__slider-characteristic .topBlock {
    font-size: 12px;
    color: var(--mb-text-muted);
}

.buy_one_click_button.button-transparent {
    border-color: var(--mb-border);
    color: var(--mb-red);
    background: var(--mb-white);
}

.buy_one_click_button.button-transparent:hover {
    background: var(--mb-blue);
    border-color: var(--mb-blue);
    color: var(--mb-white);
    box-shadow: none;
}

/* Статусы наличия — в стиле кнопки «Быстрый заказ»: подложка кнопки, чёрный текст, яркая точка */

.nalichie:before {
    content: '';
    display: block;
    -ms-flex: 0 0 6px;
    flex: 0 0 6px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.nalichie.est:before {
    background: var(--mb-green-dark);
}

.nalichie.net:before {
    background: var(--mb-text-soft);
}

.nalichie.discontinued:before {
    background: var(--mb-text-muted);
}

/* ----- Category tiles ----- */
.category__list > a, .category__list > .category__list-big {
    border-radius: 12px;
}

/* ----- Listing toolbar / filters ----- */

.catalog-cat__controls-sorter > li,
.catalog-cat__controls-sorter > li a {
    font-size: 16px;
    font-weight: 600;
    color: var(--mb-text);
    text-decoration: none;
}

.catalog-cat__controls-sorter > li.active,
.catalog-cat__controls-sorter > li.active a,
.catalog-cat__controls-sorter > li.active a:hover {
    color: var(--mb-red);
    text-decoration: none;
}

.catalog-cat__controls-sorter > li a:hover {
    color: var(--mb-text);
    text-decoration: none;
}

.catalog-cat__controls-pager,
.catalog-cat__list-controls .pager,
.catalog-cat__list-footer .pager,
.pager {
    align-items: center;
}

.pager > li.active > a,
.pager > li.active > a:hover,
.pager > li.active > a:focus {
    background-color: var(--mb-red);
    color: var(--mb-white);
}

.pager > li:not(.active) > a:hover {
    background: rgba(217, 84, 65, 0.2);
    color: var(--mb-red);
}

.catalog-filter .field-wrap {
    padding: 0 16px 4px;
}

.catalog-filter .catalog__filter-field {
    border-top: 0;
}

.catalog-filter .catalog__filter-title {
    margin: 8px 0;
    font-size: 15px;
    color: var(--mb-text);
}

.catalog-filter .catalog__filter-check {
    margin-bottom: 10px;
}

.catalog-filter .fs-checkbox.fs-light {
    margin-right: 0;
    justify-content: flex-start;
}

.catalog-filter .fs-checkbox.fs-light .fs-checkbox-marker {
    margin: 0 6px 0 0;
    background-color: var(--mb-white);
}

.catalog-filter .fs-checkbox-label,
.catalog-filter .fs-checkbox-label.fs-light {
    margin-left: 0;
}

.catalog-filter .catalog__filter-btn {
    margin: 0;
}
.js-modal-form .catalog-filter .fs-checkbox-label{
    font-size: 14px;
    line-height: 17px;
    color: var(--mb-text-muted);
}
.catalog-filter .catalog__filter-btn > input,
.catalog-filter .catalog__filter-btn > li,
.catalog-filter input[type="text"],
.catalog-filter input[type="number"],
.catalog-filter .fs-dropdown.fs-light .fs-dropdown-selected {
    background-color: var(--mb-white);
}

.catalog-filter .fs-checkbox-checked .fs-checkbox-marker,
.catalog-filter .fs-checkbox.fs-light.fs-checkbox-checked .fs-checkbox-marker {
    background-color: var(--mb-blue);
    border-color: var(--mb-blue);
}

.catalog-filter .fs-checkbox-checked .fs-checkbox-flag,
.catalog-filter .fs-checkbox.fs-light.fs-checkbox-checked .fs-checkbox-flag {
    background-color: transparent;
    border: 0;
    border-radius: 0;
}

.catalog-filter .fs-checkbox-checked .fs-checkbox-flag:before,
.catalog-filter .fs-checkbox.fs-light.fs-checkbox-checked .fs-checkbox-flag:before {
    width: 5px;
    height: 10px;
    border: 2px solid var(--mb-white);
    border-top: 0;
    border-left: 0;
    margin: 2px 0 0 6px;
    content: '';
    display: block;
    -webkit-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
}

.catalog-filter .catalog__filter-field:not(.collapsed) > .catalog__filter-control,
.catalog-filter .catalog__filter-control.sliderActive {
    display: block;
}

.catalog-filter .catalog__filter-field.collapsed > .catalog__filter-control {
    display: none;
}

.catalog-filter .show_result, .catalog-filter__control-bar .show_result, .catalog-filter button.show_result, .catalog-filter .reset, .catalog-filter__control-bar .reset, .catalog-filter a.reset.button-red, .catalog-filter a.button-transparent.reset {
    flex: 1 1 0;
    width: auto;
    max-width: none;
    margin: 0;
    white-space: nowrap;
    border-radius: 10px;
    font-weight: 600;
}

.catalog-filter .show_result, .catalog-filter__control-bar .show_result, .catalog-filter button.show_result {
    background: var(--mb-blue);
    border: 1px solid var(--mb-blue);
    color: var(--mb-white);
}

.catalog-filter .reset, .catalog-filter__control-bar .reset, .catalog-filter a.reset.button-red, .catalog-filter a.button-transparent.reset {
    background: rgba(217, 84, 65, 0.2);
    border: 1px solid transparent;
    color: var(--mb-red);
}

.catalog-filter .show_result:hover, .catalog-filter button.show_result:hover, .catalog-filter .show_result.button-red:hover, .catalog-filter button.button-transparent.show_result:hover {
    background: var(--mb-blue-dark);
    border-color: var(--mb-blue-dark);
    color: var(--mb-white);
    box-shadow: none;
}

.catalog-filter .reset:hover, .catalog-filter a.reset:hover, .catalog-filter a.reset.button-red:hover, .catalog-filter a.button-transparent.reset:hover {
    background: var(--mb-red);
    border-color: var(--mb-red);
    color: var(--mb-white);
    box-shadow: none;
}

.catalog-filter #preResult .show_result:hover, .catalog-filter #preResult button.show_result:hover {
    background: var(--mb-blue-dark);
    border-color: var(--mb-blue-dark);
    color: var(--mb-white);
    box-shadow: none;
}

.catalog-filter #preResult {
    background: var(--mb-white);
    border: 0;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    padding: 8px 14px 10px;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    color: var(--mb-text);
    line-height: 1.35;
}

.catalog-filter #preResult .message, .catalog-filter #preResult .not-found {
    font-size: 15px;
    color: var(--mb-text);
}

.catalog-filter #preResult .show_result, .catalog-filter #preResult button.show_result {
    display: inline-block;
    flex: none;
    width: auto;
    min-width: 120px;
    height: 32px;
    line-height: 30px;
    padding: 0 12px;
    margin: 6px 0 0;
    font-size: 14px;
    font-weight: 600;
    background: var(--mb-blue);
    border: 1px solid var(--mb-blue);
    color: var(--mb-white);
    border-radius: 10px;
    white-space: nowrap;
}

.breadcrumb > li > a:hover {
    color: var(--mb-text-muted);
}

/* ----- Product page ----- */
.product__image,
.gallery,
.fotorama .fotorama__stage,
.fotorama .fotorama__stage__frame {
    background-color: var(--mb-white);
}

/* ----- Табы: сегментированный переключатель ----- */

.tabs > li:hover, .tabs > li:hover > a {
    color: var(--mb-text);
    text-decoration: none;
}

.tabs > li:not(.active):hover {
    background: var(--mb-white);
}

.tabs > li.active, .tabs > li.active:hover {
    background: var(--mb-blue);
    border: 0;
}

.tabs > li.active, .tabs > li.active > a, .tabs > li.active:hover, .tabs > li.active:hover > a {
    color: var(--mb-white);
    font-weight: 600;
}

/* ----- Footer ----- */

/* ----- Shared jpeg backplates ----- */
.catalog__slider-image img,
.catalog-category__list > div img,
.category-type__list img.img-responsive,
.product__image img,
.fotorama img.fotorama__img,
.cart__item-image,
.cart__item-image img,
.alternativnyi_image,
.pdf-download-link img.img-responsive,
ul.ui-autocomplete .icon img {
    background-color: var(--mb-white);
    border: 0;
    box-shadow: none;
}

.button:hover,
.button:focus,
.button.button-blue:focus,
.button.button-green:focus,
.container a.button-green:focus,
.button-red:focus,
.buy_one_click_button:hover,
.buy_one_click_button:focus {
    box-shadow: none;
}

#questionsForm input[type='text'],
#questionsForm textarea,
.qvForm textarea,
.commentForm textarea,
.commentFormNew textarea,
.qvForm input,
.commentForm input[type="text"],
.commentFormNew input[type="text"] {
    border: 1px solid var(--mb-border);
    border-radius: 10px;
    background: var(--mb-white);
}

#questionsForm input[type='text']:focus,
#questionsForm textarea:focus {
    border-color: var(--mb-blue);
}

@media (max-width: 1024px) {
    .header__mail-div {
        background-image: var(--mb-icon-mail), var(--mb-icon-plate);
        background-repeat: no-repeat, no-repeat;
        background-position: center, center;
        background-size: 54px 54px, 54px 54px;
    }
    .header-basket__block-icon {
        background-image: var(--mb-icon-basket), var(--mb-icon-plate);
        background-repeat: no-repeat, no-repeat;
        background-position: center, center;
        background-size: 54px 54px, 54px 54px;
    }
    .nav__catalog {
        background: var(--mb-red);
    }
}

@media (max-width: 700px) {
    .catalog-cat__list-controls {
    border: 0;
}

    .img-cart {
        background-color: var(--mb-green) !important;
        border-color: var(--mb-green) !important;
        filter: none;
    }
    .button-green, .container a.button-green {
        background-color: var(--mb-green);
        border-color: var(--mb-green);
        color: var(--mb-text);
    }
}

.main-block .points-delivery,
.main-block .news,
.main-block .h3 {
    width: 100%;
    box-sizing: border-box;
}

/* Listing cart buttons: same size before/after JS inCart */

.catalog__slider-btns > div > button,
.catalog__slider-btns > div > a,
.catalog__slider-btns .buy_one_click_button,
.catalog__slider-btns .put-into-basket-catalog,
.catalog__slider-btns .basket-link-catalog {
    box-sizing: border-box;
    height: 44px;
    line-height: 42px !important;
    padding: 0 10px !important;
    font-size: 14px;
    font-weight: 600;
    border-radius: 10px;
    white-space: nowrap;
}

.catalog__slider-btns .buy_one_click_button {
    background: var(--mb-tile-blue);
    color: var(--mb-blue-dark);
    border: 1px solid transparent;
}
/*
.catalog__slider-btns .put-into-basket-catalog, .catalog__slider-btns a.put-into-basket-catalog, .catalog__slider-btns a.button-green.put-into-basket-catalog, .catalog__slider-btns .basket-link-catalog, .catalog__slider-btns a.basket-link-catalog, .catalog__slider-btns a.button-green.basket-link-catalog {
    background: var(--mb-blue);
    border: 1px solid var(--mb-blue);
    color: var(--mb-white);
}

.catalog__slider-btns .put-into-basket-catalog:hover, .catalog__slider-btns a.put-into-basket-catalog:hover, .catalog__slider-btns a.button-green.put-into-basket-catalog:hover, .catalog__slider-btns .basket-link-catalog:hover, .catalog__slider-btns a.basket-link-catalog:hover, .catalog__slider-btns a.button-green.basket-link-catalog:hover {
    background: var(--mb-blue-dark);
    border-color: var(--mb-blue-dark);
    color: var(--mb-white);
    box-shadow: none;
}*/

.catalog__slider-btns .buttonBox > .product__info-control,
.catalog__slider-btns .buttonBox > a,
.catalog__slider-btns .buttonBox > button {
    flex: 1 1 auto;
}

.notInCart .catalog__slider-btns .put-into-basket-catalog {
    width: 100%;
    flex: 1 1 100%;
}

.inCart .catalog__slider-btns .basket-link-catalog {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 0;
    flex: 1 1 0;
}

.inCart .catalog__slider-btns .product__info-control {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    width: auto;
    flex: 0 0 auto;
}

/* Product page right column: one width, no overlapping plates */
.product .right_column {
    width: 350px;
    max-width: 350px;
    flex: 0 0 350px;
    box-sizing: border-box;
}

.product .left_column {
    width: calc(100% - 370px);
    box-sizing: border-box;
}

.product .right_column .gray_block, .product .right_column .price_block, .product .right_column .product__label-conditions, .product .right_column .product__label-conditions_div, .product .right_column #yaPay, .product .right_column #yaPay2 {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    box-sizing: border-box;
}

/* Светло-серая подложка блоков правой колонки. */
.product .right_column .gray_block {
    background: var(--mb-bg);
    border: 0;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 16px;
    box-shadow: none;
}

.product .right_column .price_block {
    padding: 20px;
    margin-bottom: 16px;
    position: relative;
}

.product .right_column .product__result.notInCart, .product .right_column .product__result.inCart {
    min-width: 0;
    width: 100%;
}

.product .right_column .product__result, .product .right_column .buy-button, .product .right_column .put-into-basket, .product .right_column .basket-link, .product .right_column .buy_one_click_button {
    width: 100%;
    box-sizing: border-box;
}

/* Ряд «количество + В корзину» тянется на всю ширину блока без лишних отступов:
   margin-left и min-height у .buy-button приходят из общих правил и раньше сдвигали
   кнопку вправо за край блока. */
.product .right_column .product__result {
    display: flex;
    align-items: stretch;
    gap: 8px;
    margin-top: 16px;
}

.product .right_column .product__result .buy-button {
    display: flex;
    align-items: stretch;
    gap: 8px;
    margin: 0;
    min-height: 0;
}

/* «Выбрать замену» — 44px. Без .right_column: на мобилке колонки нет. */
.product .posmotret .button.button-transparent.button-red:not(.btn-r) {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 44px;
    margin: 0;
    padding: 0 12px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    border-radius: 10px;
    box-sizing: border-box;
    background: rgba(217, 84, 65, 0.2);
    border: 1px solid transparent;
    color: var(--mb-red);
}

.product .posmotret .button.button-transparent.button-red:not(.btn-r):hover {
    background: var(--mb-red);
    border-color: var(--mb-red);
    color: var(--mb-white);
    box-shadow: none;
}

.product .right_column .sale {
    width: 100%;
}

.product .right_column .inCart .basket-link {
    flex: 1 1 auto;
    width: auto;
}

/* ----- Вкладки карточки товара (Все характеристики / Описание / Отзывы и прочие) -----
   Отдельные пилюли, а не одна капсула: у пунктов нет общей обёртки, и на второй
   строке общая плашка рвётся. Каждая вкладка сама по себе, перенос остаётся ровным.
   Ниже 480px в phones.css эти блоки — аккордеон, поэтому вид только от 481px. */
@media (min-width: 701px) {
    .info__block {
        border: 0;
        border-radius: 0;
        overflow: visible;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-column-gap: 28px;
        -moz-column-gap: 28px;
        column-gap: 28px;
        row-gap: 0;
    }

    .info__block.js-info-block:not(:has(> .h2)) {
        position: relative;
        z-index: 0;
        -webkit-column-gap: 8px;
        -moz-column-gap: 8px;
        column-gap: 8px;
        row-gap: 8px;
    }

    .info__block.js-info-block > div:nth-child(odd):not(.h2) {
        position: relative;
        z-index: 1;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-item-align: center;
        align-self: center;
        max-width: none;
        margin: 0;
        padding: 9px 16px;
        border: 0;
        border-bottom: 0;
        border-radius: 10px;
        font-size: 15px;
        font-weight: 600;
        line-height: 20px;
        text-align: left;
        color: var(--mb-text-muted);
        background-color: var(--mb-bg-tint);
        white-space: nowrap;
        -webkit-transition: background-color 0.2s ease, color 0.2s ease;
        -o-transition: background-color 0.2s ease, color 0.2s ease;
        transition: background-color 0.2s ease, color 0.2s ease;
    }

    .info__block.js-info-block > div:nth-child(odd):not(.h2)::before {
        content: none;
    }

    .info__block.js-info-block > div:nth-child(odd):not(.h2):not(.active):hover {
        background: var(--mb-white);
        color: var(--mb-text);
        -webkit-box-shadow: inset 0 0 0 1px var(--mb-border);
        box-shadow: inset 0 0 0 1px var(--mb-border);
    }

    .info__block.js-info-block > div.active:nth-child(odd):not(.h2), .info__block.js-info-block > div.active:nth-child(odd):not(.h2):hover {
        background: var(--mb-blue);
        color: var(--mb-white);
        border-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .info__block.js-info-block > div:nth-child(odd):not(.h2) > span {
        display: inline-block;
        vertical-align: middle;
        top: 0;
        margin-left: 6px;
        padding: 1px 7px;
        font-size: 12px;
        font-weight: 600;
        line-height: 18px;
        color: var(--mb-text-muted);
        background-color: var(--mb-white);
        border-radius: 8px;
        white-space: nowrap;
    }

    .info__block.js-info-block > div.active:nth-child(odd):not(.h2) > span {
        color: var(--mb-blue);
        background-color: var(--mb-white);
    }

    .info__block .tab-header > span:empty, .info__block.js-info-block > div:nth-child(odd):not(.h2) > span:empty {
        display: none;
        margin: 0;
        padding: 0;
        background: transparent;
    }

    .info__block > div:nth-child(even) {
        padding: 20px 0 0;
        border-top: 0;
        font-size: 15px;
        line-height: 20px;
    }

    /* «Рекомендуем докупить» — тот же кегль/вес, что у вкладок
       «Все характеристики», «Описание» и т.д. */
    .info__block > div.h2:nth-child(odd) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -ms-flex-item-align: start;
        align-self: flex-start;
        max-width: none;
        padding: 0;
        margin: 0 0 0 !important;
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
        text-align: left;
        color: var(--mb-text);
        background-color: transparent;
        border-bottom: 0;
        cursor: default;
        white-space: normal;
    }

    .info__block > div.h2:nth-child(odd):hover {
        color: var(--mb-text);
    }

    /* Контент секции без боковых паддингов — карточки совпадают с левым краем
       левой колонки (хлебные крошки, характеристики, описание). */
    .info__block > div.tab-content.recd {
        padding: 0;
        border-top: 0;
    }

    /* Внутренние табы «Рекомендуем докупить» — сине-серые сегменты,
       как у слайдеров на главной. Отступ сверху до табов. */
    .info__block .tabs.recd, .info__block > div.tab-content.recd .tabs {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        max-width: calc(100% - 120px);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 4px;
        margin: 20px 0 20px;
        background: var(--mb-bg-tint);
        border-radius: 12px;
        border-bottom: 0;
        gap: 4px;
    }

    .info__block .tabs.recd > li {
        padding: 9px 18px;
        border-radius: 10px;
        background: transparent;
        color: var(--mb-text-muted);
        border-bottom: 0;
        margin-bottom: 0;
        font-size: 15px;
        font-weight: 600;
        line-height: 20px;
    }

    .info__block .tabs.recd > li:not(.active):hover {
        background: var(--mb-white);
        color: var(--mb-text);
    }

    .info__block .tabs.recd > li.active, .info__block .tabs.recd > li.active:hover {
        background: var(--mb-blue);
        color: var(--mb-white);
        border-bottom: 0;
    }
}

/* Описание: классический текст сайта — 15px / 20px, без увеличенного межстрочного. */
.info__block > .tab-content:not(.recd):not(.dands):not(:has(.properties-column)):not(:has(.comment_block)):not(:has(.accordeon)):not(:has(.pdf-links)) {
    font-size: 15px;
    line-height: 20px;
}

.info__block > .tab-content:not(.recd) > p {
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 12px;
}

/* «Рекомендуем докупить»: слайдер на всю ширину блока, стрелки — по правому
   краю секции, а не по правому краю .bx-wrapper (у него position: relative
   и своя рассчитанная ширина, из-за этого стрелки раньше сидели на слайдере). */
.info__block:has(> .tab-content.recd) {
    position: relative;
}

.info__block .recd .tabs-content, .info__block .recd .tab-content-wrap, .info__block .recd .bx-wrapper.bx-catalog, .info__block .recd .bx-wrapper.bx-catalog .bx-viewport {
    width: 100% !important;
    max-width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.info__block .recd .bx-wrapper.bx-catalog {
    position: static;
}

.info__block .recd .tabs-content {
    position: relative;
}

.info__block .recd .tabs-content .bx-controls.bx-has-controls-direction {
    position: absolute;
    top: -65px;
    right: 0;
    width: auto;
}

.info__block .recd .tabs-content .bx-catalog .bx-controls-direction .bx-prev, .info__block .recd .tabs-content .bx-catalog .bx-controls-direction .bx-next {
    float: left;
    position: relative;
    left: auto;
    right: auto;
}

/* «Вы просматривали»: стрелки справа в строке заголовка, не поверх карточек.
   Обёртка слайдера static, поэтому координаты считаются от .info__block. */
.info__block:has(#newItemsSlider) > .h2 {
    min-height: 50px;
    padding-right: 120px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.info__block:has(#newItemsSlider) .bx-controls.bx-has-controls-direction {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    z-index: 2;
}

.info__block:has(#newItemsSlider) .bx-controls-direction a.bx-prev, .info__block:has(#newItemsSlider) .bx-controls-direction a.bx-next {
    position: relative;
    float: left;
    top: auto;
    right: auto;
    left: auto;
    margin: 0 0 0 8px;
}

/* ----- Галерея карточки товара -----
   Главная фотография целиком вписывается в родителя, скругление на самой
   картинке. Превью той же высоты; обводка не обрезается. */
.product .topBlock .gallery {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    overflow: visible;
}

.product .js-product-gallery-new, .product .js-product-gallery.js-product-gallery-new {
    height: auto;
    max-height: 430px;
    overflow: hidden;
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.product .js-product-gallery-new .slick-list, .product .js-product-gallery-new .slick-track {
    max-height: 430px;
    overflow: hidden !important;
}

.product .js-product-gallery-new .slick-slide {
    height: auto !important;
    max-height: 430px;
    min-height: 0;
    overflow: hidden;
}

.product .js-product-gallery-new a.galereya {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    max-height: 430px;
    margin: 0;
    overflow: hidden;
}

.product .js-product-gallery-new img, .product .js-product-gallery-new .product-gallery-slide2 {
    max-height: 430px;
    max-width: 100%;
    width: auto;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 12px;
}

/* Столбик превью той же высоты, что и фото 430px. Нижние 32px — полоса стрелок,
   сами кнопки остаются как в старой вёрстке. Ниже 1100px превью становится
   горизонтальным, фиксированную высоту туда не переносим. */
@media (min-width: 1101px) {
    .product .js-product-gallery-nav-new {
        height: 430px !important;
        margin-top: 0;
        margin-bottom: 0 !important;
        padding: 0 0 32px;
        position: relative;
        overflow: visible;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .product .js-product-gallery-nav-new .slick-list {
        max-height: none !important;
        height: 398px !important;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .product .js-product-gallery-nav-new .slick-track {
        padding-bottom: 0;
    }

    .product .js-product-gallery-nav-new button.slick-prev.slick-arrow, .product .js-product-gallery-nav-new button.slick-next.slick-arrow {
        top: auto !important;
        bottom: 0;
        margin: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

/* ----- Документация -----
   Сетка карточек-файлов: иконка PDF слева, название, стрелка скачивания справа. */
.info__block .pdf-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
}

.info__block .pdf-download-link {
    width: calc((100% - 24px) / 3);
    max-width: none;
    min-height: 72px;
    margin: 0;
    padding: 14px 16px;
    border: 1px solid var(--mb-border);
    border-radius: 12px;
    background: var(--mb-bg);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
    text-decoration: none !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    -o-transition: background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.info__block .pdf-download-link:hover {
    background: var(--mb-white);
    border-color: var(--mb-border-dark);
    box-shadow: var(--mb-shadow);
}

/* Слева: иконка документа (без текста) + подпись PDF под ней */
.info__block .pdf-download-link:before {
    content: 'PDF';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48px;
    flex: 0 0 48px;
    width: 48px;
    height: 58px;
    padding: 0 0 8px;
    border-radius: 10px;
    background-color: rgba(217, 84, 65, 0.12);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d95441' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center 8px;
    background-size: 24px 24px;
    font-size: 10px;
    font-weight: 700;
    line-height: 12px;
    letter-spacing: 0.04em;
    color: var(--mb-red);
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.info__block .pdf-download-link:after {
    content: '';
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    margin-left: auto;
    padding: 0;
    border-radius: 8px;
    background-color: var(--mb-white);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235da9e9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    position: static;
    right: auto;
    top: auto;
}

.info__block .document-caption {
    display: block;
    width: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--mb-text);
    word-break: break-word;
}

.info__block .tab-content a.pdf-download-link {
    color: var(--mb-text);
    text-decoration: none !important;
}

@media (max-width: 1140px) {
    .info__block .pdf-download-link {
        width: calc((100% - 12px) / 2);
    }
}

@media (max-width: 768px) {
    .info__block .pdf-download-link {
        width: 100%;
    }
}

/* ----- Отзывы -----
   Карточки без жирной рамки, форма на светлой подложке. */
.info__block .comment_block {
    padding: 18px 20px;
    margin-bottom: 12px;
    border: 1px solid var(--mb-border);
    border-radius: 12px;
    background: var(--mb-white);
    box-shadow: none;
}

.info__block .comment_block .rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8px;
    gap: 2px;
}

.info__block .comment_block .rating div, .info__block .comment_block .rating div.active {
    display: inline-flex;
}

.info__block .comment_block .rating div svg, .info__block .comment_block .rating div.active svg {
    width: 28px;
    height: 28px;
}

.info__block .comment_block .flex {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 8px;
}

.info__block .comment_name {
    font-size: 15px;
    font-weight: 600;
    color: var(--mb-text);
    margin-right: 0;
}

.info__block .comment_block time {
    font-size: 13px;
    font-weight: 500;
    color: var(--mb-text-muted);
    background: var(--mb-bg-tint);
    border-radius: 8px;
    padding: 2px 8px;
}

.info__block .comment_block .font-medium {
    font-size: 14px;
    line-height: 20px;
    color: var(--mb-text);
}

.info__block .comment_block .galereya_wrap.content_gal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.info__block .comment_block .galereya {
    margin: 0;
    width: 72px;
    height: 72px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--mb-border);
}

.info__block .comment_block .image-galereya {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.info__block .loadCommnets {
    margin: 8px 0 20px;
}

.info__block a.loadCommnetsBtn.button {
    display: inline;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--mb-blue);
    font-size: 14px;
    font-weight: 600;
    line-height: inherit;
    box-shadow: none;
    text-decoration: none !important;
    opacity: 1;
}

.info__block a.loadCommnetsBtn.button:hover, .info__block a.loadCommnetsBtn.button:focus {
    background: transparent;
    color: var(--mb-blue-dark);
    border: 0;
    opacity: 1;
    text-decoration: none !important;
}

/* Общий вид форм «Отзывы» и «Вопрос-ответ» */
.info__block .commentFormNew, .info__block .qvForm {
    margin-top: 8px;
    margin-bottom: 20px;
    padding: 20px;
    background: var(--mb-bg);
    border-radius: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.info__block .commentFormNew .rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 14px;
}

.info__block .commentFormNew .rating label svg {
    width: 28px;
    height: 28px;
}

.info__block .commentFormNew textarea, .info__block .qvForm textarea {
    display: block;
    width: 100%;
    margin: 0 0 12px;
    border: 1px solid var(--mb-border);
    border-radius: 10px;
    background: var(--mb-white);
    font-size: 15px;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    min-height: 110px;
    padding: 12px 14px;
    resize: vertical;
}

.info__block .commentFormNew input[type="text"], .info__block .qvForm input[type="text"] {
    display: block;
    width: 100%;
    margin: 0 0 12px;
    padding: 0 14px;
    border: 1px solid var(--mb-border);
    border-radius: 10px;
    background: var(--mb-white);
    font-size: 15px;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 48px;
}

/* Однострочные поля — та же высота, что у «Отправить» (48px) */

.info__block .commentFormNew .cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 12px;
    margin: 0;
}

.info__block .commentFormNew .col50 {
    width: auto !important;
    max-width: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: 0;
}

/* «Прикрепить фото»: сброс padding:17px у .file-input-custom —
   из-за него «+» и текст съезжали с одной линии. */
.info__block .commentFormNew label.file.upload, .info__block .commentFormNew label.file.file-input-custom.upload {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 10px;
    width: auto;
    height: 48px !important;
    min-height: 48px;
    margin: 0;
    padding: 2px 16px 2px 2px !important;
    border-radius: 10px;
    background: var(--mb-white);
    border: 1px dashed var(--mb-border-dark);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    font-size: 15px !important;
    line-height: 20px !important;
    cursor: pointer;
}

.info__block .commentFormNew label.file.upload::before, .info__block .commentFormNew label.file.file-input-custom.upload::before {
    position: static !important;
    content: '+' !important;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 44px;
    flex: 0 0 44px;
    width: 44px !important;
    height: 44px !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 8px;
    background: var(--mb-bg-tint) !important;
    color: var(--mb-blue) !important;
    font-size: 22px !important;
    font-weight: 400;
    line-height: 1 !important;
    text-align: center;
}

.info__block .commentFormNew label.file.upload .js-tip, .info__block .commentFormNew .file.upload .js-tip {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    color: var(--mb-text-muted);
    font-size: 14px;
    font-weight: 500;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
    white-space: nowrap;
}

.info__block .commentFormNew label.file.upload .file-info {
    display: none;
}

.info__block .commentFormNew input[type="submit"].button, .info__block .commentFormNew .button.button-green, .info__block .qvForm input[type="submit"].button, .info__block .qvForm .button.button-green {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    height: 48px;
    margin: 0;
    padding: 0 24px !important;
    line-height: 1 !important;
    border-radius: 10px;
    background: var(--mb-blue);
    border: 1px solid var(--mb-blue);
    color: var(--mb-white);
    font-size: 15px;
    font-weight: 600;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
}

.info__block .commentFormNew input[type="submit"].button:hover, .info__block .commentFormNew .button.button-green:hover, .info__block .qvForm input[type="submit"].button:hover, .info__block .qvForm .button.button-green:hover {
    background: var(--mb-blue-dark);
    border-color: var(--mb-blue-dark);
    color: var(--mb-white);
    box-shadow: none;
}

.info__block .qvForm .msgSuccessful, .info__block .accordeons > .msgSuccessful {
    margin-top: 12px;
}

/* Карта во вкладке «Доставка и самовывоз» — скругление */
.info__block .maps_obj, .info__block .dands .maps_obj {
    margin-bottom: 20px;
    border-radius: 12px;
    overflow: hidden;
}

.info__block .maps_obj iframe, .info__block .maps_obj > ymaps, .info__block .maps_obj > div {
    border-radius: 12px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .info__block .commentFormNew .cols {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.category-type__list:not([class*="colFlex-"]) > a,
.category-type__list:not([class*="colFlex-"]) > div {
    width: calc((100% - 48px) / 4);
    flex: 0 0 calc((100% - 48px) / 4);
    max-width: calc((100% - 48px) / 4);
    box-sizing: border-box;
}
.points-delivery img {
    border-radius: 20px;
}
@media screen and (min-width: 700px) and  (max-width: 1280px) {
    .category-type__list:not([class*="colFlex-"]) > a,
    .category-type__list:not([class*="colFlex-"]) > div {
        width: calc((100% - 32px) / 3);
        flex-basis: calc((100% - 32px) / 3);
        max-width: calc((100% - 32px) / 3);
    }

}


@media screen and (min-width: 1024px) and (max-width: 1227px) {
    .catalog__slider--list:not(.catalog-slider) > li,
    .catalog__slider--list:not(.catalog-slider).h7catalog > li {
        width: calc((100% - 16px) / 2);
        max-width: calc((100% - 16px) / 2);
        flex: 0 0 calc((100% - 16px) / 2);
    }
}

.bx-wrapper.bx-main,
.bx-wrapper.bx-main .bx-viewport,
.bx-wrapper.bx-main #main-slider,
.bx-wrapper.bx-main .slider {
    border-radius: 12px;
    overflow: hidden;
}

.category__list > a, .category__list > .category__list-big, .category__list-big .subCategoryHidden, .category__list .subCategoryHidden, .category__list-big .subCategoryHidden:hover, .category__list .subCategoryHidden:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.category__list-big .subCategoryHidden:hover,
.category__list .subCategoryHidden:hover {
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
}

.category__list .subCategoryHidden.showButton.open, .category__list .subCategoryHidden.showButton.open:hover {
    background: var(--mb-white);
    border-radius: 12px;
    -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

/* Название категории в белых плашках = типографика левого меню (.menu > li > a) */
.category__list > div:not(.category__list-megabig) a.category_name, .category__list > a.category_name, .category__list > a > .category_name {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: var(--mb-text);
}

/* Количество товаров в большой плашке — title flex рядом с плашкой */
.category__list > .category__list-megabig a.category_name {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2px;
}

.news-more,
.subCategoryHidden.showButton .showMore, .show-more-categories{
    font-size: 14px;
    font-weight: 600;
    color: var(--mb-blue);
    text-decoration: none;
    cursor: pointer;
}

a.news-more:hover, a.news-more:focus, .subCategoryHidden.showButton .showMore:hover, .show-more-categories:hover {
    color: var(--mb-blue-dark);
    text-decoration: none;
}

/* ----- Плитки категорий в корне каталога -----
   Возвращаем родной фон: пастельная заливка по классу цвета плюс декоративная белая
   картинка в правом верхнем углу (она полупрозрачная и видна только на цветной плитке).
   Скругление сохраняем, тень — только при наведении. */

.catalog-category__list > div:hover {
    box-shadow: var(--mb-shadow);
}

.catalog-category__list > div.category_list-item--blue {
    background-color: var(--mb-tile-blue);
}

.catalog-category__list > div.category_list-item--pink {
    background-color: var(--mb-tile-red);
}

.catalog-category__list > div.category_list-item--green {
    background-color: var(--mb-tile-green);
}

/* На цветной плитке у картинки не должно быть белой подложки, иначе она перекрывает фон */
.catalog-category__list > div[class*="category_list-item--"] img {
    background-color: transparent;
}

/* Стандартное поведение при наведении: тень у плитки и приближение картинки */

/* Нижний паддинг плитки равен верхнему. 80px снизу в общем правиле — это место под
   кнопку «Подробнее», которая выводится с position: absolute; bottom: 30px.
   В корне каталога (internal_category_root.phtml) эта кнопка закомментирована, а у
   контейнера нет класса cvet_fona — по нему и отделяем. На страницах брендов,
   производителей, сертификатов и услуг контейнер идёт с cvet_fona, кнопка там живая,
   поэтому запас снизу им оставляем. */
.catalog-category__list:not(.cvet_fona) > div[class*="category_list-item--"] {
    padding-bottom: 15px;
}

@media (max-width: 700px) {
    /* На телефонах верхний паддинг плитки задаёт newTest.css — держим низ равным ему */
    .catalog-category__list:not(.cvet_fona) > div[class*="category_list-item--"] {
        padding-bottom: 10px;
    }
}

/* ----- Карточки .category-type.works -----
   Один внутренний вид везде: news/rubric, «Наши работы» в товаре, content.phtml.
   Кол-во элементов/колонок — на уровне списка; внутри > a стиль общий. */
.category-type.works .category-type__list {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 16px;
    width: 100%;
}

.category-type.works .category-type__list > a {
    width: calc((100% - 32px) / 3) !important;
    max-width: calc((100% - 32px) / 3) !important;
    margin: 0 !important;
    min-height: 0;
    padding: 0 0 14px;
    overflow: hidden;
    text-align: left;
}

.category-type.works .category-type__list > a img.img-responsive {
    display: block;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: none !important;
    aspect-ratio: 3 / 2;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 8px !important;
}

.category-type.works .category-type__list > a > .news-date {
    margin: 8px 10px 4px;
}

/* works: только отличия от базового .category-name (влево + отступы карточки).
   Жирность как в плитках категорий — только от <b> в шаблоне.
   Сбрасываем font-weight: 600 у .news-title, иначе в новостях/работах двойной жирный. */
.category-type.works .category-type__list > a > .category-name,
.category-type.works .category-type__list > a > .news-title {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    min-height: 0;
    padding: 0 10px 10px;
    background: transparent;
    text-align: left;
    font-weight: 400;
    font-size: 16px;
}

.category-type.works .category-type__list > a > .category-name > div:first-child,
.category-type.works .category-type__list > a > .news-title > div:first-child {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: 60px;
    width: 100%;
    text-align: left;
}

.category-type.works .category-type__list > a > .category-name .align-left {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 32px;
    width: 100%;
    margin: 4px 0 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
}

/* ----- Слайдер «Нам доверяют» на главной -----
   Заголовок в том же кегле, что остальные блоки страницы. Стрелки в строке
   заголовка справа, как у каруселей каталога, а не поверх логотипов. */

.works-wrapper .bx-wrapper.bx-parner .bx-viewport,
.works-wrapper .partner-slider,
.works-wrapper .partner-slider > div {
    height: 80px !important;
}

.works-wrapper .bx-wrapper.bx-parner {
    position: static;
    margin-bottom: 0;
}

/* Пустота под логотипами: 50px нижнего паддинга блока + 24px верхнего отступа футера.
   Паддинги режем только внутри .works-wrapper (он есть лишь на главной), а отступ футера
   снимаем через соседний селектор — на остальных страницах footer сохраняет свой margin-top. */

.works-wrapper .h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 50px;
    margin: 0 0 16px;
    padding-right: 120px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: var(--mb-text);
}

.works-wrapper .bx-controls.bx-has-controls-direction {
    position: absolute;
    top: 24px;
    right: 20px;
    width: auto;
    z-index: 2;
}

.works-wrapper .bx-controls-direction a.bx-prev,
.works-wrapper .bx-controls-direction a.bx-next {
    position: relative;
    float: left;
    top: auto;
    right: auto;
    left: auto;
    margin: 0 0 0 8px;
}

.works-wrapper + footer {
    margin-top: 0;
}

.works-wrapper .partner-slider > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.works-wrapper .partner-slider > div img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

@media (max-width: 700px) {
    .works-wrapper .bx-wrapper.bx-parner .bx-viewport,
    .works-wrapper .partner-slider,
    .works-wrapper .partner-slider > div {
        height: 60px !important;
    }

    .works-wrapper .partner-slider > div {
        padding: 0 10px;
    }
}

form.callback .cart-wrap,
#oneclick_modal .cart-wrap,
#alert .cart-wrap,
.modal .cart-wrap,
#callbackModal .cart-wrap {
    border: none;
    padding: 20px;
    padding-bottom: 60px;
    background: var(--mb-bg);
    border-radius: 12px;
}

.tabs .active .count{
    color: var(--mb-blue);
}
form.callback .cart__info,
#oneclick_modal .cart__info,
.modal .cart__info {
background: transparent;

}
form .cart__info {

    padding: 7px 0;

}
.info__block .commentFormNew input[type="text"]:focus, .info__block .qvForm input[type="text"]:focus,
#questionsForm input[type='text']:focus,
#questionsForm textarea:focus,
.qvForm textarea:focus,
.commentForm textarea:focus,
.commentFormNew textarea:focus,
.qvForm input:focus,
.commentForm input[type="text"]:focus,
.commentFormNew input[type="text"]:focus{
    border: 1px solid var(--mb-blue);
}
/*#cart-container .button:hover, #deliveryForm .button:hover, form.callback .button:hover, #oneclick_modal .button:hover, #alert .button:hover, .modal .button:hover, #callbackModal .button:hover {
    opacity: 0.5;
}*/

/* Кнопки в попапах/формах — прежние цвета (корзина/оформление — в блоке ниже). */
form.callback .button-green,
#oneclick_modal .button-green,
#alert .button-green,
.modal .button-green,
#callbackModal .button-green {
    color: var(--mb-white);
    background-color: var(--mb-green-dark);
    border-color: var(--mb-green-dark);
}

form.callback .button-green:hover,
#oneclick_modal .button-green:hover,
#alert .button-green:hover,
.modal .button-green:hover,
#callbackModal .button-green:hover {
    color: var(--mb-white);
    background-color: var(--mb-green-dark);
    border-color: var(--mb-green-dark);
}

form.callback .button-blue,
#oneclick_modal .button-blue,
.modal .button-blue,
#callbackModal .button-blue {
    color: var(--mb-white) !important;
    background-color: #00a5ee;
    border-color: #00a5ee;
}

form.callback .button-red,
.modal .button-red {
    color: var(--mb-white);
    background-color: #f44336;
    border-color: #f44336;
}

/* Согласие в формах: блок catalog-cat__filter_1 не должен брать вид фильтра каталога. */
.catalog-cat__filter_1{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 248px;
    flex: 0 0 248px;
    position: relative;
    margin: 3% 0 0 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.catalog-cat__filter_1 .catalog-filter,
form.callback .catalog-filter,
.callback .catalog-filter,
#callback .catalog-filter,
.cart__info-result .catalog-filter {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    overflow: visible;
}

/* Сравнение: колонки слайдера как раньше, по 20%, в одну строку с таблицей характеристик.
   Карточка товара остаётся в новом виде, кнопочная колонка и сетка листинга на неё не действуют.
   Верхние табы — общий новый вид .tabs. */
.compare-list > .catalog__slider.catalog__slider--list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 0;
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.compare-list > .catalog__slider.catalog__slider--list > li {
    width: 20%;
    max-width: 20%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    margin: 0;
}

/* Значок сравнения в бургере. Панель не сдвигаем: из-за top/padding «Назад» уезжала.
   Шапка с z-index 25, меню внутри неё. Крошки с overflow-x: scroll рисуются своим слоем
   поверх панели. Пока бургер открыт, шапка выше страницы — крошки остаются под меню. */
body.fixed header {
    z-index: 220;
}

.menu_block_link_item .back {
    font-size: 16px;
    line-height: 22px;
    padding: 14px 44px;
}

.menu_block_link_item .back:before {
    width: 8px;
    height: 14px;
    background-size: 8px;
    left: 18px;
    top: 50%;
    margin-top: -7px;
}

.mobileMenu .menu_block.blue .menu_block_img {
    background: var(--mb-icon-compare-blue) center center no-repeat;
    background-size: 20px 20px;
}

.mobileMenu .menu_block.blue .menu_block_img img {
    opacity: 0;
}

/* Новости на главной. height:100% в строке flex схлопывал картинку,
   из-за этого даты начинались на разной высоте. У всех карточек
   одинаковая полоса под фото, дата и текст идут сразу под ней. */
.main-block .news-flex {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.main-block .news-flex .news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: auto;
}

.main-block .news-flex .news-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 140px;
    min-height: 140px;
    margin: 0;
    overflow: hidden;
    background: var(--mb-bg);
    border-radius: 8px;
}

.main-block .news-flex .news-image img, .main-block .news-flex .news img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 140px;
    min-height: 0;
    max-height: 140px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.main-block .news-flex .news__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
}

.compare-list > .catalog__slider.catalog__slider--list > li.btn_compare {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

@media (max-width: 750px) {
    .tabs.tabs-compare {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        max-width: 100%;
        margin-left: 0 !important;
        margin-right: auto !important;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .tabs.tabs-compare > li {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* Карточка товара, блок цены. На мобилке нет .right_column, поэтому правила
   правой колонки туда не попадали: «В корзину» оставалась зелёной, «Быстрый заказ»
   красным, а ряд счётчика уезжал вправо из-за flex-end и margin-left. */
.product .price_block.gray_block {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.product .price_block.gray_block > .nalichie, .product .price_block.gray_block > .product__info-status {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    bottom: auto !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 12px 0;
    min-height: 24px !important;
}
.product .price_block .catalog__slider-label{
    top: 20px;
    right: 15px;
    display: flex;
    width: auto;
    justify-content: flex-start;
    gap: 5px;
    flex-direction: row-reverse;
}

.product .price_block .product__result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    gap: 8px;
    margin-top: 16px;
}

.product .price_block .product__result .product__info-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.product .price_block .notInCart .product__info-control {
    display: none;
}

.product .price_block .product__result .buy-button, .product .price_block .product__result div:last-of-type {
    margin-left: 0;
    min-height: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.product .mobile__buy-control .add-button, .product .mobile__buy-control .to-card, .product .mobile__buy-control .button-blue {
    height: 44px;
    min-height: 44px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 44px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.product .mobile__buy-control .button-blue {
    min-width: 56px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.product .price_block .notInCart .basket-link, .product .price_block .inCart .put-into-basket {
    display: none;
}

.product .price_block .notInCart .put-into-basket, .product .price_block .inCart .basket-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product .mobile__buy-control .to-card-control {
    display: none;
}

.product .mobile__buy-control.already-added .add-button {
    display: none;
}

.product .mobile__buy-control.already-added .to-card-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product .price_block .button.button-green.put-into-basket, .product .price_block .button.button-green.basket-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 44px;
    margin: 0;
    padding: 0 12px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    color: var(--mb-white);
}
.product .price_block .button.button-green.basket-link{
    background: var(--mb-blue);
    border-color: var(--mb-blue);
}
/* newObj.css грузится после styleNew и ставит красный buy_one_click —
   селектор с .gray_block сильнее, чем .price_block.gray_block .buy_one_click_button. */
.product .price_block.gray_block .buy_one_click_button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 44px;
    margin-top: 8px;
    padding: 0 12px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: var(--mb-tile-blue);
    color: var(--mb-blue-dark);
    border: 1px solid transparent;
}
.product .price_block.gray_block .buy_one_click_button:hover{
    background: var(--mb-blue);
    color: var(--mb-white);
}

/* Ссылки в характеристиках (производитель и прочие .link): цвет как у «Все новости»,
   при наведении темнее, без жирного и без двойного подчёркивания. */
a.link {
    color: var(--mb-blue);
    font-weight: 400;
    border-bottom: 0;
    text-decoration: none;
}

 a.link:hover,  a.link:focus {
    color: var(--mb-blue-dark);
    border-bottom: 0;
    text-decoration: none;
}
yandex-pay-badge{
    position: absolute;
    z-index: 2;
    bottom: 3px;
    left: 0;
}
@media (max-width: 700px) {
    /* Тот же боковой отступ, что у всей страницы: его даёт .wrapper.main. */
    .tabs{
        flex-wrap: nowrap;
        margin-bottom: 10px;
    }
    .product .product__info-title, .product .product__info-characteristic_cod_tovara.article {
        padding-left: 0;
        padding-right: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .product .product__info-wrap{
        margin: 20px 0 !important;
    }
    .product > .price_block, .product > .price_block.gray_block, .product > .gray_block, .product > .product__info-wrap, .product > .info__block, .product > #yaPay, .product > .bullits, .product > .tabs, .product > .tabs-content, .product > .centerBlock, .product > .sw-app {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .product .optionsProps, .product .product__info-characteristic, .product .product__info-more, .product .info__block {
        padding-left: 0;
        padding-right: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .product #yaPay .ya-pay-widget {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0;
        margin-right: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .product .info__block .tabs.tabs-rec-m, .product .info__block .tabs.recd, .product .info__block .tab-content.recd .tabs {
        width: 100%;
        max-width: 100%;
        margin: 0 0 8px;
        padding: 4px;
    }

    .product .info__block.js-info-block > div.tab-content.recd, .product .info__block.js-info-block > div.tab-content {
        padding: 8px 0 0;
    }

    .product .gray_block .big_text {
        text-align: center;
        font-size: 18px;
        font-weight: 400;
        line-height: 22px;
        margin: 0 0 10px;
        color: #000;
    }

    .product .gray_block a.btn-def {
        display: block;
        width: 100%;
        height: auto;
        margin-top: 10px;
        padding: 11px 0;
        font-size: 18px;
        font-weight: 500;
        line-height: 22px;
        text-align: center;
        border-radius: 10px;
        background: #bad626;
        border: 0;
        color: var(--mb-white);
    }

    /* Аккордеон: закрытые пункты спокойные, открытый — белый с синей обводкой, без сплошной заливки. */
    .product .info__block.js-info-block {
        border: 0;
        border-radius: 0;
        background: transparent;
        gap: 8px;
    }

    .product .info__block.js-info-block > div:nth-child(odd) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin: 0;
    padding: 12px 40px 12px 16px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: var(--mb-bg-tint);
    color: var(--mb-text);
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
}
    .product .info__block.js-info-block > div:nth-child(odd) h2 {
        margin: 0;
        color: var(--mb-text);
        font-size: 15px;
        font-weight: 600;
        line-height: 20px;
        text-align: left;
        display: inline;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }

    

    .product .info__block.js-info-block > div.active:nth-child(odd) {
        background: var(--mb-white);
        color: var(--mb-text);
        border-color: var(--mb-blue);
        font-weight: 600;
    }

    .product .info__block.js-info-block > div:nth-child(odd):after {
        width: 8px;
        height: 8px;
        margin-top: -6px;
        background: none;
        border-right: 2px solid var(--mb-text-muted);
        border-bottom: 2px solid var(--mb-text-muted);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .product .info__block.js-info-block > div.active:nth-child(odd):after {
        margin-top: -2px;
        border-color: var(--mb-blue);
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

    .product .info__block.js-info-block > div:nth-child(odd) > span {
        display: inline-block;
        margin-left: 6px;
        padding: 4px 7px 3px 7px;
        font-size: 12px;
        font-weight: 600;
        line-height: 18px;
        color: var(--mb-text-muted);
        background: var(--mb-white);
        border-radius: 8px;
        top:-1px;
        line-height: 12px;
    }

    .product .info__block.js-info-block > div.active:nth-child(odd) > span {
        color: var(--mb-text-muted);
        background: var(--mb-bg-tint);
    }

    .product .info__block.js-info-block > div:nth-child(odd) > span:empty {
        display: none;
        margin: 0;
        padding: 0;
    }

    .product .info__block.js-info-block > div:nth-child(even) {
        padding: 12px 0 4px;
        background: transparent;
    }
}

@media (max-width: 700px) {
    .wrapper.main {
        padding-left: 15px !important;
        padding-right: 15px !important;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }

    .main-content, .main-block {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }

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

    h1, .h1 {
        text-align: left !important;
        font-size: 22px !important;
        margin-bottom: 7px;
    }
    body.m_category .category-type{
        margin-top: 7px;
    }
    .pager > li {
        font-size: 16px;
    }

    .pager > li > a {
        padding: 8px 12px;
        font-size: 16px;
        line-height: 20px;
    }

    body.m_category h1 + sup {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        top: -2px;
        left: 0;
        margin-left: 8px;
        padding: 2px 8px;
        border: 1px solid var(--mb-border);
        border-radius: 8px;
        background: var(--mb-white);
        color: var(--mb-text);
        font-size: 13px;
        font-weight: 600;
        line-height: 16px;
        vertical-align: middle;
    }

    .category-type.works .category-type__list {
        gap: 8px;
    }

    .category-type.works .category-type__list > a {
        width: calc((100% - 8px) / 2) !important;
        max-width: calc((100% - 8px) / 2) !important;
        min-width: 0 !important;
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc((100% - 8px) / 2) !important;
        flex: 0 0 calc((100% - 8px) / 2) !important;
        margin: 0 !important;
        padding: 0 0 10px !important;
    }

    body.m_category .category-type,
    body.m_category .categories-type-wrap,
    body.m_category .category-type__list,
    body.m_category .catalog-category__list,
    body.m_category .catalog-cat,
    body.m_category .catalog-cat__list,
    body.m_category .catalog__slider--list {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 100% !important;
        flex: 1 1 100% !important;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }

    .catalog-category__list, .category-type__list {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
        gap: 8px !important;
    }

    .catalog-category__list > div, .category-type:not(.works) .category-type__list > a {
        width: calc((100% - 16px) / 3) !important;
        max-width: calc((100% - 16px) / 3) !important;
        min-width: 0 !important;
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc((100% - 16px) / 3) !important;
        flex: 0 0 calc((100% - 16px) / 3) !important;
        margin: 0 !important;
        padding: 8px 6px 10px !important;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }
    .tags{
        margin: 0 !important;
    }

    .catalog-category__list > div img, .category-type:not(.works) .category-type__list > a img {
        max-width: 100% !important;
        width: auto !important;
        height: auto !important;
        max-height: stretch;
    }

    body.m_category .catalog__slider--list > li {
        width: calc((100% - 16px) / 2) !important;
        max-width: calc((100% - 16px) / 2) !important;
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc((100% - 16px) / 2) !important;
        flex: 0 0 calc((100% - 16px) / 2) !important;
        margin: 0 !important;
    }

    .catalog-filter, .catalog-cat__list-controls {
        background: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        width: 100% !important;
        padding: 0 0 8px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .catalog-filter-title.js-filter {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 10px !important;
        background: var(--mb-bg-tint) !important;
        background-image: none !important;
        float: right;
        position: relative;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }

    .catalog-filter-title.js-filter:before {
        content: "" !important;
        display: block !important;
        width: 16px !important;
        height: 16px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        -webkit-filter: none !important;
        filter: none !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%236b7280' d='M1.2 1.6h13.6c.5 0 .8.6.5 1L10 8.1V13c0 .3-.2.5-.4.6l-3 1.5c-.4.2-.8-.1-.8-.6V8.1L.7 2.6c-.3-.4 0-1 .5-1z'/%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: 16px 16px !important;
        vertical-align: middle !important;
    }

    .catalog-filter__controls.opened-filter {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-height: none !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        background: var(--mb-white) !important;
        color: var(--mb-text) !important;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
        padding: 12px 16px 96px !important;
    }

    .catalog-filter__controls.opened-filter .title {
        display: block !important;
        position: sticky !important;
        top: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 4px 40px 12px 0 !important;
        color: var(--mb-text) !important;
        background: var(--mb-white) !important;
        font-size: 18px !important;
        font-weight: 600 !important;
        line-height: 24px !important;
    }

    .catalog-filter__controls.opened-filter .desktop_filters, .catalog-filter__controls.opened-filter .fs-dropdown, .catalog-filter__controls.opened-filter .fs-dropdown.fs-light .fs-dropdown-selected {
    width: 100% !important;
    max-width: 100% !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}
    .catalog-filter__controls.opened-filter .field-wrap {
        width: 100% !important;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
        padding: 0 !important;
        max-width: 100% !important;
    }

    .catalog-filter__controls.opened-filter .desktop_filters {
        padding: 0 !important;
    }


    .catalog-filter__controls.opened-filter .catalog__filter-title, .catalog-filter__controls.opened-filter .catalog-filter-title {
        position: relative !important;
        color: var(--mb-text) !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 20px !important;
        padding: 0 16px 0 0 !important;
        margin: 0 0 8px !important;
    }

    .catalog-filter__controls.opened-filter .catalog__filter-field {
        border-top: 0 !important;
        margin: 0 !important;
        padding: 12px 0 !important;
        background: transparent !important;
        border-radius: 0 !important;
        border-bottom: 1px solid var(--mb-border) !important;
    }

    

    .catalog-filter__controls.opened-filter input[type="text"], .catalog-filter__controls.opened-filter input[type="number"], .catalog-filter__controls.opened-filter .fs-dropdown-selected {
        height: 36px !important;
        padding: 0 10px !important;
        border: 1px solid var(--mb-border-dark) !important;
        border-radius: 8px !important;
        background: var(--mb-white) !important;
        color: var(--mb-text) !important;
        font-size: 14px !important;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }

    .catalog-filter__controls.opened-filter .catalog-filter__control-bar {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        gap: 8px;
        width: 100% !important;
        padding: 12px 16px !important;
        background: var(--mb-white) !important;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }

    .catalog-filter__controls.opened-filter .catalog-filter__control-bar .button {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        height: 44px;
        margin: 0;
    }

    .form-dark-background {
        position: fixed !important;
    }

    body:has(.form-dark-background[style*="display: block"]) {
        overflow: hidden;
    }

    form.callback, #oneclick_modal {
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        width: calc(100% - 24px) !important;
        max-width: 440px !important;
        max-height: calc(100dvh - 32px) !important;
        margin: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
        transform: translate(-50%, -50%) !important;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }
}

/* ----- Мобильные правки (≤700) ----- */
@media (max-width: 700px) {

    /* 1. Код товара + id вместе; отступ только перед звёздами и сравнением */
    .product__info-characteristic_cod_tovara.article {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
        gap: 0 !important;
        margin: 0 0 10px !important;
        font-size: 13px !important;
        line-height: 18px !important;
        white-space: nowrap !important;
    }
    .category__list > .category__list-megabig:last-child > div{
        background-position: center;
    }
    .main-content.fancybox-content{
        padding: 14px;
    }
    .category__list-big .subCategoryHidden{
        max-width: 68%;
    }
    .product__info-characteristic_cod_tovara.article > div,
    .product__info-characteristic_cod_tovara.article > a,
    .product__info-characteristic_cod_tovara.article .compare {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 auto !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 0 !important;
        white-space: nowrap !important;
    }

    .product__info-characteristic_cod_tovara.article > .openComments {
        margin-left: 12px !important;
    }

    .product__info-characteristic_cod_tovara.article > .compare {
        margin-left: 12px !important;
        height: 22px !important;
        padding: 0 8px 0 24px !important;
        font-size: 12px !important;
        line-height: 22px !important;
        background-size: 12px 12px !important;
        background-position: 6px center !important;
    }


    /* 2. Кнопка-корзина: синий фон, белая иконка нормального размера */
    .img-cart,
    a.img-cart,
    a.basket-link-catalog.img-cart,
    .inCart .img-cart {
        background-color: var(--mb-blue) !important;
        border-color: var(--mb-blue) !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h2.2l1.1 3.6'/%3E%3Cpath d='M7.3 9.6h11.8l-1.8 5.5H9.1L7.3 9.6z'/%3E%3C/g%3E%3Ccircle cx='10.2' cy='18.2' r='1.4' fill='%23ffffff'/%3E%3Ccircle cx='15.8' cy='18.2' r='1.4' fill='%23ffffff'/%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: 24px 24px !important;
        -webkit-filter: none !important;
        filter: none !important;
        color: transparent !important;
    }

    /* 3. Виджет Яндекс Пэй — кликабельный */
    #yaPay,
    #yaPay2 {
        position: relative !important;
        z-index: 5 !important;
        overflow: visible !important;
        pointer-events: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #yaPay .ya-pay-widget,
    #yaPay2 .ya-pay-widget,
    #yaPay .ya-pay-widget *,
    #yaPay2 .ya-pay-widget * {
        pointer-events: auto !important;
    }

    #yaPay .ya-pay-widget,
    #yaPay2 .ya-pay-widget {
        position: relative !important;
        z-index: 6 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    /* 4. «Назад» в бургере: 16px, вровень со стрелкой */
    .menu_block_link_item .back {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        position: relative !important;
        font-size: 16px !important;
        line-height: 16px !important;
        padding: 14px 16px 14px 36px !important;
    }

    .menu_block_link_item .back:before {
        width: 8px !important;
        height: 14px !important;
        background-size: 8px 14px !important;
        left: 16px !important;
        top: 50% !important;
        margin-top: 0 !important;
        -webkit-transform: translateY(-50%) rotate(180deg) !important;
        -ms-transform: translateY(-50%) rotate(180deg) !important;
        transform: translateY(-50%) rotate(180deg) !important;
    }

    /* 5–6. Открытый фильтр: крест и стрелки раскрытия — одна правая линия */
    .catalog-filter__controls.opened-filter {
        padding: 0 16px 96px !important;
    }

    .catalog-filter__controls.opened-filter .title {
        display: block !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 3 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 12px 28px 12px 0 !important;
        background: var(--mb-white) !important;
        color: var(--mb-text) !important;
        font-size: 18px !important;
        font-weight: 600 !important;
        line-height: 24px !important;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }

    .catalog-filter__controls.opened-filter .title .close {
        position: absolute !important;
        top: 50% !important;
        right: 0 !important;
        left: auto !important;
        width: 24px !important;
        height: 24px !important;
        margin: 0 !important;
        -webkit-transform: translateY(-50%) !important;
        -ms-transform: translateY(-50%) !important;
        transform: translateY(-50%) !important;
    }

    .catalog-filter__controls.opened-filter .desktop_filters {
        padding-top: 0 !important;
        padding-bottom: 16px !important;
    }

    .catalog-filter__controls.opened-filter .catalog__filter-title,
    .catalog-filter__controls.opened-filter .catalog-filter-title {
        position: relative !important;
        font-size: 18px !important;
        line-height: 24px !important;
        font-weight: 600 !important;
        margin: 0 0 10px !important;
        padding: 0 28px 0 0 !important;
    }

    /* Центр шеврона = центр креста (24px → right: 8px для 8px стрелки) */
    .catalog-filter__controls.opened-filter .catalog__filter-title:after {
        right: 8px !important;
        top: 50% !important;
        margin-top: -4px !important;
    }

    .catalog-filter__controls.opened-filter .catalog__filter-control {
        -webkit-column-count: 2 !important;
        -moz-column-count: 2 !important;
        column-count: 2 !important;
        -webkit-column-gap: 12px !important;
        -moz-column-gap: 12px !important;
        column-gap: 12px !important;
    }

    .catalog-filter__controls.opened-filter .catalog__filter-control > * {
        -webkit-column-break-inside: avoid !important;
        page-break-inside: avoid !important;
        break-inside: avoid !important;
    }

    .catalog-filter__controls.opened-filter .catalog__filter-btn > input {
        width: 80px !important;
        max-width: 80px !important;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }

    .catalog-filter__controls.opened-filter .catalog__filter-btn > input:focus {
        outline: none !important;
        border-color: var(--mb-blue) !important;
        -webkit-box-shadow: 0 0 0 2px rgba(93, 169, 233, 0.25) !important;
        box-shadow: 0 0 0 2px rgba(93, 169, 233, 0.25) !important;
    }
}
@media screen and (max-width: 1128px) {
    .nav > li.nav__catalog{
        width: 130px;
        max-width: 130px;
        flex-basis: 130px;
    }
    .nav > li.nav__catalog{
        padding:12px;
    }
    .header__button .button{
        padding-bottom: 12px;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1330px) {
    .nav > li.nav__search{
        visibility: visible !important;
        width: 250px !important;
        height: auto !important;
        max-width: 250px !important;
        margin-right: 0;
    }
    .catalog-cat__list-controls {
        padding: 23px 5px;
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 10px;
    }
}
@media screen and (min-width: 700px) and (max-width: 1000px) {
    .product__info{
        width: 95%;
    }
}
@media screen and (min-width: 700px) and (max-width: 1100px) {
    .topBlock {
        display: flex;
        flex-direction: column;
    }
    .topBlock > div{
        width: 100% !important;
    }
    .js-product-gallery-nav .slick-slide{
        height: 90px;
    }
    .js-product-gallery-nav .slick-slide div{
        height: 100%;
    }
    .js-product-gallery-nav-new div img {
        max-width: 80px;
        max-height: 80px !important;
    }
    .product__info{
        width: 100%;
    }
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
    .catalog-filter{
        padding-top: 0;
    }
    .catalog-filter__controls{
        overflow: scroll !important;
    }
    .nav .nav__catalog > a {
        color: var(--mb-white);
    }
    .catalog-filter-title {
        text-align: center;
        color: var(--mb-white);
        cursor: pointer;
        padding-top: 10px;
        background: var(--mb-blue);
        border-radius: 20px;
    }
    .catalog-filter-title:before {
        content: '';
        display: inline-block;
        width: 37px;
        height: 37px;
        -webkit-filter: none !important;
        filter: brightness(6) !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%236b7280' d='M1.2 1.6h13.6c.5 0 .8.6.5 1L10 8.1V13c0 .3-.2.5-.4.6l-3 1.5c-.4.2-.8-.1-.8-.6V8.1L.7 2.6c-.3-.4 0-1 .5-1z'/%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: 16px 16px !important;
        vertical-align: middle !important;
        margin-right: 0px;
        vertical-align: middle;
        margin-top: -5px;
    }
    .points-delivery img {
        max-width: 40%;
        float: left;
        margin-right: 14px;
        border-radius: 20px;
    }
    .main-block .points-delivery{
        vertical-align: top;
        width: 45%;
        display: inline-block;
        margin-right: 4%;
    }
    .main-block .points-delivery p{
        margin: 0;
    }
    .product__info-characteristic_cod_tovara.article {
        margin: 0;
    }

}
@media screen and (min-width: 900px) and (max-width: 1024px) {
    .menu_sub {
        width: calc((100% / 3) - 20px);
    }
    .mobile-search-icon.no-desktop{
        display: none;
    }
    .nav > li.nav__search{
        visibility: visible !important;
        width: 250px !important;
        height: auto !important;
        max-width: 250px !important;
        margin-right: 0;
    }
    .nav__search form{
        padding: 13px 16px !important;
        margin: 0 !important;
        border: none !important;
    }
    .nav__search form:hover, .nav__search form:focus{
        border: 1px solid var(--mb-blue) !important;
    }


}
@media screen and (min-width: 700px) and (max-width: 900px) {
    .menu_sub {
        width: calc((100% / 2) - 20px);
    }
    .mobile-search-icon.no-desktop{
        display: none;
    }
    .nav > li.nav__search{
        visibility: visible !important;
        width: 200px !important;
        height: auto !important;
        max-width: 200px !important;
        margin-right: 0;
        margin-left: 0;
    }
    .nav__search form{
        padding: 13px 16px !important;
        margin: 0 !important;
        border: none !important;
    }
    .nav__search form:hover, .nav__search form:focus{
        border: 1px solid var(--mb-blue) !important;
    }


}
@media screen and (min-width: 600px) and (max-width: 700px) {
    .menu_sub {
        width: calc((100% / 2) - 20px);
    }
    .menu_sub_img {
        width: 120px;
        height: 120px;
    }
    .menu_sub_img img{
        width: 120px;
        height: 120px;
    }
}

/* ============================================================
   Корзина и оформление заказа — общий стиль.
   Попап шапки (.shortCart) и модалки — свои правила выше/рядом.
   ============================================================ */

.cart-step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    height: auto;
    min-height: 0;
    margin: 24px auto 20px;
    padding: 4px;
    list-style: none;
    background: var(--mb-bg-tint);
    border: 0;
    border-radius: 12px;
    counter-reset: list;
    max-width: 810px;
}

.cart-step > li {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    margin: 0;
    padding: 12px 14px;
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
    color: var(--mb-text-muted);
    text-align: center;
    border-radius: 10px;
    -webkit-transition: background-color 0.15s ease, color 0.15s ease;
    -o-transition: background-color 0.15s ease, color 0.15s ease;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.cart-step > li:before {
    counter-increment: list;
    content: counter(list) ". ";
    font-weight: 600;
}

.cart-step > li:after {
    display: none;
}

.cart-step > li a {
    color: inherit;
    text-decoration: none;
}

.cart-step > li.completed,
.cart-step > li.completed a {
    color: var(--mb-blue);
}

.cart-step > li.active,
.cart-step > li.active a {
    color: var(--mb-white);
    background: var(--mb-blue);
}

.cart-wrap {
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
}


.cart__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 12px;
    padding: 20px 24px;
    background: var(--mb-white);
    border: 1px solid var(--mb-border);
    border-radius: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.cart__item-image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    width: 120px;
    max-width: 120px;
    max-height: 90px;
    margin: 0;
    overflow: hidden;
    border-radius: 10px;
    background: var(--mb-bg);
}

.cart__item .cart__item-image .img-responsive,
.cart__item-image img {
    display: block;
    width: 100%;
    height: 90px;
    max-height: 90px;
    -o-object-fit: contain;
    object-fit: contain;
}

.cart__item-title {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 32%;
    flex: 1 1 32%;
    max-width: none;
    width: auto;
    padding: 0;
    margin: 0;
}

.cart__item-title > a {
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: var(--mb-text);
    text-decoration: none;
    -webkit-transition: color 0.15s ease;
    -o-transition: color 0.15s ease;
    transition: color 0.15s ease;
}



/* Подписи сверху ячейки; счётчик и цена — по центру ряда */
.cart__item-mute {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    margin: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    color: #8a9399;
    text-transform: none;
    letter-spacing: normal;
}

.cart__item-count,
.cart__item-price {
    position: relative;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.cart__item-count {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 160px;
    flex: 0 0 160px;
    max-width: 160px;
}

.cart__item-priceone {
    margin-top: 8px;
    font-size: 13px;
    line-height: 16px;
    color: var(--mb-text-muted);
}

.cart__item-price {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 180px;
    flex: 0 0 180px;
    max-width: 120px;
    font-size: 15px;
}

.cart__price {
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    color: var(--mb-text);
}

.cart__old_price {
    margin-top: 2px;
    font-size: 14px;
    line-height: 18px;
    color: var(--mb-text-soft);
    text-decoration: line-through;
}

.cart__discount {
    margin-top: 4px;
    font-size: 13px;
    line-height: 16px;
    color: var(--mb-red);
}

.cart__item-remove {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 8px;
}

.cart__item-remove a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    color: var(--mb-text-muted);
    text-decoration: none;
    -webkit-transition: color 0.15s ease;
    -o-transition: color 0.15s ease;
    transition: color 0.15s ease;
}

.cart__item-remove a:hover {
    color: var(--mb-red);
}

.cart__item-remove .button,
.cart__item-remove .button.green {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    color: var(--mb-red);
    background: rgba(217, 84, 65, 0.1);
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    -webkit-transition: background-color 0.15s ease;
    -o-transition: background-color 0.15s ease;
    transition: background-color 0.15s ease;
}

.cart__item-remove a:hover .button {
    background: rgba(217, 84, 65, 0.18);
}

.cart-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 16px;
    margin-top: 20px;
    padding: 20px 24px;

    border-radius: 12px;
}


.cart-result-price {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: right;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: var(--mb-text-muted);
}

.cart-result-price strong,
.cart-result-price .price-value {
    display: inline-block;
    margin-left: 8px;
    font-size: 26px;
    font-weight: 600;
    line-height: 32px;
    color: var(--mb-text);
    vertical-align: middle;
}

.cart-result .button-green,
.cart-result a.button-green {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 200px;
    height: 44px;
    padding: 0 24px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    color: var(--mb-white);
    background: var(--mb-blue);
    border: 1px solid var(--mb-blue);
    border-radius: 10px;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color 0.15s ease, border-color 0.15s ease;
    -o-transition: background-color 0.15s ease, border-color 0.15s ease;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.cart-result .button-green:hover,
.cart-result a.button-green:hover {
    background: var(--mb-blue-dark);
    border-color: var(--mb-blue-dark);
    color: var(--mb-white);
    opacity: 1;
}

.cart-empty {
    padding: 48px 24px;
    text-align: center;
    background: var(--mb-bg);
    border: 1px solid var(--mb-border);
    border-radius: 12px;
}

.cart-empty h1 {
    margin: 0 0 12px;
    font-size: 28px;
    font-weight: 600;
    line-height: 34px;
    color: var(--mb-text);
}

.cart-empty p {
    margin: 0;
    font-size: 15px;
    line-height: 22px;
    color: var(--mb-text-muted);
}

.cart-empty a {
    color: var(--mb-blue);
    text-decoration: none;
}

.cart-empty a:hover {
    color: var(--mb-blue-dark);
}

.cart__item .with_goods {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-top: 8px;
    padding-top: 12px;
    border-top: 1px solid var(--mb-border);
}

.cart__item .with_goods .title {
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    color: var(--mb-text-muted);
}

/* Попап шапки — не наследует карточный вид страницы */
.shortCart .cart__item {
    gap: 0;
    border: none;
    border-radius: 0;
    background: transparent;
}

.shortCart .cart__item-mute {
    position: static;
}

.shortCart .cart__item-count,
.shortCart .cart__item-price {
    -ms-flex-item-align: auto;
    align-self: auto;
    display: block;
}

/* ----- Оформление заказа: одна колонка, без плавающих островов ----- */
.cart-wrap:has(#deliveryForm) {
    max-width: 810px;
    margin: 0 auto 40px;
    padding: 28px 32px;
    background: var(--mb-white);
    border: 1px solid var(--mb-border);
    border-radius: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}



#deliveryInfo {
    width: 100%;
    margin: 0;
    padding: 0;
}

#deliveryInfo .cart__info {
    max-width: none;
    width: 100%;
    margin: 0 0 20px;
    padding: 0;
}

/* Тип доставки: подпись + селект в одну линию, без растяжки на всю ширину */
#deliveryInfo .cart__info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 16px;
    margin: 0 0 20px;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    font-size: 15px;
}

#deliveryInfo .cart__info-item > div:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
}

/* Заголовки секций: одинаковый вид */
#deliveryInfo .cart__info-item > div:first-child,
#deliveryInfo .cart__info.js-step-2 .cart__info-item > div:first-child,
#deliveryInfo .input_capt,
#deliveryInfo h3.input_capt,
#deliveryInfo .payment .input_capt,
#deliveryInfo .payment h3,
#deliveryInfo .cart__info-item--title .input_capt,
#deliveryInfo .cart__info-item--title h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: var(--mb-text);
    text-transform: none;
}

#deliveryInfo .cart__info-item > div:first-child,
#deliveryInfo .cart__info.js-step-2 .cart__info-item > div:first-child {
    margin: 0;
}

#deliveryInfo .input_capt,
#deliveryInfo h3.input_capt,
#deliveryInfo .payment .input_capt,
#deliveryInfo .payment h3,
#deliveryInfo .cart__info-item--title .input_capt,
#deliveryInfo .cart__info-item--title h3 {
    margin: 0 0 12px;
}

#deliveryInfo .cart__info-item > div:last-child,
#deliveryInfo .cart__info-item > select,
#deliveryInfo .cart__info-item .fs-dropdown {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 360px;
    width: 100%;
}

#deliveryInfo .cart__info-item .fs-dropdown-selected,
#deliveryInfo .cart__info-item > select,
#deliveryInfo .cart__info-item select {
    width: 100%;
    height: 44px;
    padding: 0 14px;
    font-size: 15px;
    border: 1px solid var(--mb-border-dark);
    border-radius: 10px;
    background: var(--mb-white);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Самовывоз: карта слева, адреса справа — на всю ширину формы */
#deliveryInfo .js-types {
    width: 100%;
    margin: 0 0 24px;
}

#deliveryInfo .cart-block,
#deliveryInfo .cart-block--self {
    width: 100%;
}

#deliveryInfo .cart-block--wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 24px;
    width: 100%;
    margin: 0;
}

#deliveryInfo .cart-map__wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 42%;
    flex: 0 0 42%;
    width: 42%;
    max-width: 380px;
    margin: 0 !important;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

#deliveryInfo .cart-map {
    width: 100%;
    height: 260px;
    margin: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    border: 1px solid var(--mb-border);
    border-radius: 12px;
    overflow: hidden;
    background: var(--mb-bg);
}

#deliveryInfo .cart-block--address {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: auto;
    max-width: none;
    margin: 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    position: relative;
    z-index: 2;
}

#deliveryInfo .cart__info-helper {
    margin: 0 0 14px;
    font-size: 15px;
    line-height: 22px;
    color: var(--mb-text);
}

/* Доп. услуги: блок не flex-строка, чекбоксы в ряд с текстом */
#deliveryInfo .cart__info-item--title {
    display: block;
    width: 100%;
    margin: 0 0 20px;
    padding: 0;
}

#deliveryInfo .cart__info-item--title > div {
    width: 100%;
}


#deliveryInfo .cart-block--address .cart__info-checkbox {
    margin: 0 0 12px;
}

#deliveryInfo .cart-block--address .cart__info-checkbox label,
#deliveryInfo .cart-block--address .cart__info-checkbox .fs-checkbox-label,
#deliveryInfo .cart-block--address .cart__info-checkbox label strong,
#deliveryInfo .cart-block--address .cart__info-checkbox .fs-checkbox-label strong {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: var(--mb-text);
}

#deliveryInfo .cart__info-item--title .cart__info-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 10px;
    margin: 0 0 12px;
}

#deliveryInfo .cart__info-item--title .cart__info-checkbox .fs-checkbox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    color: var(--mb-text);
}

#deliveryInfo .cart__info-item--title .cart__info-checkbox .fs-checkbox-marker {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    margin: 0;
    border: 1px solid var(--mb-border-dark);
    border-radius: 5px;
    background: var(--mb-white);
}

#deliveryInfo .cart__info-item--title .cart__info-checkbox .fs-checkbox-label,
#deliveryInfo .cart__info-item--title .cart__info-checkbox label {
    display: inline;
    margin: 0;
    width: auto;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: var(--mb-text);
}

#deliveryInfo .cart__info-item--title .cart__info-checkbox .fs-checkbox-label strong,
#deliveryInfo .cart__info-item--title .cart__info-checkbox label strong {
    display: inline;
    font-weight: 400;
    color: var(--mb-text);
}

#deliveryInfo .cart__info-item--title .cart__info-checkbox .fs-checkbox-checked .fs-checkbox-marker {
    background-color: var(--mb-blue);
    border-color: var(--mb-blue);
}

#deliveryInfo .cart__info-item--title .cart__info-checkbox .fs-checkbox-checked .fs-checkbox-flag {
    background-color: transparent;
    border: 0;
    border-radius: 0;
}

#deliveryInfo .cart__info-item--title .cart__info-checkbox .fs-checkbox-checked .fs-checkbox-flag:before {
    width: 5px;
    height: 10px;
    margin: 2px 0 0 6px;
    border: 2px solid var(--mb-white);
    border-top: 0;
    border-left: 0;
    content: '';
    display: block;
    -webkit-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
}

/* Оплата и комментарий — без лишних рамок и пустоты */
#deliveryInfo .payment,
#deliveryInfo .del_row {
    width: 100%;
    margin: 0 0 20px;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
}

#deliveryInfo .payment .del_content {
    padding: 0;
}

/* Оплата: та же линия отступа, что у доп. услуг (ml-10 = 20px) */
#deliveryInfo .payList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    padding: 0;
}

#deliveryInfo  .fs-checkbox,
#deliveryInfo  .fs-checkbox-radio {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    vertical-align: middle;
    color: var(--mb-text);
}

#deliveryInfo  .fs-checkbox-marker,
#deliveryInfo  .fs-checkbox-radio .fs-checkbox-marker {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    margin: 0;
    border: 1px solid var(--mb-border-dark);
    border-radius: 5px !important;
    background: var(--mb-white);
    vertical-align: middle;
}


#deliveryInfo  .fs-checkbox-radio .fs-checkbox-flag,
#deliveryInfo  .fs-checkbox-checked .fs-checkbox-flag {
    width: 100% !important;
    height: 100% !important;
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

#deliveryInfo  .fs-checkbox-checked .fs-checkbox-marker,
#deliveryInfo  .fs-checkbox-radio.fs-checkbox-checked .fs-checkbox-marker {
    background-color: var(--mb-blue);
    border-color: var(--mb-blue);
}

#deliveryInfo .fs-checkbox-checked .fs-checkbox-flag:before,
#deliveryInfo .fs-checkbox-radio.fs-checkbox-checked .fs-checkbox-flag:before {
    width: 5px;
    height: 10px;
    margin: 2px 0 0 6px;
    border: 2px solid var(--mb-white);
    border-top: 0;
    border-left: 0;
    content: '';
    display: block !important;
    -webkit-transform: rotate(45deg) scale(1) !important;
    -ms-transform: rotate(45deg) scale(1) !important;
    transform: rotate(45deg) scale(1) !important;
}

#deliveryInfo .fs-checkbox-label,
#deliveryInfo label,
#deliveryInfo .payment label {
    display: inline;
    margin: 0 !important;
    width: auto;
    font-size: 15px;
    font-weight: 400 !important;
    line-height: 20px;
    color: var(--mb-text);
    vertical-align: middle;
}

#deliveryInfo .field-wrap {
    width: 100%;
    margin: 0 0 20px;
}

#deliveryInfo textarea,
#deliveryInfo .cart__info-item textarea {
    width: 100%;
    min-height: 100px;
    padding: 12px 14px;
    font-size: 15px;
    line-height: 22px;
    border: 1px solid var(--mb-border-dark);
    border-radius: 10px;
    background: var(--mb-white);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    resize: vertical;
}

/* Итого */
#deliveryInfo .cart__info-result--finish {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    margin: 8px 0 0;
    padding: 18px 20px;
    border-radius: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#callbackContent5{
    width: 100%;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
}
#deliveryInfo .cart__info-result--finish > div:nth-child(1) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: right;
}

#deliveryInfo .cart__info-result--finish > div:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: right;
}

#deliveryInfo .cart__info-result--finish .cart-result-price,
#deliveryInfo .cart__info-result.cart__info-result--finish .cart-result-price {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
    font-size: 22px !important;
    font-weight: 500;
    line-height: 20px;
    color: var(--mb-text-muted);
    display: flex;
    gap:10px;
    align-items: center;
}

#deliveryInfo .cart__info-result--finish .cart-result-price strong,
#deliveryInfo .cart__info-result--finish .cart-result-price .price-value {
    display: inline-block;
    margin-left: 8px;
    font-size: 26px;
    font-weight: 600;
    line-height: 32px;
    color: var(--mb-text);
    vertical-align: middle;
}

#deliveryInfo .cart__info-result--finish .button-green,
#deliveryInfo .cart__info-result--finish button.button-green {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 200px;
    height: 44px;
    padding: 0 24px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    color: var(--mb-white);
    background: var(--mb-blue);
    border: 1px solid var(--mb-blue);
    border-radius: 10px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#deliveryInfo .cart__info-result--finish .button-green:hover,
#deliveryInfo .cart__info-result--finish button.button-green:hover {
    background: var(--mb-blue-dark);
    border-color: var(--mb-blue-dark);
    color: var(--mb-white);
    opacity: 1;
}

#deliveryForm .cart__info-result_price {
    margin: 0 0 16px;
    text-align: right;
    font-size: 22px;
    font-weight: 500;
    color: var(--mb-text-muted);
}

#deliveryForm .cart__info-result_price strong {
    margin-left: 8px;
    font-size: 26px;
    font-weight: 600;
    color: var(--mb-text);
}
#deliveryForm  .catalog-cat__filter_1{
    margin: 0;
}

#deliveryForm .cart__info-result:not(.cart__info-result--finish) {
    gap: 16px;
    margin-top: 8px;
    padding: 16px 0 0;
}

#deliveryForm .next-button,
#deliveryForm .js-next-button {
    min-width: 180px;
    height: 44px;
    padding: 0 20px;
    font-size: 15px;
    font-weight: 600;
    color: var(--mb-white);
    background: var(--mb-blue);
    border: 1px solid var(--mb-blue);
    border-radius: 10px;
}


/* ----- Мобильная корзина (перебивает phones.css) ----- */
@media (max-width: 700px) {
    #cart-container .catalog__slider-label{
        top: 25px;
    }
    .cart-step {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        margin: 70px 0 16px !important;
        padding: 4px !important;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto !important;
        background: var(--mb-bg-tint) !important;
        border: 0 !important;
        border-radius: 12px !important;
    }

    .cart-step > li {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 calc(50% - 4px) !important;
        flex: 1 1 calc(50% - 4px) !important;
        padding: 10px 8px !important;
        font-size: 13px !important;
        line-height: 16px !important;
        color: var(--mb-text-muted) !important;
    }

    .cart-step > li:after {
        display: none !important;
    }

    .cart-step > li.active,
    .cart-step > li.active a {
        color: var(--mb-white) !important;
        background: var(--mb-blue) !important;
        border-radius: 10px;
    }

    .cart-wrap {
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
    }
    form.callback .cart-wrap,
    #oneclick_modal .cart-wrap,
    #alert .cart-wrap,
    .modal .cart-wrap,
    #callbackModal .cart-wrap {
        border: none;
        padding: 10px;
        padding-bottom: 60px;
        background: var(--mb-bg);
        border-radius: 12px;
        margin: 0;
    }

    .cart__item {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
        position: relative !important;
        gap: 10px 12px !important;
        margin: 0 0 12px !important;
        padding: 14px !important;
        background: var(--mb-white) !important;
        border: 1px solid var(--mb-border) !important;
        border-radius: 12px !important;
    }

    .cart__item-image {
        -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
        order: 1 !important;
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 64px !important;
        flex: 0 0 64px !important;
        width: 64px !important;
        max-width: 64px !important;
        max-height: 64px !important;
        margin: 0 !important;
        text-align: left !important;
    }

    .cart__item .cart__item-image .img-responsive,
    .cart__item-image img {
        width: 100% !important;
        height: 64px !important;
        max-height: 64px !important;
        -o-object-fit: contain;
        object-fit: contain;
    }

    .cart__item-title {
        -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
        order: 2 !important;
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 calc(100% - 120px) !important;
        flex: 1 1 calc(100% - 120px) !important;
        max-width: none !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 28px 0 0 !important;
        text-align: left !important;
    }

    .cart__item-title > a {
        font-size: 15px !important;
        font-weight: 600 !important;
        line-height: 20px !important;
        color: var(--mb-text) !important;
    }

    .cart__item-remove {
        -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
        order: 3 !important;
        position: absolute !important;
        top: 10px !important;
        right: 10px !important;
        width: auto !important;
        margin: 0 !important;
    }

    .cart__item-remove a {
        font-size: 0 !important;
        gap: 0 !important;
    }

    .cart__item-remove .button,
    .cart__item-remove .button.green {
        width: 28px !important;
        height: 28px !important;
        font-size: 14px !important;
    }

    .cart__item-count,
    .cart__item-price {
        position: relative !important;
        -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
        order: 4 !important;
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 calc(50% - 6px) !important;
        flex: 1 1 calc(50% - 6px) !important;
        max-width: none !important;
        width: auto !important;
        margin-top: 4px !important;
        padding-top: 0 !important;
        text-align: left !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
        display: block !important;
        font-size: 15px !important;
    }

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

    .cart__item-mute {
        position: static !important;
        top: auto !important;
        left: auto !important;
        display: block !important;
        margin: 0 0 8px !important;
        font-size: 13px !important;
        color: #8a9399 !important;
        text-align: left !important;
    }

    .cart__price {
        display: block !important;
        min-height: 0 !important;
        font-size: 18px !important;
        font-weight: 600 !important;
        line-height: 24px !important;
        text-align: left !important;
    }

    .cart__item-priceone {
        margin-top: 6px !important;
        font-size: 12px !important;
        text-align: left !important;
    }

    .cart__item .with_goods {
        -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
        order: 6 !important;
        display: none !important;
    }

    .cart-result {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
        gap: 12px !important;
        margin: 8px 0 0 !important;
        padding: 16px !important;
    }

    .cart-result > div {
        width: 100% !important;
        text-align: left !important;
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 22px;
    }

    .cart-result-price {
        text-align: left !important;
    }
    .cart-step > li.completed:before{
        color: var(--mb-blue);
    }
    .cart-result-price strong,
    .cart-result-price .price-value {
        display: inline !important;
        margin: 0px 0 0 !important;
        font-size: 24px !important;
    }

    .cart-result .button-green,
    .cart-result a.button-green {
        width: 100% !important;
        min-width: 0 !important;
    }

    .cart-empty {
        padding: 32px 16px !important;
    }

    .cart-empty h1 {
        font-size: 22px !important;
        line-height: 28px !important;
    }

    /* deliveryInfo на мобилке */
    .cart-wrap:has(#deliveryForm) {
        max-width: none;
        margin: 0 0 24px;
        padding: 16px !important;
        border-radius: 10px;
    }

    #deliveryForm .cart__info,
    .cart-wrap:has(#deliveryForm) > .cart__info {
        padding: 0 !important;
        max-width: none !important;
        margin: 0 !important;
    }

    #deliveryInfo .cart__info-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        gap: 8px;
        padding: 0;
        margin: 0 0 16px;
    }

    #deliveryInfo .cart__info-item > div:first-child {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
        margin: 0;
    }

    #deliveryInfo .cart__info-item > div:last-child,
    #deliveryInfo .cart__info-item > select,
    #deliveryInfo .cart__info-item .fs-dropdown {
        max-width: none;
        width: 100%;
    }

    #deliveryInfo .cart-block--wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px;
    }

    #deliveryInfo .cart-map__wrapper,
    #deliveryInfo .cart-block--address {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
        max-width: none;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    #deliveryInfo .cart-map__wrapper {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    #deliveryInfo .cart-block--address {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    #deliveryInfo .cart-map {
        height: 220px;
    }

    #deliveryInfo .cart__info-result--finish {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        padding: 16px;
    }

    #deliveryInfo .cart__info-result--finish > div:nth-child(1),
    #deliveryInfo .cart__info-result--finish > div:nth-child(2) {
        width: 100%;
        text-align: left;
    }

    #deliveryInfo .cart__info-result--finish .cart-result-price strong {
        display: block;
        margin: 6px 0 0;
        font-size: 24px;
    }

    #deliveryInfo .cart__info-result--finish .button-green,
    #deliveryInfo .cart__info-result--finish button.button-green {
        width: 100%;
        min-width: 0;
    }

    #deliveryForm .cart__info-result_price {
        text-align: left;
    }
}

/* ----- FIX: клик по адресу самовывоза (только этот блок, чужие правки не трогаем) ----- */
#deliveryInfo .cart-map__wrapper {
    overflow: hidden !important;
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
    z-index: 0 !important;
}

#deliveryInfo .cart-block--address {
    position: relative !important;
    z-index: 50 !important;
    pointer-events: auto !important;
}

#deliveryInfo .cart-block--address .cart__info-checkbox,
#deliveryInfo .cart-block--address .fs-checkbox,
#deliveryInfo .cart-block--address .fs-checkbox-marker,
#deliveryInfo .cart-block--address .fs-checkbox-label,
#deliveryInfo .cart-block--address label {
    pointer-events: auto !important;
    position: relative;
    z-index: 51;
    cursor: pointer;
}