/* Базовые стили */
.product-item{
		position:relative;
		width:100%;
		background:#525355;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-content:center;
		align-items:center;
		margin:0 0 25px 0;
		transition:all 0.3s ease-out;
		}	
.product-item:hover{
		background:#CDBA91;
		}		
.product-item .product-item-img{
		width:100%;
		height:180px;
		background-repeat:no-repeat !important;
		background-size:cover !important;
		background-position:center center !important;
		}	
.product-item .product-item-title{
		width:100%;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-content:center;
		align-items:center;
		color:#CDBA91;
		min-height:80px;
		text-decoration:none;
		font-size:14px;
		font-weight:600;
		line-height:1.2;
		transition:all 0.3s ease-out;
		padding:10px 0;
		}		
.product-item .product-item-title span{
		text-align:center;
		display:block;
		padding:0 15px;
		color:#FFF;
		}		
.product-item:hover .product-item-title{
		color:#525355;
		}	
.product-item .product-item-image{
		display:block;
		color:#000;
		}		
.product-item .product-item-price{
		padding:0 15px;
		text-align:center;
		width:100%;
		min-height:30px;
		}		
.product-item .product-item-price span{
		display:block;
		font-size:16px;
		line-height:1;
		font-weight:600;
		color:#FFF;
		}		
.product-item .product-item-price span s{
		display:block;
		font-size:14px;
		color:#CDBA91;
		font-weight:600;
		margin:0 0 5px 0;
		}		
.product-item:hover .product-item-price span s{
		color:#FFF;
		}		
.product-item form{
		display:block;
		width:100%;
		}	
.product-item .add-to-cart-btn{
		display:block;
		width:70%;
		border:none;
		padding:10px 15px;
		margin:20px auto 30px auto;
		font-size:14px;
		text-align:center;
		font-weight:600;
		background:none;
		text-transform:uppercase;
		border:1px solid #FFF;
		color:#FFF;
		cursor:pointer;
		transition:all 0.3s ease-out;
		}	
.product-item .add-to-cart-btn:hover{
		border:1px solid #525355;
		color:#525355;
		}		
.product-item .offer_fav,
.product-item .offer_fav_del{
		position:absolute;
		display:block;
		top:10px;
		right:10px;
		cursor:pointer;
		width:25px !important;
		height:25px !important;
		z-index:2;
		}	
.product-item .offer_fav .icon--heart{
		fill:#FFF;
		width:22px;
		height:22px;
		}		
.product-item .offer_fav_del .icon--heart{
		fill:#FF0000;
		width:22px;
		height:22px;
		}
		
/* Маленькие устройства (вертикальные телефоны, 576px и выше) */
@media (min-width:576px){
.product-item{
		width:48%;
		margin:0 1% 25px 1%;
		}		
.product-item .product-item-img{
		height:200px;
		}		
.product-item .add-to-cart-btn{
		width:60%;
		}
}	
/* Средние устройства (горизонтальные телефоны/маленькие планшеты, 768px и выше) */
@media (min-width:768px){
.product-item{
		width:31%;
		margin:0 1% 35px 1%;
		}	
.product-item .product-item-img{
		height:230px;
		}		
.product-item .add-to-cart-btn{
		width:50%;
		}		
.product-item .product-item-title{
		font-size:15px;
		}		
.product-item .product-item-price span{
		font-size:17px;
		}
}	
/* Большие устройства (планшеты/небольшие ноутбуки, 992px и выше) */
@media (min-width:992px){
.product-item{
		width:23%;
		}		
.product-item .add-to-cart-btn{
		width:45%;
		margin:30px auto 40px auto;
		}		
.product-item .product-item-img{
		height:250px;
		}		
.product-item .product-item-title{
		font-size:16px;
		min-height:90px;
		}
}		
/* Очень большие устройства (ноутбуки и десктопы, 1200px и выше) */
@media (min-width:1200px){
.product-item{
		width:23%;
		margin:0 1% 40px 1%;
		}		
.product-item .product-item-img{
		height:280px;
		}		
.product-item .product-item-title{
		font-size:17px;
		min-height:150px;
		}		
.product-item .product-item-price span{
		font-size:18px;
		}		
.product-item .add-to-cart-btn{
		font-size:15px;
		padding:12px 20px;
		}
}