{% set subtitle = subtitle|default %}
{% set subtitleVal = subtitleVal|default %}
<div class="product position-relative pa-25 text-center pointer" data-link>
{% set iconBgc = product.category ? product.category.color : null %}
{% set iconBgc = iconBgc|default("#3992B0") %}
{% set productValue = getProductValue(product) %}
<div class="row align-items-center">
<div class="col-sm-4">
{% 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="d-flex align-items-center">
<img src="{{ asset(product.productFileName ? vich_uploader_asset(product, 'productFile') : 'assets/img/sans-img-1-dmd-inox.jpg') | imagine_filter('medium') }}"
alt="{{ product.title }}"
class="w-100 {{ product.productSchemaFileName ? "jflxwm" }}"/>
{% if product.productSchemaFileName %}
<img src="{{ asset(vich_uploader_asset(product, 'productSchemaFile')) | imagine_filter('medium') }}"
alt="{{ product.title }}" class="w-100 vremmq"/>
{% endif %}
</div>
</div>
<div class="col-sm-8">
<h3 class="title1 mab-20">
<a href="{{ getProductUrl(product) }}">
{{ product.title }}
</a>
</h3>
{% if subtitle %}
<div class="subtitle1">
{{ subtitleVal ? subtitleVal : (productValue ? productValue.title : null) }}
</div>
{% endif %}
{% if intro is defined %}
<div class="content">
{{ intro }}
</div>
{% endif %}
</div>
</div>
</div>