{#
/**
 * @file
 *
 * Default product template.
 *
 * Available variables:
 * - attributes: HTML attributes for the wrapper.
 * - product: The rendered product fields.
 *   Use 'product' to print them all, or print a subset such as
 *   'product.title'. Use the following code to exclude the
 *   printing of a given field:
 *   @code
 *   {{ product|without('title') }}
 *   @endcode
 * - product_entity: The product entity.
 * - product_url: The product URL.
 *
 * @ingroup themeable
 */
 ********
 product.title
 product.variation_title
 product.variation_sku
 product.variation_price
 product.variations
 product_url
#}


{%
    set classes = [
        'product-page'
    ]
%}
<article{{attributes.addClass(classes)}}>
    <div class="container inner">

        <div class="grid-container grid-2">
            <div class="left grid-item">
                {% if product.field_product_image.0 %}
                    <div class="pp--image">
                        {{ product.field_product_image }}
                    </div>
                {% endif %}
            </div>
            <div class="right grid-item">
                <div class="pp--catalogue">{{ product.field_product_catalogue }}</div>
                <h1 class="pp--title">{{ product.title}}</h1>

                <div class="pp--add-to-cart">
                    {{ product.variation_price }}
                    <div style="text-decoration: line-through; font-size: 15px; text-align: right;">{{ product.variation_list_price }}</div>

                    {% if variation_count > 1 %}
                        {{ product.variations }}
                    {% else %}
                        <div class="field">
                            <div class="field__label"></div>
                            <div class="field__item">{{ first_variation_title }}</div>
                        </div>
                        <div class="pp--hide-select">
                            {{ product.variations }}
                        </div>
                    {% endif %}

                </div>

                <div class="cart-status"></div>

                {% if product.field_short_description.0 %}
                    <div class="pp--short-description">{{ product.field_short_description }}</div>
                {% endif %}


                <div class="pp--meta"></div>
                <div class="content-share-print">
                    {{ product.addtoany }}
                </div>
            </div>
        </div>
    </div>

    {{ product.field_product_paragraphs }}



</article>