{% block block_gallery_buybox %}
    {% set product = page.product|default(null) %}
    {% set isAvailable = product and (not product.isCloseout or product.availableStock >= product.minPurchase) and product.available %}
    {% set manufacturerName = product and product.manufacturer ? product.manufacturer.translated.name|default(product.manufacturer.name) : null %}
    {% set shortDescription = product ? (product.translated.description|default('')|striptags|trim) : '' %}

    <div class="xps-pdp">
        <div class="xps-pdp__hero">
            {% block block_gallery_buybox_column_left %}
                {% set element = block.slots.getSlot('left') %}
                {% set config = element.fieldConfig.elements %}

                <div class="xps-pdp__gallery-col product-detail-media" data-cms-element-id="{{ element.id }}">
                    {% block block_gallery_buybox_column_left_inner %}
                        {% sw_include '@Storefront/storefront/element/cms-element-' ~ element.type ~ '.html.twig' ignore missing
                            with {
                            isProduct: config.sliderItems.value == 'product.media' and config.sliderItems.source == 'mapped',
                            startIndexThumbnails: 1,
                            startIndexSlider: 1
                        } %}
                    {% endblock %}
                </div>
            {% endblock %}

            {% if product %}
                <div class="xps-pdp__intro">
                    <h1 class="xps-pdp__title" itemprop="name">
                        {{ product.translated.name }}
                    </h1>
                </div>
            {% endif %}

            {% block block_gallery_buybox_column_right %}
                {% set element = block.slots.getSlot('right') %}
                {% block block_gallery_buybox_column_right_inner %}
                    {% sw_include '@Storefront/storefront/element/cms-element-' ~ element.type ~ '.html.twig' ignore missing with {
                        element: element
                    } %}
                {% endblock %}
            {% endblock %}
        </div>
    </div>
{% endblock %}