.product{
    width:100%;
    text-decoration: none;
    color:#000;
    padding:0 5px;
}

.product .pdt_infos{
    margin-top:5px;
}

.product .pdt_infos .category{
    font-style: italic;
    opacity:0.6;
    font-size:15px;
}

.product .pdt-img_container{
    position:relative;
    height:30vh;
    max-height:400px;
    width:100%;
    z-index:1;
}

.product .pdt-img_container img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position: left;
}

.product .pdt_infos .name{
    font-weight:500;
    font-size:18px;
    margin-bottom:5px;
    padding:0 20px 0 0;
    text-overflow: ellipsis;
    white-space: normal;
}


.product .price div{
    display:inline-block;
    font-size:16px;
}
.product .price div.onsale{
    text-decoration: line-through;
    opacity:0.8;
    margin-left:5px;
    font-size:15px;
}
.product .sur-mesure{
    opacity:0.6;
    font-size:15px;
}
.product .etat{
    font-style:italic;
    font-size:13px;
    margin-top:5px;
}
.product .etat.excellent{
    color:rgb(77, 255, 0);
}
.product .etat.good{
    color:rgb(0, 180, 0);
}
.product .etat.medium{
    color:rgb(255, 128, 0);
}
.product .etat.bad{
    color:red;
}

@media screen and (max-width:1200px){
    .product{
        font-size:14px;
        padding:0 10px;
        box-sizing: border-box;
    }
    .product .pdt_infos{
        text-align: center;
    }
    .product .pdt_infos .category{
        font-size:14px;
    }
    .product .pdt_infos .name{
        font-size:16px;
        padding:0 10px;
    }
    .product .price div{
        display:inline-block;
        font-size:14px;
    }
    .product .sur-mesure{
        opacity:0.6;
        font-size:14px;
    }
    .product .pdt-img_container img{
        object-position: center;
    }
}