<div class="product-bottom-info">
    {%- unless product.gift_card? -%}
        {%- if settings.product_promo_text_title != blank and settings.product_promo_text_desc != blank -%}
            <div class="bg-beige pt-15 pb-15 pl-20 pr-20 mt-40">
                <p class="p5 mb-5">{{ settings.product_promo_text_title }}</p>
                <p class="p3">{{ settings.product_promo_text_desc }}</p>
            </div>
        {%- endif -%}
    {%- endunless -%}

    {%- if product.metafields.custom.feature_title_1 != blank -%}
        <div class="prod-features flex jc-center colgap-40 mt-35">
            {%- for num in (1..3) -%}
                {%- assign title_setting = 'feature_title_' | append: num -%}
                {%- assign icon_setting = 'feature_icon_' | append: num -%}
                
                {%- assign feature_title = product.metafields.custom[title_setting] -%}
                {%- if feature_title != blank -%}
                    <div class="each" data-tippy-content="Made from 100% Cotton suitable for all skin types">
                        <div class="icon mb-15">
                            {%- assign image_alt = feature_title | escape -%}
                            {%- render 'global-image-wrapper', 
                                image: product.metafields.custom[icon_setting].value, 
                                image_alt: image_alt,
                                additional_class: 'no-bg' 
                            -%}
                        </div>
                        <div class="feature-title underline p3 tc">{{ feature_title }}</div>
                    </div>
                {%- endif -%}
            {%- endfor -%}
        </div>
    {%- endif -%}

    {%- if product.tags contains 'bundle' %}
    {%- else -%}
        {%- unless product.gift_card? -%}
            {%- if settings.product_block_link_url != blank -%}
                {%- assign title_escape = settings.product_block_link_title | escape -%}
                <a href="{{ settings.product_block_link_url }}" title="{{ title_escape }}" class="block-link b-1 b-light-grey flex ai-center colgap-25 pt-20 pb-20 pl-25 pr-25 mt-40">
                    <div class="image-con">
                        {%- render 'global-image-wrapper', 
                            image: settings.product_block_link_img,
                            image_alt: title_escape
                        -%}
                    </div>
                    <div class="right-side flex-1 flex ai-center jc-between colgap-15">
                        <div class="text-con">
                            <h4 class="h7 mb-5">{{ settings.product_block_link_title }}</h4>
                            <p class="p3">{{ settings.product_block_link_text }}</p>
                        </div>
                        <div class="icon">{{ settings.icon_arrow_right }}</div>
                    </div>
                </a>
            {%- endif -%}
        {%- endunless -%}
    {%- endif %}

    {%- if product.metafields.custom.product_pairs.value != blank -%}
        <h4 class="p5 mt-40 mb-20">{{ 'products.product.pairs_well' | t }}</h4>
        <div class="prods-pairs-well colgap-10 rowgap-10">
            {%- for prod_pair in product.metafields.custom.product_pairs.value -%}
                {%- assign prod_pair_title = prod_pair.title -%}
                {%- assign prod_pair_title_esc = prod_pair_title | escape -%}
                <a href="{{ prod_pair.url }}" title="{{ prod_pair_title_esc }}" class="pair-each">
                    <div class="image-con mb-15">
                        {%- render 'global-image-wrapper',
                            image: prod_pair.featured_image,
                            image_alt: prod_pair_title_esc
                        -%}
                    </div>
                    <p class="h7">{{ prod_pair_title }}</p>
                </a>
            {%- endfor -%}
        </div>
    {%- endif -%}
</div>