/* =====================================
   CARDS
===================================== */
.card{
    background:var(--surface);
    border-radius:24px;
    padding:24px;
    box-shadow:var(--shadow);
    transition:.3s;
}
.card:hover{
    transform:translateY(-6px);
}
.card-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:18px;
}
.card-title{
    font-size:20px;
    font-weight:700;
}
.card-subtitle{
    color:var(--text-light);
    font-size:14px;
}
.card-image{
    width:100%;
    aspect-ratio:4/3;
    object-fit:cover;
    border-radius:18px;
    margin-bottom:18px;
}
.card-price{
    color:var(--primary);
    font-size:24px;
    font-weight:800;
}
.card-footer{
    margin-top:20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.card-chip{
    display:inline-flex;
    align-items:center;
    padding:6px 14px;
    border-radius:999px;
    background:#FEECEC;
    color:var(--primary);
    font-size:12px;
    font-weight:600;
}
.card-grid{
    display:grid;
    gap:24px;
}
@media(min-width:768px){
.card-grid{
grid-template-columns:
repeat(auto-fill,minmax(320px,1fr));
}
}