/* Start:/bitrix/components/bitrix/system.pagenavigation/templates/round/style.min.css?17740093012530*/
.bx-pagination{margin:10px 0}.bx-pagination .bx-pagination-container{text-align:center;position:relative}.bx-pagination .bx-pagination-container ul{padding:0;margin:0;list-style:none;display:inline-block}.bx-pagination .bx-pagination-container ul li{display:inline-block;margin:0 2px 15px 2px}.bx-pagination .bx-pagination-container ul li span{-webkit-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-o-transition:color .3s ease,background-color .3s ease,border-color .3s ease;transition:color .3s ease,background-color .3s ease,border-color .3s ease;background:#eff0f1;padding:0 8px;display:block;height:32px;min-width:32px;line-height:32px;color:#444;font-size:14px;border-radius:16px;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-pagination .bx-pagination-container ul li a{text-decoration:none;display:block;border-radius:16px;height:32px;min-width:32px;line-height:32px;color:#444;vertical-align:middle}.bx-pagination .bx-pagination-container ul li a:hover span{background:#dadada}.bx-pagination .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a span{background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px;color:#444}.bx-pagination .bx-pagination-container ul li.bx-pag-all span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,.bx-pagination .bx-pagination-container ul li.bx-pag-next span{color:#aab1b4;background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px}.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span{background:#fff;border-color:#dadada;color:#000}.bx-pagination.bx-green .bx-pagination-container ul li.bx-active span{background:#3bc915;color:#fff}.bx-pagination.bx-yellow .bx-pagination-container ul li.bx-active span{background:#f9a91d;color:#fff}.bx-pagination.bx-red .bx-pagination-container ul li.bx-active span{background:#e22b2b;color:#fff}.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}
/* End */


/* Start:/local/templates/.default/components/bitrix/catalog/catalog_new/bitrix/catalog.section/.default/style.css?177823439155486*/
.seo-section-description {
	font-size: 12px;
	color: rgb(153, 153, 153);
}

.catalog-list-page .page-content .seo-section-description h2:before {
	display: none;
}

.catalog-list-page .page-content .seo-section-description h2 {
	padding: 0 0 5px;
	font-weight: 500;
	color: rgb(51, 51, 51);
}
/*избранное старт*/
.product-list.block .product-block .action {
	position: absolute!important;
	left: auto!important;
	top: -15px!important;
	background: none!important;
	padding:unset!important;
}
body .product-list.block .product-block .action a,
body .product-list.table .product-block .action a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	color: #224c98!important;
}
body .product-list.block .product-block .action a:hover,
body .product-list.table .product-block .action a:hover {
	color: #224c98!important;
}
body .product-list.block .product-block .action .favorite.active,
body .product-list.table .product-block .action .favorite.active {
	color: #224c98!important;
}
.star #star-fill {
	opacity: 0;
	transition: opacity 0.2s;
}

.js-deferred-product.active .star #star-fill {
	opacity: 1;
}
/*избранное конец*/
/*цены*/
.rub {
	font-size: 13px!important;
}
.price-block {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 100%;
}
.price-block-first-row,
.price-block-second-row {
	display: flex;
	align-items: center;
	padding: 4px 8px 4px 8px;
	border-radius: 3px;
}
.price-units-container {
	/*margin-bottom: 8px;*/
}
.price-units-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 4px;
	min-height:30px;
}
.measure-text {
	font-style: italic;
	font-size: 13px;
	color: #666;
	margin-right: 8px;
}
.units-divider {
	height: 1px;
	background-color: #DEDEDE;
	width: 100%;
}
.price-units {
	margin-left: auto;
	display: flex;
	gap: 2px;
}
.price-unit-active {
	padding: 4px 8px;
	border: 1px solid #393186;
	border-radius: 3px;
	font-size: 10px;
	cursor: default;
}
.price-unit-inactive {
	padding: 4px 8px;
	border: 1px dashed #393186;
	border-radius: 3px;
	font-size: 10px;
	opacity: 0.7;
	cursor: pointer;
}
.price-bs,
.price-rasp {
	color: #c31414;
	font-weight: bold;
	width: 100%;
	text-align: center;
}
.price-block-second-row.bs-style,
.price-block-second-row.rasp-style {
	background-color: #fecc00;
	display: flex;
}
.price-plain {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin:auto;
	/*transform: translate(45%, 0);*/
}
.price-block-first-row.akc-style {
	background-color: #fecc00;
}
.price-block-first-row .price-akc-name{
	font-weight: bold;
	font-size: 13px;
}
.price-block-first-row .price-akc-value {
	font-weight: bold;
	font-size: 24px;
}
.price-akc-value {
	white-space: nowrap;
	font-size: 18px;
	font-weight: bold;
	margin-left: auto;
}
.price-block-second-row.akc-style {
	background-color: #fff;
}
.price-block-second-row .price-akc-name,
.price-block-second-row .price-akc-value {
	font-size: 13px;
}
.price-block-second-row.akc-style .price-akc-value {
	font-weight: normal;
}
.price-block-second-row.akc-style .price-akc-value .js-value {
	/*text-decoration: line-through;*/
	/*text-decoration-color: #c31414;*/
}
.price-sk-value {
	white-space: nowrap;
	font-size: 24px;
	font-weight: bold;
	margin-left: auto;
}
.price-block-first-row.sk-style {
	border-bottom: 1px solid #DEDEDE;
}
.price-block-first-row.sk-style .price-sk-name,
.price-block-second-row.sk-style .price-sk-name,
.price-block-second-row.sk-style .price-sk-value {
	white-space: nowrap;
	font-size: 13px;
	font-weight: normal;
}
	.price-units {
		margin-left: unset;
	}
}
@media (max-width: 1300px) {
	.price-block-first-row .price-akc-value,
	.price-block-first-row .price-sk-value {
		font-size: 18px;
	}
}

/* === ARSENAL_CATALOG_AKC_BADGE_COMPACT_FIX_START === */

/*
  Плашка "Акция" — чуть больше предыдущего варианта.
*/

