<div class="card product-card-preview" data-id="{{id}}">
  <div class="products__item card__inner">
    <a class="card__img-wrap card__img-wrap_link products__image" href="page_product-details-with-global-search-v2.html">
      <img class="product-img" src="{{src}}" alt="">
    </a>
    <div class="products__details product-card__content">
      <div class="products__details-header">
        <a href="#" class="title product-card__title product-card__title_link">{{title}}</a>
        <button class="btn btn--remove" data-action="remove">
          <i class="fas fa-trash remove-icon"></i>
        </button>
      </div>
      <div class="products__details-body">
        {{#if CC}}
          <p class="item">Click &amp; Collect: <span class="value">{{CC}}</span></p>
        {{/if}}
      </div>
      <div class="products__details-footer">
        <div class="products__quantity-control">
          <button class="btn btn--quantity" data-action="minus" {{#ifCond quantity.value '<=' 1}}disabled{{/ifCond}}>
            <i class="fal fa-minus quantity-cta-icon"></i>
          </button>
          <label class="quantity product-card__quantity-label">
            <span class="product-card__quantity-value">{{quantity.value}}</span>
          </label>
          <button class="btn btn--quantity" data-action="plus">
            <i class="fal fa-plus quantity-cta-icon"></i>
          </button>
        </div>
        {{#if switch-vat}}
          <p class="price including-vat-inherit">
            <span class="value">{{incVatPrice}}</span>
            <span class="inc">Inc.VAT</span>
          </p>
          <p class="price excluding-vat-inherit">
            <span class="value">{{excVatPrice}}</span>
            <span class="inc">Exc.VAT</span>
          </p>
        {{else}}
          <p class="price">{{price}}</p>
        {{/if}}
      </div>
    </div>
  </div>
</div>
