.panier {
    width: 1000px; /* Largeur fixe du panier */
    margin: 0 auto; /* Centre le panier horizontalement */
    margin-top: -20px; /* Espace au-dessus du panier */
    display: flex; /* Utilise Flexbox pour la mise en page */
    justify-content: space-between; /* Espace entre les sections gauche et droite */
    align-items: flex-start; /* Aligne les éléments en haut */

    background: linear-gradient(#171717, #323232); /* Dégradé de fond */
    border-radius: 20px; /* Bords arrondis */
    border: 3px solid #ff3535b2; /* Bordure rouge semi-transparente */
    padding: 40px;/* Espacement interne */
}

.left-basket {
    width: 40%;
}

.left-basket li {
    margin-left: 30px;
    color: #ffffff;
    list-style-image: url(../media/logo/LOGOFLMFAVICON.webp);
    padding-bottom: 10px;
}

.left-basket .achat {
    margin-left: 60px;
    width: 200px;
    aspect-ratio: 40/9;
    border-radius: 20px;
    border : 3px solid #1a1a1ab2 ;
    box-shadow: rgba(43, 43, 43, 0.55) 0px 30px 60px -12px inset, rgba(0, 0, 0, 1) 0px 18px 36px -18px inset;
    background-color: #17171700;
    transition: all 450ms;

}


.left-basket .achat:hover {
        transition: all 250ms;
        transform: scale(1.13);
        background-color:#ff3535;
}


.left-basket .promo {
    margin-left: 60px;
    width: 200px;
    aspect-ratio: 30/9;
    border-radius: 20px;
    border : 1px solid #ff4e4e00 ;
    background-color: #ff3535;
    align-items: center;
    margin-bottom: 25px;
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}
.left-basket h1 {
    text-align: center;
    align-items: center;
}

h3 {
    color: #ffffff;
    align-items: center;
    margin-left:20px ;
}

.right-basket h2 {
    text-align: left;
}

.right-basket h3 {
    padding-left: 60px;
}

.right-basket {
    width: 60%;
}

.right-basket .codeun {
    margin-left: 100px;
    width: 240px;
    aspect-ratio: 40/9;
    border-radius: 20px;
    border : 3px solid #ff3535b2 ;
    box-shadow: rgba(43, 43, 43, 0.55) 0px 30px 60px -12px inset, rgba(0, 0, 0, 1) 0px 18px 36px -18px inset;
}

.right-basket .codedeux {
    margin-left: 100px;
    width: 130px;
    aspect-ratio: 40/9;
    border-radius: 20px;
    border : 3px solid #ff3535b2 ;
    box-shadow: rgba(43, 43, 43, 0.55) 0px 30px 60px -12px inset, rgba(0, 0, 0, 1) 0px 18px 36px -18px inset;
}

.right-basket .codetrois {
    margin-left: 100px;
    width: 70px;
    aspect-ratio: 40/9;
    border-radius: 20px;
    border : 3px solid #ff3535b2 ;
    box-shadow: rgba(43, 43, 43, 0.55) 0px 30px 60px -12px inset, rgba(0, 0, 0, 1) 0px 18px 36px -18px inset;
}

.right-basket .codeun h3{
    padding: 0px;
}

.right-basket .codedeux h3{
    padding: 0px;
}

.right-basket .codetrois h3{
    padding: 0px;
}

.panier ul {
    background: linear-gradient(#171717, #202020);
    padding: 10px;
    width: 300px;
    border-radius: 20px;
    margin-left: 60px;
}