.main-menu .sub-menu ul {
    display: grid !important;
    grid-template-rows: repeat(8, auto) !important;
    grid-auto-flow: column !important;
    gap: 10px 20px !important;
}

.main-menu .sub-menu {
    width: max-content !important;
    padding: 15px 20px !important;
}

/* ✅ موبايل: رجّعها لعمود واحد */
@media (max-width: 767px) {
    .main-menu .sub-menu {
        width: 100% !important;
        padding: 10px !important;
    }

    .main-menu .sub-menu ul li {
        width: 100% !important; /* عمود واحد */
    }
}