#maryoul_collection_en .boxprod:nth-child(2){transform: translateY(-180px);}
        #maryoul_collection_en .boxprod a {display:block;width:100%;height:100%; text-align:center;}
         #maryoul_collection_en .boxprod:nth-child(2) a{display: block;max-height: 750px;overflow: hidden;} 
         #maryoul_collection_en .boxprod img{width: 100%;margin:0 auto;display: block;}
        #maryoul_collection_en .boxprod:nth-child(2) img{margin:0;display: table-row;vertical-align: sub;min-width: 100%;max-height: initial;max-width: initial;}
#maryoul_collection_en .css-new {
    font-size: 20px;
    display: block;
    text-align: center;
    color: #86754d;
}
        #maryoul_collection_en .boxprod:nth-child(2)>div{width:100%}
      #maryoul_collection_en .nameprod{font-size: 20px;color:#000;text-transform:uppercase;letter-spacing: 5px;text-decoration: none !important;}
    #maryoul_collection_en .price{text-align:center;font-size: 30px;color:#000;margin: 30px 0px;font-weight:600;display: flex;align-items: self-start;justify-content: center;}
    #maryoul_collection_en .devise{font-weight:500;font-size:15px;margin-left: 5px;}
        #maryoul_collection_en .hoverprod{
    position: absolute;
    left: 40px;
    top: 40px;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    background: #ffffffba;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 80px);
    height: calc(100% - 80px);
}
            #maryoul_collection_en .boxprod:hover  .hoverprod{
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
}

           #maryoul_collection_en .shop{
    color: #000;
    width: 50px !important;
    height: 50px !important;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    font-size: 18px;
    margin: 20px auto;
    transition: 0.3s ease all;
    justify-content:center;
}
            #maryoul_collection_en .shop:hover{background: #000;color: #86754d;}