.show_list, .show_grid {
    cursor:pointer;
    opacity:1.0;
}

.show_list:hover, .show_grid:hover {
    opacity:0.7;
}

.product_show_list {
    width:100%;
}

.product_show_list .highlighted-informations, .product_show_list .product-description, .product_show_list .thumbnail-container {
    width:100%!important;
}

.product_show_list .product-thumbnail {
    text-align:center;
}

#ecommgridlistcategory .show_grid:before {
    content: "";
    width: 18px;
    height: 18px;
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17.997" height="17.987" viewBox="0 0 17.997 17.987"><path data-name="Trazado 95" d="M6.118 10.096H1.791A1.787 1.787 0 0 0 0 11.877v4.327a1.788 1.788 0 0 0 1.791 1.783h4.327a1.785 1.785 0 0 0 1.783-1.783v-4.327a1.784 1.784 0 0 0-1.783-1.781zm-4.711 1.781a.38.38 0 0 1 .384-.384h4.327a.372.372 0 0 1 .374.384v4.327a.363.363 0 0 1-.374.375H1.791a.371.371 0 0 1-.384-.375z"/><path data-name="Trazado 96" d="M6.118 0H1.791A1.787 1.787 0 0 0 0 1.775v4.328a1.788 1.788 0 0 0 1.791 1.783h4.327a1.785 1.785 0 0 0 1.783-1.783V1.775A1.783 1.783 0 0 0 6.118 0zm-4.71 1.775a.369.369 0 0 1 .384-.372h4.327a.361.361 0 0 1 .374.372v4.328a.371.371 0 0 1-.374.382H1.792a.38.38 0 0 1-.384-.382z"/>    <path data-name="Trazado 101" d="M16.214 0h-4.327a1.787 1.787 0 0 0-1.791 1.775v4.328a1.788 1.788 0 0 0 1.791 1.783h4.327a1.785 1.785 0 0 0 1.783-1.783V1.775A1.783 1.783 0 0 0 16.214 0zm-4.71 1.775a.369.369 0 0 1 .384-.372h4.327a.361.361 0 0 1 .374.372v4.328a.371.371 0 0 1-.374.382h-4.327a.38.38 0 0 1-.384-.382z"/>    <path data-name="Trazado 102" d="M16.214 10.096h-4.327a1.787 1.787 0 0 0-1.791 1.775v4.328a1.788 1.788 0 0 0 1.791 1.783h4.327a1.785 1.785 0 0 0 1.783-1.783v-4.328a1.783 1.783 0 0 0-1.783-1.775zm-4.71 1.775a.369.369 0 0 1 .384-.372h4.327a.361.361 0 0 1 .374.372v4.328a.371.371 0 0 1-.374.382h-4.327a.38.38 0 0 1-.384-.382z"/></svg>');
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17.997" height="17.987" viewBox="0 0 17.997 17.987"><path data-name="Trazado 95" d="M6.118 10.096H1.791A1.787 1.787 0 0 0 0 11.877v4.327a1.788 1.788 0 0 0 1.791 1.783h4.327a1.785 1.785 0 0 0 1.783-1.783v-4.327a1.784 1.784 0 0 0-1.783-1.781zm-4.711 1.781a.38.38 0 0 1 .384-.384h4.327a.372.372 0 0 1 .374.384v4.327a.363.363 0 0 1-.374.375H1.791a.371.371 0 0 1-.384-.375z"/><path data-name="Trazado 96" d="M6.118 0H1.791A1.787 1.787 0 0 0 0 1.775v4.328a1.788 1.788 0 0 0 1.791 1.783h4.327a1.785 1.785 0 0 0 1.783-1.783V1.775A1.783 1.783 0 0 0 6.118 0zm-4.71 1.775a.369.369 0 0 1 .384-.372h4.327a.361.361 0 0 1 .374.372v4.328a.371.371 0 0 1-.374.382H1.792a.38.38 0 0 1-.384-.382z"/>    <path data-name="Trazado 101" d="M16.214 0h-4.327a1.787 1.787 0 0 0-1.791 1.775v4.328a1.788 1.788 0 0 0 1.791 1.783h4.327a1.785 1.785 0 0 0 1.783-1.783V1.775A1.783 1.783 0 0 0 16.214 0zm-4.71 1.775a.369.369 0 0 1 .384-.372h4.327a.361.361 0 0 1 .374.372v4.328a.371.371 0 0 1-.374.382h-4.327a.38.38 0 0 1-.384-.382z"/>    <path data-name="Trazado 102" d="M16.214 10.096h-4.327a1.787 1.787 0 0 0-1.791 1.775v4.328a1.788 1.788 0 0 0 1.791 1.783h4.327a1.785 1.785 0 0 0 1.783-1.783v-4.328a1.783 1.783 0 0 0-1.783-1.775zm-4.71 1.775a.369.369 0 0 1 .384-.372h4.327a.361.361 0 0 1 .374.372v4.328a.371.371 0 0 1-.374.382h-4.327a.38.38 0 0 1-.384-.382z"/></svg>');
    display: block;
    background-repeat: no-repeat;
    background-color: #c1c1c1;
}
#ecommgridlistcategory .show_list:before {
    content: "";
    width: 18px;
    height: 18px;
    display: block;
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28.681" height="18.171" viewBox="0 0 28.681 18.171"><path data-name="Trazado 95" d="M5.942 10.508h-4.2a1.736 1.736 0 0 0-1.74 1.73v4.2a1.737 1.737 0 0 0 1.74 1.731h4.2a1.733 1.733 0 0 0 1.731-1.731v-4.2a1.732 1.732 0 0 0-1.731-1.73zm-4.574 1.73a.369.369 0 0 1 .373-.373h4.2a.361.361 0 0 1 .363.373v4.2a.352.352 0 0 1-.363.364h-4.2a.36.36 0 0 1-.373-.364z"/><path data-name="Trazado 96" d="M5.942 0h-4.2a1.735 1.735 0 0 0-1.74 1.728v4.2a1.737 1.737 0 0 0 1.74 1.731h4.2a1.733 1.733 0 0 0 1.731-1.731v-4.2A1.732 1.732 0 0 0 5.942 0zM1.368 1.728a.359.359 0 0 1 .373-.361h4.2a.351.351 0 0 1 .363.361v4.2a.36.36 0 0 1-.363.371h-4.2a.369.369 0 0 1-.373-.371z"/><path data-name="Trazado 97" d="M10.114 6.616h14.791a.685.685 0 0 0 .678-.685.685.685 0 0 0-.682-.682H10.086a.684.684 0 0 0-.636.72.683.683 0 0 0 .664.647z"/><path data-name="Trazado 98" d="M24.777 15.757H10.088l-.059-.006h-.115a.689.689 0 0 0-.6.749.687.687 0 0 0 .658.618h14.811a.681.681 0 0 0 .672-.685.684.684 0 0 0-.678-.676z"/><path data-name="Trazado 99" d="M28.585 1.382a.688.688 0 0 0-.591-.336H10.26a.686.686 0 0 0-.591.336.673.673 0 0 0 0 .688.687.687 0 0 0 .594.343h17.733a.689.689 0 0 0 .589-.339.676.676 0 0 0 0-.692z"/><path data-name="Trazado 100" d="M27.88 11.554H10.204l-.084-.008-.048.006a.684.684 0 0 0-.622.721.681.681 0 0 0 .664.644H27.88a.684.684 0 0 0 .682-.684.683.683 0 0 0-.682-.679z"/></svg>');
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28.681" height="18.171" viewBox="0 0 28.681 18.171"><path data-name="Trazado 95" d="M5.942 10.508h-4.2a1.736 1.736 0 0 0-1.74 1.73v4.2a1.737 1.737 0 0 0 1.74 1.731h4.2a1.733 1.733 0 0 0 1.731-1.731v-4.2a1.732 1.732 0 0 0-1.731-1.73zm-4.574 1.73a.369.369 0 0 1 .373-.373h4.2a.361.361 0 0 1 .363.373v4.2a.352.352 0 0 1-.363.364h-4.2a.36.36 0 0 1-.373-.364z"/><path data-name="Trazado 96" d="M5.942 0h-4.2a1.735 1.735 0 0 0-1.74 1.728v4.2a1.737 1.737 0 0 0 1.74 1.731h4.2a1.733 1.733 0 0 0 1.731-1.731v-4.2A1.732 1.732 0 0 0 5.942 0zM1.368 1.728a.359.359 0 0 1 .373-.361h4.2a.351.351 0 0 1 .363.361v4.2a.36.36 0 0 1-.363.371h-4.2a.369.369 0 0 1-.373-.371z"/><path data-name="Trazado 97" d="M10.114 6.616h14.791a.685.685 0 0 0 .678-.685.685.685 0 0 0-.682-.682H10.086a.684.684 0 0 0-.636.72.683.683 0 0 0 .664.647z"/><path data-name="Trazado 98" d="M24.777 15.757H10.088l-.059-.006h-.115a.689.689 0 0 0-.6.749.687.687 0 0 0 .658.618h14.811a.681.681 0 0 0 .672-.685.684.684 0 0 0-.678-.676z"/><path data-name="Trazado 99" d="M28.585 1.382a.688.688 0 0 0-.591-.336H10.26a.686.686 0 0 0-.591.336.673.673 0 0 0 0 .688.687.687 0 0 0 .594.343h17.733a.689.689 0 0 0 .589-.339.676.676 0 0 0 0-.692z"/><path data-name="Trazado 100" d="M27.88 11.554H10.204l-.084-.008-.048.006a.684.684 0 0 0-.622.721.681.681 0 0 0 .664.644H27.88a.684.684 0 0 0 .682-.684.683.683 0 0 0-.682-.679z"/></svg>');
    background-repeat: no-repeat;
    background-color: #c1c1c1;

}
#ecommgridlistcategory .show_list:hover:before, #ecommgridlistcategory .show_list.active:before, #ecommgridlistcategory .show_grid:hover:before, #ecommgridlistcategory .show_grid.active:before {
       background-color: var(--color3);
}


