/* Start:/bitrix/templates/empty/components/bitrix/menu/tree_catalog/style.css?17615998701695*/

@media (min-width:1024px){
    .header__menu-container{max-width:none}
    .header__menu-container.show .header__menu_cat{opacity:1;pointer-events:auto;}
    .header-menu__cat{
        min-width: 350px;
        max-height: 100%;
        overflow: auto;
    }
    .header-menu__sub{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 100%;
        width: 350px;
    }
    .header-menu__cat>li{
        /*position: relative;*/
    }
    .header-menu__cat li>a{
        display: block;
        font-size: 18px;
        font-weight: 500;
        line-height: 22px;
        padding: 10px 0 10px 10px;
        background: transparent;
        position: relative;
        border-bottom: 1px solid rgb(var(--effect-color-main));
    }
    .header-menu__cat li:hover>a{
        background: rgb(var(--effect-color-main));
    }
    .header-menu__cat>li:hover .sub{

    }
    .header-menu__cat .sub{
        display: block !important;
    }
    .header-menu__cat .sub ul{
        display: none;
    }
    .header-menu__cat li a[data-parent]:after{
        content: '';
        position: absolute;
        top: 50%;
        right: 5px;
        transform: translateY(-50%);
        width: 15px;
        height: 1px;
        transition: all 250ms cubic-bezier(1,1,0,1);
        background: rgb(var(--light-text));
    }
    .header-menu__cat li a:hover:after{
        width: 20px;
    }
    .header-menu__cat li a.active~.sub{
        position: absolute;
        overflow: auto;
        max-height: 100%;
        height: 100%;
        top: 0;
        right: 0;
        left: 390px;
        padding: 60px;
    }
    .header-menu__cat .sub ul.active {
        display: block;
    }
}
/* End */
/* /bitrix/templates/empty/components/bitrix/menu/tree_catalog/style.css?17615998701695 */