#panier_row{

    display: flex;
    flex-direction: row;

    justify-content: space-around;
    align-items: center;


    height: 22vw;
    width : 95vw;


    margin-bottom: 0vw;
    margin-top: 0vw;

}


.panier_item {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;

  position: relative;
  overflow: visible;

}


.containerImg {
  height: 12vw;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: visible;
}

.panier_image_wrapper {
  height: 100%;  /* ← ✅ clé ici */
  width: auto;
  border-radius: 2vw;
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background: white;
}

.panier_image_wrapper img {
  height: 100%;
  width: auto;
  object-fit: contain;
  display: block;
}

.panier_item p{

    font-size: 1vw;
    margin-top: 3%;

}

.panier_item h2{
    font-size: 1.2vw;
    font-weight: bold;

    margin-top: 2%;

}

.panier_item button{
    height: 6%;

    font-size: 1.3vw;
    padding-top: 0.3vw;
    padding-bottom: 0.3vw;

    margin-top: 5%;
}


#total_panier{

    font-size: 2vw;
    margin-bottom: 2vw;
}

#button_panier{

    height: 3.5vw;

}

#panierVideImg
{
    width : 25vw;
    height: 25vw;
    border-radius: 50%;
    margin-top: 5vw ;
}

#remise_fixe_panier{
    font-size : 1.5vw;
    font-style: italic;
}


@media screen and (max-width: 769px) {


    #panier_row{

        display: flex;
        flex-direction: row;
    
        justify-content: space-around;
        align-items: center;
    
    
        height: 80vw;
        width : 80vw;
    
    
        margin-bottom: 0vw;
        margin-top: 0vw;
    
    }
    
    
    .panier_item{
    
        padding-top :2vh;
        padding-bottom: 2vh;;

        width : 40%;
        display: flex;
        flex-direction: column;
    
        align-items: center;
    
    }
    
    .panier_item img{
    
        height : 24vw;
        width : auto;
    
        margin-bottom: 3vw;
    
    }
    
    .panier_item p{
    
        font-size: 4vw;
        margin-top: 3%;
    
    }
    
    .panier_item h2{
        font-size: 3vw;
        font-weight: bold;
    
        margin-top: 2%;
    
    }
    
    .panier_item button{
        height: 9%;
    
        font-size: 4vw;
        padding-top: 0.3vw;
        padding-bottom: 0.3vw;
    
        margin-top: 5%;
    }
    
    
    #total_panier{
    
        font-size: 5vw;
        margin-bottom: 4vw;
    }
    
    #button_panier{
    
        height: 10vw;
    
    }

    #panierVideImg
{
    width : 60vw;
    height: 60vw;
    border-radius: 50%;
    margin-top: 15vw ;
}


#remise_fixe_panier{
    font-size : 3.5vw;
    font-style: italic;
}
    



}