@charset "UTF-8";

.merged_menu_nav .content_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.merged_menu_nav .content_wrapper > a {
    flex: 0 0 calc((100% - 20px) / 3); /* 3 columns, 2 gaps of 10px */
    max-width: calc((100% - 20px) / 3);
    margin: 0 !important;
}

@media screen and (max-width: 900px) {
    .merged_menu_nav .content_wrapper {
        gap: 8px;
    }
    .merged_menu_nav .content_wrapper > a {
        flex: 0 0 calc((100% - 8px) / 2); /* 2 columns, 1 gap of 8px */
        max-width: calc((100% - 8px) / 2);
    }
}


@media screen and (min-width: 375px) and (max-width: 587px) {
    .merged_menu_nav .content_wrapper > a {
        min-width: clamp(140px, calc(140px + (168 - 140) * ((100vw - 375px) / 213)), 168px);
        padding-left: clamp(4px, calc(4px + (8 - 4) * ((100vw - 375px) / 213)), 8px);
        padding-right: clamp(4px, calc(4px + (8 - 4) * ((100vw - 375px) / 213)), 8px);
        box-sizing: border-box;
    }

    .merged_menu_nav .content_wrapper > a span {
        font-size: clamp(10px, calc(10px + (15 - 10) * ((100vw - 375px) / 213)), 15px);
        padding: clamp(10px, calc(10px + (13 - 10) * ((100vw - 375px) / 213)), 13px) 4px
                 clamp(12px, calc(12px + (16 - 12) * ((100vw - 375px) / 213)), 16px);
        white-space: normal;
        word-break: keep-all;
        overflow-wrap: normal;
        line-height: 1.3;
        display: block;
        text-align: center;
    }
}

@media screen and (min-width: 375px) and (max-width: 450px) {
    .merged_menu_nav .content_wrapper > a {
        min-width: clamp(150px, calc(150px + (168 - 150) * ((100vw - 375px) / 75)), 168px);
        padding-right: 25px;
    }

    .merged_menu_nav .content_wrapper > a span {
        font-size: clamp(10px, calc(10.5px + (12 - 10) * ((100vw - 375px) / 75)), 12px);
        padding: 10px 0 12px;
    }
}