/* Start:/local/components/placemarket/material.calc/templates/.default/style.css?178782456717681*/
/* placemarket:material.calc — все селекторы под .mcalc*, чтобы не пересекаться с Aspro Lite */

.mcalc__hidden { display: none !important; }

/* ---------- табы страницы ---------- */
.mcalc-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 24px;
}

.mcalc-tabs__btn {
    appearance: none;
    border: 1px solid #e3e5e8;
    background: #fff;
    border-radius: 8px;
    padding: 10px 18px;
    font-size: 15px;
    line-height: 1.2;
    color: #222;
    cursor: pointer;
    transition: background .15s, border-color .15s, color .15s;
}

.mcalc-tabs__btn:hover { border-color: var(--theme-base-color, #0374de); }

.mcalc-tabs__btn.is-active {
    background: var(--theme-base-color, #0374de);
    border-color: var(--theme-base-color, #0374de);
    color: #fff;
}

.mcalc-panel__title {
    font-size: 22px;
    line-height: 1.25;
    margin: 0 0 18px;
}

/* ---------- каркас калькулятора ---------- */
.mcalc {
    font-size: 15px;
    color: #222;
}

.mcalc__note {
    background: #fff8e6;
    border: 1px solid #f3dfa8;
    border-radius: 8px;
    padding: 10px 14px;
    margin: 0 0 16px;
    font-size: 14px;
    line-height: 1.4;
}

.mcalc__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
    gap: 24px;
    align-items: start;
}

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

.mcalc__field { display: flex; flex-direction: column; min-width: 0; }
.mcalc__field--full { grid-column: 1 / -1; }

.mcalc__label {
    font-size: 13px;
    line-height: 1.3;
    color: #666;
    margin: 0 0 6px;
}

.mcalc__input {
    width: 100%;
    box-sizing: border-box;
    height: 42px;
    padding: 0 12px;
    border: 1px solid #e3e5e8;
    border-radius: 8px;
    background: #fff;
    font-size: 15px;
    color: #222;
    outline: none;
    transition: border-color .15s;
}

select.mcalc__input { padding-right: 8px; height: 42px; }

.mcalc__input:focus { border-color: var(--theme-base-color, #0374de); }

.mcalc__hint {
    font-size: 12px;
    line-height: 1.35;
    color: #888;
    margin-top: 5px;
    min-height: 1em;
}

/* ---------- переключатели ---------- */
.mcalc__switch {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.mcalc__switch-btn {
    appearance: none;
    border: 1px solid #dfe3e8;
    background: #fff;
    border-radius: 8px;
    padding: 10px 16px;
    min-height: 42px;
    font-size: 14px;
    line-height: 1.2;
    color: #333;
    cursor: pointer;
    transition: border-color .15s, background .15s, color .15s;
}

.mcalc__switch-btn:hover { border-color: var(--theme-base-color, #0374de); }

.mcalc__switch-btn.is-active {
    border-color: var(--theme-base-color, #0374de);
    background: rgba(3, 116, 222, .08);
    color: var(--theme-base-color, #0374de);
    font-weight: 500;
    box-shadow: inset 0 0 0 1px var(--theme-base-color, #0374de);
}

/* ---------- результат ---------- */
.mcalc__result {
    background: #f7f8fa;
    border-radius: 12px;
    padding: 18px;
}

.mcalc__error {
    background: #fdecec;
    border: 1px solid #f3c3c3;
    color: #a32020;
    border-radius: 8px;
    padding: 9px 12px;
    font-size: 13px;
    line-height: 1.4;
    margin: 0 0 14px;
}

.mcalc__total {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin: 0 0 14px;
}

.mcalc__total-value { font-size: 34px; font-weight: 700; line-height: 1; }
.mcalc__total-unit { font-size: 16px; color: #666; }

.mcalc__rows { margin: 0 0 14px; padding: 0; }

.mcalc__row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 5px 0;
    border-bottom: 1px dashed #e2e4e8;
    font-size: 13px;
}

.mcalc__row:last-child { border-bottom: 0; }
.mcalc__row dt { color: #777; margin: 0; }
.mcalc__row dd { margin: 0; text-align: right; white-space: nowrap; }

.mcalc__sum { font-size: 15px; margin: 0 0 16px; }
.mcalc__sum b { font-size: 18px; }
.mcalc__sum-hint { color: #888; font-size: 13px; }

.mcalc__actions { display: flex; flex-direction: column; gap: 8px; }

.mcalc__btn {
    appearance: none;
    border: 1px solid #d7dade;
    background: #fff;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 15px;
    line-height: 1.2;
    color: #222;
    cursor: pointer;
    transition: opacity .15s, background .15s, border-color .15s;
}

.mcalc__btn:hover:not(:disabled) { border-color: var(--theme-base-color, #0374de); }
.mcalc__btn:disabled { opacity: .5; cursor: default; }

.mcalc__btn--primary {
    background: var(--theme-base-color, #0374de);
    border-color: var(--theme-base-color, #0374de);
    color: #fff;
}

.mcalc__btn--primary:hover:not(:disabled) { filter: brightness(1.08); }

.mcalc__status {
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.4;
    color: #1a7f37;
}

.mcalc__status.is-error { color: #a32020; }

.mcalc__disclaimer {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #e6e8ec;
    font-size: 12px;
    line-height: 1.45;
    color: #888;
}

/* ---------- кнопка в карточке товара ---------- */
.mcalc-launch-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    box-sizing: border-box;
    margin-top: 12px;
    padding: 12px 16px;
    border: 1px dashed var(--theme-base-color, #0374de);
    border-radius: 8px;
    background: rgba(3, 116, 222, .06);
    color: var(--theme-base-color, #0374de);
    font-size: 15px;
    line-height: 1.2;
    cursor: pointer;
    transition: background .15s;
}

.mcalc-launch-btn:hover { background: rgba(3, 116, 222, .12); }
.mcalc-launch-btn__icon { font-size: 16px; line-height: 1; }

/* ---------- модалка ---------- */
.mcalc-modal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.mcalc-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .45);
}

.mcalc-modal__box {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 860px;
    max-height: 90vh;
    overflow: auto;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .25);
    -webkit-overflow-scrolling: touch;
}

.mcalc-modal__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    border-bottom: 1px solid #eceef1;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 5;
}

.mcalc-modal__title { font-size: 18px; font-weight: 600; line-height: 1.25; }

.mcalc-modal__close {
    appearance: none;
    border: 0;
    background: transparent;
    font-size: 28px;
    line-height: 1;
    color: #999;
    cursor: pointer;
    padding: 0 4px;
}

.mcalc-modal__close:hover { color: #333; }
/* Содержимое модалки — отдельный контекст наложения: у картинок каталога
   (.section-gallery-wrapper) свой z-index, и при скролле они перекрывали заголовок
   окна. Внутри изолированного контекста они выше шапки подняться не могут. */
.mcalc-modal__body {
    position: relative;
    z-index: 0;
    padding: 20px;
}

body.mcalc-modal-open { overflow: hidden; }

/* ---------- адаптив ---------- */
@media (max-width: 900px) {
    .mcalc__grid { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 640px) {
    .mcalc__fields { grid-template-columns: minmax(0, 1fr); }
    .mcalc__total-value { font-size: 28px; }
    .mcalc-panel__title { font-size: 19px; }
    .mcalc-modal { padding: 0; align-items: flex-end; }
    .mcalc-modal__box { max-width: none; max-height: 92vh; border-radius: 14px 14px 0 0; }
    .mcalc-modal__body { padding: 16px; }
    .mcalc__result { padding: 14px; }
    .mcalc__row dd { white-space: normal; }
}

/* ---------- выбор материала карточками ----------
   Карточки рисует штатный bitrix:catalog.section (шаблон Aspro catalog_block).
   Здесь только слой выбора: подсветка, глушение штатной покупки внутри пикера. */

.mcalc__material {
    margin: 0 0 22px;
}

.mcalc__material .mcalc__field + .mcalc__field { margin-top: 14px; }

/* список-фолбэк: нужен, только если карточки не отрисовались */
.mcalc--has-picker .mcalc__select {
    display: none;
}

@media (max-width: 640px) {
    .mcalc__material { margin-bottom: 16px; }
    .mcalc-picker .catalog-block__item.mcalc-picked:after {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
    }
}

/* ---------- раскладка: слева контент и переключалки, справа итог ---------- */

.mcalc__left {
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-width: 0;
}

.mcalc__material { margin: 0; }

/* итог держим в поле зрения, пока крутят карточки и поля.
   Отступ считает script.js по реальной высоте фиксированной шапки (минимум 90px),
   иначе шапка перекрывает подытог. */
.mcalc__result {
    position: sticky;
    top: var(--mcalc-sticky-top, 90px);
}

@media (max-width: 900px) {
    .mcalc__result { position: static; }
}

@media (max-width: 640px) {
    .mcalc__left { gap: 14px; }
}

/* ---------- выделенные блоки: ввод данных и выбор товара ----------
   На белом фоне шаблона форма и товары сливались — разводим фоном. */

.mcalc__fields {
    background: #eef4fb;
    border: 1px solid #dbe6f3;
    border-radius: 12px;
    padding: 18px;
}

.mcalc__material {
    background: #f7f8fa;
    border: 1px solid #e6e8ec;
    border-radius: 12px;
    padding: 18px;
}

.mcalc__material > .mcalc__field + .mcalc__field { margin-top: 14px; }

.mcalc__fields .mcalc__label,
.mcalc__material .mcalc__label { color: #55606c; }

/* поля ввода на цветном фоне остаются белыми — так виднее, куда вводить */
.mcalc__fields .mcalc__input { background: #fff; border-color: #cddcee; }

/* ---------- выбранный товар в подытоге ---------- */

.mcalc__picked {
    margin: 0 0 14px;
}

.mcalc__picked:empty { display: none; }

.mcalc__picked-inner {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    background: #fff;
    border: 1px solid #e2e5ea;
    border-radius: 10px;
    padding: 10px;
}

.mcalc__picked-media {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

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

.mcalc__picked-body { min-width: 0; flex: 1; }

.mcalc__picked-caption {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: #93a0ad;
    margin-bottom: 3px;
}

.mcalc__picked-name {
    font-size: 13px;
    line-height: 1.3;
    color: #1c2530;
    font-weight: 500;
}

.mcalc__picked-meta {
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.35;
    color: #7b8794;
}

/* ---------- адаптив ---------- */

@media (max-width: 640px) {
    .mcalc__fields,
    .mcalc__material { padding: 14px; border-radius: 10px; }

    .mcalc__switch { gap: 6px; }

    .mcalc__switch-btn {
        padding: 9px 12px;
        min-height: 40px;
        font-size: 13px;
        flex: 1 1 auto;
        text-align: center;
    }

    .mcalc__picked-media { flex-basis: 40px; width: 40px; height: 40px; }
}

/* в модалке карточки товара места на две колонки нет — раскладываем в одну */
.mcalc-modal .mcalc__grid { grid-template-columns: minmax(0, 1fr); }
.mcalc-modal .mcalc__result { position: static; }

/* недоступная комбинация фильтра: кнопку видно, но выбрать нельзя */
.mcalc__switch-btn.is-disabled,
.mcalc__switch-btn:disabled {
    opacity: .4;
    cursor: not-allowed;
    background: #f4f5f7;
    border-color: #e6e8ec;
    color: #8a929b;
    box-shadow: none;
    text-decoration: line-through;
}

.mcalc__switch-btn.is-disabled:hover,
.mcalc__switch-btn:disabled:hover { border-color: #e6e8ec; }

/* ---------- карточка товара как переключатель ----------
   Всё, что можно, делают параметры компонента: кнопку покупки убирает HIDE_BUY_BUTTON,
   одну картинку — MAX_GALLERY_ITEMS, сравнение/избранное — DISPLAY_COMPARE/SHOW_FAVORITE.
   Размеры и позиционирование картинки не трогаем вообще — там штатная схема Aspro.
   Здесь только выбор (курсор, подсветка, галочка) и компактность списка ниже. */

.mcalc-picker .catalog-block__item {
    position: relative;
    cursor: pointer;
    --catalog-block-padding: 10px;
}

.mcalc-picker .catalog-block__item.mcalc-picked {
    border-color: var(--theme-base-color, #0374de);
    box-shadow: inset 0 0 0 1px var(--theme-base-color, #0374de);
}

.mcalc-picker .catalog-block__item.mcalc-picked:after {
    content: '✓';
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 3;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    background: var(--theme-base-color, #0374de);
    color: #fff;
    font-size: 14px;
}

/* плашка «под фильтр товаров нет» (подстраховка умного фильтра) */
.mcalc-picker__empty {
    background: #fff8e6;
    border: 1px solid #f3dfa8;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 13px;
    line-height: 1.4;
    color: #6b5a20;
    margin-bottom: 10px;
}

/* ---------- компактная карточка в списке выбора ----------
   Здесь карточка не витрина, а строка выбора: нужен мелкий шрифт и ПОЛНОЕ название,
   иначе «...самовыравнивающийс…» не даёт отличить товары друг от друга.
   Высоты выравнивает сам .grid-list (display: grid) — подпирать ничего не нужно. */

/* Название целиком: тема режет его классом .linecamp-3
   (-webkit-line-clamp: 3 + overflow: hidden). Отменяем именно эти свойства.
   Селектор с .catalog-block__info-top — чтобы перебить размер из font_15/font_14--to-600. */
.mcalc-picker .catalog-block__info-top .catalog-block__info-title {
    display: block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: visible;
    font-size: 12px;
    line-height: 1.35;
}

/* характеристики, артикул и рейтинг в списке выбора только шумят */
.mcalc-picker .catalog-block__info-tech,
.mcalc-picker .catalog-block__info-articul,
.mcalc-picker .rating-block {
    display: none;
}

/* На ≤450px тема стягивает карточки вплотную и накладывает их рамки друг на друга
   (.grid-list--compact .grid-list-border-outer { margin: 0 -1px -1px 0 }), из-за чего
   рамку выбранной карточки съедает сосед. Убираем только это наложение и добавляем
   2px зазора внутренним отступом — ширина, радиусы и раскладка темы не трогаются. */
@media (max-width: 450px) {
    #main .mcalc-picker .grid-list.grid-list--compact .grid-list-border-outer {
        margin: 0;
        padding: 1px;
    }
}

.mcalc__picked-link {
    display: inline-block;
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.3;
    color: var(--theme-base-color, #0374de);
    text-decoration: none;
    border-bottom: 1px dashed currentColor;
}

.mcalc__picked-link:hover { border-bottom-style: solid; }

/* ---------- отбивка добавления в корзину ----------
   Текстовый статус под кнопкой не замечают, поэтому состояние показываем в самой кнопке. */

.mcalc__btn.is-loading {
    cursor: progress;
    opacity: .85;
}

.mcalc__btn--primary.is-success {
    background: #1a7f37;
    border-color: #1a7f37;
    color: #fff;
    animation: mcalc-pop .28s ease-out;
}

.mcalc__btn--primary.is-error {
    background: #a32020;
    border-color: #a32020;
    color: #fff;
    animation: mcalc-shake .3s ease-in-out;
}

@keyframes mcalc-pop {
    0%   { transform: scale(1); }
    45%  { transform: scale(1.04); }
    100% { transform: scale(1); }
}

@keyframes mcalc-shake {
    0%, 100% { transform: translateX(0); }
    25%      { transform: translateX(-4px); }
    75%      { transform: translateX(4px); }
}

@media (prefers-reduced-motion: reduce) {
    .mcalc__btn--primary.is-success,
    .mcalc__btn--primary.is-error { animation: none; }
}

/* End */


/* Start:/local/templates/aspro-lite/components/bitrix/catalog.section/catalog_block/style.css?17868368151*/


/* End */


/* Start:/local/templates/aspro-lite/css/catalog.min.css?17868368158672*/
.buy_block{display:block;}body .buy_block .item-action--basket:not(.active),body .buy_block .item-action--basket.loadings{+ .in_cart,~ .to_cart_link{display:none}}body .buy_block .item-action--basket.active:not(.loadings):not(.btn-no-counter){display:none;}.btn-actions--with-icons{max-width:243px;flex-basis:100%;}.btn-actions__inner{flex:1;max-width:100%;text-overflow:ellipsis;}.btn-actions--with-icons .buy_block{display:flex;flex:1;justify-content:flex-end;}.btn-actions--with-icons .buttons{flex:1;}.js-replace-btns .btn{white-space:normal;max-width:100%;text-overflow:ellipsis;text-align:center;}.counter{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:103px;min-width:103px;overflow:hidden;}.counter__action{flex:0 0 30px;position:relative;}.counter__action::before,.counter__action::after{content:"";position:absolute;display:block;background-color:#fff;border-radius:1px;top:50%;left:50%;}.counter__action::before{width:12px;height:2px;margin-top:-1px;margin-left:-6px;}.counter__action--minus{border-right:1px solid rgba(0,0,0,.1);}.counter__action--plus{border-left:1px solid rgba(0,0,0,.1);}.counter__action--plus::after{width:2px;height:12px;margin-top:-6px;margin-left:-1px;}.counter__count{--input_bg_color-focus:transparent;--input_border_color-focus:transparent;flex:1;width:100%;height:100%;border:none;background:transparent;text-align:center;color:#fff;}.btn .counter{height:calc(var(--button-height) - 3px);}.btn-wide .counter{width:auto;}.btn-lg .counter__action{flex-basis:44px;}.btn-elg .counter__action{flex-basis:48px;}.buttons + .info-buttons{margin-top:8px;}.info-buttons__item .btn{display:block;padding-left:14px;padding-right:14px;}.info-buttons__item + .info-buttons__item--question .btn-sm{width:44px;margin-left:8px;}.info-buttons__item--question .btn-default:not(.btn-sm):not(.btn-md):not(.btn-lg):not(.btn-wide){width:50px;margin-left:12px;}.buttons-big-gap .buttons + .info-buttons{margin-top:12px;}.buttons-big-gap .info-buttons__item + .info-buttons__item--question .btn{margin-left:12px;width:56px;}.info-buttons__item--compare .btn.active{background-color:#9e9e9e;background-color:var(--theme-base-color);border-color:#9e9e9e;border-color:var(--theme-base-color);}.info-buttons__item-text{margin-left:7px;}.block-with-icon{display:flex;flex-flow:row wrap;}.block-with-icon--mt-14{margin-top:14px;}.block-with-icon__icon{margin:3px 11px 0 0;}.block-with-icon__text{flex:1;}.counter--basket{width:105px;max-width:105px;background:var(--darkgrey_bg_black);margin:auto;}.counter--basket .counter__action{flex-basis:36px;height:36px;border:none;cursor:pointer;}@media (any-hover:hover){.counter--basket .counter__action:is(:hover,:focus-visible){outline-offset:-2px;&::before,&::after{background-color:var(--fill_dark_lite_white_hover)}}}.counter--basket .counter__action::before,.counter--basket .counter__action::after{background-color:#999;}.counter--basket .counter__action::before{width:12px;margin-left:-6px;}.counter--basket .counter__action.counter__action--plus::after{height:12px;margin-top:-6px;}.counter--basket .counter__count{color:#333;color:var(--white_text_black);font-size:.8em;}.section-wrapper-list>div{margin-bottom:32px;}@media (max-width:600px){.grid-list.grid-list--compact .js-popup-block,.owl-carousel .catalog-block__item{padding:12px 12px 8px}.grid-list .js-popup-block .countdown,.owl-carousel .catalog-block__item .countdown,.owl-carousel .sticker,.owl-carousel .sticker-wrap{display:none}.grid-list.grid-list--compact div[class*="info-title"],.owl-carousel .catalog-block__item div[class*="info-title"]{line-height:calc(1em + 7px)}}@media (max-width:600px){.hide-600{display:none!important}body .js-btn-state-wrapper .btn,body .js-replace-more.btn{--button-height:35px;--button-pl:8px;--button-pr:8px}}.sku-props--no-current{opacity:.6;transition:opacity .3s ease;}@media (any-hover:hover){.sku-props--no-current:hover{opacity:1}}.sku-props__item{margin-top:10px;}.sku-props--detail .sku-props__inner:first-of-type .sku-props__item{margin-top:0;}.sku-props--detail .sku-props__values{margin-left:-4px;margin-right:-4px;}.sku-props--detail .sku-props__values>.line-block__item{padding-left:4px;padding-right:4px;padding-top:7px;}.sku-props--detail .sku-props__value{--sku-height:39px;padding:10px 16px;}.sku-props--detail .sku-props__title{font-size:.9375rem;}.sku-props--list .sku-props__values>.line-block__item{padding-top:4px;}.sku-props__title{font-size:.75rem;line-height:calc(1em + 7px);}.sku-props__title .hint{display:inline-block;padding-left:1px;top:-1px;}.sku-props--list .sku-props__title{font-size:.8125rem;}.sku-props--pict .sku-props__title{padding-bottom:1px;}.sku-props__value{--prop-color:var(--light,#dadada) var(--dark,#ccc);--sku-width:auto;--sku-height:30px;width:var(--sku-width);min-height:var(--sku-height);padding:5px 10px;background-color:var(--card_bg_black);box-shadow:0 0 0 1px var(--stroke_black) inset;border:none;color:var(--white_text_black);display:flex;align-items:center;border-radius:calc(var(--border-radius) - 2px);user-select:none;transition:all ease .05s;position:relative;}@media (any-hover:hover){.sku-props__value:not(.sku-props__value--active):hover{box-shadow:0 5px 20px rgba(34,34,34,.08);cursor:pointer}}.sku-props__value--missing{color:var(--prop-color);overflow:hidden;&::after{background:var(--prop-color);content:"";display:block;height:1px;left:0;position:absolute;top:50%;transform:rotateZ(-45deg) scaleX(1.6);width:100%;z-index:1}&::before{opacity:.5}}.sku-props__value:not(.sku-props__value--active):active{transform:translateY(1px);}.sku-props__value.sku-props__value--active::before{background-color:transparent;border-radius:inherit;box-shadow:0 0 0 2px var(--theme-base-color,#9e9e9e) inset;content:"";inset:0;position:absolute;z-index:2;}.sku-props__value--pict{--sku-width:28px;--sku-height:28px;padding:0;font-size:0;padding:0;height:var(--sku-height);border:3px solid var(--white_text_black_reverse);background-size:cover;background-repeat:no-repeat;background-position:center;box-shadow:0 0 0 1px var(--stroke_black,#9e9e9e);flex-shrink:0;&.sku-props__value--missing{opacity:.5;&::before{opacity:1}&::after{left:-3px;transform:rotateZ(-45deg) scaleX(1.33);width:calc(100% + 6px)}}}.sku-props--detail .sku-props__value--pict{--pict-prop-size:48px;height:var(--pict-prop-size);padding:0;width:var(--pict-prop-size);}.sku-props__value--pict.sku-props__value--active{box-shadow:none;}.sku-props__value--active.sku-props__value--pict::before{content:"";display:block;border-radius:var(--border-radius);position:absolute;inset:-4px;box-shadow:0 0 0 2px var(--theme-base-color,#9e9e9e) inset;z-index:2;}@media (max-width:600px){.sku-props--detail .sku-props__title{font-size:.8125rem}.sku-props--detail .sku-props__value--pict{--pict-prop-size:40px}}.status-amount--stores{opacity:0;transition:opacity .3s ease;}.status-amount--visible{opacity:1;}.status-amount--stores.dotted{cursor:pointer;}.catalog-detail__cell-block{padding:24px 20px;}.catalog-detail__cell-block.shadow{box-shadow:0 3px 20px rgba(34,34,34,.1);position:relative;}.grid-list.catalog-detail__forms{--gap:13px;}.catalog-detail__pseudo-link--with-gap{margin-top:8px;}.catalog-detail .catalog-detail__pseudo-link{display:inline-flex;line-height:calc(1em + 9px);}.pseudo-link__icon{margin-right:10px;}.catalog-detail .brand-detail-info__image{align-items:center;background-color:#fff;display:inline-flex;height:42px;justify-content:flex-start;max-width:90px;padding:5px;}.catalog-detail .brand-detail-info__image a{align-items:center;display:flex;height:100%;width:100%;}.sale_gift_product_container .btn-fast-view,.bx_sale_gift_main_products .btn-fast-view{display:none;}.catalog-detail .content--max-width{max-width:1200px;}@media (max-width:600px){.catalog-wide-button{min-width:100%}}.catalog-block__inner .quantity{position:absolute;right:0;top:0;min-width:30px;min-height:30px;line-height:30px;text-align:center;padding:0 3px;background-color:var(--theme-base-color);color:#fff;border-radius:100%;}.side-icons{position:absolute;top:4px;right:4px;z-index:4;width:20px;}.catalog-items .item-action__inner{position:relative;--item-action-width:20px;--item-action-height:20px;}.catalog-items .item-action__inner .svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1;}.catalog-items .item-action.active .item-action__normal,.catalog-items .item-action:not(.active) .item-action__active{opacity:0;}@media (width < 601px){.catalog-item .countdown__icon,.catalog-item .countdown__item .text{display:none}.catalog-item .countdown--icons .countdown__items{margin-left:0}}
/* End */


/* Start:/local/templates/aspro-lite/css/catalog-block.min.css?17868368154148*/
.catalog-block__item{--catalog-block-radius:var(--theme-outer-border-radius);--catalog-block-padding:16px;padding:var(--catalog-block-padding) var(--catalog-block-padding) var(--catalog-block-padding);height:100%;border-radius:12px;border-radius:var(--catalog-block-radius);}.catalog-block__inner{position:relative;}.catalog-block__item .catalog-block__item--img-corner{width:auto;margin:calc(-1 * var(--catalog-block-padding)) calc(-1 * var(--catalog-block-padding)) 0;}.catalog-block__info-bottom .catalog-block__info-btn{min-width:0;}.grid-list--no-gap .catalog-block__item .catalog-block__item--img-corner{border-radius:0;}.catalog-block__item .catalog-block__item--img-corner .image-list__link{border-radius:var(--catalog-block-radius);overflow:hidden;}.catalog-block__item .catalog-block__item--img-corner .sticker{left:calc(var(--catalog-block-padding) - 2px);top:var(--catalog-block-padding);}.catalog-block__item .catalog-block__item--img-corner .side-icons{top:var(--catalog-block-padding);right:var(--catalog-block-padding);}.catalog-block__item .catalog-block__item--img-corner .price-economy{left:var(--catalog-block-padding);}.catalog-block__item .catalog-block__item--img-corner img{border-radius:0;}.catalog-block__item .catalog-block__item--img-corner .countdown-list-image{bottom:27px;left:34px;}body .catalog-block__info{margin-top:12px;flex-basis:auto;}.catalog-block__info-inner .price{margin-bottom:4px;}.catalog-block__info-title{line-height:calc(1em + 7px);}.catalog-block__info-tech{margin:4px 0 0;}.catalog-block__info-bottom{margin-top:11px;position:relative;}.catalog-block__info-bottom--margined{margin:4px 0;}.bx-ie .catalog-block__info{flex-basis:auto;}@media (min-width:769px){.properties-absolute-outer:hover ~ .image-list-outer .sticker{left:100%;right:-100%}.properties-absolute-outer:hover ~ .image-list-outer .image-list__link,.properties-absolute-outer:hover ~ .image-list-outer .countdown{left:100%}.image-list-outer .sticker,.image-list-outer .image-list__link,.image-list-outer .countdown{transition:all ease .2s}.properties-absolute-outer:hover ~ .image-list-outer .to-top .sticker{top:100%}.properties-absolute-outer:hover ~ .image-list-outer .to-top .image-list__link,.properties-absolute-outer:hover ~ .image-list-outer .to-top .countdown{top:100%}.image-list-outer_overflow{overflow:hidden}.catalog-block__info-bottom .js-btn-state-wrapper{flex:none}.catalog-block__offers .sku-props{display:none}.catalog-block__wrapper{position:relative}.catalog-block__wrapper:hover{z-index:5}.catalog-block__wrapper[data-hovered="true"] .catalog-block__item{height:auto;position:absolute;top:0;left:0;right:0;z-index:4}.catalog-block__wrapper[data-hovered="true"] .catalog-block__offers .sku-props{display:block}}@media (max-width:768px){.catalog-block__wrapper,.catalog-block__info{height:auto!important}.catalog-block__info-bottom{display:flex;flex-direction:column}.catalog-block__offers{order:-1}.catalog-block__info-bottom .sku-props{margin-bottom:10px}.catalog-block__info-bottom .btn .counter{width:100%}}@media (min-width:601px){#main .catalog-block__info-price{text-align:left;flex:1}.catalog-block__info-price + .catalog-block__info-btn{text-align:right}.bx-ie .catalog-block__info-btn{top:50%;transform:translateY(-50%)}.catalog-block__info-bottom .line-block{justify-content:normal}.catalog-block__item--centered .catalog-block__info-bottom .line-block{justify-content:center}.catalog-block--bottom-btn .catalog-block__info-bottom--margined{flex-basis:100%}.catalog-block--bottom-btn .catalog-block__info-bottom--margined:last-of-type{margin-top:13px}.catalog-block--bottom-btn .btn{display:block}.catalog-block--bottom-btn .counter{width:auto}}.detail-block .catalog-block .owl-stage{display:flex;flex-direction:row;}.detail-block .catalog-block .owl-item{flex-shrink:0;}.properties-absolute-outer{padding-top:100%;position:absolute;top:0;left:0;right:0;overflow:hidden;z-index:4;}.properties-absolute-outer.properties-absolute-margin{padding-top:calc(100% + 28px);}@media (max-width:600px){.catalog-block__item{--catalog-block-padding:12px;padding-bottom:8px}.catalog-block__info-tech{margin-top:8px}}
/* End */
/* /local/components/placemarket/material.calc/templates/.default/style.css?178782456717681 */
/* /local/templates/aspro-lite/components/bitrix/catalog.section/catalog_block/style.css?17868368151 */
/* /local/templates/aspro-lite/css/catalog.min.css?17868368158672 */
/* /local/templates/aspro-lite/css/catalog-block.min.css?17868368154148 */