/* Boutons */
.actions{
    display:flex;
    gap:15px;
    align-items:stretch;
    margin:20px 0;
}

.actions button{
    flex:1;
    height:60px;
    padding:0 20px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:20px;
    font-weight:bold;
    box-sizing:border-box;
}
/* Liste des produits */
#listeProduits {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    padding: 10px;
}

/* Carte produit */
.produit {
    background: white;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 10px;
    text-align: center;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    transition: .2s;
}
.produit:hover{
    transform: translateY(-4px);
    box-shadow: 0 5px 15px rgba(0,0,0,.15);
}

.produit img{
    width:100%;
    height:180px;
    object-fit:cover;
    border-radius:8px;
}
@media (max-width:768px){

    .produit img{
        height:140px;
    }

}
.produit h2 {
    font-size: 18px;
    margin: 10px 0 5px;
}

.produit p {
    margin: 5px 0;
}

.produit button {
    width: 100%;
}

/* Téléphone */
@media (max-width: 768px) {

    #listeProduits {
        grid-template-columns: repeat(2, 1fr);
    }

    nav {
        display: flex;
        justify-content: space-around;
        font-size: 18px;
        flex-wrap: wrap;
    }

    .produit h2 {
        font-size: 14px;
    }

    .produit p {
        font-size: 13px;
    }

    .produit img {
        height: 120px;
    }
}
.menu-cache li{
    border-bottom:1px solid #ddd;
}

.menu-cache a{
    display:block;
    width:100%;
    padding:10px;
    text-decoration:none;
    color:black;
    box-sizing:border-box;
}

.menu-cache a:hover{
    background:#f0f0f0;
}
.menu-cache {
    display: none;
    background: white;
    border: 1px solid #ccc;
    margin-top: 10px;
    border-radius: 5px;
}