{%  assign show_form_popup = false %}
{%- assign enable_image_zoom = section.settings.enable_image_zoom -%}



{%- assign initial_media_index = 0 -%}
{%- assign current_variant = product.selected_or_first_available_variant -%}
{%- assign price = current_variant.price -%}
{%- assign available = current_variant.available -%}

{%- for media in product.media -%}
{%- if product.selected_variant and media.id == product.selected_variant.featured_media.id -%}
{%- assign initial_media_index = forloop.index0 -%}
{% endif %}
{% endfor %}


{% assign show_preOrderButton = false %}
{% if current_variant.inventory_policy == 'continue' and current_variant.inventory_management == 'shopify' and settings.show_preOrder_btn and current_variant.inventory_quantity <= 0 %}
{% assign show_preOrderButton = true %}
{% endif %}

{% assign hide_price0_box_and_button = false %}
{% if settings.hide_price0_box_and_button and  product.price_max == 0 %} 
{% assign hide_price0_box_and_button = true %}
{% endif %}


{%  assign product_description_in_static_tab = false %}
{% assign show_static_tabs = false %}
{% for block in section.blocks %}
{% if block.type contains 'static_tab' %}
{% assign show_static_tabs = true %}

{% if block.settings.product_tab_use_product_description %}
{%  assign product_description_in_static_tab = true %}
{% break %}
{% endif %}
{% endif %}
{% endfor %}


{%- capture flickity_options -%}
{
"prevNextButtons": true,
"pageDots": false,
"adaptiveHeight": true,
"cellAlign": "left",
"contain": true,
  "pauseAutoPlayOnHover": true,
"dragThreshold": 8,
"initialIndex": {{ initial_media_index }},
"arrowShape": {"x0": 20, "x1": 60, "y1": 40, "x2": 60, "y2": 35, "x3": 25}
}
{%- endcapture -%}


{%- capture thumb_flickity_options -%}
{ 
"prevNextButtons": false,
"pageDots": false,
  "pauseAutoPlayOnHover": true,
"contain": true,
"cellAlign": "left",
"dragThreshold": 8,
"initialIndex": {{ initial_media_index }},
"arrowShape": {"x0": 20, "x1": 60, "y1": 40, "x2": 60, "y2": 35, "x3": 25}
}
{%- endcapture -%}

{% assign cart_icon_style = settings.header_cart_icon_style %}


{% assign show_breadcrumbs = section.settings.show_breadcrumbs %}

{% if template.suffix == 'quick-view' %}
{% assign show_breadcrumbs = false %}
{% endif %}


{% assign show_inventory_quantity = false %}
{% assign low_inventory_threshold = 0 %}
{% assign show_product_desc_full_width = false %}

 {% assign enable_alts = false %}
  {% for media in product.media %}
  {%- assign media_alt = media.alt -%}

  {%- if media.alt contains '#' -%}
    {%- assign is_media_group = true -%}
    {%- assign alt_parts = media.alt | split: '#' -%}

    {%- assign media_group_parts = alt_parts.last | split: '_' -%}

    {%- assign downcase_group_option = media_group_parts.first | strip | downcase -%}

    {%- assign downcase_group_value = media_group_parts.last | strip | downcase -%}

 
    {%- for option in product.options -%}
    {%- assign downcase_option = option | downcase -%}

      {%- if downcase_option == downcase_group_option -%}
      {% assign enable_alts = true %}
      {% break %}
      {% endif %}
    {% endfor %}
  {%- endif -%}
  {% endfor %}
  
