@media (max-width: 991.98px) {
    header.fp-header.site-header {
        position: sticky !important;
        top: 0 !important;
        z-index: 1200 !important;
        background: rgba(11, 16, 24, 0.68) !important;
        -webkit-backdrop-filter: blur(18px) saturate(160%) !important;
        backdrop-filter: blur(18px) saturate(160%) !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
        box-shadow: 0 6px 24px rgba(0, 0, 0, 0.28) !important;
        transition: transform .32s cubic-bezier(.4, 0, .2, 1) !important;
        will-change: transform;
    }

    header.fp-header.site-header .search .search-box .fp-search-input,
    header.fp-header.site-header .search .search-box input {
        background: rgba(255, 255, 255, 0.06) !important;
        border: 1px solid rgba(255, 255, 255, 0.10) !important;
        -webkit-backdrop-filter: blur(8px) !important;
        backdrop-filter: blur(8px) !important;
    }

    .fp-mobile-bar {
        background: rgba(11, 16, 24, 0.62) !important;
        -webkit-backdrop-filter: blur(20px) saturate(160%) !important;
        backdrop-filter: blur(20px) saturate(160%) !important;
        border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
        box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.28) !important;
        transition: transform .32s cubic-bezier(.4, 0, .2, 1) !important;
        will-change: transform;
    }
    .fp-mobile-bar .link .text,
    .fp-mobile-bar .link .fp-mobile-bar__label {
        color: rgba(226, 232, 240, 0.85) !important;
    }

    header.fp-header.site-header.fp-nav-hidden {
        transform: translateY(-100%) !important;
    }
    .fp-mobile-bar.fp-nav-hidden {
        transform: translateY(100%) !important;
    }
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    @media (max-width: 991.98px) {
        header.fp-header.site-header { background: rgba(11, 16, 24, 0.90) !important; }
        .fp-mobile-bar { background: rgba(11, 16, 24, 0.90) !important; }
    }
}