{include file="_partials/head.tpl"}

<div class="cm-container">
  <nav class="cm-breadcrumbs" aria-label="Навігація сайтом">
    <a href="/">Головна</a>
    <span class="cm-breadcrumbs__sep">/</span>
    <span aria-current="page">Сторінку не знайдено</span>
  </nav>

  <section class="cm-404">
    <div class="cm-404__art" aria-hidden="true">
      <span class="cm-404__code">404</span>
    </div>

    <h1 class="cm-404__title">Сторінку не знайдено</h1>
    <p class="cm-404__text">
      Можливо, сторінку переміщено, видалено або вона ніколи не існувала.
      Перевірте адресу або скористайтеся пошуком.
    </p>

    <form method="get" action="/search" role="search" class="cm-search cm-search--page cm-404__search">
      <input class="cm-search-input" type="search" name="q" placeholder="Що шукаємо?" aria-label="Пошук по сайту" autocomplete="off">
      <button type="submit" class="cm-search-submit" aria-label="Знайти">{icon name="search" size="18"}</button>
    </form>

    <div class="cm-404__actions">
      <a href="/" class="cm-btn cm-btn--primary cm-btn--lg">{icon name="arrow_left" size="16"} На головну</a>
      [if {shop.enabled}="1"]
        <a href="/shop" class="cm-btn cm-btn--ghost cm-btn--lg">{icon name="cart" size="16"} До каталогу</a>
      [/if]
    </div>

    <nav class="cm-404__links" aria-label="Корисні посилання">
      <a href="/news">{icon name="news" size="16"} Новини</a>
      <a href="/search">{icon name="search" size="16"} Пошук</a>
    </nav>
  </section>
</div>

{include file="_partials/foot.tpl"}
