/* Верхнее меню каталога: компактные пункты и аккуратное выделение подкатегорий. */
.menu-two-ul > .menu-two-li {
    margin-right: 24px;
}

.menu-two-ul > .menu-two-li:last-child {
    margin-right: 0;
}

.menu-two-ul > .menu-two-li > .submenu-top {
    display: block;
    column-count: 2;
    column-gap: 22px;
    padding: 10px 12px 12px;
    box-sizing: border-box;
}

.menu-two-ul > .menu-two-li > .submenu-top > li {
    width: 100%;
    margin: 0;
    padding: 0;
    break-inside: avoid;
    page-break-inside: avoid;
}

.menu-two-ul > .menu-two-li > .submenu-top > li > a {
    padding: 8px 10px;
    border-bottom: 0;
    color: #252a35;
    font-weight: 600;
    line-height: 1.3;
    border-radius: 4px;
}

.menu-two-ul > .menu-two-li > .submenu-top > li > a:hover {
    background: #fff3f4;
    color: #ff525d;
}

.menu-two-ul > .menu-two-li > .submenu-top > li > ul {
    margin: 2px 0 6px;
    padding: 0 0 0 10px;
    border-left: 2px solid #f2d6d9;
}

.menu-two-ul > .menu-two-li > .submenu-top > li > ul > li {
    width: 100%;
    margin: 0;
}

.menu-two-ul > .menu-two-li > .submenu-top > li > ul > li > a {
    padding: 5px 9px;
    border-bottom: 0;
    color: #646b78;
    font-size: 13px;
    line-height: 1.35;
}

.menu-two-ul > .menu-two-li > .submenu-top > li > ul > li > a:hover,
.menu-two-ul > .menu-two-li > .submenu-top > li > ul > li.active > a {
    color: #ff525d;
    background: #fff8f8;
}

@media screen and (max-width: 1100px) {
    .menu-two-ul > .menu-two-li {
        margin-right: 0;
    }

    .menu-two-ul > .menu-two-li > .submenu-top {
        display: block;
        column-count: 1;
        column-gap: 0;
        padding: 0;
    }

    .menu-two-ul > .menu-two-li > .submenu-top > li > a {
        padding: 9px 12px;
    }

    .menu-two-ul > .menu-two-li > .submenu-top > li > ul {
        margin: 0;
        padding-left: 10px;
    }
}