<div class="np-card-container np-card-padding-large">
  <div class="np-top-vocabulary np-text-title np-text-muted">
    {% t shared.product_types.bundle %}
  </div>
  <div class="np-top-title">
    <a href="{% route catalog %}" class="np-back-button" aria-label="{% t shared.go_back %}">
      <i class="far fa-arrow-left np-hidden-mobile np-icon-back"></i>
    </a>
    {{ product.name }}
  </div>
  <img
    src="{{ product.image_url }}"
    class="np-top-image"
    alt="{{ product.name }}"
  />
  <div class="np-top-cta">
    {% include "product_price_and_cta" %}
  </div>
</div>

<div class="np-card-container np-card-padding np-card-spacing">
  {% include "bundle_description" %}
</div>

<div class="np-card-spacing">
  {% include "bundle_product_outline" %}
</div>