div#ecommgridlistcategory {
    display: flex;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
}
#products #js-product-list.list_mode .product {
    width: 100%;
    flex-wrap: wrap;
}
#products #js-product-list.list_mode .product article .thumbnail-container {
    max-width: 125px;
}
#products #js-product-list.list_mode .product-description {
    text-align: left;
    flex-direction: row;
        border: none;
    padding: 0px;
    flex-wrap: wrap;
}


.container_ecommgridlistcategory {
    max-width: 90px;
}
.list_mode .container_buy_product {
    max-width: 200px;
    width: 100%;
}
#products .list_mode h2.h3.product-title {
    border-bottom: 1px solid #E5E5E5;
    text-align: left;
    padding-bottom: 10px;
    margin-bottom: 10px;
        flex-grow: initial;
}
.list_mode .ref_manufacturer_box {
    gap: 44px;
    margin-bottom: 20px;
}

.list_mode .short_desc {
    display: block;
}
.list_mode .ref_manufacturer_box span {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
        width: auto;
    line-height: normal;
}
.list_mode .info_product {
    max-width: calc(100% - 200px);
    width: 100%;
    padding: 0px 25px;
        flex-grow: initial;
}

#products .list_mode .product-title a {
	font-size:16px;
}
#products .list_mode span.manufacturer_item strong {
    display: inline-block;
}
#products .list_mode span.ref_item {
    display: block;
}


