#menu-glavnoe-menyu .quartzite-menu > button.control {
    border: 0;
    padding: 0;
    cursor: pointer;
}

@media (max-width: 621px) {
    #menu-glavnoe-menyu .quartzite-menu > button.control {
        border: 1px solid #b3b3b3;
    }
}

/* Keep the existing desktop header usable through its touch arrows. */
@media (min-width: 622px) and (hover: none) and (pointer: coarse) {
    #menu-glavnoe-menyu .quartzite-menu > .control {
        z-index: 100000000;
    }

    #menu-glavnoe-menyu > .stone-catalog-menu:not(.active) > ul,
    #menu-glavnoe-menyu > .stone-catalog-menu:not(.active) > .mobile-menu-branch > ul {
        display: none;
    }

    #menu-glavnoe-menyu > .stone-catalog-menu.active > ul,
    #menu-glavnoe-menyu > .stone-catalog-menu.active > .mobile-menu-branch > ul {
        display: block;
        z-index: 100000000;
    }

    #menu-glavnoe-menyu .quartzite-menu:not(.active) ul.sub-menu {
        visibility: hidden;
    }

    #menu-glavnoe-menyu .quartzite-menu.active > ul.sub-menu,
    #menu-glavnoe-menyu .quartzite-menu.active > .mobile-menu-branch > ul.sub-menu {
        display: block;
        visibility: visible;
    }
}

/* The unchanged panel starts no lower than 266px in the desktop header. */
@media (min-width: 622px) and (max-height: 599px) {
    #menu-glavnoe-menyu .quartzite-menu > ul.sub-menu,
    #menu-glavnoe-menyu .quartzite-menu > .mobile-menu-branch > ul.sub-menu {
        max-height: calc(100vh - 280px);
        max-height: calc(100dvh - 280px);
        overflow-y: auto;
        overscroll-behavior-y: contain;
    }
}