article.product{position: relative;display: block;text-decoration: none;border: 0px solid #cfcfcf;border-radius: 3px;border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;}
article.product:hover{border-color: #019fc3;}
article.product:hover .desc .wrapper-name, article.product:hover .desc .price, article.product:hover .desc .wrapper-points{border-bottom-color: #019fc3;}
article.product a:not([class]){display: block;text-decoration: none;}
article.product .remove{position: absolute;top: 12px;right: 12px;padding-right: 19px;z-index: 10;line-height: 13px;}
article.product .remove::after{content: '';position: absolute;top: 0;right: 0;width: 13px;height: 13px;background: url(../../sysimages/icon-remove.png) no-repeat left top;background-size: 13px;}
article.product .image{position: relative;}
article.product .image > a{display: block;text-decoration: none;}
article.product .image img{display: block;width: 100%;}
.products-tires article.product .image figure img{padding: 16px 44px 54px;}
article.product .image figure .img-tyre{padding: 16px 34px 44px;}
article.product .flags{position: absolute;top: 11px;left: -2px;}
article.product .flags .flag{float: left;clear: left;padding: 5px 8px 4px;margin-top: 1px;}
article.product .flags .flag:first-child{margin-top: 0;}
article.product .image .wrapper-colors ul{list-style: none;margin: 0;}
article.product .image .wrapper-colors ul li{float: left;width: 30px;margin-right: 9px;}
article.product .image .wrapper-colors ul li:first-child{margin-left: 0;}
article.product .image .wrapper-colors ul li img{width: auto;}
article.product .wrapper-colors{position: absolute;bottom: 0;left: 0;width: 100%;padding: 8px 0;background-color: rgba(51, 51, 51, 0.25);visibility: hidden;opacity: 0;font-size: 0;line-height: 0;text-align: center;z-index: 1;}
article.product .wrapper-colors > div{position: relative;display: inline-block;padding: 0 40px;}
article.product .wrapper-colors ul{margin: 0;}
article.product .wrapper-colors img{display: block;}
article.product .wrapper-colors .bx-controls a{position: absolute;top: calc(50% - 15px);width: 30px;height: 30px;background: url(../../sysimages/icon-controls-02.png) left top/60px;no-repeat;text-indent: -9999px;}
article.product .wrapper-colors .bx-controls a.disabled{display: none;}
article.product .wrapper-colors .bx-controls a.bx-prev{left: 5px;background-position: left top;}
article.product .wrapper-colors .bx-controls a.bx-next{right: 5px;background-position: right top;}
article.product .wrapper-colors .bx-controls a.bx-prev:hover{background-position: left bottom;}
article.product .wrapper-colors .bx-controls a.bx-next:hover{background-position: right bottom;}
article.product .desc{position: relative;display: table;width: 100.2%;/*border: 0px solid #cfcfcf;border-top-width: 1px;*/border-radius: 0 0 3px 3px;}
article.product .desc .wrapper-name, article.product .desc .price, article.product .desc .wrapper-points, article.product .desc .item-buttons{display: table-cell;vertical-align: middle; /*padding: 6px 0 5px;*/ /*padding: 2% 0 1.7%;*/padding: 0.5% 0 0.4%;}
article.product .desc .wrapper-name{/*width: 45.5%;*/width: 143px; border-right: 1px solid #cfcfcf;border-bottom: 1px solid #cfcfcf;border-top: 1px solid #cfcfcf;padding-right: 8px;padding-left: 14px;}
article.product .desc .name:not(.ddd-truncated){max-height: 30px;overflow: hidden;}
article.product .desc .price{text-align: center;position: relative;/*width: 18.7%;*/width: 59px; border-bottom: 1px solid #cfcfcf;border-top: 1px solid #cfcfcf;border-right: 1px solid #cfcfcf;}
article.product .desc .price a, article.product .desc .wrapper-points a{text-decoration: none;}
article.product .desc .price p{line-height: 16px;display: block;}
article.product .desc .price .current span, article.product .desc .wrapper-points .current span{padding-top: 6px;display: block;}
article.product .desc .price .wrapper-old, article.product .desc .wrapper-points .wrapper-old{position: absolute;top: -20px;background: #fff;padding: 0 7px;border: 0px solid #cd0a0a;border-top-width: 1px;border-right-width: 1px;width: calc(100% + 1px);}
article.product .desc .price .wrapper-old::before, article.product .desc .wrapper-points .wrapper-old::before{content: '';position: absolute;top: -1px;left: -1px;width: 1px;height: 40px;background-image: linear-gradient(180deg, #cd0a0a 0%, rgba(205, 10, 10, 0) 100%);background-size: 100% 100%;}
article.product .desc .price .wrapper-old .old, article.product .desc .wrapper-points .wrapper-old .old{text-decoration: line-through;border-bottom: 1px dotted #cfcfcf;margin: 0 7px;position: relative;}
article.product .desc .wrapper-points{text-align: center;width: 21.6%;border-bottom: 1px solid #cfcfcf;border-top: 1px solid #cfcfcf;position: relative;}
article.product .desc .wrapper-points .points{position: relative;background-color: #aaaaaa;padding: 2px 2px;border-radius: 3px;color: #fff;line-height: 12px;margin: 6px auto;max-width: 62px;}
article.product .desc .wrapper-points .points::before{content: '';position: absolute;top: -7px;left: calc(50% - 5px);width: 11px;height: 11px;background: url(../../sysimages/icon-product-plus.png) no-repeat left top/11px auto;}

article.product .desc .price .discount{margin-left: 10px;padding: 0 4px;background: #D0021B;}
article.product .desc .rating{min-height: 11px;margin-top: 4px;font-size: 0;line-height: 0;text-align: center;}
article.product .desc .rating span{display: inline-block;width: 11px;height: 11px;margin-left: 1px;background: url(../../sysimages/icon-star.png) no-repeat left top;background-size: 11px;}
article.product .desc .rating:not(.disabled) span{cursor: pointer;}
article.product .desc .rating span.sel{background-position: left bottom;}
article.product .desc .rating span.sel2{background-position: left -11px;}
article.product .desc .rating span:first-child{margin-left: 0;}
article.product .desc .item-buttons{background-color: #FD4712;border-radius: 0 0 3px 0;/*width: 13.7%;*/width: 31px;}
article.product .desc .wrapper-points + .item-buttons{width: 42px;}
/*article.product .desc .item-buttons.no-alternative{width: 9.7%;width: 31px;}*/
article.product .desc .item-buttons:hover{cursor: pointer;}
article.product .desc .item-buttons:hover{background-color: #333;}
article.product .desc .item-buttons.no-stock{background-color: #cfcfcf;}
article.product .desc .item-buttons.no-stock span{pointer-events: none;}
article.product .desc .item-buttons span{/*position: absolute;top: 0;*/ cursor: pointer;z-index: 10;}
article.product .desc .item-buttons span::before{content: '';display: block;}
/*article.product .desc .item-buttons span:not(.disabled):hover::before{background-position: left top;}*/
/*article.product .desc .item-buttons span.sel::before{background-position: left top;}*/
article.product .desc .item-buttons .addCart{/*right: calc(7% - 10px);top: calc(50% - 10px);*/ padding: 0;display: block;}
article.product .desc .item-buttons .addCart::before{width: 20px;height: 20px;background: url(../../sysimages/icon-cart-small.png) left bottom/20px auto no-repeat; margin: auto;}
article.product .desc .item-buttons .addComp{left: 3px;padding: 5px;}
article.product .desc .item-buttons .addComp::before{width: 10px;height: 10px;background: url(../../sysimages/icon-compare.png) left top/10px no-repeat;}
article.product .desc .item-buttons .addWish{right: 3px;padding: 4px;}
article.product .desc .item-buttons .addWish::before{width: 12px;height: 12px;background: url(../../sysimages/icon-wishlist02.png) left top/12px no-repeat;}
article.product .desc .item-buttons .remWish{right: 3px;padding: 4px;}
article.product .desc .item-buttons .remWish::before{width: 12px;height: 12px;background: url(../../sysimages/icon-close.png) left top/12px no-repeat;}
article.product .desc .item-buttons .addComp.disabled{opacity: 0.5;cursor: default;}
article.product:hover .image{border-color: #999;}
article.product .quickshop{position: absolute;bottom: 0;left: 0;width: 100%;padding: 15px;opacity: 0;visibility: hidden;text-align: center;background-color: rgba(0, 0, 0, 0.4);z-index: 2;}
article.product:hover .quickshop{opacity: 1;visibility: visible;}

/* LAYOUT 2 */
article.product .layout2.wrapper-desc-name{display: none;border: 0 solid #cfcfcf;border-bottom-width: 1px;border-top-width: 1px;border-radius: 0 0 3px 3px;padding: 4px 12px 4px 14px;}
article.product:hover .layout2.wrapper-desc-name{border-bottom-color: #019fc3;}
article.product .layout2.wrapper-desc-name p{line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/* LAYOUT 2 */

@media screen and (max-width: 1365px) and (min-width: 768px){
   article.product .desc .wrapper-name, article.product .desc .price, article.product .desc .wrapper-points, article.product .desc .item-buttons{padding: 1.5% 0 1.5%;}
   article.product .desc .wrapper-name{padding-left: 3%;padding-right: 3%;}
	article.product .desc .price .wrapper-old, article.product .desc .wrapper-points .wrapper-old{padding: 0 1%;}
   article.product .desc .wrapper-points .points{margin: 6px 4px 0;}
}

@media screen and (min-width: 768px){
   .home article.product .desc, .product article.product .desc{min-height: 53px;}
   body.firefox .home article.product .desc, body.firefox .product article.product .desc{height: 53px;}

   .products article.product .desc{height: 56px;}
   body.firefox .products article.product .desc{height: 50px;}
}

@media screen and (max-width: 768px){
   article.product .flags .flag{padding: 3px 7px 2px;}
   article.product .desc{margin: 5px 0;display: none;}
   #main:not(.product) article.product .desc{display: block;}
   article.product .layout2.wrapper-desc-name{display: block;}
   article.product .desc .wrapper-name, article.product .desc .price, article.product .desc .wrapper-points, article.product .desc .item-buttons{padding: 6px 0;}
   article.product .desc .wrapper-name{width: 33%;}
   article.product .desc .price{width: 18.7%;}
   article.product .desc .name{padding: 0 5px 0 14px;/*height: auto;*/}
   article.product .desc .price .wrapper-old, article.product .desc .wrapper-points .wrapper-old{padding: 0 2px;}
   article.product .desc .item-buttons{width: 9.4%;}
   article.product .desc .wrapper-points + .item-buttons{width: 13.5%;}
   article.product .desc .item-buttons .addCart{right: calc(8% - 10px);}
}


.ellip {
  display: block;
  height: 100%;
}

.ellip-line {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  max-width: 100%;
}

.ellip,
.ellip-line {
  position: relative;
  overflow: hidden;
}


/* ########## NEW ########## */
article.product .image-promo{border-bottom: 1px solid #CFCFCF;}
article.product .image-promo img{display: block;width: 100%;}
//article.product .image-brand{position: absolute;top: 10px;right: 15px;max-width: 82px;}
article.product .image-brand{position: absolute;top: -15px;right: 10px;max-width: 82px;}
article.product .image-brand img{width: 100%;}
article.product .wrapper-tire-technologies{position: absolute;bottom: 2px;left: 6px;}
article.product .wrapper-tire-technologies ul{margin: 0;list-style: none;}
article.product .wrapper-tire-technologies ul li{float: left;padding: 4px 0;}
article.product .wrapper-tire-technologies ul li:not(:first-child){margin-left: 8px;}
article.product .wrapper-tire-technologies ul li img{float: left;width: 14px;margin-right: 5px;}
article.product .wrapper-tire-technologies ul li > span{float: left;width: calc(100% - 19px);font-weight: 500;font-size: 11px;line-height: 14px;color: #333;letter-spacing: 0.3px;white-space: nowrap;}
article.product .wrapper-tire-technologies ul li.color-A span{color: #3F7A38;}
article.product .wrapper-tire-technologies ul li.color-B span{color: #5CA436;}
article.product .wrapper-tire-technologies ul li.color-C span{color: #A8D135;}
article.product .wrapper-tire-technologies ul li.color-D span{color: #F7E020;}
article.product .wrapper-tire-technologies ul li.color-E span{color: #F29224;}
article.product .wrapper-tire-technologies ul li.color-F span{color: #EC4532;}
article.product .wrapper-tire-technologies ul li.color-G span{color: #EA2038;}
article.product .info-field{position: relative;}
article.product .info-field > span{display: block;width: 14px;height: 14px;background: url(/sysimages/icon-info-tires-dark.png) left top/14px no-repeat;}
article.product .info-field .content-info-field{display: none;position: absolute;bottom: 100%;right: -20px;width: 270px;padding-bottom: 9px;text-align: left;}
article.product .info-field .content-info-field > div{position: relative;padding: 7px 10px;border-radius: 4px;border: 1px solid #E5E5E5;background: #FFF;}
article.product .info-field .content-info-field > div::after{content: '';position: absolute;bottom: -6px;right: 20px;width: 10px;height: 6px;background: url(/sysimages/icon-arrow-info.png) left top/10px no-repeat;}
article.product .info-field .content-info-field p{font-family: 'Metrocity-Book';font-size: 11px;line-height: 16px;color: #444;}
article.product .info-field .content-info-field p span{font-family: 'Metrocity-Medium';}
article.product .info-field:hover > span{background-position: left bottom;}
article.product .info-field:hover .content-info-field{display: block;}

/*@media screen and (min-width: 768px){
   .no-banner-padding{padding-top: 63px !important;}
}*/

@media screen and (max-width: 767px){
   article.product .info-field .content-info-field{width: 50vw;left: -20px;right: auto;}
   article.product .info-field .content-info-field > div::after{left: 21px;right: auto;}
   //.related-products article.product .image-brand,
   //.related-products article.product .wrapper-tire-technologies{display: none;}
   .related-products article.product .image-brand{max-width: 56px;}
}
/* ######################### */