{% if specials %}
  {% for special in specials %}
    <div>
      <a class="ftr-special__card ftr-grid__card ftr-in-space--n" href="{{ special.href }}" title="{{ special.description }}">
        {% if special.image %}
          <picture>
            <source class="ftr-special__image ftr-image-load__image ftr-js-image-load__image" srcset="" data-src="{{ special.image.webp }}">
            <img class="ftr-special__image ftr-image-load__image ftr-js-image-load__image" src="" data-src="{{ special.image.jpg }}" alt="{{ special.description }}">
          </picture>
          {% else %}
            <picture>
              <source class="ftr-special__image ftr-image-load__image ftr-js-image-load__image" srcset="" data-src="{{ special.image.webp }}">
              <img class="ftr-special__image ftr-image-load__image ftr-js-image-load__image" data-src="https://placehold.co/300x260?text=sem+imagem" alt="{{ special.description }}">
            </picture>
        {% endif %}
        <span class="ftr-special__text ftr-text--s ftr-text--light">{{ special.description }}</span>
      </a>
    </div>
  {% endfor %}
{% else %}
  <div class="col-xs">
    <span class="text-medium">{{ text_empty }}</span>
  </div>
{% endif %}
