[ng-cloak]{display: none !important;}
.section-products .column{padding-bottom: 35px;}
.product{display: block;width: 100%;text-align: center;}
.product > img{display: block;width: 100%;}

.product:hover{text-decoration: none;}
.product[href="javascript:void(0)"]:hover{cursor: default}
.product:hover .image {border-color: #CCC;}
.product .image{position: relative;min-height: 140px;margin-bottom: 14px;background: #FFF;box-shadow: none;border: 1px solid #efefef;}
.product .image img{display: block;width: 100%;}
.product .image .img-default{opacity: 1;}
.product .image .img-hover{position: absolute;top:0;left:0;opacity: 0;}
.product:hover .image .img-default{opacity: 0;}
.product:hover .image .img-hover{opacity: 1;}
.product .desc p{text-transform: uppercase;}
.product .desc p:first-child{font-size: 10px;font-family:"Metrocity-Book";}
.product .desc p:nth-child(2){margin-top: 10px;font-size: 11px;font-family: "Metrocity-Medium";float: none !important;display: inline-block;vertical-align: middle !important;}
.product .desc p span{color: #ACACAC;display: inline-block;vertical-align: middle;text-decoration: line-through;padding-right: 13px;}
.product .desc .discount{ float: none !important;background: #8d2935;font-size: 10px;line-height: 8px;font-family: "Metrocity-Book";color: #fff !important;margin: -1px 0 0 13px !important;padding: 3px 4px 4px;position: relative;text-decoration: none !important;}
.product .desc .discount:not([style])::before{content: '';position: absolute;left: -4px;top: calc(50% - 5px);width: 4px;height: 9px;background: url(/sysimages/icon-old.png) left top/4px 9px;}
.product .desc .discount[style] .triangle{position: absolute;left: -4px;top: calc(50% - 5px);border-top:5px solid transparent;border-bottom: 5px solid transparent;border-right: 5px solid blue;padding: 0 !important;margin: 0 !important;}.product .desc .flags{padding-top: 8px;}
.product .desc .flag{display: inline-block;padding: 0 6px;line-height: 12px;margin: 0 0 1px 1px;font-size: 10px;text-transform: uppercase;color: #FFF;}

@media screen and (max-width: 768px) {
	.section-products .column{padding-bottom: 20px;}
	.product .image{margin-bottom: 8px;} 
	.product .desc{min-height: auto;padding: 0;}
	.product .desc p:nth-child(2){margin-top: 4px;}
	.product .desc p span:not(.discount){padding-left: 0;padding-right: 0;display: block;margin-bottom: 4px;}
	.product .desc .flags{padding-top: 4px;}
}