body, h1, h2, h3, h4, h5, h6, p, a, span, button {
    font-family: 'Montserrat', sans-serif !important;
/* 1. Force le conteneur de l'image à prendre toute la largeur */
.simpleblog__post__content {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    float: none !important;
    clear: both !important;
}

/* 2. Centre l'image et neutralise la classe "db" (display block) */
.simpleblog__post__content img.db {
    display: block !important;
    margin: 0 auto 30px auto !important;
    float: none !important;
    max-width: 100% !important;
    height: auto !important;
}

/* 3. Empêche le texte suivant de remonter sur les côtés */
.simpleblog__post__content + div, 
.simpleblog__post__content ~ p {
    clear: both !important;
    display: block !important;
}

/* 4. Optionnel : Centre le titre de l'article pour l'élégance */
.simpleblog__post .page-header {
    text-align: center !important;
/* 1. Conteneur de l'image : Taille réduite et centrée */
.product-miniature .thumbnail-container, 
.product-miniature .product-thumbnail {
    height: 280px !important; /* Taille réduite pour ne pas dépasser */
    max-height: 280px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #ffffff !important;
    overflow: hidden !important;
    margin-bottom: 10px;
    border: none !important; /* Supprime les doubles bordures si présentes */
}

/* 2. L'image elle-même : Ne dépasse jamais du cadre */
.product-miniature .thumbnail-container img, 
.product-miniature .product-thumbnail img {
    max-height: 100% !important;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important; /* Garde le sac entier sans le couper */
}

/* 3. Ajustement de la boîte globale du produit */
.product-description {
    padding: 10px !important;
    min-height: 100px !important;
}

/* 4. Fix pour les titres trop longs qui poussent le contenu vers le bas */
.product-title a {
    display: block;
    height: 38px; /* Hauteur de 2 lignes environ */
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Masquer le fil d'Ariane spécifiquement sur les pages catégories de jmmcshop */
#category .breadcrumb-section {
    display: none !important;
}

/* Forçage global de Playfair Display pour JMMC Shop */
body, h1, h2, h3, h4, h5, h6, .product-title a, .product-name, .ce-title, .product-miniature h3 a {
    font-family: 'Playfair Display', serif !important;
}

/* Cible spécifiquement les titres de produits de la capture d'écran */
.product-miniature .product-title a, 
.product-description .product-name,
.featured-products .product-title a {
    font-family: 'Playfair Display', serif !important;
}

/* Pour les onglets Featured, Special, New de ta capture */
.nav-tabs .nav-link {
    font-family: 'Playfair Display', serif !important;
}

/* 1. On casse le contexte d'isolement du header */
#id-header, 
.class-header, 
.header-sticky {
    transform: none !important; /* Crucial : le transform crée un blocage de z-index */
    filter: none !important;    /* On enlève temporairement les filtres */
    perspective: none !important;
    contain: none !important;
    overflow: visible !important;
    z-index: 999999 !important;
}

/* 2. On force le conteneur du menu à sortir physiquement de la boîte */
#id-menu-deroulant {
    position: static !important; 
}

/* 3. On cible le panneau qui s'ouvre (le dropdown) */
#id-menu-deroulant [class*="ce-dropdown"], 
#id-menu-deroulant [class*="menu-container"] {
    position: absolute !important;
    top: 100% !important;
    z-index: 1000000 !important;
    display: block !important;
}

/* 4. On s'assure qu'AUCUN parent de Creative Elements ne bloque */
#id-header .ce-section, 
#id-header .ce-container, 
#id-header .ce-column, 
#id-header .ce-column-wrap {
    overflow: visible !important;
    position: static !important; /* On "aplatit" les couches pour libérer le z-index */
}