/* Start:/bitrix/templates/aspro_max/components/bitrix/catalog.section/catalog_table/style.css?17471271387260*/
/* ---- ОБЩЕЕ ДЛЯ СТРОКИ ТАБЛИЦЫ И ЗАГОЛОВКА ---- */

/* Контейнер для колонок данных */
.table-view__item .table-view__info.inner_content {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    align-items: center; /* Выравнивание по вертикали */
    overflow: hidden;
}
/* Контейнер для колонок заголовка */
.product-info-head .flexbox--row {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    align-items: center; /* Выравнивание по вертикали */
    overflow: hidden;
}

/* Общий стиль для колонки данных */
.table-view__item .table-view__item-wrapper-prop {
    padding: 5px 8px;
    box-sizing: border-box;
    flex-shrink: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
}
/* Общий стиль для колонки заголовка */
.product-info-head .table-view__item-wrapper-head {
    padding: 5px 8px;
    box-sizing: border-box;
    flex-shrink: 0;
    white-space: break-spaces;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    /* Можно задать минимальную высоту заголовка */
    /* min-height: 40px; */
}
 /* Текст внутри заголовка - растягиваем div для text-align */
.product-info-head .table-view__item-wrapper-head > div {
    width: 100%;
}

/* ---- ШИРИНА И FLEX КОНКРЕТНЫХ КОЛОНОК (Применяется и к данным, и к заголовку) ---- */
/* Подбирайте значения width/min-width экспериментально! */

/* Чекбокс (если есть) */
.table-view__item .item-check,
.product-info-head .item-check-head {
    width: 40px;
    flex-shrink: 0;
    padding: 5px;
    justify-content: center;
}

/* Картинка */
.table-view__item .item-foto,
.product-info-head .item-foto-head {
    width: 100px; /* Пример */
    flex-shrink: 0;
    padding: 5px;
}
/* Пустой div в заголовке картинки */
.product-info-head .item-foto-head .item-foto {
     height: 1px; /* Чтобы не занимал места по высоте */
}


/* Бренд */
.table-view__item .item-brand,
.product-info-head .item-brand-head {
    width: 100px;
    justify-content: flex-start; /* Выравнивание контента колонки */
}
.product-info-head .item-brand-head > div { text-align: left; } /* Выравнивание текста заголовка */


/* Артикул */
.table-view__item .item-article,
.product-info-head .item-article-head {
    width: 110px;
    justify-content: flex-start;
}
.product-info-head .item-article-head > div { text-align: left; }

/* Коллекция */
.table-view__item .item-collection,
.product-info-head .item-collection-head {
flex-shrink: 1;
    width: auto;
    min-width: 180px;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    justify-content: flex-start;
    align-items: center;
}
 .product-info-head .item-collection-head > div { text-align: left; }


/* Наименование */
.table-view__item .item-name,
.product-info-head .item-name-head {

    flex-shrink: 1; /* Сжимается */
    width: auto; /* Не фиксированная ширина */
    min-width: 225px; /* Минимальная ширина */
    white-space: normal; /* Разрешаем перенос текста */
    overflow: visible;
    text-overflow: clip;
    justify-content: flex-start;
    align-items: center; /* Выравнивание по вертикали */
}
.product-info-head .item-name-head > div { text-align: left; }


/* Доступно */
.table-view__item .item-available,
.product-info-head .item-available-head {
    width: 80px;
    justify-content: center;
}
 .product-info-head .item-available-head > div { text-align: center; }


/* Склады */
.table-view__item .item-store1,
.table-view__item .item-store2,
.product-info-head .item-store1-head,
.product-info-head .item-store2-head {
    width: 65px;
    justify-content: center;
}
 .product-info-head .item-store1-head > div,
 .product-info-head .item-store2-head > div { text-align: center; }


/* Цены и скидка */
.table-view__item .item-price-rrp,
.table-view__item .item-price-discount,
.product-info-head .item-price-rrp-head,
.product-info-head .item-price-discount-head {
    width: 100px;
    justify-content: flex-end;
}
 .product-info-head .item-price-rrp-head > div,
 .product-info-head .item-price-discount-head > div { text-align: right; }


