/* Start:/local/templates/mstool/components/bitrix/news/brands/bitrix/news.detail/.default/style.css?179225579931980*/
.brand-detail-title {
    margin: 0 0 18px !important;
    font-family: inherit !important;
    font-size: 26px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    color: #111111 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.page.brand.wrapper #pagetitle,
.page.brand.wrapper .page__title,
.page.brand.wrapper .brand-detail-title,
.page.brand.wrapper h1#pagetitle.page__title.brand-detail-title,
.page.brand.wrapper .brand-intro-card #pagetitle,
.page.brand.wrapper .brand-intro-card .page__title,
.page.brand.wrapper .brand-intro-card .brand-detail-title {
    margin: 0 0 18px !important;
    font-family: inherit !important;
    font-size: 26px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    color: #111111 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    font-style: normal !important;
}

.brand-top-buttons {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    flex-wrap: wrap;
}

.brand-top-buttons .return-link {
    margin-bottom: 0;
}

.brand-top-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    white-space: nowrap;
}

.brand-top-btn--download i,
.brand-top-btn--catalog i {
    margin-left: 7px;
}

.brand-content-frame {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.brand-page__logo {
    text-align: center;
}

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

.brand-intro-card {
    position: relative;
    margin-bottom: 36px;
    padding: 28px 40px 28px 36px;
    background: #f5f6f8;
    border: 1px solid #eaedf1;
    border-radius: 12px;
    overflow: hidden;
    box-sizing: border-box;
}

.brand-intro-card::before {
    content: "";
    position: absolute;
    top: 18px;
    bottom: 18px;
    left: 0;
    width: 5px;
    background: #df2a32;
    border-radius: 0 4px 4px 0;
}

.brand-intro-card__text {
    margin-top: 0;
}

.brand-intro-card__text > *:last-child {
    margin-bottom: 0;
}

.brand-intro-card__text p {
    font-size: 17px;
    line-height: 1.6;
}

.page.brand.wrapper .brand-intro-card .page__introtext,
.page.brand.wrapper .brand-intro-card .brand-intro-card__text,
.page.brand.wrapper .brand-intro-card .page__introtext.brand-intro-card__text {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: 0 0 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

.page.brand.wrapper .brand-intro-card .page__introtext > *,
.page.brand.wrapper .brand-intro-card .brand-intro-card__text > *,
.page.brand.wrapper .brand-intro-card .page__introtext.brand-intro-card__text > * {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.page.brand.wrapper .brand-intro-card .brand-intro-card__text div,
.page.brand.wrapper .brand-intro-card .brand-intro-card__text section,
.page.brand.wrapper .brand-intro-card .brand-intro-card__text article,
.page.brand.wrapper .brand-intro-card .brand-intro-card__text table {
    max-width: none !important;
    box-sizing: border-box !important;
}

.page.brand.wrapper .brand-intro-card .brand-intro-card__text img {
    max-width: 100%;
    height: auto;
}

.brand-page__block {
    margin-bottom: 42px;
}

.brand-page__block-title,
.page.brand.wrapper .brand-page__block-title,
.page.brand.wrapper .section-heading .brand-page__block-title,
.page.brand.wrapper .brand-page__block .section-heading .brand-page__block-title,
.page.brand.wrapper .brand-page__block h2.brand-page__block-title,
.page.brand.wrapper .brand-page__block h3.brand-page__block-title {
    margin: 0 0 12px !important;
    font-family: inherit !important;
    font-size: 26px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    color: #111111 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    font-style: normal !important;
}

.page.brand.wrapper .brand-intro-card .page__introtext h2,
.page.brand.wrapper .brand-intro-card .page__introtext h3,
.page.brand.wrapper .brand-intro-card .brand-intro-card__text h2,
.page.brand.wrapper .brand-intro-card .brand-intro-card__text h3,
.page.brand.wrapper .brand-intro-card .page__introtext .ruko-heading,
.page.brand.wrapper .brand-intro-card .brand-intro-card__text .ruko-heading {
    margin: 0 0 12px !important;
    font-family: inherit !important;
    font-size: 26px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    color: #111111 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    font-style: normal !important;
}

.brand-file-card {
    height: 100%;
}

.brand-file-card a {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 14px;
    background: #f5f6f8;
    border: 1px solid #eaedf1;
    border-radius: 14px;
    color: inherit;
    text-decoration: none;
}

.brand-file-card a:hover {
    text-decoration: none;
}

.brand-file-card img {
    display: block;
    max-width: 100%;
    max-height: 270px;
    margin: 0 auto;
    object-fit: contain;
}

.brand-file-card__caption {
    display: block;
    margin-top: 12px;
    color: #07162f;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 600;
    text-align: center;
}

.brand-page__slider--with-arrows {
    position: relative;
}

.brand-page__slider--with-arrows .swiper-button-next,
.brand-page__slider--with-arrows .swiper-button-prev {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-top: -19px;
    background: #ffffff;
    border: 1px solid #dfe5eb;
    border-radius: 50%;
    box-shadow: 0 6px 18px rgba(7, 22, 47, 0.12);
    color: #07162f;
    opacity: 1;
    z-index: 5;
}

.brand-page__slider--with-arrows .swiper-button-next::after,
.brand-page__slider--with-arrows .swiper-button-prev::after {
    font-size: 16px;
    font-weight: 700;
}

.brand-page__slider--with-arrows .swiper-button-prev {
    left: -18px;
}

.brand-page__slider--with-arrows .swiper-button-next {
    right: -18px;
}

/* БЛОК "ТОВАРЫ БРЕНДА": он находится после .page.brand.wrapper, а не внутри него */
.page.brand.wrapper + .products-section.section,
.page.brand.wrapper ~ .products-section.section {
    padding-top: 0 !important;
    margin-top: -35px !important;
}

.page.brand.wrapper + .products-section.section .section-heading,
.page.brand.wrapper ~ .products-section.section .section-heading {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}

.page.brand.wrapper + .products-section.section .section-title,
.page.brand.wrapper ~ .products-section.section .section-title {
    margin-top: 0 !important;
}

.page.brand.wrapper + .products-section.section .catalog-slider,
.page.brand.wrapper + .products-section.section .product-slider,
.page.brand.wrapper + .products-section.section .swiper-container,
.page.brand.wrapper ~ .products-section.section .catalog-slider,
.page.brand.wrapper ~ .products-section.section .product-slider,
.page.brand.wrapper ~ .products-section.section .swiper-container {
    margin-top: 0 !important;
}

.brand-certificate-modal {
    position: fixed;
    inset: 0;
    display: none;
    z-index: 2147483000;
    overflow: hidden;
    overscroll-behavior: contain;
}

.brand-certificate-modal.is-open {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    box-sizing: border-box;
}

.brand-certificate-modal__backdrop {
    position: fixed;
    inset: 0;
    z-index: 2147483001;
    background: rgba(7, 22, 47, 0.78);
    touch-action: none;
}

.brand-certificate-modal__dialog {
    position: relative;
    z-index: 2147483002;
    width: 100%;
    max-width: 960px;
    max-height: calc(100vh - 48px);
    max-height: calc(100dvh - 48px);
    padding: 56px 20px 16px;
    background: #ffffff;
    border-radius: 16px;
    overflow: auto;
    box-sizing: border-box;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.brand-certificate-modal__close {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2147483003;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 0;
    background: #ffffff;
    border: 1px solid #dfe5eb;
    border-radius: 50%;
    color: #07162f;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 8px 24px rgba(7, 22, 47, 0.18);
}

.brand-certificate-modal__close span {
    display: block;
    margin-top: -2px;
}

.brand-certificate-modal__body {
    text-align: center;
}

.brand-certificate-modal__image {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: calc(100vh - 160px);
    max-height: calc(100dvh - 160px);
    margin: 0 auto;
    object-fit: contain;
}

.brand-certificate-modal__caption {
    margin-top: 14px;
    color: #07162f;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 700;
    text-align: center;
}

@media (min-width: 1200px) {
    .page.brand.wrapper,
    .page.brand.wrapper > .container,
    .page.brand.wrapper .brand-page,
    .page.brand.wrapper .brand-page > .col-lg-3,
    .page.brand.wrapper .brand-page > .col-lg-9 {
        overflow: visible !important;
    }

    .page.brand.wrapper .brand-page {
        align-items: stretch !important;
    }

    .page.brand.wrapper .brand-page > .col-lg-3 {
        align-self: stretch !important;
        min-width: 0;
    }

    .page.brand.wrapper .brand-page > .col-lg-9 {
        min-width: 0;
    }

    .page.brand.wrapper .brand-page__logo {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 130px !important;
        z-index: 5;
        text-align: center;
        padding-top: 40px;
    }

    .page.brand.wrapper .brand-page__logo img {
        max-width: 240px;
        height: auto;
    }

    /* 11.10.2026: рамка не шире своей колонки (на 1200–1440 px текст и карточки обрезались справа); на широких экранах по-прежнему 1170 px */
    .page.brand.wrapper .brand-content-frame {
        position: relative;
        width: calc(100% + 85px);
        max-width: 1170px;
        margin-left: -85px;
    }

    /* логотип не заходит под рамку, которая сдвинута на 85 px влево */
    .page.brand.wrapper .brand-page__logo {
        padding-right: 95px;
    }

    .page.brand.wrapper .brand-top-buttons,
    .page.brand.wrapper .brand-intro-card,
    .page.brand.wrapper .brand-page__block {
        width: 100%;
        max-width: 100%;
    }
}

@media (min-width: 769px) and (max-width: 1199px) {
    .brand-content-frame {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }

    .brand-page__logo {
        position: static;
        padding-top: 24px;
    }

    .brand-page__logo img {
        max-width: 220px;
    }

    .brand-intro-card {
        padding: 24px 30px 24px 32px;
    }
}

@media (max-width: 768px) {
    .brand-detail-title,
    .page.brand.wrapper #pagetitle,
    .page.brand.wrapper .page__title,
    .page.brand.wrapper .brand-detail-title,
    .page.brand.wrapper h1#pagetitle.page__title.brand-detail-title,
    .page.brand.wrapper .brand-intro-card #pagetitle,
    .page.brand.wrapper .brand-intro-card .page__title,
    .page.brand.wrapper .brand-intro-card .brand-detail-title {
        margin: 0 0 16px !important;
        font-family: inherit !important;
        font-size: 22px !important;
        line-height: 1.3 !important;
        font-weight: 700 !important;
        color: #111111 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
        font-style: normal !important;
    }

    .brand-content-frame {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        overflow: visible;
    }

    .brand-page__logo {
        position: static;
        margin-bottom: 0;
        padding-top: 0;
    }

    .brand-page__logo img {
        position: static;
        max-width: 260px;
    }

    /* 11.10.2026 (аудит брендов BR05 + исследование): кнопки на телефоне — 14 px, высота от 44 px (главная 48 px),
       подписи переносятся; «Все товары бренда» во всю ширину, «Каталог» и «Прайс» рядом, «Все производители» — ссылкой */
    .brand-top-buttons {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        align-items: stretch !important;
        gap: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 24px;
        margin-bottom: 20px;
        box-sizing: border-box;
    }

    .brand-top-buttons .brand-top-btn--all,
    .brand-top-buttons .brand-top-btn--back {
        grid-column: 1 / -1;
    }

    .brand-top-buttons .return-link,
    .brand-top-buttons .brand-top-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 44px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 10px 12px !important;
        border-radius: 22px !important;
        box-sizing: border-box !important;
        font-size: 14px !important;
        line-height: 1.2 !important;
        white-space: normal !important;
        text-align: center !important;
    }

    .brand-top-buttons .brand-top-btn--all {
        min-height: 48px !important;
        border-radius: 24px !important;
    }

    .brand-top-buttons .brand-top-btn--back {
        order: 10;
        min-height: 40px !important;
        background: transparent !important;
    }

    .brand-top-buttons .brand-top-btn span {
        display: block !important;
        min-width: 0;
        padding-top: 0 !important;
        font-size: 14px !important;
        line-height: 1.2 !important;
        white-space: normal !important;
        overflow-wrap: break-word;
        letter-spacing: 0 !important;
        text-align: center !important;
    }

    .brand-top-buttons .brand-top-btn--all span {
        font-size: 15px !important;
    }

    .brand-top-buttons .brand-top-btn .brand-top-btn__fmt,
    .brand-top-buttons .brand-top-btn .brand-top-btn__count {
        flex: 0 0 auto;
        font-size: 12px !important;
    }

    .brand-top-buttons .brand-top-btn i {
        flex: 0 0 auto !important;
        margin: 0 !important;
        font-size: 13px !important;
        line-height: 1 !important;
    }


    .brand-intro-card {
        margin-right: 0;
        margin-bottom: 28px;
        padding: 20px 18px 20px 22px;
    }

    .brand-intro-card::before {
        top: 14px;
        bottom: 14px;
        width: 4px;
    }

    .brand-intro-card__text p {
        font-size: 15px;
        line-height: 1.55;
    }

    .brand-page__block {
        margin-bottom: 32px;
    }

    .brand-page__block-title,
    .page.brand.wrapper .brand-page__block-title,
    .page.brand.wrapper .section-heading .brand-page__block-title,
    .page.brand.wrapper .brand-page__block .section-heading .brand-page__block-title,
    .page.brand.wrapper .brand-page__block h2.brand-page__block-title,
    .page.brand.wrapper .brand-page__block h3.brand-page__block-title {
        margin: 0 0 10px !important;
        font-family: inherit !important;
        font-size: 22px !important;
        line-height: 1.3 !important;
        font-weight: 700 !important;
        color: #111111 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
        font-style: normal !important;
    }

    .brand-file-card a {
        padding: 12px;
    }

    .brand-file-card img {
        max-height: 210px;
    }

    .brand-file-card__caption {
        font-size: 13px;
        line-height: 1.3;
    }

    .brand-page__slider--with-arrows .swiper-button-next,
    .brand-page__slider--with-arrows .swiper-button-prev {
        width: 34px;
        height: 34px;
        margin-top: -17px;
    }

    .brand-page__slider--with-arrows .swiper-button-prev {
        left: 4px;
    }

    .brand-page__slider--with-arrows .swiper-button-next {
        right: 4px;
    }

    .brand-page__slider--with-arrows .swiper-button-next::after,
    .brand-page__slider--with-arrows .swiper-button-prev::after {
        font-size: 14px;
    }

    .brand-certificate-modal.is-open {
        padding: 10px;
    }

    .brand-certificate-modal__dialog {
        max-width: 100%;
        max-height: calc(100vh - 20px);
        max-height: calc(100dvh - 20px);
        padding: 50px 12px 14px;
        border-radius: 14px;
    }

    .brand-certificate-modal__close {
        top: 8px;
        right: 8px;
        width: 40px;
        height: 40px;
        font-size: 28px;
    }

    .brand-certificate-modal__image {
        max-width: calc(100vw - 44px);
        max-height: calc(100vh - 130px);
        max-height: calc(100dvh - 130px);
    }

    .brand-certificate-modal__caption {
        margin-top: 12px;
        font-size: 15px;
        line-height: 1.35;
    }
}

@media (max-width: 420px) {
    .brand-detail-title,
    .brand-page__block-title,
    .page.brand.wrapper #pagetitle,
    .page.brand.wrapper .page__title,
    .page.brand.wrapper .brand-detail-title,
    .page.brand.wrapper h1#pagetitle.page__title.brand-detail-title,
    .page.brand.wrapper .brand-intro-card #pagetitle,
    .page.brand.wrapper .brand-intro-card .page__title,
    .page.brand.wrapper .brand-intro-card .brand-detail-title,
    .page.brand.wrapper .brand-page__block-title,
    .page.brand.wrapper .section-heading .brand-page__block-title,
    .page.brand.wrapper .brand-page__block .section-heading .brand-page__block-title,
    .page.brand.wrapper .brand-page__block h2.brand-page__block-title,
    .page.brand.wrapper .brand-page__block h3.brand-page__block-title {
        font-family: inherit !important;
        font-size: 20px !important;
        line-height: 1.3 !important;
        font-weight: 700 !important;
        color: #111111 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
        font-style: normal !important;
    }
}

@media (max-width: 400px) {
    /* узкий телефон: формат файла (PDF/XLSX) уже говорит о скачивании — значок не нужен */
    .brand-top-buttons .brand-top-btn--catalog i,
    .brand-top-buttons .brand-top-btn--download i {
        display: none !important;
    }

    .brand-top-buttons .return-link,
    .brand-top-buttons .brand-top-btn {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

/* ===== 11.10.2026: аудит брендов + исследование страниц брендов ===== */

/* Главная кнопка «Все товары бренда» с числом товаров */
.brand-top-btn--all {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding: 0 18px;
    border-radius: 30px;
    background-color: #d5381d;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.15s;
}

.brand-top-btn--all:hover,
.brand-top-btn--all:focus-visible {
    background-color: #b82d16;
    color: #ffffff;
    text-decoration: none;
}

.brand-top-btn--all i {
    font-size: 13px;
}

.brand-top-btn .brand-top-btn__count {
    padding: 2px 8px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.22);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
}

/* формат файла рядом с подписью кнопки */
.brand-top-btn .brand-top-btn__fmt {
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.3px;
    color: #7b8794;
}

.brand-top-btn:focus-visible,
.brand-groups__item:focus-visible,
.brand-intro-card__more:focus-visible,
.brand-file-card a:focus-visible {
    outline: 2px solid #1d314f;
    outline-offset: 2px;
}

/* Описание: строка не длиннее ~80 знаков, длинный текст свёрнут */
.page.brand.wrapper .brand-intro-card .page__introtext.brand-intro-card__text p,
.page.brand.wrapper .brand-intro-card .page__introtext.brand-intro-card__text li {
    max-width: 44em !important;
}

.brand-intro-card__text.is-collapsible {
    position: relative;
    max-height: 340px;
    overflow: hidden;
}

.brand-intro-card__text.is-collapsible::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 90px;
    background: linear-gradient(rgba(245, 246, 248, 0), #f5f6f8);
    pointer-events: none;
}

.brand-intro-card__more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    margin-top: 10px;
    padding: 0 18px;
    border: 1px solid #c9d2da;
    border-radius: 22px;
    background: #ffffff;
    color: #1d314f;
    font: inherit;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}

.brand-intro-card__more:hover {
    border-color: #1d314f;
}

.brand-intro-card__text.is-open + .brand-intro-card__more i {
    transform: rotate(180deg);
}

/* Группы инструмента бренда */
.brand-groups__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 12px;
}

.brand-groups__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 14px 12px 16px;
    border: 1px solid #e3e8ed;
    border-radius: 14px;
    background: #ffffff;
    color: #111111;
    text-align: center;
    text-decoration: none;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.brand-groups__item:hover {
    border-color: #d5381d;
    box-shadow: 0 4px 14px rgba(3, 13, 25, 0.08);
    color: #111111;
    text-decoration: none;
}

.brand-groups__img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 110px;
}

.brand-groups__img img {
    max-width: 100%;
    max-height: 110px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.brand-groups__name {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
}

/* Формат и размер под подписью документа */
.brand-file-card__meta {
    display: block;
    margin-top: 4px;
    text-align: center;
    font-size: 13px;
    line-height: 1.3;
    color: #6c7a88;
}

@media (max-width: 768px) {
    .brand-intro-card__text.is-collapsible {
        max-height: 420px;
    }

    .brand-groups__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .brand-groups__img {
        height: 90px;
    }

    .brand-groups__img img {
        max-height: 90px;
    }

    .brand-groups__name {
        font-size: 14px;
    }
}

/* 11.10.2026: прайс и каталоги строками — как на страницах MITEX (mitex.css: .mx-price, .mx-crow, .mx-xl, .mx-dl) */
.brand-docs__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.brand-docs__list--grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.brand-doc {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 76px;
    padding: 12px 14px;
    border: 1px solid #e3e9f0;
    border-radius: 12px;
    background: #ffffff;
    color: #02142b;
    text-decoration: none;
    transition: border-color 0.15s;
}

.brand-doc:hover,
.brand-doc:focus-visible {
    border-color: #02142b;
    color: #02142b;
    text-decoration: none;
}

.brand-doc:focus-visible {
    outline: 2px solid #1d314f;
    outline-offset: 2px;
}

.brand-doc--file {
    min-height: 0;
    padding: 8px 14px 8px 8px;
}

.brand-doc--price {
    max-width: 640px;
}

.brand-doc__xl {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 10px;
    background: #1d6f42;
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
}

.brand-doc img,
.brand-doc__noimg {
    flex: none;
    width: 44px;
    height: 62px;
    border: 1px solid #e3e9f0;
    border-radius: 4px;
    object-fit: cover;
}

.brand-doc__noimg {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #c62828;
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
}

.brand-doc__t {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
}

.brand-doc__t b {
    font-size: 15px;
    line-height: 1.3;
}

.brand-doc__t small {
    color: #55657a;
    font-size: 13px;
    line-height: 1.35;
}

.brand-doc__dl {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    background: #f2f6fb;
    color: #02142b;
}

@media (max-width: 768px) {
    .brand-docs__list--grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .brand-doc {
        min-height: 0;
        padding: 10px 12px;
    }

    .brand-doc--file {
        padding: 8px 12px 8px 8px;
    }

    .brand-doc__xl {
        width: 44px;
        height: 44px;
    }
}

/* 11.10.2026: блок «Закупка для компании» */
.brand-buy {
    padding: 24px 28px;
    border: 1px solid #e3e8ed;
    border-radius: 14px;
    background: #ffffff;
}

.brand-buy__text {
    max-width: 44em;
    margin: 0 0 16px;
    font-size: 16px;
    line-height: 1.55;
    color: #333333;
}

.brand-buy__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.brand-buy__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 20px;
    border: 1px solid #c9d2da;
    border-radius: 22px;
    background: #ffffff;
    color: #1d314f;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
}

.brand-buy__btn:hover {
    border-color: #1d314f;
    color: #1d314f;
    text-decoration: none;
}

.brand-buy__btn--main {
    border-color: #d5381d;
    background: #d5381d;
    color: #ffffff;
}

.brand-buy__btn--main:hover {
    border-color: #b82d16;
    background: #b82d16;
    color: #ffffff;
}

.brand-buy__btn:focus-visible {
    outline: 2px solid #1d314f;
    outline-offset: 2px;
}

.brand-buy__contacts {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 20px;
    font-size: 15px;
}

.brand-buy__contacts a {
    color: #1d314f;
}

.brand-buy__contacts small {
    color: #6c7a88;
}

@media (max-width: 768px) {
    .brand-buy {
        padding: 18px 16px;
    }

    .brand-buy__btn {
        flex: 1 1 100%;
    }

    .brand-price-row .brand-file-card {
        width: 100%;
    }
}

/* 11.10.2026: заголовки блоков документов и закупки — ближе к содержимому */
.page.brand.wrapper .brand-docs .section-heading,
.page.brand.wrapper .brand-buy .section-heading {
    margin-bottom: 14px !important;
}

.page.brand.wrapper .brand-docs + .brand-docs {
    margin-top: -8px;
}

/* ===== 11.10.2026 (просьба Павла 16:39): верхние кнопки в стиле страниц выставки MITEX (mitex.css: .mx-anch a) ===== */
.page.brand.wrapper .brand-chips {
    gap: 6px;
}

.page.brand.wrapper .brand-chips .brand-top-btn,
.page.brand.wrapper .brand-chips .return-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: auto;
    height: 38px;
    margin: 0;
    padding: 0 14px;
    border: 1px solid #e3e9f0;
    border-radius: 999px;
    background: #ffffff;
    color: #02142b !important;
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    transition: background 0.15s, border-color 0.15s;
}

