{# Shaped like the theme's own 404 (errors/404.html): the code, a heading, one
   sentence and a way out, centred in the shell's container. The route sets
   noindex, so the shell tells crawlers to drop the address and derives no
   breadcrumb from it. The way out is the list of product lines when the
   product has one, the home page otherwise. #}
{% extends layout %}

{% block title %}{{ _("Product line not found") }}{% endblock %}

{% block head %}
<style>
    .splreg-error { max-width: 34rem; margin-inline: auto; padding-block: 5rem; text-align: center; }
    .splreg-error__code { margin: 0; font-size: clamp(4rem, 12vw, 7rem); line-height: 1; font-weight: 700;
                          font-family: var(--brand-font-heading, inherit); color: var(--brand-primary, inherit); }
    .splreg-error__title { margin: 1rem 0 0; font-size: 1.6rem; }
    .splreg-error__text { margin: 1rem 0 2rem; color: var(--brand-muted, inherit); overflow-wrap: break-word; }
</style>
{% endblock %}

{% block content %}
<div class="container">
    <div class="splreg-error">
        <p class="splreg-error__code" aria-hidden="true">404</p>
        <h1 class="splreg-error__title">{{ _("Product line not found") }}</h1>
        {# One sentence, one translatable string. Split around the name it left
           translators holding fragments they cannot reorder for their own
           grammar, and glued a leading space onto a msgid to fake the spacing. #}
        <p class="splreg-error__text">
            {{ _("There is no product line called %(name)s in this marketplace.", name=name) }}
        </p>
        {% if lines_url %}
        <a class="btn btn-primary" href="{{ lines_url }}">{{ _("See all product lines") }}</a>
        {% else %}
        <a class="btn btn-primary" href="/">{{ _("Back to the home page") }}</a>
        {% endif %}
    </div>
</div>
{% endblock %}