{{#not (or (urlResolver this) product)}}
  <div class="tui-card content-card item{{#if useFullMobileWidth}} full-width{{/if}}"{{#if linkModal}} data-link-modal-id="{{slug (lowercase heading)}}"{{/if}}>
{{/not}}
{{#or (urlResolver this) product}}
  {{#if (urlResolver this)}}
    <a href="{{urlResolver this}}" data-link-type="{{linkType}}" data-id="{{dataEntryId}}"
  {{else}}
    {{#compare linkType '==' 'SearchAndBook'}}
      <a href="{{urlResolver this}}" data-link-type="{{linkType}}" data-id="{{dataEntryId}}"
    {{/compare}}
    {{#compare linkType '!=' 'SearchAndBook'}}
      <a href="{{dpUrlResolver product.fields.content}}" data-link-type="{{linkType}}" data-id="{{dataEntryId}}"
    {{/compare}}
  {{/if}}
  class="tui-card content-card item{{#if priceText}} with-price{{/if}}{{#if useFullMobileWidth}} full-width{{/if}}"
  {{#if linkTitle}}title="{{linkTitle}}"{{/if}}
  {{#and trackPageInGa (not dontTrackGroupInGa) (not dontTrackCardInGa) }}{{>ga_attributes}}{{/and}}
  {{#if openLinkInNewWindow}} target="_blank" rel="noopener noreferrer"{{/if}}>
{{/or}}
{{>news_label}}
{{>concept_or_label}}
{{#if imagePage}}
  <div class="media-container">
    {{#if imageNumber}}
    {{#with (itemAt imagePage.fields.content.images (subtract imageNumber 1))}}
      {{>media_block image-url=url alt-text=../altText}}
    {{/with}}
    {{else}}
    {{#with (itemAt imagePage.fields.content.images 0)}}
      {{>media_block image-url=url alt-text=../altText}}
    {{/with}}
    {{/if}}
  </div>
{{else}}
  {{#if image.fields}}
      <div class="media-container">
        {{#if film}}
          {{>video videoSrc=film.fields.film.fields.file.url poster=image.fields.image.fields.file.url alt-text=image.fields.altText}}
        {{else}}
          {{>media_block image-url=image.fields.image.fields.file.url alt-text=image.fields.altText}}
        {{/if}}
      </div>
  {{/if}}
  {{#if image-url}}
      <div class="media-container">
        {{>image_responsive_card ccgIndex=ccgIndex}}
      </div>
  {{/if}}
  {{#and (neither image.fields image-url) product}}
    <div class="media-container">
      {{>image_responsive_card image-url=product.fields.content.mainImage.url ccgIndex=ccgIndex alt-text=altText}}
    </div>
  {{/and}}
{{/if}}
<div class="card-text tui-text-content"
  {{#if product}}{{>content_card_data_attributes}}{{/if}}
  data-link-type="{{linkType}}"
  {{#if useDynamicPrice}} {{#unless priceValue}} data-lowestprice{{/unless}} {{/if}}
>
  <div class="info-block">
    <h3 class="cc-heading">{{#if heading}}{{heading}}{{else}}{{product.fields.content.name}}{{/if}}</h3>
<div class="body-text" data-markdown>{{#if text}}{{text}}{{else}}{{#if product.fields.content.preamble}}{{{product.fields.content.preamble}}}{{else}}{{{product.fields.content.webPageDescription}}}{{/if}}{{/if}}</div>
  </div>
  {{#or priceText priceValue useDynamicPrice}}
    <div class="offer-block smaller">
      <div class="offer-text">
        {{priceText}}
        <span class="price-text">{{priceValue}}</span>
      </div>
    </div>
  {{/or}}
</div>
{{#not (or (urlResolver this) product)}}
  </div>
{{/not}}
{{#or (urlResolver this) product}}
    </a>
{{/or}}
