ul.sub-menu {
    position: absolute;
    display: none;
}

/* آیتم های اصلی */
.menu-item {
    position: relative;
}

/* ساب منو سطح اول */
.sub-menu.level-1 {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 12px;

    min-width: 280px;
    max-width: 650px;

    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));

    gap: 8px;
    padding: 12px;

    border-radius: 24px;

    background: rgba(255, 255, 255, .95);
    backdrop-filter: blur(20px);

    border: 1px solid rgba(226, 232, 240, .8);

    box-shadow:
        0 20px 25px -5px rgb(0 0 0 / .08),
        0 8px 10px -6px rgb(0 0 0 / .05);

    opacity: 0;
    visibility: hidden;

    transform: translateY(10px);

    transition: all .25s ease;

    z-index: 100;
}

/* سطوح بعدی */
.sub-menu:not(.level-1) {
    position: absolute;

    right: 100%;
    top: 0;

    margin-right: 12px;

    min-width: 280px;

    display: grid;
    gap: 8px;

    padding: 12px;

    border-radius: 24px;

    background: rgba(255, 255, 255, .95);
    backdrop-filter: blur(20px);

    border: 1px solid rgba(226, 232, 240, .8);

    box-shadow:
        0 20px 25px -5px rgb(0 0 0 / .08),
        0 8px 10px -6px rgb(0 0 0 / .05);

    opacity: 0;
    visibility: hidden;

    transform: translateY(10px);

    transition: all .25s ease;

    z-index: 100;
}

/* باز شدن */
.has-dropdown:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* لینک ها */
.sub-menu>li>a {
    white-space: nowrap;
}

/* جلوگیری از بریدگی */
header {
    overflow: visible !important;
}