<div class="lst-card">
  <div class="lst-card__head">
    <div style="display:flex;align-items:center;gap:8px">
      {% if supplier.logo_file %}
      <img src="{{ supplier.logo_file }}" alt="" class="lst-card__logo">
      {% elif supplier.logo_url %}
      <img src="{{ supplier.logo_url }}" alt="" class="lst-card__logo">
      {% endif %}
      <span class="lst-card__name">{{ supplier.name }}</span>
    </div>
    <span class="lst-badge lst-badge--tier">{{ supplier.category }}</span>
  </div>
  <div class="lst-card__loc">{{ supplier.city or '' }}{% if supplier.city %}, {% endif %}{{ supplier.country_code }}</div>
  <div class="lst-badges">
    <span class="lst-badge lst-badge--tier">{{ supplier.tier | upper }}</span>
    {% if 'verified' in active_boosts or supplier.is_verified %}
    <span class="lst-badge lst-badge--verified">{{ t.sd_lst_verified }} &#10003;</span>
    {% endif %}
  </div>
  {% if supplier.tagline %}
  <p style="font-size:0.8125rem;color:#1E293B;font-weight:500;margin-bottom:4px">{{ supplier.tagline }}</p>
  {% endif %}
  {% if supplier.short_description or supplier.description %}
  <p class="lst-card__desc">{{ supplier.short_description or supplier.description }}</p>
  {% endif %}
  {% if supplier.website %}
  <div style="margin-top:0.5rem;font-size:0.75rem;color:#1D4ED8">{{ supplier.website }}</div>
  {% endif %}
</div>