<div class="page-width-small" id="ProductSection-{{ section.id }}" 
     data-section-id="{{ section.id }}" 
     data-product-handle="{{ product.handle }}"  
     data-section-type="product" 
      data-enable-history-state="{% if template.suffix == 'quick-view' %}false{% else %}true{% endif %}"
     data-show_preOrder_btn="{{settings.show_preOrder_btn}}"
     data-show_pick_an_option="{% if product.variants.size > 1 and product.selected_variant == blank %}{{ section.settings.show_pick_an_option }}{% else %}false{% endif %}"
    data-enable-alts="{{ enable_alts }}">

  {% if show_breadcrumbs %}
  {% render 'breadcrumbs' product:product %}
  {% endif %}

  
  
  {% comment %}
  Get first variant, or deep linked one
  {% endcomment %}
  {%- assign product_thumb_size = '110x110' -%}
  {%- assign product_image_zoom_size = '1024x1024' -%}
  {%- assign product_image_scale = '2' -%}


  {% assign thumbnails_type = section.settings.thumbnails_type %}
  {% assign thumbnails_size = section.settings.thumbnails_size %}

  {% assign show_thumbnails = true %}

  {% if thumbnails_type == 'none' %}
  {% assign show_thumbnails = false %}
  {% endif %}

  {% assign enable_thumbnail_slides = false %}
  {% if thumbnails_type == 'carousel' %}
  {% assign enable_thumbnail_slides = true %}
  {% endif %}


  {% case section.settings.media_size %}
  {% when 'small' %}
  {%- assign product_media_width = 'medium-up--one-third' -%}
  {%- assign product_description_width = 'medium-up--two-thirds' -%}
  {%- assign height = 345 -%}
  {% when 'medium' %}
  {%- assign product_media_width = 'medium-up--one-half' -%}
  {%- assign product_description_width = 'medium-up--one-half' -%}
  {%- assign height = 530 -%}
  {% when 'large' %}
  {%- assign product_media_width = 'medium-up--two-thirds' -%}
  {%- assign product_description_width = 'medium-up--one-third' -%}
  {%- assign height = 720 -%}
  {% when 'full' %}
  {%- assign product_media_width = '' -%}
  {%- assign product_description_width = '' -%}
  {%- assign height = 1090 -%}
  {% endcase %}
   
  
 

  {% assign enabled_mobile_sticky_btns = section.settings.enabled_mobile_sticky_btns %}

  {% if template.suffix == 'quick-view' %}
  {% assign enabled_mobile_sticky_btns = false %}
  {% endif %}


  <div class="grid product-single{% if section.settings.enable_payment_button %} product-single--{{ section.settings.media_size }}-media{% endif %}">
    <div class="grid__item product-single__media-group {{ product_media_width }} {% if section.settings.enable_sticky_gallery_on_desktop %} product-single__media-group--sticky {% endif %} {% if section.settings.media_size == 'full' %} product-single__media-group--full{% endif %}" data-product-single-media-group>

 
      <div class='product-single__media__carousel {% if enable_image_zoom %} product_image__zoom {% endif %}' data-product-main-slider data-flickity-config='{{ flickity_options }}' >
        {%- assign featured_media = product.selected_or_first_available_variant.featured_media | default: product.featured_media -%}
       

        {%- for media in product.media -%}
       
        <div class='product-single__media__slide' data-media-id="{{ media.id }}" data-media-index="{{ forloop.index0 }}">
          {% render 'media', media: media, featured_media: featured_media, height: height, image_scale: product_image_scale, forloop_first:forloop.first %}
        </div>
        {%- endfor -%}

       

      </div>

      {% assign first_3d_model = product.media | where: "media_type", "model" | first %}

      {%- if first_3d_model -%}
      <button
              aria-label="{{ 'products.product.view_in_space_label' | t }}"
              class="product-single__view-in-space"
              data-shopify-xr
              data-shopify-model3d-id="{{ first_3d_model.id }}"
              data-shopify-title="{{ product.title | escape }}"
              data-shopify-xr-hidden
              >
        {% render 'icon-3d-badge-full-color' %}<span class='product-single__view-in-space-text'>{{ 'products.product.view_in_space' | t }}</span>
      </button>
      {%- endif -%}


      {% if show_thumbnails %}
      {% render 'thumbnails-gallery' enable_thumbnail_slides:enable_thumbnail_slides,thumb_flickity_options:thumb_flickity_options  %}
      {% endif %}
      


    </div>
    <div class="grid__item {{ product_description_width }}">
      <div class="product-single__meta {% if enabled_mobile_sticky_btns %}  {% endif %}">

        {% capture "form_classes" -%}
        product-form product-form-{{ section.id }}
        {%- if section.settings.enable_payment_button and product.has_only_default_variant%} product-form--payment-button-no-variants{% endif %}
              {%- if current_variant.available == false %} product-form--variant-sold-out {%- endif -%}
        {%- endcapture %}
            {% form 'product', product, class:form_classes, data-product-form: '' %}

            {%  assign  show_default_variant_input  = true %}  

        {% for block in section.blocks %}
        {% case block.type %}


               {%  when 'complementary' %}

          {%  assign enable_quick_add = block.settings.enable_quick_add %}
          
      <div class='complementary-products' 
          data-url="{{ routes.product_recommendations_url }}?section_id={{ section.id }}&product_id={{ product.id }}&limit={{ block.settings.product_list_limit }}&intent=complementary">
   
          {%  if block.settings.block_heading != blank %}
          <h5 class='complementary-products-heading h5'>{{  block.settings.block_heading }}</h5>
            {%  endif %}

          
          {% assign products_per_page =  block.settings.products_per_page | times: 1 %}
  		{% assign recommendations_products_size = recommendations.products | size %}


          {%- capture flickity_options -%}
{
  "prevNextButtons": false,
  "wrapAround": true,
  "dragThreshold": 15,
 "cellAlign": "left",
  "autoPlay": false,
  "pageDots": false
}
{%- endcapture -%}

                  <div class='complementary-products-slider_custom_arrows slider_custom_arrows'>
          <a href="javascript:void(0)" id='complementary_button_prev_{{section.id}}' class='button-prev btn btn--circle-arrow' aria-label="Previous" aria-describedby="button previous">
            {% render 'icon' with 'tail-left' %}
          </a>
          <a href="javascript:void(0)" id='complementary_button_next_{{section.id}}' class='button-next btn btn--circle-arrow' aria-label="Next" aria-describedby="button next">
            {% render 'icon' with 'tail-right' %}
          </a>
        </div>
          
        <div class='complementary-products-slider  {% if settings.align_height %} use_align_height {% else %} use_image_height {% endif %}' data-flickity-config='{{ flickity_options }}'>
           {%- if recommendations.performed and recommendations.products_count > 0 -%}
          {%- assign max_height = 250 -%}

             <div class=" complementary_grid">
              <div class='complementary_products_slide'>
      {%- for prod in recommendations.products limit: block.settings.product_list_limit offset: continue -%}
     {% assign modulo_index = forloop.index | modulo:products_per_page %}
           
              {% render 'product-card-item', enable_quick_add: enable_quick_add, block:block,isComplementary_product: true,list: true, max_height: max_height, product: prod, show_vendor: false,products_per_row: 1 %}
         
        {%  if modulo_index == 0  and recommendations_products_size != forloop.index %}
             </div>
   <div class='complementary_products_slide'>
          {%  endif %}
      {%  endfor %}
   </div>
         </div>
                        {% endif %}             
          </div>
          
          </div>
    

    

          
        {% when "@app" %}
        {% render block %}

           {% when 'product_price' %}
           <div class="product__price">
            {% render 'product-price', variant: current_variant, product: product %}
          </div>
          {%- if cart.taxes_included or shop.shipping_policy.body != blank -%}
          <div class="product__policies rte" data-product-policies>
            {%- if cart.taxes_included -%}
            {{ 'products.product.include_taxes' | t }}
            {%- endif -%}
            {%- if shop.shipping_policy.body != blank -%}
            {{ 'products.product.shipping_policy_html' | t: link: shop.shipping_policy.url }}
            {%- endif -%}
          </div>
          {%- endif -%}

        <div class='shopify-payment-terms'>
          {{ form | payment_terms }}
        </div>

        {% when 'liquid_code' %}
          {% if block.settings.liquid != blank %}
          <div class="product-liquid-code">{{ block.settings.liquid }}</div>
          {% endif %}  
          
        {% when 'local_pickup' %}

         {%- comment -%}
          Live region for announcing updated price and availability to screen readers
        {%- endcomment -%}
        <p class="visually-hidden" data-product-status
          aria-live="polite"
          role="status"
        ></p>

        {%- comment -%}
          Live region for announcing that the product form has been submitted and the
          product is in the process being added to the cart
        {%- endcomment -%}
        <p class="visually-hidden" data-loader-status
          aria-live="assertive"
          role="alert"
          aria-hidden="true"
        >{{ 'products.product.loader_label' | t }}</p>

        
        <div
             class="product-single__store-availability-container"
             data-store-availability-container
             data-product-title="{{ product.title | escape }}"
             data-has-only-default-variant="{{ product.has_only_default_variant }}"
             data-base-url="{{ shop.url }}{{ routes.root_url }}"
             >
        </div>
        
         
        {% when 'product_title' %}
        <h1 class=" product-single__title h3">
          
          {% if template.suffix == 'quick-view' %}
          <a href="{{ product.url}}">   {{ product.title }}   </a>
          {% else %}
             {{ product.title }}     
          {% endif %}
            
        </h1>
        
        
        {%- when 'rating' -%}
            {%- if product.metafields.reviews.rating.value != blank -%}
              {% liquid
               assign rating_decimal = 0
               assign decimal = product.metafields.reviews.rating.value.rating | modulo: 1
               if decimal >= 0.3 and decimal <= 0.7
                assign rating_decimal = 0.5
              elsif decimal > 0.7
                assign rating_decimal = 1
               endif
              %}
              <div class="rating" role="img" aria-label="{{ 'general.accessibility.star_reviews_info' | t: rating_value: product.metafields.reviews.rating.value, rating_max: product.metafields.reviews.rating.value.scale_max }}">
                <span aria-hidden="true" class="rating-star color-icon-text" style="--rating: {{ product.metafields.reviews.rating.value.rating | floor }}; --rating-max: {{ product.metafields.reviews.rating.value.scale_max }}; --rating-decimal: {{ rating_decimal }};"></span>
              </div>
              <p class="rating-text caption">
                <span aria-hidden="true">{{ product.metafields.reviews.rating.value }} / {{ product.metafields.reviews.rating.value.scale_max }}</span>
              </p>
              <p class="rating-count caption">
                <span aria-hidden="true">({{ product.metafields.reviews.rating_count }})</span>
                <span class="visually-hidden">{{ product.metafields.reviews.rating_count }} {{ "general.accessibility.total_reviews" | t }}</span>
              </p>
            {%- endif -%}
        
        
        {% when 'product_description' %}

        {% if block.settings.desc_display == 'default' %}
          <div class="rte product-single__description main-product-description-{{ section.id }}" >
            {{ product.description }}
          </div>
        {% else %}
        {% assign show_product_desc_full_width = true %}
        {% endif %}
         
        {% when 'product_buttons' %}

        {%- if product.gift_card? and block.settings.show_gift_card_recipient -%}
          <div class="form_bg_row">
            <div class="gift-card-recipient">
              <div class="gift-card-recipient__checkbox">
                <input id="send_gift_card_to_recipient" type="checkbox" name="properties[__shopify_send_gift_card_to_recipient]">
                <label for="send_gift_card_to_recipient">{{'gift_cards.recipient.checkbox' | t }}</label>
              </div>
    
              <div class="gift-card-recipient__fields">
                <div class="form-vertical">
                  <input class="gift-card-recipient-field gift-card-recipient-field-email" type="email" name="properties[Recipient email]" placeholder="{{ 'gift_cards.recipient.email_label' | t }}">
                  <input class="gift-card-recipient-field" type="text" name="properties[Recipient name]" placeholder="{{ 'gift_cards.recipient.name_label' | t }}">
                  <textarea class="gift-card-recipient-field" rows="3" maxlength="200" name="properties[Message]" placeholder="{{ 'gift_cards.recipient.message_label' | t }}"></textarea>
                </div>
              </div>
            </div>
          </div>
        {%- endif -%}
        
        <div class="product-form__controls-group 
                    {%  if enabled_mobile_sticky_btns %} product-form-sticky-parent {%  endif %}
                    product-form__controls-group--submit {% if hide_price0_box_and_button %} hide {% endif %}">
          <div class="product-form__item product-form__item--submit
                      {%- if block.settings.enable_payment_button %} product-form__item--payment-button {%- endif -%}
                      "
               >
            
              {% if request.page_type != 'password' %} 
            <button type="submit" name="add"
                    {% unless current_variant.available %} aria-disabled="true"{% endunless %}
                    aria-label="{% unless current_variant.available %}{{ 'products.product.sold_out' | t }}{% else %}{% if show_preOrderButton %}{{ 'products.product.pre_order' | t }}{% else %}{{ 'products.product.add_to_cart' | t }}{% endif %}{% endunless %}"
                    class="btn product-form__cart-submit btn--primary"

                    data-add-to-cart>
              <span data-add-to-cart-text>
                {% unless current_variant.available %}
                {{ 'products.product.sold_out' | t }}
                {% else %}
               {% if show_preOrderButton %}
                       {{ 'products.product.pre_order' | t }}
                      {% else %}
                        {{ 'products.product.add_to_cart' | t }}
                      {% endif %}
                {% endunless %}
              </span>
              {%- render 'icon', icon: cart_icon_style -%}
              <span class="hide" data-loader>
                {% render 'icon-spinner' %}
              </span>
            </button>
            {% endif %}
            
            {% if block.settings.enable_payment_button %}
            {{ form | payment_button }}
            {% endif %}
          </div>
          
             <div class='pre_order_text {% unless show_preOrderButton %} hide {% endunless %}'>
                	 {{ 'products.product.pre_order_text' | t }}
                </div>
        </div>
       
        <div class="product-form__error-message-wrapper product-form__error-message-wrapper--hidden{% if section.settings.enable_payment_button %} product-form__error-message-wrapper--has-payment-button{% endif %}" data-error-message-wrapper role="alert">
          <span class="visually-hidden">{{ 'general.accessibility.error' | t }} </span>
          {% render 'icon-error' %}
          <span class="product-form__error-message" data-error-message>{{ 'products.product.quantity_minimum_message' | t }}</span>
        </div>
        
        <p class="visually-hidden" data-loader-status
          aria-live="assertive"
          role="alert"
          aria-hidden="true"
        >{{ 'products.product.loader_label' | t }}</p>

        

        {% when 'product_vendor'%}
        <div class="price__vendor">
          <span class="visually-hidden">{{ 'products.product.vendor' | t }}</span>
           {{product.vendor | link_to_vendor}}

          </div>

        {% when 'show_share_buttons' %}
        {% render 'social-sharing', share_title: product.title, share_permalink: product.url, share_image: product %}


        {% when 'inventory_qty' %}
        {% assign show_inventory_quantity = true %}
        {% assign low_inventory_threshold = block.settings.low_inventory_threshold %}
        <div class='inventory_qty_info' data-block-type="inventory-qty">                

          <div class="product-form__info-content {% if section.settings.show_pick_an_option and product.selected_variant == blank and product.variants.size > 1%} hide {% endif %}">
            {%- if current_variant.available -%}
            {%- if current_variant.inventory_management and current_variant.inventory_policy == 'deny' and block.settings.low_inventory_threshold > 0 -%}
            {%- if current_variant.inventory_quantity <= block.settings.low_inventory_threshold -%}

            {% assign text = 'products.product.low_stock_with_quantity_count' | t: count: current_variant.inventory_quantity %}
            {% assign icon = 'exclamation' %}
            {% assign type = 'warning'  %}

            {%- else -%}
            {% assign text = 'products.product.in_stock_with_quantity_count' | t: count: current_variant.inventory_quantity %}
            {% assign icon = 'check' %}
            {% assign type = 'success' %}

            {%- endif -%}
            {%- else -%}

            {% assign text = 'products.product.in_stock' | t %}
            {% assign icon = 'check' %}
            {% assign type = 'success' %}

            {%- endif -%}
            {%- else -%}

            {% assign text = 'products.product.out_of_stock' | t %}
            {% assign icon = 'x' %}
            {% assign type = 'danger' %}

            {%- endif -%}

            <div class="product-form__inventory">
              <div class="product-form__inventory-icon">
                <div class="product-form__inventory-icon-base">
                 
                   <load-icon name="box"></load-icon>
                  
                </div>
                <div class="product-form__inventory-icon-status text-{{ type }}">
                  <load-icon name="{{icon}}"></load-icon>
                </div>
              </div>
              <div class="product-form__inventory-text h6">{{ text }}</div>
            </div>
          </div>


        </div>

             {%  when 'form_popup' %}       
               {%  assign show_form_popup = true %}

              {%  assign link_alignment = block.settings.link_alignment %}
              {%  assign link_color = block.settings.link_color %}
          {%  assign underline_link_title = block.settings.underline_link_title %}

                    
        <div class='form_popup_link_wrapper text-{{ link_alignment }}'>
              {%  if block.settings.link_title  != blank %}
          <a href="#form_popup__{{ block.id }}" class="form_popup_link form_popup_link__{{ block.id }}">
                 {%  if block.settings.icon != blank %}
                <load-icon name="{{block.settings.icon}}"></load-icon>
                  {%  endif %}
                <span class="{%  if underline_link_title %}link_underline{%  endif %}">{{  block.settings.link_title }}</span>
               
                </a>
                {%  endif  %}

                    {%  if link_color != blank %}
          <style>
           .form_popup_link__{{ block.id }}:not(:hover) span {
              color: {{ link_color }};
            }
          </style>
          {%  endif %}
        </div>
        
        {% when 'quantity_block' %}
          <div class='form_bg_row quantity_block'>
            <div class='product_quantity_info_container'>
              <div class='qty_container'>
                <label class='header' for="Quantity-{{ block.id }}">{{ 'products.product.quantity' | t }}:</label>
                <div class="qty product-page-qty">
                  <a href='javascript:void(0);' class="minus_btn qty_btn" ></a>
                  <input type="text" id="Quantity-{{ block.id }}"
                         name="quantity" value="1" min="1" pattern="[0-9]*"
                         class="product-form__input product-form__input--quantity"
                         data-quantity-input>
                  <a href='javascript:void(0);' class="plus_btn qty_btn" ></a>
                </div>
              </div>             
            </div>
          </div>

        {% when 'product_variations' %}
          {%- liquid
            assign contains_product = false

            for product_variation in block.settings.products
              if product_variation == product
                assign contains_product = true
              endif
            endfor
          -%}

          {%- if contains_product -%}
            {%- assign metafield_parts = block.settings.option_value_metafield | split: '.' -%}
            {%- assign metafield_namespace = metafield_parts | first -%}
            {%- assign metafield_key = metafield_parts | last -%}

            {% if block.settings.color_selector_type == 'dropdown' %}
              <div class="product-form__controls-group product_options_block_wrapper product_options_block_wrapper--product-variations">
                <div class="selector-wrapper js product-form__item">
                  {% if block.settings.option_name != blank %}
                  <label class="header" for="SingleOptionSelector-{{ section.id }}-product-variations">
                    {{ block.settings.option_name | escape }}
                  </label>
                  {% endif %}
                  <select class="single-option-selector product-form__input" id="SingleOptionSelector-{{ section.id }}-product-variations">
                    {% for product_variation in block.settings.products %}
                      {% assign value = product_variation.metafields[metafield_namespace][metafield_key].value %}
                        <option value="{{ product_variation.url }}"{% if product_variation == product %}selected="selected"{% endif %}>{{ value }}</option>
                    {% endfor %}
                  </select>
                </div>
              </div>
            {% else %}
              <div class="product_swatches-variations">
                <div class="clearfix form_bg_row">
                  <div class="swatch">
                    {% if block.settings.option_name != blank %}
                      <style>
                        .swatch-option\:{{ block.settings.option_name | escape }} {
                          display: none;
                        }
                      </style>
                      <div class="header">{{ block.settings.option_name | escape }}:</div>
                    {% endif %}
                    <div class="swatch_elements_wrapper">
                      {% for product_variation in block.settings.products %}
                        {% assign value = product_variation.metafields[metafield_namespace][metafield_key].value %}

                        {% if product_variation == product %}
                          {% assign selected = true %}
                        {% else %}
                          {% assign selected = false %}
                        {% endif %}

                        {% if block.settings.color_selector_type == 'block' %}
                          <a href="{{ product_variation.url }}" class="swatch-element swatch_{{ value | handle }}">
                            <label {% if selected %}class="is-selected"{% endif %}>{{ value }}</label>
                          </a>
                        {% elsif block.settings.color_selector_type == 'color' %}
                          <a href="{{ product_variation.url }}" class="swatch-element color swatch_{{ value | handle }}">
                            <label class="{% if selected %}is-selected{% endif %} swatch-size--{{ block.settings.color_selector_size }}" title="{{value}}" style="{% render 'color_swatch_customization', default_value: value, filter_value:value %}">
                              <span class='swatch_check_icon'>{% render 'icon' with 'check' %}</span>
                            </label>
                            {% if block.settings.show_tooltip and value != blank %}
                              <div class="tooltip">{{ value }}</div>
                            {% endif %}
                          </a>
                        {% elsif block.settings.color_selector_type == 'variant' %}
                          <a href="{{ product_variation.url }}" class="swatch-element color swatch_{{ value | handle }}">
                            <label class="{% if selected %}is-selected{% endif %} swatch-size--{{ block.settings.color_selector_size }}" title="{{value}}" style="background-color:#fff; background-image: url({{ product_variation.featured_media  | img_url:"100x" }});">
                              <span class='swatch_check_icon'>{% render 'icon' with 'check' %}</span>
                            </label>
                            {% if block.settings.show_tooltip and value != blank %}
                              <div class="tooltip">{{ value }}</div>
                            {% endif %}
                          </a>
                        {% endif %}
                      {% endfor %}
                    </div>
                  </div>
                </div>
              </div>
            {% endif %}
          {%- endif -%}
        
        {% when 'product_options_block' %}
      <div class="" data-block-type="product-options-block">
                      {%  assign  show_default_variant_input  = false %}  

          
        {% unless product.has_only_default_variant %}
        <div class="product-form__controls-group product_options_block_wrapper">
          {% for option in product.options_with_values %}
          <div class="selector-wrapper js product-form__item">
            <label class="header" for="SingleOptionSelector-{{ section.id }}-{{ forloop.index0 }}">
              {{ option.name }}
            </label>
            <select class="single-option-selector single-option-selector-{{ section.id }} product-form__input single_option_{{option.name | downcase}}_selector-{{ section.id }}" 
                    id="SingleOptionSelector-{{ section.id }}-{{ forloop.index0 }}" 
                    data-option-name='{{ option.name | downcase }}'
                    data-index="option{{ forloop.index }}">
              {% for value in option.values %}
              <option value="{{ value.id }}" data-option-value="{{ value | escape }}" {% if option.selected_value == value %} selected="selected"{% endif %}>
                {{ value }}
                {% unless value.available %}
                  {% if value.variant %} - {{ 'products.product.sold_out' | t }}{% else %} - {{ 'products.product.unavailable' | t }}{% endif %}
                  {% endunless %}
              </option>
              {% endfor %}
            </select>
          </div>
          {% endfor %}
        </div>
        {% if block.settings.show_product_swatches %}
       
        {% unless product.has_only_default_variant %}


      {% if template.suffix != 'quick-view' %} 
        {% assign use_variant_image_for_swatches = block.settings.use_variant_image_for_swatches %}
        {%  else %}
         {% assign use_variant_image_for_swatches = settings.use_variant_image_for_grid_swatches %}
        {% endif %}
        <div class='product_swatches'>
          {% for option in product.options_with_values %}
          {% render 'swatch' swatch:option, forloop_index: forloop.index, use_variant_image_for_swatches:use_variant_image_for_swatches %}
          {% endfor %}
        </div>
        {% endunless %}
        {% endif %}
        {% endunless %}        
      </div>
          <input  name="id" id="ProductSelect-{{ section.id }}" class="product-form__variants no-js" type="hidden" 
            value="{{ current_variant.id }}"               
                  data-inventory_management="{{current_variant.inventory_management}}"
                  data-inventory_policy="{{current_variant.inventory_policy}}"
                  data-inventory_quantity="{{current_variant.inventory_quantity}}"
            />
        {% when 'sku_block' %}
        <p class='product_sku product-sku'  {% if current_variant.sku == blank %} style="display:none;" {% else %}{% if section.settings.show_pick_an_option and product.selected_variant == blank and product.variants.size > 1%} style="display:none;" {% endif %}{% endif %}>{{ 'products.product.sku' | t }} <span class='variant-sku'> {{ current_variant.sku }}</span></p>

        {% when 'image_with_text_blocks' %}
        
        {% assign image_with_text_blocks_color = block.settings.icon_color %}
        
        <div class='image_with_text_blocks'>
          {% for i in (1..3) %}

          {% capture link_handle %}link_{{i}}{% endcapture %}
          {% capture text_handle %}text_{{i}}{% endcapture %}
          {% capture image_handle %}image_{{i}}{% endcapture %}
          {% capture show_block_handle %}show_block_{{i}}{% endcapture %}
          {% capture icon_handle %}icon_{{i}}{% endcapture %}

          {% assign link = block.settings[link_handle] %}
          {% assign text = block.settings[text_handle] %}
          {% assign image = block.settings[image_handle] %}
          {% assign icon_name = block.settings[icon_handle] %}
          
          {% assign show_block = block.settings[show_block_handle] %}

          {% if i == 1 %}
          {% assign show_block = true %}
          {% endif %}
          
          {% if show_block  %}
          <div class='block'>
            {% if link != blank %}
            <a href='{{link}}'>
              {% endif %}
              <div class='block_content'>
                {% if image != blank %}
                <img src='{{ image | img_url:"200x"}}' 
                     srcset="{{ image | img_url: '200x' }} 1x, {{ image | img_url: '200x', scale: 2 }} 2x"
                     loading="lazy"
                     width="{{image.width}}"
                     height="{{image.height}}"
                     alt='{{image.alt | default: text }}' 
                     style="object-position:{{ image.presentation.focal_point }};"> 
                {% else %}
                
                 <load-icon name="{{ icon_name }}"></load-icon>
                {% endif %}
                {% if text != blank %}
                <p>{{text}}</p>
                {% endif %}
              </div>

              {% if link != blank %}
            </a>
            {% endif %}


          </div>
          {% endif %}
          {% endfor %}
        </div> 
        
        {% when 'back_in_stock' %}
        <div class='back_in_stock_row {% if current_variant.available %} hide {% elsif section.settings.show_pick_an_option and product.selected_variant == blank and product.variants.size > 1%} hide {% endif %}' data-id="{{ 'ContactForm_' | append: product.id }}">

          <div class='back_in_stock_response'></div>
         <label for="back_in_stock_custom_formInput-{{ product.id }}" ><span class='h5'>{{ 'products.product.notify_me_heading' | t }}</span></label>
          <div class='back_in_stock_custom_form'>
            <input type="email"
          id="back_in_stock_custom_formInput-{{ product.id }}"
                   class="Form__Input  input-group__field"
                   value="{{ form.email }}"
                   placeholder="{{ 'products.product.email_placeholder' | t }}"
                   autocorrect="off"
                   autocapitalize="off"
                   name="contact[email]"
                   form="{{ 'ContactForm_' | append: product.id }}" 
                   >

            <span class="input-group__btn-wrapper">
              <button type="submit" form="{{ 'ContactForm_' | append: product.id }}"  class="btn btn--primary back_in_stock_btn" >
                  {% render 'icon' with 'check' %}
              </button>
            </span>
          </div>

        </div>
        
        
        {% else %}
          {% if block.type contains 'collapsible_tab' %}

        
       		 {% assign type = block.type | replace: 'collapsible_tab_', '' %}

            {%- case type -%}

            {%- when 'text' -%}
            <div class='product_description_accrordion {{type}}'>
              <div class='product_accordion__block'>
                <span class="product_accordion__heading h5">
                  {{ block.settings.heading  }}
                </span>
                <div class='product_accordion__content'>
                  <div class="rte">
                    {{ block.settings.content }}
                  </div>
                </div>
              </div>
            </div>

            {%- when 'page' -%}
            <div class='product_description_accrordion {{type}}'>
              <div class='product_accordion__block'>
                <span class="product_accordion__heading h5">
                  {{ block.settings.heading | default: block.settings.page.title  }}
                </span>
                <div class='product_accordion__content'>
                  <div class="rte">
                    {{ block.settings.page.content }}
                  </div>
                </div>
              </div>
            </div>

            {%- when 'desc' -%}
            {% if product_description_in_static_tab == false %}
        	{% assign expanded_by_default = block.settings.expanded_by_default %}        
            <div class='product_description_accrordion {{ type}} '>
              <div class='product_accordion__block'>
                <span class="product_accordion__heading h5 {% if expanded_by_default %} active {% endif %}">
                  {{ block.settings.heading   }}
                </span>
                <div class='product_accordion__content {% if expanded_by_default %} active {% endif %}'>
                  <div class="rte">
                    {{ product.description }}
                  </div>
                </div>
              </div>
            </div>
            {% endif %}
        
            {%- when 'liquid' -%}
            <div class='product_description_accrordion {{ type }}'>
              <div class='product_accordion__block'>
                <span class="product_accordion__heading h5">
                  {{ block.settings.heading  }}
                </span>
                <div class='product_accordion__content'>  
                  <div class="rte">
                    {{ block.settings.content }}
                  </div>
                </div>
              </div>
            </div>
        
            {% endcase %}

             
          {% endif %}
        
        {% endcase %}
        {% endfor %}


        {%  if show_default_variant_input %} 
              <input type="hidden" name="id" value="{{  current_variant.id }}" />
          {%  endif %}
          {% endform %}

        </div>

      </div>
    </div>

  
  {% if show_product_desc_full_width %}
  {% for block in section.blocks %}
  {% if block.type == 'product_description' %}
  <div class="rte product-single__description main-product-description-{{ section.id }} full_product-single__description" >
    {{ product.description }}
  </div>
  {% break %}
  {% endif %}
  {% endfor %}
  {% endif %}
  
  {% if template.suffix != 'quick-view' %}  
  {% if show_static_tabs %}
  {% assign static_tab_title_index = 1 %}
  {% assign static_tab_text_index = 1 %}
  <div class="tabing small--hide">
    <ul class="nav nav-tabs">
      
      {% for block in section.blocks %}
      {% if block.type contains 'static_tab' %}
      <li {% if static_tab_title_index == 1 %}class="active"{% endif %}>
        <a href="#tab{{static_tab_title_index}}" data-toggle="tab">
          
          {% assign type = block.type | replace: 'static_tab_', '' %}
          {% if type == 'page' %}
          {{ block.settings.tab_title | escape  | default: block.settings.page.title }}
          {% else %}
          {{ block.settings.tab_title | escape }}
          {% endif %}
        </a>
      </li>
      {% assign static_tab_title_index = static_tab_title_index | plus: 1 %}      
      {% endif %}
      {% endfor %}
      
    </ul>

    <!-- Tab panes -->
    <div class="tab-content"> 

      {% for block in section.blocks %}
      {% if block.type contains 'static_tab' %}

      {% assign type = block.type | replace: 'static_tab_', '' %}

      {%- case type -%}
      {%- when 'text' -%}
      <div class="tab-pane {% if static_tab_text_index == 1 %} active {% endif %}" id="tab{{ static_tab_text_index }}">
        <div class="rte">
          {% if block.settings.product_tab_content != '' %}
          {{ block.settings.product_tab_content }}
          {% else %}
          <p>{{ 'products.general.tab_no_page' | t }}</p>
          {% endif %}
        </div>      
      </div> 

      {%- when 'page' -%}
      <div class="tab-pane {% if static_tab_text_index == 1 %} active {% endif %}" id="tab{{ static_tab_text_index }}">
        <div class="rte">
          {% if block.settings.page.content != '' %}
          {{ block.settings.page.content }}
          {% else %}
          <p>{{ 'products.general.tab_no_page' | t }}</p>
          {% endif %}
        </div>      
      </div> 
      {%- when 'desc' -%}
      <div class="tab-pane {% if static_tab_text_index == 1 %} active {% endif %}" id="tab{{ static_tab_text_index }}">
        <div class="rte">
          {{ product.description }}
        </div>      
      </div> 
      {%- when 'liquid' -%}
      <div class="tab-pane {% if static_tab_text_index == 1 %} active {% endif %}" id="tab{{ static_tab_text_index }}">       
         <div class="rte">
          {{ block.settings.content }}
        </div>     
      </div> 
      {% endcase %}

      {% assign static_tab_text_index = static_tab_text_index | plus: 1 %}      

      {% endif %}
      {% endfor %}
      
     
     
    </div>
  </div>
  <div class='product_description_accrordion medium-up--hide'>

    {% for block in section.blocks %}
    {% if block.type contains 'static_tab' %}

     {% assign type = block.type | replace: 'static_tab_', '' %}

    <div class='product_accordion__block'>
      <span class="product_accordion__heading h5">
        {% if type == 'page' %}
        {{ block.settings.tab_title | escape  | default: block.settings.page.title }}
        {% else %}
        {{ block.settings.tab_title | escape }}
        {% endif %}
      </span>
      <div class='product_accordion__content'>
        
       

        {%- case type -%}
        {%- when 'text' -%}
         <div class="rte">
          {% if block.settings.product_tab_content != '' %}
          {{ block.settings.product_tab_content }}
          {% else %}
          <p>{{ 'products.general.tab_no_page' | t }}</p>
          {% endif %}
        </div>
        {%- when 'page' -%}
        <div class="rte">
          {% if block.settings.page.content != '' %}
          {{ block.settings.page.content }}
          {% else %}
          <p>{{ 'products.general.tab_no_page' | t }}</p>
          {% endif %}
        </div>
        {%- when 'desc' -%}
         <div class="rte">
          {{ product.description }}
        </div>
        {%- when 'liquid' -%}
          <div class="rte">
          {{ block.settings.content }}
          </div>        
        {% endcase %}

       
      </div>
    </div>

    {% endif %}
    {% endfor %}    
  </div>
  {% endif %}
  {% endif %}


    {% if enable_alts %}
  <div class='hide'>
    <div class='all_media__block'>
      {%- for media in product.media -%}
      {% if media.media_type == 'image' %}
      <div class='product-single__media__slide'>
        {% render 'media', media: media, featured_media: featured_media, height: height, image_scale: product_image_scale %}
      </div>
      {% endif %}
      {%- endfor -%}
    </div>
    
    {% if show_thumbnails %}
    <div class='all_thumb_media__block'>
      {% for media in product.media %}
      {% if media.media_type == 'image' %}
      {% render 'thumb_media' media: media %}
      {% endif %}
      {% endfor %}
    </div>
    {% endif %}

  </div>
  {% endif %}
  
