{{#extend "base" pageClass="page_no-results" title="No results found"}}
{{#content "head" mode="append"}}
<link type="text/css" rel="stylesheet" href="./css/pages/page_no-results.css">
{{/content}}
{{#content "body"}}
<div class="container component pb-0">
    <div class="page-header">
        <h1 class="page-header__title">No Results Found</h1>
    </div>
</div>
<div class="no-results">
    <div class="container component pt-0">
        <div class="row">
            <div class="col-12">
                <hr>
            </div>
        </div>
    </div>

    <div class="container component pt-0">
        <div class="row">
            <div class="col-12">
                <h2>Sorry, we couldn't find any results for your search</h2>
                <p>
                    <strong>
                        Suggestions:
                    </strong>
                </p>
                <p class="mb-0">
                    You may have typed your keywords incorrectly - please check your misspellings.<br>
                    You may have been too specific - please broaden your search by using fewer keywords. <br>
                    Browse our products by selecting a category above.
                </p>
            </div>
        </div>
    </div>

    <div class="container component pt-0">
        <div class="row">
            <div class="col-12">
                <hr>
            </div>
        </div>
    </div>
</div>
{{/content}}
{{/extend}}