{*
 * MÉRIDIAN — Bandeau Marques
 * style "brand2" -> défilement continu (marquee), sinon rangée centrée.
 * Données : $brands->{title,style,btn,selected_brands[]{url,img}}
 *}
<section class="mrd-section brand-strip">
  <div class="mrd-container">
    {if !empty($brands->title)}<h2 class="display reveal">{$brands->title}</h2>{/if}

    {if $brands->style == 'brand2'}
      <div class="brand-track reveal">
        <div class="brand-track-inner">
          {foreach from=$brands->selected_brands item=brand}
            <a class="brand-item" href="{$brand.url}"><img src="{$brand.img}" alt="" loading="lazy" height="54"></a>
          {/foreach}
          {* duplication pour la boucle infinie *}
          {foreach from=$brands->selected_brands item=brand}
            <a class="brand-item" href="{$brand.url}" aria-hidden="true"><img src="{$brand.img}" alt="" loading="lazy" height="54"></a>
          {/foreach}
        </div>
      </div>
    {else}
      <div class="brand-row reveal">
        {foreach from=$brands->selected_brands item=brand}
          <a class="brand-item" href="{$brand.url}"><img src="{$brand.img}" alt="" loading="lazy" height="54"></a>
        {/foreach}
      </div>
    {/if}

    {if $brands->btn}
      <div style="margin-top:36px">
        <a href="/marques" class="mrd-btn mrd-btn-outline">{l s='Voir toutes nos marques' d='Shop.Theme.Catalog'}</a>
      </div>
    {/if}
  </div>
</section>
