<section id="partenaires" class="partners">
    <div class="section-container">
        <h2>{{ t.partners.section_title }} <span class="accent-text">{{ t.partners.section_title_accent }}</span></h2>
        <p class="section-subtitle">
            {{ t.partners.section_subtitle }}
        </p>

        <div class="partners-grid">
            {% for partner in t.partners.items %}
            <a href="{{ partner.url }}" target="_blank" rel="noopener noreferrer" class="partner-card">
                <div class="partner-logo-container">
                    <img src="{{ partner.logo | cdn }}" alt="Logo {{ partner.name }}" class="partner-logo">
                </div>
                <h3>{{ partner.name }}</h3>
                <p class="partner-description">{{ partner.description }}</p>
                <span class="partner-link">
                    {{ t.partners.link_text }} →
                </span>
            </a>
            {% endfor %}
        </div>
    </div>
</section>
