*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.product-page{
    color: white;
}
.product-page .container{
    padding-block: 60px;
    background-color: rgb(37, 37, 37);
}
.product-page .container h2{
    font-size: 40px;
    margin-bottom: 10px;
}

.product-page .container{
  text-align: center; 
}
.product-grid{
    padding-inline: 120px;
margin-block: 50px;
gap: 20px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
}
.product-card{
display: flex;
flex-direction: column;
gap: 25px;
}
.img-contain{
height: 300px;
overflow: hidden;
background-color: rgb(105, 105, 105);

}
.product-image{
width: 100%;
height: 100%;
object-fit: cover;
}
.product-details{

}
.product-title{
font-size: 17px;
font-weight: bold;
letter-spacing: 1.2px;
}
.product-price-bl{
    margin-top: 15px;
    color: rgb(255, 174, 0);
 }
.product-actions{
display: flex;
justify-content: space-between;
}
.product-actions a{
    text-decoration: none;
    padding-block: 10px;
    padding-inline: 30px;
    display: block;
    width: 100%;
    text-align: center;
}
.product-actions a:nth-child(2){
    background-color: rgb(255, 191, 0);
    color:rgb(46, 46, 46) ;
}
.product-actions a:first-child{
    border: 1px solid rgb(46, 46, 46);
    color: white;
}