.site-header-menu-mobile{
    overflow: hidden;
}
.header-menu-mobile-item-top, .section-goods-subsection-top{
    display: flex;
}
.header-menu-mobile-list, .section-goods-wrap--mobile, .section-goods--mobile,
.section-goods-subsection, .section-goods-subsections-wrap{
    transition: 0.5s ease;
}
.to-left{
    transform: translateX(-100%);
}

.to-left .section-goods--mobile, .to-left .section-goods-item, 
.to-left .section-goods-wrap--mobile, .to-left .section-goods-subsection,
.to-left .section-goods-subsections-wrap{
    display: block !important;
}

.active{
    z-index: 999;   
}

.site-header-mobile{
    overflow-x: hidden;
}
.visibility-hidden{
    visibility: hidden;
}

.section-goods--mobile,
.section-goods-wrap--mobile,
.section-goods-subsections-wrap {
    transition: transform 0.3s ease;
}

.to-left {
    transform: translateX(-100%);
}

@media(max-width: 740px){

    .menu-item-has-children ul {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
      }
      
      .menu-item-has-children.open > ul {
        /* max-height выставляется через JS */
      }

    .section-goods--mobile, .section-goods-item, 
    .section-goods-wrap--mobile, .section-goods-subsection,
    .section-goods-subsections-wrap{
        /*overflow: hidden;*/
        left: 100%;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        display: none;
    }
    .section-goods-item, .section-goods-subsection{
        height: unset;
        position: relative;
    }
    .section-goods-top{
        display: flex;
        justify-content: space-between;
    }
    .section-goods-toggle, .header-menu-mobile-item-toggle{
        display: flex;
        transform: rotate(-90deg);
    }
    .section-goods-item--posabs, .section-goods-subsection--posabs{
        position: absolute;
    }
    .section-goods-link{
        text-decoration: none;
        text-transform: uppercase;
        font-size: 16px;
        color: var(--dark);
        pointer-events: none;
    }
    .section-goods-top, .section-goods-subsection-top, .section-goods-subsections-item{
        padding-bottom: 35px;
    }
    .section-goods-back{
        display: none;
        cursor: pointer;
    }
    .section-goods-back.show{
        display: flex;
        align-items: center;
        gap: 5px;
    }
    .section-goods-back-pic{
        display: flex;
    }
    .section-goods-back-text{
        text-transform: uppercase;
        font-size: 16px;
        font-weight: bold;
        color: var(--dark);
    }
}