</div>


{% unless product == empty %}
  <script type="application/json" data-variant-json>
    {{ product.selected_or_first_available_variant | json }}
  </script>

<script type="application/json" id="ModelJson-{{ section.id }}">
    {{ product.media | where: 'media_type', 'model' | json }}
</script>
{% endunless %}


<style>
  #ProductSection-{{ section.id }} .product-single__thumbnails-block {
    width: calc(100% / {{thumbnails_size}});
  }
</style>


<div class='hidden_contactForm'>
    {%- assign formId = 'ContactForm_' | append: product.id -%}
    {% form 'contact', id: formId %}
    
    <div class='form-status'>
      {% assign success_message = 'products.product.notify_me_success_message' %}
      {% render 'form-status', form: form, form_id: formId, success_message: success_message %}
    </div>


  <input type="hidden" id="contant_form_current_variant_title" name="contact[variant-title]" value="{{ current_variant.title }}" />
  <input type="hidden" id="contant_form_current_variant_sku" name="contact[variant-sku]" value="{{ current_variant.sku }}" />

               
{% comment %}
        <input class='contact-form_email'
               type="email"
               name="contact[email]"
               value="{% if customer %}{{ customer.email }}{% endif %}"              
               >

    <input type="submit" class="btn" value="{{ 'contact.form.submit' | t }}">
 {% endcomment %}     

    {% endform %}