.page.brand.wrapper .brand-chips .brand-top-btn span {
    padding-top: 0;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: 0;
    color: inherit;
}

.page.brand.wrapper .brand-chips .brand-top-btn:hover {
    border-color: #c9d3de;
    background: #f2f6fb;
    opacity: 1;
}

.page.brand.wrapper .brand-chips .brand-chip__ico {
    flex: none;
    color: #e43e16;
}

.page.brand.wrapper .brand-chips .brand-top-btn .brand-top-btn__fmt {
    color: #7b8794;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.3px;
}

/* главная — тёмная, как выбранная плашка на MITEX, число товаров — красный бейдж */
.page.brand.wrapper .brand-chips .brand-top-btn--all {
    border-color: #030d19;
    background: #030d19;
    color: #ffffff !important;
}

.page.brand.wrapper .brand-chips .brand-top-btn--all:hover {
    border-color: #1c2a3b;
    background: #1c2a3b;
}

.page.brand.wrapper .brand-chips .brand-top-btn--all .brand-chip__ico {
    color: #ff8a65;
}

.page.brand.wrapper .brand-chips .brand-top-btn__count {
    margin-left: 2px;
    padding: 1px 7px;
    border-radius: 999px;
    background: #e43e16;
    color: #ffffff;
    font-size: 11.5px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.5;
}

