{{ search:results index="{{ site:handle }}" as="results" }}
    {{ total_results_count = total_results }}
    {{ search_term = "{trans:mwb.copy.single_quote.open}" + "{get:q}" + "{trans:mwb.copy.single_quote.close}" }}
    <div class="container-1 h-36 flex-col items-center bg-brand-teal lg:h-[10.25rem]">
        <div class="flex w-full items-center justify-center">
            <div class="flex w-full max-w-(--breakpoint-md) flex-col justify-center gap-5.5 self-stretch pt-1 pb-4">
                {{ partial:form/search show_old_query="true" }}
                <div class="text-white">
                    <p>
                        {{ {total_results_count} + " " + {{ 'mwb.searches.results_for' | trans_choice($total_results_count) }} + " " + search_term }}
                    </p>
                </div>
            </div>
        </div>
    </div>
{{ /search:results }}
{{ search:results index="{{ site:handle }}" paginate="6" as="results" }}
    <div class="container-1">
        <div class="flex w-full items-center justify-center">
            <div
                class="flex h-full w-full max-w-(--breakpoint-md) flex-col gap-8 self-center py-7 lg:gap-12.5 lg:py-18"
            >
                {{ if no_results }}
                    {{ collection:functional_templates blueprint:is="no_search_results" limit="1" }}
                        {{ if total_results < 1 }}
                            <div class="translate-text-orange-link">
                                {{ '{trans:mwb.searches.no_results_text contact_link="{default_pages:contact_page}"}' | markdown }}
                            </div>
                        {{ else }}
                            <div class="translate-text-orange-link flex flex-col gap-6.5">
                                {{ partial src="sets/single_column" }}
                            </div>
                        {{ /if }}
                    {{ /collection:functional_templates }}
                {{ else }}
                    {{ results }}
                        {{ image_result = featured_image ?? banner_image ?? image ?? donate_widget:image ?? null }}
                        <a
                            href="{{ url }}"
                            class="group flex w-full flex-col-reverse gap-4.5 lg:flex-row lg:gap-8"
                            tabindex="0"
                        >
                            <div class="flex flex-1 flex-col gap-1">
                                <h4
                                    class="text-brand-orange group-hover:text-brand-orange-hover group-active:text-brand-orange-active"
                                >
                                    {{ title }}
                                </h4>
                                <p>
                                    {{ meta_description ?? description ?? banner_description ?? donate_widget:description ?? null }}
                                </p>
                            </div>
                            {{ if image_result }}
                                <img
                                    class="h-44 w-full object-cover object-center lg:h-33 lg:w-54"
                                    src="{{ image_result:url }}"
                                    alt="{{ image_result:alt }}"
                                />
                            {{ /if }}
                        </a>
                    {{ /results }}
                    {{ if total_results_count > 6 }}
                        {{ partial:pagination }}
                    {{ /if }}
                {{ /if }}
            </div>
        </div>
    </div>
{{ /search:results }}