.catalog__menu-mobile {
    position: fixed;
    left:-100%;
    top:0;
    width:100%;
    height:100vh;
    background:#fff;
    overflow-y: auto;
    padding-top:102px;
    padding-bottom:180px;
    transition: all 0.5s;
    z-index:100;

    &.active {
         left:0;

        .catalog__menu-mobile--wrap {
            .header__catalog-header-mobile {
                left:0;
            }
        }
     }

    .catalog__menu-mobile--wrap {
        .header__catalog-header-mobile {
            background:#45080D;
            padding:16px;
            display:flex;
            align-items:center;
            justify-content:space-between;
            position:fixed;
            top: 0;
            left:-100%;
            z-index:99;
            width:100%;
            transition: all 0.5s;

            .megamenu__header-logo {
                img {
                    max-height:31px;
                }
            }
        }

        .catalog__menu-mobile--search {
            margin-bottom:32px;
            padding:0 16px;
        }

        .catalog__menu-mobile--block {
            padding:0 16px;
            position:relative;
            z-index:9;

            .catalog__menu-mobile-categories {
                .catalog__menu-mobile-category {
                    margin-bottom:32px;

                    .catalog__menu-mobile--cat-title {
                        color: var(--Base-Dark, #171717);
                        font-size: 28px;
                        font-weight: 500;
                        line-height: 140%;
                        letter-spacing: 0.56px;
                        margin-bottom:24px;
                    }
                    .catalog__menu-mobile--sub-cat {
                        display:flex;
                        justify-content:space-between;
                        flex-wrap:wrap;
                        gap:8px;

                        .catalog__menu-mobile--sub-cat-item {
                            width:calc(calc(100% / 2) - 4px);
                            border-radius:8px;
                            position:relative;
                            height:116px;
                            overflow:hidden;
                            background:#FAFAFA;
                            padding:10px;

                            .catalog__menu-mobile--sub-cat-title {
                                color: var(--Base-Dark, #171717);
                                font-size: 12px;
                                font-weight: 400;
                                line-height: 100%;
                                letter-spacing: 0.12px;
                                position:relative;
                                z-index:9;
                            }

                            .catalog__menu-mobile--sub-cat-image {
                                position:absolute;
                                top:0;
                                left:0;
                                width:100%;
                                height:100%;
                                display:flex;
                                padding-right:15px;
                                justify-content: end;
                                align-items: end;
                            }
                            a {
                                position:absolute;
                                top:0;
                                left:0;
                                width:100%;
                                height:100%;
                                display:block;
                                z-index:99;
                            }

                            &.catalog__menu-mobile--sub-cat-item--light {
                                .catalog__menu-mobile--sub-cat-title {
                                    color: var(--Base-White, #FFF);
                                }
                             }

                            &.catalog__menu-mobile--sub-cat-item--banner {
                                .catalog__menu-mobile--sub-cat-image {
                                    padding-right:0;

                                    img {
                                        width:100%;
                                        height:100%;
                                        object-fit: cover;
                                    }
                                }
                             }
                        }
                    }
                }
            }
        }
    }
}