@media (max-width: 991.98px) {

    #side_stmobilemenu.st_mobile_drawer {
        background: #fff;
        overflow: hidden;
        border-right-width: 1px !important;
    }

    #side_stmobilemenu .st_mobile_menu_shell {
        position: relative;
        width: 100%;
        height: 100%;
        min-height: 100vh;
        min-height: 100dvh;
        overflow: hidden;
        background: #fff;
    }


    /* PANEL */

    #side_stmobilemenu .st_mobile_panel {
        position: absolute;
        inset: 0;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        background: #fff;

        transform: translateX(100%);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;

        transition:
            transform .25s ease,
            opacity .2s ease;

        z-index: 1;
    }

    #side_stmobilemenu .st_mobile_panel.is-active {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        z-index: 3;
    }

    #side_stmobilemenu .st_mobile_panel.is-left {
        transform: translateX(-20%);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }


    /* HEADER */

    #side_stmobilemenu .st_mobile_panel_header {
        flex: 0 0 64px;
        height: 64px;

        display: flex;
        align-items: center;
        justify-content: space-between;

        padding: 0 20px;

        background: #fff;
    }

    #side_stmobilemenu .st_mobile_root_header {
        justify-content: flex-start;
    }


    /* BACK ROOT */

    #side_stmobilemenu .st_mobile_root_back {
        display: inline-flex;
        align-items: center;
        gap: 13px;

        color: #1267e9;
        font-size: 14px;
        font-weight: 700;

        text-decoration: none;
    }

    #side_stmobilemenu .st_mobile_close_symbol {
        font-size: 31px;
        line-height: 1;
        font-weight: 300;
    }


    /* BACK SUBMENU */

    #side_stmobilemenu .st_mobile_back {
        border: 0;
        background: transparent;
        padding: 0;

        display: inline-flex;
        align-items: center;
        gap: 12px;

        color: #1267e9;
        font-size: 14px;
        font-weight: 700;

        cursor: pointer;
    }

    #side_stmobilemenu .st_mobile_back_arrow {
        font-size: 25px;
        font-weight: 300;
        line-height: 1;
    }


    /* CLOSE */

    #side_stmobilemenu .st_mobile_panel_close {
        width: 38px;
        height: 38px;

        display: flex;
        align-items: center;
        justify-content: center;

        color: #1267e9;
        text-decoration: none;

        font-size: 32px;
        font-weight: 300;
        line-height: 1;
    }


    /* SCROLL */

    #side_stmobilemenu .st_mobile_panel_scroll {
        flex: 1 1 auto;
        min-height: 0;

        overflow-y: auto;
        overscroll-behavior: contain;

        padding: 3px 20px 30px;

        -webkit-overflow-scrolling: touch;
    }


    /* TITLURI */

    #side_stmobilemenu .st_mobile_root_title,
    #side_stmobilemenu .st_mobile_panel_title {
        margin: 8px 0 20px;

        font-size: 21px;
        line-height: 1.25;
        font-weight: 700;

        color: #242933;
    }

    #side_stmobilemenu .st_mobile_panel_title {
        margin-bottom: 10px;
    }

    #side_stmobilemenu .st_mobile_panel_title a {
        color: inherit;
        text-decoration: none;
    }


    /* VEZI TOT */

    #side_stmobilemenu .st_mobile_view_all {
        display: inline-block;

        margin-bottom: 15px;

        color: #1267e9;
        font-size: 14px;
        font-weight: 600;

        text-decoration: underline;
    }


    /* LISTE */

    #side_stmobilemenu .st_mobile_category_list,
    #side_stmobilemenu .st_mobile_subcategory_list {
        margin: 0;
        padding: 0;

        list-style: none;
    }

    #side_stmobilemenu .st_mobile_category_item,
    #side_stmobilemenu .st_mobile_subcategory_item {
        position: relative;

        display: flex;
        align-items: stretch;

        min-height: 42px;

        margin: 0;
        padding: 0;
    }


    /* LINK PRINCIPAL */

    #side_stmobilemenu .st_mobile_category_link,
    #side_stmobilemenu .st_mobile_subcategory_link {
        flex: 1 1 auto;
        min-width: 0;

        display: flex;
        align-items: center;

        padding: 5px 0;

        color: #333b48;
        text-decoration: none;

        font-size: 14px;
        line-height: 1.3;
    }


    /* ICON */

    #side_stmobilemenu .st_mobile_category_icon,
    #side_stmobilemenu .st_mobile_subcategory_icon {
        flex: 0 0 38px;

        width: 38px;
        min-width: 38px;

        display: flex;
        align-items: center;
        justify-content: flex-start;

        margin-right: 2px;
    }

    #side_stmobilemenu .st_mobile_category_icon img,
    #side_stmobilemenu .st_mobile_subcategory_icon img {
        display: block;

        width: 28px;
        height: 28px;

        object-fit: contain;
    }

    #side_stmobilemenu .st_mobile_category_icon i,
    #side_stmobilemenu .st_mobile_subcategory_icon i {
        font-size: 22px;
    }

    #side_stmobilemenu .st_mobile_category_icon_placeholder,
    #side_stmobilemenu .st_mobile_subcategory_icon_placeholder {
        display: block;
        width: 28px;
        height: 28px;
    }


    /* TEXT */

    #side_stmobilemenu .st_mobile_category_name,
    #side_stmobilemenu .st_mobile_subcategory_name {
        flex: 1 1 auto;
        min-width: 0;
    }


    /* SAGEATA */

    #side_stmobilemenu .st_mobile_category_open,
    #side_stmobilemenu .st_mobile_subcategory_open {
        flex: 0 0 42px;

        width: 42px;

        border: 0;
        padding: 0;

        display: flex;
        align-items: center;
        justify-content: flex-end;

        background: transparent;
        color: #25354a;

        font-size: 29px;
        font-weight: 300;

        cursor: pointer;
    }

    #side_stmobilemenu .st_mobile_category_open span,
    #side_stmobilemenu .st_mobile_subcategory_open span {
        transform: translateY(-1px);
    }


    /* LINKURI DE JOS */

    #side_stmobilemenu .st_mobile_secondary_links {
        margin: 16px -20px -30px;

        border-top: 1px solid #dfe4ea;

        background: #f3f6fa;
    }

    #side_stmobilemenu .st_mobile_secondary_links > a {
        display: block;

        min-height: 45px;
        padding: 13px 24px;

        border-bottom: 1px solid #dfe4ea;
        border-left: 4px solid #246df0;

        color: #182334;
        text-decoration: none;

        font-size: 14px;
        font-weight: 600;
    }

}