#catalogTableList{
	margin-bottom: 24px;
}

#catalogTableList .itemRow{
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	border-collapse: collapse;
	border: 1px solid #e7e8ea;
	margin-bottom: 24px;
	table-layout: fixed;
	border-radius: 4px;
	display: table;
	width: 100%;
}

#catalogTableList .itemRow:hover{
	border: 1px solid #cccccc;
}

#catalogTableList .column{
	vertical-align: middle;
	display: table-cell;
	text-align: center;
	padding: 12px 0;
}

#catalogTableList .column:first-child{
	width: 120px;
}

#catalogTableList .column:nth-child(2){
	width: 20%;
}

#catalogTableList .column.out{
	display: none;
	width: 0;
}

#catalogTableList .picture{
	display: inline-block;
	text-align: center;
	line-height: 60px;
	height: 60px;
	width: 80px;
}

#catalogTableList .picture img{
	vertical-align: middle;
	max-height: 100%;
	max-width: 100%;
}

#catalogTableList .name{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
	text-align: left;
	font-size: 13px;
	display: block;
	color: #000000;
}

#catalogTableList .rating {
	margin-top: 4px;
	display: inline-block;
	position: relative;
	overflow: hidden;
	height: 15px;
	width: 79px;
	z-index: 2;
}

#catalogTableList .rating i {
	background: url(images/rating.png) repeat 0 0px transparent;
	height: 15px;
	width: 79px;
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
}

#catalogTableList .rating i.m {
	background: url(images/rating.png) repeat 0 -14px transparent;
	width: 0px;
	z-index: 10;
}

#catalogTableList .price{
	font-family: 'robotobold';
	text-decoration: none;
	position: relative;
	font-size: 16px;
	display: block;
	color: #000000;
}

#catalogTableList .price .measure{
	font-size: 16px;
}

#catalogTableList .price .discount{
	font-family: 'roboto_ltregular';
	position: absolute;
	padding-left: 4px;
	font-size: 14px;
	color: #888888;
	right: 25%;
	top: -18px;
}

#catalogTableList .addCart,
#catalogTableList .more{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	font-family: 'roboto_ltregular';
	display: inline-block;
	text-decoration: none;
	text-align: center;
	border-radius: 4px;
	line-height: 40px;
	font-size: 14px;
	color: #ffffff;
	height: 40px;
	width: 130px;

}

#catalogTableList  .addCart.requestPrice{
	margin-top: 0px;
}

#catalogTableList .row{
	display: inline-block;
	text-align: center;
}

#catalogTableList .icon{
	vertical-align: middle;
	display: inline-block;
	margin-right: 4px;
	margin-top: -4px;
}

#catalogTableList .addCart .icon,
#catalogTableList .more .icon{
	padding-right: 4px;
	margin-top: -4px;
}

#catalogTableList .label{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	font-family: 'roboto_condensedlight';
	text-decoration: none;
	line-height: 21px;
	text-align: left;
	margin-top: 8px;
	font-size: 15px;
	color: #717171;
	display: block;
}

#catalogTableList .label:hover{
	color: #000000;
}

#catalogTableList .article{
	background-color: #f3f3f3;
	display: inline-block;
	border-radius: 4px;
	line-height: 32px;
	overflow: hidden;
	padding: 0 12px;
	color: #888888;
	height: 32px;
}

.removeFromWishlist{
	display: none;
}

@media screen and (max-width: 767px) {
	#catalogTableList .itemRow {
		display: flex;
		flex-wrap: wrap;
	}

	#catalogTableList .column,
	#catalogTableList .column:first-child,
	#catalogTableList .column:nth-child(2) {
		width: 50%;
	}

	#catalogTableList .column:nth-child(2),
	#catalogTableList .column:nth-child(5) {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

.add_cart_block .qtyBlock {
	align-items: center;
	position: relative;
	display: flex;
	margin-bottom: 10px;
}
.add_cart_block .qtyBlock .qty-cart-price {
	position: absolute;
	left: 62px;
	top: -21px;
	width: 103px;
	text-align: center;
	font-size: 14px;
	line-height: 1.2;
	color: #717171;
}

.add_cart_block .qtyBlock .qty {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle;
	display: inline-block;
	text-align: center;
	font-size: 12px;
	margin: 0 2px;
	height: 19px;
	width: 40px;
	padding: 0 2px;
	border: 0;
}

.add_cart_block .qtyBlock .qty {
	background-color: #e7e8ea;
	color: #000000;
}

.add_cart_block .qtyBlock .qty.error {
	border: 1px solid #ff0000;
}

.add_cart_block .qtyBlock .plus,
.add_cart_block .qtyBlock .minus {
	vertical-align: middle;
	display: inline-block;
	height: 19px;
	width: 19px;
}

.add_cart_block .qtyBlock .plus,
.add_cart_block .qtyBlock .minus {
	background: url(images/plusMinusElement.png) 0 0 no-repeat #424242;
}

.add_cart_block .qtyBlock .plus {
	background-position: 0 -19px;
}

.add_cart_block .qtyBlock .plus:hover {
	background-position: -19px -19px;
}

.add_cart_block .qtyBlock .plus:active {
	background-position: -38px -19px;
}

.add_cart_block .qtyBlock .minus:hover {
	background-position: -19px 0x;
}

