/* =========================================================
   NIJEE DESKTOP PREMIUM MEGA MENU V1
   ========================================================= */

@media (min-width: 1200px) {

    .nijee-mega-menu-v1 {
        width: 100%;
        min-height: 0;
        flex: 1 1 auto;

        display: grid;
        grid-template-columns: 300px minmax(0, 1fr);

        overflow: hidden;
        background: #ffffff;
    }

    .nijee-mega-menu-v1__parents {
        min-width: 0;
        overflow-y: auto;

        padding: 14px 12px;

        border-right: 1px solid #eee7f5;
        background:
            linear-gradient(
                180deg,
                #fbf8ff 0%,
                #f7f2fc 100%
            );
    }

    .nijee-mega-menu-v1__parent {
        width: 100%;
        min-height: 82px;

        display: grid;
        grid-template-columns: 58px minmax(0, 1fr) 14px;
        align-items: center;
        gap: 12px;

        margin: 0 0 9px;
        padding: 10px;

        border: 1px solid transparent;
        border-radius: 16px;

        background: transparent;
        color: #25182f;

        font-family: inherit;
        text-align: left;

        cursor: pointer;

        transition:
            background .18s ease,
            border-color .18s ease,
            box-shadow .18s ease,
            color .18s ease,
            transform .18s ease;
    }

    .nijee-mega-menu-v1__parent:hover,
    .nijee-mega-menu-v1__parent:focus-visible,
    .nijee-mega-menu-v1__parent.is-active {
        border-color: #dcc8ef;
        background: #ffffff;
        color: #7318bb;
        outline: none;
        box-shadow: 0 10px 24px rgba(104, 33, 160, .10);
        transform: translateX(2px);
    }

    .nijee-mega-menu-v1__parent-image {
        width: 56px;
        height: 56px;

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

        overflow: hidden;

        border: 1px solid #eadcf5;
        border-radius: 15px;

        background: #ffffff;
        color: #8219d6;
    }

    .nijee-mega-menu-v1__parent-image img {
        width: 100%;
        height: 100%;

        display: block;
        object-fit: cover;
    }

    .nijee-mega-menu-v1__parent-copy {
        min-width: 0;
    }

    .nijee-mega-menu-v1__parent-copy strong {
        display: block;

        font-size: 13px;
        font-weight: 800;
        line-height: 1.3;
    }

    .nijee-mega-menu-v1__parent-copy small {
        display: block;

        margin-top: 4px;

        color: #9c8aa7;
        font-size: 10px;
        line-height: 1.2;
    }

    .nijee-mega-menu-v1__parent > i {
        color: #baa1ca;
        font-size: 11px;
    }

    .nijee-mega-menu-v1__content {
        min-width: 0;
        overflow-y: auto;
        background: #ffffff;
    }

    .nijee-mega-menu-v1__panel {
        min-height: 100%;
        padding: 24px;
    }

    .nijee-mega-menu-v1__panel[hidden] {
        display: none !important;
    }

    .nijee-mega-menu-v1__panel-head {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 20px;

        padding-bottom: 18px;
        margin-bottom: 14px;

        border-bottom: 1px solid #eee8f3;
    }

    .nijee-mega-menu-v1__panel-head small {
        display: block;

        margin-bottom: 5px;

        color: #9b75b8;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: .11em;
        text-transform: uppercase;
    }

    .nijee-mega-menu-v1__panel-head h3 {
        margin: 0;

        color: #24182c;
        font-size: 21px;
        font-weight: 850;
        line-height: 1.25;
    }

    .nijee-mega-menu-v1__panel-head a {
        flex: 0 0 auto;

        color: #8219d6 !important;
        font-size: 12px;
        font-weight: 800;
        text-decoration: none !important;
    }

    .nijee-mega-menu-v1__children {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }

    .nijee-mega-menu-v1__child {
        min-width: 0;
        min-height: 66px;

        display: grid;
        grid-template-columns: 42px minmax(0, 1fr) 12px;
        align-items: center;
        gap: 11px;

        padding: 10px 11px;

        border: 1px solid #eee8f3;
        border-radius: 13px;

        background: #ffffff;
        color: #312539 !important;

        font-size: 12px;
        font-weight: 700;
        line-height: 1.3;
        text-decoration: none !important;

        transition:
            border-color .17s ease,
            background .17s ease,
            box-shadow .17s ease,
            color .17s ease,
            transform .17s ease;
    }

    .nijee-mega-menu-v1__child:hover,
    .nijee-mega-menu-v1__child:focus-visible {
        border-color: #ddc9ee;
        background: #fcf9ff;
        color: #7218bb !important;
        outline: none;
        box-shadow: 0 8px 20px rgba(109, 40, 217, .08);
        transform: translateY(-1px);
    }

    .nijee-mega-menu-v1__child-image {
        width: 40px;
        height: 40px;

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

        overflow: hidden;

        border-radius: 10px;
        background: #f7f0fc;
        color: #8219d6;
    }

    .nijee-mega-menu-v1__child-image img {
        width: 100%;
        height: 100%;

        display: block;
        object-fit: cover;
    }

    .nijee-mega-menu-v1__child > i {
        color: #b69ac9;
        font-size: 10px;
    }

    .nijee-mega-menu-v1__empty {
        grid-column: 1 / -1;

        padding: 24px;

        border: 1px dashed #d9c7e5;
        border-radius: 13px;

        background: #fcf9ff;
        color: #84748d;

        font-size: 13px;
        text-align: center;
    }
}

/* =========================================================
   NIJEE PREMIUM MEGA MENU V1 WIDTH FIX
   ========================================================= */
@media (min-width: 1200px) {

    .nijee-v5-category-panel {
        width: min(880px, 94vw) !important;
        max-width: 880px;
    }

    .nijee-mega-menu-v1 {
        width: 100%;
        grid-template-columns: 300px minmax(0, 1fr);
    }

    .nijee-mega-menu-v1__content {
        min-width: 0;
        width: 100%;
    }

    .nijee-mega-menu-v1__panel {
        width: 100%;
        min-width: 0;
    }

    .nijee-mega-menu-v1__children {
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nijee-mega-menu-v1__child {
        min-width: 0;
    }

    .nijee-mega-menu-v1__child > span:nth-child(2) {
        min-width: 0;
        overflow-wrap: anywhere;
    }
}