.c-header {
    position: relative;
    z-index: 10;
}

/* 2) evita que o LI capture o posicionamento absoluto do submenu */
.c-header--nav__menu-item {
    position: static;
}

/* 3) submenu: faixa full-viewport, colada no menu de cima e horizontal */
.c-header--nav__submenu {
    display: none; /* padrão: escondido */
    position: absolute;
    top: 100%; /* imediatamente após o topo */
    left: 50%;
    transform: translateX(-50%);
    width: 100vw; /* de uma ponta a outra */
    background: #fff;
    padding: 10px 24px;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
    border-bottom: 1px solid rgba(0,0,0,.06);
    z-index: 999;
    /* layout horizontal */
    /* display: flex;*/ /* será ativado via classe .active */
    justify-content: center;
    align-items: center;
    gap: 24px;
}

/* 4) mostrar quando o item pai estiver ativo (via clique) */
.c-header--nav__menu-item.active > .c-header--nav__submenu {
    display: flex;
}

/* 5) links do submenu em bloco, lado a lado */
.c-header--nav__submenu-item {
    list-style: none;
}

.c-header--nav__submenu-item_link {
    display: block;
    padding: 8px 12px;
    color: #616161;
    text-decoration: none;
    font-weight: 500;
}

    .c-header--nav__submenu-item_link:hover {
        background: #f6f6f6;
        border-radius: 4px;
        color: #06383D;
    }

.c-header--nav__submenu {
}

/* Mostrar quando o item pai está ativo */
.c-header--nav__menu-item.active > .c-header--nav__submenu {
    display: flex;
}