        <!-- Global Header (single unified element) -->
        <header class="global-header">
            <div class="logo">SS</div>
            <span class="site-title">SmartStack CLI</span>
            <span class="version-badge">v{{version}}</span>
            <div class="header-divider"></div>
            <span class="page-title">{{i18n page.pageTitle "fr"}}</span>
            <!-- Language Select -->
            <select class="lang-select" id="lang-select" onchange="setLanguage(this.value); localStorage.setItem('doc-language', this.value);">
                <option value="fr">🇫🇷 FR</option>
                <option value="en">🇬🇧 EN</option>
            </select>
            <!-- Search -->
            <div class="header-search">
                <div class="search-input-wrapper">
                    <span class="search-icon">&#128269;</span>
                    <input type="text" id="search-input" class="search-input" placeholder="Rechercher..." data-placeholder-fr="Rechercher..." data-placeholder-en="Search..." autocomplete="off">
                    <span class="search-shortcut">Ctrl+K</span>
                </div>
                <div id="search-results" class="search-results"></div>
            </div>
        </header>
