
.shop-container {
display: flex;
width: 100%;
position: relative;
margin-bottom: 100px;
}

.shop-thumb {
width: 60%;
height: 100vh;
position: sticky;
top: 0;
transition: top 0s ease-out;
border-right: 1px solid #eee;
order: 1;
background-color: #f5f5f5;
}

.shop-content {
    width: 40%;
    padding-top: 120px;
    padding-left: 40px;
    padding-right: 40px;
    order: 2;
}

.shop-content h1 {
    padding-bottom: 20px;
    margin: 0;
    padding-left: 0px;
}

.shop-price {
font-size: 16px;
}

.shop-price p {
    font-size: 15px;
}

.Input, .p-FauxInput {
    border: 0px!important;
    padding: 20px!important;
}

.price {
    width: 100%;
    text-align: left;
}

.panier-shop {
position: fixed;
top: 90px;
right: 20px;
padding: 10px 20px 10px 20px;
z-index: 999;
background-color: #fff;
border: 1px solid #000;
border-left: 1px solid #000;
border-radius: 50px;
}

.panier-shop p {
    margin: 0px;
}

.panier-shop a {
}

.commande-legend {
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

.commande-legend p {
    padding: 0;
    margin: 0;
    color: #111;
    margin-bottom: 40px;
    border-top: 1px solid #eee;
    padding: 25px 0px 25px 0px;
    margin-top: 40px;
    border-bottom: 1px solid #eee;
}

.shop-bt-command{
    width: 100%;
    text-align: left;
}

/* Force la disparition si le PHP renvoie un conteneur vide */
.mon-panier-dynamique:empty {
    display: none !important;
}

/* Si vous avez un espace blanc ou un retour à la ligne dans votre PHP, 
   le :empty peut ne pas fonctionner. Utilisez alors ceci : */
.mon-panier-dynamique {
    min-height: 0;
}

