{# <a class="item active" data-tab="details"></a>
{% if product.attributes|length > 0 %}
    <a class="item" data-tab="attributes" {{ sylius_test_html_attribute('tab', 'attributes') }}></a>
{% endif %}
<a class="item" data-tab="reviews">{{ 'sylius.ui.reviews'|trans }} ({{ product.acceptedReviews|length }})</a> #}
<div class="row">
    <div class="col-12">
        <div class="large_divider clearfix"></div>
    </div>
</div>
<div class="row">
    <div class="col-12">
        <div class="tab-style3">
            <ul class="nav nav-tabs" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" id="Description-tab" data-bs-toggle="tab" href="#Description" role="tab" aria-controls="Description" aria-selected="true">{{ 'sylius.ui.details'|trans }}</a>
                </li>
                {% if product.attributes|length > 0 %}
                <li class="nav-item">
                    <a class="nav-link" id="Additional-info-tab" data-bs-toggle="tab" href="#Additional-info" role="tab" aria-controls="Additional-info" aria-selected="false">{{ 'sylius.ui.attributes'|trans }}</a>
                </li>
                {% endif %}
                <li class="nav-item">
                    <a class="nav-link" id="Reviews-tab" data-bs-toggle="tab" href="#Reviews" role="tab" aria-controls="Reviews" aria-selected="false">{{ 'sylius.ui.reviews'|trans }} ({{  get_review_from_product_main_taxon(product)|length }})</a>
                </li>
            </ul>
            <div class="tab-content shop_info_tab">
                {% include '@SyliusShop/Product/Show/Tabs/_details.html.twig' %}
                {% include '@SyliusShop/Product/Show/Tabs/_attributes.html.twig' %}
                {% include '@SyliusShop/Product/Show/Tabs/_reviews.html.twig' %}
            </div>
        </div>
    </div>
</div>