{#
 # Ähnliche Sorten – Entdecken, nicht Pflicht.
 #
 # Darum bewusst als Kachelreihe und ohne "in den Warenkorb": wer hier
 # liest, sucht noch. Der Kauf passiert auf der Seite der anderen Sorte.
 #}
<section class="rz-aehnlich">
    <div class="rz-aehnlich-head">
        <h2 class="rz-aehnlich-titel">{{ aehnlich.titel }}</h2>
        <p class="rz-aehnlich-hinweis">{{ aehnlich.hinweis }}</p>
    </div>

    <ul class="rz-aehnlich-liste">
        {% for sorte in aehnlich.artikel %}
            {% set preis = rz_preis(sorte) %}
            {% set noten = rz_noten(sorte) %}
            <li class="rz-aehnlich-kachel">
                <a class="rz-aehnlich-link" href="{{ seoUrl('frontend.detail.page', { productId: sorte.id }) }}">
                    <span class="rz-aehnlich-bild">
                        {% if sorte.cover and sorte.cover.media %}
                            {% sw_thumbnails 'rz-aehnlich-thumb' with {
                                media: sorte.cover.media,
                                sizes: { default: '200px' },
                                attributes: { class: 'rz-aehnlich-img', alt: '', loading: 'lazy' }
                            } %}
                        {% endif %}
                    </span>
                    <span class="rz-aehnlich-name">{{ sorte.translated.name }}</span>
                    {% if noten is not empty %}
                        <span class="rz-aehnlich-noten">{{ noten|slice(0, 3)|join(' · ') }}</span>
                    {% endif %}
                    {% if preis %}<span class="rz-aehnlich-preis">{{ preis.unitPrice|currency }}</span>{% endif %}
                </a>
            </li>
        {% endfor %}
    </ul>
</section>