{% block element_product_name %}
    {% set config = element.fieldConfig.elements %}

    <div class="cms-element-{{ element.type }}{% if config.verticalAlign.value %} has-vertical-alignment{% endif %}">
        {% block element_product_name_alignment %}
            {% if config.verticalAlign.value %}
                <div class="cms-element-alignment{% if config.verticalAlign.value == "center" %} align-self-center{% elseif config.verticalAlign.value == "flex-end" %} align-self-end{% else %} align-self-start{% endif %}">
            {% endif %}
            {% block element_product_name_inner %}
                {% if config.content.isStatic %}
                    <span itemprop="name">
                        {{ element.data.content|raw }}
                    </span>
                {% else %}
                    <h1 class="product-detail-name" itemprop="name">
                        {{ element.data.content|raw }}
                    </h1>
                {% endif %}
            {% endblock %}
            {% if config.verticalAlign.value %}
                </div>
            {% endif %}
        {% endblock %}
    </div>
{% endblock %}