/* Each list is a column, as in the old shop's menus (Marke: three columns). */
.shop-mega-links {
    display: grid;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    gap: 0 30px;
    font-size: 14px;
}

.shop-mega-links ul {
    margin: 0;
}

/* The first level (the service pages) stands out from the pages below it. */
.shop-mega-links > ul > li > a {
    font-size: 16px;
    font-weight: 600;
}

.shop-submenu .shop-mega-links a {
    padding-block: 0 5px;
}

@media (max-width: 767px) {
    .shop-mega-links {
        grid-auto-flow: row;
    }
}

.shop-submenu .shop-mega-links ul ul {
    margin: 0 0 7px;
    font-size: inherit;
}