.gx-fad-menu { width: 100%; margin: 0 auto 1rem; padding: 0 1rem; box-sizing: border-box; }
.gx-fad-menu__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    gap: .25rem;
    border-bottom: 2px solid #1976d2;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.gx-fad-menu__item { margin: 0; flex: 0 0 auto; }
.gx-fad-menu__item a {
    display: block;
    padding: .55rem 1.1rem;
    color: #555;
    text-decoration: none;
    border-radius: 4px 4px 0 0;
    border: 1px solid transparent;
    border-bottom: 0;
    font-weight: 500;
    white-space: nowrap;
    transition: background .15s, color .15s;
}
.gx-fad-menu__item a:hover { background: #f0f4f9; color: #1976d2; }
.gx-fad-menu__item--active a {
    background: #1976d2;
    color: #fff;
    border-color: #1976d2;
}
.gx-fad-menu__item--active a:hover { background: #1976d2; color: #fff; }

/* Su schermi molto stretti, ripiega su due righe invece di tagliare */
@media (max-width: 640px) {
    .gx-fad-menu__list { flex-wrap: wrap; overflow-x: visible; }
}