.table-view__item .item-discount,
.product-info-head .item-discount-head {
    width: 80px;
    justify-content: flex-end;
}
 .product-info-head .item-discount-head > div { text-align: right; }


/* В заказ */
.table-view__item .item-tobasket,
.product-info-head .item-tobasket-head {
    width: 140px;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    justify-content: normal;
}
 .product-info-head .item-tobasket-head > div { text-align: center; }


/* ---- АДАПТИВНОСТЬ (Применяется и к данным, и к заголовку) ---- */
/* Эти правила уже должны были быть добавлены ранее, убедитесь, что они есть */
@media (max-width: 991px) {
    .table-view__item .item-collection,
    .product-info-head .item-collection-head,
    .table-view__item .item-store1,
    .product-info-head .item-store1-head,
    .table-view__item .item-store2,
    .product-info-head .item-store2-head {
        display: none;
    }
    /* Корректируем ширины оставшихся */
     .table-view__item .item-brand,
     .product-info-head .item-brand-head { width: 80px; }
     .table-view__item .item-article,
     .product-info-head .item-article-head { width: 90px; }
     /* и т.д. */
}

@media (max-width: 767px) {
     .table-view__item .item-brand,
     .product-info-head .item-brand-head,
     .table-view__item .item-discount,
     .product-info-head .item-discount-head {
         display: none;
     }
     /* Корректируем ширины оставшихся */
     .table-view__item .item-article,
     .product-info-head .item-article-head { width: 70px; }
     .table-view__item .item-name,
     .product-info-head .item-name-head { min-width: 100px; }
     .table-view__item .item-price-discount,
     .product-info-head .item-price-discount-head { width: 80px; }
     .table-view__item .item-tobasket,
     .product-info-head .item-tobasket-head { width: 120px; }
     /* и т.д. */

     /* На совсем маленьких экранах заголовок можно скрыть */
     /* .product-info-head { display: none; } */
}

.with-opt-buy .table-view__item-wrapper {
    padding-left: 1px;
    position: relative;
}


/* End */


/* Start:/bitrix/templates/aspro_max/css/bonus-system.min.css?17470479251535*/
.bonus-system-block,.bonus_item_cart,.lt_cart_bonus_all{font-size:.8rem;line-height:1rem;position:relative;padding:4px 0 0 14px;width:max-content}.bonus-system-block:empty,.bonus_item_cart:empty,.lt_cart_bonus_all:empty{display:none}.bonus-system-block:after,.bonus_item_cart:after,.lt_cart_bonus_all:after{content:'';display:block;position:absolute;left:0;top:3px;bottom:0;width:11px;background:url(/bitrix/templates/aspro_max/css/../images/svg/bonus_icon.svg) center no-repeat}.catalog_item.big .bonus-system-block{color:#fff}.catalog_item.big .bonus-system-block:not(:empty):after{background:url(/bitrix/templates/aspro_max/css/../images/svg/bonus_icon_white.svg) center no-repeat}.services_buy_block .bonus-system-block{margin-left:9px}.body-info__bottom .sale_block~.bonus-system-block{margin-top:5px}.prices-services-detail .bonus-system-block{margin-left:8px}.bonus_item_cart{margin-bottom:5px}.basket_fly .items_wrap .bonus-system-block,.basket_hover_block .bonus-system-block,.lt_cart_bonus_all{margin-left:auto}#bx-soa-order .bx-soa-cart-total .bx-soa-cart-total-line [id^=bonus]>span{background:var(--card_bg_black);position:relative;z-index:1}.bx-soa-section-content.lt_bonus_cont_success{background-color:var(--black_bg_black);padding-top:26px}.bonus_comment_min_max{color:var(--white_text_black)}#bonus_payment_block .bx-soa-coupon-input.lt_no_arrow:before{display:none}#bonus_payment_block #bonus_payfield_block .bx-soa-coupon-input{display:inline-block;vertical-align:baseline;overflow:visible}#bonus_payment_block #bonus_payfield_block .bx-soa-coupon-input input{margin-bottom:10px}
/* End */
/* /bitrix/templates/aspro_max/components/bitrix/catalog.section/catalog_table/style.css?17471271387260 */
/* /bitrix/templates/aspro_max/css/bonus-system.min.css?17470479251535 */