/* --------- COLUMN LAYOUT --------- */
article.product{position: relative;display: block;text-decoration: none;}
article.product:not(.layout-comparator):not(.layout-row):hover::before{content: '';position: absolute;top: 0;left: -1px;width: 100%;height: calc(100% - 3px);border: 2px solid #ebebeb;max-width: 350px;z-index: 3;}
article.product a:not([class]){display: block;text-decoration: none;}
article.product .image{position: relative;}
article.product .image > a{display: block;text-decoration: none;}
article.product .image img{display: block;width: 100%;}
article.product .flags{position: absolute;top: 20px;left: 0;}
article.product .flags .flag{float: left;clear: both;padding: 0 15px 0 6px;margin-top: 4px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
article.product .flags .flag:first-child{margin-top: 0;}
article.product .discount{position: absolute;top: 20px;right: 12px;width: 38px;height: 38px;border-radius: 38px;text-align: center;background-color: #E85319;}
article.product .technologies{position: absolute;right: 12px;bottom: 2px;max-width: 42px;}
article.product .technologies img{display: block;width: 100%;}
article.product .desc{position: relative;display: block;padding: 30px 10px 29px;z-index: 4;text-align: left;}
article.product .desc > a{display: block;padding: 0 5px;}
article.product .desc .brand{height: 16px;margin-bottom: 8px;overflow: hidden;}
article.product .desc .name{height: 40px;margin-bottom: 10px;overflow: hidden;}
article.product .desc .item-specs{height: 32px;overflow: hidden;}
article.product .desc .wrapper-stock-price{padding-top: 19px;}
article.product .desc .reviews-info{margin: 0 0 9px;}
article.product .desc .rating{float: left;height: 16px;font-size: 0;line-height: 0;}
article.product .desc .rating span{display: inline-block;width: 12px;height: 12px;margin-left: 1px;background: url(/sysimages/icon-star.png) left top/12px no-repeat;}
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 -12px;}
article.product .desc .rating span:first-child{margin-left: 0;}
article.product .desc .reviews-info .small{float: left;padding-left: 6px;}
article.product .desc .reviews-info + .stock-info{padding-top: 0;}
article.product .desc .stock-info{padding-top: 25px;}
article.product .desc .stock-info .small{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
article.product .desc .price{float: right;text-align: right;}
article.product .desc .price .old{padding-bottom: 4px;text-decoration: line-through;}
article.product .desc .price .old + .current{padding-top: 0;}
article.product .desc .price .current{padding-top: 20px;}
article.product .item-buttons{margin-top: 6px;padding: 8px 6px 0;border-top: 1px solid #EBEBEB;}
article.product .item-buttons a{position: relative;padding-left: 18px;}
article.product .item-buttons a::before{content: '';position: absolute;top: calc(50% - 6px);left: 0;width: 11px;height: 11px;}
article.product .item-buttons .btn-comparator{float: left;}
article.product .item-buttons .btn-comparator::before{top: calc(50% - 7px);width: 10px;height: 10px;border: 1px solid #AAA;border-radius: 1px;}
article.product .item-buttons .btn-comparator.active::before{background: url(/sysimages/icon-comparator-item.png) left top/10px no-repeat;}
article.product .item-buttons .btn-comparator.disabled{opacity: 0.5;cursor: default;text-decoration: none;}
article.product .item-buttons .btn-rem-comp{float: left;}
article.product .item-buttons .btn-rem-comp::before{background: url(/sysimages/icon-remove-item.png) left top/11px no-repeat;}
article.product .item-buttons .btn-add-wish{float: right;}
article.product .item-buttons .btn-add-wish::before{background: url(/sysimages/icon-wishlist-item.png) left top/11px no-repeat;}
article.product .item-buttons .btn-rem-wish{float: right;}
article.product .item-buttons .btn-rem-wish::before{background: url(/sysimages/icon-remove-item.png) left top/11px no-repeat;}
article.product .item-buttons .btn-add-cart::before{background: url(/sysimages/icon-cart-item.png) left top/11px no-repeat;}
article.product .item-buttons .btn-add-cart{float: right;}

@media screen and (min-width: 769px){
	article.product .desc-related{padding-bottom: 18px;}
	article.product .desc-related .name{margin-bottom: 17px;}
	article.product .desc-related .price .old{float: left;padding: 7px 23px 0 0;}
	article.product .desc-related .price .current{float: left;padding: 0;}
	article.product .desc-related .item-buttons{padding-top: 11px;margin-top: 8px;}
	article.product .desc-related .item-buttons .btn-rem-wish{float: left;}
	.product article.product .desc-related, .review article.product .desc-related{padding-top: 20px;padding-bottom: 29px;}
	.product article.product .flags, .review article.product .flags{top: 10px;}
}
/* --------------------------------- */

/* ----------- ROW LAYOUT ---------- */
article.product.layout-row{padding: 10px 10px 8px;}
article.product.layout-row .image{float: left;width: 226px;}
article.product.layout-row .technologies{right: 0;bottom: 13px;}
article.product.layout-row .desc{float: left;width: calc(100% - 226px);padding: 15px;}
article.product.layout-row .desc > a{padding: 0;}
article.product.layout-row .column-info .content-column{padding: 10px;}
article.product.layout-row .desc .brand{margin-bottom: 10px;}
article.product.layout-row .desc .name{height: 20px;margin-bottom: 16px;}
article.product.layout-row .desc .item-specs{height: 16px;}
article.product.layout-row .flags{position: static;top: auto;left: auto;height: 20px;margin-bottom: 25px;}
article.product.layout-row .flags .flag{clear: none;padding: 0 10px;margin: 0 0 0 10px;border-radius: 10px;}
article.product.layout-row .flags .flag:first-child{margin-left: 0;}
article.product.layout-row .desc .discount{float: right;clear: both;position: static;top: auto;right: auto;}
article.product.layout-row .desc .discount + .price{padding-top: 42px;}
article.product.layout-row .desc .price{padding-top: 80px;clear: both;}
article.product.layout-row .desc .price .old{padding: 0;}
article.product.layout-row .desc .price .old + .current{padding-top: 21px;}
article.product.layout-row .desc .price .current{padding-top: 42px;}
article.product.layout-row .item-buttons{padding: 13px 5px 0;margin: 11px 0 0 5px;}
article.product.layout-row .desc .wrapper-stock-price{float: left;padding: 0;}
article.product.layout-row .desc .stock-info{float: left;padding: 0;}
article.product.layout-row .desc .reviews-info{float: left;margin: 0 0 0 31px;}
article.product.layout-row .desc .wrapper-item-buttons{float: right;}
article.product.layout-row .desc .wrapper-item-buttons a{margin-left: 42px;}
article.product.layout-row .desc .wrapper-item-buttons a:first-child{margin-left: 0;}
/* --------------------------------- */

/* ------- COMPARATOR LAYOUT ------- */
article.product.layout-comparator{padding: 15px 10px 13px;}
article.product.layout-comparator .image{float: left;width: 116px;}
article.product.layout-comparator .desc{float: left;width: calc(100% - 116px);padding: 1px 0 0 10px;}
article.product.layout-comparator .desc > a{padding: 0;}
article.product.layout-comparator .desc .brand{margin-bottom: 8px;}
article.product.layout-comparator .desc .name{height: 40px;margin-bottom: 24px;}
article.product.layout-comparator .desc .price .old{float: left;padding: 7px 23px 0 0;}
article.product.layout-comparator .desc .price .current{float: left;padding: 0;}
article.product.layout-comparator .item-buttons{margin-top: 15px;padding-top: 15px;}
/* --------------------------------- */

@media screen and (max-width: 768px){
	.col-xs-6 article.product:not(.layout-comparator):not(.layout-row):hover::before{left: 0;width: calc(100% - 4px);}
	.col-xs-6 article.product .flags{top: 5px;}
	.col-xs-6 article.product .flags .flag{padding: 0 10px 0 5px;}
	.col-xs-6 article.product .discount{top: 5px;right: 5px;width: 32px;height: 32px;}
	.col-xs-6 article.product .technologies{right: 0;bottom: 6px;}
	.col-xs-6 article.product .desc{padding: 0 0 9px;}
	.col-xs-6 article.product .desc > a{padding: 5px 5px 0;}
	.col-xs-6 article.product .desc .brand{height: 12px;margin-bottom: 3px;}
	.col-xs-6 article.product .desc .name{height: 40px;margin-bottom: 5px;}
	.col-xs-6 article.product .desc .item-specs{height: 26px;}
	.col-xs-6 article.product .desc .wrapper-stock-price{padding-top: 10px;}
	.col-xs-6 article.product .desc .wrapper-stock-price .row .column:first-child{display: none;}
	.col-xs-6 article.product .desc .wrapper-stock-price .row .column{width: 100%;}
	.col-xs-6 article.product .desc .reviews-info{margin-bottom: 6px;}
	.col-xs-6 article.product .desc .price p{float: left;}
	.col-xs-6 article.product .desc .price .old{padding: 3px 15px 0 0;}
	.col-xs-6 article.product .desc .price .current{padding: 0;}
	.col-xs-6 article.product .item-buttons{margin: 5px 5px 0 5px;padding: 9px 0 0;}
	.col-xs-6 article.product .item-buttons .btn-add-wish{display: none;}
	.col-xs-6 article.product .item-buttons .btn-rem-wish{display: none;}
	.wishlist .col-xs-6 article.product .item-buttons .btn-rem-wish{display: block;}
	.wishlist .col-xs-6 article.product .item-buttons .btn-add-cart{display: none;}
	.col-xs-12 article.product .flags{top: 10px;}
	.col-xs-12 article.product .flags .flag{padding: 0 10px 0 5px;}
	.col-xs-12 article.product .discount{top: 10px;right: 10px;width: 36px;height: 36px;}
	.col-xs-12 article.product .technologies{right: 0;bottom: 10px;}
	.col-xs-12 article.product .desc{padding: 0 0 11px;}
	.col-xs-12 article.product .desc > a{padding: 10px 10px 0;}
	.col-xs-12 article.product .desc .brand{height: 12px;margin-bottom: 4px;}
	.col-xs-12 article.product .desc .name{height: 26px;margin-bottom: 7px;}
	.col-xs-12 article.product .desc .item-specs{height: 26px;}
	.col-xs-12 article.product .desc .wrapper-stock-price{padding-top: 7px;}
	.col-xs-12 article.product .desc .reviews-info{margin-bottom: 6px;}
	.col-xs-12 article.product .desc .price .old{padding-bottom: 1px;}
	.col-xs-12 article.product .desc .price .old + .current{padding-top: 0;}
	.col-xs-12 article.product .desc .price .current{padding-top: 14px;}
	.col-xs-12 article.product .item-buttons{margin-top: 1px;padding: 9px 10px 0;}
}

@media screen and (max-width: 767px) {
	.container-list .col-xs-12 article.product:not(.layout-comparator):not(.layout-row):hover::before {display: none;}
}