html{
    scroll-behavior:smooth;
}

body{
    font-family:Arial, Helvetica, sans-serif;
}


.products {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 40px;
}


.product-card {

    width: 300px;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    padding: 20px;
    background: white;

}


.product-card img {

    width: 100%;
    height: 200px;
    object-fit: contain;

}


.product-card a {

    display: inline-block;
    background: #DC2626;
    color: white;
    padding: 10px 15px;
    border-radius: 6px;
    text-decoration: none;

}


.product-card a:hover {

    background:#B91C1C;

}