.card-grid{
min-width: 1600px;
border: 1px solid black;
border-radius: 6px;
padding:20px;
margin:0 auto;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 20px;
}

.card {
    background: #fff;
    border-radius: 12px;
    padding: 15px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
    transition: transform .2s;
    border: 1px solid #f2f2f2;
}

.img-wrapper{
    width: 100%;
    height: auto;
}

.img-wrapper img{
    width: 100%;
    height: auto;
    object-fit: contain;
}