.page.brand.wrapper .brand-chips .brand-top-btn--back {
    color: #55657a !important;
}

.page.brand.wrapper .brand-chips .brand-top-btn--back .brand-chip__ico {
    color: #55657a;
}

@media (max-width: 768px) {
    /* телефон: те же плашки, но высота 44 px (удобно нажимать), главная — во всю ширину */
    .page.brand.wrapper .brand-chips .brand-top-btn,
    .page.brand.wrapper .brand-chips .return-link {
        justify-content: center;
        width: 100% !important;
        min-height: 44px !important;
        height: auto !important;
        padding: 8px 12px !important;
        border-radius: 999px !important;
        font-size: 13.5px !important;
    }

    .page.brand.wrapper .brand-chips .brand-top-btn span {
        font-size: 13.5px !important;
        font-weight: 700 !important;
    }

    .page.brand.wrapper .brand-chips .brand-top-btn--all span {
        font-size: 14.5px !important;
    }

    .page.brand.wrapper .brand-chips .brand-top-btn--all {
        min-height: 48px !important;
    }

    .page.brand.wrapper .brand-chips .brand-top-btn--back {
        border-color: transparent !important;
        background: transparent !important;
    }

    .page.brand.wrapper .brand-chips .brand-chip__ico {
        width: 15px;
        height: 15px;
    }
}

