{{#extend "base" pageClass="page_empty-basket" title="No product found"}}
{{#content "head" mode="append"}}
<link type="text/css" rel="stylesheet" href="./css/pages/page_empty-basket.css">
<link type="text/css" rel="stylesheet" href="./css/pages/page_shopping-cart-v2.css">
<link type="text/css" rel="stylesheet" href="./css/pages/checkout.css">
{{/content}}
{{#content "body"}}
<main class="empty-basket empty">
    <div class="container component pb-0">
        <div class="page-header">
            <h1 class="page-header__title">Your shopping basket is empty</h1>
            <div class="page-header__intro">
                <p>You can browse our products by selecting a category above</p>
            </div>
        </div>
    </div>
</main>
{{/content}}
{{#content "footer"}}
{{> footer_checkout }}
{{/content}}
{{#content "foot" mode="append"}}
<script defer src="./js/page/basket.js"></script>
{{> click-and-collect-modal }}
{{/content}}
{{/extend}}
