.product{
    display:inline-block;
    width:400px;
    cursor:pointer;
    position:relative;
    text-decoration: none;
    color:unset;
    vertical-align: top;
}

.product .pdt-img_container{
    position:relative;
    height:400px;
    width:400px;
    z-index:1;
}

.product[data-stock="outofstock"] .pdt-img_container::after{
    content:url("https://shop.feminomenale.com/wp-content/uploads/2026/03/rupture-e1773663071244.png");
    width:200px;
    height:200px;
    object-fit: contain;
    position:absolute;
    z-index:2;
    bottom:0;
    right:calc(50% - 100px);
}


.product:hover img{
    transform:scale(1.1);
}

.product[data-stock="outofstock"] .pdt-img_container img{
    opacity: 0.7;
}

.product .product_img{
    height:100%;
    width: 100%;
    object-fit:contain;
}

.product .pdt_infos{
    margin-top:10px;
    text-align:center;
    position:relative;
    z-index:2;
}

.product .pdt_infos .category{
    font-style: italic;
    opacity:0.6;
    font-size:15px;
}
.product .pdt_infos .name{
    font-weight:500;
    font-size:18px;
    margin-bottom:5px;
    padding:0 10px;
    text-overflow: ellipsis;
}

.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;
}


@media screen and (max-width:760px){
    .product{
        width:100%;
    }

    #products_container{
        padding:0;
        margin-top:20px;
        margin-bottom:170px;
    }
    .product .pdt-img_container{
        width:100%;
        height:40vh;
    }

    .product[data-stock="outofstock"] .pdt-img_container::after{
        content:url("https://shop.feminomenale.com/wp-content/uploads/2026/03/rupture-1-e1773663376533.png");
        width:100px;
        height:100px;
        object-fit: contain;
        position:absolute;
        z-index:2;
        bottom:0;
        right:calc(50% - 50px);
    }

    .product .pdt_infos .category{
        font-size:14px;
    }
    .product .pdt_infos .name{
        font-size:16px;
        margin:5px 0;
    }
    .product .price div{
        display:inline-block;
        font-size:14px;
    }
    .product .sur-mesure{
        opacity:0.6;
        font-size:14px;
    }
}