@media (max-width: 400px) {
    .page.brand.wrapper .brand-chips .brand-top-btn--catalog .brand-chip__ico,
    .page.brand.wrapper .brand-chips .brand-top-btn--download .brand-chip__ico {
        display: none;
    }
}

/* ui-1017b: заголовок бренда по реестру шрифтов — Extended 600, 24 px (телефон 18 px), решение Павла 17.10 */
html body .page.brand.wrapper h1#pagetitle.page__title.brand-detail-title,
html body .page.brand.wrapper .brand-intro-card h1#pagetitle {
    font-family: "Artegra Sans Extended", sans-serif !important;
    font-weight: 600 !important;
    font-size: 24px !important;
    line-height: 1.25 !important;
}
@media (max-width: 768px) {
    html body .page.brand.wrapper h1#pagetitle.page__title.brand-detail-title,
    html body .page.brand.wrapper .brand-intro-card h1#pagetitle { font-size: 18px !important; }
}

/* End */


/* Start:/local/templates/mstool/components/bitrix/catalog.section/slider/style.css?17315156743808*/
@media (min-width: 1200px){
	/*lg*/
	/*6*/
	.product-item-list-col-6   > .col-xs-12 > .row > .col-md-2:nth-child(6n+1),
	.product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-1-6 > .col-sm-6  > .row > .col-md-4:nth-child(3n+1),
	.product-item-list-col-6-1 > .col-sm-6  > .row > .col-md-4:nth-child(3n+1),
	/*4*/
	.product-item-list-col-4   > .col-xs-12 > .row > .col-md-3:nth-child(4n+1),
	.product-item-list-col-1-4 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-4-1 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	/*3*/
	.product-item-list-col-3   > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1),
	/*2*/
	.product-item-list-col-2   > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1),
	/*1*/
	.product-item-list-col-1   > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both}
}
@media (min-width: 992px) and (max-width:1199px){
	/*md*/
	/*6*/
	.product-item-list-col-6   > .col-xs-12 > .row > .col-md-2:nth-child(6n+1),
	.product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-1-6 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1),
	.product-item-list-col-6-1 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1),
	/*4*/
	.product-item-list-col-4   > .col-xs-12 > .row > .col-md-3:nth-child(4n+1),
	.product-item-list-col-1-4 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-4-1 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	/*3*/
	.product-item-list-col-3   > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1),
	/*2*/
	.product-item-list-col-2   > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1),
	/*1*/
	.product-item-list-col-1   > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both}
}
@media (min-width: 768px) and (max-width: 991px){
	/*sm*/
	/*6*/
	.product-item-list-col-6   > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1),
	.product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-1-6 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-6-1 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	/*4*/
	.product-item-list-col-4   > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-1-4 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-4-1 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-1-4 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-4-1 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	/*3*/
	.product-item-list-col-3   > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1),
	/*2*/
	.product-item-list-col-2   > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1),
	/*1*/
	.product-item-list-col-1   > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both}
}
@media (max-width: 767px){
	/*xs*/
	/*6*/
	.product-item-list-col-6   > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-1-6 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-6-1 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	/*4*/
	.product-item-list-col-4   > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-1-4 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-4-1 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	/*3*/
	.product-item-list-col-3   > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1),
	/*2*/
	.product-item-list-col-2   > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1),
	/*1*/
	.product-item-list-col-1   > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both}
}