.add_cart_block .qtyBlock .minus:active {
	background-position: -38px 0px;
}

#catalogTableList .add_cart_block .qtyBlock label {
	padding-right: 12px;
	margin-top: 5px;
}

@media (max-width: 480px) {
	.add_cart_block .qtyBlock {
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: center;
	}
	#catalogTableList .column {
		width: 100%;
	}
	
	    .itemRow.item {
        display: grid !important;
        grid-template-columns: 80px 1fr !important;
        grid-template-rows: auto auto auto !important;
        gap: 10px 10px !important;
        align-items: start !important;
    }

    /* Фиксируем ширину первой колонки в списке */
    #catalogTableList .column:first-child {
        width: 80px !important;
    }

    /* Ширина кнопки в каталоге */
    #catalogTableList .addCart {
        width: 80px !important;
    }

    /* Изображение товара - левый столбец, на всю высоту */
    .itemRow.item .column:nth-child(1) {
        grid-column: 1 !important;
        grid-row: 1 / -1 !important;
        width: auto !important;
        margin: 0 !important;
    }

    /* Основная информация - правый столбец, первая строка */
    .itemRow.item .column:nth-child(2) {
        grid-column: 2 !important;
        grid-row: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        margin: 0 !important;
    }

    /* Название товара */
    .itemRow.item .column:nth-child(2) .name {
        order: 1 !important;
        margin: 0 0 5px 0 !important;
        text-align: left !important;
    }

    /* Артикул под названием */
    .itemRow.item .column:nth-child(2) .article {
        order: 2 !important;
        margin: 0 !important;
        text-align: left !important;
    }

    /* Скрываем рейтинг */
    .itemRow.item .column:nth-child(3) {
        display: none !important;
    }

    /* Скрываем пустую колонку */
    .itemRow.item .column:nth-child(4) {
        display: none !important;
    }

    /* Цена - правый столбец, вторая строка */
    .itemRow.item .column:nth-child(5) {
        grid-column: 2 !important;
        grid-row: 2 !important;
        margin: 0 !important;
        align-self: start !important;
        text-align: left !important;
        justify-content: space-between !important;
        display: flex !important;
        align-items: center !important;
    }

    /* Название цены слева, сама цена и единицы справа */
    .itemRow.item .column:nth-child(5) .price {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
    }

    .itemRow.item .column:nth-child(5) .price .priceBoxTitle {
        flex: 0 0 auto !important;
        margin-right: auto !important;
    }

    /* Отступ справа у единиц измерения */
    .itemRow.item .column:nth-child(5) .price .measure {
        margin-right: 10px !important;
    }

    /* Кнопки и количество - правый столбец, третья строка */
    .itemRow.item .column:nth-child(6) {
        grid-column: 2 !important;
        grid-row: 3 !important;
        margin: 0 !important;
        justify-content: flex-start !important;
    }

    /* Позиционирование блока добавления в корзину */
    .column_add_cart, 
    #catalogTableList .column.column_add_cart {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
    }

    /* Убираем обтекание у блока количества и кнопки */
    .itemRow.item .add_cart_block {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
        justify-content: space-between !important;
        margin-right: 10px !important;
    }

    /* Более специфичный селектор для перебития существующего стиля */
    .itemRow .add_cart_block,
    #catalogTableList .add_cart_block {
        justify-content: space-between !important;
        margin-right: 10px !important;
    }

    /* Ограничиваем ширину блока количества */
    .itemRow.item .qtyBlock {
        flex: 0 0 auto !important;
        width: auto !important;
        position: relative !important;
    }

    /* Позиционируем qty-cart-price над и посередине qtyBlock */
    .itemRow.item .qtyBlock .qty-cart-price {
        position: absolute !important;
        top: -20px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        font-size: 12px !important;
        color: #333 !important;
        white-space: nowrap !important;
    }

    /* Уменьшаем размер кнопки покупки */
    .itemRow.item .addCart {
        padding: 6px 12px !important;
        font-size: 12px !important;
        min-width: auto !important;
        flex-shrink: 0 !important;
        width: 80px !important;
    }

    /* Иконки взаимодействия - на всю ширину, четвертая строка */
    .itemRow.item .column:nth-child(7) {
        grid-column: 1 / -1 !important;
        grid-row: 4 !important;
        margin: 0 !important;
    }

    /* Скрываем кнопку удаления из избранного */
    .itemRow.item .column.out {
        display: none !important;
    }

    /* Располагаем иконки в 2 строки - В наличии вверху, сравнение и избранное внизу */
    .itemRow.item .column:nth-child(7) .optional .row {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        grid-template-rows: auto auto !important;
        gap: 8px !important;
        align-items: center !important;
    }

    /* Первая строка - В наличии на всю ширину */
    .itemRow.item .column:nth-child(7) .inStock,
    .itemRow.item .column:nth-child(7) .onOrder,
    .itemRow.item .column:nth-child(7) .outOfStock,
    .itemRow.item .column:nth-child(7) .changeAvailable {
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
    }

    /* Вторая строка - К сравнению и В избранное */
    .itemRow.item .column:nth-child(7) .addCompare {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    .itemRow.item .column:nth-child(7) .addWishlist {
        grid-column: 2 !important;
        grid-row: 2 !important;
    }
}