</div>




{%  if show_form_popup  %}
{%  for block in section.blocks %}
  {%  if block.type == 'form_popup' %}

    {%  assign image = block.settings.image %}
    {%  assign page_handle = block.settings.page %}
    {%  assign content = block.settings.content %}

  
      <div class='form_popup modal' id="form_popup__{{ block.id }}" aria-hidden="true">
  <div class="modal__dialog modal__dialog--stretch" role="dialog">
    <button class="modal__close close_form_popup"
            title="{{ 'general.accessibility.close_modal' | t | escape }}">
      {%- render 'icon', icon: 'close' -%}
    </button>
    <div class="modal__inner ">

      <div class='page-width-small'>
      {%  if image != blank and content == 'image' %}
        <div class='modal__inner_media_wrapper'>
     
     
                <img src='{{ image | img_url:"300x"}}' 
                     srcset="{{ image | img_url: '1000x' }} 1x, {{ image | img_url: '1000x', scale: 2 }} 2x, {{ image | img_url: '1000x', scale: 3 }} 3x"
                     loading="lazy"
                     width="{{image.width}}"
                     height="{{image.height}}"
                     alt='{{image.alt | default: text }}' 
                     style="object-position:{{ image.presentation.focal_point }};"> 
        
        </div>
        {%  endif %}

    {%  if page_handle != blank and content == 'page' %}
      {%  assign modal_page = pages[page_handle] %}
      {%  if modal_page.content != blank %}
    <div class="modal__inner_page_content rte">
        {{  modal_page.content }}
    </div>
        {%  endif %}
      {%  endif %}

      
      </div>
    </div>
  </div>
        
      </div>
    {%  endif  %}
  {%  endfor %}
  {%  endif %}