.catalog-section-header{
	font-size:14px;
	font-weight: bold;
	text-align: left;
	margin:5px 0;
	padding:5px 15px;
	border-bottom: 2px solid #d9dee6;
	color: #000;
}

.row::before {
	display: initial;
}
/* End */


/* Start:/local/templates/mstool/components/bitrix/catalog.item/item/style.css?178671305532803*/
.table-view .catalog-list__item-buttons, .table-view .product-item-info-container {
    width: calc(100% / 3);
}

.table-view .catalog-item__prices {
	width: calc(100% / 5);
}
.product-item-container { position: relative; }

.products__card-btn img,
.product-item-amount-field {
    pointer-events: none;
}

.product-item-container.hover { z-index: 17; }

.product-item {
	display: block;
	box-sizing: border-box;
	padding: 15px 0 5px;
	width: 100%;
	border: 1px solid transparent;
	border-radius: 2px;
}

.product-item-line-card .product-item {
	width: auto !important;
	border-bottom: 1px solid #dadada;
}

@media (max-width: 991px) {
	.product-item-line-card .product-item .col-sm-6:nth-child(2n) { clear: both; }
}

.bx-retina .product-item { border-width: .5px; }

.product-item * { transition: opacity 300ms ease; }

@media (max-width: 767px) {
	.product-item { padding: 15px 5px 5px }

	.product-item-line-card .product-item .col-xs-12:nth-child(2n) { clear: both; }
}

.bx-no-touch .product-item-container.hover .product-item {
	position: absolute;
	right: -15px;
	left: -15px;
	padding: 15px 15px 0;
	width: auto;
	border: 1px solid transparent;
	background: #fff;
	box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .19);
}

.bx-touch .product-item {
	padding: 15px 0 0;
	width: auto;
	background: #fff;
}

.bx-no-touch .product-item-container.hover .product-item { -webkit-animation: product-item-hover 300ms 1 ease; }

@-webkit-keyframes product-item-hover {
	0% {
		position: absolute;
		left: -15px;
		right: -15px;
		border: 1px solid transparent;
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
	100% {
		border: 1px solid transparent;
		box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .19);
	}
}

/*Image*/
.product-item-image-wrapper {
	position: relative;
	display: block;
	margin-bottom: 15px;
	padding-top: 116%;
	width: 100%;
	transition: all 300ms ease;
}

.product-item-image-wrapper:hover { }

.product-item-container.hover.product-item-scalable-card .product-item-image-wrapper { padding-top: 54%; }

.product-item-image-original,
.product-item-image-alternative {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	transition: opacity 300ms linear;
}

.product-item-image-original { z-index: 11; }

.product-item-image-alternative {
	z-index: 13;
	opacity: 0;
}

.bx-no-touch .product-item-container.hover .product-item-image-original { opacity: 0; }

.bx-no-touch .product-item-container.hover .product-item-image-alternative { opacity: 1; }

.product-item-big-card .product-item-image-wrapper { margin-bottom: 25px; }

/*Image Slider*/
.product-item-image-slider-slide-container {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	transition: opacity 300ms ease;
}

.product-item-image-slide {
	position: relative;
	display: none;
	height: 100%;
	background-color: #fff;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	transition: .6s ease-in-out left;
}

