/**
 * ATF Latest Products Menu — 前端辅助 CSS
 *
 * 关键修复：
 * 1) .com 主题原生 .mega-layout-2-grid 只定义了 4 列（0.8fr 0.65fr 1fr 0.99fr）
 *    我们需要 5 列，照抄 .tech 站的比例：0.95fr 0.97fr 0.55fr 1fr 0.5fr
 * 2) 主题原生 CSS 里，无四级链接列的 mega-third-list（不带 -columns）已经是
 *    flex-direction: column + align-items: center，本来就垂直居中。
 *    这里补一个 gap 保证间距舒适 + 强制主题不覆盖。
 */

@media (min-width: 961px) {
    .primary-navigation .nav-menu > li.has-mega-menu > .submenu-dropdown.mega-menu .mega-layout-2-grid,
    body > .submenu-dropdown.mega-menu.mega-menu-portaled .mega-layout-2-grid {
        display: grid;
        grid-template-columns: 0.95fr 0.97fr 0.55fr 1fr 0.5fr;
        max-width: 100%;
        align-items: stretch;
    }

    /* 图片列高度撑满 grid 行 */
    .primary-navigation .submenu-dropdown .mega-layout-2-grid .mega-column-image,
    body > .submenu-dropdown.mega-menu-portaled .mega-layout-2-grid .mega-column-image {
        display: flex;
        flex-direction: column;
        min-height: 260px;
    }
    .primary-navigation .submenu-dropdown .mega-layout-2-grid .mega-column-image .mega-image-link,
    body > .submenu-dropdown.mega-menu-portaled .mega-layout-2-grid .mega-column-image .mega-image-link {
        flex: 1 1 auto;
        display: block;
        min-height: 240px;
    }
    .primary-navigation .submenu-dropdown .mega-layout-2-grid .mega-column-image .mega-image-bg,
    body > .submenu-dropdown.mega-menu-portaled .mega-layout-2-grid .mega-column-image .mega-image-bg {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    /* 文字列 */
    .primary-navigation .submenu-dropdown .mega-layout-2-grid .mega-column-text,
    body > .submenu-dropdown.mega-menu-portaled .mega-layout-2-grid .mega-column-text {
        display: flex;
        flex-direction: column;
    }

    /* 无四级的三级链接列表：垂直居中排布 */
    .primary-navigation .submenu-dropdown .mega-layout-2-grid .mega-column-text .mega-third-list:not(.mega-third-list-columns),
    body > .submenu-dropdown.mega-menu-portaled .mega-layout-2-grid .mega-column-text .mega-third-list:not(.mega-third-list-columns) {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
        margin-top: 8px;
    }
    .primary-navigation .submenu-dropdown .mega-layout-2-grid .mega-column-text .mega-third-list:not(.mega-third-list-columns) .mega-third-link,
    body > .submenu-dropdown.mega-menu-portaled .mega-layout-2-grid .mega-column-text .mega-third-list:not(.mega-third-list-columns) .mega-third-link {
        display: block;
        text-align: center;
    }
}