#ms-header .mega-big > .mega-big-inner:has(.tools-megamenu) {
    width: 100%;
    border-radius: 0;
}

#ms-header .mega-big:has(.tools-megamenu) {
    width: 100%;
}

#ms-header .tools-section {
    margin: 0;
    padding: 0;
}

#ms-header .tools-megamenu {
    --selected-line: 0;
    --tools-stack-radius: 14px;
    --container-color: white;
    --border-color: var(--ncs-container-strong);
    --main-color: var(--ncs-primary);
    --main-color-with-opacity: color-mix(in srgb, var(--main-color) 62%, transparent);
    --main-text-color: var(--ncs-on-primary);
    --default-text-color: color-mix(in srgb, var(--text) 62%, transparent);
    --category-text-color: var(--text);
    --small-font-size: var(--font-md);
    --font-size: var(--font-ml);
    --big-font-size: var(--font-xl);
    display: flex;
    flex-direction: column;
    gap: 0;
    max-height: min(72vh, 640px);
}

.dark-mode #ms-header .tools-megamenu {
    --container-color: var(--background);
    --border-color: var(--ncs-container-strong-dark);
}

#ms-header .tools-megamenu .tools-selection-description {
    display: none !important;
}

#ms-header .tools-megamenu .tools-links {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: space-between;
    gap: 0;
    max-height: min(72vh, 620px);
    padding: 42px 17px 56px;
    overflow-y: auto;
    overflow-x: hidden;
    border: none;
    background: transparent;
    box-shadow: none;
}

html[dir="rtl"] #ms-header .tools-megamenu .tools-links,
body[dir="rtl"] #ms-header .tools-megamenu .tools-links,
html[dir="rtl"] #ms-header .tools-megamenu .tools-links-container,
body[dir="rtl"] #ms-header .tools-megamenu .tools-links-container {
    direction: rtl;
}

#ms-header .tools-megamenu .tools-links-container {
    display: flex !important;
    flex-direction: column;
    gap: 0;
    align-content: start;
    margin: 0;
    padding: 0 8px;
    border: none;
    border-radius: 0;
    background: transparent;
    position: static;
    width: 100%;
}

#ms-header .tools-megamenu .tools-links-container::before,
#ms-header .tools-megamenu .tools-links-container::after {
    display: none;
}

/* Per-column accent (hover / tint) */
#ms-header .tools-megamenu .tools-links-container[data-tools-key="translator"] {
    --main-color: var(--ncs-realtime-primary);
    --main-text-color: var(--ncs-realtime-on-primary);
}

.dark-mode #ms-header .tools-megamenu .tools-links-container[data-tools-key="translator"] {
    --main-color: var(--ncs-realtime-primary-dark);
    --main-text-color: var(--ncs-realtime-on-primary-dark);
}

#ms-header .tools-megamenu .tools-links-container[data-tools-key="transcribe"] {
    --main-color: var(--ncs-transcription-primary);
    --main-text-color: var(--ncs-transcription-on-primary);
}

.dark-mode #ms-header .tools-megamenu .tools-links-container[data-tools-key="transcribe"] {
    --main-color: var(--ncs-transcription-primary-dark);
    --main-text-color: var(--ncs-transcription-on-primary-dark);
}

#ms-header .tools-megamenu .tools-links-container[data-tools-key="subtitle"] {
    --main-color: var(--ncs-subtitle-primary);
    --main-text-color: var(--ncs-subtitle-on-primary);
}

.dark-mode #ms-header .tools-megamenu .tools-links-container[data-tools-key="subtitle"] {
    --main-color: var(--ncs-subtitle-primary-dark);
    --main-text-color: var(--ncs-subtitle-on-primary-dark);
}

#ms-header .tools-megamenu .tools-links-container[data-tools-key="dubbing"] {
    --main-color: var(--ncs-voiceover-primary);
    --main-text-color: var(--ncs-voiceover-on-primary);
}

.dark-mode #ms-header .tools-megamenu .tools-links-container[data-tools-key="dubbing"] {
    --main-color: var(--ncs-voiceover-primary-dark);
    --main-text-color: var(--ncs-voiceover-on-primary-dark);
}

#ms-header .tools-megamenu .category-link .description {
    display: none;
}

