#container-prev-next {
  display: flex;
  justify-content: space-between;
}
#container-prev-next a {
  color: #51473d;
  font-size: 24px;
}

#container-details {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  column-gap: 30px;
  margin-top: 20px;
}
@media (max-width: 992px) {
  #container-details {
    grid-template-columns: 1fr 1fr;
    column-gap: 15px;
  }
}
@media (max-width: 768px) {
  #container-details {
    grid-template-columns: 1fr;
  }
}
#container-details .box-images img {
  max-width: 100%;
  cursor: pointer;
}
@media (max-width: 768px) {
  #container-details .box-images img.photo {
    width: 100%;
  }
}
#container-details .box-images .photo-miniatures {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 10px;
  margin-top: 10px;
}
#container-details .box-images a.image-popup-vertical-fit {
  position: relative;
  display: block;
}
#container-details .box-images a.image-popup-vertical-fit img.photo {
  display: block;
  transition: ease-in-out all 0.3s;
  opacity: 1;
  filter: alpha(opacity=1);
  background-color: black;
}
#container-details .box-images a.image-popup-vertical-fit .loupe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: ease-in-out all 0.3s;
}
#container-details .box-images a.image-popup-vertical-fit:hover img.photo {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
#container-details .box-images a.image-popup-vertical-fit:hover .loupe {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
@media (max-width: 768px) {
  #container-details .box-description {
    margin-top: 18px;
  }
}
#container-details .box-description h3 {
  font-size: 32px;
}
#container-details .box-description .prix {
  font-size: 28px;
}
#container-details .box-description .description {
  margin-top: 28px;
  font-size: 18px;
}
#container-details .box-description .description-2 {
  margin-top: 24px;
  font-size: 16px;
}
#container-details .box-description .btn-ajouter-panier {
  display: flex;
  align-items: center;
  margin: 24px auto 0 auto;
  padding: 10px 32px 8px 32px;
  width: max-content;
  text-align: center;
  color: #ebe1cc;
  font-size: 18px;
  border-radius: 8px;
}
@media (max-width: 992px) {
  #container-details .box-description .btn-ajouter-panier {
    width: 100%;
    justify-content: center;
    padding: 10px 0 8px 0;
  }
}
@media (max-width: 576px) {
  #container-details .box-description .btn-ajouter-panier {
    padding: 10px 10px 8px 10px;
  }
}
#container-details .box-description .btn-ajouter-panier span {
  padding-right: 18px;
}
@media (max-width: 576px) {
  #container-details .box-description .btn-ajouter-panier span {
    padding-right: 12px;
  }
}
#container-details .box-description .btn-ajouter-panier.en-stock {
  cursor: pointer;
  background-color: #51473d;
  transform: scale(1);
  transition: background-color 150ms ease-in-out, outline 50ms ease-in-out;
}
#container-details .box-description .btn-ajouter-panier.en-stock.animate {
  outline: 3px double #3c342c;
}
#container-details .box-description .btn-ajouter-panier.en-stock:hover {
  background-color: #3c342c;
}
#container-details .box-description .btn-ajouter-panier.rupture-stock {
  background-color: rgba(81, 71, 61, 0.5882352941);
}