@media (min-width: 992px) {
    .more-main-menu {
        position: relative;
    }

    .more-main-menu > .more-mega-menu {
        inset-inline-start: auto !important;
        inset-inline-end: 0 !important;
        width: min(650px, calc(100vw - 24px));
        max-width: calc(100vw - 24px);
        grid-template-columns: repeat(3, minmax(0, 1fr));
        box-sizing: border-box;
    }

    .more-mega-menu .dropdown-item {
        white-space: normal;
        overflow-wrap: anywhere;
    }
}
