.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: black
}

.list_mode .right_product_description input.p-quantity {
    max-width: 100%;
}
.container_grid_list {
    position: relative;
}
div#ecommgridlistcategory {
    display: flex;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: white;
    border-radius: var(--border-radius-custom);
    box-shadow: var(--box-shadow);
    padding: 10px;
    border: 1px solid #dad7d0;
}
#products #js-product-list.list_mode .product {
    width: 100%;
    margin-bottom: 25px;
        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;
}

div#js-product-list.grid_mode .products .product {
    /* max-width: calc(calc(100% / 4) - 12px); */
}

div#js-product-list.grid_mode .products {
    display: flex;
    flex-wrap: wrap;
    gap: 25px 15px;
    margin: 0px;
}
#products div#js-product-list.list_mode  .product-title a {
    font-size: 16px;

}
div#js-product-list.list_mode .products {
    display: flex;
    flex-wrap: wrap;
}
div#js-product-list.list_mode .products .product {
    max-width: 100%;
    width: 100%;
}
div.list_mode article.product-miniature .thumbnail-container {
    max-width: 200px;
        margin: 0px;
}

div#js-product-list.list_mode .products .product .right_product_description {
    width: 30%;
    align-self: initial;
}

div#js-product-list.list_mode .products .product .middle_product_description .short_desc p:last-child {
    margin: 0px;
}
div#js-product-list.list_mode .products .product .middle_product_description .short_desc {
    font-size: 14px;
}
div#js-product-list.list_mode .products .product .middle_product_description {
    width: 70%;
    display: block;	
    padding-right: 15px;
}
div#js-product-list.list_mode .products .product .left_product_description {
    width: 100%;
}
div#js-product-list.list_mode .ref_manufacturer_box {
    /* flex-direction: column; */
    margin: 0px 0px 15px 0px;
        gap: 20px;
}
div#js-product-list.list_mode .ref_manufacturer_box span:last-child {
    text-align: left;
}
#products div.list_mode article.product-miniature .product-description {
    flex-direction: row;
    margin: 0px;
}
div.list_mode article.product-miniature .product_name.d-flex {
    flex-grow: initial;
    margin-bottom: 0px;
}
div.list_mode .container_product_description {
    display: flex;
        flex-wrap: wrap;
}
div.list_mode .product-miniature .product-price-and-shipping {
    text-align: right;
}
div.list_mode article.product-miniature {
    display: flex;
    flex-direction: initial;    
}
div#js-product-list.list_mode .ref_manufacturer_box span {
    flex: initial;
}
div#js-product-list.list_mode .container_add_to_cart {
    max-width: 200px;
}
div#js-product-list.list_mode  span#product-availability {
    margin: 0px;
}
div#js-product-list.list_mode .price_container {
    max-width: 135px;
    text-align: center; 
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 10px;
        justify-content: center;
}
div#js-product-list.list_mode .product-price-and-shipping {
    max-width: calc(100% - 40px);
        width: auto;
}
div#js-product-list.list_mode  .products .ecommaddtocart_productlist {
    margin: 0px;
}
#products div#js-product-list.list_mode .product-price-and-shipping.has_discount span.regular-price {
    display: block;
}
div#js-product-list.list_mode span#product-availability {
    margin: 0px;
    font-size: 0px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
}
div#js-product-list.list_mode span#product-availability.available   {
	background: #1AD598;
}
div#js-product-list.list_mode span#product-availability.last_remaining_items   {
	background: #d18905;
}
div#js-product-list.list_mode span#product-availability.nostock   {
	background: #EA3A3D;
}
div#js-product-list.list_mode .ref_name_container {
    padding-left: 15px;
}
.list_mode .right_column {
    max-width: 220px;
    display: flex;
    gap: 15px;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
}

.list_mode .right_column > * {
    width: 100%;
    max-width: 100%!important;
}

.list_mode .right_column .price_container {
    display: flex;
    flex-direction: column!important;
    align-items: flex-start!important;
}
@media(max-width:1199px) {
	div#js-product-list.grid_mode .products .product {
    	max-width: calc(calc(100% / 3) - 7px);
    	width: 100%;
	}
	div#js-product-list.grid_mode .products {
	    gap: 20px 10px;
	}
}

@media(max-width:767px) {
	div#js-product-list:not(.list_mode) .products .product {
        max-width: calc(calc(100% / 2) - 5px);
        width: 100%;
    }
    div#js-product-list.list_mode .products .product .middle_product_description {
    	display:none;
    }
    #products #js-product-list.list_mode .product article .thumbnail-container {
        max-width: 90px;
    }
	div#js-product-list.list_mode .ref_manufacturer_box {
    	gap: 0px;
    	margin-bottom: 5px;
	}
	div#js-product-list.list_mode .products .product .right_product_description {
    	width: 100%;
	}
	div#js-product-list.list_mode .productListBtnDiv {
    	right: initial;
        left: 65px;
        top: 0px;
	}
	div#js-product-list.list_mode .ref_name_container {
    	padding-left: 5px;
	}
	div#js-product-list.list_mode #products .product-title {
    	margin-bottom: 5px;
	}
	#products #js-product-list.list_mode .product-description {
    	flex-wrap: wrap;
    	width: calc(100% - 90px);
 }
	#products div#js-product-list.list_mode .product-title a {
        font-size: 12px;
        font-weight: normal;
        line-height: 18px;
    }
	#products div#js-product-list.list_mode .product-title {
    	margin-top: 0px;
    	margin: 0px;
	} 
	div#js-product-list.list_mode span#product-availability {
    	width: 20px;
    	height: 20px;
    }
	div#js-product-list.list_mode .price_container {
    	max-width: 100%;
    	margin-bottom: 10px;
    	justify-content: flex-start;
	}

div#js-product-list.list_mode .container_add_to_cart {
    padding-top: 0px;
}
	.list_mode .right_column {
    	flex-direction: column;
    	max-width: 100%;
    	gap: 0px;
    	padding-left: 5px;
 }

.list_mode .right_column .comments_note {
    text-align: left!important;
}

div.list_mode article.product-miniature {
    display: flex;
    flex-wrap: wrap;
}
	div#js-product-list.list_mode .ref_name_container {
    	max-width: 100%;
    	margin-top: 8px;
 }

div#js-product-list.list_mode .ref_name_container a {
    font-size: 18px!important;
    height: initial!Important;
}
	#products #js-product-list.list_mode .product {
    	padding: 5px;
	}
	#products #js-product-list.list_mode .regular-price {
    	font-size: 12px;
    }
    #products #js-product-list.list_mode .product-price-and-shipping {
    	font-size: 16px;
    	margin: 0px;
 }
}