* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.details-prod {
    margin-top: 5%;
    font-family: 'Heebo';
}

.container-img {
    border-radius: 25px 25px 25px 25px;
    width: 90%;
    position: relative;
    display: flex;
    justify-content: center;
    border: 2px solid #d3f1df;
}

.left-details {
    width: 43%;
    margin-left: 5%;
}

#imdprod {
    position: relative;
    width: 80%;
}

.haut-details {
    display: flex;
    gap: 5%;
}
.right-details__para-details--color{
    color: #00a79f;
}
.right-details {
    width: 43%;
}
.para-details{
    margin-top: 5%;
    color: #aeaeae;
}
.container-right {   
    border: 2px solid #d3f1df;
    border-radius: 25px 25px 25px 25px;
}

.right-details h1 {
    color:  #525b44;
}

.right-details h2 {
    margin-top: 5%;
    color: #525b44;
}
.prix-ancien {
  text-decoration: line-through;
  color: #999;
  font-size: 80%;
  font-weight: 50;
  
}

input[type="number"] {
    border: 1px solid #85a98f;
    border-radius: 13px;
    margin-top: 3%;
    text-align: center;
    color: #85a98f;  
    height: 50px;
    width: 20%;
    font-size: 20px;
}

.container-buy {
    display: flex;
    gap: 2%;
}

#buybutton {
    background: #85a98f;
    border-radius: 13px;
    color: white;
    width: 20%;
    height: 50px;
    font-size: 120%;
    align-self: end;
}

.bas-details {
    margin: 5%;
}

.style-h3 {
    margin-bottom: 2%;
    color:  #525b44;
}

.bas-details-1{
    display: flex;
    gap: 2%;
}

.line{
    width: 80%;
    height: 1%;
    margin-top: 1%;
}

.para-descrip{
    color: #aeaeae;
    margin-left: 1%;
}

.liste li::marker{
    color: #00a79f;
}

.liste li{
    color: #aeaeae;
    margin-left: 3%;
}
.bas-details-2{
    display: flex;
    gap: 2%;
}
.h3-use{
    margin-bottom: 2%;
    margin-left: 5%;
    color:  #525b44;
}

.para-use{
    color: #aeaeae;
    margin-left: 5%;
    margin-bottom: 3%;
}