{% load static %}
<!-- ══ TRUSTED BY ══ -->
<section class="s-trusted">
  <div class="section-inner">
    <h2 class="trusted-title reveal">La solution de référence pour <em>l'agri-industrie africaine.</em></h2>
    <p class="trusted-sub reveal">Industriels, coopératives et institutions nous font confiance.</p>
  </div>

  <!-- Défilement infini : les logos sont dupliqués pour un loop sans coupure -->
  <div class="logos-track-wrap">
    <div class="logos-track">
      <!-- Série 1 -->
      <div class="logo-slide"><img src="{% static 'img/partenaires/apromac.png' %}"           alt="Apromac"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/pmci.jpeg' %}"             alt="PMCI"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/sodexam.png' %}"           alt="Sodexam"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/trci.jpg' %}"              alt="TRCI"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/Archetyp.jpeg' %}"         alt="Archetyp"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/tonys_chocolonely.svg' %}" alt="Tony's Chocolonely"></div>
      <!-- Série 2 (copie pour loop sans coupure) -->
      <div class="logo-slide"><img src="{% static 'img/partenaires/apromac.png' %}"           alt="Apromac"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/pmci.jpeg' %}"             alt="PMCI"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/sodexam.png' %}"           alt="Sodexam"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/trci.jpg' %}"              alt="TRCI"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/Archetyp.jpeg' %}"         alt="Archetyp"></div>
      <div class="logo-slide"><img src="{% static 'img/partenaires/tonys_chocolonely.svg' %}" alt="Tony's Chocolonely"></div>
    </div>
  </div>
</section>