{{ 'component-rating.css' | asset_url | stylesheet_tag }}

{% if enable_image_zoom %}
<link rel="stylesheet" href="{{ 'photoswipe.css' | asset_url }}" type="text/css">
<link rel="stylesheet" href="{{ 'default-skin.css' | asset_url }}" type="text/css">
{% endif %}
 
<script>
  // Override default values of shop.strings for each template.
  // Alternate product templates can change values of
  // add to cart button, sold out, and unavailable states here.
  theme.productStrings = {
    preOrder: {{ 'products.product.pre_order' | t | json }},
    addToCart: {{ 'products.product.add_to_cart' | t | json }},
    soldOut: {{ 'products.product.sold_out' | t | json }},
    unavailable: {{ 'products.product.unavailable' | t | json }}
  }
</script>

{% assign current_variant = product.selected_or_first_available_variant %}

<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Product",
  "name": {{ product.title | json }},
  "url": {{ shop.url | append: product.url | json }},
  {%- if product.featured_media -%}
    {%- assign media_size = product.featured_media.preview_image.width | append: 'x' -%}
    "image": [
      {{ product.featured_media | img_url: media_size | prepend: "https:" | json }}
    ],
  {%- endif -%}
  "description": {{ product.description | strip_html | json }},
  {%- if current_variant.sku != blank -%}
    "sku": {{ current_variant.sku | json }},
  {%- endif -%}
  "brand": {
    "@type": "Brand",
    "name": {{ product.vendor | json }}
  },
  "offers": [
    {%- for variant in product.variants -%}
      {
        "@type" : "Offer",
        {%- if variant.sku != blank -%}
          "sku": {{ variant.sku | json }},
        {%- endif -%}
        "availability" : "http://schema.org/{% if variant.available %}InStock{% else %}OutOfStock{% endif %}",
        "price" : {{ variant.price | divided_by: 100.00 | json }},
        "priceCurrency" : {{ cart.currency.iso_code | json }},
        "url" : {{ shop.url | append: variant.url | json }}
      }{% unless forloop.last %},{% endunless %}
    {%- endfor -%}
  ]
}
</script>

