.cat-menu__category > span.tp-cat-toggle + .category-menu {
    display: block;
}

.cat-menu__category .cat-menu__list > li.menu-item-has-children {
    position: static;
}

.cat-menu__category .cat-menu__list > li.menu-item-has-children > .submenu {
    top: 0;
    inset-inline-start: calc(100% - 1px);
    inset-inline-end: auto;
    width: clamp(280px, 28vw, 400px);
    max-height: min(480px, var(--catalog-menu-available-height, 60vh));
    margin: 0;
    padding: 8px 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: #9da3ad #f2f3f5;
    white-space: normal;
    border: 1px solid var(--tp-border-2);
    border-radius: 0 6px 6px 6px;
    box-shadow: 8px 8px 24px rgb(0 0 0 / 10%);
    transition: opacity 0.15s ease, visibility 0.15s ease;
}

.cat-menu__category .cat-menu__list > li.menu-item-has-children:hover > .submenu,
.cat-menu__category .cat-menu__list > li.menu-item-has-children:focus-within > .submenu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.cat-menu__category .cat-menu__list > li.menu-item-has-children > .submenu > li > a {
    display: block;
    padding: 10px 20px;
    line-height: 1.4;
    white-space: normal;
    overflow-wrap: anywhere;
}

.cat-menu__category .cat-menu__list > li.menu-item-has-children > .submenu > li > a:hover,
.cat-menu__category .cat-menu__list > li.menu-item-has-children > .submenu > li > a:focus-visible {
    color: var(--tp-text-primary);
    background: #f5f5f5;
}

.cat-menu__category .cat-menu__list > li.menu-item-has-children > .submenu::-webkit-scrollbar {
    width: 8px;
}

.cat-menu__category .cat-menu__list > li.menu-item-has-children > .submenu::-webkit-scrollbar-track {
    background: #f2f3f5;
    border-radius: 6px;
}

.cat-menu__category .cat-menu__list > li.menu-item-has-children > .submenu::-webkit-scrollbar-thumb {
    background: #9da3ad;
    border: 2px solid #f2f3f5;
    border-radius: 6px;
}

.cat-menu__category .cat-menu__list > li.menu-item-has-children > .submenu::-webkit-scrollbar-thumb:hover {
    background: #6c727c;
}