.block.category {
    padding: 1rem 0;
}

.block.category .pmb-breadcrumb {
    font-size: 0.85rem;
    margin-bottom: 1rem;
    color: #666;
}

.block.category .pmb-breadcrumb a {
    color: #666;
    text-decoration: none;
}

.block.category .pmb-breadcrumb a:hover {
    text-decoration: underline;
}

.block.category .pmb-breadcrumb .current {
    color: #2d2d2d;
    font-weight: 600;
}

.block.category h1 {
    margin: 0 0 1.5rem;
}

/* Intro (user) sous le titre. */
.pmb-category-intro {
    margin: -0.5rem 0 4rem;
   
}

/* Contenu long (SEO) en bas de page. */
.pmb-category-content {
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid #eee;
}

/* Hiérarchie typographique du bloc SEO (H2 section > H3 sous-parties > corps). */
.pmb-category-content h2 {
    font-size: 1.7rem;
    line-height: 1.2;
    margin: 2.25rem 0 0.75rem;
}

.pmb-category-content h3 {
    font-size: 1.25rem;
    line-height: 1.25;
    margin: 1.75rem 0 0.5rem;
}

.pmb-category-content p {
    margin: 0 0 1rem;
    line-height: 1.6;
}

.pmb-category-content ul {
    margin: 0 0 1.25rem;
    padding-left: 1.25rem;
}

.pmb-category-content li {
    margin: 0.3rem 0;
}

.pmb-category-sections {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    margin-top: 1.5rem;
}

.pmb-category-section > h2 {
    margin: 0 0 0.5rem;
    font-size: 1.6rem;
}

.pmb-category-section-head {
    display: block;
    text-decoration: none;
    color: inherit;
}

.pmb-category-section-head:hover h2 {
    text-decoration: underline;
}

.pmb-category-section-intro {
    margin: 0 0 1.25rem;
  
    color: #555;
}

/* Le carrousel déborde du groupe WP (largeur de contenu max) pour prendre toute
   la largeur de l'écran. Le padding interne de Splide réaligne la 1re carte sur
   la largeur de contenu. */
.pmb-category-carousel.splide {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

/* Évite le petit scroll horizontal dû au 100vw (largeur de la scrollbar).
   `clip` plutôt que `hidden` pour ne pas casser le position:sticky (barre de
   filtres des pages catégorie feuilles). */
html,
body {
    overflow-x: clip;
}

.pmb-category-products {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 1rem;
}

.pmb-pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    margin: 2rem 0 0.5rem;
}

.pmb-pagination .pmb-page,
.pmb-pagination .pmb-page-ellipsis {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.25rem;
    height: 2.25rem;
    padding: 0 0.6rem;
    border-radius: 6px;
    font-size: 0.9rem;
    line-height: 1;
    text-decoration: none;
    color: #2d2d2d;
}

.pmb-pagination a.pmb-page {
    border: 1px solid #e5e5e5;
    transition: border-color 0.2s, background-color 0.2s;
}

.pmb-pagination a.pmb-page:hover {
    border-color: #2d2d2d;
}

.pmb-pagination .pmb-page.current {
    background: #2d2d2d;
    color: #fff;
    font-weight: 600;
}

.pmb-pagination .pmb-page.prev,
.pmb-pagination .pmb-page.next {
    font-weight: 500;
}

.pmb-pagination .pmb-page-ellipsis {
    color: #999;
}

.pmb-category-section-intro:after
{
    content: "Voir tous les produits ->";
    color: var(--Primary-100, #EB1D24);
    margin-left:16px;

}