<div class="card col-md-4">
    <div class="card__inner">
        <div class="card__offers">
            {{#if range}}
                <div class="card__offers-item card__offers-item_new">{{range}}</div>
            {{/if}}
            {{#if clearance}}
                <div class="card__offers-item card__offers-item_clearance">{{clearance}}</div>
            {{/if}}
            {{#if offer.length }}
                <div class="card__offers-item card__offers-item_discount">{{offer}}</div>
            {{/if}}
            {{#if offerEnd.length}}
                <div class="card__offers-item card__offers-item_ends">{{offerEnd}}</div>
            {{/if}}
        </div>
        <div class="card__img-wrap">
            <a href="{{url}}" tag-class="tile-grid-img-{{@index}}"><img class="card__img" src="{{src}}"
                                                                    alt="{{imgAlt}}"></a>
        </div>
        <div class="card__content">
            <a href="{{url}}" tag-class="tile-grid-txt-{{@index}}">
                <div class="card__title">{{title}}</div>
            </a>
        </div>
    </div>
</div>