<div class="product-widget product-widget__composition product-widget__white">
<div class="product-widget__heading">{{ title|default|raw }}</div>
<div class="composition__grid">
{% for composition in compositions %}
<div class="item">
<div class="item__image">
{% if composition.image %}
<img src="{{ composition.image }}" alt="">
{% endif %}
</div>
<div class="item__info">
<div class="item__heading">{{ composition.name|default|raw }}</div>
<div class="item__text content">
{# КРАТКОЕ ОПИСАНИЕ #}
{{ composition.caption|default|raw }}
</div>
<div class="item__text item__text-full content">
{# ПОЛНОЕ ОПИСАНИЕ #}
{{ composition.description|default|raw }}
</div>
<div class="item__more">читать о компоненте</div>
</div>
</div>
{% endfor %}
</div>
<div class="composition__tabs">
{% for description in descriptions %}
<div class="item {{ description.is_open is defined and description.is_open ? 'opened' }}">
<div class="item__header">
<div class="item__heading">{{ description.name|default|raw }}</div>
<div class="item__toggler">
<svg><use xlink:href="/img/sprite_new.svg#plus" /></svg>
</div>
</div>
<div class="item__content content">
{{ description.description|default|raw }}
</div>
</div>
{% endfor %}
{% if dermatest is defined and dermatest %}
<div class="item">
<div class="item__row">
<div class="item__image">
<img src="/img/dermatest.svg" alt="">
</div>
<div class="item__text content">
гипоаллергенность каждого продукта somelove подтверждена тестированием в научно-исследовательском институте dermatest в германии<br><a href="{{ dermatest }}" target="_blank">посмотреть сертификат</a>
</div>
</div>
</div>
{% endif %}
</div>
</div>