.grid{
 display:grid;
 gap:20px;
}
.card{
 position:relative;
 padding:15px;
 border-radius:16px;
 background:#fff;
 box-shadow:0 10px 25px rgba(0,0,0,0.08);
 display:flex;
 flex-direction:column;
 justify-content:space-between;
 height:100%;
 transition:.3s;
}
.card:hover{
 transform:translateY(-5px);
 box-shadow:0 20px 40px rgba(0,0,0,0.12);
}
.card img{
 width:100%;
 height:220px;
 object-fit:cover;
 border-radius:12px;
}
.badge{
 position:absolute;
 top:10px;
 left:10px;
 color:#fff;
 padding:5px 10px;
 border-radius:8px;
 font-size:12px;
}
.price{
 font-weight:bold;
 margin:10px 0;
}
.btn{
 background:#000;
 color:#fff;
 padding:10px;
 text-align:center;
 border-radius:8px;
 text-decoration:none;
}