.c2m84-mm-shell{
    width:100%;
    background:#111;
    color:#fff;
    position:relative;
    z-index:9999;
    font-family:inherit;
}
.c2m84-mm-nav{
    max-width:1500px;
    margin:0 auto;
}
.c2m84-mm-root{
    display:flex;
    align-items:stretch;
    justify-content:center;
    margin:0;
    padding:0;
    list-style:none;
}
.c2m84-mm-top{
    position:static;
}
.c2m84-mm-topline{
    display:flex;
    align-items:center;
    min-height:54px;
}
.c2m84-mm-toplink{
    display:flex;
    align-items:center;
    min-height:54px;
    padding:0 14px;
    color:#fff!important;
    text-decoration:none!important;
    font-weight:800;
    font-size:14px;
    line-height:1.1;
    white-space:nowrap;
}
.c2m84-mm-toggle{
    border:0;
    background:transparent;
    color:#fff;
    padding:0 8px 0 0;
    font-size:15px;
    cursor:pointer;
}
.c2m84-mm-top.is-open>.c2m84-mm-topline{
    background:var(--c2m84-mm-accent);
}

/* PANNEAU PRINCIPAL */
.c2m84-mm-panel{
    display:none;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    top:54px;
    width:min(1460px,96vw);
    max-height:calc(100vh - 92px);
    overflow:auto;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    background:#fff;
    color:#222;
    box-shadow:0 18px 48px rgba(0,0,0,.18);
    border-top:3px solid var(--c2m84-mm-accent);
    padding:22px 24px;
    box-sizing:border-box;
    gap:24px;
}
.c2m84-mm-panel.has-promo{
    grid-template-columns:minmax(0,1fr) 320px;
}
.c2m84-mm-panel.no-promo{
    grid-template-columns:1fr;
}
.c2m84-mm-top.is-open>.c2m84-mm-panel{
    display:grid;
}

/* COLONNES COMPACTES, SANS GRANDS TROUS VERTICAUX */
.c2m84-mm-columns{
    display:block;
    columns:3;
    column-gap:30px;
}
.c2m84-mm-col{
    display:inline-block;
    width:100%;
    break-inside:avoid;
    -webkit-column-break-inside:avoid;
    page-break-inside:avoid;
    margin:0 0 18px;
    padding:0 0 13px;
    border-bottom:1px solid #edf0f4;
    box-sizing:border-box;
}
.c2m84-mm-col-title{
    display:block;
    margin:0 0 8px;
    padding:0 0 5px;
    color:#173f8f!important;
    text-decoration:none!important;
    font-weight:900;
    font-size:14px;
    line-height:1.2;
    text-transform:uppercase;
    border-bottom:2px solid #e7eef8;
}
.c2m84-mm-sublist{
    list-style:none;
    margin:0;
    padding:0;
}
.c2m84-mm-subitem{
    margin:0 0 5px;
    line-height:1.25;
}
.c2m84-mm-subitem>a{
    color:#3f4650!important;
    text-decoration:none!important;
    font-size:13px;
    line-height:1.25;
    transition:color .15s ease, padding-left .15s ease;
}
.c2m84-mm-subitem>a:hover{
    color:var(--c2m84-mm-accent)!important;
    padding-left:3px;
}
.c2m84-mm-level-3{
    margin-top:5px;
    padding-left:10px;
    border-left:2px solid #eef2f7;
}
.c2m84-mm-level-3 .c2m84-mm-subitem{
    margin-bottom:4px;
}

/* ZONE PROMO */
.c2m84-mm-promo-card{
    position:sticky;
    top:0;
    align-self:start;
    width:100%;
    background:#fff;
    border:1px solid #e3e7ed;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 7px 22px rgba(20,45,80,.08);
    box-sizing:border-box;
}

.c2m84-mm-promo-media{
    width:100%;
    aspect-ratio:3 / 2;
    background-color:#fff;
    background-position:center center;
    background-size:contain;
    background-repeat:no-repeat;
    box-sizing:border-box;
}

