/* Conteneur simple, utilisé pour les catégories d'items */
.conteneur_1 {
    display: flex;
    justify-content: center;
    align-self: center;
    flex-wrap: wrap;
    gap: 1vw;
    width: 90%;
}


/* Conteneur avec couleure de fond et contour, utilisé pour les filtres */
.conteneur_2 {
    align-self: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 2vw;
    padding: 2vw;
    width: 80%;
    border-radius: 10px;
    background: linear-gradient(160deg, rgba(14,20,10,0.88), rgba(10,14,8,0.88));
    border: 1px solid rgba(201,148,58,0.2);
    box-shadow: 0 4px 24px rgba(0,0,0,0.5), 0 0 16px rgba(201,148,58,0.1);
}


/* Conteneur simple mettant tous les élements en colonne et au centre */
.conteneur_3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1vw;
    width: 100%;
    padding: 1vw;
}


/* Conteneur simple mettant tous les éléments en colonne sans être au centre */
.conteneur_4 {
    display: flex;
    flex-direction: column;
    width: 90%;
    gap: 0.5vw;
}

/* Conteneur avec couleure de fond et contour, utilisé pour les filtres, pas centré */
.conteneur_5 {
    display: flex;
    flex-direction: column;
    gap: 2vw;
    padding: 2vw;
    width: 80%;
    border-radius: 10px;
    background: linear-gradient(160deg, rgba(14,20,10,0.88), rgba(10,14,8,0.88));
    border: 1px solid rgba(201,148,58,0.2);
    box-shadow: 0 4px 24px rgba(0,0,0,0.5), 0 0 16px rgba(201,148,58,0.1);
}


/* Conteneur simple mettant les éléments en ligne au contren de la div et avec un espece réduit, utilisé pour un item dans la panier */
.conteneur_6 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.1vw;
}


/* Conteneur comportant une barre de scroll, utilisé dans les tableaux de commandes ou de reventes */
.conteneur_7 {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 12px;
}



@media (max-width: 765px) {
    .conteneur_1 { gap: 1vw; padding: 12px 6px; }

    .conteneur_2 { padding: 5vw 1vw 5vw 1vw; width: 90%; }

    .conteneur_4 { width: 90%; }
}