#ms-header .tools-megamenu .tools-links-container .category-link > :is(a, .category-label) {
    background: transparent;
    border: none;
    padding: 10px 12px 8px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: start;
    cursor: default;
}

#ms-header .tools-megamenu .tools-links-container .category-link > :is(a, .category-label) .title {
    color: var(--category-text-color) !important;
    font-size: calc(var(--font-size) * 0.8) !important;
    font-weight: var(--font-weight-bold);
    text-shadow: none;
    text-align: start;
    width: 100%;
}

#ms-header .tools-megamenu .tools-links-container .category-link > a:hover {
    background: transparent;
}

#ms-header .tools-megamenu .tools-links-container li a {
    border: none;
    border-radius: 8px;
    padding: 8px 12px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-decoration: none;
    color: var(--text) !important;
    text-transform: capitalize;
    font-size: calc(var(--font-size) * 0.9) !important;
    width: 100%;
    transition: background-color 0.15s ease;
}

#ms-header .tools-megamenu .tools-links-container li:first-child a,
#ms-header .tools-megamenu .tools-links-container li:last-child a {
    border-radius: 8px;
}

#ms-header .tools-megamenu .tools-links-container li a .title {
    font-weight: var(--font-weight-bold);
    font-size: calc(var(--font-size) * 0.8) !important;
    line-height: 1.4;
    margin-bottom: 4px;
}

#ms-header .tools-megamenu .tools-links-container li a .description {
    font-size: calc(var(--font-size) * 0.7) !important;
    color: var(--default-text-color);
    line-height: 1.4;
    text-transform: none;
}

#ms-header .tools-megamenu .tools-links-container li a:hover .title {
    text-decoration: none;
}

#ms-header .tools-megamenu .tools-links-container li:not(.category-link) a:hover .title {
    color: var(--main-color);
}

#ms-header .tools-megamenu .tools-links-container li:not(.category-link) a {
    align-items: flex-start;
    justify-content: flex-start;
}

#ms-header .tools-megamenu .tools-links-container li:not(.category-link) a .title {
    text-align: start;
    font-weight: var(--font-weight-regular);
    color: var(--category-text-color) !important;
}

#ms-header .tools-megamenu .tools-links-container li:not(.category-link) a:hover {
    background-color: color-mix(in srgb, var(--main-color) 8%, transparent);
    box-shadow: none;
}

@layer scroll {
    #ms-header .tools-megamenu .tools-links {
        @-moz-document url-prefix() {
            scrollbar-gutter: stable;
            scrollbar-color: color-mix(in srgb, var(--text) 35%, transparent) transparent;
            scrollbar-width: thin;
        }

        &::-webkit-scrollbar {
            width: 8px;
            height: 8px;
        }

        &::-webkit-scrollbar-thumb {
            background: color-mix(in srgb, var(--text) 35%, transparent);
            border-radius: 8px;
        }

        &::-webkit-scrollbar-track {
            background: transparent;
        }

        &::-webkit-scrollbar-button {
            display: none;
        }
    }
}

@media (max-width: 1360px) {
    #ms-header .tools-megamenu .tools-links {
        max-height: 404px;
    }

    #ms-header .header-in.sticky-header .tools-megamenu .tools-links {
        padding: 42px 31px 56px;
    }

    #ms-header .header-in:not(.sticky-header) .tools-megamenu .tools-links {
        padding: 42px 8px 56px;
    }
}

@media (max-width: 1280px) {
    #ms-header .header-in.sticky-header .tools-megamenu .tools-links {
        padding: 20px 31px 40px;
    }

    #ms-header .header-in:not(.sticky-header) .tools-megamenu .tools-links {
        padding: 20px 8px 40px;
    }
}

@media (min-width: 1361px) {
    #ms-header .header-in.sticky-header .tools-megamenu .tools-links {
        padding: 42px 41px 56px;
    }
}

#ms-header:not(:has(> .header-in.sticky-header)):has(+ * > :first-child.legacy-background-color) .tools-megamenu {
    --default-text-color: color-mix(in srgb, var(--text-legacy) 72%, transparent);
    --category-text-color: var(--text-legacy);
}

#ms-header:not(:has(> .header-in.sticky-header)):has(+ * > :first-child.legacy-background-color) .tools-megamenu .tools-links-container li a {
    color: var(--text-legacy) !important;
}