{% block block_cogi_layout_08 %}
{% set id = element.id %}
{% set blockCustom = block.getCustomFields() %}
{% set gridGap = false %}
{% if blockCustom and blockCustom['grid_gap'] is defined %}
{% set gridGap = blockCustom['grid_gap'] %}
{% endif %}
{% set mobileOrder = false %}
{% if blockCustom and blockCustom['mobileOrder'] is defined %}
{% set mobileOrder = blockCustom['mobileOrder'] %}
{% endif %}
{% set mobileHide = false %}
{% if blockCustom and blockCustom['mobileHide'] is defined %}
{% set mobileHide = blockCustom['mobileHide'] %}
{% endif %}
<div class="col-12">
<div class="cogi-grid" {% if gridGap %}style="grid-gap: {{ gridGap|sw_sanitize }}" data-grid-gap="{{ gridGap|sw_sanitize }}"{% endif %}>
{% block block_cogi_layout_08_1 %}
{% set element = block.slots.getSlot('1') %}
<div class="cogi-grid-item cogi-grid-item-1 {% if mobileHide and mobileHide[0] %}d-none d-sm-block{% endif %} {% if mobileOrder[0] is defined %}cogi-grid-item-mobile-order-{{ mobileOrder[0] }}{% endif %}" data-cms-element-id="{{ id }}">
{% block block_cogi_layout_08_1_inner %}
{% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
{% endblock %}
</div>
{% endblock %}
{% block block_cogi_layout_08_2 %}
{% set element = block.slots.getSlot('2') %}
<div class="cogi-grid-item cogi-grid-item-2 {% if mobileHide and mobileHide[1] %}d-none d-sm-block{% endif %} {% if mobileOrder[1] is defined %}cogi-grid-item-mobile-order-{{ mobileOrder[1] }}{% endif %}" data-cms-element-id="{{ id }}">
{% block block_cogi_layout_08_2_inner %}
{% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
{% endblock %}
</div>
{% endblock %}
{% block block_cogi_layout_08_3 %}
{% set element = block.slots.getSlot('3') %}
<div class="cogi-grid-item cogi-grid-item-3 {% if mobileHide and mobileHide[2] %}d-none d-sm-block{% endif %} {% if mobileOrder[2] is defined %}cogi-grid-item-mobile-order-{{ mobileOrder[2] }}{% endif %}" data-cms-element-id="{{ id }}">
{% block block_cogi_layout_08_3_inner %}
{% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
{% endblock %}
</div>
{% endblock %}
{% block block_cogi_layout_08_4 %}
{% set element = block.slots.getSlot('4') %}
<div class="cogi-grid-item cogi-grid-item-4 {% if mobileHide and mobileHide[3] %}d-none d-sm-block{% endif %} {% if mobileOrder[3] is defined %}cogi-grid-item-mobile-order-{{ mobileOrder[3] }}{% endif %}" data-cms-element-id="{{ id }}">
{% block block_cogi_layout_08_4_inner %}
{% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
{% endblock %}
</div>
{% endblock %}
{% block block_cogi_layout_08_5 %}
{% set element = block.slots.getSlot('5') %}
<div class="cogi-grid-item cogi-grid-item-5 {% if mobileHide and mobileHide[4] %}d-none d-sm-block{% endif %} {% if mobileOrder[4] is defined %}cogi-grid-item-mobile-order-{{ mobileOrder[4] }}{% endif %}" data-cms-element-id="{{ id }}">
{% block block_cogi_layout_08_5_inner %}
{% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
{% endblock %}
</div>
{% endblock %}
{% block block_cogi_layout_08_6 %}
{% set element = block.slots.getSlot('6') %}
<div class="cogi-grid-item cogi-grid-item-6 {% if mobileHide and mobileHide[5] %}d-none d-sm-block{% endif %} {% if mobileOrder[5] is defined %}cogi-grid-item-mobile-order-{{ mobileOrder[5] }}{% endif %}" data-cms-element-id="{{ id }}">
{% block block_cogi_layout_08_6_inner %}
{% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
{% endblock %}
</div>
{% endblock %}
</div>
</div>
{% endblock %}