{% set subtitle = subtitle|default %}
{% set subtitleVal = subtitleVal|default %}
<div class="pax-10">
<div class="product position-relative pa-25 text-center pointer bgc-white" data-link>
{% set iconBgc = product.category ? product.category.color : null %}
{% set iconBgc = iconBgc|default("#3992B0") %}
{% set productValue = getProductValue(product) %}
{% if productValue %}
<div class="position-absolute t-0 l-0 wi-65 he-65 pa-10 d-flex align-items-center justify-content-center"
style="background-color: {{ iconBgc }};">
<img src="{{ getCategoryImage(productValue, true, true) }}" alt="{{ productValue.title }}"
class="w-auto mahep-100"/>
</div>
{% endif %}
<div class="ojgaxs d-flex align-items-center">
<img src="{{ (product.productFileName ? asset(vich_uploader_asset(product, 'productFile')) : asset('assets/img/sans-img-1-dmd-inox.jpg')) | imagine_filter('product_thumbnail') }}"
alt="{{ product.title }}"
class="w-auto {{ product.productSchemaFileName ? "jflxwm" }}"/>
{% if product.productSchemaFileName %}
<img src="{{ asset(vich_uploader_asset(product, 'productSchemaFile')) | imagine_filter('product_thumbnail') }}"
alt="{{ product.title }}" class="w-auto vremmq"/>
{% endif %}
</div>
<h3 class="title1 neihxe mat-8 mab-12">
<a href="{{ getProductUrl(product) }}">
{{ product.title }}
</a>
</h3>
{% if subtitle %}
<div class="subtitle1 iyrjwn">
{{ subtitleVal ? subtitleVal : (productValue ? productValue.title : null) }}
</div>
{% endif %}
{% if intro is defined %}
<div class="overflow-hidden he-70 position-relative mat-15">
<div class="content">
{{ intro }}
</div>
<div class="position-absolute hep-100 b-0 w-100"
style="background: rgb(255,255,255);background: linear-gradient(0deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);"></div>
</div>
{% endif %}
</div>
</div>