/* Shared public header: the site is Chinese-only and uses a single display currency. */
.head-out .header-preference-controls,
.head-out .header-mobile-preference-controls,
.head-out .currency-header-slot,
.head-out [data-component-owner="language-menu"],
.head-out [data-component-owner="currency-menu"] {
    display: none !important;
}

@media (min-width: 992px) {
    .head-out .hm-wrapper > .container > .row.row-btn {
        display: grid !important;
        grid-template-columns: auto minmax(520px, 1fr) auto !important;
        align-items: center !important;
        column-gap: clamp(26px, 3.2vw, 64px) !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .head-out .row.row-btn > .col-lg-auto:first-child,
    .head-out .row.row-btn > .col.text-center,
    .head-out .row.row-btn > .row.align-items-center {
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .head-out .header-brand-lockup {
        min-width: max-content !important;
    }

    .head-out .header-menu {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-wrap: nowrap !important;
        gap: clamp(24px, 3vw, 50px) !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .head-out .header-menu > .hm-item,
    .head-out .header-menu .hm-link {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        min-width: max-content !important;
        height: auto !important;
        margin: 0 !important;
        writing-mode: horizontal-tb !important;
        text-orientation: mixed !important;
        white-space: nowrap !important;
        word-break: keep-all !important;
        line-height: 1.25 !important;
    }

    .head-out .row.row-btn > .row.align-items-center {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex-wrap: nowrap !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .head-out .hm-wrapper > .container > .row.row-btn {
        grid-template-columns: auto minmax(430px, 1fr) auto !important;
        column-gap: 18px !important;
    }
    .head-out .header-menu { gap: 18px !important; }
}