<div class="card {{modification}}">
    <div class="card__inner">
        {{#if sale}}
        <div class="card__offers">
            {{#if sale}}
                <div class="card__offers-item card__offers-item_discount">{{sale.discount}}</div>
            {{/if}}
        </div>
        {{/if}}
        {{#if src}}
        <div class="card__img-wrap">
            <div class="card__img-wrap-inner">
            {{#if promo}}
                <div class="card__promo">
                    {{#if promo}}
                    <div class="card__promo__header">
                        {{promo}}
                    </div>
                    {{/if}}
                    {{#if promofooter}}
                    <footer class="card__promo__footer">
                        {{promofooter}}
                    </footer>
                    {{/if}}
                    {{#if tag}}
                        <div class="card__promo__header card__promo__header--{{tag.type}}">
                            {{tag.text}}
                        </div>
                    {{/if}}
                </div>
            {{/if}}
                {{#if url}}
                    <a href="{{url}}"  tag-class="product-card-img-{{@index}}"><img class="card__img" src="{{src}}" alt="{{title}}"></a>
                {{else}}
                    <span><img class="card__img" src="{{src}}" alt="{{title}}"></span>
                {{/if}}
            </div>
        </div>
        {{/if}}
        {{#if solid-bg}}
        <div class="card__solid-bg">
            <div class="card__solid-bg-inner">
                {{#if icon-src}}
                    {{#if url}}
                        <a href="{{url}}">
                    {{/if}}
                    <img src="{{icon-src}}" alt="{{title}}">
                    {{#if url}}
                        </a>
                    {{/if}}
                {{/if}}

          {{#if solid-bg-title}}
            {{solid-bg-title}}
          {{/if}}
        </div>
      </div>
    {{/if}}
    <div class="card__content">
      <div class="card__content-wrap">
        {{#if title}}
          <div class="card__title">
            {{{title}}}
            {{#if sub-title}}
              <div>{{sub-title}}</div>
            {{/if}}
          </div>
        {{/if}}
        {{#if title-link}}
        <div class="card__title">
          <a href="">{{title-link}}</a>
        </div>
        {{/if}}
        {{#if header}}
          <div class="card__header">
            <b>{{header}}</b>
          </div>
        {{/if}}
        {{#if descr}}
          <div class="card__descr">
            {{descr}}
          </div>
        {{/if}}
        {{#each overview-list}}
          <ul class="card__list">
            <li class="card__list-item">
              <span class="fas fa-check" aria-hidden="true"></span>
              {{text}}
              <a href="{{text-link-address}}" class="card__list-link">{{text-link}}</a>
            </li>
          </ul>
        {{/each}}
      </div>
    </div>
    {{#unless action-wrap}}
    <div class="card__actions-wrap">
      {{#if readMore}}
        <a href="#" class="expanded-text">Read more</a>
      {{/if}}
      {{#if linkValue}}
        <div class="card__actions">
          {{#if primary}}
            <a href="{{#if url}}{{url}}{{else}}{{/if}}" class="btn btn-primary" tag-class="product-card-txt-{{@index}}">{{linkValue}}</a>
          {{else if secondary}}
            <a href="{{#if url}}{{url}}{{else}}{{/if}}" class="btn btn-secondary" tag-class="product-card-txt-{{@index}}">{{linkValue}}</a>
          {{else}}
            <a href="{{#if url}}{{url}}{{else}}{{/if}}" class="link-secondary" tag-class="product-card-txt-{{@index}}">{{linkValue}}</a>
          {{/if}}
        </div>
      {{/if}}
    </div>
    {{/unless}}
      {{#if whitespace}}
        <div class="white-space"></div>
      {{/if}}
  </div>
</div>

