.main{
  margin-top: 60px;
}
.products-grid{
  display:grid;
  grid-template-columns:repeat(8,1fr);
}
.product-container{
  display:flex;
  flex-direction:column;
  padding:40px 25px 25px 25px;
  border-right: 1px solid rgb(231, 231, 231);
  border-bottom: 1px solid rgb(231, 231, 231);
}
.product-image-container{
  display:flex;
  justify-content: center;
  align-items:center;
  height:180px;
  margin-bottom:20px;
}
.product-image{
  max-width:100%;
  max-height:100%;
}
.product-name{
  height:40px;
  margin-bottom:5px;
}
.product-rating-container{
  display:flex;
  align-items:center;
  margin-bottom:10px;
}
.product-rating-stars{
  width:100px;
  margin-right:3px;
}
.product-rating-count{
  color: rgb(1, 124, 182);
  cursor:pointer;
  margin-top:2px;
}
.product-price{
  font-weight:700px;
  margin-bottom:10px;
}
.product-quantity-container{
  margin-bottom:15px;
}
.product-spacer{
  flex: 1;
}
.added-to-cart{
  color:rgb(6, 125, 98);
  font-size:15px;
  display:flex;
  align-items:center;
  margin-bottom:8px;
  opacity:0;
}
.added-to-cart-visible{
  opacity: 1;
}
.added-to-cart img{
  height:20px;
  margin-right:5px;
}
.add-to-cart-button{
  width:100%;
  padding:8px;
  border-radius:50px;
}
@media (max-width: 1600px) {
  .products-grid {
    grid-template-columns: repeat(6, 1fr);
  }
}

@media (max-width: 1300px) {
  .products-grid {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (max-width: 1000px) {
  .products-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 800px) {
  .products-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 575px) {
  .products-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 450px) {
  .products-grid {
    grid-template-columns: 1fr;
  }
}