/* ---- ОБЩЕЕ ДЛЯ СТРОКИ ТАБЛИЦЫ И ЗАГОЛОВКА ---- */

/* Контейнер для колонок данных */
.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;
}