/* Service category submenu shown as a 3-column grid when there are many services */
.main-menu .main-menu__list > li > ul > li > ul.service-cat-submenu--grid,
.stricky-header .main-menu__list > li > ul > li > ul.service-cat-submenu--grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    grid-auto-rows: min-content;
    gap: 4px 10px;
    width: auto;
    min-width: 600px;
    max-width: 90vw;
}

.main-menu .main-menu__list > li > ul > li > ul.service-cat-submenu--grid > li,
.stricky-header .main-menu__list > li > ul > li > ul.service-cat-submenu--grid > li {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
}

.main-menu .main-menu__list > li > ul > li > ul.service-cat-submenu--grid > li > a,
.stricky-header .main-menu__list > li > ul > li > ul.service-cat-submenu--grid > li > a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1400px) {
    .main-menu .main-menu__list > li > ul > li > ul.service-cat-submenu--grid,
    .stricky-header .main-menu__list > li > ul > li > ul.service-cat-submenu--grid {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
        min-width: 400px;
    }
}