.c2m84-mm-promo-media-empty{
    min-height:150px;
    background:
        linear-gradient(135deg,#f7f9fc,#edf2f7);
}

.c2m84-mm-promo-content{
    padding:16px 17px 18px;
    border-top:1px solid #eef1f5;
    box-sizing:border-box;
}

.c2m84-mm-promo-badge{
    display:inline-block;
    margin-bottom:8px;
    padding:4px 8px;
    border-radius:4px;
    background:var(--c2m84-mm-accent);
    color:#fff;
    font-size:11px;
    font-weight:900;
    line-height:1.2;
}

.c2m84-mm-promo-title,
.c2m84-mm-promo-text,

.c2m84-mm-promo-regular-price{
    display:block;
    margin-top:10px;
    color:#343a40;
    font-size:15px;
    line-height:1.2;
    font-weight:800;
}

.c2m84-mm-promo-discount{
    display:block;
}

.c2m84-mm-promo-title{
    color:#14213d;
    font-size:21px;
    line-height:1.08;
    font-weight:900;
}

.c2m84-mm-promo-text{
    margin-top:7px;
    color:#4a5563;
    font-size:13px;
    line-height:1.35;
}

.c2m84-mm-promo-discount{
    margin:9px 0 3px;
    color:#d71920;
    font-size:30px;
    line-height:1;
    font-weight:900;
}

.c2m84-mm-promo-btn{
    display:inline-block;
    margin-top:10px;
    padding:9px 13px;
    border-radius:5px;
    background:var(--c2m84-mm-accent);
    color:#fff!important;
    text-decoration:none!important;
    font-size:13px;
    font-weight:900;
    transition:filter .15s ease, transform .15s ease;
}

.c2m84-mm-promo-btn:hover{
    filter:brightness(.94);
    transform:translateY(-1px);
}


.c2m84-mm-panel{
    animation:c2m84MmOpen .14s ease-out;
}
@keyframes c2m84MmOpen{
    from{opacity:0;transform:translate(-50%,-5px)}
    to{opacity:1;transform:translate(-50%,0)}
}
.c2m84-mm-panel::-webkit-scrollbar{
    width:9px;
}
.c2m84-mm-panel::-webkit-scrollbar-track{
    background:#f3f5f7;
}
.c2m84-mm-panel::-webkit-scrollbar-thumb{
    background:#aeb8c5;
    border-radius:10px;
    border:2px solid #f3f5f7;
}
.c2m84-mm-toggle{
    min-width:28px;
    min-height:38px;
}
.c2m84-mm-toggle[aria-expanded="true"]{
    transform:rotate(180deg);
}
.c2m84-mm-toggle{
    transition:transform .15s ease;
}

/* TABLETTE */
@media(max-width:1180px){
    .c2m84-mm-toplink{
        padding:0 9px;
        font-size:12.5px;
    }
    .c2m84-mm-panel.has-promo{
        grid-template-columns:minmax(0,1fr) 270px;
    }
    .c2m84-mm-columns{
        columns:2;
        column-gap:24px;
    }
}

/* MOBILE / PETITE TABLETTE */
.c2m84-mm-mobile-toggle{
    display:none;
}
@media(max-width:1024px){
    .c2m84-mm-shell{
        position:relative;
    }
    .c2m84-mm-mobile-toggle{
        display:flex;
        align-items:center;
        gap:8px;
        width:100%;
        border:0;
        background:#111;
        color:#fff;
        padding:13px 16px;
        font-size:16px;
        font-weight:900;
        text-align:left;
    }
    .c2m84-mm-nav{
        display:none;
        max-width:none;
        max-height:calc(100vh - 54px);
        overflow:auto;
        overscroll-behavior:contain;
        background:#111;
    }
    .c2m84-mm-shell.is-mobile-open .c2m84-mm-nav{
        display:block;
    }
    .c2m84-mm-root{
        display:block;
    }
    .c2m84-mm-top{
        border-top:1px solid rgba(255,255,255,.12);
    }
    .c2m84-mm-topline{
        min-height:auto;
    }
    .c2m84-mm-toplink{
        flex:1;
        min-height:auto;
        padding:15px 16px;
        font-size:14px;
        line-height:1.25;
    }
    .c2m84-mm-toggle{
        padding:14px 18px;
        font-size:18px;
    }
    .c2m84-mm-panel{
        display:none!important;
        position:static;
        transform:none;
        animation:none;
        width:100%;
        max-height:none;
        overflow:visible;
        padding:15px;
        border-top:0;
        box-shadow:none;
        background:#fff;
        grid-template-columns:1fr!important;
    }
    .c2m84-mm-top.is-open>.c2m84-mm-panel{
        display:grid!important;
    }
    .c2m84-mm-columns{
        columns:1;
    }
    .c2m84-mm-col{
        margin-bottom:12px;
        padding-bottom:10px;
    }
    .c2m84-mm-promo-card{
        position:static;
        width:100%;
        margin-top:6px;
    }
    .c2m84-mm-promo-media{
        aspect-ratio:16 / 10;
    }
    .c2m84-mm-promo-content{
        padding:14px 15px 16px;
    }
}

.c2m84-mm-price-block{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:7px 9px;
    margin-top:11px;
}
.c2m84-mm-old-price{
    color:#7a7a7a;
    font-size:14px;
    text-decoration:line-through;
}
.c2m84-mm-discount-badge{
    display:inline-block;
    padding:3px 7px;
    border-radius:12px;
    background:#d71920;
    color:#fff;
    font-size:11px;
    font-weight:900;
}
.c2m84-mm-promo-price{
    flex-basis:100%;
    color:#0f4c9a;
    font-size:25px;
    line-height:1;
    font-weight:900;
}
.c2m84-mm-promo-price .woocommerce-Price-amount,
.c2m84-mm-old-price .woocommerce-Price-amount{
    color:inherit;
    font-size:inherit;
    font-weight:inherit;
}

.c2m84-mm-pro-card{
    position:sticky;
    top:0;
    align-self:start;
    width:100%;
    padding:24px 22px;
    background:linear-gradient(145deg,#f4f8ff,#ffffff);
    border:1px solid #d9e6f5;
    border-radius:12px;
    box-shadow:0 7px 22px rgba(20,45,80,.08);
    box-sizing:border-box;
}
.c2m84-mm-pro-icon{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:12px;
    border-radius:50%;
    background:#0f4c9a;
    color:#fff;
    font-size:24px;
}
.c2m84-mm-pro-title{
    display:block;
    color:#14213d;
    font-size:23px;
    line-height:1.1;
    font-weight:900;
}
.c2m84-mm-pro-text{
    display:block;
    margin-top:9px;
    color:#4a5563;
    font-size:14px;
    line-height:1.45;
}
.c2m84-mm-pro-btn{
    display:inline-block;
    margin-top:16px;
    padding:10px 14px;
    border-radius:5px;
    background:var(--c2m84-mm-accent);
    color:#fff!important;
    text-decoration:none!important;
    font-size:13px;
    font-weight:900;
}
@media(max-width:1024px){
    .c2m84-mm-pro-card{
        position:static;
        padding:18px;
    }
}


/* V0.1.8 - PETITS ÉCRANS */
@media(max-width:600px){
    .c2m84-mm-mobile-toggle{
        padding:12px 14px;
        font-size:15px;
    }
    .c2m84-mm-toplink{
        padding:14px;
        font-size:13.5px;
    }
    .c2m84-mm-toggle{
        min-width:48px;
        min-height:48px;
        padding:12px 16px;
    }
    .c2m84-mm-panel{
        padding:13px 14px;
    }
    .c2m84-mm-col-title{
        font-size:13px;
    }
    .c2m84-mm-subitem>a{
        display:block;
        padding:4px 0;
        font-size:13px;
    }
    .c2m84-mm-promo-title{
        font-size:19px;
    }
    .c2m84-mm-promo-price{
        font-size:23px;
    }
}

/* Évite le scroll horizontal accidentel du méga-menu */
.c2m84-mm-shell,
.c2m84-mm-shell *{
    box-sizing:border-box;
}
.c2m84-mm-shell{
    overflow:visible;
}


/* ==========================================================
 * V0.2.0 - TABLETTE / MOBILE : VRAI MENU TACTILE
 * ========================================================== */
@media(max-width:1024px){
    html.c2m84-mm-no-scroll,
    html.c2m84-mm-no-scroll body{
        overflow:hidden!important;
        touch-action:none;
    }

    .c2m84-mm-shell{
        position:relative;
        z-index:10050;
    }

    .c2m84-mm-mobile-toggle{
        display:flex!important;
        align-items:center;
        justify-content:space-between;
        gap:10px;
        min-height:50px;
        background:#111;
        border:0;
        color:#fff;
        padding:0 16px;
        font-size:15px;
        font-weight:900;
        cursor:pointer;
    }

    .c2m84-mm-mobile-toggle::after{
        content:"Ouvrir";
        font-size:11px;
        font-weight:700;
        opacity:.72;
    }

    .c2m84-mm-shell.is-mobile-open .c2m84-mm-mobile-toggle::after{
        content:"Fermer";
    }

    .c2m84-mm-nav{
        display:block!important;
        position:fixed;
        top:0;
        left:0;
        width:min(420px,88vw);
        height:100dvh;
        max-height:none;
        overflow:auto;
        overscroll-behavior:contain;
        background:#111;
        transform:translateX(-102%);
        transition:transform .22s ease;
        box-shadow:12px 0 34px rgba(0,0,0,.28);
        z-index:10052;
        padding-top:58px;
    }

    .c2m84-mm-shell.is-mobile-open .c2m84-mm-nav{
        transform:translateX(0);
    }

    .c2m84-mm-mobile-backdrop{
        display:block;
        position:fixed;
        inset:0;
        border:0;
        background:rgba(0,0,0,.42);
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transition:opacity .18s ease, visibility .18s ease;
        z-index:10051;
    }

    .c2m84-mm-shell.is-mobile-open .c2m84-mm-mobile-backdrop{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
    }

    .c2m84-mm-root{
        display:block!important;
        margin:0;
        padding:0;
    }

    .c2m84-mm-top{
        border-top:1px solid rgba(255,255,255,.10);
    }

    .c2m84-mm-top:first-child{
        border-top:0;
    }

    .c2m84-mm-topline{
        min-height:54px;
        background:#111;
    }

    .c2m84-mm-top.is-open>.c2m84-mm-topline{
        background:#173f8f;
    }

    .c2m84-mm-toplink{
        min-height:54px;
        padding:0 15px;
        font-size:14px;
        line-height:1.2;
    }

    .c2m84-mm-toggle{
        width:54px;
        min-width:54px;
        height:54px;
        min-height:54px;
        padding:0;
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:20px;
        border-left:1px solid rgba(255,255,255,.10);
    }

    .c2m84-mm-panel{
        display:none!important;
        position:static!important;
        transform:none!important;
        animation:none!important;
        width:100%!important;
        max-height:none!important;
        overflow:visible!important;
        padding:13px 15px 16px!important;
        grid-template-columns:1fr!important;
        gap:14px!important;
        border-top:0!important;
        background:#fff!important;
        box-shadow:none!important;
    }

    .c2m84-mm-top.is-open>.c2m84-mm-panel{
        display:grid!important;
    }

    .c2m84-mm-columns{
        display:block!important;
        columns:1!important;
    }

    .c2m84-mm-col{
        display:block!important;
        width:100%!important;
        margin:0 0 9px!important;
        padding:0 0 9px!important;
        border-bottom:1px solid #edf0f4;
    }

    .c2m84-mm-col-title{
        margin:0 0 5px!important;
        padding:4px 0 6px!important;
        font-size:13px!important;
    }

    .c2m84-mm-subitem{
        margin:0!important;
    }

    .c2m84-mm-subitem>a{
        display:block;
        padding:7px 2px;
        font-size:13px!important;
        line-height:1.25;
        border-bottom:1px solid #f2f4f6;
    }

    .c2m84-mm-level-3{
        padding-left:10px!important;
        margin:2px 0 4px!important;
    }

    .c2m84-mm-promo-card,
    .c2m84-mm-pro-card{
        position:static!important;
        margin-top:3px;
        box-shadow:none!important;
    }

    .c2m84-mm-promo-media{
        aspect-ratio:16/10!important;
    }
}

@media(max-width:600px){
    .c2m84-mm-nav{
        width:min(360px,92vw);
    }

    .c2m84-mm-mobile-toggle{
        min-height:48px;
        padding:0 14px;
        font-size:14px;
    }

    .c2m84-mm-toplink{
        font-size:13.5px!important;
    }

    .c2m84-mm-promo-content{
        padding:13px 14px 15px!important;
    }

    .c2m84-mm-pro-card{
        padding:16px!important;
    }
}

/* Desktop : le backdrop n'existe visuellement jamais */
@media(min-width:1025px){
    .c2m84-mm-mobile-backdrop{
        display:none!important;
    }
}


/* ==========================================================
 * V0.2.1 - MENU MOBILE AUTONOME
 * Le thème actuel ne rend pas le menu noir sur mobile.
 * Cette copie est donc uniquement visible à 1024 px et moins.
 * ========================================================== */
.c2m84-mm-standalone-mobile{
    display:none;
}

@media(max-width:1024px){
    .c2m84-mm-standalone-mobile{
        display:block;
        position:fixed;
        left:14px;
        top:286px;
        right:auto;
        bottom:auto;
        z-index:10049;
    }

    .c2m84-mm-standalone-mobile .c2m84-mm-shell{
        width:auto;
        background:transparent;
    }

    .c2m84-mm-standalone-mobile .c2m84-mm-mobile-toggle{
        width:auto!important;
        min-width:116px;
        min-height:48px;
        padding:0 16px!important;
        border-radius:999px;
        background:#111!important;
        color:#fff!important;
        box-shadow:0 8px 24px rgba(0,0,0,.28);
        justify-content:center!important;
        gap:8px;
    }

    .c2m84-mm-standalone-mobile .c2m84-mm-mobile-toggle::after{
        display:none!important;
    }

    .c2m84-mm-standalone-mobile .c2m84-mm-nav{
        left:0;
    }

    .c2m84-mm-standalone-mobile .c2m84-mm-mobile-backdrop{
        position:fixed;
        inset:0;
    }

    .c2m84-mm-standalone-mobile .c2m84-mm-shell.is-mobile-open
    .c2m84-mm-mobile-toggle{
        position:fixed;
        top:10px;
        left:10px;
        right:auto;
        bottom:auto;
        z-index:10053;
        min-width:104px;
        border-radius:8px;
    }
}

@media(max-width:600px){
    .c2m84-mm-standalone-mobile{
        left:12px;
        top:286px;
        right:auto;
        bottom:auto;
    }

    .c2m84-mm-standalone-mobile .c2m84-mm-mobile-toggle{
        min-width:108px;
        min-height:46px;
        font-size:14px;
    }
}

@media(min-width:1025px){
    .c2m84-mm-standalone-mobile{
        display:none!important;
    }
}


/* V0.2.2 - ligne complète tactile */
@media(max-width:1024px){
    .c2m84-mm-top.has-children > .c2m84-mm-topline{
        cursor:pointer;
    }
    .c2m84-mm-top.has-children > .c2m84-mm-topline > .c2m84-mm-toplink{
        cursor:pointer;
        flex:1 1 auto;
    }
}

/*
 * Le bouton autonome est placé en haut à gauche.
 * top est volontairement indépendant du menu noir desktop.
 * Il reste flottant pour fonctionner même si le thème ne rend aucun menu mobile.
 */


/* ==========================================================
 * V0.2.3 - LE BLOC BLEU CATÉGORIES DEVIENT LE BOUTON MENU
 * ========================================================== */
@media(max-width:1024px){
    /*
     * Le bouton flottant noir n'est plus nécessaire.
     * Le panneau autonome reste rendu en arrière-plan.
     */
    .c2m84-mm-standalone-mobile{
        display:block!important;
        position:static!important;
        width:0!important;
        height:0!important;
        overflow:visible!important;
        pointer-events:none;
    }

    .c2m84-mm-standalone-mobile .c2m84-mm-mobile-toggle{
        display:none!important;
    }

    .c2m84-mm-standalone-mobile .c2m84-mm-nav,
    .c2m84-mm-standalone-mobile .c2m84-mm-mobile-backdrop{
        pointer-events:auto;
    }

    /*
     * Le bloc bleu du thème garde son apparence existante.
     * On ajoute seulement un curseur et une zone tactile sûre.
     */
    .c2m84-mm-theme-mobile-trigger{
        cursor:pointer!important;
        user-select:none;
        -webkit-tap-highlight-color:transparent;
        touch-action:manipulation;
    }
}

@media(min-width:1025px){
    .c2m84-mm-theme-mobile-trigger{
        cursor:inherit!important;
    }
}


/* ==========================================================
 * V0.2.5 - MOBILE : MENU TOUJOURS AU PREMIER PLAN
 * Certains blocs du thème (vacances, recherche, chat, sticky...)
 * utilisent des z-index très élevés. Le menu doit les recouvrir.
 * ========================================================== */
@media(max-width:1024px){

    .c2m84-mm-standalone-mobile{
        z-index:2147483600!important;
        isolation:isolate;
    }

    .c2m84-mm-standalone-mobile .c2m84-mm-shell{
        z-index:2147483600!important;
        isolation:isolate;
    }

    .c2m84-mm-standalone-mobile .c2m84-mm-mobile-backdrop{
        z-index:2147483601!important;
        position:fixed!important;
        inset:0!important;
    }

    .c2m84-mm-standalone-mobile .c2m84-mm-nav{
        z-index:2147483602!important;
        position:fixed!important;
    }

    .c2m84-mm-standalone-mobile .c2m84-mm-shell.is-mobile-open{
        z-index:2147483600!important;
    }

    /*
     * Pendant l'ouverture, on neutralise uniquement les overlays
     * connus du site qui pourraient encore passer au-dessus.
     * Le menu lui-même reste exclu de cette règle.
     */
    html.c2m84-mm-no-scroll body > *:not(.c2m84-mm-standalone-mobile){
        --c2m84-mm-page-layer:1;
    }

    html.c2m84-mm-no-scroll .c2m84-mm-standalone-mobile,
    html.c2m84-mm-no-scroll .c2m84-mm-standalone-mobile *{
        pointer-events:auto;
    }
}


/* ==========================================================
 * V0.2.6 - COUCHE MOBILE ULTIME
 * Le panneau et le fond sont placés au maximum du z-index CSS.
 * Les overlays externes fixed/sticky sont en plus neutralisés
 * dynamiquement par JS pendant l'ouverture.
 * ========================================================== */
@media(max-width:1024px){
    .c2m84-mm-standalone-mobile{
        z-index:2147483647!important;
    }

    .c2m84-mm-standalone-mobile .c2m84-mm-shell{
        z-index:2147483647!important;
    }

    .c2m84-mm-standalone-mobile .c2m84-mm-mobile-backdrop{
        z-index:2147483646!important;
    }

    .c2m84-mm-standalone-mobile .c2m84-mm-nav{
        z-index:2147483647!important;
    }
}


/* ==========================================================
 * V0.2.7 - PORTAIL BODY : EMPILEMENT STRUCTUREL ROBUSTE
 * ========================================================== */
@media(max-width:1024px){
    body > .c2m84-mm-standalone-mobile.c2m84-mm-is-body-portal{
        position:fixed!important;
        inset:0!important;
        width:0!important;
        height:0!important;
        overflow:visible!important;
        z-index:2147483647!important;
        isolation:isolate!important;
        transform:none!important;
        filter:none!important;
        opacity:1!important;
        pointer-events:none!important;
    }

    body > .c2m84-mm-standalone-mobile.c2m84-mm-is-body-portal
    > .c2m84-mm-shell{
        position:fixed!important;
        inset:0!important;
        width:0!important;
        height:0!important;
        z-index:2147483647!important;
        isolation:isolate!important;
        transform:none!important;
        filter:none!important;
        opacity:1!important;
        overflow:visible!important;
        pointer-events:none!important;
    }

    body > .c2m84-mm-standalone-mobile.c2m84-mm-is-body-portal
    .c2m84-mm-mobile-backdrop{
        display:block!important;
        position:fixed!important;
        inset:0!important;
        width:100vw!important;
        height:100dvh!important;
        margin:0!important;
        padding:0!important;
        background:rgba(0,0,0,.58)!important;
        z-index:2147483646!important;
        opacity:0!important;
        visibility:hidden!important;
        pointer-events:none!important;
    }

    body > .c2m84-mm-standalone-mobile.c2m84-mm-is-body-portal
    .c2m84-mm-shell.is-mobile-open
    .c2m84-mm-mobile-backdrop{
        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;
    }

    body > .c2m84-mm-standalone-mobile.c2m84-mm-is-body-portal
    .c2m84-mm-nav{
        display:block!important;
        position:fixed!important;
        top:0!important;
        left:0!important;
        right:auto!important;
        bottom:0!important;
        width:min(420px,88vw)!important;
        height:100dvh!important;
        max-height:100dvh!important;
        margin:0!important;
        padding:58px 0 0!important;
        overflow-y:auto!important;
        overflow-x:hidden!important;
        background:#111!important;
        box-shadow:12px 0 34px rgba(0,0,0,.34)!important;
        transform:translateX(-102%)!important;
        transition:transform .22s ease!important;
        z-index:2147483647!important;
        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;
    }

    body > .c2m84-mm-standalone-mobile.c2m84-mm-is-body-portal
    .c2m84-mm-shell.is-mobile-open
    .c2m84-mm-nav{
        transform:translateX(0)!important;
    }

    body > .c2m84-mm-standalone-mobile.c2m84-mm-is-body-portal
    .c2m84-mm-mobile-toggle{
        display:none!important;
    }
}

@media(max-width:600px){
    body > .c2m84-mm-standalone-mobile.c2m84-mm-is-body-portal
    .c2m84-mm-nav{
        width:min(360px,92vw)!important;
    }
}


/* ==========================================================
 * V0.2.8 - COLONNE DROITE : IMAGE DE SOUS-MENU + PROMO
 * ========================================================== */
.c2m84-mm-side{
    position:sticky;
    top:0;
    align-self:start;
    display:flex;
    flex-direction:column;
    gap:12px;
    min-width:0;
}

.c2m84-mm-side .c2m84-mm-promo-card,
.c2m84-mm-side .c2m84-mm-pro-card{
    position:static!important;
    top:auto!important;
}

.c2m84-mm-hover-preview{
    display:none;
    width:100%;
    background:#fff;
    border:1px solid #e3e7ed;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 7px 22px rgba(20,45,80,.08);
}

.c2m84-mm-hover-preview.is-visible{
    display:block;
    animation:c2m84MmHoverImageIn .13s ease-out;
}

.c2m84-mm-hover-preview-label{
    padding:9px 12px 7px;
    color:#173f8f;
    font-size:13px;
    line-height:1.2;
    font-weight:900;
    text-transform:uppercase;
    border-bottom:1px solid #eef1f5;
}

.c2m84-mm-hover-preview img{
    display:block;
    width:100%;
    height:auto;
    max-height:230px;
    object-fit:contain;
    object-position:center;
    background:#fff;
}

@keyframes c2m84MmHoverImageIn{
    from{opacity:0;transform:translateY(-3px)}
    to{opacity:1;transform:translateY(0)}
}

/* Pas d'image de survol sur tactile : aucune modification du menu mobile verrouillé. */
@media(max-width:1024px){
    .c2m84-mm-hover-preview{
        display:none!important;
    }

    .c2m84-mm-side{
        position:static;
        gap:8px;
    }
}

.c2m84-mm-hover-preview{display:block!important;max-height:0;opacity:0;overflow:hidden;transform:translateY(-4px);pointer-events:none;margin-bottom:-12px;transition:max-height .18s ease,opacity .15s ease,transform .15s ease,margin-bottom .18s ease}
.c2m84-mm-hover-preview.is-visible{max-height:290px;opacity:1;transform:none;pointer-events:auto;margin-bottom:0}
.c2m84-mm-hover-preview.is-loading{min-height:80px}
.c2m84-mm-hover-preview.is-loading::after{content:"Chargement de l’image…";display:flex;align-items:center;justify-content:center;min-height:80px;color:#6b7280;font-size:12px}
.c2m84-mm-hover-preview.is-loading img,.c2m84-mm-hover-preview.is-loading .c2m84-mm-hover-preview-label{display:none}
@media(max-width:1024px){.c2m84-mm-hover-preview{display:none!important;max-height:0!important;opacity:0!important;margin:0!important}}


/* ==========================================================
 * V0.5.1 - TABLETTE SOLIDE : UNE SEULE COPIE DU MENU
 * Classe posée par JS après détection maxTouchPoints + largeur.
 * ========================================================== */

/* Toute copie C2M84 venant du header/thème est neutralisée. */
html.c2m84-mm-tablet-solid .c2m84-mm-tablet-duplicate-shell{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
}

/* Portail unique, sans barre visuelle fermée. */
html.c2m84-mm-tablet-solid
body > .c2m84-mm-standalone-mobile.c2m84-mm-tablet-portal{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    z-index:2147483647!important;
    isolation:isolate!important;
    pointer-events:none!important;
}

/* Shell primaire : aucune barre noire. */
html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    z-index:2147483647!important;
    pointer-events:none!important;
}

/* Bouton "☰ Menu / Ouvrir" : invisible, mais présent dans le DOM. */
html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-tablet-internal-trigger{
    display:none!important;
    visibility:hidden!important;
    position:fixed!important;
    left:-100000px!important;
    top:-100000px!important;
    width:1px!important;
    height:1px!important;
    min-width:0!important;
    min-height:0!important;
    max-width:1px!important;
    max-height:1px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    opacity:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
}

/* Fond sombre. */
html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-mobile-backdrop{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:rgba(0,0,0,.58)!important;
    z-index:2147483646!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
}

/* Tiroir identique au mobile. */
html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-nav{
    display:block!important;
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:auto!important;
    bottom:0!important;
    width:min(420px,88vw)!important;
    height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:58px 0 0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    background:#111!important;
    box-shadow:12px 0 34px rgba(0,0,0,.34)!important;
    transform:translateX(-102%)!important;
    transition:transform .22s ease!important;
    z-index:2147483647!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
}

/* Ouverture. */
html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell.is-mobile-open
.c2m84-mm-nav{
    transform:translateX(0)!important;
}

html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell.is-mobile-open
.c2m84-mm-mobile-backdrop{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
}

/* Navigation verticale / tactile identique mobile. */
html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-root{
    display:block!important;
    min-width:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
}

html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-top{
    display:block!important;
    width:100%!important;
    border-bottom:1px solid rgba(255,255,255,.12)!important;
}

html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-topline{
    display:flex!important;
    align-items:stretch!important;
    width:100%!important;
}

html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-toplink{
    flex:1 1 auto!important;
    min-width:0!important;
    min-height:58px!important;
    display:flex!important;
    align-items:center!important;
    padding:12px 18px!important;
    color:#fff!important;
    white-space:normal!important;
    font-size:17px!important;
}

html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-toggle{
    flex:0 0 58px!important;
    width:58px!important;
    min-height:58px!important;
    color:#fff!important;
    border-left:1px solid rgba(255,255,255,.12)!important;
}

/* Les panneaux sont accordéons dans le tiroir, pas des mega-panels desktop. */
html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-panel{
    display:none!important;
    position:static!important;
    width:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:12px 16px 18px!important;
    background:#171717!important;
    box-shadow:none!important;
    overflow:visible!important;
}

html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-top.is-open
> .c2m84-mm-panel{
    display:block!important;
}

html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-columns{
    display:block!important;
    width:100%!important;
}

html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-col{
    width:100%!important;
    margin:0 0 14px!important;
}

html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-col-title{
    color:#fff!important;
}

html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-sublist a{
    color:#ddd!important;
}

/* La carte promo / info reste dans le flux tactile. */
html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-side{
    position:static!important;
    width:100%!important;
    margin-top:14px!important;
}

/* La barre bleue devient une zone tactile claire. */
html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-blue-trigger{
    cursor:pointer!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
    user-select:none!important;
}


/* ==========================================================
 * V0.5.3 - TABLETTE UNIQUEMENT : CARTE PROMO RÉELLEMENT COMPACTE
 *
 * IMPORTANT :
 * cible les vraies classes rendues par PHP :
 * .c2m84-mm-promo-card
 * .c2m84-mm-promo-media
 * .c2m84-mm-promo-content
 *
 * Ne s'applique qu'à html.c2m84-mm-tablet-solid,
 * classe posée uniquement par le moteur tablette V0.5.1.
 * Smartphone et ordinateur restent donc strictement inchangés.
 * ========================================================== */

/* La colonne latérale ne doit jamais recréer un grand panneau. */
html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-side{
    display:block!important;
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:10px 0 0!important;
    padding:0!important;
    gap:0!important;
}

/* Carte promo : ligne compacte image + contenu. */
html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-promo-card{
    display:grid!important;
    grid-template-columns:88px minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    column-gap:10px!important;
    align-items:center!important;

    position:static!important;
    top:auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;

    margin:0!important;
    padding:8px!important;

    border-radius:9px!important;
    box-shadow:none!important;
    overflow:hidden!important;
}

/* VRAIE image promo : background-image dans ce DIV. */
html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-promo-media{
    grid-column:1!important;
    grid-row:1!important;

    display:block!important;
    width:88px!important;
    min-width:88px!important;
    max-width:88px!important;
    height:88px!important;
    min-height:88px!important;
    max-height:88px!important;

    aspect-ratio:auto!important;

    margin:0!important;
    padding:0!important;

    background-size:contain!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    background-color:#fff!important;

    border-radius:7px!important;
    overflow:hidden!important;
}

/* Pas de gros espace si aucune image promo. */
html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-promo-media-empty{
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    display:none!important;
}

/* Si pas d'image, le texte prend toute la largeur. */
html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-promo-card:has(.c2m84-mm-promo-media-empty){
    grid-template-columns:1fr!important;
}

/* Contenu compact. */
html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-promo-content{
    grid-column:2!important;
    grid-row:1!important;

    min-width:0!important;
    width:auto!important;

    margin:0!important;
    padding:0!important;

    border-top:0!important;
}

html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-promo-card:has(.c2m84-mm-promo-media-empty)
.c2m84-mm-promo-content{
    grid-column:1!important;
}

/* Badge / titre / texte / prix : tailles tablette compactes. */
html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-promo-badge{
    margin:0 0 4px!important;
    padding:3px 6px!important;
    font-size:9px!important;
    line-height:1.1!important;
}

html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-promo-title{
    margin:0!important;
    font-size:14px!important;
    line-height:1.15!important;
}

html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-promo-text{
    margin:4px 0 0!important;
    font-size:11px!important;
    line-height:1.25!important;
}

html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-price-block{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:5px!important;
    margin:5px 0 0!important;
}

html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-old-price{
    font-size:10px!important;
    line-height:1!important;
}

html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-discount-badge{
    font-size:9px!important;
    line-height:1!important;
    padding:2px 5px!important;
}

html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-promo-price{
    font-size:16px!important;
    line-height:1!important;
    margin:0!important;
}

html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-promo-regular-price{
    margin:5px 0 0!important;
    font-size:12px!important;
    line-height:1.1!important;
}

/* VRAI bouton promo : .c2m84-mm-promo-btn */
html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-promo-btn{
    display:inline-block!important;
    margin:6px 0 0!important;
    padding:6px 8px!important;
    border-radius:4px!important;
    font-size:10px!important;
    line-height:1.1!important;
}

/* Espace PRO : compact lui aussi, mais uniquement tablette. */
html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-pro-card{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:8px!important;
    align-items:center!important;

    position:static!important;
    top:auto!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;

    margin:0!important;
    padding:9px!important;

    box-shadow:none!important;
    border-radius:9px!important;
}

html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-pro-icon{
    grid-column:1!important;
    grid-row:1 / span 3!important;

    width:38px!important;
    height:38px!important;
    margin:0!important;
    font-size:18px!important;
}

html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-pro-title{
    grid-column:2!important;
    margin:0!important;
    font-size:15px!important;
    line-height:1.1!important;
}

html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-pro-text{
    grid-column:2!important;
    margin:3px 0 0!important;
    font-size:11px!important;
    line-height:1.25!important;
}

html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-pro-btn{
    grid-column:2!important;
    justify-self:start!important;
    margin:5px 0 0!important;
    padding:6px 8px!important;
    font-size:10px!important;
    line-height:1.1!important;
}

/*
 * Sur tablette, les images contextuelles au survol n'ont aucun intérêt
 * (pas de hover). On les supprime du flux pour éviter tout grand bloc blanc.
 */
html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-hover-preview{
    display:none!important;
    visibility:hidden!important;
    max-height:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
}


/* ==========================================================
 * V0.5.4 - TABLETTE UNIQUEMENT : COLONNE INTÉRIEURE PLEINE LARGEUR
 *
 * Cause corrigée :
 * le desktop applique "columns:3" à .c2m84-mm-columns.
 * Sur tablette, display:block ne suffisait pas à annuler cette règle,
 * donc le texte restait enfermé dans ~1/3 de la grande colonne noire.
 *
 * Ici on annule explicitement le multi-colonnes uniquement sur tablette.
 * PC et smartphone restent strictement inchangés.
 * ========================================================== */

html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-panel{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
}

html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-columns{
    display:block!important;
    width:100%!important;
    max-width:100%!important;

    columns:auto!important;
    column-count:1!important;
    -webkit-column-count:1!important;
    column-width:auto!important;
    -webkit-column-width:auto!important;
    column-gap:0!important;
    -webkit-column-gap:0!important;
}

html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-col{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;

    break-inside:auto!important;
    -webkit-column-break-inside:auto!important;

    margin:0 0 14px!important;
    padding:0 0 12px!important;
}

/* Les titres et liens utilisent toute la largeur disponible du tiroir. */
html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-col-title,
html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-sublist,
html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-subitem{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
}

/* La promo compacte peut elle aussi utiliser toute la largeur du tiroir. */
html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-side,
html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-promo-card,
html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-pro-card{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
}


/* ==========================================================
 * V0.5.5 - TABLETTE UNIQUEMENT : RESET COMPLET DU PANNEAU DESKTOP
 *
 * Cause réelle identifiée :
 * .c2m84-mm-panel desktop possède :
 *   left:50%;
 *   transform:translateX(-50%);
 *
 * En tablette V0.5.4, position:static était bien appliqué,
 * mais left/transform restaient actifs. Le panneau était donc
 * décalé d'environ la moitié de sa largeur vers la GAUCHE.
 *
 * Cette version remet explicitement toute la géométrie desktop à zéro
 * uniquement dans le tiroir tablette.
 * ========================================================== */

html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-panel{
    position:static!important;

    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;

    transform:none!important;
    translate:none!important;

    display:none!important;

    width:100%!important;
    min-width:0!important;
    max-width:100%!important;

    height:auto!important;
    min-height:0!important;
    max-height:none!important;

    margin:0!important;
    padding:12px 16px 18px!important;

    box-sizing:border-box!important;

    grid-template-columns:none!important;
    grid-template-rows:none!important;
    gap:0!important;

    overflow:visible!important;
    background:#171717!important;
    box-shadow:none!important;
    border-top:0!important;
}

/* Ouverture accordéon : pleine largeur du tiroir, sans translation. */
html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-top.is-open
> .c2m84-mm-panel{
    display:block!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
}

/* Les variantes desktop has-promo / no-promo ne doivent plus imposer de grille. */
html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-panel.has-promo,
html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-panel.no-promo{
    display:none!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
    gap:0!important;
}

html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-top.is-open
> .c2m84-mm-panel.has-promo,
html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-top.is-open
> .c2m84-mm-panel.no-promo{
    display:block!important;
}

/* Contenu : une seule colonne, 100% de la largeur intérieure. */
html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-columns{
    position:static!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;

    display:block!important;

    width:100%!important;
    min-width:0!important;
    max-width:100%!important;

    margin:0!important;
    padding:0!important;

    columns:auto!important;
    column-count:1!important;
    -webkit-column-count:1!important;
    column-width:auto!important;
    -webkit-column-width:auto!important;
    column-gap:0!important;
    -webkit-column-gap:0!important;

    box-sizing:border-box!important;
}

html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-col{
    display:block!important;

    position:static!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;

    width:100%!important;
    min-width:0!important;
    max-width:100%!important;

    margin:0 0 14px!important;
    padding:0 0 12px!important;

    box-sizing:border-box!important;
}

/* Promo : reste sous le contenu et ne réserve aucune colonne latérale. */
html.c2m84-mm-tablet-solid
.c2m84-mm-tablet-primary-shell
.c2m84-mm-side{
    position:static!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;

    display:block!important;

    width:100%!important;
    min-width:0!important;
    max-width:100%!important;

    margin:10px 0 0!important;
    padding:0!important;

    box-sizing:border-box!important;
}


/* ==========================================================
 * V0.5.6 - NOMBRE DE COLONNES PAR RUBRIQUE, ORDINATEUR UNIQUEMENT
 *
 * Le moteur tablette/mobile validé reste totalement inchangé.
 * ========================================================== */
@media (min-width:1025px){
    .c2m84-mm-panel.c2m84-mm-desktop-cols-3 > .c2m84-mm-columns{
        columns:3!important;
        column-count:3!important;
        -webkit-column-count:3!important;
    }

    .c2m84-mm-panel.c2m84-mm-desktop-cols-4 > .c2m84-mm-columns{
        columns:4!important;
        column-count:4!important;
        -webkit-column-count:4!important;
        column-gap:26px!important;
        -webkit-column-gap:26px!important;
    }
}


/* ==========================================================
 * V0.5.7 - DESKTOP ADAPTATIF / ÉQUILIBRÉ
 * Navigation à gauche + promo indépendante à droite.
 * Aucun sélecteur tablette/mobile n'est modifié.
 * ========================================================== */
@media (min-width:1025px) and (hover:hover){
    .c2m84-mm-panel > .c2m84-mm-balanced-columns{
        min-width:0!important;
        width:100%!important;
        align-items:start!important;
        gap:26px!important;
    }

    .c2m84-mm-panel[data-c2m84-effective-cols="3"] > .c2m84-mm-balanced-columns{
        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }

    .c2m84-mm-panel[data-c2m84-effective-cols="4"] > .c2m84-mm-balanced-columns{
        display:grid!important;
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        gap:22px!important;
    }

    .c2m84-mm-balanced-col{
        min-width:0!important;
        width:100%!important;
    }

    .c2m84-mm-balanced-col > .c2m84-mm-col{
        display:block!important;
        width:100%!important;
        max-width:100%!important;
        break-inside:avoid!important;
        margin:0 0 18px!important;
    }

    /*
     * Le panneau avec promo conserve sa grille externe :
     * zone navigation + colonne promo.
     * Seule la zone navigation interne passe de 3 à 4 colonnes.
     */
    .c2m84-mm-panel.has-promo > .c2m84-mm-side{
        min-width:0!important;
    }
}


/* ==========================================================
 * V0.6.0 - DESKTOP SOLIDE : 3/4 COLONNES NATIVES + PROMO
 *
 * Structure conservée :
 *   .panel
 *      .columns   = navigation
 *      .side      = promo
 *
 * Pas de wrapper JS, pas de reparentage, pas de grille artificielle.
 * Le moteur historique du menu est conservé.
 * ========================================================== */

@media (min-width:1280px) and (hover:hover){

    /*
     * On exploite davantage l'écran desktop tout en gardant le panneau centré.
     * Sur un écran 17", il reste seulement une petite marge de sécurité.
     */
    .c2m84-mm-panel{
        width:min(1700px, calc(100vw - 24px))!important;
        max-width:min(1700px, calc(100vw - 24px))!important;
        padding-left:18px!important;
        padding-right:18px!important;
        box-sizing:border-box!important;
    }

    /*
     * Promo indépendante : une zone navigation + une zone promo.
     * La promo ne compte jamais parmi les 3/4 colonnes.
     */
    .c2m84-mm-panel.has-promo{
        grid-template-columns:minmax(0,1fr) 300px!important;
        gap:24px!important;
        align-items:start!important;
    }

    .c2m84-mm-panel.has-promo > .c2m84-mm-side{
        width:300px!important;
        min-width:300px!important;
        max-width:300px!important;
        margin:0!important;
    }

    /*
     * Navigation native en colonnes CSS.
     * column-fill:balance répartit le contenu.
     * Les .c2m84-mm-col ont déjà break-inside:avoid.
     */
    .c2m84-mm-panel.c2m84-mm-desktop-cols-3 > .c2m84-mm-columns{
        display:block!important;
        width:100%!important;
        columns:3!important;
        column-count:3!important;
        -webkit-column-count:3!important;
        column-gap:24px!important;
        -webkit-column-gap:24px!important;
        column-fill:balance!important;
    }

    .c2m84-mm-panel.c2m84-mm-desktop-cols-4 > .c2m84-mm-columns{
        display:block!important;
        width:100%!important;
        columns:4!important;
        column-count:4!important;
        -webkit-column-count:4!important;
        column-gap:22px!important;
        -webkit-column-gap:22px!important;
        column-fill:balance!important;
    }

    /*
     * Chaque N2 reste indivisible avec ses N3.
     * On renforce la règle historique sur desktop.
     */
    .c2m84-mm-panel > .c2m84-mm-columns > .c2m84-mm-col{
        display:inline-block!important;
        width:100%!important;
        max-width:100%!important;
        break-inside:avoid!important;
        -webkit-column-break-inside:avoid!important;
        page-break-inside:avoid!important;
        vertical-align:top!important;
    }
}

/* PC desktop plus étroit : 3 colonnes + promo, sans toucher tablette. */
@media (min-width:1025px) and (max-width:1279px) and (hover:hover){
    .c2m84-mm-panel{
        width:calc(100vw - 20px)!important;
        max-width:calc(100vw - 20px)!important;
    }

    .c2m84-mm-panel.has-promo{
        grid-template-columns:minmax(0,1fr) 270px!important;
        gap:20px!important;
    }

    .c2m84-mm-panel.has-promo > .c2m84-mm-side{
        width:270px!important;
        min-width:270px!important;
        max-width:270px!important;
    }

    .c2m84-mm-panel.c2m84-mm-desktop-cols-3 > .c2m84-mm-columns,
    .c2m84-mm-panel.c2m84-mm-desktop-cols-4 > .c2m84-mm-columns{
        columns:3!important;
        column-count:3!important;
        -webkit-column-count:3!important;
        column-gap:20px!important;
        -webkit-column-gap:20px!important;
        column-fill:balance!important;
    }
}


/* ==========================================================
 * V0.6.1 - AFFECTATION MANUELLE DES N2 AUX COLONNES DESKTOP
 * Le mode manuel ne s'active que si au moins un N2 a une colonne PC.
 * Tablette et mobile conservent exactement le rendu historique.
 * ========================================================== */
@media (min-width:1280px) and (hover:hover){
    .c2m84-mm-panel.c2m84-mm-has-manual-columns > .c2m84-mm-columns{
        columns:auto!important;
        column-count:auto!important;
        -webkit-column-count:auto!important;
        display:grid!important;
        align-items:start!important;
    }
    .c2m84-mm-panel.c2m84-mm-has-manual-columns.c2m84-mm-desktop-cols-3 > .c2m84-mm-columns{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:24px!important;
    }
    .c2m84-mm-panel.c2m84-mm-has-manual-columns.c2m84-mm-desktop-cols-4 > .c2m84-mm-columns{
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        gap:22px!important;
    }
    .c2m84-mm-manual-column{
        min-width:0!important;
        width:100%!important;
    }
    .c2m84-mm-manual-column > .c2m84-mm-col{
        display:block!important;
        width:100%!important;
        margin:0 0 18px!important;
        break-inside:avoid!important;
    }
}


/* ==========================================================
 * V0.8.0 - Recherche / populaires / badges
 * ========================================================== */
.c2m84-mm-menu-search{
    column-span:all;
    display:flex;
    align-items:center;
    gap:8px;
    width:100%;
    margin:0 0 12px;
    padding:7px 10px;
    border:1px solid #d7dfea;
    border-radius:6px;
    background:#f8fbff;
    box-sizing:border-box;
}
.c2m84-mm-has-manual-columns .c2m84-mm-menu-search,
.c2m84-mm-has-manual-columns .c2m84-mm-popular-bar{
    grid-column:1/-1;
}
.c2m84-mm-menu-search input{
    flex:1;
    min-width:0;
    border:0;
    outline:0;
    background:transparent;
    font:inherit;
}
.c2m84-mm-menu-search-clear{
    border:0;
    background:transparent;
    cursor:pointer;
    font-size:20px;
    line-height:1;
}
.c2m84-mm-popular-bar{
    column-span:all;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:7px;
    width:100%;
    margin:0 0 14px;
    padding:0 0 10px;
    border-bottom:1px solid #e4e9ef;
}
.c2m84-mm-popular-link{
    display:inline-flex;
    gap:5px;
    align-items:center;
    padding:5px 8px;
    border:1px solid #d9e2ef;
    border-radius:999px;
    background:#fff;
    text-decoration:none!important;
    font-size:12px;
}
.c2m84-mm-popular-link:hover{border-color:var(--c2m84-mm-accent)}
.c2m84-mm-item-badge{
    display:inline-block;
    margin-left:6px;
    padding:2px 5px;
    border-radius:999px;
    color:#fff;
    font-size:9px;
    font-weight:700;
    line-height:1.2;
    vertical-align:middle;
}
.c2m84-mm-item-badge.is-blue{background:#1663a8}
.c2m84-mm-item-badge.is-red{background:#c62828}
.c2m84-mm-item-badge.is-green{background:#218739}
.c2m84-mm-item-badge.is-orange{background:#d46b00}
.c2m84-mm-item-badge.is-dark{background:#222}
.c2m84-mm-col[hidden],
.c2m84-mm-subitem[hidden]{display:none!important}
@media(max-width:1024px){
    .c2m84-mm-menu-search,
    .c2m84-mm-popular-bar{
        margin-left:0;
        margin-right:0;
    }
}


/* ==========================================================
 * V0.8.1 - DESKTOP UNIQUEMENT
 * Recherche + Populaires dans la colonne droite au-dessus de
 * l'image/promo afin de réduire la hauteur globale du menu.
 * Tablette et mobile conservent le placement V0.8.0.
 * ========================================================== */

.c2m84-mm-side-tools{
    display:none;
}

@media (min-width:1025px) and (hover:hover){

    /* Sur desktop, on masque la copie historique au-dessus des colonnes. */
    .c2m84-mm-panel > .c2m84-mm-columns > .c2m84-mm-menu-search,
    .c2m84-mm-panel > .c2m84-mm-columns > .c2m84-mm-popular-bar{
        display:none!important;
    }

    /* Outils compacts dans la 5e colonne. */
    .c2m84-mm-side > .c2m84-mm-side-tools{
        display:block!important;
        width:100%!important;
        margin:0 0 12px!important;
    }

    .c2m84-mm-side-tools .c2m84-mm-menu-search{
        display:flex!important;
        width:100%!important;
        margin:0 0 8px!important;
        padding:6px 8px!important;
        column-span:none!important;
        box-sizing:border-box!important;
        border-radius:5px!important;
    }

    .c2m84-mm-side-tools .c2m84-mm-menu-search input{
        min-width:0!important;
        width:100%!important;
        font-size:12px!important;
    }

    .c2m84-mm-side-tools .c2m84-mm-menu-search-clear{
        font-size:17px!important;
        padding:0 2px!important;
    }

    .c2m84-mm-side-tools .c2m84-mm-popular-bar{
        display:flex!important;
        width:100%!important;
        margin:0 0 10px!important;
        padding:0 0 8px!important;
        gap:5px!important;
        column-span:none!important;
        border-bottom:1px solid #e4e9ef!important;
    }

    .c2m84-mm-side-tools .c2m84-mm-popular-bar > strong{
        width:100%!important;
        font-size:11px!important;
        margin-bottom:1px!important;
    }

    .c2m84-mm-side-tools .c2m84-mm-popular-link{
        max-width:100%!important;
        padding:4px 7px!important;
        font-size:11px!important;
        line-height:1.2!important;
        white-space:normal!important;
    }

    /* Les images/promos suivent immédiatement les outils. */
    .c2m84-mm-side-tools + .c2m84-mm-hover-preview,
    .c2m84-mm-side-tools + .c2m84-mm-promo-card{
        margin-top:0!important;
    }

    /*
     * La colonne droite doit rester compacte et en haut.
     * Pas de hauteur forcée par les outils.
     */
    .c2m84-mm-panel > .c2m84-mm-side{
        align-self:start!important;
    }
}

/* Tablette/mobile : aucune modification du placement V0.8.0. */
@media (max-width:1024px), (hover:none){
    .c2m84-mm-side-tools{
        display:none!important;
    }

    .c2m84-mm-panel > .c2m84-mm-columns > .c2m84-mm-menu-search,
    .c2m84-mm-panel > .c2m84-mm-columns > .c2m84-mm-popular-bar{
        display:flex!important;
    }
}


/* ==========================================================
 * V0.8.4 — ESPACE PRO SPÉCIAL
 * Modèle 2 validé : 3 cartes + avantages + grande carte droite.
 * Aucun impact sur les catégories produits.
 * ========================================================== */

.c2m84-mm-pro-panel{
    /*
     * V0.8.5 :
     * IMPORTANT — fermé par défaut comme tous les autres panneaux.
     * La V0.8.4 avait display:block!important ici, ce qui contournait
     * le moteur is-open du méga-menu et laissait Espace PRO affiché
     * en permanence.
     */
    display:none!important;
    padding:28px!important;
    width:min(1700px,calc(100vw - 24px))!important;
    max-width:min(1700px,calc(100vw - 24px))!important;
    box-sizing:border-box!important;
}

/* Espace PRO ne devient visible QUE lorsque son N1 porte is-open. */
.c2m84-mm-top.is-open > .c2m84-mm-pro-panel{
    display:block!important;
}

.c2m84-mm-pro-dashboard{
    display:grid;
    grid-template-columns:minmax(0,1fr) 320px;
    gap:28px;
    align-items:start;
    width:100%;
}

.c2m84-mm-pro-main{
    min-width:0;
}

.c2m84-mm-pro-service-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.c2m84-mm-pro-service-card{
    position:relative;
    overflow:hidden;
    display:grid;
    grid-template-columns:72px minmax(0,1fr);
    gap:16px;
    align-items:start;
    min-height:190px;
    padding:24px 22px 22px;
    border:1px solid #cdddf2;
    border-radius:14px;
    background:linear-gradient(145deg,#f6f9ff 0%,#fff 72%);
    box-shadow:0 5px 18px rgba(20,45,80,.07);
    box-sizing:border-box;
}

.c2m84-mm-pro-service-card:after{
    content:"";
    position:absolute;
    right:-48px;
    bottom:-72px;
    width:150px;
    height:150px;
    border-radius:24px;
    transform:rotate(42deg);
    background:linear-gradient(135deg,#0f4c9a,#0873d1);
    opacity:.95;
}

.c2m84-mm-pro-service-icon{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center;
    width:64px;
    height:64px;
    border-radius:50%;
    background:#0f5bb5;
    color:#fff;
    font-size:31px;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);
}

.c2m84-mm-pro-service-body{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    min-width:0;
    height:100%;
}

.c2m84-mm-pro-service-title{
    color:#0e2d62;
    font-size:21px;
    line-height:1.15;
    font-weight:900;
}

.c2m84-mm-pro-service-text{
    margin-top:10px;
    color:#4c5666;
    font-size:14px;
    line-height:1.4;
}

.c2m84-mm-pro-service-btn{
    align-self:flex-start;
    margin-top:auto;
    padding:10px 14px;
    border-radius:6px;
    background:#0f4c9a;
    color:#fff!important;
    text-decoration:none!important;
    font-size:13px;
    line-height:1.15;
    font-weight:900;
    box-shadow:0 3px 8px rgba(15,76,154,.15);
}

.c2m84-mm-pro-service-btn:hover,
.c2m84-mm-pro-btn:hover{
    filter:brightness(1.07);
}

.c2m84-mm-pro-benefits{
    display:grid;
    grid-template-columns:1.35fr repeat(4,1fr);
    gap:0;
    align-items:stretch;
    margin-top:24px;
    border-top:1px solid #e0e8f2;
    border-bottom:1px solid #e0e8f2;
}

.c2m84-mm-pro-benefit-intro,
.c2m84-mm-pro-benefit{
    display:flex;
    align-items:center;
    gap:9px;
    min-height:70px;
    padding:12px 16px;
    box-sizing:border-box;
}

.c2m84-mm-pro-benefit{
    border-left:1px solid #dbe3ed;
    color:#163b70;
}

.c2m84-mm-pro-benefit > span{
    color:#149344;
    font-size:17px;
    font-weight:900;
}

.c2m84-mm-pro-benefit-intro{
    color:#0e3e7c;
    font-size:15px;
}

.c2m84-mm-pro-benefit-diamond{
    color:#0f5bb5;
    font-size:31px;
    line-height:1;
}

.c2m84-mm-pro-footer{
    display:flex;
    align-items:center;
    gap:14px;
    margin-top:22px;
    padding:15px 18px;
    border-radius:12px;
    background:linear-gradient(90deg,#e8f2ff,#d9eaff);
    color:#133a72;
    box-sizing:border-box;
}

.c2m84-mm-pro-footer-icon{
    font-size:23px;
    color:#0f4c9a;
}

.c2m84-mm-pro-footer > strong{
    flex:1;
    font-size:13px;
}

.c2m84-mm-pro-footer > a{
    flex:0 0 auto;
    color:#0f4c9a!important;
    text-decoration:none!important;
    font-weight:900;
    white-space:nowrap;
}

/* Grande carte droite. */
.c2m84-mm-pro-dashboard > .c2m84-mm-pro-card-large{
    position:static!important;
    top:auto!important;
    min-height:360px;
    padding:28px 24px!important;
    border-radius:15px!important;
    box-shadow:0 6px 22px rgba(20,45,80,.08)!important;
}

.c2m84-mm-pro-card-large .c2m84-mm-pro-icon{
    width:56px;
    height:56px;
    font-size:26px;
}

.c2m84-mm-pro-card-large .c2m84-mm-pro-title{
    margin-top:18px;
    font-size:27px;
}

.c2m84-mm-pro-card-large .c2m84-mm-pro-text{
    margin-top:14px;
    font-size:15px;
    line-height:1.5;
}

.c2m84-mm-pro-card-large .c2m84-mm-pro-btn{
    margin-top:22px;
    padding:12px 16px;
    font-size:14px;
}

/* Tablette : cartes sur une colonne, sans toucher au menu latéral validé. */
@media (max-width:1024px){
    .c2m84-mm-pro-panel{
        width:100%!important;
        max-width:100%!important;
        padding:14px!important;
    }

    .c2m84-mm-pro-dashboard{
        grid-template-columns:1fr;
        gap:14px;
    }

    .c2m84-mm-pro-service-grid{
        grid-template-columns:1fr;
        gap:10px;
    }

    .c2m84-mm-pro-service-card{
        min-height:0;
        grid-template-columns:52px minmax(0,1fr);
        padding:14px;
    }

    .c2m84-mm-pro-service-icon{
        width:46px;
        height:46px;
        font-size:22px;
    }

    .c2m84-mm-pro-service-title{
        font-size:17px;
    }

    .c2m84-mm-pro-service-text{
        margin-top:5px;
        font-size:12px;
    }

    .c2m84-mm-pro-service-btn{
        margin-top:10px;
        padding:8px 10px;
        font-size:11px;
    }

    .c2m84-mm-pro-benefits{
        grid-template-columns:1fr 1fr;
        margin-top:12px;
    }

    .c2m84-mm-pro-benefit-intro{
        grid-column:1/-1;
    }

    .c2m84-mm-pro-benefit{
        border-top:1px solid #dbe3ed;
    }

    .c2m84-mm-pro-dashboard > .c2m84-mm-pro-card-large{
        min-height:0;
    }
}

@media (max-width:600px){
    .c2m84-mm-pro-panel{
        padding:10px!important;
    }

    .c2m84-mm-pro-service-card{
        grid-template-columns:42px minmax(0,1fr);
        gap:10px;
        padding:12px;
    }

    .c2m84-mm-pro-service-icon{
        width:38px;
        height:38px;
        font-size:18px;
    }

    .c2m84-mm-pro-benefits{
        grid-template-columns:1fr;
    }

    .c2m84-mm-pro-benefit-intro,
    .c2m84-mm-pro-benefit{
        min-height:0;
        padding:9px 10px;
        border-left:0;
        border-top:1px solid #dbe3ed;
    }

    .c2m84-mm-pro-footer{
        align-items:flex-start;
        flex-wrap:wrap;
        padding:12px;
    }

    .c2m84-mm-pro-footer > a{
        width:100%;
    }
}


/* V0.8.5 - sécurité d'état fermé */
.c2m84-mm-top:not(.is-open) > .c2m84-mm-pro-panel{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
}
.c2m84-mm-top.is-open > .c2m84-mm-pro-panel{
    visibility:visible!important;
    pointer-events:auto!important;
}

/* V0.8.8 — Bloc Conseil compact dans la colonne droite */
.c2m84-mm-advice-card{
    border:1px solid #d9e1ea;
    border-radius:10px;
    background:#fff;
    overflow:hidden;
    margin-top:12px;
    box-shadow:0 2px 8px rgba(15,76,154,.05);
}
.c2m84-mm-advice-main{
    padding:12px 13px 11px;
    display:flex;
    flex-direction:column;
    gap:5px;
}
.c2m84-mm-advice-title{
    display:block;
    color:#1f2d3d;
    font-size:14px;
    line-height:1.25;
    font-weight:800;
}
.c2m84-mm-advice-title > span{margin-right:4px;}
.c2m84-mm-advice-subtitle{
    color:#2e3742;
    font-size:12px;
    line-height:1.35;
    font-weight:700;
}
.c2m84-mm-advice-text{
    color:#5b6571;
    font-size:11px;
    line-height:1.45;
}
.c2m84-mm-advice-link{
    align-self:flex-start;
    display:inline-flex;
    align-items:center;
    min-height:30px;
    margin-top:3px;
    padding:5px 10px;
    border-radius:5px;
    background:#0f4c9a;
    color:#fff !important;
    text-decoration:none !important;
    font-size:11px;
    line-height:1;
    font-weight:700;
}
.c2m84-mm-advice-identify{
    border-top:1px solid #e7ebf0;
    padding:9px 12px 11px;
    display:flex;
    flex-direction:column;
    gap:7px;
}
.c2m84-mm-advice-identify > span{
    color:#303844;
    font-size:11px;
    font-weight:700;
}
.c2m84-mm-advice-identify > a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:32px;
    padding:6px 10px;
    border-radius:5px;
    background:#df1027;
    color:#fff !important;
    text-decoration:none !important;
    font-size:11px;
    line-height:1;
    font-weight:800;
}
@media (max-width: 1023px){
    .c2m84-mm-advice-card{margin:10px 0;}
}


/* C2M84 v0.8.13 — compteur de clics directement dans le Méga Menu (admin uniquement) */
.c2m84-mm-admin-click-count{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:17px;
    height:17px;
    margin-left:6px;
    padding:0 5px;
    border-radius:999px;
    box-sizing:border-box;
    background:#d63638;
    color:#fff;
    font-size:10px;
    font-weight:700;
    line-height:17px;
    vertical-align:middle;
    white-space:nowrap;
    flex:0 0 auto;
}
.c2m84-mm-toplink .c2m84-mm-admin-click-count{
    transform:translateY(-1px);
}
@media (max-width: 900px){
    .c2m84-mm-admin-click-count{
        min-width:18px;
        height:18px;
        line-height:18px;
        font-size:10px;
    }
}


/* C2M84 v0.8.15 — compteur admin sur les 4 cartes Espace PRO */
.c2m84-mm-pro-service-title .c2m84-mm-pro-card-count,
.c2m84-mm-pro-title .c2m84-mm-pro-card-count{
    margin-left:8px;
    transform:translateY(-1px);
}