.catalog-list-page .product-block,
.catalog-list-page .product-block .product-container {
    position: relative !important;
}

.catalog-list-page .product-block:has(.price-block .akc-style)::before,
.catalog-list-page .product-block .product-container:has(.price-block .akc-style)::before,
.catalog-list-page .product-block .photo-wrap:has(+ .custom-title-product ~ .price-block .akc-style)::before,
.catalog-list-page .product-block .price-block-first-row.akc-style::before,
.catalog-list-page .product-block .price-block-second-row.akc-style::before {
    left: 4px !important;
    right: auto !important;
    top: 7px !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 23px !important;
    min-height: 23px !important;
    max-height: 23px !important;
    line-height: 23px !important;

    padding: 0 11px !important;
    margin: 0 !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: nowrap !important;

    border-radius: 5px !important;
    transform: none !important;
    box-sizing: border-box !important;
    z-index: 20 !important;
}

@media (max-width: 767px) {
    .catalog-list-page .product-block:has(.price-block .akc-style)::before,
    .catalog-list-page .product-block .product-container:has(.price-block .akc-style)::before,
    .catalog-list-page .product-block .photo-wrap:has(+ .custom-title-product ~ .price-block .akc-style)::before,
    .catalog-list-page .product-block .price-block-first-row.akc-style::before,
    .catalog-list-page .product-block .price-block-second-row.akc-style::before {
        left: 3px !important;
        top: 6px !important;
        height: 21px !important;
        min-height: 21px !important;
        max-height: 21px !important;
        line-height: 21px !important;
        padding: 0 10px !important;
        font-size: 12px !important;
        border-radius: 5px !important;
    }
}

/* === ARSENAL_CATALOG_AKC_BADGE_COMPACT_FIX_END === */

/* === ARSENAL_PRICE_ROWS_DIVIDER_REMOVE_START === */

/*
  Убираем полоску/разделитель между строками:
  "Цена по карте" и "Цена без карты".
  Работает и в каталоге, и на главной.
  Единицы измерения, units-divider и плашки не трогаем.
*/

body .product-block .price-block .price-block-first-row,
body .product-block .price-block .price-block-second-row,
body .product-block .price-block .price-block-first-row.sk-style,
body .product-block .price-block .price-block-second-row.sk-style,
body .product-block .price-block .price-block-first-row.akc-style,
body .product-block .price-block .price-block-second-row.akc-style {
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
}

/* Если полоска сделана псевдоэлементом */
body .product-block .price-block .price-block-first-row::before,
body .product-block .price-block .price-block-first-row::after,
body .product-block .price-block .price-block-second-row::before,
body .product-block .price-block .price-block-second-row::after,
body .product-block .price-block .price-block-first-row.sk-style::before,
body .product-block .price-block .price-block-first-row.sk-style::after,
body .product-block .price-block .price-block-second-row.sk-style::before,
body .product-block .price-block .price-block-second-row.sk-style::after,
body .product-block .price-block .price-block-first-row.akc-style::before,
body .product-block .price-block .price-block-first-row.akc-style::after,
body .product-block .price-block .price-block-second-row.akc-style::before,
body .product-block .price-block .price-block-second-row.akc-style::after {
    border: 0 !important;
    box-shadow: none !important;
    background: none !important;
}

/*
  Но плашку "Акция" не ломаем:
  у нас она тоже может жить на ::before у akc-style.
  Поэтому display/content не отключаем глобально.
*/

/* Если разделитель висит на внутренних div-ах строки */
body .product-block .price-block .price-sk-name,
body .product-block .price-block .price-sk-value,
body .product-block .price-block .price-akc-name,
body .product-block .price-block .price-akc-value {
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
}

/* === ARSENAL_PRICE_ROWS_DIVIDER_REMOVE_END === */

/* === ARSENAL_MULTI_UNIT_ALIGN_WITH_BUTTONS_START === */

/*
  Выравниваем карточки с несколькими единицами измерения.
  Было: "Продается в килограммах:" и "кг / М/П" шли плотной группой слева.
  Нужно: текст слева, блок единиц справа — по уровню с нижней кнопкой/блоком покупки.

  Одиночные единицы catalog-single-unit-inline НЕ трогаем:
  для них уже есть отдельный фикс.
*/

