@media (max-width: 1024px) {
    /* bouton pour ouvrir la fenetre de menu catégories */
    #mobile-menu-categories-open-btn{
        display: flex !important;
        background-color: var(--contrast);
        color: var(--base-3);
        padding: 10px 12px;
        width: 100%;
        column-gap: 10px;
    }

    #mobile-menu-categories-open-btn p{
        margin-bottom: 0;
    }
    /*  cacher le menu catégories version desktop */
    #menu-categories{
        display: none !important;
    }

}

@media (min-width: 1024px) {
    /* cacher le bouton pour ouvrir la fenetre de menu catégories et et la fenetre de menu catégories */
    #mobile-menu-categories-open-btn,
    #mobile-menu-categories {
        display: none;
    }
    /*  menu catégories version desktop */
    #menu-categories{
        padding: 30px 30px;
    }
    #menu-categories ul{
        display: flex;
        flex-wrap: wrap;
        list-style: none !important;
        margin: 0 !important;
        gap: 1.5em;
    }
    #menu-categories a {
        text-decoration: none !important;
        font-size: 20px !important;
        font-weight: bold !important;
        padding-right: 1em;
    }
}