/* 1. SUPPRESSION RADICALE DE TOUTES LES OMBRES (SHADOWS) */
* {
    box-shadow: none !important;
    text-shadow: none !important;
}

/* 2. ON DÉFINIT LE GRIS UNIFIÉ (pour que tout se fonde) */
/* On utilise le gris clair standard (#f6f6f6) ou celui de ton choix */
#wrapper .container, 
.breadcrumb, 
#content, 
.images-container, 
.product-cover,
.product-cover img {
    background-color: #f6f6f6 !important; /* Ce gris va remplacer le blanc */
    border: none !important;
}

/* 3. ON SUPPRIME LA ZONE BLANCHE SOUS LE MENU NOIR */
#header {
    margin-bottom: 0 !important;
}
#wrapper {
    padding-top: 0 !important;
    background-color: transparent !important;
}

/* 4. ON ALIGNE LE FIL D'ARIANE (ACCUEIL) AVEC LE RESTE DU GRIS */
.breadcrumb {
    margin-bottom: 0 !important;
    padding: 20px 25px !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}

/* 5. ON CENTRE LA COLONNE GRISE GLOBALE */
#wrapper .container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 25px 25px 25px !important;
}

/* 6. ON FORCE LE FOND GRIS DERRIÈRE L'IMAGE POUR QU'ELLE SE FONDE */
.product-cover {
    margin-bottom: 0 !important;
}

/* 7. OPTIONNEL : Si tu veux que le texte à droite soit aussi sur ce gris */
.product-information {
    background-color: #f6f6f6 !important;
}
/* 1. ON FORCE LA LIGNE À ACCEPTER 4 PRODUITS */
.products.row {
    display: flex !important;
    flex-wrap: wrap !important;
}

/* 2. ON DIT À CHAQUE PRODUIT DE PRENDRE 25% DE LA LARGEUR */
/* On cible les classes col-md-4 et col-lg-4 que Presta utilise par défaut */
#products .product-miniature, 
.featured-products .product-miniature {
    width: 100% !important;
    flex: 0 0 25% !important;
    max-width: 100% !important;
    padding: 0px !important; /* Espace entre les cartes */
}

/* 3. ON SUPPRIME LE BLOCAGE (L'élément qui force le retour à la ligne après le 3ème) */
.products.row .clearfix {
    display: none !important;
}

/* 4. ON AGRANDIT LES IMAGES (Pour qu'elles ne soient plus toutes petites) */
.product-miniature .thumbnail-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.product-miniature .product-thumbnail img {
    width: 100% !important;
    height: auto !important;
    display: block;
}

/* 5. ON CACHE LE BLOC "SOUS-CATÉGORIES" ET LE TITRE "ACCUEIL" */
#subcategories, .category-name {
    display: none !important;
}

/* 6. ON ÉLARGIT LA ZONE GRISE POUR QUE LES 4 CARTES SOIENT GRANDES */
#wrapper .container, .breadcrumb {
    max-width: 1400px !important; /* On augmente la largeur totale */
    background-color: #f6f6f6 !important;
}