.whb-header .whb-main-header {
    transition: transform 300ms ease, opacity 300ms ease, visibility 0s linear 0s;
}

.whb-header.upw-scroll-idle.whb-sticked:not(:focus-within) .whb-main-header {
    transform: translateY(-100%);
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: transform 300ms ease, opacity 300ms ease, visibility 0s linear 300ms;
}

@media (prefers-reduced-motion: reduce) {
    .whb-header .whb-main-header,
    .whb-header.upw-scroll-idle.whb-sticked:not(:focus-within) .whb-main-header {
        transition: none;
    }
}

/* Compact mobile headers, with a smaller row while scrolling. */
@media (max-width: 1024px) {
    .whb-header {
        --wd-header-sm-h: 66px;
    }

    .whb-header .whb-top-bar,
    .whb-header .whb-header-bottom {
        display: none;
    }

    .whb-header:not(.whb-sticked) .whb-general-header-inner {
        height: 66px;
        max-height: 66px;
    }

    .whb-header:not(.whb-sticked) .wd-logo img {
        max-height: 50px;
        width: auto;
        object-fit: contain;
    }

    .whb-header.whb-sticked .whb-general-header-inner {
        height: 44px;
        max-height: 44px;
    }

    .whb-header.whb-sticked .wd-logo img {
        max-height: 32px;
        width: auto;
        object-fit: contain;
    }

    .whb-header.whb-sticked .wd-header-mobile-nav > a {
        min-width: 44px;
        height: 44px;
        min-height: 44px;
        padding-block: 0;
    }
}