/* To be generated dynamically throught js or php */
.b_one {
}

/* Template products */
.content-row .product {
  /* background-color: coral; */
  position: relative;
  width: 98%;
  height: 350px;
  text-align: center;
  padding-bottom: 10px;
  margin-bottom: 20px;
  background-color: #fff;

  border-radius: 5%;
  border: 2.5px solid #95d0c4;
  /* overflow: hidden; */

  color: black;

  overflow-y: scroll;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */

  -webkit-box-shadow: 11px 7px 16px 1px rgba(0, 0, 0, 0.93);
  box-shadow: 11px 7px 16px 1px rgba(0, 0, 0, 0.93);
}

/* Hide scrollbar for Chrome, Safari and Opera */
.content-row .product::-webkit-scrollbar {
  display: none;
}

.content-row .product .news {
  position: absolute;
  left: 0;
  left: 0;
  padding: 4px;
  background-color: #f39597;
  color: white;
  border-radius: 10%;
  /* text-transform: lowercase; */
}

.content-row .product .img-container {
  width: 100%;
  height: 50%;
  background-repeat: no-repeat;
  background-size: 70%;
  background-position: center;
}

.content-row .product .img-container:hover {
  cursor: pointer;
}

.content-row .product h3 {
  /* margin-top: 10px; */
  text-transform: uppercase;
  margin-bottom: 10px;
}

.content-row .product p {
  font-size: 0.8rem;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 10px;
}

.content-row .product .price {
  margin-top: 5px;
}

.content-row .product .show_single {
  cursor: pointer;
}

.content-row .product .add_cart {
  cursor: pointer;
  display: inline-block;
  margin-top: 10px;
}

/* Larger products */

.content-larger .content-row .product {
  width: 22%;
}

/* Custom un produit sur deux */
.content-larger .content-row .product:nth-child(2),
.content-larger .content-row .product:nth-child(4),
.content-larger .content-row .product:nth-child(5),
.content-larger .content-row .product:nth-child(7) {
  background-color: #95d0c4;
  color: white;
}

/* .content-row .product:nth-child(2) .add_cart,
.content-row .product:nth-child(4) .add_cart {
  background-color: #f9c0c2;
} */

.product h3 {
  font-weight: 400;
  font-size: 0.9rem;
}

/* RESPONSIVE */

/* Up To : phone landscape & smaller + Tablet Portrait */
@media all and (min-width: 480px) {
  .content-row .product .img-container {
    height: 55%;
    background-size: 35%;
  }

  .content-row .product {
    width: 48%;
    height: 450px;
  }

  .content-row .product p {
    margin-bottom: 20px;
  }

  .content-row .product .img-container {
    background-size: 60%;
  }
}

/* Ipad */
@media all and (min-width: 900px) {
  .content-row .product {
    width: 42%;
    height: 450px;
  }

  .content-row .product .img-container {
    height: 55%;
    background-size: 70%;
  }
}

/* Laptop and + */
@media all and (min-width: 1180px) {
  /* Template products */
  .content-row .product {
    width: 32%;
  }
}