div.list_mode article.product-miniature {
    display: flex;
    flex-direction: row;
}
#products div.list_mode .product-price-and-shipping {
    margin-top: 0px;
}
@media(max-width:767px) {
	#products #js-product-list.list_mode .product article .thumbnail-container {
    	max-width: 60px;
    	padding: 0px;
	}
	.list_mode .container_buy_product {
    	max-width: 95px;
    	width: 100%;
	}
	.list_mode .info_product {
    	max-width: calc(100% - 95px);
    	padding: 0px 5px;
    }
    .list_mode .short_desc {
    	display: none;
	}
	#products .list_mode .product-title a {
    	font-size: 12px;	
	}	
	.list_mode .ref_manufacturer_box span {
    	font-size: 9px;
    }
    .list_mode .ref_manufacturer_box {
    	gap: 0px;
    	justify-content: space-between;
    	margin-bottom: 0px;
	}
	#products .list_mode h2.h3.product-title {
    	padding-bottom: 5px;
    	margin-bottom: 5px;
    }
    .list_mode span#product-availability {
    	font-size: 9px;
    	margin-top: 7px;
	}
	.list_mode span.discount-percentage.discount-product {
    	display: none;
	}
	div.list_mode article.product-miniature {
 		align-items: center;
	}
	div.list_mode .productListBtnDiv {
    	right: initial;
    	left: 40px;
	}
	.product-miniature .product-price-and-shipping {
	 	font-size:14px;
	}
	.list_mode ul.product-flags.js-product-flags {
    	display: none;
	}


}
