           {%if plugins["searchbar"]%}
            <!-- Mobile search box -->
            <div class="fixed inset-0 z-10 bg-black bg-opacity-20" style="backdrop-filter: blur(14px); display: none;" x-show.transition="isSearchBoxOpen">
              <div @click.away="isSearchBoxOpen = false" class="absolute inset-x-0 flex items-center justify-between p-2 shadow-md">
                <div class="flex items-center flex-1 px-2 space-x-2">
                  <!-- search icon -->
                  <span>
           