{#{% sw_extends '@zenitPlatformStratus/storefront/page/content/detail.html.twig' %}#}
{% sw_extends '@Storefront/storefront/page/content/detail.html.twig' %}
{% block page_content_section %}
<div class="cms-section {{ layout }} {{ sectionClasses|join(' ') }}"
{# @fourtwosix-edit: Convert Section name in kebab-case (all lower) to get the section id #}
{% if section.name %} id="{{ section.name|replace({' ': '-'})|lower }}" {% endif %}
{# @fourtwosix-edit: end#}
style="{% if sectionBgAttachment %}background-attachment: {{ sectionBgAttachment }};{% endif %}{% if sectionBgPosition %}background-position: {{ sectionBgPosition }};{% endif %}{% if sectionBgColor %}background-color: {{ sectionBgColor }};{% endif %}{% if sectionBgImg %}background-image: url('{{ sectionBgImg }}');background-size: {{ sectionBgImgMode }};{% endif %}">
{% if sectionBgOpacity < 100 and sectionBgColor %}
<div class="cms-section-bg-color-overlay"
style="background-color: {{ sectionBgColor }}; opacity: {{ (100 - sectionBgOpacity|number_format) / 100 }};">
</div>
{% endif %}
{% sw_include "@Storefront/storefront/section/cms-section-" ~ section.type ~ ".html.twig" %}
</div>
{% endblock %}