body{
    background-color: #FAF8FB;
}
.all-liste{
    display: flex;
    margin-top:60px;
    flex-wrap: wrap;
    gap: 7px;
    margin-left: 50px;
}

.liste{
    width:280px;
    background:white;
    box-shadow:0 3px 10px rgba(0,0,0,0.12);
    overflow:hidden;
    position:relative;
    transition:0.25s; 
}


.icon{
    position:absolute;
    top:10px;
    right:10px;
    display:flex;
    height:50px;

}

.icon svg{
    width:26px;
    height:26px;
    color:#333;
    cursor:pointer;
    background:white;
    padding:6px;
    border-radius:50%;
    box-shadow:0 2px 5px rgba(0,0,0,0.15);
    transition:0.2s;
}
.icon svg:hover{
    color:#0d6efd;
    transform:scale(1.1);
}

.icon button{
    border:none;
    background:transparent;
    padding:0;
}

.img-list img{
    margin-top:50px;
    width:100%;
    height:240px;
}

.img-list img:hover{
   transform: translateY(-8px)scale(1.05);
}
.titre-liste h5{
    text-align:center;
    margin:12px 0 6px 0;
    font-size:18px;
    font-weight:600;
    color:#333;
}

.prix{
    display:flex;
    justify-content:center;
    gap:10px;
    margin:8px 0 12px 0;
}
.prix-act{
    color:#5A39C9;
    font-weight:bold;
    font-size:16px;
}
.prix_anc{
    color:#999;
    text-decoration:line-through;
    font-size:14px;
}