@media all and (transform-3d), (-webkit-transform-3d) {
	.product-item-image-slide {
		transition: transform .6s ease-in-out;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-perspective: 1000px;
		perspective: 1000px;
	}

	.product-item-image-slide.next,
	.product-item-image-slide.active.right {
		left: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	.product-item-image-slide.prev,
	.product-item-image-slide.active.left {
		left: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	.product-item-image-slide.next.left,
	.product-item-image-slide.prev.right,
	.product-item-image-slide.active {
		left: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.product-item-image-slider-slide-container > .active,
.product-item-image-slider-slide-container > .next,
.product-item-image-slider-slide-container > .prev { display: block; }

.product-item-image-slider-slide-container > .active { left: 0; }

.product-item-image-slider-slide-container > .next,
.product-item-image-slider-slide-container > .prev {
	position: absolute;
	top: 0;
	width: 100%;
}

.product-item-image-slider-slide-container > .next { left: 100%; }

.product-item-image-slider-slide-container > .prev { left: -100%; }

.product-item-image-slider-slide-container > .next.left,
.product-item-image-slider-slide-container > .prev.right { left: 0; }

.product-item-image-slider-progress-bar-container {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
}

.product-item-image-slider-progress-bar {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	height: 1px;
	background-color: #f42c2c;
	opacity: .8;
}

.product-item-image-slider-control-container {
	position: absolute;
	right: 0;
	bottom: 10px;
	left: 0;
	z-index: 15;
	padding: 0;
	text-align: center;
	opacity: 0;
	transition: opacity 300ms ease;
}

.product-item-container.hover .product-item-image-slider-control-container,
.product-item-line-card:hover .product-item-image-slider-control-container { opacity: 1; }

.product-item-image-slider-control,
.product-item-image-slider-control.active {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: rgba(128, 128, 128, .8);
	opacity: .6;
	cursor: pointer;
	transition: all 300ms ease;
}

.product-item-image-slider-control:hover,
.product-item-image-slider-control.active:hover { cursor: pointer; }

/*Label*/
.product-item-label-text,
.product-item-label-ring {
	position: absolute;
	z-index: 15;
}

.product-item-label-text span,
.product-item-label-ring {
	display: inline-block;
	clear: both;
	margin-bottom: 2px;
	background: #f42c2c;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	transition: all 250ms ease;
}

.bx-red .product-item-label-text span,
.bx-red .product-item-label-ring { background-color: #fba90c; }

.product-item-label-text > div,
.product-item-label-ring > div { line-height: 0; }

/* TEXT */
.product-item-label-text span {
	padding: 2px 5px;
	vertical-align: middle;
	font-weight: bold;
}

/*SMALL*/
.product-item-label-text.product-item-label-small span,
.product-item-scalable-card.hover .product-item-label-text.product-item-label-small span {
	margin-bottom: 1px;
	padding: 2px 7px;
	font-weight: normal;
	font-size: 13px;
	line-height: 14px;
}

.product-item-big-card .product-item-label-text.product-item-label-small span {
	padding: 5px 12px;
	font-size: 16px;
	line-height: 21px;
}

/* BIG */
.product-item-label-text.product-item-label-big span,
.product-item-scalable-card.hover .product-item-label-text.product-item-label-big span {
	padding: 4px 10px;
	font-size: 13px;
	line-height: 17px;
}

.product-item-big-card .product-item-label-text.product-item-label-big span {
	padding: 5px 17px;
	font-size: 22px;
	line-height: 33px;
}

@media (max-width: 767px) {
	.product-item-label-text > div { line-height: 0; }

	.product-item-label-text.product-item-label-small span,
	.product-item-scalable-card.hover .product-item-label-text.product-item-label-small span {
		margin-bottom: 1px;
		padding: 2px 7px;
		font-size: 10px;
		line-height: 14px;
	}

	.product-item-big-card .product-item-label-text.product-item-label-small span,
	.product-item-label-text.product-item-label-big span,
	.product-item-scalable-card.hover .product-item-label-text.product-item-label-big span {
		margin-bottom: 1px;
		padding: 3px 12px;
		font-size: 14px;
		line-height: 16px;
	}

	.product-item-big-card .product-item-label-text.product-item-label-big span {
		padding: 3px 12px;
		font-size: 20px;
		line-height: 25px;
	}
}

/*RING*/
.product-item-label-ring {
	box-sizing: border-box;
	border-radius: 50%;
	font-weight: bold;
}

.product-item-label-ring.product-item-label-small,
.product-item-scalable-card.hover .product-item-label-ring.product-item-label-small {
	width: 40px;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
}

.product-item-big-card .product-item-label-ring.product-item-label-small {
	width: 100px;
	height: 100px;
	font-size: 30px;
	line-height: 100px;
}

.product-item-label-ring.product-item-label-big,
.product-item-scalable-card.hover .product-item-label-ring.product-item-label-big {
	width: 50px;
	height: 50px;
	font-size: 18px;
	line-height: 50px;
}

.product-item-big-card .product-item-label-ring.product-item-label-big {
	width: 120px;
	height: 120px;
	font-size: 42px;
	line-height: 120px;
}

@media (max-width: 767px) {
	.product-item-label-ring.product-item-label-small,
	.product-item-scalable-card.hover .product-item-label-ring.product-item-label-small {
		width: 35px;
		height: 35px;
		font-size: 12px;
		line-height: 35px;
	}

	.product-item-big-card .product-item-label-ring.product-item-label-small,
	.product-item-label-ring.product-item-label-big,
	.product-item-scalable-card.hover .product-item-label-ring.product-item-label-big {
		width: 35px;
		height: 35px;
		font-size: 12px;
		line-height: 35px;
	}

	.product-item-big-card .product-item-label-ring.product-item-label-big {
		width: 70px;
		height: 70px;
		font-size: 24px;
		line-height: 70px;
	}
}

.product-item-label-top { top: -5px; }

.product-item-label-center {
	left: 50%;
	transform: translateX(-50%);
}

.product-item-label-center > div { text-align: center; }

.product-item-label-left { left: -5px; }

.product-item-label-left > div { text-align: left; }

.product-item-label-bottom { bottom: -5px; }

.product-item-label-middle { top: 50%;
	transform: translateY(-50%);
}

.product-item-label-right { right: -5px; }

.product-item-label-right > div { text-align: right; }

.product-item-label-center.product-item-label-middle {
	transform: translateY(-50%) translateX(-50%);
}

/*Title*/
.product-item-title {
	overflow: hidden;
	margin-bottom: 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bx-touch .product-item-title,
.product-item-container.hover .product-item-title {
	overflow: auto;
	white-space: normal;
}

.product-item-title a {
	color: #3f3f3f;
	text-decoration: none;
	font-size: 13px;
}

.product-item-big-card .product-item-title a { font-size: 21px; }

.product-item-line-card .product-item-title a { font-size: 20px; }

/*Price*/
.product-item-price-container { margin: 5px 0 10px; }

.product-item-price-current {
	color: #3f3f3f;
	white-space: nowrap;
	font-weight: bold;
	font-size: 13px;
}

.product-item-price-old {
	color: #a5a5a5;
	text-decoration: line-through;
	white-space: nowrap;
	font-size: 12px;
}

.product-item-big-card .product-item-price-current,
.product-item-big-card .product-item-price-old {
	vertical-align: middle;
	line-height: 20px;
}

.product-item-big-card .product-item-price-container { margin: 0 0 10px; }

.product-item-big-card .product-item-price-current { font-size: 18px; }

.product-item-big-card .product-item-price-old { font-size: 15px; }

/*Info*/
.product-item-line-card .product-item-info-container { text-align: center; }

.product-item-info-container { margin-bottom: 8px; }

.product-item-info-container-title {
	color: #000;
	font-weight: bold;
	font-size: 13px;
}

.bx-no-touch .product-item-container .product-item-info-container.product-item-hidden {
	display: none;
	opacity: 0;
	transition: opacity 300ms ease;
}

.bx-touch .product-item-info-container.product-item-touch-hidden { display: none !important }

.bx-touch .product-item-info-container.product-item-hidden,
.bx-no-touch .product-item-container.hover .product-item-info-container.product-item-hidden,
.product-item-line-card .product-item-container .product-item-info-container.product-item-hidden {
	display: block;
	opacity: 1;
}

/*Amount*/
.product-item-amount {
	padding: 0 0 2px;
	text-align: center;
}

.product-item-amount-field-container { }

.product-item-amount-field-btn-plus,
.product-item-amount-field-btn-minus {
	position: relative;
	display: inline-block;
	min-width: 22px;
	height: 22px;
	border-radius: 2px;
	background-color: #f2f2f2;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	transition: background 300ms ease, opacity 300ms ease;
}

.bx-retina .product-item-amount-field-btn-plus,
.bx-retina .product-item-amount-field-btn-minus { border-width: .5px; }

.product-item-amount-field-btn-plus:hover,
.product-item-amount-field-btn-minus:hover { background: #d3d3d3; }

.product-item-amount-field-btn-plus:after,
.product-item-amount-field-btn-minus:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: "";
	opacity: .8;
	transition: opacity 300ms ease, background 300ms ease;
}

.product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:after,
.product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:after {
	opacity: .3 !important;
	cursor: default;
}

.product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:hover,
.product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:hover {
	background-color: #f2f2f2;
}

.product-item-amount-field-btn-plus:after {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxwYXRoIGZpbGw9IiM1MjVDNjgiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE4LDEyIEwxOCwwIEwxMiwwIEwxMiwxMiBMMCwxMiBMMCwxOCBMMTIsMTggTDEyLDMwIEwxOCwzMCBMMTgsMTggTDMwLDE4IEwzMCwxMiBMMTgsMTIgWiIvPjwvc3ZnPg==) no-repeat center;
	background-size: 10px;
}

.product-item-amount-field-btn-minus:after {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxyZWN0IHdpZHRoPSIzMCIgaGVpZ2h0PSI2IiB5PSIxMiIgZmlsbD0iIzUyNUM2OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat center;
	background-size: 10px;
}

.product-item-amount-field-btn-plus:hover:after,
.product-item-amount-field-btn-minus:hover:after { opacity: 1; }

.product-item-amount-field {
	display: inline-block;
	padding: 0;
	max-width: 50px;
	width: auto;
	height: 22px;
	border: 1px solid transparent;
	border-radius: 2px;
	background: transparent !important;
	color: #000;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	line-height: 22px;
	transition: border 300ms ease;
}

.bx-retina .product-item-amount-field { border-width: .5px; }

.product-item-amount-field:focus { outline: none !important; }

.bx-no-touch input.product-item-amount-field::-webkit-outer-spin-button,
.bx-no-touch input.product-item-amount-field::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none;
	appearance: none
}

.product-item-amount-description-container {
	color: #a5a5a5;
	white-space: nowrap;
	font-size: 12px;
	display: block;
}

.product-item-big-card .product-item-amount-field-container { text-align: left; }

.product-item-amount-description-container strong {
	color: #333;
	white-space: nowrap;
}

.product-item-amount-label-container {
	margin: 5px 0;
	color: #a5a5a5;
	font-weight: bold;
	font-size: 12px;
}

/**/
.product-item-quantity {
	color: #333;
	font-weight: normal;
	font-size: 12px;
}

/*Properties */
.product-item-properties {
	display: block;
	overflow: hidden;
	margin: 0;
	color: #a5a5a5;
	font-size: 12px;
}

.product-item-properties dl { clear: both; }

.product-item-properties dt {
	float: left;
	clear: both;
	font-weight: normal;
}

.product-item-properties dd {
	float: right;
	margin-bottom: 3px;
	margin-left: 5px;
	color: #000;
}

/*Compare*/
.product-item-compare-container {
	position: relative;
	display: none;
	margin: 0 -15px;
	padding: 4px 15px;
	min-height: 30px;
	border-top: 1px solid #e6e6e6;
	background: #f3f3f3;
	box-shadow: inset 0 1px 1px 0 #eee;
	vertical-align: middle;
	font-size: 12px;
	line-height: 20px;
}

.product-item-line-card .product-item-compare-container {
	margin: 0;
	border: none;
	background-color: transparent;
	box-shadow: none;
	text-align: center;
}

.bx-touch .product-item-compare-container { display: none; }

.product-item-line-card .product-item-compare-container,
.product-item-container.hover .product-item-compare-container { display: block; }

.product-item-compare .checkbox {
	margin: 0;
	padding: 0;
}

/* SCU */
.product-item-scu-container { padding: 0 0 2px; }

.product-item-scu-container-title {
	color: #333;
	font-size: 12px;
}

.product-item-scu-block { }

.product-item-scu-list { margin: 0; }

.product-item-scu-item-list {
	overflow: hidden;
	margin: 0 0 0 -2px;
	padding: 0;
	list-style: none;
}

.product-item-scu-item-color-container,
.product-item-scu-item-text-container {
	/* float: left; */
	display: inline-block;
	box-sizing: border-box;
	padding: 5px 3px;
	max-width: 100%;
}

.product-item-scu-item-text-container { min-width: 32px; }

.product-item-scu-item-color-container {
	max-width: 38px;
	width: 25%;
}

.product-item-scu-item-color-block {
	position: relative;
	padding-top: 100%;
	outline: 1px solid #c0cfda;
	cursor: pointer;
}

.bx-no-touch .product-item-scu-item-color-block {
	transition: outline 200ms ease;
}

.bx-retina .product-item-scu-item-color-block { outline-width: .5px; }

.product-item-scu-item-color-container.selected .product-item-scu-item-color-block { outline-width: 2px; }

.bx-retina .product-item-scu-item.selected .product-item-scu-item-color-block { outline-width: 1px; }

.product-item-scu-item-color {
	position: absolute;
	top: 2px;
	right: 2px;
	bottom: 2px;
	left: 2px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.product-item-scu-item-text-block {
	position: relative;
	padding: 0 5px;
	outline: 1px solid #c0cfda;
	cursor: pointer;
}

.bx-no-touch .product-item-scu-item-text-block {
	transition: outline 300ms ease;
}

.bx-retina .product-item-scu-item-text-block { outline-width: .5px; }

.product-item-scu-item-text-container.selected .product-item-scu-item-text-block { outline-width: 2px; }

.bx-retina .product-item-scu-item.selected .product-item-scu-item-text-block { outline-width: 1px; }

.product-item-scu-item-text {
	overflow: hidden;
	max-width: 100%;
	vertical-align: middle;
	text-align: center;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 11px;
	line-height: 18px;
}

.product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block,
.product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block {
	position: relative;
	outline-color: #a9adb4 !important;
}

.product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block:after,
.product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block:after {
	position: absolute;
	top: -2px;
	right: -2px;
	bottom: -2px;
	left: -2px;
	background: rgba(255, 255, 255, 0.75) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij4gIDxwYXRoIGZpbGw9IiNBOUFEQjQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjM5MjEyNjgsMTMuMjMyMzAyOSBMMjUuOTkyLDEuNDE4IEwyNC42LDAgTDEyLjk5OTk5NTYsMTEuODE0NDM2NCBMMS40LDAgTDAuMDA5LDEuNDE5IEwxMS42MDc4Njg3LDEzLjIzMjI5NzUgTDAuNDczLDI0LjU3MyBMMS44NjUsMjUuOTkxIEwxMi45OTk5OTkzLDE0LjY1MDE2NDUgTDI0LjEzNCwyNS45OSBMMjUuNTI2LDI0LjU3MiBMMTQuMzkyMTI2OCwxMy4yMzIzMDI5IFoiLz48L3N2Zz4=) no-repeat center;
	background-size: 80% 80%;
	content: "";
}

@media (max-width: 991px) {
	.product-item-line-card .product-item-scu-container-title { text-align: center; }

	.product-item-line-card .product-item-scu-item-list { text-align: center; }

	.product-item-line-card .product-item-scu-item-color-container,
	.product-item-line-card .product-item-scu-item-text-container {
		display: inline-block;
		float: none;
	}
}

/*Description*/
.product-item-description-container { }

.product-item-description-container p {
	color: #575757;
	font-size: 13px;
}

/*Buttons*/
.product-item-button-container { text-align: center; }

.product-item-button-container .btn { margin-bottom: 2px; }

/*Stickers*/
.product-item-sticker,
.product-item-sticker-round { display: none; }

/*More*/
.product-item-more-container {
	position: relative;
	display: block;
	box-sizing: border-box;
	padding: 15px 15px 5px;
	width: 100%;
	border: 1px solid transparent;
	border-radius: 2px;
	transition: all 300ms ease;
}

.product-item-more-wrapper {
	position: relative;
	display: block;
	margin-bottom: 15px;
	padding-top: 116%;
	width: 100%;
}

.product-item-more {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: #f3f3f3 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjk3LjYxMyAyOTcuNjEzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjxjaXJjbGUgY3g9IjE1LjI3OSIgY3k9IjE0LjgzIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjU5LjMyIiBjeT0iNTkuNzY5IiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjU5LjMyIiBjeT0iMTQuODMiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTA0LjI2MSIgY3k9IjU5Ljc2OSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxMDQuMjYxIiBjeT0iMTAzLjgxIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjEwNC4yNjEiIGN5PSIxNC44MyIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iNTkuNzY5IiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjE0OC4zMDIiIGN5PSIxMDMuODEiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTQ4LjMwMiIgY3k9IjE0LjgzIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjE5Mi4zNDMiIGN5PSI1OS43NjkiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTkyLjM0MyIgY3k9IjEwMy44MSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxOTIuMzQzIiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxMDQuMjYxIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxOTIuMzQzIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSI1OS4zMiIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTA0LjI2MSIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTQ4LjMwMiIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTkyLjM0MyIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMjM4LjIzOCIgY3k9IjEwMy44MSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIyMzguMjM4IiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIyMzguMjM4IiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNS4yNzkiIGN5PSIyODIuNzgyIiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSI1OS4zMiIgY3k9IjI4Mi43ODIiIHI9IjE0LjgzMSIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjEwNC4yNjEiIGN5PSIyODIuNzgyIiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMjgyLjc4MiIgcj0iMTQuODMxIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMjgyLjMzNCIgY3k9IjE0Ny44NTIiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjwvc3ZnPg==) no-repeat center;
	background-size: 50%;
	opacity: .7;
	transition: opacity 300ms ease;
}

.bx-touch .product-item-more,
.product-item-container.hover .product-item-more { opacity: 1; }

.product-item-more-title {
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.no-select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input[type='number'] {
	-moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}
.catalog-item__info.instock .catalog-item__info-label {
    color: #00AB52;
}
a.add-to-compare {
    position: absolute;
    top: 60px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 5px;
    transform: skew(-5deg, 0deg);
    transition: opacity 0.5s ease-in-out;
    background-color: #969696;
    flex: none;
}
a.add-to-compare svg {
    fill: #fff;
}
a.add-to-compare.active {
    background-color: transparent;
}
a.add-to-compare.active svg {
    fill: #1c1c1c;
}
.bx_catalog-compare-list {
	display: none;
}
.products__card-wrap__header button.btn.btn-red.fast-buy {
    max-width: 100%;
}
.buy-buttons {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}
.buy-buttons .products__card-btn {
    margin-left: 5px;
}
.products__card .product-item-amount-field-container {
    flex-flow: row !important;
}
.product-item-amount-description-container {
    margin-left: 10px;
}

.products__card-wrap__header {
	display: flex;
	height: 100%;
	flex-direction: column;
}

.align-items-center {
	margin-top: auto;
}

.products__card {
	height: auto !important;
}

.product-item-container {
	height: 100%;
}
.list-buttons.one,
.list-buttons.one .product-item-info-container .product-item-amount-field-container {
    display: flex;
    align-items: center;
}
.list-buttons.one .product-item-info-container {
	margin-bottom: 0;
}

.list-buttons.one .product-item-info-container .product-item-amount-field-container {
    margin-right: 25px;
}
.list-buttons.one .add-to-compare {
    position: inherit;
    margin-right: 5px;
}
.list-buttons a {
    width: 30px !important;
    height: 30px !important;
}
.catalog .card-product-list .products__card-btn {
    width: 45px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.products__card-btn img {
    margin: 0 !important;
}
.catalog-list__item-buttons a.add-to-compare {
    position: inherit;
}
.catalog-list__item-buttons a {
    height: 40px;
    width: 40px;
    margin-left: 10px;
}
.catalog-list__item-buttons a {
    height: 40px !important;
    width: 40px !important;
    margin-left: 10px;
    margin-right: 0 !important;
}
@media (min-width: 1440px) {
	.catalog .products__card {
		flex: 0 0 20%;
		max-width: 20%;
	}
}
@media only screen and (max-width: 1920px) and (min-width: 1441px) {
	.row.align-items-stretch.products.catalog-list.product-item-list-col-4 .products__card {
		flex: calc(26% - 20px) !important;
		max-width: calc(26% - 20px);
	}
}
@media only screen and (max-width: 1440px) and (min-width: 1281px) {
	.row.align-items-stretch.products.catalog-list.product-item-list-col-4 .products__card {
		flex: calc(33% - 20px) !important;
		max-width: calc(33% - 20px);
	}
}
@media only screen and (max-width: 1280px) and (min-width: 601px) {
	.row.align-items-stretch.products.catalog-list.product-item-list-col-4 .products__card {
		flex: calc(50% - 20px) !important;
		max-width: calc(50% - 20px);
	}
}
@media only screen and (max-width: 600px) {
	.row.align-items-stretch.products.catalog-list.product-item-list-col-4 .products__card {
		flex: 100% !important;
		max-width: 100%;
	}
}
.buy-buttons a.btn.btn-red.readmore {
    flex: 0 0 100%;
    max-width: 100%;
}
.catalog-list__item-buttons a.btn.btn-red.readmore {
    width: 100% !important;
}

/* ==========================================================================
   2026-08-14: основные CTA карточек каталога сделаны одинаковыми по ширине.
   Меняется только распределение ширины "Купить в 1 клик" / "В корзину".
   Штатные высоты, цвета, наклон, иконки и логика кнопок не изменяются.
   ========================================================================== */

/* CARD: плитка каталога. В исходной разметке .buy-buttons использует row-reverse,
   поэтому визуальный порядок остается: "Купить в 1 клик" слева, корзина справа. */
.catalog .products__card .buy-buttons {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 6px !important;
}

.catalog .products__card .buy-buttons > button.fast-buy,
.catalog .products__card .buy-buttons > a.products__card-btn {
    flex: 1 1 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

.catalog .products__card .buy-buttons > a.products__card-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* LIST: горизонтальный/списочный вариант.
   В DOM корзина идет первой, поэтому row-reverse сохраняет привычный порядок CTA. */
.catalog-item-list__buttons {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 6px !important;
}

.catalog-item-list__buttons > button.fast-buy,
.catalog-item-list__buttons > a.products__card-btn {
    flex: 1 1 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

.catalog-item-list__buttons > a.products__card-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* TABLE: две основные CTA делят поровну только свободную ширину.
   Кнопки сравнения/избранного сохраняют свои штатные фиксированные размеры. */
.catalog-list__item-buttons {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 6px !important;
}

.catalog-list__item-buttons > button.fast-buy,
.catalog-list__item-buttons > a.products__card-btn {
    flex: 1 1 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

.catalog-list__item-buttons > a.products__card-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* На узких экранах не меняем 50/50; уменьшаем только gap.
   Размеры самих кнопок по высоте и типографике остаются штатными. */
@media (max-width: 575.98px) {
    .catalog .products__card .buy-buttons,
    .catalog-item-list__buttons,
    .catalog-list__item-buttons {
        gap: 4px !important;
    }
}

/* End */


/* Start:/local/templates/mstool/components/bitrix/catalog.section/slider/themes/yellow/style.css?1731515674854*/
/* catalog.section */

/*
#f4b236
#f6c042
#f7c95e
#f9d857
*/

/* Slider */
.bx-yellow .product-item-image-slider-progress-bar { background-color: #f9a91d;}
.bx-yellow .product-item-image-slider-control:hover{ background-color: rgba(249,169,29,.8);}
.bx-yellow .product-item-image-slider-control.active,
.bx-yellow .product-item-image-slider-control:hover{ background-color: #f9a91d;}

/* SCU */
.bx-yellow .product-item-scu-item-text-block:hover,
.bx-yellow .product-item-scu-item-color-block:hover,
.bx-yellow .product-item-scu-item-text-container.selected .product-item-scu-item-text-block,
.bx-yellow .product-item-scu-item-color-container.selected .product-item-scu-item-color-block{ outline-color: #f4b236;}

/* Amount */
.bx-yellow .product-item-amount-field:focus{border-color: #f4b236;}


.bx-yellow .catalog-section-header{border-color:#f4b236;}
/* End */
/* /local/templates/mstool/components/bitrix/news/brands/bitrix/news.detail/.default/style.css?179225579931980 */
/* /local/templates/mstool/components/bitrix/catalog.section/slider/style.css?17315156743808 */
/* /local/templates/mstool/components/bitrix/catalog.item/item/style.css?178671305532803 */
/* /local/templates/mstool/components/bitrix/catalog.section/slider/themes/yellow/style.css?1731515674854 */