@media (min-width: 992px) {
    /* 1. Force the main header and menu wrapper to expand and center */
    .container-header .mod-menu,
    .mod-menu.nav {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important; /* Centers the rows horizontally */
        align-items: center;
    }

    /* 2. Set each menu item to exactly 12.5% width to force 8 per row */
    .mod-menu.nav > li {
        flex: 0 0 12.5% !important; /* 100% divided by 8 items = 12.5% */
        box-sizing: border-box;
        text-align: center; /* Centers the text inside the item */
        white-space: nowrap; /* Prevents text wrap inside a single button */
        padding: 5px 0; /* Vertical spacing between your two rows */
    }
}