body .product-block .price-units-container:not(.catalog-single-unit-visible) {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

body .product-block .price-units-wrapper:not(.catalog-single-unit-inline) {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    gap: 8px !important;

    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

body .product-block .price-units-wrapper:not(.catalog-single-unit-inline) .measure-text {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    margin-right: 8px !important;
    white-space: nowrap !important;
}

body .product-block .price-units-wrapper:not(.catalog-single-unit-inline) .price-units {
    flex: 0 0 auto !important;
    margin-left: auto !important;
    margin-right: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 4px !important;
}

/* Сами кнопки единиц не увеличиваем и переключение не ломаем */
body .product-block .price-units-wrapper:not(.catalog-single-unit-inline) .price-unit-active,
body .product-block .price-units-wrapper:not(.catalog-single-unit-inline) .price-unit-inactive {
    flex: 0 0 auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* На узких карточках/мобилке оставляем тот же принцип */
@media (max-width: 767px) {
    body .product-block .price-units-wrapper:not(.catalog-single-unit-inline) {
        gap: 6px !important;
    }

    body .product-block .price-units-wrapper:not(.catalog-single-unit-inline) .measure-text {
        margin-right: 6px !important;
    }
}

/* === ARSENAL_MULTI_UNIT_ALIGN_WITH_BUTTONS_END === */

/* === ARSENAL_CARD_PRICE_FIRST_ROW_SOFT_BG_START === */

/*
  Еле заметный серый фон только под строкой "Цена по карте".
  "Цена без карты" не трогаем.
  Работает в каталоге, поиске и на главной.
*/

body .product-block .price-block .price-block-first-row.sk-style,
body .product-block .price-block .price-block-first-row.akc-style {
    background-color: rgba(0, 0, 0, 0.025) !important;
    border-radius: 5px !important;
    box-sizing: border-box !important;
}

/* Чтобы фон не выглядел прилипшим к тексту, но без сильного изменения высоты */
body .product-block .price-block .price-block-first-row.sk-style .price-sk-name,
body .product-block .price-block .price-block-first-row.sk-style .price-sk-value,
body .product-block .price-block .price-block-first-row.akc-style .price-akc-name,
body .product-block .price-block .price-block-first-row.akc-style .price-akc-value {
    background: transparent !important;
}

/*
  Вторую строку специально оставляем без фона,
  чтобы отделение было именно за счет первой строки.
*/
body .product-block .price-block .price-block-second-row.sk-style,
body .product-block .price-block .price-block-second-row.akc-style {
    background-color: transparent !important;
}

/* === ARSENAL_CARD_PRICE_FIRST_ROW_SOFT_BG_END === */

/* === ARSENAL_CARD_ROWS_EQUALIZE_START === */

/*
  Безопасное выравнивание карточек.
  ВАЖНО:
  price-block больше НЕ режем фиксированной max-height.
  Иначе пропадает строка "Цена без карты".
*/

@media (min-width: 768px) {
    body.catalog-list-page .product-list.block > .product-block,
    body[data-page-type="catalog-list"] .product-list.block > .product-block {
        display: flex !important;
        align-items: stretch !important;
    }

    body.catalog-list-page .product-list.block > .product-block > .product-container,
    body[data-page-type="catalog-list"] .product-list.block > .product-block > .product-container {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /*
      Фото-зона одинаковая.
    */
    body.catalog-list-page .product-list.block > .product-block > .product-container > .photo-wrap,
    body[data-page-type="catalog-list"] .product-list.block > .product-block > .product-container > .photo-wrap {
        display: block !important;
        position: relative !important;

        height: 184px !important;
        min-height: 184px !important;

        padding-bottom: 14px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    body.catalog-list-page .product-list.block > .product-block .photo-wrap .bx-wrapper,
    body[data-page-type="catalog-list"] .product-list.block > .product-block .photo-wrap .bx-wrapper {
        margin-bottom: 0 !important;
        overflow: visible !important;
    }

    body.catalog-list-page .product-list.block > .product-block .photo-wrap .bx-viewport,
    body[data-page-type="catalog-list"] .product-list.block > .product-block .photo-wrap .bx-viewport {
        height: 170px !important;
    }

    body.catalog-list-page .product-list.block > .product-block .photo-wrap .photo.prepare-gallery,
    body[data-page-type="catalog-list"] .product-list.block > .product-block .photo-wrap .photo.prepare-gallery,
    body.catalog-list-page .product-list.block > .product-block .photo-wrap .one-photo,
    body[data-page-type="catalog-list"] .product-list.block > .product-block .photo-wrap .one-photo {
        height: 170px !important;
        min-height: 170px !important;
        max-height: 170px !important;
        margin-bottom: 0 !important;
        box-sizing: border-box !important;
    }

    body.catalog-list-page .product-list.block > .product-block .photo-wrap .one-photo,
    body[data-page-type="catalog-list"] .product-list.block > .product-block .photo-wrap .one-photo {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body.catalog-list-page .product-list.block > .product-block .photo-wrap img,
    body[data-page-type="catalog-list"] .product-list.block > .product-block .photo-wrap img {
        max-height: 170px !important;
        object-fit: contain !important;
    }

    /*
      Название: резерв под 2 строки.
    */
    body.catalog-list-page .product-list.block > .product-block .custom-title-product,
    body[data-page-type="catalog-list"] .product-list.block > .product-block .custom-title-product {
        display: block !important;

        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;

        line-height: 18px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    body.catalog-list-page .product-list.block > .product-block .custom-title-product a,
    body[data-page-type="catalog-list"] .product-list.block > .product-block .custom-title-product a {
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    /*
      Наличие: стабильная строка.
    */
    body.catalog-list-page .product-list.block > .product-block .product-block-stocks,
    body[data-page-type="catalog-list"] .product-list.block > .product-block .product-block-stocks {
        display: block !important;

        height: 20px !important;
        min-height: 20px !important;
        max-height: 20px !important;

        line-height: 20px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    /*
      Цена: НЕ фиксируем жестко.
      Только минимальный резерв, без обрезания.
    */
    body.catalog-list-page .product-list.block > .product-block .price-block,
    body[data-page-type="catalog-list"] .product-list.block > .product-block .price-block {
        height: auto !important;
        min-height: 104px !important;
        max-height: none !important;

        overflow: visible !important;
        box-sizing: border-box !important;
    }

    /*
      Принудительно возвращаем обе строки цены.
    */
    body .product-block .price-block .price-block-first-row,
    body .product-block .price-block .price-block-second-row,
    body .product-block .price-block .price-block-first-row.sk-style,
    body .product-block .price-block .price-block-second-row.sk-style,
    body .product-block .price-block .price-block-first-row.akc-style,
    body .product-block .price-block .price-block-second-row.akc-style {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        visibility: visible !important;
        opacity: 1 !important;

        height: auto !important;
        min-height: 28px !important;
        max-height: none !important;

        overflow: visible !important;
        box-sizing: border-box !important;
    }

    body .product-block .price-block .price-sk-name,
    body .product-block .price-block .price-sk-value,
    body .product-block .price-block .price-akc-name,
    body .product-block .price-block .price-akc-value {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        overflow: visible !important;
    }

    /*
      Нижний блок не насилуем fixed-height'ами.
      Просто оставляем после стабильных верхних зон.
    */
    body.catalog-list-page .product-list.block > .product-block > .product-container > .notton,
    body.catalog-list-page .product-list.block > .product-block > .product-container > .buy-box,
    body[data-page-type="catalog-list"] .product-list.block > .product-block > .product-container > .notton,
    body[data-page-type="catalog-list"] .product-list.block > .product-block > .product-container > .buy-box {
        margin-top: 0 !important;
    }
}

@media (max-width: 767px) {
    body.catalog-list-page .product-list.block > .product-block .custom-title-product,
    body[data-page-type="catalog-list"] .product-list.block > .product-block .custom-title-product,
    body.catalog-list-page .product-list.block > .product-block .price-block,
    body[data-page-type="catalog-list"] .product-list.block > .product-block .price-block {
        height: auto !important;
        max-height: none !important;
    }

    body .product-block .price-block .price-block-first-row,
    body .product-block .price-block .price-block-second-row {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* === ARSENAL_CARD_ROWS_EQUALIZE_END === */

/* === ARSENAL_PRICE_TO_BOTTOM_BLOCK_SPACING_START === */

/*
  Добавляем воздух между блоком цен и нижним блоком карточки:
  - "Доступен в магазине"
  - "В корзину"
  Работает в каталоге, поиске и на главной.
*/

/* Каталог / поиск — перебиваем предыдущий margin-top: 0 у notton/buy-box */
body.catalog-list-page .product-list.block > .product-block > .product-container > .price-block + .notton,
body.catalog-list-page .product-list.block > .product-block > .product-container > .price-block + .buy-box,
body[data-page-type="catalog-list"] .product-list.block > .product-block > .product-container > .price-block + .notton,
body[data-page-type="catalog-list"] .product-list.block > .product-block > .product-container > .price-block + .buy-box {
    margin-top: 11px !important;
}

/* Общий вариант для карточек, где структура чуть отличается */
body .product-block .price-block + .notton,
body .product-block .price-block + .buy-box,
body .product-block .price-block + span.notton,
body .product-block .price-block + div.buy-box {
    margin-top: 11px !important;
}

/* Главная */
body.main-page .product-block .price-block + .notton,
body.main-page .product-block .price-block + .buy-box {
    margin-top: 11px !important;
}

/* Чтобы "Доступен в магазине" не прилипал внутренним текстом */
body .product-block .price-block + .notton {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

/* На мобилке чуть компактнее */
@media (max-width: 767px) {
    body .product-block .price-block + .notton,
    body .product-block .price-block + .buy-box {
        margin-top: 8px !important;
    }
}

/* === ARSENAL_PRICE_TO_BOTTOM_BLOCK_SPACING_END === */

/* === ARSENAL_CARD_PHOTO_DOTS_CENTER_START === */

/*
  Точки переключения фото:
  - ниже картинки;
  - по центру;
  - цвет #393186;
  - пустая зона вокруг точек НЕ должна быть частью кликабельной ссылки товара.

  Важно:
  .photo-wrap является ссылкой на товар.
  Поэтому НЕ используем padding-bottom для места под точками.
  Используем margin-bottom: он резервирует место, но не расширяет кликабельную ссылку.
*/

@media (min-width: 768px) {
    body .product-block .photo-wrap,
    body .product-block .image-link {
        display: block !important;
        position: relative !important;
        overflow: visible !important;

        padding-bottom: 0 !important;
        margin-bottom: 22px !important;

        box-sizing: border-box !important;
    }

    /*
      Перебиваем прошлое выравнивание, где photo-wrap был 184px с padding-bottom.
      Теперь сама ссылка-картинка = 170px,
      а место под точками = внешний margin.
    */
    body.catalog-list-page .product-list.block > .product-block > .product-container > .photo-wrap,
    body[data-page-type="catalog-list"] .product-list.block > .product-block > .product-container > .photo-wrap {
        height: 170px !important;
        min-height: 170px !important;
        max-height: 170px !important;

        padding-bottom: 0 !important;
        margin-bottom: 22px !important;

        overflow: visible !important;
        box-sizing: border-box !important;
    }

    body .product-block .photo-wrap .bx-wrapper,
    body .product-block .image-link .bx-wrapper,
    body .product-block .card-top-box .bx-wrapper {
        position: relative !important;
        overflow: visible !important;
        margin-bottom: 0 !important;
    }

    body .product-block .photo-wrap .bx-viewport,
    body .product-block .image-link .bx-viewport,
    body .product-block .card-top-box .bx-viewport {
        overflow: hidden !important;
    }
}

/* Сам блок с точками — выводим ниже изображения */
body .product-block .photo-wrap .bx-wrapper > .bx-controls.bx-has-pager,
body .product-block .image-link .bx-wrapper > .bx-controls.bx-has-pager,
body .product-block .card-top-box .bx-wrapper > .bx-controls.bx-has-pager,
body .product-block .photo-wrap .bx-controls.bx-has-pager,
body .product-block .image-link .bx-controls.bx-has-pager,
body .product-block .card-top-box .bx-controls.bx-has-pager {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -17px !important;

    width: 100% !important;
    max-width: 100% !important;

    height: 8px !important;
    min-height: 8px !important;
    max-height: 8px !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
    line-height: 0 !important;
    box-sizing: border-box !important;
    z-index: 12 !important;

    pointer-events: none !important;
}

/* Линейка точек */
body .product-block .photo-wrap .bx-controls.bx-has-pager .bx-pager.bx-default-pager,
body .product-block .image-link .bx-controls.bx-has-pager .bx-pager.bx-default-pager,
body .product-block .card-top-box .bx-controls.bx-has-pager .bx-pager.bx-default-pager {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 5px !important;

    width: 100% !important;
    max-width: 100% !important;
    height: 8px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    text-align: center !important;
    line-height: 0 !important;
    box-sizing: border-box !important;

    pointer-events: none !important;
}

body .product-block .photo-wrap .bx-pager-item,
body .product-block .image-link .bx-pager-item,
body .product-block .card-top-box .bx-pager-item {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    float: none !important;
    width: auto !important;
    height: 8px !important;

    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;

    pointer-events: none !important;
}

/* Сама точка — кликабельна только она */
body .product-block .photo-wrap .bx-pager-link,
body .product-block .image-link .bx-pager-link,
body .product-block .card-top-box .bx-pager-link {
    display: block !important;

    width: 8px !important;
    min-width: 8px !important;
    max-width: 8px !important;

    height: 8px !important;
    min-height: 8px !important;
    max-height: 8px !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 50% !important;
    border: 1px solid #393186 !important;
    background: #393186 !important;

    opacity: 0.35 !important;

    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;

    box-sizing: border-box !important;
    box-shadow: none !important;

    pointer-events: auto !important;
}

/* Активная точка */
body .product-block .photo-wrap .bx-pager-link.active,
body .product-block .image-link .bx-pager-link.active,
body .product-block .card-top-box .bx-pager-link.active {
    background: #393186 !important;
    border-color: #393186 !important;
    opacity: 1 !important;
}

/* Hover */
body .product-block .photo-wrap .bx-pager-link:hover,
body .product-block .image-link .bx-pager-link:hover,
body .product-block .card-top-box .bx-pager-link:hover {
    background: #393186 !important;
    border-color: #393186 !important;
    opacity: 0.75 !important;
}

/* Главная: карточки тоже учитываем */
body.main-page .product-block .image-link,
body.main-page .product-block .photo-wrap {
    padding-bottom: 0 !important;
    margin-bottom: 22px !important;
    overflow: visible !important;
}

/* Мобилка — чуть компактнее */
@media (max-width: 767px) {
    body .product-block .photo-wrap,
    body .product-block .image-link,
    body.main-page .product-block .image-link,
    body.main-page .product-block .photo-wrap {
        padding-bottom: 0 !important;
        margin-bottom: 18px !important;
        overflow: visible !important;
    }

    body .product-block .photo-wrap .bx-wrapper > .bx-controls.bx-has-pager,
    body .product-block .image-link .bx-wrapper > .bx-controls.bx-has-pager,
    body .product-block .card-top-box .bx-wrapper > .bx-controls.bx-has-pager,
    body .product-block .photo-wrap .bx-controls.bx-has-pager,
    body .product-block .image-link .bx-controls.bx-has-pager,
    body .product-block .card-top-box .bx-controls.bx-has-pager {
        bottom: -14px !important;
    }

    body .product-block .photo-wrap .bx-pager-link,
    body .product-block .image-link .bx-pager-link,
    body .product-block .card-top-box .bx-pager-link {
        width: 7px !important;
        min-width: 7px !important;
        max-width: 7px !important;

        height: 7px !important;
        min-height: 7px !important;
        max-height: 7px !important;
    }
}

/* === ARSENAL_CARD_PHOTO_DOTS_CENTER_END === */

/* === ARSENAL_VISUAL_FLICKER_CLEANUP_START === */

/*
  Безопасный cleanup.
  Бренды/баннеры/главные слайдеры НЕ трогаем.
  Цвет "Доступен в магазине" НЕ переопределяем.
*/

/* Пустые единицы измерения на главной не должны давать мусорные отступы */
body.main-page .product-block .price-units-wrapper:empty,
body.main-page .product-block .price-units-wrapper:empty + .units-divider {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
}

body .product-block .product-block-stocks:empty {
    display: none !important;
}

/* Явно возвращаем бренды, но не вмешиваемся в карточки */
body.main-page .brands-box,
body.main-page .brands-box .slider-brands,
body.main-page .brands-box .slider-brands .bx-wrapper,
body.main-page .brands-box .slider-brands .bx-viewport,
body.main-page .brands-box .slider-brands .slides,
body.main-page .brands-box .slider-brands .slide,
body.main-page .brands-box .slider-brands .slide-img {
    visibility: visible !important;
    opacity: 1 !important;
}

/* === ARSENAL_VISUAL_FLICKER_CLEANUP_END === */
/* === ARSENAL_NATIVE_CATALOG_FILTER_SELECT_START === */

/*
  Старый фильтр каталога без Select2-надстройки.
  Правим исходный select, а не создаем новый слой поверх.
*/

body.catalog-list-page .right-panel > .header,
body[data-page-type="catalog-list"] .right-panel > .header {
    min-height: 30px;
}

body.catalog-list-page .right-panel > .header select.arsenal-native-filter-select,
body[data-page-type="catalog-list"] .right-panel > .header select.arsenal-native-filter-select {
    display: inline-block;
    vertical-align: top;

    height: 28px;
    min-height: 28px;

    padding: 0 30px 0 11px;
    margin: 0 8px 0 0;

    font-size: 13px;
    line-height: 28px;
    font-weight: 400;
    color: #333;

    background-color: #fff;
    background-image:
        linear-gradient(45deg, transparent 50%, #393186 50%),
        linear-gradient(135deg, #393186 50%, transparent 50%);
    background-position:
        calc(100% - 15px) 12px,
        calc(100% - 10px) 12px;
    background-size:
        5px 5px,
        5px 5px;
    background-repeat: no-repeat;

    border: 1px solid #d7d7d7;
    border-radius: 4px;
    box-shadow: none;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    outline: none;
    box-sizing: border-box;
    cursor: pointer;
}

body.catalog-list-page .right-panel > .header select.arsenal-native-filter-select.amount,
body[data-page-type="catalog-list"] .right-panel > .header select.arsenal-native-filter-select.amount {
    width: 138px;
}

body.catalog-list-page .right-panel > .header 72px;
}

body.catalog-list-page .right-panel > .header select.arsenal-native-filter-select:hover,
body.catalog-list-page .right-panel > .header select.arsenal-native-filter-select:focus,
body[data-page-type="catalog-list"] .right-panel > .header select.arsenal-native-filter-select:hover,
body[data-page-type="catalog-list"] .right-panel > .header select.arsenal-native-filter-select:focus {
    border-color: #393186;
}

/* Если Select2 всё-таки создался рядом с этими двумя select — скрываем его */
body.catalog-list-page .right-panel > .header select.arsenal-native-filter-select + .select2-container,
body[data-page-type="catalog-list"] .right-panel > .header select.arsenal-native-filter-select + .select2-container {
    display: none !important;
}

/* === ARSENAL_NATIVE_CATALOG_FILTER_SELECT_END === */

/* === CHATGPT_MIGRATED_CATALOG_CSS_START === */
/* Перенесено из временных /local/css/catalog-*.css файлов. Дата: 20260508_154713 */

/* ===== SOURCE: /local/css/catalog-buy-box-fix-v2.css ===== */
/* === catalog buy-box visual fix v2 START === */

/* Только список товаров/карточки */
body.catalog-list-page .product-block .buy-box {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* Между кнопкой и счетчиком будет зазор через gap, отдельно margin не нужен */
body.catalog-list-page .product-block .buy-box > .button.card.js-add-to-basket {
    margin-right: 0 !important;
}

/* Сам блок количества не раздуваем, только аккуратно собираем */
body.catalog-list-page .product-block .buy-box > .numeric-input {
    display: inline-flex !important;
    align-items: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Чиним белый квадрат у цифры */
body.catalog-list-page .product-block .buy-box > .numeric-input > input.input.number.js-basket-amount {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

/* На всякий случай убираем браузерные стрелки/оформление */
body.catalog-list-page .product-block .buy-box > .numeric-input > input.input.number.js-basket-amount::-webkit-outer-spin-button,
body.catalog-list-page .product-block .buy-box > .numeric-input > input.input.number.js-basket-amount::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

body.catalog-list-page .product-block .buy-box > .numeric-input > input.input.number.js-basket-amount {
    -moz-appearance: textfield !important;
    appearance: textfield !important;
}

/* === catalog buy-box visual fix v2 END === */

/* === catalog cards align fix START === */

/* Карточки в сетке тянем по высоте внутри одной строки */
body.catalog-list-page .product-list.block {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* Каждая карточка становится нормальным flex-контейнером */
body.catalog-list-page .product-list.block > .product-block {
    display: flex !important;
}

/* Внутренность карточки выстраиваем сверху вниз */
body.catalog-list-page .product-list.block > .product-block > .product-container {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;
}

/* Картинка/слайдер не должны растягиваться */
body.catalog-list-page .product-list.block > .product-block .photo-wrap {
    flex: 0 0 auto !important;
}

/* Название делаем блочным, чтобы все следующие элементы считались ровно */
body.catalog-list-page .product-list.block > .product-block .custom-title-product {
    display: block !important;
    flex: 0 0 auto !important;
}

/* Наличие тоже отдельной строкой */
body.catalog-list-page .product-list.block > .product-block .product-block-stocks {
    display: block !important;
    flex: 0 0 auto !important;
}

/* Цена уезжает вниз, поэтому блок цены + кнопка становятся в одну нижнюю линию по карточкам */
body.catalog-list-page .product-list.block > .product-block .price-block {
    margin-top: auto !important;
    flex: 0 0 auto !important;
    min-height: 62px !important;
    box-sizing: border-box !important;
}

/* Низ карточки: кнопка/количество или "Доступен в магазине" */
body.catalog-list-page .product-list.block > .product-block .buy-box,
body.catalog-list-page .product-list.block > .product-block .notton {
    flex: 0 0 auto !important;
}

/* Чтобы "Доступен в магазине" тоже стоял в одной нижней зоне */
body.catalog-list-page .product-list.block > .product-block .notton {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

/* Текущий фикс количества сохраняем: зазор между "В корзину" и количеством 6px */
body.catalog-list-page .product-block .buy-box {
    gap: 6px !important;
}

/* === catalog cards align fix END === */

/* === catalog stocks hide fix START === */

/* Убираем лишнюю надпись "В наличии на ... складах" в карточках */
body.catalog-list-page .product-list.block > .product-block .product-block-stocks {
    display: none !important;
}

/* === catalog stocks hide fix END === */

/* ===== SOURCE: /local/css/catalog-filter-radius-fix.css ===== */
/* === catalog filter radius fix START === */

/*
   Только страницы каталога.
   Закругляем "Показать по", "По популярности" и чекбоксы фильтров.
*/

/* Верхние селекты Select2: Показать по / По популярности */
body.catalog-list-page .right-panel .header .select2-container--default .select2-selection--single,
body.catalog-list-page .header .select2-container--default .select2-selection--single {
    border-radius: 8px !important;
    border-color: #d8d8d8 !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

/* Чтобы текст и стрелка не выпирали из скругления */
body.catalog-list-page .right-panel .header .select2-selection__rendered,
body.catalog-list-page .header .select2-selection__rendered {
    border-radius: 8px !important;
}

body.catalog-list-page .right-panel .header .select2-selection__arrow,
body.catalog-list-page .header .select2-selection__arrow {
    border-radius: 0 8px 8px 0 !important;
}

/* Выпадающий список Select2 */
body.catalog-list-page .select2-container--default .select2-dropdown,
body.catalog-list-page .select2-dropdown {
    border-radius: 8px !important;
    border-color: #d8d8d8 !important;
    overflow: hidden !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08) !important;
}

body.catalog-list-page .select2-results__option {
    border-radius: 6px !important;
    margin: 2px 4px !important;
}

/* Нативные чекбоксы внутри каталога/фильтра */
body.catalog-list-page .filter input[type="checkbox"],
body.catalog-list-page .catalog-filter input[type="checkbox"],
body.catalog-list-page .bx-filter input[type="checkbox"],
body.catalog-list-page .smart-filter input[type="checkbox"],
body.catalog-list-page .left-panel input[type="checkbox"],
body.catalog-list-page .right-panel input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    margin: 0 7px 0 0 !important;
    border: 1px solid #d6d6d6 !important;
    border-radius: 4px !important;
    background-color: #fff !important;
    box-shadow: none !important;
    outline: 0 !important;
    cursor: pointer !important;
    vertical-align: middle !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    box-sizing: border-box !important;
    transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease !important;
}

body.catalog-list-page .filter input[type="checkbox"]:hover,
body.catalog-list-page .catalog-filter input[type="checkbox"]:hover,
body.catalog-list-page .bx-filter input[type="checkbox"]:hover,
body.catalog-list-page .smart-filter input[type="checkbox"]:hover,
body.catalog-list-page .left-panel input[type="checkbox"]:hover,
body.catalog-list-page .right-panel input[type="checkbox"]:hover {
    border-color: #bdbdbd !important;
}

body.catalog-list-page .filter input[type="checkbox"]:focus,
body.catalog-list-page .catalog-filter input[type="checkbox"]:focus,
body.catalog-list-page .bx-filter input[type="checkbox"]:focus,
body.catalog-list-page .smart-filter input[type="checkbox"]:focus,
body.catalog-list-page .left-panel input[type="checkbox"]:focus,
body.catalog-list-page .right-panel input[type="checkbox"]:focus {
    border-color: #bdbdbd !important;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.06) !important;
}

body.catalog-list-page .filter input[type="checkbox"]:checked,
body.catalog-list-page .catalog-filter input[type="checkbox"]:checked,
body.catalog-list-page .bx-filter input[type="checkbox"]:checked,
body.catalog-list-page .smart-filter input[type="checkbox"]:checked,
body.catalog-list-page .left-panel input[type="checkbox"]:checked,
body.catalog-list-page .right-panel input[type="checkbox"]:checked {
    border-color: #cfcfcf !important;
    background-color: #ffdd00 !important;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5L4.4 8.2L11 1' fill='none' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 11px 9px !important;
}

/* Если чекбоксы кастомные через псевдоэлементы/обертки */
body.catalog-list-page .filter label::before,
body.catalog-list-page .catalog-filter label::before,
body.catalog-list-page .bx-filter label::before,
body.catalog-list-page .smart-filter label::before,
body.catalog-list-page .filter .checkbox::before,
body.catalog-list-page .catalog-filter .checkbox::before,
body.catalog-list-page .bx-filter .checkbox::before,
body.catalog-list-page .smart-filter .checkbox::before,
body.catalog-list-page .bx-filter-param-label::before,
body.catalog-list-page .bx-filter-input-checkbox::before {
    border-color: #d6d6d6 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}

/* Кастомные квадратные элементы фильтра, если используются не input, а span/div */
body.catalog-list-page .filter .checkbox,
body.catalog-list-page .catalog-filter .checkbox,
body.catalog-list-page .bx-filter .checkbox,
body.catalog-list-page .smart-filter .checkbox,
body.catalog-list-page .bx-filter-param-btn,
body.catalog-list-page .bx-filter-input-checkbox {
    border-color: #d6d6d6 !important;
    border-radius: 4px !important;
}

/* === catalog filter radius fix END === */

/* ===== SOURCE: /local/css/catalog-select2-checkbox-fix.css ===== */
/* === catalog select2 checkbox fix START === */

/*
   Важно:
   Это не input checkbox.
   В выпадашке Select2 варианты — это li.select2-results__option,
   а квадрат слева рисуется через ::before.
*/

/* Сам выпадающий список Select2 в каталоге */
body.catalog-list-page > .select2-container--open .select2-dropdown,
body.catalog-list-page .select2-container--open .select2-dropdown {
    border-radius: 8px !important;
    border-color: #d8d8d8 !important;
    overflow: hidden !important;
}

/* Строки: "По популярности", "Цена по возрастанию" и т.д. */
body.catalog-list-page > .select2-container--open .select2-results__option,
body.catalog-list-page .select2-container--open .select2-results__option {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-height: 28px !important;
    box-sizing: border-box !important;
}

/* Квадратик слева — это псевдочекбокс */
body.catalog-list-page > .select2-container--open .select2-results__option::before,
body.catalog-list-page .select2-container--open .select2-results__option::before {
    content: "" !important;
    display: inline-block !important;
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    margin: 0 8px 0 0 !important;
    padding: 0 !important;
    border: 1px solid #cfcfcf !important;
    border-radius: 4px !important;
    background-color: #fff !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 11px 9px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

/* Наведение — контур чуть заметнее, но не черный */
body.catalog-list-page > .select2-container--open .select2-results__option:hover::before,
body.catalog-list-page .select2-container--open .select2-results__option:hover::before,
body.catalog-list-page > .select2-container--open .select2-results__option--highlighted::before,
body.catalog-list-page .select2-container--open .select2-results__option--highlighted::before {
    border-color: #bdbdbd !important;
}

/* Выбранный пункт — серый контур + синяя галочка */
body.catalog-list-page > .select2-container--open .select2-results__option[aria-selected="true"]::before,
body.catalog-list-page .select2-container--open .select2-results__option[aria-selected="true"]::before {
    border-color: #cfcfcf !important;
    border-radius: 4px !important;
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5L4.4 8.2L11 1' fill='none' stroke='%233b4cca' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* На всякий случай глушим старые слишком резкие рамки, если они были через box-shadow */
body.catalog-list-page > .select2-container--open .select2-results__option::after,
body.catalog-list-page .select2-container--open .select2-results__option::after {
    box-shadow: none !important;
}

/* === catalog select2 checkbox fix END === */

/* === CHATGPT_MIGRATED_CATALOG_CSS_END === */

/* === catalog card badge and units polish START === */

/*
   Полировка карточек:
   1) компактная плашка "Акция";
   2) строка единиц измерения:
      - текст "Продается в ..." слева, по началу "Цена по карте";
      - сама единица измерения справа.
   Новые CSS-файлы не создаются.
*/

/* Чтобы плашка не растягивала карточку */
body.catalog-list-page .product-block .photo-wrap,
body.catalog-list-page .product-block > .product-container > a:first-of-type,
body.main-page .product-block .photo-wrap,
body.main-page .product-block > .product-container > a:first-of-type,
.product-list.block .product-block .photo-wrap,
.product-list.block .product-block > .product-container > a:first-of-type,
.product-list.table .product-block .photo-wrap,
.product-list.table .product-block > a:first-of-type,
.actions-content.js-slider-action-products .product-block .photo-wrap,
.actions-content.js-slider-action-products .product-block > .product-container > a:first-of-type {
    position: relative !important;
}

/* Компактная плашка "Акция" */
body.catalog-list-page .product-block .marker,
body.main-page .product-block .marker,
.product-list.block .product-block .marker,
.product-list.table .product-block .marker,
.actions-content.js-slider-action-products .product-block .marker {
    position: absolute !important;
    left: 10px !important;
    top: 10px !important;
    z-index: 20 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 26px !important;

    padding: 0 11px !important;
    margin: 0 !important;

    border: 0 !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;

    background: #ffdd00 !important;
    color: #111 !important;

    font-size: 13px !important;
    line-height: 26px !important;
    font-weight: 700 !important;
    text-align: center !important;
    white-space: nowrap !important;
    text-transform: none !important;

    float: none !important;
    transform: none !important;
}

/* Цена/единицы работают как единый нижний блок */
body.catalog-list-page .product-block .price-block,
body.main-page .product-block .price-block,
.product-list.block .product-block .price-block,
.actions-content.js-slider-action-products .product-block .price-block {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    margin-top: auto !important;
    box-sizing: border-box !important;
}

/* Контейнер единиц — ширина как у ценника, с таким же внутренним отступом */
body.catalog-list-page .product-block .price-units-container,
body.main-page .product-block .price-units-container,
.product-list.block .product-block .price-units-container,
.actions-content.js-slider-action-products .product-block .price-units-container {
    display: block !important;
    width: 100% !important;
    margin: 0 0 8px 0 !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
}

/*
   Главное исправление:
   было — вся строка прижата вправо;
   стало — текст слева, единица справа.
*/
body.catalog-list-page .product-block .price-units-wrapper,
body.main-page .product-block .price-units-wrapper,
.product-list.block .product-block .price-units-wrapper,
.actions-content.js-slider-action-products .product-block .price-units-wrapper {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: 8px !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;

    white-space: nowrap !important;
    text-align: left !important;
}

body.catalog-list-page .product-block .price-units-wrapper .measure-text,
body.main-page .product-block .price-units-wrapper .measure-text,
.product-list.block .product-block .price-units-wrapper .measure-text,
.actions-content.js-slider-action-products .product-block .price-units-wrapper .measure-text {
    display: block !important;
    justify-self: start !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    text-align: left !important;
}

body.catalog-list-page .product-block .price-units-wrapper .price-units,
body.main-page .product-block .price-units-wrapper .price-units,
.product-list.block .product-block .price-units-wrapper .price-units,
.actions-content.js-slider-action-products .product-block .price-units-wrapper .price-units {
    display: inline-flex !important;
    align-items: center !important;
    justify-self: end !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    text-align: right !important;
}

body.catalog-list-page .product-block .price-unit-active,
body.main-page .product-block .price-unit-active,
.product-list.block .product-block .price-unit-active,
.actions-content.js-slider-action-products .product-block .price-unit-active {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
}

/* Лишний разделитель после единиц в карточках глушим */
body.catalog-list-page .product-block .price-units-container .units-divider,
body.main-page .product-block .price-units-container .units-divider,
.product-list.block .product-block .price-units-container .units-divider,
.actions-content.js-slider-action-products .product-block .price-units-container .units-divider {
    display: none !important;
}

/* Ценники занимают полную ширину */
body.catalog-list-page .product-block .price-block-first-row,
body.catalog-list-page .product-block .price-block-second-row,
body.main-page .product-block .price-block-first-row,
body.main-page .product-block .price-block-second-row,
.product-list.block .product-block .price-block-first-row,
.product-list.block .product-block .price-block-second-row,
.actions-content.js-slider-action-products .product-block .price-block-first-row,
.actions-content.js-slider-action-products .product-block .price-block-second-row {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* === catalog card badge and units polish END === */

/* End */


/* Start:/local/components/sibirix/catalog.button.basket/templates/.default/style.min.css?17778859712059*/
.notton.has-offline{font:inherit;border-radius:3px;border:2px solid #dbdbdb!important;background:#fff;display:flex!important;align-items:center;justify-content:center;padding: 0 !important;color:#000!important;font-size:13px;font-weight:400;line-height:100%!important;margin:20px 0 0!important;transition:.3s linear;height:32px;box-sizing:border-box}.card.js-add-to-basket.active.already-added{background-color:#fff!important;color:#393186!important;border-radius:3px!important;border:2px solid #dbdbdb!important}.card.js-add-to-basket span{display:inline-block;transition:inherit}.product-list.block .product-block .card.js-add-to-basket{font:inherit;display:flex;border-radius:3px;background:#393186;padding:8px;color:#fff;font-size:13px;font-weight:400;line-height:120%;align-items:center;justify-content:center;border:none;min-width:50%;transition:.3s linear;height:32px}.product-list.block .product-block .card.js-add-to-basket:hover{background:#857fc3}.product-list.block .product-block .card.js-add-to-basket span:after,.product-list.block .product-block .card.js-add-to-basket span:before,.product-list.block .product-block .card.js-add-to-basket:after,.product-list.block .product-block .card.js-add-to-basket:before{all:unset}.product-list.block .product-block .card.js-add-to-basket span{all:unset;font-weight:700}.product-block .buy-box{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.product-block .buy-box .numeric-input{display:flex;align-items:center;margin-left:6px;border-radius:3px;border:2px solid #dbdbdb}.product-block .buy-box .numeric-input .input.number{font:inherit;border:none;width:40%;color:#393186;font-size:14px;font-weight:700;line-height:28px;min-width:18px}.product-block .buy-box .numeric-input a.minus{background:url(/local/images/redesign/minus-blue-ic.svg);width:18px;min-width:18px;height:19px;opacity:1;margin-left:auto}.product-block .buy-box .numeric-input a.plus{background:url(/local/images/redesign/plus-blue-ic.svg);width:18px;min-width:18px;height:19px;opacity:1;margin-right:auto}
/* End */
/* /bitrix/components/bitrix/system.pagenavigation/templates/round/style.min.css?17740093012530 */
/* /local/templates/.default/components/bitrix/catalog/catalog_new/bitrix/catalog.section/.default/style.css?177823439155486 */
/* /local/components/sibirix/catalog.button.basket/templates/.default/style.min.css?17778859712059 */