.shop-card{
 position:relative;
 background:#f7f7f7;
 overflow:hidden;
 border-radius:8px;
 transition:.35s;
}

.shop-card img{
 width:100%;
 height:430px;
 object-fit:cover;
 display:block;
 transition:.35s;
}

.shop-card:hover img{
 opacity:.25;
 transform:scale(1.04);
}

/* puntos colores */
.color-dots{
 position:absolute;
 top:20px;
 left:20px;
 z-index:3;
}

.color-dots span{
 display:block;
 width:16px;
 height:16px;
 border-radius:50%;
 margin-bottom:8px;
}

.color-dots span:nth-child(1){
 background:#b7c516;
}

.color-dots span:nth-child(2){
 background:#667a42;
}

.color-dots span:nth-child(3){
 background:#d39c52;
}

/* badge */
.badge-new{
 position:absolute;
 top:20px;
 right:20px;

 background:#000;
 color:#fff;

 padding:6px 12px;
 font-size:14px;
 font-weight:600;

 z-index:3;
}

/* acciones hover */
.product-actions{
 position:absolute;

 top:35%;
 right:25px;

 display:flex;
 flex-direction:column;

 gap:14px;

 opacity:0;
 transform:translateX(30px);

 transition:.35s;

 z-index:4;
}

.shop-card:hover .product-actions{
 opacity:1;
 transform:translateX(0);
}

.product-actions a{
 width:48px;
 height:48px;

 background:#fff;

 border-radius:50%;

 display:flex;
 align-items:center;
 justify-content:center;

 color:#111;
 text-decoration:none;

 box-shadow:0 4px 12px rgba(0,0,0,.15);
}

/* info abajo */
.product-info{
 position:absolute;

 left:40px;
 bottom:30px;

 z-index:5;
}

.product-info h5{
 font-size:18px;
 font-weight:700;
 margin-bottom:5px;
 	color:#CC0100;
}

.product-info small{
 display:block;
 margin-bottom:10px;
 	color:#000000;
}

.price{
 font-size:16px;
 font-weight:700;
 	color:#CC0100;
}