<style>

  #ProductSection-{{ section.id }} .image_with_text_blocks .block svg {
      color: {{ image_with_text_blocks_color }};
    }
  </style>
<script type="module" src="{{ 'dynamic-icon.js' | asset_url }}"></script>





{% schema %}
{
  "name": "t:sections.product-template.name",
"tag": "section",
  "class": "section-product-template",
  "settings": [
		{
		"type":"checkbox",
		"id":"show_breadcrumbs",
		"label":"t:sections.product-template.settings.show_breadcrumbs.label",
		"default": true
		},
	{
	"type":"checkbox",
	"id":"show_pick_an_option",
	"label":"t:sections.product-template.settings.show_pick_an_option.label",
	"info":"t:sections.product-template.settings.show_pick_an_option.info",
	"default": false
	},
{
	"type":"checkbox",
	"id":"enabled_mobile_sticky_btns",
	"label":"t:sections.product-template.settings.enabled_mobile_sticky_btns.label",
	"default": true
	},
    {
      "type": "header",
      "content": "t:sections.product-template.settings.header__2.content",
      "info": "t:sections.product-template.settings.header__2.info"
    },
    {
      "type": "select",
      "id": "media_size",
      "label": "t:sections.product-template.settings.media_size.label",
      "options": [
        {
          "value": "small",
          "label": "t:sections.product-template.settings.media_size.options__1.label"
        },
        {
          "value": "medium",
          "label": "t:sections.product-template.settings.media_size.options__2.label"
        },
        {
          "value": "large",
          "label": "t:sections.product-template.settings.media_size.options__3.label"
        },
        {
          "value": "full",
          "label": "t:sections.product-template.settings.media_size.options__4.label"
        }
      ],
      "default": "medium"
    },
    {
      "type": "checkbox",
      "id": "enable_image_zoom",
      "label": "t:sections.product-template.settings.enable_image_zoom.label",
      "default": true
    },
    {
      "type": "checkbox",
      "id": "enable_video_looping",
      "label": "t:sections.product-template.settings.enable_video_looping.label",
      "default": true
    },
    {
      "type": "checkbox",
      "id": "enable_sticky_gallery_on_desktop",
      "label": "t:sections.product-template.settings.enable_sticky_gallery_on_desktop.label"
    },
	{
      "type": "select",
      "id": "thumbnails_type",
      "label": "t:sections.product-template.settings.thumbnails_type.label",
		"options": [
		{
          "value": "grid",
          "label": "t:sections.product-template.settings.thumbnails_type.options__1.label"
		},
		{
          "value": "carousel",
          "label": "t:sections.product-template.settings.thumbnails_type.options__2.label"
		},
		{
          "value": "none",
          "label": "t:sections.product-template.settings.thumbnails_type.options__3.label"
		}
	],
	"default":"grid"
	},
{
      "type": "range",
      "id": "thumbnails_size",
      "min": 1,
      "max": 6,
      "step": 1,
      "label": "t:sections.product-template.settings.thumbnails_size.label",
      "default": 4
    }
  ],
"blocks": [ 
  {
      "type": "@app"
    },
  {	
    "type":"liquid_code",
    "name":"t:sections.custom-liquid.name",
    "settings": [
	 {
          "id": "liquid",
          "type": "liquid",
          "label": "t:sections.custom-liquid.settings.custom_liquid.label"
     }
	]
    },
{	
    "type":"collapsible_tab_desc",
    "name":"t:sections.product-template.blocks.collapsible_tab_desc.name",
    "settings": [
	 {
          "id": "heading",
          "type": "text",
          "label": "t:sections.product-template.blocks.collapsible_tab.settings.heading.label",
          "default": "Accordion (description)"
        },
		{
          "id": "expanded_by_default",
          "type": "checkbox",
          "label": "t:sections.product-template.blocks.collapsible_tab_desc.settings.expanded_by_default.label"
        }
	]
    },
{	
    "type":"collapsible_tab_page",
    "name":"t:sections.product-template.blocks.collapsible_tab_page.name",
    "settings": [
	 {
          "id": "heading",
          "type": "text",
          "info": "t:sections.product-template.blocks.collapsible_tab.settings.heading.info",
          "label": "t:sections.product-template.blocks.collapsible_tab.settings.heading.label",
           "default": "Accordion (page)"
        },
     	{
          "id": "page",
          "type": "page",
          "label": "t:sections.product-template.blocks.collapsible_tab.settings.page.label"
        }
	]
    },
{	
    "type":"collapsible_tab_liquid",
    "name":"t:sections.product-template.blocks.collapsible_tab_reviews.name",
    "settings": [
	 {
          "id": "heading",
          "type": "text",
          "info": "t:sections.product-template.blocks.collapsible_tab.settings.heading.info",
          "label": "t:sections.product-template.blocks.collapsible_tab.settings.heading.label",
          "default": "Accordion (liquid)"
        },
       {
          "id": "content",
          "type": "liquid",
          "label": "t:sections.custom-liquid.settings.custom_liquid.label"
      }
	]
    },
{	
    "type":"collapsible_tab_text",
    "name":"t:sections.product-template.blocks.collapsible_tab_text.name",
    "settings": [
	 {
          "id": "heading",
          "type": "text",
          "info": "t:sections.product-template.blocks.collapsible_tab.settings.heading.info",
          "label": "t:sections.product-template.blocks.collapsible_tab.settings.heading.label",
           "default": "Accordion (text)"
        },
        {
          "id": "content",
          "type": "richtext",
          "label": "t:sections.product-template.blocks.collapsible_tab.settings.content.label"
        }
    
	]
    },

{
	"type":"back_in_stock",
	"name":"t:sections.product-template.blocks.back_in_stock.name",
	"settings": []
	},
{	
		"type":"product_buttons",
		"name":"t:sections.product-template.blocks.product_buttons.name",

	 "settings": [
	  {
      "type": "checkbox",
      "id": "enable_payment_button",
      "label": "t:sections.product-template.blocks.product_buttons.settings.enable_payment_button.label",
      "info": "t:sections.product-template.blocks.product_buttons.settings.enable_payment_button.info",
      "default": true
    },
       {
          "type": "checkbox",
          "id": "show_gift_card_recipient",
          "label": "t:sections.product-template.blocks.product_buttons.settings.show_gift_card_recipient.label",
          "info": "t:sections.product-template.blocks.product_buttons.settings.show_gift_card_recipient.info",
          "default": true
        }
]
	},
   {
      "type": "complementary",
      "name": "t:sections.product-template.blocks.complementary_products.name",
      "limit": 1,
      "settings": [
        {
          "type": "paragraph",
          "content": "t:sections.product-template.blocks.complementary_products.settings.paragraph.content"
        },
        {
          "type": "text",
          "id": "block_heading",
          "default": "Pairs well with",
          "label": "t:sections.product-template.blocks.complementary_products.settings.heading.label"
        },
        {
          "type": "range",
          "id": "product_list_limit",
          "min": 1,
          "max": 10,
          "step": 1,
          "default": 10,
          "label": "t:sections.product-template.blocks.complementary_products.settings.product_list_limit.label"
        },
        {
          "type": "range",
          "id": "products_per_page",
          "min": 1,
          "max": 4,
          "step": 1,
          "default": 3,
          "label": "t:sections.product-template.blocks.complementary_products.settings.products_per_page.label"
        },
        {
          "type": "header",
          "content": "t:sections.product-template.blocks.complementary_products.settings.product_card.heading"
        },
        {
          "type": "checkbox",
          "id": "enable_quick_add",
          "label": "t:sections.product-template.blocks.complementary_products.settings.enable_quick_add.label",
          "default": false
        }
      ]
    },
{	
    "type":"local_pickup",
    "name":"t:sections.product-template.blocks.local_pickup.name",
    "settings": []
    },
{
      "type": "rating",
      "name": "t:sections.product-template.blocks.rating.name",
      "limit": 1,
      "settings": [
        {
          "type": "paragraph",
          "content": "t:sections.product-template.blocks.rating.settings.paragraph.content"
        }
      ]
    },
    	{
	"type":"form_popup",
	"name":"t:sections.product-template.blocks.form_popup.name",
	"settings": [
      {
      "type":"text",
        "id":"link_title",
        "label": "t:sections.product-template.blocks.form_popup.settings.link_title.label",
        "default": "Popup link"
      },
      {
        "type":"checkbox",
        "id":"underline_link_title",
        "label": "t:sections.product-template.blocks.form_popup.settings.underline_link_title.label",
        "default":true
      },
      {
        "type":"text",
        "id":"icon",
        "label": "t:sections.product-template.blocks.form_popup.settings.icon.label",
        "info": "t:sections.product-template.blocks.form_popup.settings.icon.info"
      },
             {
      "type":"color",
        "id":"link_color",
        "label": "t:sections.product-template.blocks.form_popup.settings.link_color.label",
         "default":"#000"
      },
      {
      "type":"select",
        "id":"link_alignment",
        "label": "t:sections.product-template.blocks.form_popup.settings.link_alignment.label",
                "options": [
        {
          "value": "left",
          "label": "t:sections.product-template.blocks.form_popup.settings.link_alignment.options__1.label"
        },
        {
          "value": "center",
          "label": "t:sections.product-template.blocks.form_popup.settings.link_alignment.options__2.label"
        },
        {
          "value": "right",
          "label": "t:sections.product-template.blocks.form_popup.settings.link_alignment.options__3.label"
        }
      ],
              "default":"left"
      },
                  {
      "type":"select",
        "id":"content",
        "label": "t:sections.product-template.blocks.form_popup.settings.content.label",
        "options": [
        {
          "value": "image",
          "label": "t:sections.product-template.blocks.form_popup.settings.content.options__1.label"
        },
        {
          "value": "page",
          "label": "t:sections.product-template.blocks.form_popup.settings.content.options__2.label"
        }
      ],
              "default":"image"
      },

       {
      "type":"image_picker",
        "id":"image",
        "label": "t:sections.product-template.blocks.form_popup.settings.image.label"
      },
            {
      "type":"page",
        "id":"page",
        "label": "t:sections.product-template.blocks.form_popup.settings.page.label"
      }
       
    ]
    },
{	
    "type":"product_price",
    "name":"t:sections.product-template.blocks.product_price.name",
    "settings": []
    },
    {	
    "type":"product_title",
    "name":"t:sections.product-template.blocks.product_title.name",
    "settings": []
    },
	{
		"type":"product_description",
		"name":"t:sections.product-template.blocks.product_description.name",
	 "settings": [

    {
      "type": "select",
      "id": "desc_display",
      "label": "t:sections.product-template.blocks.product_description.settings.desc_display.label",
      "options": [
        {
          "value": "default",
          "label": "t:sections.product-template.blocks.product_description.settings.desc_display.options_1.label"
        },
        {
          "value": "full_width",
          "label": "t:sections.product-template.blocks.product_description.settings.desc_display.options_2.label"
        }
      ],
      "default": "default"
    }
	]
	},


	{
		"type":"product_vendor",
		"name":"t:sections.product-template.blocks.product_vendor.name",
	 "settings": []
	},
	
    {
      "type":"quantity_block",
      "name":"t:sections.product-template.blocks.quantity_block.name",
      "settings": [
    ]
    },
{
	"type":"sku_block",
	"name":"t:sections.product-template.blocks.sku_block.name",
	"settings": []
	},
{
		"type":"show_share_buttons",
		"name":"t:sections.product-template.blocks.show_share_buttons.name",
	 "settings": []
	},
 {	
    "type":"static_tab_desc",
    "name":"t:sections.product-template.blocks.static_tab_desc.name",
    "settings": [
	 {
          "id": "tab_title",
          "type": "text",
          "label": "t:sections.product-template.blocks.static_tab.settings.tab_title.label",
          "default": "Decsription"
        }
	]
    },
    {	
    "type":"static_tab_page",
    "name":"t:sections.product-template.blocks.static_tab_page.name",
    "settings": [
	 {
          "id": "tab_title",
          "type": "text",
          "label": "t:sections.product-template.blocks.static_tab.settings.tab_title.label",
           "default": "Title"
        },
     	{
          "id": "page",
          "type": "page",
          "label": "t:sections.product-template.blocks.static_tab.settings.page.label"
        }
	] 
    },
{	
    "type":"static_tab_liquid",
    "name":"t:sections.product-template.blocks.static_tab_reviews.name",
    "settings": [
	 {
          "id": "tab_title",
          "type": "text",
          "label": "t:sections.product-template.blocks.static_tab.settings.tab_title.label",
          "default": "Liquid"
        },
       {
          "id": "content",
          "type": "liquid",
          "label": "t:sections.custom-liquid.settings.custom_liquid.label"
      }

	]
    },
    {	
    "type":"static_tab_text",
    "name":"t:sections.product-template.blocks.static_tab_text.name",
    "settings": [
	 {
          "id": "tab_title",
          "type": "text",
          "label": "t:sections.product-template.blocks.static_tab.settings.tab_title.label",
          "default": "Title"
        },
        {
          "id": "product_tab_content",
          "type": "richtext",
          "label": "t:sections.product-template.blocks.static_tab.settings.product_tab_content.label"
        }
    
	]
    },

	{
		"type":"inventory_qty",
		"name":"t:sections.product-template.blocks.inventory_qty.name",
		"settings": [
      {
      "type": "range",
      "id": "low_inventory_threshold",
      "label": "t:sections.product-template.blocks.inventory_qty.settings.low_inventory_threshold.label",
      "info": "t:sections.product-template.blocks.inventory_qty.settings.low_inventory_threshold.info",
      "min": 0,
      "max": 100,
      "step": 1,
      "default": 0
      }
	]
	},


{
	"type":"image_with_text_blocks",
"name":"t:sections.product-template.blocks.image_with_text_blocks.name",
"limit": 1,
"settings": [
 {
         "type":"color",
         "id":"icon_color",
         "label": "t:sections.product-template.blocks.image_with_text_blocks.settings.icon_color.label",
		"default":"#000"
      }, 
	{
      "type": "header",
      "content": "t:sections.product-template.blocks.image_with_text_blocks.content_1"
    },
	{ 
                    "type": "text",
                    "id": "icon_1",
                    "label": "t:sections.product-template.blocks.image_with_text_blocks.settings.icon.label",
					"info":  "t:sections.product-template.blocks.image_with_text_blocks.settings.icon.info",
                    "default": "star"
                },

	{
	"type":"image_picker",
	"id":"image_1",
	"label":"t:sections.product-template.blocks.image_with_text_blocks.settings.image.label_1"
	},
	{
	"type":"text",
	"id":"text_1",
	"label":"t:sections.product-template.blocks.image_with_text_blocks.settings.text.label_1"
	},
	{
	"type":"url",
	"id":"link_1",
	"label":"t:sections.product-template.blocks.image_with_text_blocks.settings.link.label_1"
	},
{
      "type": "header",
      "content": "t:sections.product-template.blocks.image_with_text_blocks.content_2"
    },
{
		"type":"checkbox",
		"id":"show_block_2",
		"label":"t:sections.product-template.blocks.image_with_text_blocks.settings.show_block.label"
	},
	{
                    "type": "text",
                    "id": "icon_2",
                    "label": "t:sections.product-template.blocks.image_with_text_blocks.settings.icon.label",
					"info": "t:sections.product-template.blocks.image_with_text_blocks.settings.icon.info",
                    "default": "star"
                },
{
	"type":"image_picker",
	"id":"image_2",
	"label":"t:sections.product-template.blocks.image_with_text_blocks.settings.image.label_2"
	},
	{
	"type":"text",
	"id":"text_2",
	"label":"t:sections.product-template.blocks.image_with_text_blocks.settings.text.label_2"
	},
	{
	"type":"url",
	"id":"link_2",
	"label":"t:sections.product-template.blocks.image_with_text_blocks.settings.link.label_2"
	},
{
      "type": "header",
      "content": "t:sections.product-template.blocks.image_with_text_blocks.content_3"
    },
{
		"type":"checkbox",
		"id":"show_block_3",
		"label":"t:sections.product-template.blocks.image_with_text_blocks.settings.show_block.label"
	},
	{
                    "type": "text",
                    "id": "icon_3",
                    "label": "t:sections.product-template.blocks.image_with_text_blocks.settings.icon.label",
					"info": "t:sections.product-template.blocks.image_with_text_blocks.settings.icon.info",

                    "default": "star"
                },

{
	"type":"image_picker",
	"id":"image_3",
	"label":"t:sections.product-template.blocks.image_with_text_blocks.settings.image.label_3"
	},
	{
	"type":"text",
	"id":"text_3",
	"label":"t:sections.product-template.blocks.image_with_text_blocks.settings.text.label_3"
	},
	{
	"type":"url",
	"id":"link_3",
	"label":"t:sections.product-template.blocks.image_with_text_blocks.settings.link.label_3"
	}

	]
	},
	{
	"type":"product_options_block",
	"name":"t:sections.product-template.blocks.product_options_block.name",
	"settings": [
		{
	"type":"checkbox",
	"id":"show_product_swatches",
	"label":"t:sections.product-template.blocks.product_options_block.settings.show_product_swatches.label",
	"info":"t:sections.product-template.blocks.product_options_block.settings.show_product_swatches.info",
	"default": true
	},
		{
	"type":"checkbox",
	"id":"use_variant_image_for_swatches",
	"label":"t:sections.product-template.blocks.product_options_block.settings.use_variant_image_for_swatches.label",
	"default": false
	}
]
	},
    {
      "type": "product_variations",
      "name": "t:sections.product-template.blocks.product_variations.name",
      "settings": [
        {
          "type": "paragraph",
          "content": "t:sections.product-template.blocks.product_variations.instructions"
        },
        {
          "type": "text",
          "id": "option_name",
          "label": "t:sections.product-template.blocks.product_variations.option_name",
          "placeholder": "t:sections.product-template.blocks.product_variations.option_name_placeholder"
        },
        {
          "type": "text",
          "id": "option_value_metafield",
          "label": "t:sections.product-template.blocks.product_variations.option_value_metafield",
          "info": "t:sections.product-template.blocks.product_variations.option_value_metafield_info"
        },
        {
          "type": "product_list",
          "id": "products",
          "label": "t:sections.product-template.blocks.product_variations.product_list",
          "info": "t:sections.product-template.blocks.product_variations.product_list_info"
        },
        {
          "type": "select",
          "id": "color_selector_type",
          "label": "t:sections.product-template.blocks.product_variations.color_selector_type",
          "info": "t:sections.product-template.blocks.product_variations.color_selector_type_info",
          "options": [
            {
              "value": "block",
              "label": "t:sections.product-template.blocks.product_variations.color_selector_type_options.block"
            },
            {
              "value": "dropdown",
              "label": "t:sections.product-template.blocks.product_variations.color_selector_type_options.dropdown"
            },
            {
              "value": "color",
              "label": "t:sections.product-template.blocks.product_variations.color_selector_type_options.color_swatch"
            },
            {
              "value": "variant",
              "label": "t:sections.product-template.blocks.product_variations.color_selector_type_options.variant_image"
            }
          ],
          "default": "color"
        },
        {
          "type": "select",
          "id": "color_selector_size",
          "label": "t:sections.product-template.blocks.product_variations.color_selector_size",
          "info": "t:sections.product-template.blocks.product_variations.color_selector_size_info",
          "options": [
            {
              "value": "small",
              "label": "t:sections.product-template.blocks.product_variations.color_selector_size_options.small"
            },
            {
              "value": "medium",
              "label": "t:sections.product-template.blocks.product_variations.color_selector_size_options.medium"
            },
            {
              "value": "large",
              "label": "t:sections.product-template.blocks.product_variations.color_selector_size_options.large"
            }
          ],
          "default": "small"
        },
        {
          "type": "checkbox",
          "id": "show_tooltip",
          "label": "t:sections.product-template.blocks.product_variations.show_tooltip",
          "info": "t:sections.product-template.blocks.product_variations.show_tooltip_info"
        }
      ]
    }
	]
}
{% endschema %}