{% extends "base.html" %}

{% block title %}{{ t.error_404_title }} — {{ config.APP_NAME }}{% endblock %}

{% block content %}
<div class="container-page py-12">
  <div style="max-width:28rem;margin:0 auto;text-align:center;">
    <p style="font-size:6rem;font-weight:800;line-height:1;color:var(--slate);opacity:0.3;margin:0;">404</p>
    <h1 class="text-navy" style="font-size:1.5rem;font-weight:700;margin:1rem 0 0.5rem;">{{ t.error_404_heading }}</h1>
    {% if country_slug %}
      <p class="text-slate" style="font-size:1rem;line-height:1.6;">{{ t.error_404_city_message }}</p>
      <a href="/{{ lang }}/markets/{{ country_slug }}" class="btn" style="margin-top:1.5rem;display:inline-block;">
        {{ t.error_404_back_country.replace('{country}', country_name) }}
      </a>
    {% else %}
      <p class="text-slate" style="font-size:1rem;line-height:1.6;">{{ t.error_404_message }}</p>
      <a href="/{{ lang }}" class="btn" style="margin-top:1.5rem;display:inline-block;">
        {{ t.error_404_back_home }}
      </a>
    {% endif %}
  </div>
</div>
{% endblock %}
