ul.product{display: flex; flex-wrap: wrap;  list-style: none; padding: 0; margin: 10px 0 30px 0;}
ul.product li{ flex: 0 0 calc(25% - 30px); margin: 15px; position: relative; background-color: white; padding-bottom: 15px;
/*display: flex; flex-direction: column;*/
}
ul.product li div{display: flex;flex-wrap: wrap; justify-content: center; text-align: center; margin-bottom: 10px;}
ul.product li div.img{position: relative;overflow: hidden;}
ul.product li div.img a{ width: 100%; height:100%;}
ul.product li img {width: 100%; height: 100%; object-fit: contain; float: left;transition: .5s;} /*cover*/

ul.product li div.star-0,
div.star-0{display: none;}
div.star i.fa{font-size: 18px;color: #f1ca28; margin-right:5px;}
ul.product li div.star small em{display: none;}

ul.product li a{color: #343434;  justify-content: center; text-align: center;}
ul.product li a:hover{color: #009aca;}
ul.product li a:hover img{transform: scale(1.2);}
ul.product li a.h5{padding: 0px 10px 0px 10px; display: flex;}
ul.product li span.pcode{position: absolute; left: 0px; top:0px; z-index: 2; background-color: rgba(255,255,255,0.5); padding: 2px 10px 2px 10px; font-family: UTMBebas;font-size:130%;}

ul.product li i.fa-bolt{	position: absolute; top: 0px; right: 0px;  color: red; font-size: 35px; animation:ck-ripple 2s linear infinite, heartbeat 2s linear infinite; border-radius: 50%; }

div.price{align-items: flex-end;}
div.price span{ margin-right:8px;}
div.price span.sale{font-weight: bold;font-size:140%;}
div.price span.old{text-decoration: line-through; color: #5b5b5b;}
div.price span.off0{display: none;}
div.price span.off{color:#dd0000;}
div.price span.off i.fa{animation: roll 2s linear infinite, shake 2s linear infinite; border-radius: 50%; margin-right:3px;}

ul.product li button {opacity: 0; position: absolute;bottom: 30px;}
ul.product li button[name='favourite']{ right: 1px;}
ul.product li button i{font-size: 25px;}
ul.product li button:hover{color: #00b9f5;}
ul.product li button.active{color: #f0fbff;background-color: #00b9f5;opacity: 0.2; bottom: 0px;}
ul.product li:hover button[name='favourite']{ bottom: 1px; transition: .3s .0s; opacity: 1;}

div.priceset{gap: 10px;}
div.priceset span{padding:10px; cursor: default;;width: 210px; background-color: white;}
div.priceset span i:first-child{width: 16px; font-size: 20px;}
div.priceset span em{border: 1px solid grey; padding: 0 5px 0 5px; font-style: normal; float: right; color: #848484;}

@media (max-width:1280px){
  ul.product li{ flex-basis: calc(33.3% - 30px); }
}

@media (max-width:991px) {	
	ul.product li { flex-basis: calc(33.3% - 20px); margin: 10px;}
	ul.product li button{opacity: 1; bottom: 1px;	}
}

@media (max-width:700px){	
   ul.product li { flex-basis: calc(50% - 20px); }
}
@media (max-width:575px){
	ul.product li { flex-basis: calc(50% - 10px); margin: 5px;}
}
@media (max-width:400px) {	
	ul.product li { flex-basis: calc(100% - 10px);}
}